(Tiểu luận) dự án 1 thiết kế website g5 coffee 156 quang trung

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG CAO ĐẲNG THỰC HÀNH FPT POLYTECHNIC -0O0 DỰ ÁN Đề tài: Tên đề tài tiếng việt TÊN ĐỀ TÀI TIẾNG ANH Giáo viên hướng dẫn: Nguyễn Đức Tuấn Anh Sinh viên thực hiện: Nguyễn Tài Chuẩn Ph14556 Trần Nhật Đông Ph24528 Nguyễn Văn Khánh Ph16474 Vũ Văn Quyền Ph20946 Vương Danh Đức Ph29240 Lớp: CP18104 Hà Nội – 2023 h NHẬN XÉT (Của giáo viên hướng dẫn) …………………………………………………………………………………………………… …………………………………………………………………………………………………… …………………………………………………………………………………………………… …………………………………………………………………………………………………… …………………………………………………………………………………………………… …………………………………………………………………………………………………… …………………………………………………………………………………………………… …………………………………………………………………………………………………… …………………………………………………………………………………………………… …………………………………………………………………………………………………… …………………………………………………………………………………………………… …………………………………………………………………………………………………… …………………………………………………………………………………………………… …………………………………………………………………………………………………… …………………………………………………………………………………………………… …………………………………………………………………………………………………… …………………………………………………………………………………………………… …………………………………………………………………………………………………… …………………………………………………………………………………………………… ……………………………………………………………………………… Giáo viên hướng dẫn ký, ghi rõ họ tên NHẬN XÉT (Của hội đồng phản biện) Dự án Thiết kế website – Tên website h …………………………………………………………………………………………………… …………………………………………………………………………………………………… …………………………………………………………………………………………………… …………………………………………………………………………………………………… …………………………………………………………………………………………………… …………………………………………………………………………………………………… …………………………………………………………………………………………………… …………………………………………………………………………………………………… …………………………………………………………………………………………………… …………………………………………………………………………………………………… …………………………………………………………………………………………………… …………………………………………………………………………………………………… …………………………………………………………………………………………………… …………………………………………………………………………………………………… …………………………………………………………………………………………………… …………………………………………………………………………………………………… …………………………………………………………………………………………………… …………………………………………………………………………………………………… …………………………………………………………………………………………………… ……………………………………………………………………………… HĐ phản biện ký, ghi rõ họ tên MỤC LỤC MỤC LỤC LỜI MỞ ĐẦU GIẢI THÍCH THUẬT NGỮ 1.1 Giới thiệu đề tài .9 1.1.1 Khảo sát - xây dựng ý tưởng Dự án Thiết kế website – Tên website h 1.1.2 Kết luận 12 1.1.3 Hệ thống tương tự 12 1.1.4 Ý tưởng – Mục đích đề tài 14 1.1.5 Đối tượng tham gia vào dự án 14 Sơ đồ làm việc nhóm 14 2.1 Các công cụ công nghệ sử dụng 15 2.1.1 Các công cụ 15 2.1.2 Các công nghệ 15 PHẦN 2: PHÂN TÍCH NỘI DUNG – THIẾT KẾ HỆ THỐNG 16 3.1 Phân tích nội dung 16 3.1.1 Sơ đồ hệ thống .16 3.1.2 Mô tả nội dung, chức .18 3.1.3 Ma trận phân quyền chức 24 3.2 Mô tả chi tiết chức 26 3.2.1 Quản lý tài khoản 26 PHẦN 3: THIẾT KẾ GIAO DIỆN 124 3.1 Giao diện quản trị 124 3.1.1 3.2 Giao diện quản trị 124 Giao diện người dùng 137 PHẦN 4: XÂY DỰNG CƠ SỞ DỮ LIỆU 138 4.1 Mơ hình ERD .138 4.2 Thiết kế chi tiết bảng .139 PHẦN 5: UPLOAD WEBSITE LÊN HOSTING 143 5.1 Thông tin website 143 5.2 Trỏ tên miền upload website lên hosting 143 PHẦN 6: TỔNG KẾT 143 6.1 Thời gian phát triển dự án 143 6.2 Mức độ hoàn thành dự án .143 6.3 Những khó khăn, rủi ro gặp phải cách giải 143 6.4 Những học rút trình làm dự án 143 Dự án Thiết kế website – Tên website h LỜI MỞ ĐẦU Hiện hình thức bán đồ uống online loại đồ ăn khác lĩnh vực kinh doanh đồ uống đang phát triển nhờ vào ứng dụng công nghệ lĩnh vực kinh doanh bán hàng.Việc phát triển bán hàng khơng cịn phụ thuộc vào mặt điểm bán hàng mà khả cập nhật kiến thức phát triển mơ hình cơng nghệ bán hàng.Hãy hình dung với dịch vụ cà phê, trà sữa online khách hàng khơng cịn trực tiếp đến quán để mua mà cần ngồi nhà văn phịng cơng ty nhấc điện thoại qua vài thao tác để đợi chờ sau thời gian nhanh chóng mang cà phê đến với bạn tận nơi toán đơn giản trực tiếp sau nhận hàng đảm bảo chất lượng                       G5-Coffee thương hiệu đồ uống điển hình Bằng việc sử dụng nguồn nguyên liệu sạch, Việt kết hợp với công thức pha độc đáo, G5Coffee nhanh chóng chinh phục khách hàng khó tính hương vị đậm đà, “chuẩn gu” theo hương vị Việt                   Hiện nay,với chuỗi 50 cửa hàng khắp tỉnh thành nước, tên tuổi G5-Coffee người tiêu dùng yêu mến tin cậy hàng đầu thị trường Việt Nam ly đồ uống chất lượng mang đậm hương vị Việt, dù xuất phát điểm muộn thương hiệu ngành Trải qua năm gây dựng, G5-Coffee bứt phá với bước phát triển vượt bậc Dự án Thiết kế website – Tên website h GIẢI THÍCH THUẬT NGỮ Tên thuật ngữ Designer Backend Developer Thành viên … Giải thích thuật ngữ Người tạo giao diện cách hoàn chỉnh Người xử lý logic nghiệp vụ phức tạp ẩn phía sau, giúp hệ thống hoạt động trơn tru Người dùng trở thành thành viên thông qua đăng nhập thành cơng, thành viên bao gồm đối tượng member, member thuộc nhóm dịch, Mod, Admin Dự án Thiết kế website – Tên website h PHẦN 1: GIỚI THIỆU CHỨC NĂNG – HỆ THỐNG 1.1.Giới thiệu đề tài 1.1.1 Khảo sát - xây dựng ý tưởng * Khảo sát thực tế Đối tượng khảo sát: G5-Coffee -156 Quang Trung Địa chỉ: 156 Quang Trung - Hà Đông - Hà Nội Người khảo sát: Nguyễn Tài Chuẩn Người thực khảo sát: Trần Huyền Linh - 20 tuổi – Đang sinh viên năm ngành ngôn ngữ Anh trường đại học Phenikaa Mục đích khảo sát: Tìm hiểu cách khách hàng mua đặt đồ uống G5Coffee, khách hàng nghĩ lý lại chọn mua đặt đồ G5Coffee:  - Thường đến cửa hàng mua thường bạn bè,mỗi tuần mua từ đến cốc trà sữa, mua Beamin - Nhân viên phục vụ nhiệt tình ,linh hoạt,giá hợp lý - Menu đa dạng loại đồ uống - G5-Coffee hay nhiều chương trình khuyến cho người mua - Khi muốn gọi đồ phải đứng đợi xếp hàng lâu - Cần tạo chương trình khuyến mại ứng dụng đặt đồ,website để mua hàng nhà - 1.1.2 Kết luận Kết luận 1: người dung có thường sử dụng trang web trực tuyến đề làm công việc không? Kết luận 2: người dung mong muốn gì? Kết luận 3: người dung thường sử dụng trang web … Dự án Thiết kế website – Tên website h 1.1.3 Hệ thống tương tự  o o o  Điểm mạnh: Ứng dụng nhiều người biết đến Mua nhiều loại mặt hàng Thường xuyên tặng voucher cho khách hàng Điểm yếu: o Người mua hàng đặt mua nhà lại khơng áp dụng ưu đãi từ cửa hàng 1.1.4 Ý tưởng – Mục đích đề tài Ứng dụng đặt trà sữa ToCoToCo sinh để giải vấn đề: + Giao đồ tận nơi cho khách hàng + Khi khách mua nhà áp dụng chương trình ưu đãi từ cửa hàng Dự án Thiết kế website – Tên website h + Thanh tốn qua ví điện tử tiện lợi + Dễ dàng quản lý đơn hàng người dùng 1.1.5 Đối tượng tham gia vào dự án Các đối tượng tham gia vào dự án chúng em: - Quản lý cửa hang Nhân viên cửa hàng - Khách hàng Dự án Thiết kế website – Tên website h 10 1.1.Các công cụ công nghệ sử dụng 1.1.1 Các cơng cụ Hình 1.11: Các cơng cụ sử dụng dự án Dự án Thiết kế website – Tên website h 11 1.1.2 Các công nghệ \ Hình 1.12: Các cơng nghệ sử dụng dự án PHẦN 2: PHÂN TÍCH NỘI DUNG – THIẾT KẾ HỆ THỐNG 2.1 Phân tích nội dung 2.1.1 Sơ đồ hệ thống Dự án Thiết kế website – Tên website h 12 Dự án Thiết kế website – Tên website h 13 Hình 2.1: Sơ đồ hệ thống (Use Case) Dự án Thiết kế website – Tên website h 14 2.1.2 Mô tả nội dung, chức STT Chức Đăng ký Nội dung Input Người dùng đăng ký tài khoản Thông tin tài để trở thành member(thành khoản viên) Output Hiển thị kết đăng ký Đăng nhập Email mật Thêm sản phẩm Người dùng quản lý đăng nhập để sử dụng chức có từ chức phân quyền cấp cho Thêm sản phẩm vào app Sửa sản phẩm Xóa sản phẩm Đơn hàng Sửa sản phẩm app Thông tin sản phẩm muốn sửa Xóa thơng tin sản phẩm muốn xóa Hiển thị kết nhập chuyển hướng trang chủ đăng nhập thành công Hiển thị thông tin sản phẩm vừa thêm cho ng dùng quản lý Hiển thị thông tin sản phẩm sửa Sản phẩm khơng cịn tồn Xóa sản phẩm app Xử lý Dự án Thiết kế website – Tên website h Thông tin sản phẩm 15 2.1.3 Ma trận phân quyền chức STT Chức Thành viên Quản trị viên Đăng ký  Đăng nhập  Đổi mật  Đổi thông tin người dùng  Quên mật  Sản phẩm yêu thích  Đơn hàng  Chi tiết sản phẩm  10 Xem trạng thái đơn hàng  11 Thống kê đơn hàng,trạng thái đơn hàng  12 Thống kê doanh thu  13 Quản lý loại sản phẩm  14 Quản lý sản phẩm  15 Quản lý người dùng   Dự án Thiết kế website – Tên website h 16 2.2.Mô tả chi tiết chức 2.2.1 Quản lý tài khoản Hình 2.2: Mockup danh sách tài khoản PHẦN 3: THIẾT KẾ GIAO DIỆN 3.1 Giao diện quản trị Dự án Thiết kế website – Tên website h 17 3.2 Giao diện khách hàng Dự án Thiết kế website – Tên website h 18 PHẦN 4: XÂY DỰNG CƠ SỞ DỮ LIỆU 1.1 Mơ hình ERD Hình 4.1: Mơ hình ERD Dự án Thiết kế website – Tên website h 19 1.2 Thiết kế chi tiết bảng 1.2.1 Bảng x PHẦN 5: MỞ RỘNG 2.1 Công cụ quản lý cơng việc Hình 5.1: Cơng cụ lí tiến trình cơng việc 5.2.Cơng cụ liên lạc Dự án Thiết kế website – Tên website h 20 Hình 5.1: Cơng cụ liên lạc Dự án Thiết kế website – Tên website h 21 PHẦN 6: UPLOAD WEBSITE LÊN HOSTING 3.1 Thông tin website Dự án Thiết kế website – Tên website h 22 PHẦN 7: TỔNG KẾT 7.1 Thời gian phát triển dự án Dự án thực từ ngày 7-3 đến ngày 13-4, chi tiết sau: - Ngày x – y: làm … 7.2 Mức độ hồn thành dự án So với mục tiêu đặt nhóm mức độ hoàn thành chúng em đạt 80% 7.3 Những khó khăn, rủi ro gặp phải cách giải Khó khăn Mới đầu cịn chưa thống chốt ý tưởng Có thành viên rút lui không làm dự án Ban đầu phát triển theo hướng sai lệch không kế hoạch Cách giải Tổ chức nhiều cc ̣ hop ̣ để phân tích ý tưởng đưa thống Tập hợp lại phân chia công việc hợp lý Họp thường xuyên phân tích rõ kế hoạch phương hướng phát triển 7.4.Những học rút trình làm dự án Trong trình làm dự án với chúng em rút kinh nghiệm sau: - Chủ động lắng nghe: Lắng nghe ý kiến thành viên khác, tìm hiểu hồn thiện thiếu sót thân Tơn trọng ý kiến người khác Đặt tinh thần trách nhiệm vào công việc: Khi bàn giao cơng việc, ln cố gắng hồn thành cơng việc sớm Kiểm sốt tiến trình cơng việc Hiểu phân chia cơng việc theo khả thành viên Nâng cao trình độ làm việc nhóm,nâng cao kỹ làm việc thành viên nhóm Dự án Thiết kế website – Tên website h 23 LỜI CÁM ƠN Để hoàn thành đề tài nghiên cứu này, lời cho phép nhóm sinh viên gửi lời cảm ơn chân thành đến tồn thể q thầy Trường Cao Đẳng FPT POLYTECHNIC HÀ NỘI nói chung thầy Khoa Cơng Nghệ Thơng Tin nói riêng, người tận tình hướng dẫn, trang bị cho nhóm sinh viên kiến thức tảng kiến thức chuyên ngành quan trọng, giúp nhóm sinh viên có sở lý thuyết vững vàng tạo điều kiện giúp đỡ tốt cho nhóm sinh viên trình học tập nghiên cứu Đặc biệt, nhóm sinh viên xin chân thành cảm ơn thầy Nguyễn Đức Anh Tuấn tận tình giúp đỡ,đưa định hướng nghiên cứu hướng giải số vấn đề để nhóm sinh viên thực tốt đề tài Trong thời gian làm việc với thầy, nhóm sinh viên khơng ngừng tiếp thu thêm nhiều kiến thức dạy từ thầy, thể thái độ nghiên cứu nghiêm túc, hiệu điều cần thiết trình học tập làm việc sau nhóm sinh viên Mặc dù cố gắng hết sức, xong điều kiện thời gian kinh nghiệm thực tế nhóm nghiên cứu cịn ít, đề tài khơng thể tránh khỏi thiếu sót Vì vậy, nhóm sinh viên mong nhận đóng góp ý kiến quý thầy, cô giáo Xin chân thành cảm ơn! Dự án Thiết kế website – Tên website h