LỜI MỞ ĐẦU. PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG. Biểu đồ ca sử dụng của hệ thống. Biểu đồ ca sử dụng của Khách.
Biểu đồ ca sử dụng của Người giao hàng. Biểu đồ ca sử dụng cửa Chủ cửa hàng. Biểu đồ ca sử dụng Quản trị viên. Biểu đồ ca sử dụng Người dùng.
Lược đồ cơ sở dữ liệu. Biểu đồ hoạt động. Biểu đồ tuần tự. Kiến trúc hệ thống.
Xây dựng Front-End bằng React. Xây dựng Back-End với NodeJS. Xây dựng app Mobile với Flutter. Deploy với Vercel.
Tương tác với Server sử dụng RESTful API. Mô hình SCRUM. Quản lý công việc bằng Trello. Quản lý source code bằng GitHub.
GIAO DIỆN WEB VÀ CÁC CHỨC NĂNG. Các chức năng của khách. Xác thực người dùng. 39 Hồng Anh – Đức Huy – Thanh Lịch – Bá Thuận – Trọng Hoàng Trang 3 PBL6: DỰ ÁN CHUYÊN NGÀNH CÔNG NGHỆ PHẦN MỀM 4.
Tìm kiếm thông tin sản phẩm. Xem thông tin cửa hàng. Các chức năng của người dùng. Cập nhật thông tin cá nhân.
Đổi mật khẩu. Thông tin địa chỉ. Thông tin đơn hàng. Xem thông tin người giao hàng.
Các chức năng của chủ cửa hàng. Thông tin cửa hàng. Quản lý sản phẩm. Thêm sản phẩm.
Cập nhật sản phẩm. Xem đánh giá sản phẩm. Danh sách đơn hàng. Chi tiết đơn hàng.
Các chức năng của quản trị viên. Danh sách cửa hàng. Cấp phép cửa hàng. Danh sách người giao hàng.
Cấp phép người giao hàng. Danh sách người dùng. Các chức năng của người giao hàng. Xem đơn hàng hiện tại.
Chi tiết đơn hàng. Nhận đơn hàng từ cửa hàng. 78 Hồng Anh – Đức Huy – Thanh Lịch – Bá Thuận – Trọng Hoàng Trang 4 PBL6: DỰ ÁN CHUYÊN NGÀNH CÔNG NGHỆ PHẦN MỀM 4. Xác nhận đã hoàn thành giao hàng.
Xem thu nhập người giao hàng. Các chức năng trên Mobile. Xem thông tin cửa hàng. Xem thông tin đơn hàng trước khi thanh toán.
Kiểm thử Đặt hàng trực tuyến. Kiểm thử Quản lý tài khoản người dùng. YÊU CẦU PHI CHỨC NĂNG. Khả năng mở rộng.
Trình duyệt. KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN. Hướng Phát Triển. TÀI LIỆU THAM KHẢO.
92 Hồng Anh – Đức Huy – Thanh Lịch – Bá Thuận – Trọng Hoàng Trang 5 PBL6: DỰ ÁN CHUYÊN NGÀNH CÔNG NGHỆ PHẦN MỀM Mục lục hình ảnh Hình 1: Biểu đồ ca sử dụng của Khách. 15 Hình 2: Biểu đồ ca sử dụng của Người giao hàng. 16 Hình 3: Biểu đồ ca sử dụng của Quản trị viên. 17 Hình 4: Biểu đồ ca sử dụng của Quản trị viên.
18 Hình 5: Biểu đồ ca sử dụng của Quản trị viên. 19 Hình 6: Lược đồ cơ sở dữ liệu. 20 Hình 7: Biểu đồ hoạt động chức năng đặt hàng. 21 Hình 8: Biểu đồ hoạt động chức năng giao hàng.
22 Hình 9: Biểu đồ tuần tự đăng nhập. 23 Hình 10: Biểu đồ tuần tự đăng kí. 23 Hình 11: Logging với Vercel. 27 Hình 12: Data Cache với Vercel.
28 Hình 13: Rest API. 29 Hình 14: Status code. 30 Hình 17: Quản lí công việc bằng Trello(1). 33 Hình 18: Quản lí công việc bằng Trello(2).
33 Hình 19: Các nhánh trên github. 34 Hình 20: Giao diện Đăng nhập. 35 Hình 22: Giao diện Đăng ký. 37 Hình 23: Giao diện xác thực người dùng.
39 Hình 24: Giao diện tìm kiếm thông tin Sản phẩm. 40 Hình 25: Giao diện xem thông tin cửa hàng(1). 41 Hình 26: Giao diện xem thông tin cửa hàng(2). 41 Hình 27: Giao diện cập nhật thông tin cá nhân.
42 Hình 28: Giao diện thay đổi mật khẩu. 43 Hình 29: Giao diện xem thông tin địa chỉ người dùng. 44 Hình 30: Giao diện cập nhật địa chỉ. 45 Hình 31: Giao diện xem thông tin nhân viên giao hàng.
48 Hình 32: Xem nội dung đánh giá. 49 Hình 33: Giao diện xem chi tiết đơn hàng. 51 Hồng Anh – Đức Huy – Thanh Lịch – Bá Thuận – Trọng Hoàng Trang 6 PBL6: DỰ ÁN CHUYÊN NGÀNH CÔNG NGHỆ PHẦN MỀM Hình 34: Giao diện đánh giá. 53 Hình 35: Giao diện giỏ hàng.
55 Hình 36: Giao diện đặt hàng. 57 Hình 37: Giao diện thống kê. 59 Hình 38: Giao diện thông tin cửa hàng. 60 Hình 39: Giao diện quản lý sản phẩm.
61 Hình 40: Giao diện thêm sản phẩm. 63 Hình 41: Cập nhật sản phẩm. 64 Hình 42: Giao diện xoá sản phẩm. 65 Hình 43: Xem đánh giá sản phẩm.
66 Hình 44: Giao diện quản lý đơn hàng. 67 Hình 45: Giao diện xem chi tiết đơn hàng. 68 Hình 46: Giao diện danh sách cửa hàng. 69 Hình 47: Giao diện danh sách cửa hàng chờ xác nhận.
71 Hình 48: Giao diện danh sách người giao hàng. 72 Hình 49: Danh sách người giao hàng chờ xác nhận. 73 Hình 50: Danh sách người dùng. 74 Hình 51: Màn hình thống kê.
75 Hình 52: Giao diện người giao hàng khi có và không có đơn hàng. 76 Hình 53: Giao diện chi tiết đơn hàng. 77 Hình 54: Giao diện chi tiết đơn hàng. 78 Hình 55: Giao diện thống kê thu nhập của Người giao hàng.
81 Hình 56: Xem thông tin cửa hàng. 82 Hình 57: Giao diện xác nhận đơn hàng. 84 Hình 58: Giao diện tìm kiếm món ăn. 86 Hồng Anh – Đức Huy – Thanh Lịch – Bá Thuận – Trọng Hoàng Trang 7 PBL6: DỰ ÁN CHUYÊN NGÀNH CÔNG NGHỆ PHẦN MỀM Mục lục bảng biểu Bảng 1: Lịch sử tài liệu.
10 Bảng 2: Phân công nhiệm vụ. 14 Bảng 4: Giao diện Đăng nhập. 37 Bảng 5: Giao diện Đăng ký. 39 Bảng 6: Giao diện xác nhận người dùng.
39 Bảng 7: Tìm kiếm thông tin Sản phẩm. 41 Bảng 8: Xem chi tiết cửa hàng. 42 Bảng 9: Cập nhật thông tin Người dùng. 43 Bảng 10: Đổi mật khẩu.
44 Bảng 11: Xem thông tin địa chỉ. 45 Bảng 12: Cập nhật địa chỉ. 46 Bảng 13: Xem thông tin đơn hàng. 48 Bảng 14: Xem thông tin người giao hàng.
49 Bảng 15: Xem nội dung đánh giá. 51 Bảng 16: Xem chi tiết đơn hàng. 52 Bảng 17: Đánh giá. 54 Bảng 18: Giỏ hàng.
56 Bảng 19: Đặt hàng. 58 Bảng 20: Thống kê. 59 Bảng 21: Thông tin cửa hàng. 61 Bảng 22: Quản lý sản phẩm.
62 Bảng 24: Cập nhật sản phẩm. 65 Bảng 25: Xoá sản phẩm. 66 Bảng 26: Xem đánh giá sản phẩm. 67 Bảng 27: Quản lý đơn hàng.
68 Bảng 28: Xem chi tiết đơn hàng. 69 Bảng 29: Danh sách cửa hàng. 70 Bảng 30: Cấp phép cửa hàng. 71 Bảng 31: Danh sách người giao hàng.
72 Hồng Anh – Đức Huy – Thanh Lịch – Bá Thuận – Trọng Hoàng Trang 8 PBL6: DỰ ÁN CHUYÊN NGÀNH CÔNG NGHỆ PHẦN MỀM Bảng 32: Cấp phép người giao hàng. 74 Bảng 33: Danh sách người dùng. 74 Bảng 34: Thống kê. 76 Bảng 35: Danh sách đơn hàng hiện tại.
77 Bảng 36: Chi tiết đơn hàng. 78 Bảng 37: Chi tiết đơn hàng. 79 Bảng 38: Giao diện trước và sau khi giao hàng thành công. 79 Bảng 39: Chi tiết đơn hàng.
80 Bảng 40: Thống kê thu nhập của Người giao hàng. 82 Bảng 41: Xem thông tin cửa hàng. 83 Bảng 42: Thông tin đơn hàng. 85 Bảng 43: Tìm kiếm thông tin món ăn.
87 Hồng Anh – Đức Huy – Thanh Lịch – Bá Thuận – Trọng Hoàng Trang 9 PBL6: DỰ ÁN CHUYÊN NGÀNH CÔNG NGHỆ PHẦN MỀM LỊCH SỬ TÀI LIỆU Tuần Chủ đề Phiên bản Vẽ sơ đồ Use Case tổng quát và phân công công việc. 15-9-2023 Mô tả sườn của báo cáo và khái quát một số chức 1. 20-9-2023 Thiết kế figma cho một số màn hình 1.1 Sửa các lỗi trong phần nhận xét của GVCB 24-9-2023 1.2 Hoàn thiện figma cho các màn hình còn lại 17-10-2023 Chỉnh sửa và cập nhật các chức năng về khóa học 1.3 8-11-2023 Thêm một số chức năng liên quan tới người dùng 1.4 10-12-2023 Thêm mà cập nhật chức năng liên quan tới người dùng 1.5 26-12-2023 Chỉnh sửa và hoàn thiện báo cáo 2.0 Bảng 1:Lịch sử tài liệu Hồng Anh – Đức Huy – Thanh Lịch – Bá Thuận – Trọng Hoàng Trang 10 PBL6: DỰ ÁN CHUYÊN NGÀNH CÔNG NGHỆ PHẦN MỀM PHÂN CÔNG NHIỆM VỤ Sinh viên thực hiện Nội dung công việc - Thiết kế database. - Triển khai và kiểm thử API về product, order, owner store, statistic,.
Lê Đức Huy - Tham gia vào viết báo cáo, tài liệu SRS, đặc tả yêu cầu phi chức năng. - Thiết kế database. - Triển khai và kiểm thử API về sign up, login, rating, upload image, admin,. Lê Hồng Anh - Tham gia vào viết báo cáo, làm slide, tài liệu SRS, đặc tả yêu cầu phi chức năng.
-Thiết kế giao diện web admin, owner - Tham gia vào viết báo cáo, tài liệu SRS, đặc tả yêu cầu phi chức năng, làm slide. Nguyễn Thanh Lịch - Triển khai và kiểm thử giao diện các trang admin: user, store, shipper, statistic. - Setup firebase - Thiết kế giao diện web end-user - Triển khai và kiểm thử các trang end-user: user, Huỳnh Bá Thuận store, product, order, rating. - Tham gia vào viết báo cáo, làm slide, tài liệu SRS, đặc tả yêu cầu phi chức năng.
Hồng Anh – Đức Huy – Thanh Lịch – Bá Thuận – Trọng Hoàng Trang 11 PBL6: DỰ ÁN CHUYÊN NGÀNH CÔNG NGHỆ PHẦN MỀM - Thiết kế giao diện app mobile user và shipper - Triển khai giao diện app mobile Nguyễn Trọng Hoàng - Setup CHPlay - Tham gia vào viết báo cáo, làm slide, tài liệu SRS, đặc tả yêu cầu phi chức năng. Bảng 2:Phân công nhiệm vụ 1. Mục đích Trong thời đại số hóa ngày nay, việc sử dụng công nghệ thông tin trong quản lý và kinh doanh đã trở thành một yếu tố không thể thiếu. Hệ thống giao thức ăn nhanh trực tuyến được xây dựng với mục đích giúp người dùng có thể dễ dàng đặt món ăn từ các nhà hàng, quán ăn trong khu vực của họ một cách nhanh chóng và tiện lợi thông qua website và ứng dụng di động.
Đối với người bán, hệ thống này giúp họ tiếp cận được với một lượng lớn khách hàng tiềm năng mà không cần phải tốn nhiều chi phí cho việc quảng cáo hay marketing.