Ứng dụng công nghệ pwa, react xây dựng website thương mại điện tử tích hợp chat ai

TRƯỜNG ĐẠI HỌC DUY TÂN KHOA CÔNG NGHỆ THÔNG TIN ỨNG DỤNG CÔNG NGHỆ PWA, REACT XÂY DỰNG WEBSITE THƯƠNG MẠI ĐIỆN TỬ TÍCH HỢP CHAT AI PROPOSAL DOCUMENT Phiên 1.0 Người hướng dẫn: Th.S Lương Thị Thu Phương Thành viên: Võ Kiều Anh Tuấn Phạm Văn Hà Nguyễn Thanh Phương Trương Vũ Phong Hứa Hoàng Hải Đà Nẵng, 03/2023 THÔNG TIN DỰ ÁN Tên viết tắt 365Housewares Tiêu đề dự Ứng dụng công nghệ PWA, REACT.JS xây dựng Website thương mại án điện tử tích hợp AI Ngày bắt đầu Địa điểm Giáo viên hướng dẫn Người quản lý dự án Thành viên Ngày kết thúc 27/2/2023 10/5/2023 Khoa CNTT, Đại học Duy Tân Th.S Lương Thị Thu Thương Email:ltphuongdtu@gmail.com Phone: 033 7571 631 Võ Kiều Anh Tuấn vkatplt@gmail.com 0358901960 Phạm Văn Hà pvh1132001@gmail.com 0767888242 Trương Vũ Phong phongcaca07111998@gmail.com 0386541254 Thphuong9721@gmail.com 0943160957 huahoanghai1301@gmail.com 0359403831 Nguyễn Thanh Phương Hứa Hồng Hải THƠNG TIN TÀI LIỆU Ứng dụng cơng nghệ PWA, REACT.JS xây dựng Website Dự án thương mại điện tử tích hợp AI Tên tài liệu Proposal Tác giả Võ Kiều Anh Tuấn LỊCH SỬ SỬA ĐỔI Phiên 1.0 Người tạo Anh Tuấn Ngày 3/3/2023 1.1 1.2 Mô tả Create Document PHÊ DUYỆT TÀI LIỆU Họ tên Vai trò Ngày Lương Thị Thu Phương Người hướng dẫn ……./……./2023 Võ Kiều Anh Tuấn Scrum Master ……./……./2023 Nguyễn Thanh Phương Product Owner ……./……./2023 Trương Vũ Phong Thành viên ……./……./2023 Phạm Văn Hà Thành viên ……./……./2023 Hứa Hoàng Hải Thành viên ……./……./2023 Chữ ký MỤC LỤC GIỚI THIỆU 1.1 Mục đích 1.2 Phạm vi 1.3 Tài liệu tham khảo TỔNG QUAN DỰ ÁN 2.1 Định nghĩa 2.2 Giới thiệu dự án 2.3 Giải pháp Proposal 2.3.1 Mục tiêu dự án 2.3.2 Một số hệ thống tương tự 2.4 Hạng mục công nghệ CHỨC NĂNG TỔNG QUÁT CỦA HỆ THỐNG 3.1 Biểu đồ tổng quát hệ thống 3.2 Mô tả 3.3 Các chức hệ thống QUY TRÌNH PHÁT TRIỂN 10 4.1 Quy trình Scrum 10 4.2 Các cột mốc 13 4.3 Quản lý tổ chức 14 4.4 Các tài nguyên phi nhân lực 15 GIỚI THIỆU 1.1 Mục đích Tài liệu cung cấp: - Một nhìn tổng quan dự án bao gồm mục đích phạm vi dự án - Cái nhìn tổng quan nguồn tài nguyên, lịch trình, rủi ro, giải pháp ngân sách cho dự án - Ngoài ra, xác định nhu cầu kinh doanh, vấn đề tình liên quan đến dự án khởi tạo, xây dựng rủi ro triển khai dự án 1.2 Phạm vi - Tài liệu cung cấp nhìn tổng quan dự án phát triển Nó bao gồm cơng nghệ ứng dụng, quy trình phát triển ứng dụng nhóm tham gia phát triển - Tài liệu cung cấp kế hoạch cho giai đoạn trình phát triển phần mềm dựa trình Scrum bao gồm: thời gian bắt đầu, kết thúc số ngày làm việc Đây kế hoạch chung cập nhật chi tiết trình phát triển phần mềm tài liệu 1.3 Tài liệu tham khảo Bảng 1.1 Tài liệu tham khảo STT Tài liệu Scrum process Nguồn thông tin tài liệu https://en.wikipedia.org/wiki/Scrum_(software_development) https://scrum.org https://web.dev/progressive-web-apps Tool and Technical https://firebase.google.com https://www.w3schools.com/REACT Information Tài liệu yêu cầu giáo viên hướng dẫn cung cấp TỔNG QUAN DỰ ÁN 2.1 Định nghĩa - Website tảng kinh doanh trực tuyến thiết kế cho phép khách hàng sử dụng chức là: đăng bán sản phẩm, tìm kiếm sản phẩm, giỏ hàng, đánh giá sản phẩm, hỗ trợ khách hàng, toán hóa đơn trực truyến,… Ngồi Website cịn cung cấp giao diện riêng cho nhà cung cấp giúp việc quản lý sản phẩm đơn hàng họ trở nên đơn giản Giới thiệu dự án Website xây dựng dựa cơng nghệ PWA REACTJS: - REACTJS thư viện JavaScript mã nguồn mở sử dụng để xây dựng giao diện người dùng ứng dụng web đơn trang (Single Page Applications) REACTJS giúp tăng hiệu suất ứng dụng Web, giảm độ phức tạp, đơn giản hóa việc bảo trì cho phép tái sử dụng thành phần Điều giúp giảm thiểu thời gian kinh phí phát triển Website - PWA (Progressive Web App) loại hình kết hợp Web APP, giúp cho Website hoạt động ứng dụng đa tảng, hoạt động PC, Android, IOS,… Sử dụng công nghệ tiêu chuẩn HTML, CSS, JAVASCRIPT, JSON giúp cho việc xây dựng trở nên dễ dàng PWA cung cấp cho Website tính giống hệt với thiết bị di động như: hoạt động ngoại tuyến, thao tác nhanh gọn, gửi thơng báo tính thiết bị di động người dùng 2.2 Giải pháp Proposal 2.2.1 Mục tiêu dự án Xây dựng chức cho khách hàng truy cập vào website, như: ● Đăng nhập/đăng ký tài khoản, quản lý thông tin tài khoản ● Cho phép người dùng không đăng nhập xem thông tin website xem chi tiết sản phẩm, xem đánh giá bình luận, v.v… ● Thanh tốn giỏ hàng, toán đơn hàng ● Tương tác với khách hàng tự động ● Cho phép người dùng xem lịch sử mua hàng ● v.v Xây dựng chức cho nhà cung cấp sản phẩm như: ● Đăng nhập/đăng ký cửa hàng, quản lý thông tin cửa hàng ● Quản lý đơn hàng ● Quản lý sản phẩm ● V.v Sử dụng công nghệ PWA hỗ trợ Website triển khai tảng di động hoạt động ứng dụng thông thường 2.2.2 Một số hệ thống tương tự  https://shopee.vn  https://lazada.vn 2.3 Hạng mục công nghệ - Công nghệ sử dụng  Frontend: HTML, CSS, Javascript, Bootstrap  Backend: Node.js  PWA (Progressive Web App), REACTJS - Môi trường phát triển ● Hệ điều hành: Windows 10 ● Cơng cụ lập trình: Visual Studio Code ● Cơng cụ quản lý dự án: Trello ● Cơ sở liệu: Firebase ● Quản lý công cụ mã nguồn: Git - Hạng mục khác ● Tài nguyên người: người ● Ngân sách: Hạn chế ● Thời gian: Dự án phải hồn tất vịng tháng CHỨC NĂNG TỔNG QUÁT CỦA HỆ THỐNG 2.4 Biểu đồ tổng quát hệ thống Hình Sơ đồ tổng quát hệ thống 2.5 Mô tả Hệ thống Website gồm tác nhân: Khách vãng lai, khách hàng, Người bán, Admin, - Khách vãng lai tìm kiếm xem chi tiết sản phẩm, đánh giá… - Khách hàng mua hàng, thêm giỏ hàng, đánh giá bình luận… - Người bán quản lý sản phẩm, quản lý đơn hàng, quản lý tài cửa hàng, thiết lập đơn vị vận chuyển, xem bình luận đánh giá khách hàng… - Admin quản lý tất liệu hệ thống bao gồm: tài khoản, kiện, kho hàng… 2.6 Các chức hệ thống ● Admin: - Quản lý tài khoản - Quản lý kho - Quản lý viết - Quản lý điểu phối vận chuyển - Quản lý báo cáo, thống kê ● Người bán: - Quản lý đơn hàng - Quản lý sản phẩm - Quản lý tài - Quản lý đánh giá bình luận ● Khách hàng: - Quản lý thơng tin tài khoản cá nhân - Xem chi tiết sản phẩm - Đặt hàng - Xem lịch sử đơn hàng - Tìm kiếm - Quản lý giỏ hàng - Thanh tốn - Đánh giá bình luận sản phẩm ● Khách vãng lai: - Xem chi tiết sản phẩm - Tìm kiếm - Đăng nhập/Đăng ký/Quên mật QUY TRÌNH PHÁT TRIỂN 3.1 Quy trình Scrum - Scrum khung quy trình làm việc linh hoạt phổ biến - Scrum dùng để quản lý dự án phát triển phần mềm, Scrum cịn dùng cơng việc khác với độ phức tạp tính sáng tạo đa dạng - Dựa lý thuyết quản lý thực nghiệm: Scrum sử dụng kĩ lặp tăng dần để tối ưu hóa hiệu kiểm sốt rủi ro 10 Hình 2.1 Quy trình Scrum * Ưu điểm :  Điểm mạnh việc linh hoạt, dự án không cố định từ đầu thời gian hồn thành hay u cầu mà xác định phát triển thực tế  Phân phối sản phẩm mềm dẻo: nội dung sản phẩm chuyển giao xác định linh hoạt theo môi trường sử dụng thực tế  Thời gian biểu linh hoạt: muộn sớm so với kế hoạch ban đầu  Chất lượng sản phẩm tốt giảm rủi ro sản xuất, chi phí thấp Khả trao đổi khách hàng nhà phát triển, thành viên đội đặt lên mức cao  Tốc độ phát triển nhanh, tiết kiệm thời gian Việc chuẩn bị hành động cho thay đổi trình phát triển tốt hàng ngày ln có buổi họp đánh giá lại vịng lặp phát triển  Các bugs (lỗi) vấn đề phát sớm nhiều so với phương pháp truyền thống khách hàng tham gia đánh giá nhiều đầu sản phẩm nhanh * Nhược điểm : 11  Đòi hỏi cam kết cao thành viên nhóm: Scrum yêu cầu thành viên nhóm phải cam kết thời gian nỗ lực vào việc phát triển sản phẩm Điều dẫn đến căng thẳng áp lực nhóm  Khó khăn việc ước lượng thời gian chi phí: Scrum dựa việc phát triển liên tục việc tập trung vào giá trị, làm cho việc ước lượng thời gian chi phí trở nên khó khăn  Không phù hợp cho dự án lớn phức tạp: Scrum thiết kế để áp dụng cho dự án nhỏ trung bình, khơng phù hợp cho dự án lớn phức tạp  Cần hợp tác cao độ: Scrum yêu cầu đội phát triển phải có hợp tác cao độ làm việc với để đảm bảo sản phẩm phát triển cách hiệu 12 3.2 Các cột mốc Bảng 4.1 Các mốc thời gian thực Tên nhiệm vụ STT Thời lượng Bắt đầu Kết thúc Ban đầu ngày 27/02/2023 03/03/2023 1.1 Thu thập yêu cầu ngày 27/02/2023 28/02/2023 1.2 Lựa chọn công nghệ ngày 01/03/2023 01/03/2023 ngày 02/03/2023 02/03/2023 1.3 Phân tích thiết kế database 1.4 Tạo tài liệu Proposal ngày 03/03/2023 03/03/2023 Bắt đầu phát triển ngày 04/03/2023 08/03/2023 ngày 04/03/2023 04/03/2023 2.1 Cuộc họp khởi động dự án 2.2 Tạo tài liệu ngày 05/03/2023 08/03/2023 Phát triển 56 ngày 09/03/2023 03/05/2023 3.1 Sprint 14 ngày 09/03/2023 21/03/2023 3.2 Sprint 14 ngày 22/03/2023 05/04/2023 3.3 Sprint 28 ngày 06/04/2023 03/05/2023 ngày 04/05/2023 06/05/2023 ngày 08/05/2023 10/05/2023 Cuộc họp tổng kết dự án Phát hành 13 3.3 Quản lý tổ chức Bảng 4.2 Nguồn nhân lực Trách nhiệm Vai trò Hướng dẫn - Hướng dẫn quy trình Người tham gia Th.S Lương Thị Thu Theo dõi hoạt động team Phương - Ước tính thời gian để hồn thành tác vụ - Phân tích u cầu Thành viên nhóm - Thiết kế bước cải thiện thiết kế - Coding kiểm thử - Cài đặt thực chức hệ thống Nguyễn Thanh Phương Phạm Văn Hà Hứa Hoàng Hải Trương Vũ Phong - Triển khai sản phẩm - Xác định phân tích ứng dụng - Chỉ định cơng việc cho thành viên nhóm - Quản lý kiểm sốt nhóm Scrum Master - Đảm bảo nhiệm vụ hoàn thành - Quản lý rủi ro - Tham gia Coding kiểm thử - Cung cấp giải pháp để giải vấn đề Điểm yếu - Các thành viên nhóm cịn hạn chế mặt nghiệp vụ 14 Võ Kiều Anh Tuấn 3.4 Các tài nguyên phi nhân lực Bảng 4.3 Tài nguyên phi nhân lực Mục STT Laptop JavaScripts, HTML, CSS, Bootstrap Visual Studio Code Hệ điều hành Chú Mục đích thích Phát triển Số lượng Có Có Cơng cụ Có Win 10 Có Ngơn Ngữ Lập trình 15 Tiêu chí Chấp nhận