Đồ án xây dựng website quản lý tiệm bánh

ĐẠ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 QUẢN LÝ TIỆM BÁNH GV HƯỚNG DẪN: TH.S TRẦN THỊ HỒNG YẾN SV THỰC HIỆN: NGUYỄN VĂN HÊN - 20520179 PHAN TRƯỜNG HUY - 20520206 TP HỒ CHÍ MINH, 2023 ĐẠ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 QUẢN LÝ TIỆM BÁNH GV HƯỚNG DẪN: TH.S TRẦN THỊ HỒNG YẾN SV THỰC HIỆN: NGUYỄN VĂN HÊN - 20520179 PHAN TRƯỜNG HUY - 20520206 TP HỒ CHÍ MINH, 2023 LỜI CẢM ƠN Đồ án “Xây dựng website Quản lý tiệm bánh” sản phẩm mà nhóm bỏ nhiều tâm huyết để hoàn thiện Bên cạnh đó, khơng thể khơng nhắc đến hỗ trợ, đóng góp từ q thầy Nhóm muốn gửi lời cảm ơn sâu sắc đến Ths.Trần Thị Hồng Yến tận tình hướng dẫn, đưa góp ý, định hướng để nhóm hồn thành đồ án Nhóm biết ơn ghi nhớ học Ngồi ra, nhóm xin gửi lời cảm ơn đến quý thầy cô trường Đại học Công nghệ Thông tin - người mang đến cho nhóm kỹ năng, kiến thức cần thiết góp phần khơng nhỏ vào trình thực đồ án Trong trình thực đồ án, nhóm gặp sai sót, nhóm mong nhận góp ý, hỗ trợ từ để hồn thiện đồ án đồ án tương lai TP.HCM, ngày 29 tháng 06 năm 2023 Nhóm sinh viên thực Nguyễn Văn Hên – Phan Trường Huy MỤC LỤC TÓM TẮT ĐỒ ÁN 11 Chương GIỚI THIỆU ĐỀ TÀI 13 1.1 Tên đồ án .13 1.2 Lí chọn đề tài 13 1.3 Mục đích đề tài 13 1.4 Phạm vi đề tài 14 1.5 Những vấn đề tồn 15 1.6 Những vấn đề mà đề tài tập trung 15 Chương CƠ SỞ LÍ THUYẾT 16 2.1 Công cụ sử dụng 16 2.2 Mơ hình Client-Server [2] 16 2.3 Phương pháp thực 18 Chương PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 20 3.1 Khảo sát trạng 20 3.2 Xác định mơ hình hóa u cầu .21 3.2.1 Xác định yêu cầu .21 3.2.2 Mô hình hóa u cầu 26 3.3 Thiết kế sở liệu 63 3.3.1 Sơ đồ lớp mức phân tích 63 3.3.2 Thiết kế liệu lưu trữ 75 Chương XÂY DỰNG WEBSITE .76 4.1 Sơ đồ hình 76 4.2 Danh sách hình 76 4.2.1 Màn hình Trang chủ 79 4.2.2 Màn hình Sản phẩm 81 4.2.3 Màn hình Tìm kiếm 83 4.2.4 Màn hình Liên hệ 84 4.2.5 Màn hình Về H&H 85 4.2.6 Màn hình Chi tiết sản phẩm 86 4.2.7 Màn hình Giỏ hàng 88 4.2.8 Màn hình Điền thông tin giao hàng 90 4.2.9 Màn hình Phương thức tốn 91 4.2.10 Màn hình Đăng nhập 92 4.2.11 Màn hình Đăng ký .93 4.2.12 Màn hình Thơng tin tài khoản 94 4.2.13 Màn hình Quên mật 95 4.2.14 Màn hình Quản lý loại sản phẩm 96 4.2.15 Màn hình Quản lý sản phẩm .97 4.2.16 Màn hình Quản lý lô hàng 98 4.2.17 Màn hình Quản lý đơn hàng 99 4.2.18 Màn hình Quản lý giao hàng 100 4.2.19 Màn hình Quản lý khách hàng 101 4.2.20 Màn hình Quản lý khuyến 102 4.2.21 Màn hình Quản lý báo cáo 103 4.2.22 Màn hình Quản lý liên hệ 104 4.2.23 Màn hình Quản lý Feedback 105 4.2.24 Màn hình Quản lý phân quyền người dùng .106 4.2.25 Màn hình Quản lý phân quyền nhóm người dùng 107 4.2.26 Màn hình Quản lý phân quyền quyền người dùng 108 Chương KẾT LUẬN 109 5.1 Ưu, nhược điểm nhóm 109 5.1.1 Ưu điểm 109 5.1.2 Nhược điểm .109 5.2 Những kết đạt 110 5.3 Hướng phát triển đề xuất 111 5.3.1 Về mặt khách hàng tiệm bánh 111 5.3.2 Về mặt quản lý tiệm bánh 112 TÀI LIỆU THAM KHẢO 114 MỤC LỤC HÌNH Hình 2.1 Mơ hình Client-Server .16 Hình 3.1 Lược đồ Use-case quản lý tài khoản 32 Hình 3.2 Lược đồ Use-case quản lý sản phẩm 32 Hình 3.3 Lược đồ Use-case quản lý đặt hàng 33 Hình 3.4 Lược đồ Use-case quản lý báo cáo 34 Hình 3.5 Sơ đồ lớp mức phân tích 63 Hình 3.6 Sơ đồ sở liệu hoàn chỉnh 75 Hình 4.1 Sơ đồ hình 76 Hình 4.2 Màn hình Trang chủ 79 Hình 4.3 Màn hình Sản phẩm 81 Hình 4.4 Màn hình Tìm kiếm 83 Hình 4.5 Màn hình Liên hệ .84 Hình 4.6 Màn hình Về H&H .85 Hình 4.7 Màn hình Chi tiết sản phẩm .86 Hình 4.8 Màn hình Giỏ hàng 88 Hình 4.9 Màn hình Điền thơng tin giao hàng 91 Hình 4.10 Màn hình Phương thức toán 91 Hình 4.11 Màn hình Đăng nhập 92 Hình 4.12 Màn hình Đăng ký 93 Hình 4.13 Màn hình Thơng tin tài khoản 94 Hình 4.14 Màn hình Quên mật 95 Hình 4.15 Màn hình Quản lý loại sản phẩm .96 Hình 4.16 Màn hình Quản lý sản phẩm 97 Hình 4.17 Màn hình Quản lý lơ hàng 98 Hình 4.18 Màn hình Quản lý đơn hàng 99 Hình 4.19 Màn hình Quản lý giao hàng 100 Hình 4.20 Màn hình Quản lý khách hàng .101 Hình 4.21 Màn hình Quản lý khuyến .102 Hình 4.22 Màn hình Quản lý báo cáo .103 Hình 4.23 Màn hình Quản lý liên hệ .104 Hình 4.24 Màn hình Quản lý Feedback (phản hồi) 105 Hình 4.25 Màn hình Quản lý phân quyền người dùng 106 Hình 4.26 Màn hình Quản lý phân quyền nhóm người dùng 107 Hình 4.27 Màn hình Quản lý phân quyền quyền người dùng .108 MỤC LỤC BẢNG Bảng 1.1 Danh sách chức 14 Bảng 3.1 Bảng so sánh sản phẩm tương tự thị trường 20 Bảng 3.2 Danh sách yêu cầu Nghiệp vụ .21 Bảng 3.3 Danh sách yêu cầu tiến hóa 21 Bảng 3.4 Bảng trách nhiệm yêu cầu tiến hóa 21 Bảng 3.5 Danh sách yêu cầu hiệu 22 Bảng 3.6 Bảng trách nhiệm yêu cầu hiệu 22 Bảng 3.7 Danh sách yêu cầu tiện dụng .23 Bảng 3.8 Bảng trách nhiệm yêu cầu tiện dụng 24 Bảng 3.9 Danh sách yêu cầu tương thích 24 Bảng 3.10 Bảng trách nhiệm yêu cầu tương thích 24 Bảng 3.11 Danh sách yêu cầu an toàn 25 Bảng 3.12 Bảng trách nhiệm yêu cầu an toàn 25 Bảng 3.13 Danh sách yêu cầu bảo mật .25 Bảng 3.14 Bảng trách nhiệm yêu cầu bảo mật 26 Bảng 3.15 Bảng danh sách chức thức 26 Bảng 3.16 Bảng mô tả tác nhân 27 Bảng 3.17 Bảng danh sách Use-case chung cho Actor 28 Bảng 3.18 Bảng danh sách Use-case cho khách hàng 29 Bảng 3.19 Bảng danh sách Use-case cho người doanh nghiệp .30 Bảng 3.20 Bảng danh sách Use-case cho quản trị viên 31 Bảng 3.21 Đặc tả Use-case C-UC01 34 Bảng 3.22 Đặc tả Use-case C-UC02 36 Bảng 3.23 Đặc tả Use-case C-UC03 37 Bảng 3.24 Đặc tả Use-case C-UC04 38 Bảng 3.25 Đặc tả Use-case C-UC05 40 Bảng 3.26 Đặc tả Use-case KH-UC01 41 Bảng 3.27 Đặc tả Use-case KH-UC02 42 Bảng 3.28 Đặc tả Use-case KH-UC03 43 Bảng 3.29 Đặc tả Use-case KH-UC04 44 Bảng 3.30 Đặc tả Use-case KH-UC05 46 Bảng 3.31 Đặc tả Use-case KH-UC06 47 Bảng 3.32 Đặc tả Use-case KH-UC07 48 Bảng 3.33 Đặc tả Use-case KH-UC08 49 Bảng 3.34 Đặc tả Use-case ĐH-UC01 50 Bảng 3.35 Đặc tả Use-case ĐH-UC02 52 Bảng 3.36 Đặc tả Use-case ĐH-UC03 53 Bảng 3.37 Đặc tả Use-case ĐH-UC04 54 Bảng 3.38 Đặc tả Use-case ĐH-UC05 55 Bảng 3.39 Đặc tả Use-case ĐH-UC06 56 Bảng 3.40 Đặc tả Use-case NV-UC01 58 Bảng 3.41 Đặc tả Use-case NV-UC02 59 Bảng 3.42 Đặc tả Use-case NV-UC03 60 Bảng 3.43 Đặc tả Use-case ADM-UC01 61 Bảng 3.44 Danh sách lớp đối tượng quan hệ 63 Bảng 3.45 Đối tượng LOAISANPHAM (productType) 65 Bảng 3.46 Đối tượng SANPHAM (product) 66 Bảng 3.47 Đối tượng LOBANH (batch) 67 Bảng 3.48 Đối tượng KHUYENMAI (sale) .67 Bảng 3.49 Đối tượng PHANHOI (feedback) 68 Bảng 3.50 Đối tượng GIOHANG (cart) 68 Bảng 3.51 Đối tượng HOADON (bill) .69 Bảng 3.52 Đối tượng KHACHHANG 69 Bảng 3.53 Đối tượng GIAOHANG 70 Bảng 3.54 Đối tượng PHUONGTHUCTHANHTOAN (payment) 71 Bảng 3.55 Đối tượng NGUOI 71 Bảng 3.56 Đối tượng USER 71 4.2.18.Màn hình Quản lý giao hàng Hình 4.19 Màn hình Quản lý giao hàng Màn hình Quản lý giao hàng cho phép nhân viên xem danh sách đơn giao có Nhân viên xem chi tiết đơn giao, thay đổi trạng thái đơn giao hủy đơn giao cần 100 4.2.19.Màn hình Quản lý khách hàng Hình 4.20 Màn hình Quản lý khách hàng Màn hình Quản lý khách hàng cho phép nhân viên xem danh sách khách hàng có hệ thống Nhân viên xem chi tiết thơng tin liên quan tới khách hàng vơ hiệu hóa khách hàng cần 101 4.2.20.Màn hình Quản lý khuyến Hình 4.21 Màn hình Quản lý khuyến Màn hình Quản lý khuyến cho phép nhân viên xem danh sách khuyến Nhân viên xem chi tiết, cập nhật khuyến mãi, thêm hủy khuyến cần 102 4.2.21.Màn hình Quản lý báo cáo Hình 4.22 Màn hình Quản lý báo cáo Màn hình Quản lý báo cáo cho phép nhân viên xem báo cáo doanh thu tình hình bán bánh website Màn hình cho phép xem tổng doanh thu doanh thu sau trừ khuyến Doanh thu thống kế theo năm, theo tháng chi tiết theo ngày Tại hình xem sản phẩm bán sản phẩm bị hao hụt hết hạn 103 4.2.22.Màn hình Quản lý liên hệ Hình 4.23 Màn hình Quản lý liên hệ Màn hình Quản lý liên hệ cho phép nhân viên xem liên hệ, khiếu nại, đóng góp từ khách hàng Số lượng liên hệ “Chưa đọc” hiển thị điều hướng bên phải hình Nhân viên mở chi tiết liên hệ để đọc thêm cập nhật tình trạng liên hệ thành “Đã đọc” Nhân viên gửi mail phản hồi tới khách hàng thơng qua địa mail mà khách hàng để lại 104 4.2.23.Màn hình Quản lý Feedback Hình 4.24 Màn hình Quản lý Feedback (phản hồi) Màn hình Quản lý Feedback cho phép nhân viên quản lý Feedback (bình luận) sản phẩm khách hàng Nhân viên xem chi tiết xóa Feedback (bình luận) khơng phù hợp cần 105 4.2.24.Màn hình Quản lý phân quyền người dùng Hình 4.25 Màn hình Quản lý phân quyền người dùng Màn hình Quản lý phân quyền người dùng cho phép người quản trị xem danh sách nhân viên có quyền hệ thống Người quản trị xem chi tiết, cập nhật nhân viên vô hiệu hóa cần Quản trị viên bên cạnh thêm nhân viên vào hệ thống 106 4.2.25.Màn hình Quản lý phân quyền nhóm người dùng Hình 4.26 Màn hình Quản lý phân quyền nhóm người dùng Màn hình Quản lý phân quyền nhóm người dùng cho phép Quản trị viên xem danh sách nhóm người dùng có hệ thống danh sách người dùng thuộc nhóm Quản trị viên xem chi tiết, cập nhật nhóm, cấp quyền cho nhóm cung thêm xóa nhóm, thêm xóa người dùng khỏi nhóm 107 4.2.26.Màn hình Quản lý phân quyền quyền người dùng Hình 4.27 Màn hình Quản lý phân quyền quyền người dùng Màn hình Quản lý phân quyền quyền người dùng cho phép quản trị viên xem danh sách quyền có hệ thống Quản trị viên xem chi tiết quyền, cập nhận thêm, xóa quyền cần 108 Chương 5.1 KẾT LUẬN Ưu, nhược điểm nhóm 5.1.1 Ưu điểm - Các thành viên nhóm khơng người làm việc chung qua nhiều đồ án mơn học, mà cịn người bạn đồng hành, vượt qua thách thức khó khăn Sự phối hợp làm việc nhóm thành viên khơng dừng lại mức cao, mà cịn tiếp tục nâng cao qua dự án, qua trải nghiệm chung - Mỗi thành viên nhóm sở hữu mạnh riêng biệt, tạo nên đa dạng, phong phú kỹ kiến thức Điều giúp thành viên bổ trợ cho cách hiệu quả, từ tạo sản phẩm chất lượng cao Dù Back-end hay Front-end, người đóng góp phần quan trọng vào thành cơng nhóm - Nhóm khơng sử dụng cơng nghệ, mà cịn tìm hiểu sâu NextJS Firebase khơng cơng nghệ tiếng, mà cịn cơng nghệ mạnh mẽ, có cộng đồng hỗ trợ rộng lớn - Bên cạnh đó, nhóm cịn khơng ngừng nghiên cứu cập nhật công nghệ mới, nhằm nâng cao chất lượng sản phẩm tối ưu hóa q trình làm việc Nhóm tin rằng, có cải tiến khơng ngừng nghỉ giúp nhóm tiến xa đường phát triển 5.1.2 Nhược điểm - Đề tài quản lý tiệm bánh chủ đề mẻ giới công nghệ thông tin Điều tạo thách thức lớn cho nhóm cố gắng tìm kiếm điểm đặc biệt, tính lạ để phân biệt sản phẩm với sản phẩm khác thị trường Điều đòi hỏi nhóm phải sáng tạo tư sâu sắc nhu cầu thực tế người dùng 109 - Đây lần nhóm tiếp xúc sử dụng công nghệ dự án Điều dẫn đến việc nhóm phải dành nhiều thời gian để nghiên cứu, học hỏi thích nghi với cơng nghệ Đồng thời, việc sử dụng công nghệ không với tiêu chuẩn mà công nghệ đề ra, nhiều chức code cịn mang tính đối phó, hoạt động dẫn đến khó bảo trì, nâng cấp Điều khơng tạo khó khăn q trình phát triển sản phẩm, mà ảnh hưởng đến khả bảo dưỡng nâng cấp sản phẩm sau - Nhóm đặt phạm vi dự án lớn, vượt khả kỹ nhóm thời điểm Điều tạo khó khăn việc lập kế hoạch làm việc, đảm bảo tiến độ chất lượng dự án Nhóm nhận việc đặt mục tiêu cao dẫn đến cân đối kỳ vọng thực tế, làm giảm hiệu công việc - Do chưa có kinh nghiệm thực tế việc quản lý tiệm bánh, nhóm gặp khó khăn việc hiểu giải nghiệp vụ liên quan Đôi khi, nhóm làm phức tạp hóa vấn đề, dẫn đến việc nhiều thời gian công sức cần thiết - Nhóm chưa thực khảo sát nghiệp vụ cách kỹ lưỡng, dẫn đến việc có nhiều mảng phải tự tư duy, suy nghĩ Điều không tạo áp lực cho nhóm, mà cịn khiến cho sản phẩm cuối không đáp ứng xác doanh nghiệp người dùng thực cần Nhóm nhận việc hiểu rõ nhu cầu người dùng yếu tố quan trọng để tạo sản phẩm thực hữu ích phù hợp 5.2 - Những kết đạt Trong q trình thực dự án, nhóm có hội làm quen sử dụng công nghệ ReactJS, NextJS Firebase Đây công nghệ đại mạnh mẽ, sử dụng rộng rãi việc phát triển ứng dụng web Nhóm học cách sử dụng ReactJS để xây dựng giao diện người 110 dùng, NextJS để tạo ứng dụng web đa trang Firebase để quản lý liệu xác thực người dùng - Nhóm đạt kinh nghiệm làm việc nhóm quy trình làm việc Scrum quý báu trình thực đồ án Việc làm việc nhóm giúp nhóm học hỏi, trao đổi kiến thức kinh nghiệm từ Quy trình làm việc Scrum giúp nhóm quản lý cơng việc cách hiệu quả, đảm bảo tiến độ chất lượng dự án - Cuối cùng, nhóm tạo sản phẩm Website quản lý tiệm bánh với hệ thống chức hoàn thiện, đáp ứng nhu cầu tiệm bánh nhỏ Sản phẩm nhóm khơng giúp tiệm bánh quản lý cơng việc cách hiệu hơn, mà mang lại trải nghiệm tốt cho người dùng 5.3 Hướng phát triển đề xuất 5.3.1 Về mặt khách hàng tiệm bánh - Nâng cao khả tùy chỉnh thân người dùng: Hiện tại, khả tùy chỉnh thân người dùng chưa cao Để cải thiện điều này, nhóm đề xuất phát triển thêm chức phép người dùng quản lý thông tin thân cá nhân hóa trải nghiệm họ - Tăng cường bảo mật thông tin người dùng: Website nhóm chưa có chế bảo mật thông tin người dùng Để giải vấn đề này, nhóm đề xuất phát triển hệ thống bảo mật trang website theo chuẩn quốc tế - Cho phép khách hàng cá nhân hóa trang trí bánh vật liệu: Điều giúp tăng cường trải nghiệm khách hàng tạo khác biệt cho sản phẩm nhóm so với đối thủ cạnh tranh - Tích hợp AI hỗ trợ người dùng: AI giúp cải thiện trải nghiệm người dùng cách hỗ trợ họ việc tìm kiếm sản phẩm, đặt hàng giải vấn đề khác - Áp dụng SEO vào Website để tăng tính hiển thị cơng cụ tìm kiếm: Việc tối ưu hóa SEO giúp website nhóm đạt vị trí cao 111 trang kết tìm kiếm, từ thu hút nhiều khách hàng tiềm - Mở rộng hệ thống toán với nhiều lựa chọn toán thẻ ngân hàng, tốn loại ví điện tử: Việc giúp khách hàng có nhiều lựa chọn việc tốn, từ tăng cường trải nghiệm họ mua hàng website nhóm 5.3.2 Về mặt quản lý tiệm bánh - Hệ thống quản lý kho: Hệ thống quản lý kho đơn giản Có thể cân nhắc thêm chức khả nhập / xuất file Excel Điều cho phép theo dõi dễ dàng mức độ tồn kho, doanh số bán hàng liệu quan trọng khác Nó giúp với việc dự báo, giúp tiệm bánh tránh việc tồn kho mức hết hàng - Hệ thống quản lý người dùng: Hệ thống quản lý người dùng đơn sơ cần cải thiện Điều bao gồm việc thêm hồ sơ người dùng chi tiết hơn, bao gồm sở thích lịch sử mua hàng Nó bao gồm việc thêm tính để giúp quản lý quyền vai trị người dùng, điều hữu ích tiệm bánh có nhiều nhân viên truy cập vào hệ thống - Hệ thống quản lý giao / nhận hàng: Có thể đáng xem xét việc nghiên cứu tích hợp hệ thống quản lý giao / nhận hàng vào trang web Điều cho phép tiệm bánh tự quản lý giao hàng mình, cung cấp kiểm sốt lớn q trình giao hàng Nó bao gồm tính theo dõi giao hàng theo thời gian thực, quản lý lộ trình giao hàng cung cấp cho khách hàng thời gian giao hàng dự kiến - Mở rộng hệ thống quản lý: Nếu tiệm bánh có nhiều chi nhánh, hữu ích mở rộng hệ thống quản lý để đáp ứng điều Điều bao gồm việc thêm tính để quản lý tồn kho, doanh số giao hàng nhiều 112 địa điểm Nó bao gồm việc thêm tính báo cáo để cung cấp nhìn tổng quan hiệu suất tất chi nhánh - Tối ưu hóa tự động hóa: Để cải thiện hiệu quả, hữu ích tối ưu hóa tự động hóa số quy trình hệ thống Điều bao gồm việc tự động hóa tác vụ thơng báo hết hàng kho, tạo báo cáo bán hàng gửi email tiếp thị cho khách hàng Tối ưu hóa bao gồm việc cải thiện giao diện người dùng, tăng tốc độ hệ thống cải thiện tích hợp phần khác hệ thống 113 TÀI LIỆU THAM KHẢO Tài liệu Tiếng Anh [1] GeeksforGeeks (2022) Client Server Model GeeksforGeeks https://www.geeksforgeeks.org/client-server-model/ (accessed April 1st, 2023) Tài liệu Tiếng Việt [2] “Client server LÀ GÌ? Tìm hiểu MƠ hình client server TỪ a - Z,” FPT Smart Cloud, https://fptcloud.com/client-server/ (Truy cập lần cuối 20/04/2023) [3] Mona Media (2023) Thiết kế website cửa hàng bánh – cửa hàng kem đẹp ngào Mona Media https://mona.media/thiet-ke-website-cuahang-banh-ngot/ (Truy cập lần cuối 20/04/2023) [4] Thinh N H P (2021) Viết đặc tả Use Case đơn giản hiệu quả? Thinhnotes https://thinhnotes.com/chuyen-nghe-ba/viet-dac-ta-use-case-saodon-gian-nhung-hieu-qua/ (Truy cập lần cuối 20/04/2023) 114