Đồ án website quản lý trung tâm sát hạch lái xe

ĐẠ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 NGUYỄN PHẠM DUY BẰNG VÕ THỊ THỦY TIÊN ĐỒ ÁN WEBSITE QUẢN LÝ TRUNG TÂM SÁT HẠCH LÁI XE WEBSITE MANAGEMENT OF CENTER OF DRIVER LICENSE CENTER KỸ SƯ NGÀNH KỸ THUẬT PHẦN MỀM TP HỒ CHÍ MINH, 2022 ĐẠ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 NGUYỄN PHẠM DUY BẰNG-19520397 VÕ THỊ THỦY TIÊN-19520296 ĐỒ ÁN WEBSITE QUẢN LÝ TRUNG TÂM SÁT HẠCH LÁI XE WEBSITE MANAGEMENT OF CENTER OF DRIVER LICENSE CENTER KỸ SƯ NGÀNH 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, 2022 LỜI CẢM ƠN Để hồn thành đồ án cách hồn chỉnh, nhóm em nhận nhiều hướng dẫn nhiệt tình q Thầy Cơ Vì vậy, nhóm xin phép gửi lời cảm ơn chân thành Đầu tiên, nhóm em xin chân thành cảm ơn bày tỏ lòng biết ơn sâu sắc đến ThS Huỳnh Hồ Thị Mộng Trinh, cô tận tình bảo, hướng dẫn, truyền đạt kinh nghiệm, kiến thức chuyên môn tài liệu liên quan để nhóm hồn thành khóa luận tốt Nhóm xin gửi đến lời tri ân điều mà cô dành cho nhóm Nhóm xin chân thành cảm ơn tồn thể quý thầy cô khoa Công Nghệ Phần Mềm tồn thể q thầy Trường Đại Học Công Nghệ Thông Tin TP.HCM Quý thầy cô tận tình truyền đạt kiến thức, kinh nghiệm quý báu tạo điều kiện thuận lợi cho nhóm suốt q trình học tập trường đặc biệt suốt trình thực đồ án MỤC LỤC TÓM TẮT ĐỒ ÁN Chương TỔNG QUAN .2 1.1 Đặt vấn đề 1.2 Các ứng dụng tương tự 1.1.1 Hệ thống quản lý trung tâm thi lái Mona eLMS 1.2.1 Phần mềm quản lý trung tâm thi lái Eduspace 1.2.2 Tóm lược .4 1.3 Mục tiêu 1.4 Phạm vi Chương TỔNG QUAN CÔNG NGHỆ .6 2.1 ReactJS .6 2.2 MySQL .7 2.3 NodeJS .7 2.4 ExpressJS Chương PHÂN TÍCH THIẾT KẾ ỨNG DỤNG 10 3.1 Phân tích 10 3.1.1 Danh sách yêu cầu hệ thống .10 3.1.2 Đặc tả Usecase 12 3.2 Thiết kế .23 3.2.1 Thiết kế sở liệu 23 3.2.2 Thiết kế giao diện 36 Chương KẾT LUẬN .50 4.1 Kết đạt 50 4.2 Thuận lợi, khó khăn 50 4.2.1 Thuận lợi 50 4.2.2 Khó khăn thách thức 50 4.2.3 Hướng phát triển .50 BẢNG PHÂN CÔNG CÔNG VIỆC .51 TÀI LIỆU THAM KHẢO .52 MỤC LỤC HÌNH ẢNH Hình 1.1 Ứng dụng quản lý trung tâm lái xe Mona eLMS Hình 1.2 Ứng dụng quản lý trung tâm lái xe Eduspace Hình 2.1 Logo ReactJS Hình 2.2 Logo MySQL Hình 2.3 Logo NodeJS Hình 2.4 Logo ExpressJS .9 Hình 3.1 Sơ đồ Use-case 13 Hình 3.2 Sơ đồ sở liệu 24 Hình 3.3 Màn hình đăng nhập 37 Hình 3.4 Màn hình tổng quan .38 Hình 3.5 Màn hình kì thi 39 Hình 3.6 Màn hình thêm kì thi 40 Hình 3.7 Màn hình ca thi 41 Hình 3.8 Màn hình thêm ca thi 42 Hình 3.9 Màn hình lớp học 43 Hình 3.10 Màn hình thêm lớp học 44 Hình 3.11 Màn hình tài khoản 45 Hình 3.12 Màn hình thêm tài khoản .46 Hình 3.13 Màn hình lịch phịng 47 Hình 3.14 Màn hình hóa đơn 48 Hình 3.15 Màn hình thêm hóa đơn .49 MỤC LỤC BẢNG Bảng 3.1 Danh sách yêu cầu hệ thống 10 Bảng 3.2 Danh sách Actor .13 Bảng 3.3 Danh sách Use-case 13 Bảng 3.4 Đặc tả chức đăng nhập 14 Bảng 3.5 Đặc tả chức tìm kiếm kì thi 14 Bảng 3.6 Đặc tả chức tìm kiếm ca thi 16 Bảng 3.7 Đặc tả chức Thêm ca thi .17 Bảng 3.8 Đặc tả chức tìm kiếm lớp học 18 Bảng 3.9 Đặc tả chức Thêm lớp học 18 Bảng 3.10 Đặc tả chức tìm kiếm tài khoản 19 Bảng 3.11 Đặc tả chức Thêm tài khoản .20 Bảng 3.12 Đặc tả chức Quản lý lịch phòng 21 Bảng 3.13 Đặc tả chức tìm kiếm hóa đơn 22 Bảng 3.14 Đặc tả chức Thêm hóa đơn 22 Bảng 3.15 Danh sách bảng sở liệu 25 Bảng 3.16 Danh sách trường bảng EXAM 27 Bảng 3.17 Danh sách trường bảng EXAMTEST 27 Bảng 3.18 Danh sách trường bảng CLASS 29 Bảng 3.19 Danh sách trường bảng CLASS_SCHEDULE 30 Bảng 3.20 Danh sách trường bảng ACCOUNT 31 Bảng 3.21 Danh sách trường bảng SESSION 32 Bảng 3.22 Danh sách trường bảng CONN_EMPLOYEE_CLASS .33 Bảng 3.23 Danh sách trường bảng CONN_EMPLOYEE_EXAMTEST 33 Bảng 3.24 Danh sách trường bảng CONN_STUDENT_CLASS 33 Bảng 3.25 Danh sách trường bảng CONN_STUDENT_EXAMTEST .34 Bảng 3.26 Danh sách trường bảng BILL .34 Bảng 3.27 Danh sách trường bảng REVENUE_REPORT_DAILY 35 Bảng 3.28 Bảng thành phần giao diện mẹo thi .37 Bảng 3.29 Bảng thành phần giao diện Tổng quan 38 Bảng 3.30 Bảng thành phần giao diện kì thi 39 Bảng 3.31 Danh sách thành phần giao diện Thêm kì thi 40 Bảng 3.32 Bảng thành phần giao diện Ca thi .41 Bảng 3.33 Danh sách thành phần giao diện Thêm ca thi .42 Bảng 3.34 Bảng thành phần giao diện Lớp học 43 Bảng 3.35 Danh sách thành phần giao diện Thêm lớp học 44 Bảng 3.36 Bảng thành phần giao diện Tài khoản 45 Bảng 3.37 Danh sách thành phần giao diện Thêm tài khoản .46 Bảng 3.38 Bảng thành phần giao diện Lịch phòng 47 Bảng 3.39 Bảng thành phần giao diện Hóa đơn 48 Bảng 3.40 Danh sách thành phần giao diện Thêm hóa đơn 49 TÓM TẮT ĐỒ ÁN Với phát triển không ngừng thời đại 4.0, nhu cầu công nghệ người ngày nâng cao Xu hướng công nghệ tạo ứng dụng để phục vụ công việc thực tế nhằm tăng hiệu công việc, giảm thời gian, chi phí có tính kết nối cao Hiện thị trường ô tô Việt Nam thực sơi động, nhu cầu người dân theo mà tăng lên nên việc học lái xe ô tô trở thành nhu cầu thiết yếu xã hội Về lĩnh vực đào tạo sát hạch cấp giấy phép lái xe, Việt Nam chủ yếu đào tạo lý thuyết hình thức học trực tiếp trung tâm, gây tốn chi phí phịng học, thiết bị giảng dạy, Hiện nay, đa số học viên học lái xe ô tô phổ biến lái xe ô tô hạng B1 khơng người có nhu cầu học lái xe ô tô xuất phát từ nhu cầu cơng việc cơng việc mà bạn muốn học lái xe taxi hay xe tải Do đó, việc phát triển ứng dụng “LUYỆN THI GIẤY PHÉP LÁI XE B1, B2” cần thiết Ứng dụng chủ yếu nhắm tới người có nhu cầu học để sát hạch giấy phép lái xe, giúp người dùng đạt kết thi sát hạch tốt Sau hoàn thành đồ án, chúng em thu kết quả: - Kiến thức triển khai phần mềm - Kiến thức sát hạch lái xe - Kiến thức luật giao thông đường Chương TỔNG QUAN 1.1 Đặt vấn đề Trong thời kỳ 4.0 nay, công nghệ thông tin ứng dụng vào lĩnh vực đời sống xã hội nhằm tăng hiệu công việc, giảm thời gian, chi phí có tính kết nối cao Do số hóa áp dụng cơng nghệ thơng tin trở thành mục tiêu mà nhiều tổ chức cá nhân hướng tới Trong điều kiện kinh tế phát triển, việc sở hữu xe khơng cịn q khó khăn với nhiều người, chí mua tơ Do đó, nhu cầu học lái tăng lên Nắm bắt tình hình đó, có nhiều trung tâm mọc lên Học viên khơng tăng lên mà trung tâm mọc nhanh nấm Tuy nhiên, trung tâm Việt Nam chủ yếu quản lý liệu theo cách thủ cơng gây khó khăn, nhầm lẩn liệu quản lý, Song song đó, phân bố bất hợp lý sở đào tạo lái xe khiến công tác tuyển sinh, đào tạo lái xe địa bàn tỉnh rơi vào tình trạng vừa thừa vừa thiếu, công tác đào tạo lái xe mô tô Nguyên nhân hầu hết trung tâm đào tạo lái xe đặt vùng trung tâm, nhu cầu đào tạo lái xe khu vực gần bão hòa, tỷ lệ tuyển sinh thấp, sức cạnh tranh cao Trong xã vùng sâu, vùng xa có nhu cầu học lái xe cao lại thiếu sở đào tạo Việc lại khó khăn, tốn thời gian tiền bạc khiến nhiều người có nhu cầu học chưa đào tạo, chí khơng người có xe mà chưa có giấy phép lái xe Dựa sở liệu nhu cầu thực tế đó, chúng em định chọn đề tài “Phát triển website quản lý trung tâm sát hạch lái xe” Đề tài tập trung xây dựng ứng dụng hỗ trợ trung tâm sát hạch lái xe quản lý lịch thi, ca thi, học viên cách dễ dàng nâng cao doanh thu cho trung tâm 1.2 Các ứng dụng tương tự Hiện nay, thị trường nước ngồi nước có nhiều hệ thống cung cấp chức quản lý trung tâm sát hạch lái xe Bằng ứng dụng quản lý trung tâm thi lái quản lý học việc hiệu mà không cần đến nhiều nhân viên hay giảng viên Trong ta kể đến như: Eduspace, Mona eLMS, Ayotree, 1.1.1 Hệ thống quản lý trung tâm thi lái Mona eLMS Đây sản phẩm tiếng công ty Mona Media, công ty dẫn đầu lĩnh vực thiết kế phần mềm Mang tới nhiều tính đại hữu ích, phần mềm Mona eLMS ln xem lựa chọn hồn hảo cho trung tâm thi lái Không quản lý học viên, nhân viên, giảng viên hay khoản thu chi trung tâm mà phần mềm giúp xếp công việc trung tâm theo cách khoa học, thông báo thông tin kịp thời tới học viên phụ huynh Hình 1.1 Ứng dụng quản lý trung tâm lái xe Mona eLMS Tính tới thời điểm có tới 50 trung tâm sử dụng phần mềm quản lý trung tâm Mona eLMS Với đầy đủ tính khác nhau, giúp cho phụ huynh giáo viên dễ dàng trao đổi thơng tin Cùng với khả cập nhật thơng tin tình hình học tập liên tục Các tính chủ yếu Mona eLMS: - Quản lý học viên - Quản lý giảng viên, nhân viên - Quản lý tài - Quản lý đào tạo 1.2.1 Phần mềm quản lý trung tâm thi lái Eduspace Với phần mềm quản lý trung tâm thi lái Eduspace, trung tâm thi lái dễ dàng quản lý lượng học viên lớn Với nhiều tính bật, phần mềm ln nhiều người yêu thích, lựa chọn sử dụng Tính tới thời điểm có tới 100 trung tâm sử dụng phần mềm quản lý trung tâm sát hạch lái xe Màn hình tổng quan 3.2.2.2 Hình 3.4 Màn hình tổng quan Bảng 3.29 Bảng thành phần giao diện Tổng quan STT Tên thành phần tabMain Loại Tabbar Chức Bao gồm mục có ứng dụng Hiển số doanh thu tuấn, số listIndex ListView học viên mới, lớp học mở, kì thi mở chartRevenue Chart Biểu đồ doanh thu ngày tháng 38 3.2.2.3 Màn hình kì thi Hình 3.5 Màn hình kì thi Bảng 3.30 Bảng thành phần giao diện kì thi STT Tên thành phần Loại Chức searchExamBar Textfield Thanh tìm kiếm kì thi cbxSearchType Combobox Chọn loại cần tìm kiếm cbxOrderTo Combobox Chọn loại xếp btnAddExam Button Chuyển sang hình thêm kì thi listExam Listview Danh sách kì thi có trung tâm Thơng tin kì thi bao gồm: tên, loại bằng, itemExam Listview Item ngày đăng ký, ngày thi, số lượng, lệ phí trạng thái kì thi 39 3.2.2.4 Màn hình thêm kì thi Hình 3.6 Màn hình thêm kì thi Bảng 3.31 Danh sách thành phần giao diện Thêm kì thi STT Tên thành phần Loại Chức Thơng tin kì thi bao gồm: tên, loại bằng, textFormFieldExam textFormField ngày bắt đầu đăng ký, ngày kết thúc đăng ký, ngày bắt đầu thi, ngày kết thúc thi, số lượng, lệ phí trạng thái kì thi btnUpdateExam Button Thêm kì thi vào sở liệu btnCancel Button Hủy tạo kì thi 40 3.2.2.5 Màn hình ca thi Hình 3.7 Màn hình ca thi Bảng 3.32 Bảng thành phần giao diện Ca thi STT Tên thành phần Loại Chức searchExamTestBar Textfield Thanh tìm kiếm ca thi cbxSearchType Combobox Chọn loại cần tìm kiếm cbxOrderTo Combobox Chọn loại xếp btnAddExamTest Button Chuyển sang hình thêm ca thi listExamTest Listview Danh sách ca thi có kì thi Thơng tin ca thi bao gồm: tên, kì thi, loại itemExamTest Listview Item bằng, thời gian thi, ngày thi, số lượng, phòng thi trạng thái ca thi 41 3.2.2.6 Màn hình thêm ca thi Hình 3.8 Màn hình thêm ca thi Bảng 3.33 Danh sách thành phần giao diện Thêm ca thi STT Tên thành phần textFormFieldExam Test Loại Chức Nhập thông tin ca thi bao gồm: tên, kì thi, textFormField thời gian thi, ngày thi, số lượng, phòng thi trạng thái ca thi btnAddExam Button Thêm ca thi vào sở liệu btnCancel Button Hủy tạo ca thi 42 Màn hình lớp học 3.2.2.7 Hình 3.9 Màn hình lớp học Bảng 3.34 Bảng thành phần giao diện Lớp học STT Tên thành phần Loại Chức Thanh tìm kiếm lớp học có trung searchClassBar Textfield cbxSearchType Combobox Chọn loại cần tìm kiếm cbxOrderTo Combobox Chọn loại xếp btnAddClass Button Chuyển sang hình thêm lớp học listClass Listview tâm Danh sách lớp học có trung tâm Thơng tin lớp bao gồm: tên, học phí, itemClass Item ngày bắt đầu, ngày kết thúc, số lượng, giảng viên trạng thái lớp học 43 Màn hình thêm lớp học 3.2.2.8 Hình 3.10 Màn hình thêm lớp học Bảng 3.35 Danh sách thành phần giao diện Thêm lớp học STT Tên thành phần textFormFieldExam Test Loại Chức Nhập thông tin lớp bao gồm: tên, học textFormField phí, ngày bắt đầu, ngày kết thúc, số lượng, phòng học btnAddExamTest Button Thêm lớp học vào sở liệu btnCancel Button Hủy tạo lớp học 44 Màn hình tài khoản 3.2.2.9 Hình 3.11 Màn hình tài khoản Bảng 3.36 Bảng thành phần giao diện Tài khoản STT Tên thành phần Loại Chức Thanh tìm kiếm tải khoản cấp có searchAccountBar Textfield cbxSearchType Combobox Chọn loại cần tìm kiếm cbxOrderTo Combobox Chọn loại xếp trung tâm Thêm danh sách excel thông tin tài btnImportExcel Button khoản, ứng dụng tự động tạo tài khoản theo liệu excel btnAddAccount Button listAccount Listview itemClass Item Chuyển sang hình thêm tài khoản Danh sách tài khoản có trung tâm vai trị tài khoản Thơng tin tài khoản bao gồm: tên, email, 45 số điện thoại, địa vai trị Màn hình thêm tài khoản 3.2.2.10 Hình 3.12 Màn hình thêm tài khoản Bảng 3.37 Danh sách thành phần giao diện Thêm tài khoản Tên thành phần STT textFormFieldAccou nt Loại Chức Nhập thông tin tài khoản bao gồm: tên, textFormField email, mật khẩu, giới tính, số điện thoại, địa vai trị btnAddExamTest Button Thêm tài khoản vào sở liệu btnCancel Button Hủy tạo tài khoản 46 Màn hình lịch phịng 3.2.2.11 Hình 3.13 Màn hình lịch phịng Bảng 3.38 Bảng thành phần giao diện Lịch phòng STT Tên thành phần Loại Chức btnToday Button Chuyển tới lịch ngày hôm btnNextDate Button Chuyển tới lịch ngày btnPreDate Button Chuyển tới lịch ngày trước btnAddExamTest Button Thêm lịch ca thi btnAddClass Button Thêm lịch học btnPrevious Button Quay lại câu hỏi trước tableScheduleRoom Table Bảng lịch phòng theo khung ScheduleItem Item Lịch có khung 47 Màn hình hóa đơn 3.2.2.12 Hình 3.14 Màn hình hóa đơn Bảng 3.39 Bảng thành phần giao diện Hóa đơn STT Tên thành phần Loại Chức searchBillBar Textfield Thanh tìm kiếm hóa đơn cbxSearchType Combobox Chọn loại cần tìm kiếm cbxOrderTo Combobox Chọn loại xếp btnAddBill Button Chuyển sang hình thêm hóa đơn listBill Listview Danh sách hóa đơn itemBill Listview Item Thơng tin hóa đơn bao gồm: mã hóa đơn, tổng tiền, lí do, thời gian 48 Màn hình thêm hóa đơn 3.2.2.13 Hình 3.15 Màn hình thêm hóa đơn Bảng 3.40 Danh sách thành phần giao diện Thêm hóa đơn STT Tên thành phần textFormFieldExam Test Loại textFormField Chức Nhập thông tin hóa đơn như: loại hóa đơn, tổng tiền, lý btnAddExam Button Thêm hóa đơn vào sở liệu btnCancel Button Hủy tạo hóa đơn 49 Chương KẾT LUẬN 4.1 Kết đạt Tìm hiểu vận dụng kiến thức tìm hiểu sử dụng thành thạo công cụ thư viện React, NodeJS, JavaScript, TypeScript MySQL, để xây dựng hệ thống tảng web Hiểu vận dụng quy trình phát triển ứng dụng từ bước ban đầu Qua quản lý phân chia công việc rõ ràng, tiết kiệm thời gian đảm bảo ứng dụng phát triển theo mục tiêu đề Nâng cao kỹ phát triển ứng dụng tảng web với ngơn ngữ TypeScript React Tìm hiểu MySQL để lưu trữ quản trị sở liệu 4.2 Thuận lợi, khó khăn 4.2.1 Thuận lợi Những thuận lợi trình thực hiện: - Nhờ có kiến thức tìm hiểu từ mơn học trước nên việc tiếp cận đồ án nhanh chóng dễ dàng - Các thành viên nhóm có khả tự học tìm hiểu nhanh 4.2.2 Khó khăn thách thức Bên cạnh thuận lợi nhóm gặp nhiều khó khăn thách thức như: - Do lịch học khác cịn khó khăn việc họp nhóm trao đổi thơng tin - Khó khăn việc học ngôn ngữ React TypeScript 4.2.3 Hướng phát triển Mặc dù hệ thống có chức ứng dụng quản lý trung tâm sáy hạch lái xe, nhiên chức mức độ Trong tương lai nhóm tiếp tục phát triển chức nâng cấp, cập nhật chức mang lại trải nghiệm tốt cho người dùng như: quản lý điểm số, quản lý kết thi, tạo website đăng ký cho người dùng, 50 BẢNG PHÂN CÔNG CÔNG VIỆC Tên Nguyễn Phạm Duy Bằng 19520397 Võ Thị Thuỷ Tiên 19520296 Mức độ hoàn thành nhiệm vụ Vai trò Nhiệm vụ Backend - Thiết kế sở liệu - Xây dựng server - Phân tích hệ thống viết báo cáo 100% FrontEnd - Thiết kế giao diện Figma - Code giao diện hình - Phân tích hệ thống viết báo cáo 100% 51 TÀI LIỆU THAM KHẢO 52 ... ứng dụng quản lý trung tâm sát hạch lái xe với chức như: - Quản lý kì thi: Quản lý thơng kì thi có trung tâm - Quản lý ca thi: Quản lý thông tin ca thi có kì thi - Quản lý lớp học: Quanr lý thơng... - Quản lý học viên - Quản lý giảng viên, nhân viên - Quản lý tài - Quản lý đào tạo 1.2.1 Phần mềm quản lý trung tâm thi lái Eduspace Với phần mềm quản lý trung tâm thi lái Eduspace, trung tâm. .. triển website quản lý trung tâm sát hạch lái xe? ?? Đề tài tập trung xây dựng ứng dụng hỗ trợ trung tâm sát hạch lái xe quản lý lịch thi, ca thi, học viên cách dễ dàng nâng cao doanh thu cho trung tâm