Xây dựng website kinh doanh coffee

ĐẠ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 -🙞🙜🕮🙞🙜 - BÁO CÁO ĐỒ ÁN ĐỀ TÀI: XÂY DỰNG WEBSITE KINH DOANH COFFEE GVHD: Huỳnh Tuấn Anh Sinh viên thực hiện: Huỳnh Minh Nhật - 19521952 Nguyễn Cao Việt Hòa - 19520552 TP.Thủ Đức, tháng 12 năm 2022 LỜI CẢM ƠN Lời đầu tiên, chúng em xin cảm ơn thầy cô 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ạo điều kiện tốt cung cấp kiến thức cần thiết để hồn thành mơn đồ án Chúng em xin gửi lời cảm ơn sâu sắc đến thầy Huỳnh Tuấn Anh, người hỗ trợ, hướng dẫn nhóm tạo điều kiện tốt để nhóm hồn thành đề tài nghiên cứu Trong trình thực đồ án, với hỗ trợ nhiệt tình thầy, cuối nhóm chúng em hồn thiện kiến thức cần thiết thông qua việc nghiên cứu học hỏi kiến thức Chúng em vui nhận ý kiến đóng góp thầy đề tài nhóm, chúng em cố gắng ngày hồn thiện tương lai tiếp tục học tập chăm để đạt kết tốt Cuối cùng, xin kính chúc thầy cô giảng viên môn Công nghệ Phần mềm thầy Huỳnh Tuấn Anh ln có sức khỏe dồi dào, sống hạnh phúc, tiếp tục hoàn thành sứ mệnh cao truyền thụ tri thức cho hệ mai sau Xin chân thành cảm ơn quí thầy cô! NHẬN XÉT (Của giáo viên hướng dẫn) DANH SÁCH THÀNH VIÊN NHÓM Tên thành viên MSSV Huỳnh Minh Nhật 19521952 Nguyễn Cao Việt Hòa 19520552 MỤC LỤC CHƯƠNG TỔNG QUAN ĐỀ TÀI 1.1 Đặt vấn đề 1.2 Giải pháp 1.3 Mục tiêu đề tài 1.4 Phạm vi đề tài 1.5 Công cụ sử dụng 1.6 Đối tượng nghiên cứu 1.7 Khảo sát, đánh giá ứng dụng quản lý dự án có: Highland Coffee CHƯƠNG TỔNG QUAN CÔNG NGHỆ 2.1 Phương pháp làm việc 2.2 Phương pháp nghiên cứu 2.3 Phương pháp công nghệ tảng 2.4 Giới thiệu Spring Boot, ReactJs TypeScript CHƯƠNG KHẢO SÁT VÀ PHÂN TÍCH ĐẶC TẢ YÊU CẦU 3.1 Khảo sát trạng 3.1.1 Phương pháp khảo sát 3.2 Danh sách yêu cầu có ứng dụng 11 CHƯƠNG PHÂN TÍCH HỆ THỐNG 12 4.1 Phân loại yêu cầu phần mềm 12 4.1.1 Yêu cầu hệ thống 12 4.1.2 Yêu cầu nghiệp vụ 12 4.2 Bảng trách nhiệm cho loại yêu cầu 12 4.2.1 Bảng trách nhiệm yêu cầu nghiệp vụ 12 4.2.2 Bảng trách nhiệm yêu cầu chất lượng 13 CHƯƠNG THIẾT KẾ HỆ THỐNG 14 5.1 Sơ đồ User case tổng quát 14 5.1.1 Yêu cầu tổng quát 14 CHƯƠNG THIẾT KẾ DỮ LIỆU 53 6.1 Sơ đồ logic hoàn chỉnh 53 6.2 Danh sách bảng liệu sơ đồ logic 53 6.3 Mô tả bảng liệu 53 6.3.1 Bảng Product 54 6.3.2 Bảng ProductGroup 54 6.3.3 Bảng Currency 54 6.3.4 Bảng Role 54 6.3.5 Bảng Operation 55 6.3.6 Bảng UserGroup 55 6.3.7 Bảng User 55 6.3.8 Bảng Order 55 6.3.9 Bảng OrderProduct 55 6.3.2 Bảng Discount 55 6.3.2 Bảng User_Discount 55 CHƯƠNG 7: THIẾT KẾ GIAO DIỆN 56 7.1 Sơ đồ liên kết hình 56 7.2 Mơ tả hình 58 7.2.1 Màn hình Đăng nhập 59 7.2.2 Màn hình Đăng ký 60 7.2.3 Màn hình Quên mật 62 7.2.4 Màn hình Thơng tin cá nhân 62 7.2.5 Màn hình Chính 63 7.2.6 Màn hình Menu 64 7.2.7 Màn hình Màn hình cửa hàng 65 7.2.8 Màn hình Giỏ hàng 66 7.2.9 Màn hình Đổi mật 67 7.2.10 Màn hình Xác nhận toán 68 7.2.11 Màn hình Order 69 7.2.12 Màn hình Order Product 70 7.2.13 Màn hình User Discount 71 7.2.14 Màn hình Products 73 7.2.15 Màn hình Product Group 74 7.2.16 Màn hình Discount 75 7.2.17 Màn hình Currency 75 7.2.18 Màn hình Role 76 7.2.19 Màn hình Users 77 7.2.20 Màn hình User Groups 78 7.2.21 Màn hình Operation 79 CHƯƠNG 8: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 85 8.1 Kết 85 8.2 Hạn chế 85 8.3 Hướng phát triển 85 8.4 Kết luận 85 BÁO CÁO KẾT QUẢ LÀM VIỆC NHÓM VÀ BẢNG ĐIỂM 87 CHƯƠNG TỔNG QUAN ĐỀ TÀI 1.1 Đặt vấn đề • Ngày nay, phát triển cơng nghệ thông tin với đời hàng loạt thiết bị điện tử điện thoại, laptop, … gia tăng với tốc độ chóng mặt Chúng xem cầu nối quan trọng tương lai, khiến cho công nghệ thông tin trở thành ngành phát triển bậc Thế giới • Hiện tại, ngày nhiều người biết đến hàng quán bán coffee khác Tuy nhiên, số lớn người muốn thưởng thức coffee có quỹ thời gian hạn hẹp khơng thể đến qn thường xun • Nhận thấy nhu cầu trên, với phát triển công nghệ thơng tin nhóm chúng em định chọn đề tài “XÂY DỰNG WEBSITE KINH DOANH COFFEE” (đồ án thầy Huỳnh Tuấn Anh nắm vai trò giảng viên hướng dẫn) 1.2 Giải pháp Để hồn thành đề tài, nhóm chúng em nghiên cứu nội dung sau: • Tìm hiểu ngơn ngữ Java framework Spring để hỗ trợ cho việc lập trình backend • Tìm hiểu Html,Css,ReactJs,TypeScript để hỗ trợ cho việc lập trình frontend • Tìm hiểu UI/UX design, design thinking công cụ thiết kế Adobe illustrator, Adobe photoshop, Figma để hỗ trợ thiết kế giao diện cho ứng dụng • Nghiên cứu việc nhu cầu người cần sử dụng sản phẩm liên quán đến coffee, nghiện cứu công ty đối thủ cạnh tranh trực tiếp gián tiếp thị trường, thơng tin để tối ưu hố trải nghiệm người dùng mang tính lơi kéo người dùng sử dụng ứng dụng lâu dài 1.3 Mục tiêu đề tài Mục tiêu thực hóa kiến thức nghiên cứu áp dụng chúng q trình thực đồ án Một website hồn thiện mặt giao diện, xác xử lý thuật toán mang cho người sử dụng trải nghiệm người dùng tốt Xây dựng website hỗ trợ mua hàng cho người có thời gian đến qn • Thực chức quản trị thơng tin liên quan đến ứng dụng… • Các animation thực tác vụ ứng dụng 1.4 Phạm vi đề tài • Vì q trình xây dựng ứng dụng thực đề tài có giới hạn, với mảng kiến thức Spring ReactJs lớn, nên nhóm xác định phạm vi đề tài thực chức animation ứng dụng đồng thời đánh giá khía cạnh hiệu việc sử dụng ứng dụng, ưu nhược điểm ứng dụng • Phạm vi người dùng: Hướng đến đối tượng nhóm người dùng cuối cá nhân Phạm vi người dùng mở rộng tương lai ứng dụng có độ bao qt khía cạnh liên quan • Phạm vị mơi trường: Mơi trường website • Phạm vi chức năng: Cung cấp chức xem thông tin sản phẩm, xem sử dụng khuyến mãi, xem thông tin cửa hàng trực thuộc doanh nghiệp Bên cạnh cung cấp chức đặt hàng cho khách hàng đăng ký, đăng nhập, lấy lại mật Đối với quản trị viên dùng để quản trị(CRUD) thông tin liên quan ứng dụng Hệ thống có chức phân quyền cho loại tài khoản khác Màn hình khuyến mãi: Màn hình thơng tin cá nhân: 74 Màn hình đổi mật khẩu: Màn hình xác nhận đơn hàng: 75 Màn hình Order: Màn hình Order Product: 76 Màn hình User_Discount: Màn hình Product: 77 Màn hình Product Group: Màn hình Discount: 78 Màn hình currency: Màn hình Role: 79 Màn hình Users: Màn hình User Groups: 80 Màn hình Operation: CHƯƠNG 8: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 8.1 Kết • Ứng dụng thực chức ứng dụng bán coffee quản lý 81 • Xây dựng ứng dụng có UX/UI thân thiện với người dùng, dễ dàng phù hợp với lứa tuổi • Việc sử dụng ứng dụng dễ dàng, có hướng dẫn chi tiết lúc dùng • Có thể tương tác nhiều người với • Quản lý liệu dễ dàng • Tìm kiếm thơng tin nhanh chóng 8.2 Hạn chế • Chưa thể dùng cho dự án lớn • Một số nghiệp vụ cịn chưa hồn chỉnh 8.3 Hướng phát triển Trong tương lai, chúng em hoàn thiện chức chưa đáp ứng tốt yêu cầu người dùng, mở rộng thêm số tính đăng nhập với Google 8.4 Kết luận Phần mềm chúng em đáp ứng đầy đủ chức Bên cạnh đó, chúng em học thêm kỹ mềm kỹ giao tiếp trình 82 học online, offline, kỹ làm việc nhóm, khả quản lý kỹ khác để giúp ích cho chúng em tương lai 83 BÁO CÁO KẾT QUẢ LÀM VIỆC NHĨM VÀ BẢNG ĐIỂM Mơn học: Đồ án (SE121.M11 PMCL) HKII – Năm học: 2021–2022 Đồ án: WEBSITE KINH DOANH COFFEE STT Công việc Chọn đề tài Phân tích yêu cầu Thiết lập actor, chức Vẽ sơ đồ Use - case Viết SRD Viết đặc tả Use - case Xây dựng kiến thức Thiết kế giao diện Thiết kế sở liệu Người đảm nhận Trạng thái Huỳnh Minh Nhật Nguyễn Cao Việt Hịa Hồn thành Huỳnh Minh Nhật Nguyễn Cao Việt Hịa Hồn thành Huỳnh Minh Nhật Nguyễn Cao Việt Hịa Hồn thành Huỳnh Minh Nhật Nguyễn Cao Việt Hịa Hồn thành Huỳnh Minh Nhật Nguyễn Cao Việt Hịa Hồn thành Huỳnh Minh Nhật Nguyễn Cao Việt Hịa Hồn thành Huỳnh Minh Nhật Nguyễn Cao Việt Hịa Hồn thành Huỳnh Minh Nhật Nguyễn Cao Việt Hịa Hồn thành Huỳnh Minh Nhật Nguyễn Cao Việt Hịa Hồn thành 84 10 Cài đặt mơi trường 11 Xây dựng hình 12 Xử lý kiện 13 Xử lý điều hướng 14 Xử lý liệu 15 Kiểm thử ứng dụng 16 Viết báo cáo Huỳnh Minh Nhật Nguyễn Cao Việt Hịa Hồn thành Huỳnh Minh Nhật Nguyễn Cao Việt Hịa Hồn thành Huỳnh Minh Nhật Nguyễn Cao Việt Hịa Hồn thành Huỳnh Minh Nhật Nguyễn Cao Việt Hịa Hồn thành Huỳnh Minh Nhật Nguyễn Cao Việt Hịa Hồn thành Huỳnh Minh Nhật Nguyễn Cao Việt Hịa Hồn thành Huỳnh Minh Nhật Nguyễn Cao Việt Hịa Hoàn thành 85 TÀI LIỆU THAM KHẢO Spring Document: https://docs.spring.io/spring-framework/docs/current/reference/html/ Typescript Document: https://www.typescriptlang.org/docs/ 86 87 88 ... nhu cầu trên, với phát triển công nghệ thông tin nhóm chúng em định chọn đề tài “XÂY DỰNG WEBSITE KINH DOANH COFFEE? ?? (đồ án thầy Huỳnh Tuấn Anh nắm vai trò giảng viên hướng dẫn) 1.2 Giải pháp... cứu áp dụng chúng trình thực đồ án Một website hoàn thiện mặt giao diện, xác xử lý thuật tốn mang cho người sử dụng trải nghiệm người dùng tốt Xây dựng website hỗ trợ mua hàng cho người có thời... 1.7 Khảo sát, đánh giá ứng dụng cạnh tranh có: 1.7.1 Highlands Coffee Highlands Coffee • Highlands Coffee trang web bán sản phẩm coffee với nhiều sản phẩm dành cho người có thời gian đến quán