Website quản lý cửa hàng thức ăn nhanh (đồ án SE121 l21 PMCL)

Trang NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN ., ngày tháng ……… năm 2021 Người nhận xét (Ký tên ghi rõ họ tên) Trang LỜI CẢM ƠN Trong trình làm báo cáo, em nhận giúp đỡ, đóng góp ý kiến bảo nhiệt tình thầy cơ, gia đình bạn bè Em xin gửi lời cảm ơn chân thành đến cô Thái Thụy Hàn Uyển giảng viên khoa Công nghệ phần mềm - Trường ĐH CNTT- ĐHQG Tp HCM người tận tình hướng dẫn, góp ý bảo em suốt q trình làm báo cáo Ngồi ra, em xin gửi lời cảm ơn đến thầy cô giáo trường ĐH CNTT- ĐHQG Tp HCM nói chung, thầy Khoa Cơng nghệ phần mềm nói riêng dạy dỗ cho em kiến thức lập trình, qua em có sở lý thuyết vững vàng từ hồn thành tốt đồ án Cuối cùng, em xin chân thành cảm ơn gia đình bạn bè, tạo điều kiện, quan tâm, giúp đỡ, động viên em suốt q trình hồn thành đồ án Thành phố Hồ Chí Minh, ngày 11 tháng năm 2021 Trang MỤC LỤC I MỞ ĐẦU Lí chọn đề tài: Đặt vấn đề: Mục đích website 3.1 Đối tượng website 3.2 Đặc điểm: Đối tượng nghiên cứu Phạm vi nghiên cứu Phương phát nghiên cứu: II TỔNG QUAN Phân tích đánh giá hướng nghiên cứu tác giả khác (Now, GrabFood, Baemin, Go-Food) 1.1 Những hướng nghiên cứu vấn đề đề tài 1.2 Những phương pháp nghiên cứu sử dụng 1.3 Kết đạt được: Hạn chế nghiên cứu trước 2.1 Now: 2.2 GrabFood: 2.3 Go-Food 2.4 Baemin Tóm tắt so sánh kết hạn chế nghiên cứu trước Các vấn đề cần tập trung nghiên cứu giải đề tài III CÔNG NGHỆ ASP NET 1.1 Khái niệm 8 9 10 12 12 12 13 13 13 14 14 17 17 17 18 18 19 19 20 20 21 Trang 1.2 Cấu trúc NET framework 21 1.3 Một số đặc điểm ASP NET framework: 22 Công nghệ ASP NET Webforms 23 2.1 Thuật ngữ: 23 2.2 Sự khác ASP NET Webforms ASP NET MVC 24 2.3 Thuật toán sử dụng: 26 2.4 Lý do: 36 Công cụ thiết kế giao diện (Bootstrap) 36 3.1 Giới thiệu 36 3.2 Lịch sử phát triển Bootstrap 37 3.3 Lý sử dụng Bootstrap 37 3.4 Cấu trúc tính Bootstrap 38 3.5 Bootstrap Grid System 39 3.5 Cài đặt Bootstrap áp dụng 40 Công cụ phát triển (Visual Studio) 44 4.1 Giới thiệu: 44 4.2 Một số tính năng: 44 4.3 Lý chọn Viusal Studio 46 Công cụ thiết kệ sở liệu (SQL Server) 46 5.1 Giới thiệu: 46 5.2 Lịch sử phát triển: 46 5.3 Các ấn bảng SQL Server: 47 5.4 Đặc điểm SQL Server: 48 5.5 Thành phần SQL Server 48 5.6 Lý sử dụng SQL server thiết kế Web 49 IV PHÂN TÍCH 51 1.Class Diagram: 51 Trang 1.1 Sơ đồ lớp: 1.2 Danh sách lớp đối tượng quan hệ 1.3 Mô tả chi tiết lớp đối tượng UseCase Diagram 2.1 Các tác nhân hệ thống 2.2 Các chức hệ thống 2.3 Sơ đồ UseCase Customer 2.4 Sơ đồ UseCase Admin 2.5 Đặc tả UseCase: State Diagram Biểu đồ hoạt động (activity diagram) 4.1 Đăng ký: 4.2 Đăng nhập: 4.3 Sửa thông tin 4.4 Quản lý thành viên 4.5 Quản lý sản phẩm 4.6 Quản lý đặt hàng Biểu đồ (sequence diagram) 5.1 Đăng ký: 5.2 Đăng nhập: 5.3 Sửa thông tin 5.4 Quản lý thành viên 5.5 Quản lý sản phẩm 5.6 Quản lý đặt hàng Biểu đồ giao tiếp (communication diagram) 6.1 Đăng ký: 6.2 Đăng nhập: 51 52 53 54 55 55 57 58 59 72 73 74 74 74 75 75 76 77 77 77 78 78 79 79 80 80 80 Trang 6.3 Sửa thông tin 6.4 Quản lý thành viên 6.5 Quản lý sản phẩm 6.6 Quản lý đặt hàng V THIẾT KẾ Thiết kế giao diện 1.1 Giao diện Home: 1.2 Login: 1.3 Đăng ký (Register) 1.4 Giao diện người dùng (User): 1.5 Giao diện người quản lí (Admin): 2.Thiết kế liệu 2.1 Sơ đồ logic: 2.2 Mô tả chi tiết kiểu liệu sơ đồ logic VI KẾT LUẬN 7.1 Môi trường phát triển: 7.2 Kết đạt được: 7.3 Hướng phát triển: 7.4 Tài liệu tham khảo: 80 80 81 81 81 81 82 83 84 85 91 93 94 94 96 96 96 97 97 Trang I MỞ ĐẦU Lí chọn đề tài: Ngày với trợ giúp trang web thương mại điện tử, cơng ty có hội lớn để trình bày cung cấp sản phẩm dịch vụ họ cho khách hàng làm cho có sẵn 24 Bằng cách đó, cơng ty tiếp cận với khách hàng tiềm hầu hết người bắt đầu thích mua sắm trực tuyến số lợi ích đơn giản tiết kiệm thời gian Họ chọn mua sản phẩm mong muốn thời điểm bạn muốn toán nhiều tùy chọn khác thẻ tín dụng tiền mặt Vì lợi ích này, hầu hết cơng ty có xu hướng có trang web thương mại điện tử nơi khách hàng cần truy cập trang web, xem sản phẩm, thêm vào giỏ hàng trả tiền Sau đó, đơn đặt hàng mua chuyển đến đích đề cập hạn Ngoài ra, ứng dụng web thương mại điện tử cho phép khách hàng đăng gửi phản hồi họ số yếu tố sản phẩm, dịch vụ giao hàng dịch vụ thương mại điện tử Bằng cách cung cấp loại phản hồi này, công ty cải thiện dịch vụ họ cải thiện họ tốt hơn, việc giữ liên lạc với khách hàng cần thiết để biết thời gian ý kiến ​của khách hàng Trang Đặt vấn đề: Cửa hàng thức ăn nhanh Bakery cửa hàng chuyên phục vụ loại thức ăn nhanh cho người bận rộn Pizza, Hamburger, Chicken Fried, … với nguyên liệu chất lượng vệ sinh Cơ cấu cơng ty gồm: Ban quản lí, Bộ phận kế toán, phận bán hàng, bộ phận sản xuất, phận kho chuyển hàng Khách hàng cửa hàng gồm hai loại chính: khách hàng thành viên (khách hàng làm thẻ thành viên cửa hàng) khách hàng vãng lai Đối với khách hàng thành viên có ưu đãi riêng Với nhu cầu mở rộng thị trường đặc biệt với mảng kinh doanh online quảng bá sản phẩm nâng cao chất lượng, tăng doanh thu là vấn đề đáng quan tâm cửa hàng Vì ban quản lý cửa hàng mong muốn website giới thiệu sản phẩm bán bánh trực tuyến, hỗ trợ khách hàng thông tin cần thiết Mục đích website 3.1 Đối tượng website Website xây dựng phục vụ hai đối tượng Admin (nhà quản trị) Khách hàng với chức sau: ● Admin o Đăng nhập Website o Xem, cập nhật, xố thơng tin sản phẩm o Quản lí đơn đặt hàng o o Xem, trả lời ý kiến, góp ý phản hồi khách hàng xố thơng tin từ khách hàng Xem, xố thơng tin khách hàng khơng quyền thay đổi thơng tin Cập nhật tin tức Khách hàng: o ● ⮚ Guest: Khách vãng lai Trang o Xem thông tin sản phẩm tin tức khác o Đăng kí thành viên ⮚ User: o Đã có tài khoản o Có quyền đăng nhập, đăng xuất, đổi mật o Đặt mua sản phẩm o Được hưởng quyền ưu tiên thông báo sản phẩm nhất, download file… 3.2 Đặc điểm: Xây dựng hệ thống bán thức ăn nhanh trực tuyến đơn giản, thân thiện, dễ sử dụng, cho phép khác hàng xem thông tin đặt hàng qua mạng, người quản trị quản lý thông tin sản phẩm người dùng Website thiết kế với ● ● ● ● Giao diện hài hoà, thân thiện, giúp người dùng dễ dàng sử dụng Trang chủ hiển thị danh sách sản phẩm bán chạy giúp cho người dùng dễ dàng việc tìm kiếm Khách hàng dễ dàng tìm thấy thơng tin chi tiết loại bánh mà họ quan tâm Khách hàng chọn mua loại bánh mà họ cần dựa khả tài chức cần thiết cách thêm vào giỏ hàng Có chức đăng ký, đăng nhập Khách hàng gửi ý kiến phản hồi, góp ý đến Website để góp phần làm Website thêm phong phú phát triển ● Trang 10 1.3 Đăng ký (Register) - Mô tả: + Tại người dùng đăng kí tài khoản cách điền tất thông tin form nhấn Create sau điền xong để tạo tài khoản + Nếu người dùng có tài khoản bấm  Sign In chuyển đến hình đăng nhập + Hoặc người dùng chưa muốn đăng ký nhấn Back to Home để trở giao diện Home Trang 87 1.4 Giao diện người dùng (User): Mô tả: Màn hình User hình xuất sau người dùng đăng nhập Thanh menu sau đăng nhập: Tại đây: + Nếu người dùng muốn mua hàng Menu hàng hóa bấm menu bấm Check our menu + Nếu người dùng muốn vào trang thân Profile bấm Profile + Nếu người dùng muốn vào giao diện giỏ hàng bấm vào ký hiệu giỏ hàng menu Trang 88 1.4.1 Menu Mô tả: Đây giao diện menu hiển thị loại hàng hóa giá chúng cửa hàng + Tại khách hàng mua mặt hàng cách nhập số lượng hàng hóa bấm Add to Cart Trang 89 1.4.2 About Mô tả: Đây giao diện thông tin cửa hàng bao gồm thông tin đầu bếp, mục tiêu phát triển, nhận xét tiêu biểu khách hàng,… 1.4.3 Contact Trang 90 Mô tả: Đây giao diện thông tin liên hệ khác như: email, số điện thoại, địa chỉ… 1.4.4 Profile (User) Mô tả: Đây giao diện hiển thị thông tin đơn đặt hàng user Tại đây: + Nếu người dùng muốn thay đổi thơng tin cá nhân/avatar bấm Setting + Nếu người dùng muốn giao diện Home bấm Home + Nếu người dùng muốn xem giỏ hàng nhấn Cart + Nếu người dùng muốn đăng xuất nhấn Sign out Trang 91 1.4.4 Setting (User) Mô tả: Đây giao diện hiển thị thông tin cá nhân user Tại đây: + Nếu người dùng muốn xem thông tin đơn hàng đặt bấm Profile + Nếu người dùng muốn giao diện Home bấm Home + Nếu người dùng muốn xem giỏ hàng nhấn Cart + Nếu người dùng muốn đăng xuất nhấn Sign out Trang 92 1.4.5 Cart (emty) Mô tả: Đây giao diện giỏ hàng user Tại hiển thị thông tin sản phẩm user thêm vào giỏ hàng Tại đây: + Nhấn Buy more product để đến giao diện menu sản phẩm 1.4.6 Cart sau có sản phẩm Trang 93 Mơ tả: Đây giao diện giỏ hàng user Tại hiển thị thông tin sản phẩm user thêm vào giỏ hàng Tại đây: + Nếu người dùng muốn menu sản phẩm mua sắm tiếp bấm Continute shopping + Nếu người dùng muốn toán bấm Procced to checkout + Nếu người dùng muốn xóa sản phầm bấm + Nếu người dùng muốn thêm sản phẩm sửa số lượng dòng Quantity 1.5 Giao diện người quản lí (Admin): 1.5.1 Quản lí tài khoản Mơ tả: Đây giao diện hiển thị tất thông tin tài khoản user admin Tại đây: + Nếu admin muốn xem thông tin sản phẩm nhấn Product Management + Nếu admin muốn xem thơng tin đơn hàng nhấn Order Management + Nếu admin muốn giao diện Home bấm Home Trang 94 + Nếu admin dùng muốn thay đổi thơng tin cá nhân/avtar bấm Profile + Nếu admin dùng muốn đăng xuất nhấn Sign out 1.5.2 Quản lí sản phẩm Mô tả: Đây giao diện hiển thị tất thông tin sản phẩm Tại đây: + Nếu admin muốn xem thơng tin account nhấn Account Management + Nếu admin muốn xem thông tin đơn hàng nhấn Order Management + Nếu admin muốn giao diện Home bấm Home + Nếu admin dùng muốn thay đổi thông tin cá nhân/avtar bấm Profile + Nếu admin dùng muốn đăng xuất nhấn Sign out Trang 95 1.5.3 Quản lí đơn hàng Mô tả: Đây giao diện hiển thị tất thông đơn hàng Tại đây: + Nếu admin muốn xem thơng tin sản phẩm nhấn Product Management + Nếu admin muốn xem thông tin account nhấn Account Management + Nếu admin muốn giao diện Home bấm Home + Nếu admin dùng muốn thay đổi thơng tin cá nhân/avtar bấm Profile + Nếu admin dùng muốn đăng xuất nhấn Sign out Trang 96 2.Thiết kế liệu 2.1 Sơ đồ logic: 2.2 Mô tả chi tiết kiểu liệu sơ đồ logic 2.2.1 Account STT Tên thuộc tính Username Password RoleID Kiểu Nvarchar(20) Nvarchar(20) Nvarchar(10) Ràng buộc Khóa Ý nghĩa/Ghi Tên người dùng Mật người dùng Loại tài khoản Trang 97 5 Fullname DOB Address Email img Nvarchar(50) Date Nvarchar(100) Nvarchar(100) Nvarchar(100) Tên khách hàng Ngày sinh Địa khách hàng Email khách hàng Ảnh đại diện Kiểu Ràng buộc Nvarchar(20) Khóa Nvarchar(50) Float Nvarchar(20) Nvarchar(100) Nvarchar(max) Nvarchar(20) int Ý nghĩa/Ghi Mã sản phẩm Tên sản phẩm Giá sản phẩm Tình trạng sản phẩm Hình ảnh sản phẩm Mơ tả sản phẩm Mã nhóm sản phẩm Số lượng sản phẩm Kiểu Ràng buộc Nvarchar(20) Khóa date Nvarchar(20) Nvarchar(20) float Nvarchar(100) Nvarchar(20) Ý nghĩa/Ghi Mã hóa đơn Ngày lập hóa đơn Tên người dùng Tình trạng sản phẩm Tổng tiền Địa khách hàng Hình thức toán Kiểu Nvarchar(20) Nvarchar(20) int Nvarchar(20) Ý nghĩa/Ghi Mã hóa đơn Tên sản phẩm Số lượng sản phẩm Tình trạng sản phẩm 2.2.2 Product STT 5 Tên thuộc tính ProID ProName Price Status ImgUrl Description CategoryID Quantity 2.2.3 Order STT Tên thuộc tính OrderID OrderDate Username Status Total Address PaymentID 2.2.4 OrderDetail STT Tên thuộc tính OrderID ProID Quantity Status Ràng buộc Khóa Khóa phụ Trang 98 VI KẾT LUẬN 7.1 Môi trường phát triển: ⮚ Môi trường phát triển ứng dụng: ✔ Hệ điều hành: Microsoft Windows 10 ✔ Hệ quản trị sở liệu: Sql Server 2018 ✔ Cơng cụ phân tích thiết kế: visio 2017 ✔ Công cụ xây dựng ứng dụng: Visual Studio 2017 ✔ Các thư viện dùng: thư viện có sẵn visual studio ⮚ Môi trường triển khai ứng dụng: ✔ Hệ điều hành: Microsoft Windows ✔ Cần cài đặt Net Framework 3.5 ✔ Khi cài đặt ứng dụng chạy file setup làm đảm bảo làm theo hướng dẫn cài đặt phần mềm đính kèm file setup 7.2 Kết đạt được: - Các chức quản lí thơng tin quản lí nhân viên, quản lí thành viên, quản lí sản phẩm, quản lí hóa đơn, … hồn thiện phân tích thiết kế hồn chỉnh chức Người dung thao tác với phần mềm để quản lí Trang 99 thơng tin cách thuận tiện - Khách hàng thực thao tác với hệ thống cách thuận lợi đặt món, đổi món, thay đổi thơng tin, … - Bước đầu làm quen với việc phát triển phần mềm theo hướng đối tượng - Làm quen với sơ đồ UML use-case, classs, object, collaboration, … thiết kế hệ thống sơ đồ UML - Cải thiện khả lập trình ngơn ngữ C# thao tác với sở liệu cụ thể sql server 2018 - Cải thiện nâng cao khả làm việc nhóm 7.3 Hướng phát triển: - Mở rộng qui mô ứng dụng phần mềm - Cải thiện chức phát triển phần mềm - Xây dựng thêm chức để thu hút người dung hoàn thiện chức cũ - Hoàn thiện chức chưa phát triển kế hoạch ban đầu 7.4 Tài liệu tham khảo: Các tài liệu: - Beginner’s Guide to C# Programming - Visual Basic.NET An Introduction to Computer Programming - Beginner’s Guide to C# Programming - NET Toàn Tập - Lập trình web với ASP.NET - Pro ASP.NET MVC - ASP.NET MVC in Action - Beginning Database Programming Using ASP.NET Core Trang 100 Framework Design Guidelines Writing High-Performance NET Code Understanding NET Microsoft NET – Architecting Application for the Enterprise - Một số blogger cá nhân: Jon Skeet, Damian Edwards, David Fowler, - Cộng đồng net cung cấp tài liệu: NET Vietnam(Facebook), ASP NET C#(Facebook), … - Trang 101 ... Đăng ký: 4.2 Đăng nhập: 4.3 Sửa thông tin 4.4 Quản lý thành viên 4.5 Quản lý sản phẩm 4.6 Quản lý đặt hàng Biểu đồ (sequence diagram) 5.1 Đăng ký: 5.2 Đăng nhập: 5.3 Sửa thông tin 5.4 Quản lý. .. việc giữ liên lạc với khách hàng cần thiết để biết thời gian ý kiến ​của khách hàng Trang Đặt vấn đề: Cửa hàng thức ăn nhanh Bakery cửa hàng chuyên phục vụ loại thức ăn nhanh cho người bận rộn Pizza,... Ban quản lí, Bộ phận kế tốn, phận bán hàng,  bộ phận sản xuất, phận kho chuyển hàng Khách hàng cửa hàng gồm hai loại chính: khách hàng thành viên (khách hàng làm thẻ thành viên cửa hàng) khách hàng