Đồ án Website quản lý đặt món trực tuyến

ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINHTRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN BÁO CÁO MÔN HỌC Đồ án Đề tài: Website quản lý đặt trực tuyến ❖ Giảng viên hướng dẫn ❖ Nguyễn Thị Thanh Trúc ❖ Lớp ❖ SE122.L11.PMCL ❖ Sinh viên thực ❖ Nguyễn Hồng Trường Thành – 17521052 Tp Hồ Chí Minh, tháng 12 năm 2020 NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN Trang ., ngày tháng ……… năm 2020 Người nhận xét (Ký tên ghi rõ họ tên) 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è Trang Em xin gửi lời cảm ơn chân thành đến cô Nguyễn Thị Thanh Trúc 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 trình làm báo cáo Ngoà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è, ln 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 19 tháng 12 năm 2020 Trang MỤC LỤC NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN LỜI CẢM ƠN 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 II TỔNG QUAN 9 10 12 12 13 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 13 13 14 14 17 17 18 18 18 19 Trang 4 Các vấn đề cần tập trung nghiên cứu giải đề tài III CÔNG NGHỆ 19 21 ASP NET 1.1 Khái niệm 1.2 Cấu trúc NET framework 1.3 Một số đặc điểm ASP NET framework: Công nghệ ASP NET Webforms 2.1 Thuật ngữ: 2.2 Sự khác ASP NET Webforms ASP NET MVC 2.3 Thuật toán sử dụng: 2.4 Lý do: Công cụ thiết kế giao diện (Bootstrap) 3.1 Giới thiệu 3.2 Lịch sử phát triển Bootstrap 3.3 Lý sử dụng Bootstrap 3.4 Cấu trúc tính Bootstrap 3.5 Bootstrap Grid System 3.5 Cài đặt Bootstrap Công cụ phát triển (Visual Studio) 4.1 Giới thiệu: 4.2 Một số tính năng: 4.3 Lý chọn Viusal Studio Công cụ thiết kệ sở liệu (SQL Server) 5.1 Giới thiệu: 5.2 Lịch sử phát triển: 5.3 Các ấn bảng SQL Server: 5.4 Đặc điểm SQL Server: 21 21 21 22 24 24 24 26 38 38 38 38 39 40 41 42 46 46 46 48 48 48 49 49 50 Trang 5.5 Thành phần SQL Server 5.6 Lý sử dụng SQL server thiết kế Web IV PHÂN TÍCH 1.Class Diagram: 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 50 52 54 54 54 54 55 57 57 58 59 60 61 75 76 76 76 76 77 77 78 79 79 79 80 80 81 Trang 5.6 Quản lý đặt hàng Biểu đồ giao tiếp (communication diagram) 6.1 Đăng ký: 6.2 Đăng nhập: 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Ế 81 82 82 82 82 83 83 83 84 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 84 84 85 86 87 93 96 96 96 98 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: 98 98 99 99 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 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, 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 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 Trang Cập nhật tin tức Khách hàng: o ● ⮚ Guest: Khách vãng lai 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 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 82 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 83 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 84 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 85 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 86 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 87 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 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 Trang 88 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 + 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 89 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 90 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 91 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 92 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 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 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 tốn Kiểu Nvarchar(20) Nvarchar(20) Ý nghĩa/Ghi Mã hóa đơn Tên sản phẩm Email khách hàng Ảnh đại diện 2.2.2 Product STT 5 Tên thuộc tính ProID ProName Price Status ImgUrl Description CategoryID Quantity Mã nhóm sản phẩm Số lượng sản phẩm 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 Ràng buộc Khóa Khóa phụ Trang 93 Quantity Status int Nvarchar(20) Số lượng sản phẩm Tình trạng sản phẩm 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: o Hệ điều hành: Microsoft Windows 10 o Hệ quản trị sở liệu: Sql Server 2018 o Cơng cụ phân tích thiết kế: visio 2017 o Công cụ xây dựng ứng dụng: Visual Studio 2017 o 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: o Hệ điều hành: Microsoft Windows o Cần cài đặt Net Framework 3.5 o 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 Trang 94 chức Người dung thao tác với phần mềm để quản lí 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 Trang 95 - NET Tồ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 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 96