Đề tài website bán đồ ăn

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN & TRUYỀN THÔNG VIỆT HÀN Khoa Khoa Học Máy Tính BÁO CÁO ĐỒ ÁN TỐT NGHIỆP Website Bán Đồ Ăn Sinh viên thực hiện: Huỳnh Hoài Tâm Lớp: 19i2 Giảng viên hướng dẫn: TS Phạm Hồ Trọng Nguyên Đà Nẵng, tháng 11 năm 2021 i TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN & TRUYỀN THƠNG VIỆT HÀN Khoa Khoa Học Máy Tính BÁO CÁO ĐỒ ÁN TỐT NGHIỆP Website Bán Đồ Ăn Sinh viên: Mã: Huỳnh Hoài Tâm 191C900096 Giảng viên hướng dẫn: TS Phạm Hồ Trọng Nguyên Đà Nẵng, tháng 11 năm 2021 ii NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN iii LỜI CẢM ƠN Để hoàn thành báo cáo này, trước hết, em xin cảm ơn thầy cô giáo khoa công nghệ thông tin Trường Đại học CNTT Truyền Thông Việt - Hàn, em nhận nhiều quan tâm, giúp đỡ quý thầy cô bạn bè Em xin gửi lời cảm ơn đến ban giám hiệu nhà trường tạo điều kiện tốt cho em củng bạn suốt thời gian học tập Em xin bày tỏ lịng biết ơn xâu sắc tới giáo TS.Phạm Hồ Trọng Nguyên, người hướng dẫn, bảo tận tình để em hồn thành q trình làm đồ án tốt nghiệp Xin cảm ơn bạn bè gia đình động viên cổ vũ, đóng góp ý kiến, trao đổi, động viên suốt trình học làm đồ án tốt nghiệp, gúp em hoàn thành đề tài thời hạn Em xin chân thành cảm ơn! Sinh viên, Huỳnh Hoài Tâm iv MỤC LỤC DANH MỤC CÁC TỪ VIẾT TẮT vii DANH MỤC HÌNH VẼ viii MỞ ĐẦU 1 Lý chọn đề tài Mục tiêu đạt Nhiệm vụ hướng giải Ý nghĩa thực tiển đề tài Bố cục đồ án Chương CÔNG CỤ CÔNG NGHỆ 1.1 Công cụ phần mềm 1.1.1 Visual Studio Code 1.1.2 Microsoft SQL Server 1.2 Công nghệ 1.2.1 HTML , CSS 1.2.2 C# Error! Bookmark not defined 1.2.3.ASP.Net Error! Bookmark not defined 1.2.4 SQL Server Chương PHÂN TÍCH MƠ HÌNH HỆ THỐNG 2.1 Phân tích yêu cầu 2.1.1 Yêu cầu chức hệ thống 2.1.2 Yêu cầu hình thức 2.2 Sơ đồ chức 2.2.1 Sơ đồ UseCase chung 2.2.2 Về người dùng 10 2.2.3 Về người quản trị 10 2.3 Phân tích sở liệu 11 v 2.3.1 Bảng tài khoản 11 2.3.2 Bảng sản phẩm 11 2.3.3 Bảng nhóm sản phẩm 12 2.3.4 Bảng giỏ hàng 12 2.3.5 Bảng đơn hàng 12 2.3.6 Bảng chi tiết đơn hàng 13 Chương XÂY DỰNG WEBSITE 14 3.1 Giao diện cho người dùng 14 3.1.1 Giao diện trang đồ ăn Error! Bookmark not defined 3.1.2 Giao diện trang đồ uống Error! Bookmark not defined 3.1.3 Giao diện trang giỏ hàng Error! Bookmark not defined 3.2 Giao diện người quản trị Error! Bookmark not defined 3.2.1 Giao diện đăng nhập Error! Bookmark not defined KẾT LUẬN 16 Kết đạt 16 Hạn chế hướng phát triển 16 2.1 Hạn chế 16 2.2 Hướng phát triển 17 TÀI LIỆU THAM KHẢO iPHỤ LỤC i vi DANH MỤC CÁC TỪ VIẾT TẮT VIẾT TẮT NỘI DUNG PHP Hypertext Preprocessor FTP File Transfer Protocol HTML Hyper Text Markup Language CSS Cascading Style Sheets ID Identification ORM Object Relational Mapping API Application Programming Interface vii DANH MỤC HÌNH VẼ Hình 1: Ứng dụng Visual Studio Code Hình 2: Ứng dụng Microsoft SQL Server Hình 3: HTML Hình 4: Đoạn code dùng CSS .5 Hình 5: Ngơn ngữ C# Hình 6: Ngơn ngữ ASP.Net Hình 7: Sơ đồ Usecase .9 Hình 8: Sơ đồ Usecase khách hàng 10 Hình Sơ đồ Usecase Admin 10 Hình 10: Trang đồ ăn 14 Hình 11: Trang đồ uống 14 Hình 12: Trang giỏ hàng 15 Hình 13: Trang Login 15 viii MỞ ĐẦU Lý chọn đề tài Ngày nay, công nghệ thông tin không ngừng phát triển cách mạnh mẽ đại Các ứng dụng công nghệ thông tin ngày sâu vào đời sống người trở thành phận thiếu giới văn minh Hiện nay, nhịp sống ngày hối hả, lúc bận rộn, bạn trẻ khó chấp nhận việc quãng đường dài để mua đồ ăn vặt thỏa mãn “cơn đói” Vì thế, em chọn đề tài Thiết kế Website Bán đồ ăn vặt để khắc phục khó khăn đáp ứng nhu cầu giới trẻ Mục tiêu đạt Thông tin lĩnh vực quan trọng sống nay, bên cạnh cịn có nhu cầu nghe nhìn giải trí trao đổi thơng tin, … Ngồi đồ ăn vặt ln thức q u thích khơng bạn trẻ mà người trưởng thành Khi internet trở thành thành phần tất yếu sống, đặt đồ qua mạng trở thành thói quen số đơng người dân kinh doanh đồ ăn vặt online thật ý tưởng hay bỏ qua Vì em xây dựng website bán đồ ăn vặt nhằm phần giúp khách hàng lựa chọn mua ăn ngon lúc nơi, không cần xa mà đồ ăn tận nhà cần click chuột Khách hàng lựa chọn nhiều phương thức toán thời gian địa điểm nhận hàng Nhiệm vụ hướng giải Từ yêu cầu đặt ra, đề tài tiến hành phân tích đưa hướng giải theo bước sau: - Hoàn chỉnh chức trang web thương mại điện tử: Các chức đăng nhập, xem giỏ hàng, xem sản phẩm hệ thống - Quản lý thông tin mặt hàng: Các ăn có thơng tin xuất xứ, có đánh giá từ người dùng để lấy lịng tin từ khách hàng - Quản lý thơng tin đơn mua hàng: Thơng tin ăn giỏ hàng hiển thị đầy đủ, chi tiết phần quản lý giỏ hàng người mua Ý nghĩa thực tiển đề tài Ý nghĩa thực tiển đề tài sau: - Ý nghĩa người sử dụng hệ thống website: Mua đồ ăn dể dàng, không cần xa, phục vụ tận tình từ nhân viên website - Ý nghĩa cá nhân sinh viên: Tạo website thân thiện hiệu việc quản lý hay bán mặt hàn Hoàn thành tốt đồ án tốt nghiệp đồng thời qua nâng cao trình độ Bố cục đồ án Sau phần Mở đầu, báo cáo trình bày ba chương, cụ thể sau: - Chương Công cụ công nghệ Trong chương trình bày cơng cụ công nghệ để xây dựng website - Chương Phân tích thiết kế hệ thống Nội dung chương bao gồm các: - Phân tích yêu cầu - Sơ đồ chức - Phân tích sở liệu - Chương Xây dựng Website Chương trình bày giao diện người dùng người quản trị Cuối Kết luận, Tài liệu tham khảo Phụ lục liên quan đến đề tài Hình 3: HTML HTML giúp người tạo cấu trúc thành phần trang web ứng dụng, phân chia đoạn văn, heading, links, blockquotes, vâng CSS viết tắt từ “Cascading Style Sheets” , ngơn ngữ sử dụng để tìm định dạng lại phần tử tạo ngôn ngữ đánh dấu (HTML) Hình 4: Đoạn code dùng CSS Có thể hiểu CSS đóng vai trị cơng cụ giúp thêm vào thay đổi mặt hình thức đổi bố cục, màu sắc, font chữ CSS hoạt động cách khoanh vùng chọn dựa vào tên thẻ HTML, ID hay Class Từ đó, áp dụng thuộc tính cần thay đổi lên vùng chọn Hình 5: Sử dụng JavaScript 1.2.2 C# C# (C Sharp, đọc "xi-sáp") ngơn ngữ lập trình hướng đối tượng đa năng, mạnh mẽ phát triển Microsoft, C# phần khởi đầu cho kế hoạch NET họ Tên ngôn ngữ bao gồm ký tự thăng theo Microsoft theo ECMA C#, bao gồm dấu số thường Microsoft phát triển C# dựa C++ Java C# miêu tả ngôn ngữ có cân C++, Visual Basic, Delphi Java C# thiết kế chủ yếu Anders Hejlsberg kiến trúc sư phần mềm tiếng với sản phẩm Turbo Pascal, Delphi, J++, WFC Phiên gần 9.0, phát hành vào năm 2020 với Visual Studio 2019 phiên 16.8 Hình 5: Ngôn Ngữ C# 1.2.3 ASP.Net ASP.NET tảng ứng dụng web (web application framework) phát triển cung cấp Microsoft, cho phép người lập trình tạo trang web động, ứng dụng web dịch vụ web Lần đưa thị trường vào tháng năm 2002 với phiên 1.0 của.NET framework, công nghệ nối tiếp Microsoft's Active Server Pages(ASP) ASP.NET biên dịch dạng Common Language Runtime (CLR), cho phép người lập trình viết mã ASP.NET với ngơn ngữ hỗ trợ bởi.NET language Hình 6: Ngơn ngữ ASP.Net 1.2.4 SQL Server Chương PHÂN TÍCH MƠ HÌNH HỆ THỐNG 2.1 Phân tích u cầu 2.1.1 Yêu cầu chức hệ thống Về phía người dùng: - Đăng nhập Khi khách hàng đăng nhập nhập thơng tin chuyển đến trang chủ website bán đồng hồ Nếu khách hàng nhập không thơng tin hệ thống hiển thị thơng báo “Sai Tên Đăng Nhập Hoặc Mật Khẩu” khách hàng phải nhập lại - Tìm kiếm sản phẩm Khi khách hàng tìm kiếm sản phẩm hệ thống hiển thị sản phẩm theo từ khóa gần giống cho khách hàng Và khách hàng lọc tìm sản phẩm theo giá, màu sắc, kích thước, chất liệu thương hiệu sản phẩm để người dùng chọn phù hợp với nhu cầu - Xem chi tiết sản phẩm Khi khách hàng bấm vào sản phẩm chuyển đến trang chi tiết sản phẩm sản phẩm đó, hệ thống hiển thơng tin sản phẩm khách hàng thêm sản phẩm vào giỏ hàng mua - Thêm giỏ hàng Khi khách hàng chọn ấn thêm sản phẩm vào giỏ hàng sản phẩm thêm vào giỏ hàng khách hàng khách hàng điều chỉnh tăng giảm số lượng xoá bỏ sản phẩm tuỳ thích giỏ hàng - Đặt hàng Khi khách hàng muốn đặt hàng vào phần giỏ hàng để toán, bấm nút toán đưa khách hàng đến trang tốn để điền xác thông tin giao hàng đặt hàng Khách hàng đặt hàng cách bấm vào nút mua để đến trang toán điền thơng tin giao hàng đặt hàng Về phía Admin: - Đăng nhập Thông tin đăng nhập tạo sẵn người thiết kế website cung cấp - Quản lý sản phẩm Người quản trị tạo khuyến cho sản phẩm, thay đổi thơng tin sản phẩm thêm sửa xoá sản phẩm - Quản lý khách hàng Người quản trị quản lý số lượng khách hàng sử dụng, xem thông tin khách hàng - Quản lý đơn hàng Người quản trị kiểm tra tình trạng đơn hàng, thông tin đơn hàng khách hàng 2.1.2 Yêu cầu hình thức - Giao diện bắt mắt, thân thiện dễ dùng - Logo, màu sắc, phơng chữ thiết kế hài hồ - Thân thiện với cơng cụ tìm kiếm để khách hàng dễ dàng tìm kiếm - Hỗ trợ tư vấn – hỏi đáp 2.2 Sơ đồ chức 2.2.1 Sơ đồ UseCase chung Hình 7: Sơ đồ Usecase 2.2.2 Về người dùng Hình 8: Sơ đồ Usecase khách hàng 2.2.3 Về người quản trị Hình 9: Sơ đồ Usecase Admin 10 2.3 Phân tích sở liệu 2.3.1 Bảng tài khoản Tên cột Kiểu liệu Mô tả Idtaikhoan Varchar(15) Primary Key ho Varchar(20) ten Varchar(50) gioitinh Varchar(5) sodienthoai Varchar(10) email Varchar(50) ngaysinh date matkhau Varchar(100) loaitaikhoan Int(11) tinhtrang Int(11) thoigian datetime Bảng 1: Bảng tài khoản 2.3.2 Bảng ăn Tên cột Kiểu liệu Mơ tả IDmonan Varchar(15) Primary Key, Foreign Key IDloai Varchar(15) Foreign Key Tenmonan Varchar(100) Giamonan Int(11) Bảng 2: Bảng ăn 11 2.3.3 Bảng nhóm mặt hàng Tên cột Kiểu liệu Mô tả IDloai Varchar(15) Primary Key Tenloai Varchar(80) Bảng 3: Bảng nhóm sản phẩm 2.3.4 Bảng giỏ hàng Tên cột Kiểu liệu Mô tả IDgiohang Int(11) Primary Key IDtaikhoan Varchar(15) Foreign Key IDmonan Varchar(15) Foreign Key Soluong Int(11) Thoigian datetime Bảng 4: Bảng giỏ hàng 2.3.5 Bảng đơn hàng Tên cột Kiểu liệu Mô tả IDdonhang Varchar(15) Primary Key, Foreign Key IDtaikhoan Varchar(15) Foreign Key Diachi Varchar(100) Tongtien Int(11) Giam Int(11) Phuongthucthanhtoan Int(11) 12 Phivanchuyen Int(11) Magiamgia Varchar(15) Tinhtrang Int(11) Thoigian datetime Bảng 5: Bảng đơn hàng 2.3.6 Bảng chi tiết đơn hàng Tên cột Kiểu liệu Mô tả IDchitietdonhang Varchar(15) Primary Key IDdonhang Varchar(20) Foreign Key IDsanpham Varchar(50) Foreign Key Soluong Varchar(5) Bảng 6: Bảng chi tiết đơn hàng 13 Chương XÂY DỰNG WEBSITE 3.1 Giao diện cho người dùng 3.1.1 Giao diện trang đồ ăn Hình 10: Trang Đồ ăn 3.1.2 Giao diện trang đồ uống Hình 11: Trang đồ uống 14 3.1.3 Giao diện trang giỏ hàng Hình 12: Trang giỏ hàng 3.2 Giao diện Admin 3.2.1 Trang Login Hình 13 Trang Login 15 KẾT LUẬN Kết đạt Sau thời gian thục đề tài em đạt số kết sau: Về phía người dùng: - Tìm kiếm sản phẩm - Xem chi tiết sản phẩm - Thêm sản phẩm vào giỏ hàng - Xem giỏ hàng - Xố sản phẩm khỏi giỏ hàng - Thêm thơng tin địa nhận hàng đặt hàng - Xem trạng thái đơn hàng - Xem tin tức Về phía người quản trị: - Đăng nhập - Quản lý người dùng - Quản lý đơn hàng - Quản lý sản phẩm - Cập nhật thêm sửa xoá tin tức Về thân: - Hiểu rõ quy trình bán hàng trực tuyến - Tìm hiểu nắm rõ công cụ để xây dựng website - Thiết kế giao diện dễ nhìn Hạn chế hướng phát triển 2.1 Hạn chế Đề tài số hạn chế sau: 16 - Chưa thể hoàn thành đầy đủ chức trang web ban đầu đưa - Cơ sở liệu nhỏ, chức phân quyền chưa tối ưu - Chưa kết hợp xử lý chức tốn hố đơn 2.2 Hướng phát triển Đề tài tiếp tục hoàn thiện phát triển theo nội dung sau: - Xây dựng website đáp ứng đầy đủ yêu cầu nghiệp vụ - Phân quyền hệt thống quản trị tối ưu - Kết hợp chức toán trực tiếp hay qua thẻ ATM, liên kết với hệ thống ngân hàng 17 TÀI LIỆU THAM KHẢO [1] http://www.w3school.com i PHỤ LỤC ... trẻ khó chấp nhận việc quãng đường dài để mua đồ ăn vặt thỏa mãn “cơn đói” Vì thế, em chọn đề tài Thiết kế Website Bán đồ ăn vặt để khắc phục khó khăn đáp ứng nhu cầu giới trẻ Mục tiêu đạt Thông... tiển đề tài Ý nghĩa thực tiển đề tài sau: - Ý nghĩa người sử dụng hệ thống website: Mua đồ ăn dể dàng, không cần xa, phục vụ tận tình từ nhân viên website - Ý nghĩa cá nhân sinh viên: Tạo website. .. vặt online thật ý tưởng hay bỏ qua Vì em xây dựng website bán đồ ăn vặt nhằm phần giúp khách hàng lựa chọn mua ăn ngon lúc nơi, không cần xa mà đồ ăn tận nhà cần click chuột Khách hàng lựa chọn