ĐỒ án ỨNG DỤNG LUYỆN THI lý THUYẾT GIẤY PHÉP lái XE (đồ án SE121 l21 PMCL)

ĐẠ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 TRẦN PHƯƠNG DUY – 18520038 NGUYỄN TRÙNG DƯƠNG - 18520030 ĐỒ ÁN ỨNG DỤNG LUYỆN THI LÝ THUYẾT GIẤY PHÉP LÁI XE APPLICATION TRAINING THE THEORY OF DRIVER LICENSE KỸ THUẬT PHẦN MỀM TP HỒ CHÍ MINH, 2021 ĐẠ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 TRẦN PHƯƠNG DUY – 18520038 NGUYỄN TRÙNG DƯƠNG - 18520030 ĐỒ ÁN ỨNG DỤNG LUYỆN THI LÝ THUYẾT GIẤY PHÉP LÁI XE APPLICATION TRAINING THE THEORY OF DRIVER LICENSE KỸ THUẬT PHẦN MỀM GIẢNG VIÊN HƯỚNG DẪN ThS HUỲNH HỒ THỊ MỘNG TRINH TP HỒ CHÍ MINH, 2021 Chương TỔNG QUAN VỀ HỆ THỐNG .4 1.1 Đặt vấn đề 1.2 Lý chọn đề tài 1.3 Mục đích 1.4 Đối tượng phạm vi nghiên cứu 1.4.1 Đối tượng nghiên cứu 1.4.2 Phạm vi nghiên cứu .6 1.5 Công nghệ công cụ sử dụng Chương KHẢO SÁT HỆ THỐNG .7 2.1 Nhu cầu 2.2 Ý Tưởng 2.3 Hiện trạng 2.3.1 Khảo sát trạng 2.3.2 Khảo sát nghiệp vụ .10 2.4 Xác định yêu cầu hệ thống 11 2.5 Định hướng người dùng .12 Chương MÔ TẢ VÀ PHÂN TÍCH HỆ THỐNG .12 3.1 Mô tả tổng thể 12 3.2 Mô tả chức 13 3.3 Phân tích 14 3.4 Yêu cầu chức 14 3.4.1 Chọn loại GPLX 14 3.4.2 Thi thử .15 3.4.3 Ôn tập sa hình 16 3.4.4 Ôn tập biển báo 17 3.4.5 Mẹo ghi nhớ 18 3.4.6 Ôn tập tổng hợp 18 3.4.7 Ôn tập theo chủ đề .19 3.5 Biểu đồ UseCase 21 3.6 Biểu đồ hoạt động 21 3.7 Biểu đồ trình tự 26 Chương THIẾT KẾ DỮ LIỆU VÀ THIẾT KẾ GIAO DIỆN 32 4.1 Thiết kế liệu 32 4.2 Sơ đồ liên kết hình 33 4.3 Danh sách hình 33 Chương THIẾT KẾ KIẾN TRÚC 48 Chương QUY TRÌNH PHÁT TRIỂN 49 6.1 Quy trình phát triển nhóm sử dụng .49 6.2 Các cải tiến nhóm 49 Chương TỔNG KẾT 50 7.1 Kết luận 50 7.2 Hướng phát triển đề tài 50 7.3 Môi trường phát triển môi trường triển khai 51 7.3.1 Môi trường phát triển 51 7.3.2 Môi trường triển khai 51 7.4 Kế hoạch thực 51 7.5 Kết đạt 53 TÀI LIỆU THAM KHẢO 55 DANH MỤC HÌNH VẼ Hình 2-1: Chức hệ thống 11 Hình 3-1: Mơ tả hệ thống 12 Hình 3-2: Biểu đồ UseCase 21 Hình 3-3: Biểu đồ hoạt động Chọn loại GPLX 22 Hình 3-4: Biểu đồ hoạt động thi thử 22 Hình 3-5: Biểu đồ hoạt động tra cứu sa hình 23 Hình 3-6: Biểu đồ hoạt động tra cứu biển báo 24 Hình 3-7: Biểu đồ hoạt động tra cứu mẹo pháp luật 24 Hình 3-8: Biểu đồ hoạt động ôn tập tất câu hỏi 25 Hình 3-9: Biểu đồ hoạt động ôn tập theo chủ đề 26 Hình 3-10: Biểu đồ trình tự chọn loại GPLX 27 Hình 3-11: Biểu đồ trình tự thi thử 27 Hình 3-12: Biểu đồ trình tự ơn thi sa hình 28 Hình 3-13: Biểu đồ trình tự ơn thi biển báo 29 Hình 3-14: Biểu đồ trình tự ơn thi mẹo 30 Hình 3-15: Biểu đồ trình tự ơn thi tất câu hỏi 30 Hình 3-16: Biểu đồ trình tự ơn thi thi chủ đề 31 Hình 4-1: Sơ đồ liên kết hình 33 Hình 4-2: Màn hình chờ 34 Hình 4-3: Màn hình trang chủ 35 Hình 4-4: Màn hình chọn loại GPLX 36 Hình 4-5: Màn hình ơn tập theo chủ đề 37 Hình 4-6: Màn hình sa hình pháp luật 38 Hình 4-7: Màn hình tra cứu 39 Hình 4-8: Màn hình biển báo 40 Hình 4-9: Màn hình chi tiết biển báo 41 Hình 4-10: Màn hình thi thử 42 Hình 4-11: Màn hình bắt đầu thi Error! Bookmark not defined Hình 4-12: Màn hình thi 43 Hình 4-13: Màn hình chọn câu hỏi 44 Hình 4-14: Màn hình hết 45 Hình 4-15: Màn hình nộp 46 Hình 4-16: Màn hình kết thi 47 Hình 5-1: Kiến trúc 48 DANH MỤC BẢNG Bảng 2-1: Các hạng thi GPLX Bảng 3-1: Mô tả chức 13 Bảng 3-2: UseCase chọn loại GPLX 15 Bảng 3-3: UseCase thi thử 16 Bảng 3-4: UseCase ơn tập sa hình 16 Bảng 3-5: UseCase ôn tập biển báo 17 Bảng 3-6: UseCase mẹo ghi nhớ 18 Bảng 3-7: UseCase ôn tập tổng hợp 19 Bảng 3-8: UseCase ôn tập theo chủ đề 20 Bảng 7-1: Kế hoạch thực 53 Bảng 7-2: Kết đạt 54 DANH MỤC TỪ VIẾT TẮT Từ viết tắt Định nghĩa QTV Quản trị viên JS Javascript GPLX Giấy phép lái xe I/O Vào/ra UX Trải nghiệm người dùng TÓM TẮT ĐỒ ÁN Hiện nay, với đời điện thoại thông minh (smartphone) giúp người tìm hiểu kiến thức cách dễ dàng mà không cần phải tới trung tâm để học, chúng tơi xây dựng ứng dụng di động cho phép người dùng ôn thi lý thuyết lái xe hạng A B C D, ứng dụng giúp nhiều người không cần đến trung tâm để học mà cần học nhà hay nơi làm việc, giúp tiết kiệm thời gian chi phí cho người Ứng dụng chia thành nhiều chức là: đề thi thử ngẫu nhiên, ơn tập theo chủ đề, ôn tập tất câu hỏi, tra cứu biển báo, sa hình mẹo ghi nhớ Đề tài hồn tồn thực có khả triển khai ứng dụng thực tế, góp phần nâng cao trình độ luật an tồn giao thơng tiết kiệm nhiều chi phí, thời gian cho người Hình 4-9: Màn hình chi tiết biển báo - Ở hình Thi thử, người dùng chọn vào button Thi thử vào hình có đề thi ngẫu nhiên 41 Hình 4-10: Màn hình thi thử Sau người dùng chọn thi đề ngẫu nhiên hình bắt đầu làm - Khi người dùng nhấp vào button bắt đầu làm thời gian bắt đầu tính với số lượng câu hỏi theo loại GPLX - Ở hình thi có tất câu hỏi theo button, người dùng chọn câu hỏi muốn làm trước - Với loại câu hỏi hiển thị câu trả lời tương ứng - Với câu hỏi có đáp án trả lời, người dùng lựa chọn đáp án Đối với câu hỏi có nhiều đáp án đúng, người dùng phải chọn đủ xác tính câu 42 Hình 4-11: Màn hình thi - Từ hình thi, góc trái hình có button chọn câu hỏi Khi nhấp vào tất câu hỏi hiển lên cho người dùng chọn câu hỏi muốn làm trước - Người dùng bỏ qua câu hỏi chưa nghĩ đáp án để làm câu tiếp theo; sau quay trở lại để hồn thành câu bỏ qua để kiểm tra lại làm 43 Hình 4-12: Màn hình chọn câu hỏi - Nếu hết thời gian làm mà người dùng chưa hoàn thành xong thi hoàn thành mà chưa nộp xuất thơng báo hết bắt buộc người dùng phải nộp 44 Hình 4-13: Màn hình hết - Người dùng nộp trước hết hoàn thành xong thi Sau nộp hiển thị hình thơng báo bạn có chắn nộp thi không với hai button trả lời nộp khơng 45 Hình 4-14: Màn hình nộp - Sau người dùng làm sau thi thử có hình bảng liệt kê câu hỏi hình kết quả, người dùng lựa chọn câu hỏi thi để xem đáp án chọn đáp án 46 Hình 4-15: Màn hình kết thi 47 Chương THIẾT KẾ KIẾN TRÚC Hình 5-1: Kiến trúc Tổng quan kiến trúc hệ thống nhóm: mơ hình MVC, ngơn ngữ lập trình JavaScript, sử dụng framework React Native, nhóm sử dụng giao thức HTTP để giao tiếp Client Server Về phía frontend: Frontend mobile tương tác với local database điện thoại để lưu liệu người dùng kết nối với Backend thông qua Http để nhận liệu Về phía backend: Backend nhận chuyển hướng từ Frontend gọi Http request tới Webhook để thực thi query lấy liệu câu hỏi sở liệu đám mây MongoDB Cluster trả lại kết xử lí yêu cầu từ Frontend 48 Chương QUY TRÌNH PHÁT TRIỂN 6.1 Quy trình phát triển nhóm sử dụng Quy trình phát triển phần mềm nhóm chúng em sử dụng hướng đến đồ án thác nước Ban đầu trước học qua quy trình phát triển phần mềm, nhóm chúng em theo hướng V-model, thấy bất cập việc xếp thời gian nguồn nhân lực nhóm hạn hẹp nên chúng em chuyển sang thác nước 6.2 Các cải tiến nhóm Bên cạnh việc sử dụng thác nước, chúng em có cải tiến việc áp dụng đồ án Chúng em nhìn thấy lợi điểm hạn chế bất cập thác nước nên tìm hiểu định kết hợp tính yêu cầu hợp lý quy trình khác Chúng em tiến hành meeting trao đổi 30 phút đầu tuần để đảm bảo vấn đề giải cách tốt nhanh (yêu cầu em dựa yêu cầu Agile Scrum) Bên cạnh đó, chúng em áp dụng phương pháp Pair Programming (Agile Extreme Programming) để đảm bảo code mắc lỗi để hạn chế thời gian bỏ để sửa lỗi cho code phương pháp Refactoring để tối ưu hóa code Đối với việc phát triển trình tự thác nước theo thứ tự Tuy nhiên, nhóm em có áp dụng phương pháp “pair programming” “refactoring” giai đoạn Nhóm phát triển sản phẩm, sau cho sản phẩm bước đó, nhóm tiếp tục tiến hành refactoring code ví dụ refactoring giúp code dễ đọc hơn, dễ maintain Sau refactoring chúng em lại tách làm nhóm, nhóm tiếp tục phát triển module tiếp theo, nhóm cịn lại test sản phẩm vừa phát triển xong 49 Chương TỔNG KẾT 7.1 Kết luận Xây dựng ứng dụng luyện thi lý thuyết lái xe giúp người dùng luyện thi thi thử trước đăng ký thi thực tế, giảm bớt thời gian đến trung tâm luyện thi tiện lợi dùng đâu với điện thoại Ngồi ra, ứng dụng giúp người dùng nâng cao kiến thức, khuyến khích người dùng tìm hiểu luật giao thông nhằm giảm thiểu tai nạn giao thông cách rút gọn, tóm tắt cách ngắn phần lý thuyết quan trọng phân chia làm nhiều loại khác Tuy nhiên, với thời gian có hạn lượng kiến thức vấn đề cịn nên ứng dụng chưa hồn chỉnh, cịn hạn chế nhiều nội dung chức năng: - Về chức năng: chưa đầu tư kinh phí server, cloud database nên tương tác chậm dẫn đến phải đợi tải liệu, chưa tối ưu hết mức hiệu từ react native dẫn đến hạn chế UX - Về nội dung: ứng dụng hỗ trợ cho loại lái A1, nội dung tra cứu hay giải thích cịn hạn chế chưa đa dạng, làm sáng tỏ rõ thắc mắc người dùng 7.2 Hướng phát triển đề tài Đây ứng dụng có nhiều tiềm để phát triển thành hệ thống luyện thi hoàn chỉnh loại lái đầy đủ công đoạn từ đầu đến cuối Với định hướng nhằm phục vụ người dùng ngày tốt thuận lợi hơn, thời gian tới hệ thống tập trung hoàn thiện phần nội dung thi thử loại lái khác tối ưu UX, hiệu ứng dụng, thêm thông tin tra cứu hữu ích Xa hỗ trợ tải liệu offline giúp cho việc thuận tiện ôn tập mà không cần sử dụng internet , ứng dụng chức đọc nội dung câu hỏi mở rộng phát triển tảng website 50 7.3 Môi trường phát triển môi trường triển khai 7.3.1 Môi trường phát triển o Hệ điều hành: Microsoft Windows 10 o Hệ quản trị sở liệu: MongoDB, Sqlite o Công nghệ: Nodejs, React native o Công cụ xây dựng ứng dụng: Visual Studio Code 7.3.2 Môi trường triển khai o Nền tảng: android 7.4 Kế hoạch thực Cột mốc Chọn đề tài (8/3) Cơng việc Hồn thành Thống x Thống mơ hình x phát triển phần mềm Xác định chức Xác định hệ thống yêu cầu Xác định quy trình (14/3 -22/3) thực nghiệp x x vụ Phân tích mơ hình Phân tích, chức mơ hình Phân tích mơ hình hóa u cầu tổng thể (23/3-2/4) Phân tích mơ hình người dùng 51 Sản phẩm Đề tài: Ứng dụng luyện thi lý thuyết GPLX Mơ hình thác nước Danh sách chức công việc mà hệ thống thực Nắm quy trình thực nghiệp vụ x Các bảng mơ tả chức x Mơ hình tổng thể hệ thống x Bảng mơ hình người dùng Lập thuật toán sơ đồ x logic Thiết kế Lập sơ đồ logic hoàn liệu chỉnh (3/4-17/4) x Lập danh sách bảng liệu sơ x đồ Lập danh sách x hình Vẽ sơ đồ liên kết x hình Thuật tốn cho u cầu nghiệp vụ Sơ đồ logic hoàn chỉnh Danh sách bảng liệu mô tả chi tiết bảng Bảng danh sách hình Sơ đồ liên kết hình Thiết kế Bản vẽ giao diện giao diện hình (10/4-25/4) Bảng mơ tả đối tượng Lập mơ tả x hình hình Danh sách biến cố xử lý tương ứng hình Xử lý lỗi Xác định kiến trúc hệ Thiết kế hệ x thống Làm theo mơ hình lớp thống (15/4-25/4) Mơ tả thành phần x hệ thống Cài đặt (3/4- 12/6) Viết chương trình, cài Bảng mơ tả class lớp Chương trình hồn chỉnh đặt chức x với đầy đủ chức đưa cho sản phẩm 52 Kiểm thử Tiến hành thử nghiệm chức (13/6-20/6) Hoàn thành x phần mềm File báo cáo word x File báo cáo word Project x Project báo cáo cuối kì (21/6-27/6) Bảng 7-1: Kế hoạch thực 7.5 Kết đạt  Tạo sản phẩm hoàn chỉnh  Áp dụng kiến thức quy trình phát triển phần mềm hướng đối tượng cách chuyên nghiệp  Tìm hiểu thêm công nghệ kiến trúc kĩ thuật  Phân công công việc hợp lý  Bảng đánh giá chi tiết phần mềm STT Chức Mức độ hồn thành Ghi Chọn loại GPLX 80% Vì chức thiếu, không chọn GPLX không tiến hành chức hoàn thành hạng A1 Thi thử 85% Một số nội dung giải thích cịn thiếu việc nhóm tìm kiếm tài liệu Ơn thi biển báo 90% Chưa thêm vào phần vi phạm biển báo bị phạt Ôn thi sa hình 90% Hồn thành lý thuyết sa hình Ôn thi mẹo 90% Tất tần tật meo thi dược đút kết cách ngắn gọn 53 Ôn tập tất 90% câu hỏi Hoàn thành tổng hợp tất câu hỏi cho người ôn thi Ôn tập theo chủ đề Các câu hỏi chủ đề cịn số thiếu xót việc tìm kiếm tài liệu 90% Bảng 7-2: Kết đạt Link github Frontend: https://github.com/tranphuongduy20/Thi-GPLX Link github Backend: https://github.com/ShShee/ThiGPLX-Backend 54 TÀI LIỆU THAM KHẢO [1] Bộ Giao Thông Vận Tải (2018), Thông Tư ban hành “Quy chuẩn kỹ thuật quốc gia báo hiệu đường bộ” [2] Bộ Giao Thông Vận Tải (2018), Hỏi đáp luật giao thông đường [3] Cao Thanh Vàng, Nguyễn Anh Tiệp (2019), Tài liệu hướng dẫn xây dựng ứng dụng iPhone [4] GV Trần Xn Hồ Thắng (2018), Tóm tắt lý thuyết – mẹo làm thi sát hạch 2013 [5] Cấu trúc đề thi lý thuyết lái xe, < https://thibanglaixe.com.vn/200-cau-hoi-ly-thuyet-thi-sat-hach-bang-lai-xemay-a1/?fbclid=IwAR0NkgukbmYcyiksTlSJN3LsDMgN0alhaAIWAgNaMcBEvsi0p4ZAqX2Bpc#ftoc-heading-1>; < https://taplai.com/tai-lieu-hoc-lai-xe-o-to-hang-b2-600cau.html?fbclid=IwAR1a2VXOQDeCF_QyfF5DYR-xf9KyDw90IX2W-E1gKWHirhSzVQYAFEzo24>; [6] Giải đáp ý nghĩa kiểu vạch kẻ đường, ; 55 ... lớp học luyện thi lý thuyết tổ chức thi lấy giấy phép lái xe Tuy nhiên, có thời gian để đến lớp học luyện thi lý thuyết lái xe để giải vấn đề có phần mềm website giúp ôn thi lý thuyết lái xe nhà... Tưởng Xây dựng ứng dụng di động giúp người dùng luyện thi lý thuyết lái xe thi thử trước đăng ký thi thực tế Các câu hỏi lấy đề câu hỏi thi lý thuyết lái xe ban hành bao gồm câu lý thuyết, cầu biển... đề tài xây dựng ứng dụng giúp người dùng luyện thi lý thuyết lái xe thi thử trước đăng ký thi thực tế Các câu hỏi lấy đề câu hỏi thi lý thuyết lái xe ban hành bao gồm câu lý thuyết, câu biển