Xây dựng website bán vé xe cho các nhà xe nhỏ

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT THÀNH PHỐ HỒ CHÍ MINH ĐỒ ÁN TỐT NGHIỆP NGÀNH CÔNG NGHỆ THÔNG TIN XÂY DỰNG WEBSITE BÁN VÉ XE CHO CÁC NHÀ XE NHỎ GVHD: ThS NGUYỄN THANH PHƯỚC SVTH: PHÙNG CÔNG CHIẾN HỒ ĐỨC THIỆN SKL009838 Tp Hồ Chí Minh, tháng 6/2022 TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP HỒ CHÍMINH KHOA ĐÀO TẠO CHẤT LƯỢNG CAO NGÀNH CÔNG NGHỆ THÔNG TIN -o0o - ĐỒ ÁN TỐT NGHIỆP XÂY DỰNG WEBSITE BÁN VÉ XE CHO CÁC NHÀ XE NHỎ GVHD: Thầy Nguyễn Thanh Phước Sinh viên thực hiện: Phùng Công Chiến 18147171 Hồ Đức Thiện 18110206 Tp Hồ ChíMinh, tháng 06 năm 2022 CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập – Tự – Hạnh Phúc Tp Hồ Chí Minh, ngày… tháng…năm 2022 NHIỆM VỤ ĐỒ ÁN TỐT NGHIỆP Họ tên sinh viên: Hồ Đức Thiện MSSV: 18110206 Ngành: Công nghệ thông tin Lớp: 18110CLST3 Họ tên sinh viên: Phùng Công Chiến MSSV: 18147171 Ngành: Công nghệ thông tin Lớp: 18110CLST1 Giảng viên hướng dẫn: Th.S Nguyễn Thanh Phước Ngày nhận đề tài: Ngày nộp đề tài: Tên đề tài: Xây dựng website bán véxe cho nhàxe nhỏ Các số liệu, tài liệu ban đầu: Khảo sát phân tích nghiệp vụ dựa website bán véxe Internet để thực Nội dung thực đề tài: − Xây dựng trang web cho phép người dùng tìm đặt véxe − Xây dựng trang web cho phép nhàxe thực đăng ký tuyến xe với hệ thống để bán vé − Xây dựng trang web cho phép quản lý hệ thống quản lý xe người dùng hệ thống − Sản phẩm: Website bán véxe cho nhàxe nhỏ TRƯỞNG NGÀNH (Kývàghi rõhọ tên) GIẢNG VIÊN HƯỚNG DẪN (Kývàghi rõhọ tên) CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập – Tự – Hạnh Phúc Tp Hồ Chí Minh, ngày… tháng…năm 2022 PHIẾU NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN Họ tên sinh viên: Hồ Đức Thiện MSSV: 18110206 Ngành: Công nghệ thông tin Lớp: 18110CLST3 Họ tên sinh viên: Phùng Công Chiến MSSV: 18147171 Ngành: Công nghệ thông tin Lớp: 18110CLST1 Giảng viên hướng dẫn: Th.S Nguyễn Thanh Phước NHẬN XÉT Về nội dung đề tài & khối lượng thực hiện: Ưu điểm: Khuyết điểm: Đề nghị cho bảo vệ hay không? Đánh giá loại: Điểm: (Bằng Chữ: ) Tp Hồ Chí Minh, ngày… tháng… năm 2022 Giảng viên hướng dẫn (Ký & ghi rõ họ tên) CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập – Tự – Hạnh Phúc Tp Hồ Chí Minh, ngày… tháng…năm 2022 PHIẾU NHẬN XÉT CỦA GIÁO VIÊN PHẢN BIỆN Họ tên sinh viên: Hồ Đức Thiện MSSV: 18110206 Ngành: Công nghệ thông tin Lớp: 18110CLST3 Họ tên sinh viên: Phùng Công Chiến MSSV: 18147171 Ngành: Công nghệ thông tin Lớp: 18110CLST1 Giảng viên hướng dẫn: Th.S Nguyễn Thanh Phước NHẬN XÉT Về nội dung đề tài & khối lượng thực hiện: Ưu điểm: Khuyết điểm: Đề nghị cho bảo vệ hay không? Đánh giá loại: Điểm: (Bằng Chữ: ) Tp Hồ ChíMinh, ngày… tháng… năm 2022 Giáo viên phản biện (Ký & ghi rõ họ tên) LỜI CẢM ƠN Để hoàn thành tốt đề tài vàbài báo cáo này, chúng em xin gửi lời cảm ơn chân thành đến giảng viên Nguyễn Thanh Phước, người trực tiếp hỗ trợ chúng em suốt trình làm đề tài Chúng em xin gửi lời cảm ơn chân thành quý thầy cơtrong khoa Đào tạo Chất lượng cao nói chung vàngành Cơng Nghệ Thơng Tin nói riêng tận tì nh truyền đạt kiến thức cần thiết giúp chúng em cónền tảng để làm nên đề tài này, tạo điều kiện để chúng em cóthể tìm hiểu vàthực tốt đề tài Cùng với đó, chúng em xin gửi cảm ơn đến bạn khóa cung cấp nhiều thơng tin vàkiến thức hữu í ch giúp chúng em cóthể hồn thiện đề tài mì nh Đề tài báo cáo chúng em thực khoảng thời gian ngắn, với kiến thức hạn chế nhiều hạn chế khác mặt kỹ thuật vàkinh nghiệm việc thực dự án phần mềm Do đó, q trình làm nên đề tài cónhững thiếu sót điều khơng thể tránh khỏi nên chúng em mong nhận ýkiến đóng góp quý báu thầy để kiến thức chúng em hoàn thiện chúng em cóthể làm tốt lần sau Chúng em xin chân thành cảm ơn Cuối lời, chúng em kính chúc thầy ln dồi sức khỏe thành công nghiệp trồng người Một lần chúng em xin chân thành cảm ơn Sinh viên thực Hồ Đức Thiện Phùng Công Chiến LỜI MỞ ĐẦU Hiện nay, Việt Nam xu hướng hội nhập vàphát triển Đi liền với nhà đầu tư, chủ doanh nghiệp xây dựng nên nhàmáy, khu công nghiệp bước lớn mạnh, thu hút nguồn lực lao động Không thế, Việt Nam làquốc gia chútrọng nhiều vào giáo dục Trường đại học, cao đẳng, trường nghề đầu tư mở hội cho nhiều học sinh sinh viên theo học Tuy nhiên phần lớn xínghiệp, trường học tập trung thành phố lớn, nhu cầu lại người làhết sức cần thiết Trong thời buổi công nghệ 4.0, việc mua vélàhết sức dễ dàng Mọi người truy cập vào trang bán vélớn để đặt mua màkhông cần thiết phải đến tận nhà xe hay bến xe Tuy nhiên, với trường hợp nhàxe lớn cóquy mơtrải rộng khu vực, chílàtrên tồn quốc Họ cóđủ tiềm lực kinh tế để xây dựng website riêng bán vé xe đồng thời mở rộng hội tiếp cận người dân Đó sức mạnh thương mại điện tử Vậy nhàxe với quy mơvừa vànhỏ thìsao? Đa số nhàxe thường bán xétheo cách truyền thống bất tiện khó để quảng bá Người mua phải đến tận nơi gọi điện Sau cách lưu trữ thông tin người mua hầu hết chép tay Đôi xảy nhiều trường hợp nhầm lẫn ghế hay thiếu sót thơng tin khách hàng dẫn đến độ uy tín nhàxe bị ảnh hưởng Thấu hiểu điều đó, website BookNow đời nhằm hỗ trợ cho chủ xe khơng cókhả tự xây dựng riêng trang web lớn để bán vé Nó nơi màcác chủ xe cóthể đăng ký hợp tác với BookNow để đăng tin bán vé Không thế, BookNow cóthể tốn online đặt vémột cách nhanh chóng vàan tồn MỤC LỤC LỜI CẢM ƠN vi LỜI MỞ ĐẦU vii MỤC LỤC viii DANH MỤC HÌNH I DANH MỤC BẢNG BIỂU IV CHƯƠNG I GIỚI THIỆU 1 Lído chọn đề tài: Tí nh cấp thiết đề tài: Mục tiêu nghiên cứu: Kết dự kiến đạt được: Đặc tả yêu cầu người dùng: 5.1 Nhóm người dùng chưa đăng nhập: 5.2 Khách hàng: 5.3 Chủ nhà xe: 5.4 Admin: Các công nghệ sử dụng: CHƯƠNG II CƠ SỞ LÝ THUYẾT ReactJs: 1.1 Tính bật: 1.2 Các khái niệm liên quan: ExpressJs: 2.1 Cách tính chính: 2.2 Lợi ích: NodeJs: 3.1 Đặc tính: 3.2 Hoạt động: 3.3 Ưu điểm: 3.4 Nhược điểm: MySQL: 4.1 Đặc điểm: 4.2 Lợi ích: Firebase: CHƯƠNG III PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG Lược đồ usecase: Đặc tả usecase – scennario: 2.1 Tì m kiếm chuyến xe: 2.2 Tì m kiếm tất xe: 10 2.3 Liên hệ: 11 2.4 Đăng ký: 12 2.5 Đăng nhập: 13 2.6 Quên mật khẩu: 14 2.7 Xem thông tin cánhân: 15 2.8 Cập nhập thông tin cánhân: 16 2.9 Đánh giá xe: 17 2.10 Thay đổi mật khẩu: 18 2.11 Xem lịch sử vé 19 2.12 Đặt vé: 20 2.13 Tạo xe: 21 2.14 Xem danh sách xe: 22 2.15 Thay đổi thông tin xe: 23 2.16 Tạo chuyến: 24 2.17 Xem danh sách chuyến: 25 2.18 Hiển thị danh sách vé bán: 26 2.19 Xem đánh giá xe: 27 2.20 Xem danh sách người dùng: 28 2.21 Thay đổi trạng thái người dùng: 29 2.22 Xem thông tin người dùng: 29 2.23 Xem danh sách chủ nhàxe: 30 2.24 Thay đổi trạng thái chủ nhàxe: 31 2.25 Xem thông tin chủ nhàxe: 32 Lược đồ (Sequence diagram): 34 3.1 Tì m kiếm tất chuyến: 34 3.2 Tì m kiếm tất xe: 34 3.3 Liên hệ: 35 3.4 Đăng ký: 35 3.5 Đăng nhập: 36 3.6 Quên mật khẩu: 36 3.7 Xem thông tin cánhân: 37 3.8 Cập nhật thông tin cánhân: 37 3.9 Thay đổi mật khẩu: 38 Hình 47 Màn hì nh xem vàbì nh luận Ở trang chi tiết xe, người dùng cóthể đánh giá vàbì nh luận nhàxe 2.2.16.Trang liên hệ với chúng tơi: Hình 48 Màn hì nh liên hệ với chúng tơi Người dùng nhập thông tin cánhân, nội dung cần liên hệ để ban quản lýtrang web cóthể cải thiện vàphát triển 71 2.2.17.Trang đăng ký trở thành đối tác Hình 49 Màn hì nh đăng ký trở thành đối tác Tại người dùng có tài khoản cóthể đăng ký trở thành nhà xe để bán vé Người dùng nhập thơng tin để gửi, sau chờ Admin phêduyệt 2.2.18 Trang Admin – đăng nhập Hình 50 Màn hình đăng nhập admin 72 Đăng nhập tài khoản cóquyền Admin để vào trang quản lýhệ thống 2.2.19.Trang Admin – trang chủ Hình 51 Màn hì nh trang chủ admin Tại admin nhìn thấy tổng doanh thu vàbiểu đồ doanh thu công ty 2.2.20.Trang Admin – quản lý người dùng: Hình 52 Màn hì nh quản lý người dùng 73 Admin cóthể xem có user đăng ký tài khoản, cóthể khóa tài khoản tìm kiếm user 2.2.21.Trang Admin - quản lýcơng ty Hình 53 Màn hì nh quản lýcơng ty Màn hì nh hiển thị tất công ty trở thành đối tác với hệ thống booknow 2.2.22.Trang Admin - xem xe công ty 74 Hình 54 Màn hì nh xem số lượng xe cơng ty Tại admin chỉnh sửa thơng tin xe Hình 55 Màn hì nh chỉnh sửa thơng tin xe 2.2.23.Trang Admin – tạo xe Hình 56 Màn hì nh tạo xe cho cơng ty Admin điền thông tin để tạo xe cho công ty 75 2.2.24.Trang quản lýcủa Cơng ty – trang chủ: Hình 57 Màn hì nh xem doanh thu cơng ty Trang chủ công ty hiển thị doanh thu nhàxe, biểu đồ xe códoanh thu 2.2.25.Trang quản lýcủa Cơng ty – quản lýhành trì nh: Hình 58 Màn hì nh quản lýhành trì nh 76 Cơng ty xem hành trình tuyến xe đăng ký, biết xe chạy tuyến Ngồi cập nhật tuyến xe Hình 59 Màn hì nh cập nhật thơng tin tuyến xe Nhập thơng tin tuyến xe để sửa đổi Hình 60 Màn hì nh cập nhật điểm đón trả khách Sau cập nhật hành trình Cơng ty cóthể tạo hành trình riêng cho mì nh chọn chức Tạo hành trì nh: 77 Hình 61 Màn hì nh tạo tuyến xe Nhập thông tin tuyến xe vàchọn Hình 62 Màn hình tạo điểm đón trả khách cho tuyến xe Nhập thông tin để tạo điểm đón chọn nút Hồn thành để hồn tất việc tạo tuyến xe 2.2.26.Trang quản lýcủa Công ty – quản lýxe cơng ty: 78 Hình 63 Màn hì nh xem xe cótrong cơng ty Cơng ty xem số lượng xe cótrong cơng ty mì nh Hình 64 Màn hì nh cập nhật thơng tin xe Điền thông tin để cập nhật xe 2.2.27.Trang quản lýcủa Công ty – quản lývé: 79 Hình 65 Màn hì nh quản lý vé đặt Màn hì nh Quản lývéxe cho thấy véđã bán Khi nhập mãvésẽ tìm thơng tin người đặt vàvị trí đặt, … 2.2.28.Trang quản lýcủa Cơng ty – quản lýphản hồi: Hình 66 Màn hì nh quản lýphản hồi Trang phản hồi giúp Cơng ty biết tì nh trạng xe đánh để cải thiện phát triển 80 CHƯƠNG V PHÂN CÔNG CÔNG VIỆC Bảng phân công công việc: STT Tên công việc làm Thành viên thực Thiết kế giao diện, hì nh Hồ Đức Thiện Thiết kế sở liệu Phùng Công Chiến Xây dựng API cho hệ thống Phùng Công Chiến Gắn API vào giao diện Hồ Đức Thiện Tổng kết vàviết báo cáo Hồ Đức Thiện Bảng 40 Phân công công việc Bảng tỷ lệ đóng góp STT Tên thành viên nhóm Tỷ lệ đóng góp Phùng Cơng Chiến 50% Hồ Đức Thiện 50% Bảng 41 Tỷ lệ đóng góp 81 CHƯƠNG VI TỔNG KẾT Kết đạt được: • Áp dụng cơng nghệ để xử lýbài tốn • Học hỏi nhiều kiến thức • Biết cách phân tích hệ thống phức tạp • Tạo sản phẩm Ưu điểm: • Trang web hoạt động ổn định • Đảm bảo chức bao gồm hỗ trợ chủ nhà xe bán vé người mua vé • Tích hợp paypal vào website để tốn online • Giao diện trực quan, dễ sử dụng Nhược điểm: • Nhiều tính chưa hồn thiện • Giao diện trực quan xét độ thẩm mỹ tồn đọng nhiều chỗ chưa xử lý • Nghiệp vụ xử lý tốn chưa triệt để • Cách đặt tên cịn chưa tốt Khó khăn: • Tình hình dịch bệnh làrào cản lớn cho nhóm • Các thành viên nhóm làm dẫn đến cóí t thời gian để làm • Nghiệp vụ phức tạp nên dành nhiều thời gian tì m hiểu • Cơng nghệ nên tốn thời gian để làm vàtối ưu Hướng phát triển: • Tiếp tục hoàn chỉnh giao diện cho project 82 • Hồn thành tính mà mục tiêu đề • Cógiao diện dành cho mobile 83 TÀI LIỆU THAM KHẢO [1] https://www.youtube.com/c/EasyFrontend [2] https://www.youtube.com/watch?v=x0fSBAgBrOQ&list=PL_VfJajZj0UXjlKfBwFX73usByw3Ph9Q [3] https://youtube.com/playlist?list=PLJ5qtRQovuEOoKffoCBzTfvzMTTORnoyp [5] https://medium.com/geekculture/exporting-data-in-excel-file-in-node-jsf1b298997d47 [6] https://javascript.plainenglish.io/uploading-an-image-to-firebase-cloud-storageand-returning-url-with-express-nodejs-713daac7a5d4 [7] https://sequelize.org/v5/manual/querying.html?fbclid=IwAR2l7ouYZ5PVRqKXYqImr at2blfguMy6oZA6Vkuwi6RsG6LphYzQluhhZb8 84