BÀI tập lớn THỰC HÀNH PHÁT TRIỂN PHẦN mềm hệ THỐNG bán vé XE KHÁCH

Trường Đại học Công nghệ - ĐHQGHN Khoa Công nghệ thông tin BÀI TẬP LỚN: THỰC HÀNH PHÁT TRIỂN PHẦN MỀM Giảng viên: Nguyễn Đức Anh HỆ THỐNG BÁN VÉ XE KHÁCH Ngày: 20/12/2021 Tình trạng tài liệu: Tài liệu báo cáo mơn học Chuẩn bị bởi: Nhóm Thành viên: Trần Quốc Cường Nguyễn Tiến Đạt Phạm Trọng Đại Đinh Việt Anh Đỗ Quang Anh 18020262 18020281 18020264 18020002 18020136 Mục lục Lời mở đầu Phân công công việc Giới thiệu 1.1 Mục đích 1.2 Bài tốn giải 1.3 Phạm vi dự án 1.4 Phương pháp hoàn thành dự án 1.5 Tài liệu tham khảo Các tác nhân 2.1 Người xem 2.2 Quản trị hệ thống 2.3 Người dùng Giới thiệu môi trường cài đặt 3.1 Back-end 3.2 Front-end 3.3 Học máy (Machine Learning) Các chức cài đặt 11 4.1 Tìm kiếm, khám phá chuyến 11 4.2 Đăng ký tham gia chuyến 11 4.3 Quản lý hệ thống 13 Phụ lục: Mục lục hình ảnh 17 Lời mở đầu Hệ thống bán vé xe khách sản phẩm tập thể Chúng em xin gửi lời cảm ơn tới thầy Nguyễn Đức Anh góp ý giúp sản phẩm hoàn thiện chức Sau tài liệu báo cáo hệ thống bán vé xe khách Chúng em tổng hợp chỉnh sửa Mặc dù có điều thiếu sót, mong thầy thơng cảm góp ý cho chúng em Chúng em xin trân trọng cảm ơn thầy! Phân cơng cơng việc Họ tên Vai trị Cơng việc hoàn thành Tỷ lệ % hoàn thành Đỗ Quang Anh Frontend Thiết kế giao diện xây dựng 100% hình phía người dùng Phạm Trọng Đại Frontend Thiết kế giao diện xây dựng 100% hình phía admin Nguyễn Tiến Đạt Backend Thiết kế server cài đặt 100% function phía admin Trần Quốc Cường Tài liệu, Phân tích yêu cầu nghiệp vụ, 100% requirement data lập báo cáo chức analytics cần thực hiện; cài đặt chức machine learning cho admin Đinh Việt Anh Backend Thiết kế server cài đặt 100% function phía người dùng Giới thiệu 1.1 Mục đích Tài liệu báo cáo chủ đề Hệ thống bán vé xe khách online nhóm 01 khóa học Thực hành phát triển phần mềm Báo cáo viết dựa định dạng báo cáo “IEEE Std 830-1998 IEEE Recommended Practice for Software Requirements Specifications” Báo cáo dựa nội dung nhóm chấp nhận thống Mục đích Báo cáo giới thiệu môi trường cài đặt hệ thống chức cung cấp phiên 1.2 Bài toán giải Từ trạng hệ thống thời, ta thấy hệ thống mua bán vé xe gặp nhiều vấn đề cần phải để tâm chẳng hạn như: ● Các nhà xe biết đến phần lớn dựa vào lời giới thiệu khách hàng trang review facebook, khó khăn việc tiếp cận khách hàng ● Khách hàng khó khăn việc tìm thông tin nhà xe để biết nhà xe có chất lượng phục vụ nào, giá sao, có nhồi nhét khách khơng ● Khách hàng muốn mua vé xe phải bến xe phòng vé nhà xe, đặc biệt dịp lễ lớn phải xếp hàng chờ mua vé, có đơi xếp hàng chưa mua vé 1.3 Phạm vi dự án Hệ thống bán vé xe khách online được xây dựng phương tiện để kết nối trực tiếp nhà xe người mua vé xe Hệ thống phát triển dạng ứng dụng web, Người dùng cuối tương tác với hệ thống qua Internet thông qua thiết bị thơng minh (laptop, PC, máy tính bảng, điện thoại thơng minh) 1.4 Phương pháp hồn thành dự án Quy trình phát triển phần mềm: Sử dụng mơ hình Scrum họp ngày lần để cập nhật tiến độ, trao đổi vấn đề gặp phải lên kế hoạch phát triển sản phẩm thời gian Công cụ sử dụng: ● GitLab: Quản lý mã nguồn, hỗ trợ CI/CD ● Discord: Là kênh trao đổi, cập nhật thông tin thành viên Ngôn ngữ công nghệ sử dụng: ● ● ● ● Backend: Node.js + MongoDB, FastAPI Frontend: React Infrastructure: Docker VCS: GitLab 1.5 Tài liệu tham khảo [1] IEEE Std 830-1998 IEEE Recommended Practice for Software Requirements Specifications IEEE Computer Society, 1998 Các tác nhân 2.1 Người xem Khách xem tìm kiếm chuyến xe dựa vào điểm đi, điểm đến, thời gian Người xem đăng ký thành viên hệ thống để trở thành người dùng, để có nhiều tác vụ 2.2 Quản trị hệ thống Người có trách nhiệm giám sát quản lý tài khoản hành khách, bến xe, nhà xe, thơng tin lịch trình chuyến đi, thông tin vé đặt 2.3 Người dùng Người dùng quản trị hệ thống, chủ nhà xe, người tham gia Người dùng có ca sử dụng sau: ● Đăng nhập ● Quản lý thơng tin cá nhân ● Tìm kiếm vé ● Đặt vé ● Quản lý vé đặt ● Đánh giá, bình luận chuyến Giới thiệu môi trường cài đặt 3.1 Back-end ● NodeJS tảng xây dựng dựa “V8 Javascript engine” viết ngơn ngữ lập trình C++, Javascript NodeJS chạy nhiều hệ điều hành Linux, Microsoft Windows, OS X NodeJS tương tự ngơn ngữ lập trình, chương trình thiết kế NodeJS chạy môi trường máy chủ thay cho mơi trường trình duyệt ● Express framework dành cho nodejs Nó cung cấp cho nhiều tính mạnh mẽ tảng web ứng dụng di động Express hỗ trợ phương thức HTTP middleware tạo API vô mạnh mẽ dễ sử dụng Có thể tổng hợp số chức express sau: ○ Thiết lập lớp trung gian để trả HTTP request ○ Định nghĩa router cho phép sử dụng với hành động khác dựa phương thức HTTP URL ○ Cho phép trả trang HTML dựa vào tham số ● FastAPI web framework ngôn ngữ Python dùng để build API server có hiệu cao, code đơn giản hỗ trợ tốt cho việc làm sản phẩm Đặc điểm: ○ Fast: Hiệu suất cao ngang với NodeJS Go ○ Fast to code: Code nhanh hơn, tốc độ code features tăng khoảng 200 đến 300 % ○ Fewer bugs: đơn giản nên giảm số bugs developer đến 40% ○ Intuitive: hỗ trợ code dễ với tự động gợi ý, debug cần thời gian so với trước ○ Easy: thiết kế cho dễ dùng dễ học ○ Short: Tối thiểu việc lặp code Các tham số truyền vào có nhiều tính Ít bugs ○ Robust: hiệu mạnh mẽ, tương tác API qua docs 3.2 Front-end JavaScript thư viện kèm tạo nên hệ thống mạnh mẽ Các thư viện thường xuyên phát triển thêm giúp người dùng thoải mái lựa chọn tính Trong số framework JavaScript, bật lên tất ReactJS ReactJS nhiều công ty đưa vào sử dụng Facebook, Netflix, AirBNB, Dropbox, IMDb, Paypal, ReactJS hỗ trợ mạnh mẽ với hàng triệu nhà phát triển đặc biệt hậu thuẫn Facebook Nhóm sử dụng ReactJS với ưu điểm: Dễ dàng sử dụng, sử dụng components tiện lợi, dễ dàng tái sử dụng với JSX, công cụ phát triển với cộng đồng mạnh mẽ, React hỗ trợ tạo giao diện người dùng tương tác cách dễ dàng Thiết kế khung nhìn đơn giản cho trạng thái ứng dụng React cập nhật kết xuất thành phần phù hợp liệu bạn thay đổi Các khung nhìn khai báo làm cho mã nguồn dễ hiểu dễ gỡ lỗi React giúp xây dựng thành phần đóng gói quản lý trạng thái riêng chúng, sau kết hợp chúng lại để tạo UI phức tạp Vì logic thành phần viết JavaScript, ta dễ dàng truyền liệu qua ứng dụng tránh trạng thái khỏi DOM Yêu cầu môi trường: ● NodeJS >= 13.0.1 ● npm >= 6.12.0 ● ReactJS >= 16.8.0 3.3 Học máy (Machine Learning) Nhóm sử dụng mơ hình Exponential Smoothing - dự đoán xu hướng dựa chuỗi thời gian với chuỗi điểm liệu, đo theo khoảnh khắc thời gian liền theo tần suất thời gian thống 10 Các chức cài đặt 4.1 Tìm kiếm, khám phá chuyến Người dùng tìm kiếm, khám phá chuyến cách nhập từ khóa “Search” Hệ thống hiển thị chuyến có liên quan đến từ khóa mà người dùng nhập Từ người dùng chọn xem chuyến đăng ký tham gia chuyến phù hợp Giao diện tìm kiếm chuyến từ Hà Nội đến Đà Nẵng hiển thị hình Hình 1: Giao diện hệ thống “Tìm kiếm, khám phá chuyến đi” 4.2 Đăng ký tham gia chuyến Người dùng có nhu cầu đăng ký tham gia chuyến Đầu tiên, người dùng chọn chuyến muốn đăng ký tham gia Ví dụ, người dùng chọn “chuyến từ Hà Tĩnh đến Trà Vinh” 11 Hình 2: Giao diện hệ thống hiển thị chuyến đăng tải hệ thống Sau người dùng ấn chọn chuyến đi, hệ thống hiển thị giao diện thông tin chuyến Người dùng muốn tham gia chuyến cần điền thơng tin vào Hình 3: Giao diện hệ thống đăng ký chuyến Sau chọn xong, người dùng tiến hành xác nhận lại thông tin điều hướng đến trang toán 12 Hình 4: Giao diện trang tốn Người dùng quản lý chuyến đặt bình luận chuyến Hình 5: Giao diện quản lý chuyến người dùng 4.3 Quản lý hệ thống Đây hình quản lý tài khoản, bến xe, chuyến xe, vé phân tích liệu admin Admin có quyền xem chi tiết tài khoản, chỉnh sửa mật tài khoản, xóa tài khoản, bến xe, chuyến xe vé hệ thống Sau hình quản lý tài khoản Admin 13 Hình 6: Giao diện quản lý tài khoản hệ thống Admin quản lý bến xe Hình 7: Quản lý bến xe Admin chọn tab quản lý xe khách để quản lý chuyến xe tạo 14 Hình 8: Quản lý chuyến xe Ngồi ra, admin xem liệu dự đốn cho nhà xe để có chiến lược hiệu Hình 9: Phân tích liệu hệ thống Phiên demo chưa phát triển hoàn tất mà tập trung phát triển số tính tiêu biểu hệ thống Cụ thể trình bày mục bên 15 Ngồi ra, tài liệu demo có đính kèm link video giới thiệu nhằm mô tả rõ chức cài đặt ● Màn hình người dùng: https://www.youtube.com/watch?v=rHrnhwhKX_Q ● Màn hình admin: https://www.youtube.com/watch?v=vg1SflUZhCY&t=7s 16 Phụ lục: Mục lục hình ảnh Hình 1: Giao diện hệ thống “Tìm kiếm, khám phá chuyến đi” Hình 2: Giao diện hệ thống hiển thị chuyến đăng tải hệ thống Hình 3: Giao diện hệ thống đăng ký chuyến 10 Hình 4: Giao diện trang tốn 11 Hình 5: Giao diện quản lý chuyến người dùng 11 Hình 6: Giao diện quản lý tài khoản hệ thống 12 Hình 7: Quản lý bến xe 12 Hình 8: Quản lý chuyến xe 13 Hình 9: Phân tích liệu hệ thống 13 17 ... nhét khách khơng ● Khách hàng muốn mua vé xe phải bến xe phòng vé nhà xe, đặc biệt dịp lễ lớn phải xếp hàng chờ mua vé, có đơi xếp hàng chưa mua vé 1.3 Phạm vi dự án Hệ thống bán vé xe khách. .. dung nhóm chấp nhận thống Mục đích Báo cáo giới thiệu môi trường cài đặt hệ thống chức cung cấp phiên 1.2 Bài toán giải Từ trạng hệ thống thời, ta thấy hệ thống mua bán vé xe gặp nhiều vấn đề... nhân 2.1 Người xem Khách xem tìm kiếm chuyến xe dựa vào điểm đi, điểm đến, thời gian Người xem đăng ký thành viên hệ thống để trở thành người dùng, để có nhiều tác vụ 2.2 Quản trị hệ thống Người