Đồ án xây dựng ứng dụng phân phối sản phẩm 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 TRẦN QUỐC THẮNG - 19522218 NGUYỄN HỮU PHÁT - 19521996 ĐỒ ÁN XÂY DỰNG ỨNG DỤNG PHÂN PHỐI SẢN PHẨM XE Building a car products distribution application KỸ SƯ NGÀNH KỸ THUẬT PHẦN MỀM ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINH ĐẠ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 QUỐC THẮNG - 19522218 NGUYỄN HỮU PHÁT - 19521996 ĐỒ ÁN XÂY DỰNG ỨNG DỤNG PHÂN PHỐI SẢN PHẨM XE Building a car products distribution application KỸ SƯ NGÀNH KỸ THUẬT PHẦN MỀM ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINH VF market, phiên 0.2.0 Thực Tran Quoc Thang, Nguyen Huu Phat Chỉnh sửa lần cuối 30/12/22 ĐHQG TP HỒ CHÍ MINH CỘNG HÒA XÃ HỘI CHỦ NGHĨA TRƯỜNG ĐẠI HỌC VIỆT NAM CÔNG NGHỆ THÔNG TIN Độc Lập - Tự Do - Hạnh Phúc TP HCM, ngày 27 tháng 12 năm 2022 NHẬN XÉT ĐỒ ÁN (CỦA CÁN BỘ HƯỚNG DẪN) Tên đồ án : ỨNG DỤNG PHÂN PHỐI SẢN PHẨM XE (VF Market) Nhóm SV thực hiện: Cán hướng dẫn: Nguyễn Hữu Phát 19521996 Trần Quốc Thắng 19522118 ThS Trần Anh Dũng Đánh giá Khóa luận Về báo cáo: Số trang 85 Số chương Số bảng số liệu 16 Số hình vẽ 60 Số tài liệu tham khảo Sản phẩm VF market, phiên 0.2.0 Thực Tran Quoc Thang, Nguyen Huu Phat Chỉnh sửa lần cuối 30/12/22 Một số nhận xét hình thức báo cáo: Về nội dung nghiên cứu: Về chương trình ứng dụng: Về thái độ làm việc sinh viên: Đánh giá chung Người nhận xét (Ký tên ghi rõ họ tên) VF market, phiên 0.2.0 Thực Tran Quoc Thang, Nguyen Huu Phat Chỉnh sửa lần cuối 30/12/22 LỜI CẢM ƠN Đồ án với đề tài “ỨNG DỤNG PHÂN PHỐI SẢN PHẨM XE” minh chứng cho trình cố gắng khơng ngừng việc tìm tịi, học hỏi suốt năm học tập trường Đại học Công nghệ Thông tin Thể khả thân thành viên nhóm việc áp dụng kiến thức chuyên môn vào giải tốn thực tế Trong q trình học tập, nghiên cứu phát triển đề tài chúng em nhận giúp đỡ, bảo nhiệt tình thầy để hồn thành đồ án Nhóm em xin chân thành gửi lời cảm ơn đến thầy Trần Anh Dũng – Giảng viên Khoa Công Nghệ Phần Mềm, Trường Đại học Công Nghệ Thông Tin, Đại học Quốc gia Thành phố Hồ Chí Minh, tận tình hướng dẫn giúp đỡ kiến thức, phương pháp cho chúng em suốt q trình thực hồn thành đồ án Hi vọng với bảo góp ý từ thầy, nhóm đề tài tiếp tục phát triển để ứng dụng ngày mở rộng phục vụ tốt cho người dùng Mặc dù có nhiều cố gắng suốt q trình thực đề tài, song tránh khỏi hạn chế, thiếu sót Chúng em mong nhận đóng góp nhận xét chân thành từ thầy, bạn sinh viên người dùng trình sử dụng phần mềm để phần mềm ngày hoàn thiện Mọi đóng góp xin vui lịng gửi email: 19521996@gm.uit.edu.vn 19522118@gm.uit.edu.vn Mỗi ý kiến đóng góp thầy bạn nguồn động lực to lớn chúng em để chúng em cải thiện phần mềm tốt xây dựng phần mềm hữu ích người dùng Chúng em xin trân trọng cảm ơn Thành phố Hồ Chí Minh, ngày 30 tháng 09 năm 2022 VF market, phiên 0.2.0 Thực Tran Quoc Thang, Nguyen Huu Phat Chỉnh sửa lần cuối 30/12/22 ĐHQG TP HỒ CHÍ MINH TRƯỜNG ĐẠI CỘNG HỊA XÃ HỘI CHỦ NGHĨA VIỆT HỌC CƠNG NGHỆ THƠNG TIN NAM Độc Lập - Tự Do - Hạnh Phúc ĐỀ CƯƠNG CHI TIẾT TÊN ĐỀ TÀI: Cán hướng dẫn: ThS Trần Anh Dũng Thời gian thực hiện: Từ ngày 01/09/2022 đến ngày 31/12/2022 Sinh viên thực hiện: Trần Quốc Thắng – 19522218 Nguyễn Hữu Phát – 19521996 VF market, phiên 0.2.0 Thực Tran Quoc Thang, Nguyen Huu Phat Chỉnh sửa lần cuối 30/12/22 Nội dung đề tài: Mục tiêu: - Xây dựng tảng mua xe, phụ tùng trực tuyến cách thuận tiện, nhanh gọn, minh bạch, tiết kiệm chi phí, giảm bớt trình thủ tục giấy tờ rườm rà - Sử dụng công nghệ blockchain ghi lại lịch sử đảm bảo tính minh bạch chất lượng, thời gian sử dụng, chủ sở hữu, - Người dùng sử dụng điện thoại cá nhân để dễ dàng - Tìm hiểu ứng dụng cơng nghệ mới, nâng cao kỹ phát triển phần mềm Phạm vi: - Nền tảng mua xe trực tuyến, giảm bớt thủ tục - Ứng dụng cổng toán tiền kỹ thuật số - Minh bạch trình thay phụ kiện xe Đối tượng sử dụng: - Đề tài tập trung vào xây dựng hệ thống tảng mobile hướng tới đối tượng sử dụng người có nhu cầu mua xe phụ tùng xe hãng - Người dùng cần sử dụng smartphone truy cập để xem mua sản phẩm Phương pháp thực hiện: - Tìm hiểu phân tích quy trình q trình mua xe - Phân tích giải pháp sản phẩm tương tự thị trường - Thống kê số liệu người dùng - Xây dựng chức mức cần thiết ứng dụng bán xe, bên cạnh khắc phục nhược điểm ứng dụng có thị trường VF market, phiên 0.2.0 Thực Tran Quoc Thang, Nguyen Huu Phat Chỉnh sửa lần cuối 30/12/22 - Xây dựng ứng dụng thân thiện với người dùng, dễ sử dụng, đặc biệt độ tin cậy cao Kết mong đợi: - Hiểu rõ công nghệ mới: o Front – end: React native o Back – end: NestJs/Mongo - Hoàn thành sản phẩm với chức phân tích - Giao diện thân thiện tạo giá trị mục tiêu hướng tới VF market, phiên 0.2.0 Thực Tran Quoc Thang, Nguyen Huu Phat Chỉnh sửa lần cuối 30/12/22 Kế hoạch thực hiện: Đồ án thực 15 tuần, thời gian mô tả nội dung công việc thể bảng bên dưới: Thời gian thực Cơng việc Giai đoạn 1: Tìm hiểu, nghiên cứu Iteration (05-18/09/2022) Quốc Thắng: Nghiên cứu, đánh giá, phân ● Nghiên cứu trạng thị trường tích ● Nghiên cứu, đánh giá công nghệ phát triển BE Hữu Phát: ● Phân tích sản phẩm có ● Nghiên cứu, đánh giá công nghệ phát triển FE Iteration (19-2/10/2022) Cả thực phân tích thiết kế hệ thống Phân tích, thiết kế hồn thiện tài liệu: ● Sprint Planning ● Phân tích painpoint sinh viên giảng viên UIT ● Product Backlog ● User Stories ● Use case diagram ● Sequence diagram VF market, phiên 0.2.0 Thực Tran Quoc Thang, Nguyen Huu Phat Chỉnh sửa lần cuối 30/12/22 Iteration (3-16/10/2022) Quốc Thắng: Chuẩn bị kiến thức cơng ● nghệ Tìm hiểu thực code với NestJs - Postgre Hữu Phát: ● Tìm hiểu thực code với React native Giai đoạn 2: Triển khai Mỗi iteration vòng lặp gồm hành động: ● Planning (đầu tuần 1): Xác định Sprint Goal, lựa chọn hạng mục từ Sprint Backlog để phát triển phần Implementation kế hoạch để hoàn thành hạng mục chọn ● Implementation (2 tuần): thực công việc theo kế hoạch Ít tuần phải có buổi trao đổi thông tin thành viên (tối thiểu 30p) ● Review/ retrospect (cuối tuần 2): Chạy thử kết xem tình hình sản phẩm, cập nhật Sprint Backlog Thảo luận cách làm việc trì, cải tiến hạn chế iteration Iteration (17-30/10/2022) Quốc Thắng: Chuẩn bị source code thiết ● Thiết kế database kế database ● Cấu hình tạo cấu trúc code cho BE Hữu Phát: ● Tìm kiếm giao diện phù hợp ● Cầu hình tạo cấu trúc code cho FE VF market, phiên 0.2.0 Thực Tran Quoc Thang, Nguyen Huu Phat Chỉnh sửa lần cuối 30/12/22 Hình 53: Màn hình Ví điện tử kết nối ví điện tử VF market, phiên 0.2.0 Thực Tran Quoc Thang, Nguyen Huu Phat Chỉnh sửa lần cuối 30/12/22 74 Hình 54: Màn hình Trang cá nhân VF market, phiên 0.2.0 Thực Tran Quoc Thang, Nguyen Huu Phat Chỉnh sửa lần cuối 30/12/22 75 Hình 55: Màn hình Xác nhận giao dịch VF market, phiên 0.2.0 Thực Tran Quoc Thang, Nguyen Huu Phat Chỉnh sửa lần cuối 30/12/22 76 Hình 56: Màn hình loading VF market, phiên 0.2.0 Thực Tran Quoc Thang, Nguyen Huu Phat Chỉnh sửa lần cuối 30/12/22 77 Hình 57: Màn hình giao dịch thành công VF market, phiên 0.2.0 Thực Tran Quoc Thang, Nguyen Huu Phat Chỉnh sửa lần cuối 30/12/22 78 Hình 58: Màn hình kết nối ví điện tử VF market, phiên 0.2.0 Thực Tran Quoc Thang, Nguyen Huu Phat Chỉnh sửa lần cuối 30/12/22 79 Hình 59: Màn hình mã khóa liên kết ví VF market, phiên 0.2.0 Thực Tran Quoc Thang, Nguyen Huu Phat Chỉnh sửa lần cuối 30/12/22 80 Hình 60: Màn hình nhập mã khóa liên kết ví VF market, phiên 0.2.0 Thực Tran Quoc Thang, Nguyen Huu Phat Chỉnh sửa lần cuối 30/12/22 81 Chương 4: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 4.1 Kết đạt - Thơng qua việc nghiên cứu tìm hiểu cơng nghệ, đặc biệt công nghệ mới, em phát triển ứng dụng bán xe kết hợp tốn tiền điện tử cách hồn chỉnh Do giới hạn kinh phí đăng ký tài khoản nhà phát triển, ứng dụng dừng lại giai đoạn chạy thử, chưa thể đẩy lên chợ ứng dụng App Store Tuy nhiên kết chạy thử cho thấy hệ thống hoạt động tốt, mở rộng, phát triển thêm tương lai Về mặt kỹ thuật, nhóm em đạt kết sau: - Hiểu rõ công nghệ mới: - Mobile: React native - Back – end: NestJs/Mongodb Tìm hiểu, áp dụng framework NestJS database mã nguồn mở MongoDB việc thao tác CRUD với liệu NestJS kết hợp ExpressJS Fastify Một hệ thống ổn định, nhanh chóng hiệu suất cao - Deploy server on cloud AWS Ec2 Tìm hiểu biết cách triển khai máy chủ lên tảng đám mây để sử dụng khơng mạng cục - Hồn thành sản phẩm với chức trình bày - Giao diện thân thiện tạo giá trị mục tiêu hướng tới VF market, phiên 0.2.0 Thực Tran Quoc Thang, Nguyen Huu Phat Chỉnh sửa lần cuối 30/12/22 82 Về mặt thực tiễn em đạt được: - Rèn luyện kĩ nhận dạng toán, nghiên cứu khảo sát thực tế, phân tích chức thực tài liệu mô tả - Nâng cao khả tìm hiểu nghiên cứu cơng nghệ, đặc biệt công nghệ - Kinh nghiệm áp dụng thực tế quy trình phát triển phần mềm - Phát triển kỹ mềm cá nhân lên kế hoạch, trình bày văn bản, dự trù thời gian, kỹ làm việc nhóm khả tranh luận, thuyết phục hỗ trợ lẫn - Hiểu sản phẩm thực có tác động đến thực tế đời sống , xu hướng ngành bán xe tương lai 4.2 Thuận lợi khó khăn 4.2.1 Thuận lợi ● Cả có kinh nghiệm dự án làm product thực tế từ công ty thực tập mảng blockchain ● Nhận giúp đỡ nhiệt tình giảng viên, sinh viên khoa Công nghệ Phần mềm thực khảo sát trạng ● Ý tưởng sản phẩm lạ, có nhiều sản phẩm tương tự nên tham khảo giao diện 4.2.2 Khó khăn ● Dự án thực giai đoạn mà thành viên làm, nên địi hỏi khả xếp cơng việc, họp online trao đổi ý tưởng để hiểu thời gian ngắn quan trọng ● Ý tưởng sản phẩm loại thị trường hiếm, nên việc tham khảo chức trở nên hạn chế VF market, phiên 0.2.0 Thực Tran Quoc Thang, Nguyen Huu Phat Chỉnh sửa lần cuối 30/12/22 83 4.2.3 Hướng phát triển - Đề tài mẻ, kết hợp mua bán xe với blockchain nên có nhiều hướng phát triển - Xây dựng thêm tính chat để hỗ trợ người dùng tăng trải nghiệm người dùng - Thêm tính cho người quản lí để quản lí chặt chẽ mặt doanh thu - Tăng thêm hình thức tốn, tinh gọn quy trình toán VF market, phiên 0.2.0 Thực Tran Quoc Thang, Nguyen Huu Phat Chỉnh sửa lần cuối 30/12/22 84 Mục lục hình ảnh Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình 1: NestJs 23 2: React Native 23 3: MongoDB 24 4: So sánh tốc độ insert MySQL MongoDB 25 5: Lược đồ Use case người dùng tổng quan 27 6: Lược đồ Use case người dùng khách hàng 28 7: Lược đồ Use case người dùng người quản trị 29 8: Lược đồ BPMN phân tích hoạt động hệ thống 36 9: Activity Diagram đăng ki 37 10: Activity Diagram Đăng nhập 37 11: Activity Diagram Quên mật 38 12: Activity Diagram Xem trang cá nhân 38 13: Activity Diagram Cập nhật trang cá nhân 39 14: Activity Diagram Xem danh sách sản phẩm 40 15: Activity Diagram Tìm kiếm sản phẩm 40 16: Activity Diagram Lọc sản phẩm 41 17: Activity Diagram Xem chi tiết sản phẩm 42 18: Activity Diagram Mua sản phẩm 42 19: Activity Diagram liên kết ví 43 20: Activity Diagram Xem số dư 43 21: Activity Diagram Gửi Token 44 22: Activity Diagram Xem giao dịch 44 23: Activity Diagram đồ 45 24: Activity Diagram Tìm dịch vụ sửa chữa 45 25: Activity Diagram Tìm dịch vụ tính phí 46 26: Activity Diagram Xem xe cá nhân 46 27: Activity Diagram Quản lí doanh thu 47 28: Activity Diagram thêm người dùng 47 29: Activity Diagram Xem số dư 48 30: Activity Diagram cập nhật người dùng 48 31: Activity Diagram Xóa người dùng 49 32: Activity Diagram Lập bảng lương 50 33: Activity Diagram Xem số dư 51 34: Activity Diagram Read Product 51 35: Activity Diagram Cập nhật sản phẩm 52 36: Activity Diagram Xóa sản phẩm 53 37: Activity Diagram Quản lí dịch vụ định vị 54 38: Activity Diagram Read location 54 39: Activity Diagram Cập nhật vị trí 55 VF market, phiên 0.2.0 Thực Tran Quoc Thang, Nguyen Huu Phat Chỉnh sửa lần cuối 30/12/22 85 Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình 40: Activity Diagram Xóa định vị 56 41: Lược đồ sở liệu 57 42: Kiến trúc tổng thể hệ thống 60 43: Màn hình Trang chủ 64 44: Màn hình đăng nhập 65 45: Màn hình đăng ký 66 46: Màn hình xác thực OTP 67 47: Màn hình Tìm kiếm 68 48: Màn hình Xem chi tiết sản phẩm 69 49: Màn hình thẩm định sản phẩm 70 50: Màn hình Map 71 51: Màn hình Sản phẩm cá nhân 72 52: Màn hình Ví điện tử xem lịch sử giao dịch 73 53: Màn hình Ví điện tử kết nối ví điện tử 74 54: Màn hình Trang cá nhân 75 55: Màn hình Xác nhận giao dịch 76 56: Màn hình loading 77 57: Màn hình giao dịch thành cơng 78 58: Màn hình kết nối ví điện tử 79 59: Màn hình mã khóa liên kết ví 80 60: Màn hình nhập mã khóa liên kết ví 81 VF market, phiên 0.2.0 Thực Tran Quoc Thang, Nguyen Huu Phat Chỉnh sửa lần cuối 30/12/22 86 Mục lục bảng Bảng 1: Danh sách Actors 29 Bảng 2: Danh sách Use case 30 Bảng 3: Usecase Đăng ký 31 Bảng 4: Usecase đăng nhập 32 Bảng 5: Use Case Products 32 Bảng 6: Use Case Tìm kiếm 33 Bảng 7: Use Case Promotion 33 Bảng 8: Use Case Profile 34 Bảng 9: Usecase Thanh toán 35 Bảng 10: Use Case Connect wallet 35 Bảng 11: Lưu trữ thông tin người dùng 58 Bảng 12: Lưu thông tin sản phẩm 59 Bảng 13: Lưu thông tin Transaction 59 Bảng 14: Lưu thơng tin cấu hình 60 Bảng 15: Danh sách hình mơ tả 63 VF market, phiên 0.2.0 Thực Tran Quoc Thang, Nguyen Huu Phat Chỉnh sửa lần cuối 30/12/22 87 TÀI LIỆU THAM KHẢO “Documentation: Nestjs - a PROGRESSIVE Node.js framework,” NestJS [Online] Available: https://docs.nestjs.com/ “React Native · Learn once, write anywhere,” React Navtive [Online] Available: https://reactnative.dev/ “web3.js - Ethereum JavaScript API,” web3.js [Online] Available: https://web3js.readthedocs.io/en/v1.8.1/# “Getting Started with Amazon EC2” [Online] Available: https://web3js.readthedocs.io/en/v1.8.1/# “Testnet BscScan” [Online] Available: https://docs.bscscan.com/v/bscscan-testnet/ “Welcome to the MongoDB Documentation” [Online] Available: https://www.mongodb.com/docs/ “Sendgrid Documentation” [Online] Available: https://docs.sendgrid.com/ VF market, phiên 0.2.0 Thực Tran Quoc Thang, Nguyen Huu Phat Chỉnh sửa lần cuối 30/12/22 88 ... cuối 30/12/22 14 TÓM TẮT ĐỀ TÀI Đồ án với đề tài ? ?ỨNG DỤNG PHÂN PHỐI SẢN PHẨM XE? ?? tập trung vào khảo sát thực tế, phân tích chức ứng dụng công nghệ để xây dựng sản phẩm hoàn chỉnh chạy tảng website... kiếm hình thức nhập theo lọc Xem sản phẩm Cho phép xem sản phẩm có Xem khuyến Cho phép xem khuyến có Xem chi tiết sản phẩm Xem chi tiết sản phẩm từ mô tả, giá tiền, nhà sản xuất Chỉnh sửa profile... tốn sản phẩm mua hình thức khác 13 Thêm sản phẩm Cho phép thêm sản phẩm vào danh sách sản phẩm có 14 Xóa sản phẩm Xóa sản phẩm khỏi danh sách 15 Chỉnh sửa sản phẩm Chỉnh sửa thông tin sản phẩm 16