ĐỀ tài website bán thực phẩm sạch

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 thực phẩm Sinh viên thực : Phan Ngọc Thịnh Lớp : 19I2 Giảng viên hướng dẫn: TS.Phạm Hồ Trọng Nguyên Đà Nẵng 28, 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 … Sinh viên: Phan Ngọc thịnh Mã: 191C900122 Giảng viên hướng dẫn: TS Phạm Hồ Trọng Nguyên Đà Nẵng 28, 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 chân thành cảm ơn! Sinh viên, Phan Ngọc Thịnh iv MỤC LỤC DANH MỤC CÁC TỪ VIẾT TẮT Error! Bookmark not defined DANH MỤC HÌNH VẼ viii MỞ ĐẦU Error! Bookmark not defined Lý chọn đề tài 2.Mục tiêu đạt Error! Bookmark not defined Nhiệm vụ Hướng giải Bố cục đồ an Chương CÔNG CỤ CÔNG NGHỆ SỬ DỤNG 1.1 Công cụ, công nghệ sử dụng 2.1.1 PHP 2.1.2 Xampp 2.1.3 HTML 2.1.4 CSS 1.2…… 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.1.3 Yêu cầu bảo mật 2.2 Phân tích chức 2.2.1… 2.2.2… 2.3 Sơ đồ use case 11 2.3.1 2.3.2… 2.4 Phân tích sở liệu 18 Chương XÂY DỰNG ỨNG DỤNG 12 3.1.Giao diện chung 21 3.2 Giao diện cho người quản trị 21 3.3 Giao diện … 213 v KẾT LUẬN 29 Kết đạt 29 Hạn chế Hướng phát triển 29 vi DANH MỤC CÁC TỪ VIẾT TẮT VIẾT TẮT NỘI DUNG PHP Hypertext Preprocessor SQL Structured Query Lanuage HTML Hypertext Markup Language CSS Cascading Style Sheets vii DANH MỤC HÌNH VẼ Hình 3.2.1 Sơ đồ chức quản lý admin…………………3 Hình 3.2.2 Sơ đồ chức khách hàng……………….5 Hình 3.3.1 Sơ đồ use case tổng quát……………………… Hình 3.3.2 Sơ đồ use case quản lý admin Hình 3.3.3 Sơ đồ quản lý danh mục admin Hình 3.3.4 Sơ đồ quản lý sản phẩm admin Hình 3.3.5 Sơ đồ quản lý quảng cáo Hình 3.3.6 Sơ đồ quản lý tài khoản Hình 3.3.7 Sơ đồ quản lý khách hàng Hình 3.3.8 Sơ đồ quản lý đơn hàng Hình 3.3.9 Sơ đồ quản lý bình luận Hình 3.3.10 Sơ đồ use case phía người dùng Hình 3.3.11 Sơ đồ quản lý giỏ hàng Hình 3.3.12 Sơ đồ thêm sản phẩm vào giỏ hàng Hình 3.3.13 Sơ đồ đặt hàng viii MỞ ĐẦU 1.Giới thiệu Trong thời đại cơng nghiệp hóa - đại hóa đất nước ngày nói đến cơng nghệ thơng tin hình dung tới môi trường phát triển động xếp vào hàng bậc giới Công nghệ thông tin ứng dụng rộng rãi vào lĩnh vực đời sống xã hội Từ phần mềm quản lý giúp cho công việc bán hàng cở hàng trở nên nhanh chóng dễ dàng, ngày cơng nghệ thông tin phát triển mạnh mẽ nữa, Website đời không đáp ứng cho khách hàng đến trực tiếp cửa hàng mua sản phẩm mà cịn phục vụ cho khách hàng xa Khơng thế, với việc giới thiệu, quảng bá hình ảnh hàng, công ty mở rộng quy mô lớn giúp cho việc kinh doanh, buôn bán, trao đổi tin tức thuận lợi nhiều,mang lại hiệu kinh tế cao tạo uy tín khách hàng Chính lợi ích mà Website mang lại mà cửa hàng, nhiều cơng ty áp dụng để phát triển công việc kinh doanh giới thiệu hàng Trong số đó, thời trang ngành sử dụng nhiều đến Website Do em lựa chọn đề tài thiết Website bán thực phẩm xanh thao nhằm đưa khách đến cho khách hàng địa điểm lý tưởng việc mua sắm thực phẩm ngày Lý chọn đề tài Ngày nay, việc áp dụng Website việc phát triển kinh doanh cửa hàng trở nên phổ biến hiệu quả, Trong thời kỳ công nghệ lên việc đưa mô hình kinh doanh lên trực tuyến quan trọng Lí xu hướng mua sắm online người dùng ngày tăng cao Hơn nữa, đại dịch Covid-19 khiến việc mua hàng thông qua mạng gần trở thành điều bắt buộc Việt Nam Các tác động kết hợp lại khiến bà nội trợ – đối tượng ngành thực phẩm quen với việc ngồi nhà chọn sản phẩm mong muốn Xây dựng Website bán hàng trực tuyến giới thiệu quảng bá sản phẩm, đặt hàng theo yêu cầu, sản phẩm đa dạng với giá hợp lý 3 Mục tiêu đề tài Mục tiêu đề tài bao gồm: - Xây dựng website cung cấp cho khách hàng tất thông tin chi tiết sản phẩm trang web, thông tin liên hệ sản phẩm cập nhật thường xuyên - Khách hàng đặt hàng sản phẩm mà khách hàng mong muốn - Tạo sản phẩm thân thiện, đơn giản với giao diện tự nhiên, bắt mắt, dễ sử dụng cho tất người - Xây dựng website giúp người quản trị quản lý thông tin hệ thống cách dễ dàng hơn, tiện lợi - Củng cố bổ sung kiến thức mơn học Qua đó, rèn luyện kỹ làm việc độc lập - Từ đề tài mở rộng ứng dụng cho đề tài khác có liên quan 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: - Tìm hiểu website tương tự để xây dựng chức cho phù hợp với đa phần thị hiếu người sử dụng - Tiến hành tìm hiểu khái niệm có liên quan từ thơng tin khảo sát tiến hành phân tích chức dự định đưa vào website - Tìm hiểu nội dung cần có trang web bán thực phẩm sạch, từ đưa giải pháp để tiến hành xây dựng - Lựa chọn cài đặt công cụ, phần mềm phù hợp cho việc thiết kế website - Bắt tay vào việc xây dựng website - Tiến hành kiểm tra chạy thử - Thay đổi, bổ sung, khắc phục lỗi để website hoàn chỉnh Ý nghĩa thực tiển đề tài Ý nghĩa thực tiễn đề tài sau: - Ý nghĩa doanh nghiệp:Website xây dựng nhằm giúp quảng bá thông tin sản phẩm , dịch vụ hệ thống thị trường cách rộng rãi Qua giúp tăng số lượng khách hàng sử dụng trang web tăng doanh thu Bên cạnh đó, cịn giúp cho doanh nghiệp, cá nhân giảm chi phí - Ý nghĩa khách hàng: Giúp cho người sử dụng nhanh chóng lựa chọn hàng mà muốn đặt mà khơng cần đến cửa hàng - Ý nghĩa cá nhân sinh viên: Qua đề tài này, em xây dựng website để ứng dụng vào thực tế với giao diện thân thiện, dễ dàng sử dụng q trình xem thơng tin dễ quản lý 6.Bố cục đề tài Ngoài phần mở dầu kết luận, nội dung đề tài tập chũng vào chương sau: - Chương Công nghệ công cụ Chương trình bày số cơng nghệ cơng cụn sử dụng để xây dưng websỉe như:… - Chương Phân tích thiết kế hệ thống Phân tích yêu cầu chức năng, sơ đồ use case, phân tích sở dưc liệu,… trình bày chi tiết chương - Chương Xây dựng triển khai ứng dụng Grong chương này, kết dủa đạt như: thiết kế giao diện phái người dùng, giao diện phái người quản trị,… Được trình bày chương - Chương CƠNG CỤ CƠNG NGHỆ SỬ DỤNG 2.1 Cơng cụ, cơng nghệ sử dụng 2.1.1 PHP Hình 1……… Là ngơn ngữ lập trình kịch hay loại mã lệnh chủ yếu dùng để phát triển ứng dụng viết cho máy chủ, mã nguồn mở, dùng cho mục đích tổng qt Nó thích hợp với web dễ dàng nhúng vào trang HTML Do tối ưu hóa cho ứng dụng wrb, tốc độ nhanh, nhỏ gọn, cú pháp giống C Java, dễ học thời gian xây dựng sản phẩm tương đối ngắn so với ngôn ngữ khác nên PHP nhanh chóng trở thành ngơn ngữ lập trình web phổ biến giới Ngơn ngữ, thư viện, tài liệu gốc PHP xây dựng cộng đồng có đóng góp lớn Zend Inc, công ty nhà phát triển cốt lõi PHP lập nên nhằm tạo môi trường chuyên nghiệp để đưa PHP phát triển quy mô doanh nghiệp 2.1.2 Xampp Xampp chương trình tạo máy chủ Web tích hợp sẵn Apache, PHP, MySQL, FTP Server, Mail Server công cụ phpMyAdmin Khơng Appserv, Xampp có chương trình quản lý tiện lợi, cho phép chủ động bật tắt khởi động lại dịch vụ máy chủ lúc Xampp mã nguồn mở máy chủ web đa phát triển Apache Friends, bao gồm chủ yếu Apache HTTP Server, MariaDB database, interpreters dành cho đối tượng sử dụng ngôn ngữ PHP Perl Xampp viết tắt Cross-Flatfom (đa tảng-X), Apache (A), MariaDB (M), PHP (P) Perl (P) Nó phân bố Apache nhẹ đơn giản, khiến lập trình viên dễ dàng tạo máy chủ web local để kiểm tra triển khai trang web Tất thứ cần cho phát triển trang web - Apache (ứng dụng máy chủ), Cơ sở liệu (MariaDB) ngôn ngữ lập trình (PHP) gói gọn tệp Xampp đa tảng chạy tốt Linux, Windows Mac Hầu hết việc triển khai máy chủ web thực tế sử dụng thành phần XAMPP nên dễ dàng để chuyển từ máy chủ local sang máy chủ online 2.1.3 HTML HTML ( viết tắt Hypertext Markup Language, "Ngôn ngữ Đánh dấu Siêu văn bản" ) ngôn ngữ đánh dấu thiết kế để tạo nên trang web World Wide Web Các phần tử HTML khối xây dựng trang HTML Với cấu trúc HTML, hình ảnh đối tượng khác biểu mẫu tương tác nhúng vào trang hiển thị HTML cung cấp phương tiện để tạo tài liệu có cấu trúc cách biểu thị ngữ nghĩa cấu trúc cho văn headings, paragraphs, lists, links, quotes mục khác Các phần tử HTML phân định tags, viết dấu ngoặc nhọn Các tags giới thiệu trực tiếp nội dung vào trang Các tags khác

bao quanh cung cấp thông tin văn tài liệu bao gồm thẻ khác làm phần tử phụ Các trình duyệt khơng hiển thị thẻ HTML, sử dụng chúng để diễn giải nội dung trang Hình Hình ảnh minh họa ngôn ngữ HTML 2.1.4 CSS CSS chữ viết tắt Cascading Style Sheets, ngôn ngữ tạo phong cách cho trang web Bạn hiểu đơn giản rằng, HTML đóng vai trị định dạng phần tử website việc tạo đoạn văn bản, tiêu đề, bảng,…thì CSS giúp thêm style vào phần tử HTML đổi bố cục, màu sắc trang, đổi màu chữ, font chữ, thay đổi cấu trúc Phương thức hoạt động CSS tìm dựa vào vùng chọn, vùng chọn tên thẻ HTML, tên ID, class hay nhiều kiểu khác Sau áp dụng thuộc tính cần thay đổi lên vùng chọn Hình Hình ảnh minh họa ngôn ngữ CSS 2.2 Ngôn ngữ , công nghệ 2.2.1 Ngôn ngữ 2.2.1.1.HTML HTML viết tắt từ Hyper Text Markup Language, có nghĩa ngơn ngữ đánh dấu siêu văn HTML sử dụng để định dạng hiển thị văn trình duyệt tới người sử dụng Nó xương sống trang web HTML gồm số thẻ , , ,,

, , , , , , ,

,

,… Hình 1.5 : Một số thẻ HTML 2.1.2.CSS CSS chữ viế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) Nói ngắn gọn ngôn ngữ tạo phong cách cho trang web Bạn hiểu đơn giản rằng, HTML đóng vai trị định dạng phần tử website việc tạo đoạn văn bản, tiêu đề, bảng,…thì CSS giúp thêm style vào phần tử HTML đổi bố cục, màu sắc trang, đổi màu chữ, font chữ, thay đổi cấu trúc… CSS phát triển W3C (World Wide Web Consortium) vào năm 1996, HTML khơng thiết kế để gắn tag để giúp định dạng trang web Phương thức hoạt động CSS tìm dựa vào vùng chọn, vùng chọn tên thẻ HTML, tên ID, class hay nhiều kiểu khác Sau áp dụng thuộc tính cần thay đổi lên vùng chọn Hình 1.6 : Cách viết CSS Chương PHÂN TÍCH MƠ HÌNH HỆ THỐNG 3.1 Phân tích u cầu 3.1.1.u cầu chức hệ thống -Về phía người dùng (user): + đăng ký, đăng nhập + Xem chi tiết sản phẩm + Tìm kiếm sản phẩm + đánh giá sản phẩm + Chọn hàng, mua hàng toán + Thêm vào giỏ hàng, cập nhật giỏ hàng +… -Về phía nhà cung cấp: -Về phía quản trị (admin) + Đăng nhập: Thơng tin đăng nhập có sẵn quản trị viên tạo sẵn website đưa vào sử dụng + Thống kê: Thống kê doanh thu , thống kê sản phẩm số lượng sản phẩm bán + Quản lý danh mục: Quản lý, thêm sửa, xóa, danh mục + Quản lý sản phẩm: Quản lý, thêm sửa, xóa, sản phẩm + Quản lý thành viên: Quản lí lượng khách hàng đăng kí sử dụng website + Quản lý đơn hàng: Kiểm tra tình trạng đơn hàng , kiểm duyệt thơng tin giao hàng cho khách hàng đặt hàng + Cập nhật giao diện, quảng cáo website 3.1.2.Yêu cầu hình thức -Giao diện thân thiện, dễ dùng -màu sác hài hóa -Bố cục chức hợp lý -cho pháp người dùng chọn nhanh sản phầm thông qua danh sách có sẵn 3.1.3.Yêu cầu bảo mật: -Về phía người dùng: cần phải đăng nhập để mua hàng, củng bình luận đánh giá sản phẩm, chưa có tài khoản đăng ký… -Về phía người quản trị: đăng nhập để quản lý liệu website 3.2.Phân tích chức 3.2.1.Sơ đồ chức quản lý admin: Hình 3.2.1.Sơ đồ chức admin 3.3 Sơ đồ use case 3.3.1 Sơ đồ use case tổng quát Hình 3.3.1 Sơ đồ use case tổng quát 3.3.2 Sơ đồ use case quản lý admin Hình 3.3.2 Sơ đồ use case quản lý admin 3.4 Phân tích sở liệu 3.3.3 bảng tài khoản Tên cột Kiểu liệu Mơ Tả IDTaiKhoan Varchar(50) Khóa Ten Varchar(225) SoDienThoai Int Email Varchar(225) Mật Khẩu Varchar(225) 3.3.4 Bảng danh mục sản phẩm Tên cột Kiểu liệu Mô Tả IDSanPham Varchar(50) Khóa TenSP Varchar(225) GiaSP Varchar(225) HinhAnh Varchar(225) IDNhomSP Varchar(50) MoTa Text TrangThai Varchar(225) Khóa phụ 3.3.5 Bảng Nhóm Sản Phẩm Tên cột Kiểu liệu Mơ Tả IDNhomSP Varchar(50) Khóa TenNhom Varchar(225) 3.3.5 Bảng Nhóm Sản Phẩm 3.3.6 Bảng Admin Tên cột Kiểu liệu Mô Tả Tên Varchar(225) Email Varchar(225) MatKhau Varchar(225) 3.3.6 Bảng Admin Chương XÂY DỰNG ỨNG DỤNG 3.1 Giao diện chung 4.1.1 Giao diện trang chủ Website Hình 4.1.1 Giao diện trang chủ Website 4.1.3 giao diện đăng nhập 4.1.4 Giao diện đăng ký Hình 4.1.2 Giao diện đăng ký 4.1.5 Giao diện admin Hình 4.1.3 giao diện admin 4.1.6 giao diện sản phẩm Hình 4.1.4 4.1.5 giao diện giỏ hàng Hình 4.1.5 4.1.6 giao diện tốn Hình 4.1.6 KẾT LUẬN Kết đạt Về phía người quản trị - Hoàn thành chức quản lý như: quản lý danh mục, sản phẩm, tài khoản, người dùng, đơn hàng Ngồi cịn có chức quản lý banner, quản lý bình luận, đổi mật khẩu… Về phía người dùng - Khách hàng đăng nhập, đăng ký, xem thông tin sản phẩm Mua hàng, thêm sản phẩm vào giỏ hàng, xếp, tìm kiếm sản phẩm, cập nhật giỏ hàng Khách hàng thay đổi thơng tin mật Xem lịch sử mua hàng Đăng xuất … Về phía thân - Khảo sát quy trình phát triển hệ thống Website Nắm số khái niệm Phân tích liệ chức hệ thống Thiết kế CSDL giao diện chương trình Xây dựng Website tương đối hoàn chỉnh so với yêu cầu đặt Hạn chế hướng phát triển - Giao diện chưa đẹp Một số chức phụ chưa hoàn chỉnh Chưa có chức đánh giá, phản hồi bình luận TÀI LIỆU THAM KHẢO [1] Trang web: https://tailieu.vn/ [2] Trang web: https://123docz.net/trang-chu.htm [3] Trang web: https://www.w3schools.com/ [4] Trang web: https://aobongda.net/ ... đến Website Do em lựa chọn đề tài thiết Website bán thực phẩm xanh thao nhằm đưa khách đến cho khách hàng địa điểm lý tưởng việc mua sắm thực phẩm ngày Lý chọn đề tài Ngày nay, việc áp dụng Website. .. xây dựng website - Tiến hành kiểm tra chạy thử - Thay đổi, bổ sung, khắc phục lỗi để website hoàn chỉnh Ý nghĩa thực tiển đề tài Ý nghĩa thực tiễn đề tài sau: - Ý nghĩa doanh nghiệp :Website xây... Qua đề tài này, em xây dựng website để ứng dụng vào thực tế với giao diện thân thiện, dễ dàng sử dụng q trình xem thơng tin dễ quản lý 6.Bố cục đề tài Ngoài phần mở dầu kết luận, nội dung đề tài