Xây dựng website bán hàng điện tử

ĐẠI HỌC ĐÀ NẴNG PHÂN HIỆU TẠI KON TUM PHẠM BÁ LỘC BÁO CÁO ĐỒ ÁN TỐT NGHIỆP XÂY DỰNG WEBSITE BÁN HÀNG ĐIỆN TỬ Kon Tum, tháng 04 năm 2022 ĐẠI HỌC ĐÀ NẴNG PHÂN HIỆU TẠI KON TUM BÁO CÁO ĐỒ ÁN TỐT NGHIỆP XÂY DỰNG WEBSITE BÁN HÀNG ĐIỆN TỬ GIẢNG VIÊN HƯỚNG DẪN SINH VIÊN THỰC HIỆN LỚP MÃ SỐ SINH VIÊN : ThS LÊ THỊ BẢO YẾN : PHẠM BÁ LỘC : K11TT : 17152480201005 Kon Tum, tháng 04 năm 2022 LỜI CÁM ƠN Trải qua thời gian học tập rèn luyện mái trường Phân Hiệu Đại Học Đà Nẵng Kon Tum, thân em bạn tiếp thu nhiều kiến thức thầy cô phân hiệu đặc biệt thầy cô thuộc khoa Kỹ Thuật Nông Nghiệp Em xin gửi lời cảm ơn đến thầy cô Em xin chân thành cảm ơn cô Lê Thị Bảo Yến tận tình hướng dẫn, giúp đỡ em hoàn thành đồ án tốt nghiệp Cuối cùng, em chúc tất thầy cô công tác tốt ln dồi sức khỏe để cống hiến cho hệ sinh viên Em xin chân thành cảm ơn! Sinh viên Phạm Bá Lộc MỤC LỤC CHƯƠNG TỔNG QUAN ĐỀ TÀI 1.1 TỔNG QUAN ĐỀ TÀI NGHIÊN CỨU 1.2 LÝ DO CHỌN ĐỀ TÀI 1.3 MỤC TIÊU NGHIÊN CỨU 1.4 PHƯƠNG PHÁP NGHIÊN CỨU CHƯƠNG CƠ SỞ LÝ THUYẾT .4 2.1 MỘT SỐ KHÁI NIỆM VỀ THƯƠNG MẠI ĐIỆN TỬ CHƯƠNG PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG .12 3.1 TÁC NHÂN VÀ CHỨC NĂNG CHƯƠNG TRÌNH 12 3.2 CHỨC NĂNG CHƯƠNG TRÌNH 13 3.3 THIẾT KẾ HỆ THỐNG .17 3.3.1 Sơ đồ Use case tổng quát 17 3.3.2 Biểu đồ 38 3.3.3 Sơ đồ lớp 44 CHƯƠNG KẾT QUẢ .8 4.1 GIAO DIỆN CHÍNH 4.1.1 Giao diện trang chủ 4.1.2 Giao diện danh sách sản phẩm 4.1.3 Giao diện chi tiết sản phẩm 10 4.1.4 Giao diện giỏ hàng 11 4.1.5 Giao diện toán online 12 4.1.6 Giao diện đặt hàng thành công 13 4.1.7 Giao diện theo dõi đơn hàng 14 4.1.8 Giao diện tìm kiếm 15 4.1.9 Giao diện danh sách tin tức 16 4.1.10 Giao diện chi tiết tin tức .17 4.2 GIAO DIỆN QUẢN TRỊ 18 4.2.1 Giao diện đăng nhập .18 4.2.2 Giao diện đăng xuất 18 4.2.3 Giao diện tổng quan 19 4.2.4 Giao diện danh sách sản phẩm 19 4.2.5 Giao diện danh sách người dùng 20 4.2.6 Giao diện thêm sản phẩm .21 4.2.7 Giao diện sửa sản phẩm 22 4.2.8 Giao diện xem sản phẩm .23 4.2.9 Giao diện xem đơn hàng .24 4.2.10 Giao diện thêm chi tiết đơn hàng .25 4.2.11 Giao diện thêm đơn hàng 25 4.2.12 Giao diện phân quyền 26 4.2.13 Giao diện báo cáo doanh thu 27 4.2.14 Giao diện báo cáo sản phẩm .28 CHƯƠNG KẾT LUẬN VÀ KIẾN NGHỊ .29 5.1 KẾT LUẬN 29 5.1.1 Kết đạt 29 5.1.2 Hạn Chế 29 5.2 HƯỚNG PHÁT TRIỂN .29 TÀI LIỆU THAM KHẢO 30 MVC CSDL PHP HTML CSS HTTP B2B B2C API VSCODE : : : : : : : : : : DANH MỤC CÁC CHỮ VIẾT TẮT Model View Controller Cơ sở liệu Hypertext Preprocessor HyperText Markup Language Cascading Style Sheets Hyper Text Transfer Protocol Business to Business Business To Consumer Application Programming Interface Visual Studio Code DANH MỤC BẢNG Số hiệu bảng Bảng 3.1 Bảng 3.2 Bảng 3.3 Bảng 3.4 Bảng 3.5 Bảng 3.6 Bảng 3.7 Bảng 3.8 Bảng 3.9 Bảng 3.10 Bảng 3.11 Bảng 3.12 Bảng 3.13 Bảng 3.14 Bảng 3.15 Bảng 3.16 Bảng 3.17 Bảng 3.18 Bảng 3.19 Bảng 3.20 Bảng 3.21 Bảng 3.22 Bảng 3.23 Bảng 3.24 Bảng 3.25 Bảng 3.26 Tên bảng Bảng tác nhân chức chương trình Bảng mơ tả Use case Đặc tả use case đăng nhập Đặc tả use case xem danh sách sản phẩm Đặc tả use case xem chi tiết sản phẩm Đặc tả use case xem tin tức Đặc tả use case bình luận Đặc tả use case đánh giá Đặc tả use case xem quản lý giỏ hàng Đặc tả use case đặt mua hàng Đặc tả use case theo dõi đơn hàng Đặc tả use case tìm kiếm sản phẩm Đặc tả use case tìm kiếm tin tức: Đặc tả use case cập nhật sản phẩm Đặc tả use case cập nhật loại sản phẩm Đặc tả use case cập nhật nhà cung cấp Đặc tả use case cập nhật ưu đãi Đặc tả use case cập nhật khuyến Đặc tả use case cập nhật nhân viên Đặc tả use case cập nhật loại nhân viên Đặc tả use case đổi mật Đặc tả use case phân quyền Đặc tả use case cập nhật tin tức: Đặc tả use case cập nhật loại tin tức Đặc tả use case cập nhật đơn hàng Đặc tả use case duyệt đơn hàng Trang 12 17 18 19 19 20 20 20 21 21 22 22 22 24 24 25 25 26 27 28 28 29 30 30 31 32 Bảng 3.27 Đặc tả use case hủy đơn hàng 32 Bảng 3.28 Bảng 3.29 Bảng 3.30 Bảng 3.31 Bảng 3.32 Bảng 3.33 Bảng 3.34 Bảng 3.35 Bảng 3.36 Bảng 3.37 Đặc tả use case cập nhật giao diện Đặc tả use case báo cáo doanh thu tổng hợp Đặc tả use case báo cáo doanh thu theo nhân viên Đặc tả use case báo cáo doanh thu theo Đặc tả use case báo cáo doanh thu theo tháng Đặc tả use case báo cáo doanh thu theo kênh bán hàng Đặc tả use case báo cáo hóa đơn hủy Đặc tả use case báo cáo sản phẩm bán chạy Đặc tả use case báo cáo sản phẩm hủy Xác định mối kết hợp sở hữu 33 34 35 35 36 36 36 37 37 44 Bảng 3.38 Bảng 3.39 Bảng 3.40 Bảng 3.41 Bảng 3.42 Bảng 3.43 Bảng 3.44 Bảng 3.45 Bảng 3.46 Bảng 3.47 Bảng 3.48 Bảng 3.49 Bảng 3.50 Bảng 3.51 Bảng 3.52 Bảng 3.53 Bảng 3.54 Bảng 3.55 Bảng 3.56 Mối kết hợp vị trí Xác định số mối kết hợp Lược đồ sở liệu đánh giá Lược đồ sở liệu loại sản phẩm Lược đồ sở liệu bình luận Lược đồ sở liệu sản phẩm Lược đồ sở liệu banner Lược đồ sở liệu ưu đãi Lược đồ sở liệu gói khuyến Lược đồ sở liệu trạng thái đơn hàng Lược đồ sở liệu tin tức Lược đồ sở liệu chi tiết khuyến Lược đồ sở liệu đơn hàng Lược đồ sở liệu nhóm viết Lược đồ sở liệu khuyến Lược đồ sở liệu quản trị Lược đồ sở liệu quyền Lược đồ sở liệu chức Lược đồ sở liệu nhóm quản trị 45 45 48 48 48 49 50 50 50 51 51 51 51 52 52 53 53 53 54 DANH MỤC HÌNH ẢNH Số hiệu hình ảnh Hình 2.1 Hình 2.2 Hình 2.3 Hình 2.4 Hình 2.5 Hình 2.6 Hình 2.7 Hình 2.8 Hình 2.9 Hình 2.10 Hình 2.11 Hình 2.12 Hình 3.1 Hình 3.2 Hình 3.3 Hình 3.4 Hình 3.5 Hình 3.6 Hình 3.7 Hình 3.8 Hình 3.9 Hình 3.10 Hình 3.11 Hình 3.12 Hình 3.13 Hình 3.14 Hình 3.15 Hình 3.16 Hình 3.17 Hình 3.18 Hình 3.19 Hình 3.20 Hình 3.21 Hình 3.22 Hình 4.1 Hình 4.2 Hình 4.3 Tên hình ảnh Mơ hình MVC Ngôn ngữ HTML Ngôn ngữ CSS Ngôn ngữ JavaScript Logo bootstrap Logo jQuery Ngôn ngữ PHP Hệ quản trị CSDL MySQL Logo PHPMailer Logo TCPDF Phần mềm Visual Studio Code Công cụ XAMPP Sơ đồ Use case tổng quát Use case mô tả chức đăng nhập Use case tổng quan khách hàng Use case tổng quan quản trị hệ thống Use case quản lý sản phẩm Use case quản lý nhân viên Use case quản lý tin tức Use case quản lý đơn hàng Use case quản lý giao diện Use case báo cáo thống kê Sơ đồ chức xem đơn hàng Sơ đồ chức đặt hàng Sơ đồ chức theo dõi đơn hàng Sơ đồ chức xem chi tiết sản phẩm Sơ đồ chức đăng nhập admin Sơ đồ chức quản lý đơn đặt hàng Sơ đồ chức thống kê Sơ đồ thêm sản phẩm Sơ đồ chỉnh sửa sản phẩm Sơ đồ xóa sản phẩm Biểu đồ lớp Lược đồ quan hệ sở liệu Giao diện trang chủ Giao diện danh sách sản phẩm Giao diện chi tiết sản phẩm Trang 7 8 9 10 10 10 11 11 17 18 19 23 23 27 29 31 33 34 38 38 39 39 40 41 41 42 43 44 46 47 54 55 56 Hình 4.4 Hình 4.5 Hình 4.6 Hình 4.7 Hình 4.8 Hình 4.9 Hình 4.10 Hình 4.11 Hình 4.12 Hình 4.13 Hình 4.14 Hình 4.15 Hình 4.16 Hình 4.17 Hình 4.18 Hình 4.19 Hình 4.20 Hình 4.21 Hình 4.22 Hình 4.23 Hình 4.24 Hình 4.25 Hình 4.26 Giao diện giỏ hàng Giao diện toán online Giao diện đặt hàng thành công Thông báo đến khách hàng thông qua email Giao diện theo dõi đơn hàng Giao diện tìm kiếm Giao diện danh sách tin tức Giao diện chi tiết tin tức Giao diện đăng nhập Giao diện đăng xuất Giao diện tổng quan Giao diện danh sách sản phẩm Giao diện danh sách người dùng Giao diện thêm sản phẩm Giao diện sửa sản phẩm Giao diện xem sản phẩm Giao diện xem đơn hàng In đơn hàng Giao diện thêm chi tiết đơn hàng Giao diện thêm đơn hàng Giao diện phân quyền Giao diện báo cáo doanh thu Giao diện báo cáo sản phẩm 57 58 59 59 60 61 62 63 64 64 65 65 66 67 68 69 70 70 71 71 72 73 74 ` 4.1.10 Giao diện chi tiết tin tức Hình 4.11: Giao diện chi tiết tin tức ` 4.2 GIAO DIỆN QUẢN TRỊ 4.2.1 Giao diện đăng nhập Hình 4.12: Giao diện đăng nhập Trang nơi mà quản trị website phải nhập tài khoản mật để vào trang quản trị 4.2.2 Giao diện đăng xuất Hình 4.13 Giao diện đăng xuất Khi quản trị click vào nút đăng xuất, hộp thoại đăng xuất xuất thơng báo tới người dùng có muốn đăng xuất hay khơng Có hai tùy chọn có không Nếu chọn không, tiếp tục lại giao diện tại, cịn chọn Có, quay trở lại hình đăng nhập ` 4.2.3 Giao diện tổng quan Hình 4.14: Giao diện tổng quan Trang nơi hiển thị tổng quan doanh thu, số lượng đơn hàng bán ra… ngày 4.2.4 Giao diện danh sách sản phẩm Hình 4.15: Giao diện danh sách sản phẩm Trang nơi hiển thị danh sách sản phẩm lọc để người dùng tìm kiếm sản phẩm cách nhanh chóng thuận tiện ` 4.2.5 Giao diện danh sách người dùng Hình 4.16: Giao diện danh sách người dùng Trang nơi hiển thị danh sách nhân viên tài khoản nhân viên Cho phép quản lý đổi mật cấp quyền cho nhân viên Nếu chọn Cấp quyền hình cấp quyền hiển thị cịn chọn Đổi mật hình đổi mật hiển thị ` 4.2.6 Giao diện thêm sản phẩm Hình 3.17: Giao diện thêm sản phẩm Trang nơi hiển thị biểu mẫu để quản trị viên nhập thơng tin sản phẩm cần thêm ` 4.2.7 Giao diện sửa sản phẩm Hình 4.18: Giao diện sửa sản phẩm  Trang nơi hiển thị biểu mẫu để quản trị viên sửa lại thông tin sản phẩm cần sửa ` 4.2.8 Giao diện xem sản phẩm Hình 4.19: Giao diện xem sản phẩm Trang nơi hiển thị thông tin chi tiết sản phẩm ` 4.2.9 Giao diện xem đơn hàng Hình 4.20: Giao diện xem đơn hàng Hình 4.2125 In đơn hàng Trang hiển thị chi tiết đơn hàng, cho phép quản lý hủy đơn, thay đổi trạng thái đơn hàng ` 4.2.10 Giao diện thêm chi tiết đơn hàng Hình 4.22 Giao diện thêm chi tiết đơn hàng Trang nơi hiển thị biểu mẫu để quản trị viên nhập thơng tin chi tiết đơn hàng cần thêm 4.2.11 Giao diện thêm đơn hàng Hình 4.23: Giao diện thêm đơn hàng  Trang nơi hiển thị biểu mẫu để quản trị viên nhập thông tin đơn hàng cần thêm ` 4.2.12 Giao diện phân quyền Hình 3.24 Giao diện phân quyền Trang nơi hiển thị chức để quản trị phân quyền cho nhân viên đăng nhập vào hệ thống ` 4.2.13 Giao diện báo cáo doanh thu Hình 4.25: Giao diện báo cáo doanh thu Trang nơi hiển thị biểu đồ báo cáo bảng thống kê doanh thu Có thể báo cáo doanh thu tổng hợp, báo cáo doanh thu theo nhân viên, theo giờ, theo tháng, theo kênh bán hàng: bán shop bán online, báo cáo hóa đơn hủy với kỳ báo cáo: hôm nay, hôm qua, tháng này, năm theo khoảng thời gian tự chọn ` 4.2.14 Giao diện báo cáo sản phẩm Hình 4.26: Giao diện báo cáo sản phẩm Trang nơi hiển thị biểu đồ báo cáo bảng thống kê sản phẩm đơn hàng Có thể báo sản phẩm bán chạy nhất, báo cáo sản phẩm hóa đơn hủy với kỳ báo cáo: hôm nay, hôm qua, tháng này, năm theo khoảng thời gian tự chọn ` 5.1 KẾT LUẬN 5.1.1 Kết đạt Cơ xây dựng website bán hàng Với giao diện thân thiện, gần gũi thuận tiện cho người sử dụng Lưu trữ số lượng lớn thông tin sản phẩm, người dùng, người quản trị… Cập nhật sửa đổi thơng tin nhanh chóng, xác, thuận tiện Hỗ trợ nhiều chức phù hợp với thực tế việc tìm kiếm thơng tin theo danh sách điều kiện tùy chọn sản Chức thông báo qua email có đơn hàng từ khách hàng Báo cáo thống kê theo nhiều tiêu chí Dễ dàng sử dụng quản lý Chức gửi qua email khách hàng có đơn hàng Giúp người dùng nhanh chóng nhắm bắt thơng báo đơn hàng Chức phân quyền theo user, giúp quản lý dễ dàng quyền hạn nhân viên truy cập vào hệ thống Hỗ trợ chăm sóc khách hàng thơng qua tin nhắn facebook messenger 5.1.2 Hạn Chế Do thời gian nghiên cứu có hạn khả cịn hạn chế nên số ý tưởng, chưa thực thi Một số chức chưa hoạt động ổn định Chưa giải trọn vẹn vấn đề nảy sinh trình quản lý Trang website thiếu nhiều chức để vận hành hiệu Cịn nhiều chức chưa hồn thiện cịn ý tưởng chưa kịp triễn khai vào dự án 5.2 HƯỚNG PHÁT TRIỂN Website bán hàng đề tài lớn cần nhiều thời gian để đầu tư, xây dựng Về lâu dài, website phát triển thành website hoàn thiện với việc bổ sung chức như:  Áp dụng phương thức tốn khác  Đơn giản hóa giao diện website  Hỗ trợ đa ngơn ngữ  Bổ sung trí tuệ nhân tạo vào việc quản lý, tìm kiếm, quảng cáo, tư vấn chăm sóc khách hàng, … Do khả cịn hạn hẹp, vừa tìm hiểu ngơn ngữ vừa làm nên gặp nhiều khó khăn Website chưa phản ảnh đầy đủ hết tất chức website bán hàng Em mong nhận đóng góp ý kiến đánh giá q thầy bạn bè để em hồn thiện website hoàn chỉnh Em xin chân thành cảm ơn ` TÀI LIỆU THAM KHẢO Tiếng việt [1] Mơ hình MVC “Ứng dụng mơ hình MVC lập trình”.[Trực tuyến] Địa chỉ: https://monamedia.co/mvc-la-gi-ung-dung-cua-mo-hinh-mvc-tronglap-trinh/ [Truy cập 19/10/2021.] [2] HOSTINGER, “Hướng dẫn tự học lập trình JavaScript” [Trực tuyến] Địa chỉ: https://www.hostinger.vn/huong-dan/javascript-la-gi.[Truy cập 19/10/2021] [3] TP DEV, “Hướng dẫn tự học lập trình CSS” [Trực tuyến] Địa chỉ: https://topdev.vn/blog/css-la-gi/[ Truy cập 19/10/2021] [4] CRM VIET, “Kinh doanh B2B B2C [Trực tuyến] Địa chỉ: https://crmviet.vn/b2b-va-b2c/[ Truy cập 19/10/2021] [5] VietJack, “Học MySQL nâng cao” [Trực tuyến] Địa chỉ: https://vietjack.com/mysql/[ Truy cập 19/10/2021] [6] FreeTuts, “Hướng dẫn gửi mail PHP với PHPMailer” [Trực tuyến] Địa chỉ: https://freetuts.net/huong-dan-gui-mail-trong-php-voi-phpmailer710.html[ Truy cập 19/10/2021] [7] ZendVN - Học Lập Trình Online, “Tự học PHP” [Trực tuyến] Địa chỉ: https://www.youtube.com/watch?v=3yJeeub-6RY&list=PLv6GftO355 AsZFXlWLKob6tMsWZa4VCY1[ Truy cập 19/10/2021] [8] F8 Official, “HTML, CSS từ Zero Tới Hero” [Trực tuyến] Địa chỉ: https://www.youtube.com/playlist?list=PL_-VfJajZj0U9nEXa4qyfB4U5ZI YCMPlz[ Truy cập 19/10/2021] [9] F8 Official, “Javascript Cơ Bản” [Trực tuyến] Địa chỉ: https://www.youtube.com/playlist?list=PL_-VfJajZj0VgpFpEVFzS5Z-lkX tBe-x5[ Truy cập 19/10/2021] Tiếng anh [10] W3Schools, “PHP Tutorial” [Trực tuyến] Địa chỉ: https://www w3schools.com/php/[ Truy cập 19/10/2021] [11] W3Schools, “HTML Tutorial” [Trực tuyến] Địa chỉ: https://www w3schools.com/html/[ Truy cập 19/10/2021] [12] W3Schools, “CSS Tutorial” [Trực tuyến] Địa chỉ: https://www w3schools.com/html/[ Truy cập 19/10/2021] [13] W3Schools, “JavaScript Tutorial” [Trực tuyến] Địa chỉ: https://www w3schools.com/javascript/[ Truy cập 19/10/2021] [14] StackOverflow [Trực tuyến] Địa chỉ: https://stackoverflow.com/ [ Truy cập 21/11/2021] [15] XAMPP [Trực tuyến] Địa chỉ: https://www.apachefriends.org/ [ Truy cập 21/11/2021] [16] VS Code [Trực tuyến] Địa chỉ: https://code.visualstudio.com/ [ Truy cập 21/11/2021] ` GIẤY XÁC NHẬN HOÀN THÀNH BÁO CÁO ĐỒ ÁN TỐT NGHIỆP Họ tên sinh viên: Phạm Bá Lộc Lớp: K11TT Mã Sinh viên: 17152480201005 Xác nhận sinh viên: Phạm Bá Lộc chỉnh sửa báo cáo dồ án tốt nghiệp theo ý kiến Giảng viên hướng dẫn Hội đồng đánh giá Tên báo cáo đồ án tốt nghiệp: Xây dựng website bán hàng điện tử Kontum, ngày 08 tháng 04 năm 2022 Trưởng khoa Người hướng dẫn ... sau bán hàng Website bán hàng: Là website có chức website thương mại điện tử quy mô nhỏ hơn, tối giản giao diện tính để đơn giản hóa việc bán hàng Có tùy vào đặc trưng loại mặt hàng, website bán. .. mại điện tử website bán hàng Website thương mại điện tử trang thông tin điện tử thiết lập để phục vụ phần tồn quy trình hoạt động mua bán hàng hóa hay cung ứng dịch vụ, từ trưng bày giới thiệu hàng. .. Thương mại điện tử Thương mại điện tử, hay gọi e-commerce, mua bán sản phẩm hay dịch vụ hệ thống điện tử Internet mạng máy tính Thương mại điện tử dựa số công nghệ chuyển tiền điện tử, quản lý