Đồ án ứng dụng gọi xe chung cho sinh viên

ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN KHOA CÔNG NGHỆ PHẦN MỀM ĐỒ ÁN ỨNG DỤNG GỌI XE CHUNG CHO SINH VIÊN GV HƯỚNG DẪN: Trần Anh Dũng SV THỰC HIỆN: Lê Minh Quân – 20520708 Nguyễn Hoàng Kiệt - 20520068 TP HỒ CHÍ MINH, 07/2023 LỜI CẢM ƠN Lời đầu tiên, nhóm thực xin gửi lời cảm ơn đến trường Đại Học Công Nghệ Thông Tin – Đại học Quốc gia Thành phố Hồ Chí Minh khoa cơng nghệ phần mềm tạo điều kiện cho nhóm có hội học tập làm việc với môn học này, tạo điều kiện tốt để sinh viên hồn thành tốt q trình học trường nói chung mơn học nói riêng Tiếp theo, nhóm em xin gửi lời cảm ơn chân thành tới thầy Trần Anh Dũng, giảng viên trực tiếp phụ trách giảng dạy lớp với môn Đồ án Thầy tận tình hướng dẫn, bảo với phân tích định hướng rõ ràng cho nhóm suốt q trình thực đề tài, tiền đề để nhóm hồn thành đề tài hạn Thầy tạo điều kiện thuận lợi với tài liệu cần thiết liên quan, giải đáp thắc mắc lớp nhóm gặp khó khăn Và cuối cùng, xin cảm ơn tất bạn nhóm chia sẻ cơng việc, hồn thành tốt trách nhiệm cá nhân suốt trình thực với hướng dẫn thầy phân công nhóm trưởng, yếu tố quan trọng để hồn thành tốt mục tiêu mơn học Mặc dù cố gắng hoàn thành đề tài với tất cố gắng tất nhiên chúng em mắc phải sai sót, khuyết điểm đề tài, mong nhận thông cảm Thầy lời nhận xét để giúp nhóm cải thiện Nhóm mong nhận góp ý từ phía thầy nhằm giúp nhóm rút kinh nghiệm quý báu, hoàn thiện vốn kiến thức học tập để hành trang cho nhóm tiếp tục hồn thành đồ án tương lai Xin chân thành cảm ơn thầy! MỤC LỤC DANH MỤC HÌNH DANH MỤC BẢNG DANH MỤC TỪ VIẾT TẮT TÓM TẮT ĐỒ ÁN NỘI DUNG ĐỒ ÁN 12 CHƯƠNG MỞ ĐẦU 12 1.1 Lý chọn đề tài 12 1.2 Mục đích nghiên cứu 12 1.2.1 Khách quan 12 1.2.2 Chủ quan 13 1.3 Đối tượng nghiên cứu 13 1.3.1 Các công nghệ nghiên cứu 13 1.3.2 Đối tượng sử dụng đề tài hướng đến .13 1.4 Phạm vi nghiên cứu 14 1.4.1 Phạm vi môi trường .14 1.4.2 Phạm vi chức 14 CHƯƠNG KIẾN THỨC NỀN TẢNG 15 2.1 Flutter .15 2.2 NodeJs 16 2.3 MongoDb .17 CHƯƠNG XÂY DỰNG HỆ THỐNG 18 3.1 Kiến trúc hệ thống: Mơ hình Client-Server 18 3.2 Chi tiết thành phần hệ thống 18 3.3 Thiết kế sơ đồ lớp 20 CHƯƠNG ĐẶC TẢ USE-CASE 21 4.1 Đăng kí tài khoản 21 4.2 Đăng nhập tài khoản 22 4.3 Quên mật .23 4.4 Đăng nhập phương thức khác 24 4.5 Xem thông tin cá nhân 25 4.6 Thay đổi thông tin cá nhân .25 4.7 Thêm đăng 27 4.8 Xem thông tin đăng (qua đồ): 28 4.9 Xem thông tin đăng qua trang đăng: 29 4.10 Xem đăng 30 4.11 Tìm kiếm thơng tin đăng 31 4.12 Ứng tuyển vào đăng .33 4.13 Xem danh sách ứng tuyển đăng .34 4.14 Deal giá đăng 35 4.15 Bắt đầu chuyến 36 4.16 Xem danh sách trò chuyện 37 4.17 Nhắn tin, video call 38 4.18 Đánh giá sau chuyến 40 4.19 Xem đánh giá .41 CHƯƠNG THIẾT KẾ CƠ SỞ DỮ LIỆU .43 5.1 Sơ đồ logic .43 5.2 Danh sách quan hệ 43 CHƯƠNG THIẾT KẾ GIAO DIỆN .45 6.1 Mơ tả danh sách hình .45 6.2 Mơ tả chi tiết hình 45 6.2.1 Màn hình Đăng nhập .46 6.2.2 Màn hình đăng ký 47 6.2.3 Màn hình quên mật 48 6.2.4 Màn hình xem thơng tin cá nhân .49 6.2.5 Màn hình chỉnh sửa thơng tin cá nhân 50 6.2.6 Màn hình danh sách trò chuyện .51 6.2.7 Màn hình khung nhắn tin 52 6.2.8 Màn hình khung gọi điện 53 6.2.9 Màn hình đăng chuyến 54 6.2.10 Màn hình danh sách chuyến 55 6.2.11 Màn hình trang chủ .57 6.2.12 Màn hình ứng tuyển vào đăng 58 6.2.13 Màn hình quản lý người muốn 59 6.2.14 Màn hình đánh giá thân 60 CHƯƠNG CÀI ĐẶT VÀ KIỂM THỬ 61 7.1 Môi trường cài đặt kiểm thử 61 7.2 Kết kiểm thử 61 CHƯƠNG TỔNG KẾT .62 8.1 Kết đạt 62 8.1.1 Thành 62 8.1.2 Hạn chế 62 8.2 Hướng phát triển 62 TÀI LIỆU THAM KHẢO 63 DANH MỤC HÌNH Hình Flutter 15 Hình 2 NodeJs .16 Hình MongoDb 17 Hình Sơ đồ mơ hình Client-Server .18 Hình Sơ đồ lớp 20 Hình Use-case quản lý tài khoản 21 Hình Use-case quản lý đăng 27 Hình Use-case nhận đăng .33 Hình Sơ đồ logic 43 Hình Màn hình đăng nhập 46 Hình Màn hình đăng ký 47 Hình Màn hình quên mật 48 Hình Màn hình xem thơng tin cá nhân .49 Hình Màn hình chỉnh sửa thơng tin cá nhân 50 Hình 6 Màn hình danh sách trị chuyện 51 Hình Màn hình khung nhắn tin 52 Hình Màn hình khung gọi điện 53 Hình Màn hình đăng chuyến 54 Hình 10 Màn hình danh sách chuyến 55 Hình 11 Màn hình trang chủ 57 Hình 12 Màn hình ứng tuyển vào đăng 58 Hình 13 Màn hình quản lý người muốn 59 Hình 14 Màn hình đánh giá thân .60 DANH MỤC BẢNG Bảng Các thành phần hệ thống 19 Bảng Danh sách quan hệ 44 Bảng Danh sách hình 45 Bảng Kết kiểm thử 61 DANH MỤC TỪ VIẾT TẮT # Từ viết tắt Từ đầy đủ Ý nghĩa CSDL Cơ sở liệu Cơ sở liệu cho ứng dụng API Application Programming Interface Giao diện lập trình ứng dụng HTTP HyperText Transfer Protocol Giao thức truyền siêu văn TÓM TẮT ĐỒ ÁN Trong bối cảnh, sinh viên thường sống khu vực xa trường cần di chuyển hàng ngày để đến lớp học tham gia hoạt động ngoại khoá Khoảng cách thời gian di chuyển gây phiền toái tốn Sở hữu phương tiện cá nhân sử dụng dịch vụ giao thông công cộng tốn cho sinh viên Cùng lúc, nhiều sinh viên có hướng tận dụng tài nguyên giao thông chung để giảm chi phí Hệ thống giao thơng cơng cộng khơng ln đáp ứng nhu cầu di chuyển linh hoạt tiện lợi cho sinh viên Ứng dụng gọi xe chung cho sinh viên giải vấn đề cách tạo cộng đồng sinh viên chia sẻ chuyến tận dụng hiệu tài nguyên giao thông Điều giúp giảm thiểu thời gian di chuyển, giảm chi phí mang lại thuận tiện linh hoạt cho sinh viên việc di chuyển khu vực sinh sống Bên cạnh đó, ứng dụng cịn góp phần tăng cường mối quan hệ xã hội, tạo hội giao lưu tương tác sinh viên cộng đồng Ứng dụng gọi xe chung cho sinh viên ứng dụng di động nhằm kết nối sinh viên trường đại học khu vực sinh sống để chia sẻ chuyến tận dụng hiệu tài nguyên giao thông Hệ thống hỗ trợ tiện ích: - Chức đăng ký đăng nhập - Tìm kiếm chuyến - Quản lý chuyến - Giao tiếp - Đánh giá phản hồi ĐỀ CƯƠNG CHI TIẾT Tên đối tượng STT Loại Chức Khung nhập gmail TextField Vùng nhập nội dung gmail Nút gửi Button Nút gửi xác nhận đến gmail nhập 6.2.4 Màn hình xem thơng tin cá nhân Hình Màn hình xem thơng tin cá nhân Mô tả tổng quát : Giao diện cho phép người dùng xem thông tin cá nhân, đổi ảnh đại diện, xem chuyến đi, Các đối tượng hình STT Tên đối tượng Thông tin người dùng Danh sách tính Loại Chức Thể thông tin người dùng List 49 Thể danh sách tính 6.2.5 Màn hình chỉnh sửa thơng tin cá nhân Hình Màn hình chỉnh sửa thơng tin cá nhân Mô tả tổng quát : Giao diện cho phép người dùng thay đổi thông tin cá nhân Các đối tượng hình STT Tên đối tượng Loại Chức Khung nhập tên TextField Vùng nhập nội dung tên Khung nhập giới tính TextField Vùng nhập nội dung giới tính Khung nhập ngày sinh TextField Vùng nhập nội dung ngày sinh Nút cập nhật Button Tiến hành cập nhật thông tin 50 6.2.6 Màn hình danh sách trị chuyện Hình 6 Màn hình danh sách trị chuyện Mơ tả tổng quát : Giao diện cho phép người dùng thấy khung chat Các đối tượng hình STT Tên đối tượng Loại Danh sách khung tin nhắn 51 List Chức Hiện danh sách khung tin nhắn 6.2.7 Màn hình khung nhắn tin Hình Màn hình khung nhắn tin Mơ tả tổng quát : Giao diện cho phép người dùng nhắn tin với người dùng khác Các đối tượng hình STT Tên đối tượng Loại Chức Icon quay lại Icon Tiến hành trở lại hình trước Ảnh đại diện Circle Avatar Hiện ảnh đại diện người gọi đến Icon gọi thường Icon Tiến hành gọi thường Icon gọi video Icon Tiến hành gọi video Danh sách tin nhắn List Hiện tin nhắn 52 gửi trước Icon hình ảnh Icon Chọn hình ảnh để gửi Icon gửi Icon Gửi tin nhắn Khung nhập tài nhắn TextField Vùng nhập nội dung tin nhắn 6.2.8 Màn hình khung gọi điện Hình Màn hình khung gọi điện Mô tả tổng quát : Giao diện cho phép người dùng gọi điện cho người dùng khác Các đối tượng hình STT Tên đối tượng Loại Icon quay lại Icon 53 Chức Tiến hành trở lại hình trước Ảnh đại diện Circle Avatar Hiện ảnh đại diện người gọi đến Thông tin người gọi đến Text Hiện thông tin người gọi đến Icon tắt máy Icon Tiến hành chấm dứt gọi 6.2.9 Màn hình đăng chuyến Hình Màn hình đăng chuyến Mơ tả tổng quát : Giao diện cho phép người dùng nhập đăng chuyến lên hệ thống Các đối tượng hình STT Tên đối tượng Loại Khung nhập điểm TextField 54 Chức Vùng nhập nội dung điểm Khung nhập điểm đến TextField Vùng nhập nội dung điểm đến Khung nhập thời gian TextField Vùng nhập thời gian Lựa chọn loại chuyến Button Lựa chọn loại chuyến Khung nhập giá tiền TextField Vùng nhập nội dung giá tiền Khung nhập nội dung TextField Vùng nhập nội dung Nút tạo chuyến Button Tiến hành tạo chuyến 6.2.10 Màn hình danh sách chuyến Hình 10 Màn hình danh sách chuyến 55 Mô tả tổng quát : Giao diện cho phép người dùng xem danh sách chuyến có hệ thống Các đối tượng hình STT Tên đối tượng Loại Chức Icon tìm kiếm Icon Nhấn vào chuyển sang trang tìm kiếm Icon thêm Icon Nhấn vào chuyển sang trang thêm chuyến Icon menu Icon Nhập vào mở menu Danh sách chuyến List Hiện danh sách chuyến 56 6.2.11 Màn hình trang chủ Hình 11 Màn hình trang chủ Mơ tả tổng quát : Giao diện cho phép người dùng xem vị trí thân viết gần Các đối tượng hình Tên đối tượng STT Loại Chức Map View Hiện đồ Icon người dùng Icon Hiện vị trí người dùng Icon ghim Icon Hiện vị trí chuyến gần vị trí người dùng 57 6.2.12 Màn hình ứng tuyển vào đăng Hình 12 Màn hình ứng tuyển vào đăng Mô tả tổng quát : Giao diện cho phép người dùng tiến hành đăng ký chung chuyến Các đối tượng hình STT Tên đối tượng Loại Chức Nút đồng ý giá Button Nút đồng ý giá chuyến Nút không đồng ý giá Button Nút không đồng ý giá chuyến Khung nhập giá tiền mong muốn TextField Vùng nhập giá tiền mong muốn Nút tạo apply Nút tạo đăng ký chuyến Button 58 6.2.13 Màn hình quản lý người muốn Hình 13 Màn hình quản lý người muốn Mô tả tổng quát : Giao diện cho phép người dùng quản lý danh sách người đăng ký chung Các đối tượng hình STT Tên đối tượng Loại Chức Khung nhập từ khóa để lọc đăng ký TextField Vùng nhập từ khóa để tìm kiếm Danh sách đăng ký đến chuyến List Các đăng kí đến chuyến 59 6.2.14 Màn hình đánh giá thân Hình 14 Màn hình đánh giá thân Mô tả tổng quát : Giao diện cho phép người dùng xem đánh giá đến thân Các đối tượng hình STT Tên đối tượng Loại Chức Khung nhập từ khóa để lọc đánh giá TextField Vùng nhập từ khóa để tìm kiếm Danh sách đánh giá List Các đánh giá đến người dùng 60 CHƯƠNG CÀI ĐẶT VÀ KIỂM THỬ 7.1 Môi trường cài đặt kiểm thử Môi trường cài đặt : IOS/ Android 11.0 Thiết bị cài đặt : + Thiết bị giả lập AVD Android Studio, điện thoại cá nhân Android 11.0 7.2 Kết kiểm thử STT Tính Mức độ hồn thiện Đăng nhập / Đăng xuất 100% Xem, thêm, xóa, cập nhật chuyến 100% Xem, thêm, xóa, cập nhật apply 100% Xem, thêm, xóa, cập nhật đánh giá 100% Cập nhật thông tin cá nhân, ảnh đại diện 100% Trò chuyện 100% Gọi điện 50% Bảng Kết kiểm thử 61 Ghi CHƯƠNG TỔNG KẾT 8.1 Kết đạt 8.1.1 Thành - Hồn thành tất tính theo hướng kế hoạch dự kiến đưa từ đầu - Biết cách quản lý mã nguồn làm việc qua Github - Cải thiện kỹ lập trình, biết cách kiểm tra lỗi tự sửa lỗi - Cải thiện khả đọc tài liệu tiếng Anh - Cải thiện kỹ làm việc nhóm giao tiếp ứng xử 8.1.2 Hạn chế - Các tính chưa tối ưu tốt nên ứng dụng chạy chậm - Giao diện người dùng mức tạm - Cịn nhiều tính chưa thiết thực, tiện dụng người dùng - Vấn đề an ninh, bảo mật liệu người dùng chưa giải 8.2 Hướng phát triển Qua trình thực hiện, nhóm nhận thấy hạn chế đồ án cịn cải thiện mở rộng thêm Cụ thể hóa hướng phát triển sau đây: - Cải thiện giao diện người dùng trực quan - Ổn định tối ưu tính có - Phát triển tính tốn, gợi ý chuyến - Xây trang web quản trị viên kiểm soát ứng dụng 62 TÀI LIỆU THAM KHẢO Tiếng Anh: ● Trang chủ Express: https://expressjs.com/ ● Trang chủ Flutter: https://docs.flutter.dev/ ● Trang hướng dẫn google map : https://www.youtube.com/watch?v=nDwX0c8DHO4 ● Hướng dẫn tìm kiếm địa : https://www.youtube.com/watch?v=Gcw18DpqCI 63