Đồ án xây dựng website thương mại điện tử về thực phẩm thuần

ĐẠ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 ĐỒ ÁN XÂY DỰNG WEBSITE THƯƠNG MẠI ĐIỆN TỬ VỀ THỰC PHẨM THUẦN GV HƯỚNG DẪN : ThS Trần Anh Dũng SINH VIÊN THỰC HIỆN : Sa Đam: 20541154 TH HỒ CHÍ MINH, THÁNG NĂM 2023 LỜI CẢM ƠN Sau trình học tập rèn luyện khoa Công nghệ phần mềm trường Đại học Công nghệ Thông tin – ĐHQG TP.HCM chúng em trang bị kiến thức bản, kỹ thực tế để lần đầu thực Đồ án Em xin chân thành cảm ơn hướng dẫn tận tình thầy Trần Anh Dũng người tận tình hướng dẫn em suốt trình nghiên cứu hồn thành đồ án Em Thầy tạo điều kiện tốt để nghiên cứu học tập, dành nhiều thời gian quý báu để trao đổi làm việc Vì kiến thức chúng em hạn hẹp nên khơng thể tránh khỏi thiếu sót q trình thực đồ án Vì em ln mong đợi nhận ý kiến đóng góp từ phía giảng viên để rút kinh nghiệm, tự sửa chữa, hoàn thiện thực tiếp đồ án Thành phố Hồ Chí Minh, ngày tháng năm 2023 Sinh viên thực Sa Đam Nhận xét giảng viên ……………………………………………………………………………………… ……………………………………………………………………………………… ………………………………………………….…………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… …………….………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………….……………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ………………………….…………………………………………………………… ……………………………………………………………………………………… …………………………………………………………………………….………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………….……………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ….…………………………………………………………………………………… ……………………………………………………………………………………… …………………………………………………… ……., ngày…… tháng……năm 2022 Người nhận xét (Ký tên ghi rõ họ tên) Mục Lục Nhận xét giảng viên Chương : GIỚI THIỆU CHUNG 15 1.1 Tổng quan đề tài 15 1.2 Lý chọn đề tài 15 1.3 Đối tượng sử dụng .15 Chương : CƠ SỞ LÝ THUYẾT 17 Chương : KHẢO SÁT VÀ PHÂN TÍCH KIẾN TRÚC HỆ THỐNG 25 3.1 Đối tượng khảo sát 25 3.2 Xác định u cầu mơ hình hóa u cầu 26 3.2.1 Xác định yêu cầu 26 3.2.1.1 Về tổ chức 26 3.2.1.2 Về nghiệp vụ .26 3.2.1 Mơ hình hóa yêu cầu 31 3.2.1.1 Danh sách yêu cầu 31 3.3 Tổng quát chức 32 3.3.1 Sơ đồ Usecase 32 3.3.2 Danh sách actor 33 3.3.2 Đặc tả Use-case 33 3.3.3 Sequence Diagram 48 3.3.4 Activity diagram 67 3.4 Thiết kế hệ thống 81 3.3.1 Sơ đồ lớp mức phân tích .81 3.5 Thiết kế chatbot 94 CHƯƠNG THIẾT KẾ, HIỆN THỰC GIAO DIỆN 95 - Danh sách các màn hình 95 Màn hình đăng nhập 95 Màn hình đăng ký 95 Màn hình trang chủ khách hàng 95 Màn hình trang chủ quản lý .95 Màn hình sản phẩm khách hàng .95 Màn hình giỏ hàng 95 Khung xem trước giỏ hàng 95 Màn hình đặt hàng 95 Màn hình danh sách sản phẩm 95 Màn hình thêm sản phẩm 95 - Màn hình sửa sản phẩm 95 Màn hình chi tiết sản phẩm 95 Màn hình danh sách loại sản phẩm 95 Màn hình thêm loại sản phẩm 95 Màn hình sửa loại sản phẩm .95 Màn hình chi tiết loại sản phẩm 95 Màn hình danh sách khách hàng 95 Màn hình thêm khách hàng .95 Màn hình sửa khách hàng 95 Màn hình chi tiết khách hàng 95 Màn hình danh sách đơn hàng 95 Màn hình chốt đơn hàng 95 Màn hình thêm đơn hàng 95 Màn hình thống kê đơn hàng 96 Màn hình chi tiết đơn hàng 96 Màn hình danh sách viết 96 Màn hình thêm viết 96 Màn hình sửa viết 96 Màn hình chi tiết viết 96 Màn hình danh sách tài khoản 96 Màn hình thêm tài khoản 96 Màn hình sửa tài khoản 96 Màn hình chi tiết tài khoản 96 Màn hình đăng nhập 97 Màn hình đăng ký 97 Màn hình trang chủ khách hàng 98 Màn hình trang chủ quản lý 99 Màn hình sản phẩm khách hàng 100 Khung giỏ hàng 101 Chương : KẾT LUẬN 101 4.1 Tổng kết 101 4.2 Kết đạt 102 4.3 Khó khăn hạn chế 102 Chương : HƯỚNG PHÁT TRIỂN 102 TÀI LIỆU THAM KHẢO 103 ĐỀ CƯƠNG CHI TIẾT TÊN ĐỀ TÀI: XÂY DỰNG WEBSITE THƯƠNG MẠI ĐIỆN TỬ VỀ SẢN PHẨM THUẦN CHAY Cán hướng dẫn: ■ ThS Trần Anh Dũng Thời gian thực hiện: Từ ngày 27/2/2023 đến ngày 06/07/2023 Sinh viên thực hiện: Sa Đam – 20521154 Nội dung đề tài Lý chọn đề tài: Ngày nay, có ngày nhiều người quan tâm đến thực phẩm chay lý sức khỏe, sở thích, đạo đức, tơn giáo hay bảo vệ môi trường Thị trường chay phát triển có tiềm lớn tương lai Cùng với phát triển cơng nghệ, mua sắm trực tuyến ngày nhiều người ưa chuộng tiện lợi nhanh chóng Đây hội để phát triển website thương mại điện tử thực phẩm chay để phục vụ cho nhu cầu người tiêu dùng Chính điều đó, việc có website thương mại điện tử thực phẩm thực phẩm chay giúp cho người tiêu dùng dễ dàng tiếp cận mua sắm sản phẩm mà họ cần Đây hội để kết nối với đông đảo khách hàng tiềm tăng doanh số bán hàng Ngoài ra, việc chủ cửa hàng có Website riêng cho cửa hàng giúp dễ dàng thống kê quản lý cửa hàng Cùng với lý em người ăn uống chay Việc xây dựng website thương mại điện tử thực phẩm chay đề tài hấp dẫn tiềm - Mục tiêu: Xây dựng website: + Ứng dụng chạy tảng Web + Giới thiệu cửa hàng, sản phẩm, viết, tin tức, thông tin liên hệ cách trực quan, đem đến cho người dùng thông tin chi tiết + Cung cấp giao diện quản lý, quản lý sản phẩm, viết, tin tức, thông tin tài khoản + Cung cấp thống kê, biểu đồ trực quan số liệu, hỗ trợ công tác quản trị doanh nghiệp Phạm vi: - Phạm vi môi trường: Web - Phạm vi chức năng: + Hệ thống cung cấp giao diện mua hàng tiện lợi, dễ sử dụng + Hệ thống cung cấp giao diện quản lý giúp chủ cửa hàng theo dõi doanh số, quản lý hàng tồn kho + Hệ thống cung cấp giao diện đăng ký, đăng nhập giúp xác thực người dùng + Hệ thống cung cấp tính giỏ hàng hỗ trợ người mua đơn giản hóa q trình mua hàng - Đối tượng sử dụng: Khách hàng có nhu cầu mua đồ chay online muốn biết thông tin đến sản phẩm, ăn chay thơng tin cửa hàng - Chủ cửa hàng, nhân viên, quản lý cửa hàng Phương pháp thực hiện: Phương pháp làm việc: Làm việc thơng qua hình thức online offline hướng dẫn trực tiếp giảng viên hướng dẫn thực đồ án - Phương pháp nghiên cứu: Phân tích nhu cầu sử dụng đối tượng người dùng Khảo sát ứng dụng tương tự Nghiên cứu tài liệu công nghệ liên quan - Phương pháp công nghệ: Xây dựng giao diện Web để người dùng tương tác với ứng dụng Quản lý source code thông qua Github Sử dụng Google drive, Notion… để quản lý tiến trình tài liệu Nền tảng cơng nghệ: - Front-end: ReactJS, TaldwindCSS - Back-end: NodeJS, ExpressJS - Database: MongoDB - Visual Studio Code - Thiết kế: Figma Kết mong đợi: Website hoạt động ổn định, chức đáp ứng tốt Hướng phát triển đề tài: - Nâng cấp source code, tăng tốc độ xử lý Web nhanh chóng, ổn định - Nâng cấp giao diện, chuyển đổi chủ đề tối sáng, thêm chuyển đổi ngôn ngữ sang tiếng Anh - Nâng cấp chuyên sâu chức quản lý - Thêm chức chatbot hỗ trợ tư vấn người mua Kế hoạch làm việc: Thời gian thực từ ngày 28/2/2023 đến ngày 17/06/2023 Nhóm chia thành giai đoạn cụ thể: Giai đoạn 1: Khởi động dự án Gồm sprint với thời gian sprint kéo dài tuần: Thời gian: 27/2/2023 – 9/4/2023 Sprint 1: Đăng ký đề tài, soạn đề cương chi tiết Sprint 2: Khâu chuẩn bị tài liệu đặc tả cho đồ án Sprint 3: Xây dựng giao diện tính thêm xóa sửa Sprint Thời gian Cơng việc dự kiến Sprint 27/02/2023 – 12/03/2023 Đăng ký đề tài Tìm hiểu xác định phạm vi, hướng phát triển đề tài Tìm hiểu phân tích yêu cầu nghiệp vụ đề tài Viết tài liệu, đề cương chi tiết Sprint 13/03/2023 – 26/03/2023 Tìm hiểu công nghệ Xây dựng sơ đồ lớp Xây dựng sơ đồ use case Xây dựng sơ đồ ERD Tham khảo giao diện có sẵn thị trường Sprint 27/03/2023 – 9/04/2023 Tìm hiểu cơng nghệ Thiết kế giao diện, vẽ Xây dựng hệ thống CSDL Chuẩn bị báo cáo kỳ Giai đoạn 2: Phát triển trang web Gồm sprint với thời gian sprint kéo dài tuần: Thời gian: 24/04/2023 – 4/06/2023 Sprint 4: Xây dựng tính ứng dụng chuẩn bị báo cáo kỳ Sprint 5: Phát triển chức ứng dụng Sprint 6: Hồn thiện tính ứng dụng Sprint 7: Kiểm thử hồn thiện tính năng, triển khai ứng dụng Sprint Thời gian Công việc dự kiến Sprint 10/04/2023 – 23/04/2023 Xây dựng giao diện quản lý Liên kết CSDL Lập trình chức quản lý BackEnd Sprint 24/04/2023 – 7/05/2023 Xây dựng giao diện người dùng (khách cửa hàng) Phát triển tính người dùng (khách cửa hàng) Sprint 8/05/2023 – 21/05/2023 Tiếp tục phát triển tính cịn thiếu STT Tên phương thức Ý nghĩa/ghi Thêm Thêm nhóm quyền Sửa Sửa thơng tin nhóm quyền Xóa Xóa thơng tin nhóm quyền Xem chi tiết Xem chi tiết nhóm quyền QUYENTRUYCAP ● Danh sách thuộc tính STT Tên thuộc tính Kiểu Quyentruycap_ID string Ràng buộc Ý nghĩa Mã quyền truy cập Tenquyentruycap string Tên quyền truy cập KHACHHANG ● Danh sách thuộc tính STT Tên thuộc tính Kiểu Khachhang_I string Ràng buộc Ý nghĩa Mã khách D hàng Tenkhachhang string Tên khách hàng Sodienthoai string Chỉ bao gồm Số điện thoại số có độ dài từ 10-15 ký tự Diachi string Ngaytao date Địa Mặc định thời Ngày tạo gian khách hàng ● Danh sách phương thức STT Tên phương thức Ý nghĩa/ghi Thêm Thêm khách hàng Sửa Sửa thông tin khách hàng Xóa Xóa thơng tin khách hàng Xem chi tiết Xem chi tiết khách hàng Quan hệ SANPHAM_LOAISANPHAM STT Tên thuộc tính Kiểu Ràng buộc Ý nghĩa Sanpham_ID string Mỗi sản phẩm Mã sản phẩm phải có mã loại sản phẩm Loaisanpham_ID string Một mã loại Mã loại sản sản phẩm có phẩm thể thuộc nhiều sản phẩm SANPHAM_CHITIETHOADON STT Tên thuộc tính Kiểu Ràng buộc Ý nghĩa Sanpham_ID string Một nhiều Mã sản phẩm sản phẩm thuộc hóa đơn HoaDon_ID string Một hóa đơn Mã hóa đơn phải có tối thiểu sản phẩm NHANVIEN_SANPHAM STT Tên thuộc tính Kiểu Ràng buộc Ý nghĩa Taikhoan string Một nhân viên Tài nhân viên tạo nhiều sản phẩm Sanpham_ID string Một sản phẩm Mã sản phẩm tạo từ nhân viên NHANVIEN_HOADON STT Tên thuộc tính Kiểu Ràng buộc Ý nghĩa Taikhoan string Một nhân viên Tài khoản nhân tạo viên nhiều hóa đơn Hoadon_ID string Một hóa đơn Mã hóa đơn tạo từ nhân viên CHITIETHOADON_HOADON STT Tên thuộc tính Kiểu Ràng buộc Ý nghĩa CTHoadon_ID string Một chi tiết Mã chi tiết hóa hóa đơn phải thuộc hóa đơn Hoadon_ID đơn string Một hóa đơn Mã hóa đơn có chi tiết hóa đơn NHANVIEN_CHUCVU STT Tên thuộc tính Kiểu Ràng buộc Ý nghĩa Taikhoan string Một tài khoản nhân viên có chức vụ Tài khoản nhân viên Chucvu_ID string Một chức vụ có Mã chức vụ thể thuộc nhiều nhân viên CHUCVU_NHOMQUYEN STT Tên thuộc tính Kiểu Ràng buộc Ý nghĩa Chucvu_ID string Một chức vụ Mã chức vụ phải có nhóm quyền Chucvu_ID Quyentruycap_ID string Một nhóm quyền thuộc nhiều chức vụ QUYENTRUYCAP_NHOMQUYEN STT Tên thuộc tính Kiểu Ràng buộc Ý nghĩa Quyentruycap_ID string Một quyền truy Mã quyền truy cập thuộc nhóm quyền Chucvu_ID Quyentruycap_ID string Một nhóm quyền có nhiều quyền truy cập cập NHANVIEN_KHACHHANG STT Tên thuộc tính Kiểu Ràng buộc Ý nghĩa Taikhoan string Một tài khoản nhân viên tạo nhiều khách hàng Tài khoản nhân viên Khachhang_ID string Một khách Mã khách hàng hàng phải tạo từ tài khoản nhân viên KHACHHANG_HOADON STT Tên thuộc tính Kiểu Ràng buộc Ý nghĩa Khachhang_ID string Một khách hàng có nhiều hóa đơn Mã khách hàng Hoadon_ID string Một hóa đơn Mã hóa đơn phải có khách hàng 3.5 Thiết kế chatbot CHƯƠNG THIẾT KẾ, HIỆN THỰC GIAO DIỆN Danh sách các màn hình - Màn hình đăng nhập - Màn hình đăng ký - Màn hình trang chủ khách hàng - Màn hình trang chủ quản lý - Màn hình sản phẩm khách hàng - Màn hình giỏ hàng - Khung xem trước giỏ hàng - Màn hình đặt hàng - Màn hình danh sách sản phẩm - Màn hình thêm sản phẩm - Màn hình sửa sản phẩm - Màn hình chi tiết sản phẩm - Màn hình danh sách loại sản phẩm - Màn hình thêm loại sản phẩm - Màn hình sửa loại sản phẩm - Màn hình chi tiết loại sản phẩm - Màn hình danh sách khách hàng - Màn hình thêm khách hàng - Màn hình sửa khách hàng - Màn hình chi tiết khách hàng - Màn hình danh sách đơn hàng - Màn hình chốt đơn hàng - Màn hình thêm đơn hàng - Màn hình thống kê đơn hàng - Màn hình chi tiết đơn hàng - Màn hình danh sách viết - Màn hình thêm viết - Màn hình sửa viết - Màn hình chi tiết viết - Màn hình danh sách tài khoản - Màn hình thêm tài khoản - Màn hình sửa tài khoản - Màn hình chi tiết tài khoản Màn hình đăng nhập Hình 4.1: Màn hình đăng nhập Màn hình đăng ký Hình 4.2: Màn hình đăng ký Màn hình trang chủ khách hàng Hình 4.3: Màn hình trang chủ khách hàng Màn hình trang chủ quản lý Hình 4.4: Màn hình trang chủ quản lý Màn hình sản phẩm khách hàng Hình 4.5: Màn hình sản phẩm khách hàng Khung giỏ hàng Hình 4.5: Màn hình sản phẩm khách hàng Chương : KẾT LUẬN 4.1 Tổng kết Sau thực đề tài, em hoàn thành chức tác nhân như: ▪ Quản trị viên ▪ Khách hàng ▪ Khách hàng vãng lai ▪ chatbot ⇒ Đạt 90% kết nêu ban đầu 4.2 Kết đạt - Đầy đủ tính - UI đẹp mắt - Lập trình template phục vụ nhu cầu lập trình sau thuận tiện nhanh chóng - Có nhiều kiến thức để lập trình web với ReacJS NodeJS 4.3 Khó khăn hạn chế - Quỹ thời gian ít, đầu kỳ học tập trung có nhiều thời gian làm đồ án cuối kỳ phải xử lý thêm đồ án môn học khác nên phát triển hoàn thiện sản phẩm đồ án - Chưa phát triển tính tiên hệ thống tư vấn trực tuyến tích hợp chatbot - Chưa có responsive tảng mobile Chương : HƯỚNG PHÁT TRIỂN Đồ án có nhiều tiềm phát triển tương lai như: - Bổ sung đầy đủ đa dạng chức khách hàng - Responsive đầy đủ hình tăng tính ổn định - Phát triển hệ thống gợi ý sản phẩm tích hợp chatbot ​ TÀI LIỆU THAM KHẢO Các Công nghệ tiêu biểu sử dụng trình phát triển [1] UnityEngine: https://unity.com/ [2] Blender: https://www.Blender.org/ [3] Visual Studio: https://visualstudio.microsoft.com/ Tài liệu hướng dẫn ngơn ngữ lập trình [4] C# Doc: https://learn.microsoft.com/en-us/dotnet/csharp/ [5] UnityDoc: https://docs.unity3d.com/Manual/index.html Tài liệu code mẫu tham khảo q trình xây dựng hệ thống logic trị chơi [6] UnityForum: https://forum.unity.com/ [7] SaiChannel: https://www.youtube.com/@SaiGame/featured [8] stackoverflow: https://stackoverflow.com/