Đồ án tốt nghiệp xây DỰNG WEBSITE bán HÀNG điện tử

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 XÂY DỰNG WEBSITE BÁN HÀNG ĐIỆN TỬ Sinh viên thực hiện: TRÀ TẤN HƯỞNG Lớp: 19I2 Giảng viên hướng dẫn: TS Lê Thị Thu Nga Đà Nẵng, tháng 11 năm 2021 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 XÂY DỰNG WEBSITE BÁN HÀNG ĐIỆN TỬ Sinh viên thực hiện: TRÀ TẤN HƯỞNG Lớp: 19I2 Giảng viên hướng dẫn: TS Lê Thị Thu Nga Đà Nẵng, tháng 11 năm 2021 NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN LỜI CẢM ƠN Qua báo cáo em xin cảm ơn thầy trường tận tình dạy giúp đỡ cho em thời gian em học tập trường Đại Học Công Nghệ Thông Tin Và Truyền Thông Việt – Hàn Em xin cảm ơn cô Lê Thị Thu Nga giúp đỡ hổ trợ báo cáo số vấn đề liên quan đến trình làm đồ án tốt nghiệp Một lần em xin chân thành cảm ơn bày tỏ chân thành Sinh viên TRÀ TẤN HƯỞNG MỤC LỤC DANH MỤC VIẾT TẮT DANH MỤC HÌNH VẼ DANH MỤC BIỂU BẢNG MỞ ĐẦU Chương : CÔNG CỤ ,NGÔN NGỮ VÀ CÔNG NGHỆ SỬ DỤNG 1.1 Công cụ phần mềm 1.2 Ngôn ngữ , công nghệ 1.2.1 Ngôn ngữ 1.2.2 Công nghệ 1.2.3 Một số thư viện , framework khác hổ trợ cho front – end 1.2.4 Hệ quản trị sở liệu MySQL Chương : PHÂN TÍCH THIẾT KẾ HỆ THỐNG 11 2.1 Yêu cầu chức hệ thống 11 2.1.1 Về phía người dùng 11 2.1.2 Về phía quản trị viên 13 2.2 Yêu cầu hình thức 13 2.3 Yêu cầu bảo mật 14 2.4 Sơ đồ chức 14 2.4.1 Sơ đồ tổng quát 14 2.4.2 Người dùng 15 2.4.3 Quản trị viên 15 2.5 Biểu đồ 16 2.5.1 Biểu đồ hoạt động thêm vào giỏ hàng 16 2.5.2 Biểu đồ hoạt động đặt hàng 16 2.5.3 Biểu đồ hoạt động tìm kiếm sản phẩm 17 2.5.4 Biểu đồ lớp người dùng 17 2.5.5 Biểu đồ lớp sản phẩm 18 2.6 Phân tích sở liệu 19 2.6.1 Các bảng sở liệu : 19 2.6.2 Chi tiết sỡ liệu : 19 2.6.3 Mối quan hệ bảng sở liệu 33 Chương : XÂY DỰNG VÀ PHÁT TRIỂN 34 3.1 Giao diện người dùng 34 3.1.1 Đăng nhập 34 3.1.2 Đăng kí 34 3.1.3 Trang chủ 35 3.1.4 Trang sản phẩm 36 3.1.5 Trang xem chi tiết sản phẩm 36 3.1.6 Trang sản phẩm yêu thích 37 3.1.7 Trang mã giảm giá 38 3.1.8 Trang thông tin cá nhân 38 3.1.9 Trang đơn hàng 39 3.1.10 Trang thông báo 39 3.1.11 Trang chi tiết đơn hàng 40 3.1.12 Trang giỏ hàng 40 3.1.13 Trang giới thiệu 41 3.1.14 Trang liên hệ 41 3.1.15 Trang tin tức 42 3.1.16 Trang tin tức chi tiết 42 3.1.17 Trang hổ trợ trực tuyến 43 3.1.18 Trang tìm kiếm sản phẩm 43 3.2 Giao diện quản trị 44 3.2.1 Trang đăng nhập 44 3.2.2 Trang tổng quan 44 3.2.3 Trang quản lí khách hàng 45 3.2.4 Trang quản lí nhân viên 45 3.2.5 Trang quản lí đơn hàng 46 3.2.6 Trang thiết lập website 47 3.2.7 Trang quản lí sản phẩm 47 3.2.8 Trang quan lí danh mục 48 3.2.9 Trang quản lí viết 48 3.2.10 Trang quản lí liên hệ 49 3.2.11 Trang hổ trợ trực tuyến 49 KẾT LUẬN 50 TÀI LIỆU THAM KHẢO DANH MỤC VIẾT TẮT VIẾT TẮT NỘI DUNG CSDL Cơ sở liệu IDE Integrated Development Environment PHP Hypertext Preprocessor API Application Programming Interface HTTP Hypertext Transfer Protocol XML eXtensible Markup Language DANH MỤC HÌNH VẼ Hình 1.1 : Hình ảnh minh hoạ visual studio code Hình 1.2 : Hình ảnh minh hoạ inteliJ IDEA Hình 1.3 : Hình ảnh minh hoạ xampp Hình 1.4 : Hình ảnh minh hoạ Post Man Hình 1.5 : Một số thẻ HTML Hình 1.6 : Cách viết CSS Hình 1.7 : Javascript chuẩn javasript CS6 Hình 1.8 : Minh họa đối tượng Java Hình 1.9 : Minh họa framework Spring boot Hình 1.10 : Minh họa ReactJS Hình 1.11 : Link CDN tailwindcss Hình 1.12 : Hình ảnh minh hoạ MYSQL 10 Hình 2.1 : Sơ đồ use case tổng quát 14 Hình 2.2 : Sơ đồ use case người dùng 15 Hình 2.3 : Sơ đồ use case quản trị viên 15 Hình 2.4 : Biểu đồ hoạt động xem thêm sản phẩm vào giỏ hàng 16 Hình 2.5 : Biểu đồ hoạt động đặt hàng 16 Hình 2.6 : Biểu đồ hoạt động tìm kiếm sản phẩm 17 Hình 2.7 : Biểu đồ lớp người dùng 17 Hình 2.8 : Biểu đồ lớp sản phẩm 18 Hình 2.9 : Mối quan hệ bảng sở liệu 33 Hình 3.1 : Form đăng nhập 34 Hình 3.2 : Form đăng kí 34 Hình 3.3 : Giao diện trang chủ 35 Hình 3.4 : Giao diện trang chủ 35 Hình 3.5 : Giao diện trang chủ 35 Hình 3.6: Giao diện trang sản phẩm 36 Hình 3.7 : Giao diện đánh giá sản phẩm 36 Hình 3.8 : Giao diện xem chi tiết sản phẩm 37 Hình 3.9 : Giao diện thông tin đánh giá sản phẩm 37 Hình 3.10 : Giao diện sản phẩm yêu thích 37 Hình 3.11 : Trang mã giảm giá 38 Hình 3.12 : Trang thông tin cá nhân 38 Hình 3.13 : Trang đơn hàng 39 Hình 3.14 : Trang thơng báo 39 Hình 3.15 : Trang chi tiết đơn hàng 40 Hình 3.16 : Giao diện giỏ hang 40 Hình 3.17 : Giao diện giới thiệu 41 Hình 3.18 : Giao diện liên hệ 41 Hình 3.19 : Giao diện tin tức 42 Hình 3.20 : Giao diện xem tin tức chi tiết 42 Hình 3.21 : Giao diện hổ trợ trực tuyến 43 Hình 3.22 : Giao diện tìm kiếm sản phẩm 43 Hình 3.23 : Giao diện đăng nhập quản trị viên 44 Hình 3.24 : Giao diện quản trị tổng quan 44 Hình 3.25 : Giao diện quản lí khách hang 45 Hình 3.26 : Giao diện quản lí nhân viên 45 Hình 3.27 : Giao diện quản lí đơn hàng 46 Hình 3.28 : Giao diện in hố đơn 46 Hình 3.29 : Giao diện thiết lập website 47 Hình 3.30 : Giao diện quản lí sản phẩm 47 Hình 3.31 : Giao diện quản lí danh mục 48 Hình 3.32 : Giao diện quản lí viết 48 Hình 3.33 : Giao diện quản lí liên hệ 49 Hình 3.34 : Giao diện hổ trợ trực tuyến 49 DANH MỤC BIỂU BẢNG Bảng 2.1 : Bảng user 20 Bảng 2.2 : Bảng password_reset 20 Bảng 2.3 : Bảng product 20 Bảng 2.4 : Bảng group_product 21 Bảng 2.5 : Bảng category_product 21 Bảng 2.6 : Bảng line_product 21 Bảng 2.7 : Bảng info_product 22 Bảng 2.8 : Bảng group_chat 22 Bảng 2.9 : Bảng group_filter_product 23 Bảng 2.10 : Bảng image 23 Bảng 2.11 : Bảng color 23 Bảng 2.12 : Bảng ram 23 Bảng 2.13 : Bảng slide 24 Bảng 2.14 : Bảng role 24 Bảng 2.15 : Bảng wish_list 24 Bảng 2.16 : Bảng popup_ads 24 Bảng 2.17 : Bảng notìfy 25 Bảng 2.18 : Bảng messages 25 Bảng 2.19 : Bảng memory 25 Bảng 2.20 : Bảng group_attribute 26 Bảng 2.21 : Bảng function_product 26 Bảng 2.22 : Bảng detail_function_product 26 Bảng 2.23 : Bảng discount_code 27 Bảng 2.24 : Bảng discount_code_user 27 Bảng 2.25 : Bảng contact 27 Bảng 2.26 : Bảng config_website 27 Bảng 2.27 : Bảng image_other 28 Bảng 2.28 : Bảng cart 28 Bảng 2.29 : Bảng bill 29 Bảng 2.30 : Bảng detail_bill 29 Bảng 2.31 : Bảng comment 29 3.1.7 Trang mã giảm giá Hình 3.11 : Trang mã giảm giá 3.1.8 Trang thông tin cá nhân Hình 3.12 : Trang thơng tin cá nhân 38 3.1.9 Trang đơn hàng Hình 3.13 : Trang đơn hàng 3.1.10.Trang thơng báo Hình 3.14 : Trang thơng báo 39 3.1.11.Trang chi tiết đơn hàng Hình 3.15 : Trang chi tiết đơn hàng 3.1.12.Trang giỏ hàng Hình 3.16 : Giao diện giỏ hang 40 3.1.13.Trang giới thiệu Hình 3.17 : Giao diện giới thiệu 3.1.14.Trang liên hệ Hình 3.18 : Giao diện liên hệ 41 3.1.15.Trang tin tức Hình 3.19 : Giao diện tin tức 3.1.16.Trang tin tức chi tiết Hình 3.20 : Giao diện xem tin tức chi tiết 42 3.1.17.Trang hổ trợ trực tuyến Hình 3.21 : Giao diện hổ trợ trực tuyến 3.1.18.Trang tìm kiếm sản phẩm Hình 3.22 : Giao diện tìm kiếm sản phẩm 43 3.2 Giao diện quản trị 3.2.1 Trang đăng nhập Hình 3.23 : Giao diện đăng nhập quản trị viên 3.2.2 Trang tổng quan Hình 3.24 : Giao diện quản trị tổng quan 44 3.2.3 Trang quản lí khách hàng Hình 3.25 : Giao diện quản lí khách hang 3.2.4 Trang quản lí nhân viên Hình 3.26 : Giao diện quản lí nhân viên 45 3.2.5 Trang quản lí đơn hàng Hình 3.27 : Giao diện quản lí đơn hàng Hình 3.28 : Giao diện in hoá đơn 46 3.2.6 Trang thiết lập website Hình 3.29 : Giao diện thiết lập website 3.2.7 Trang quản lí sản phẩm Hình 3.30 : Giao diện quản lí sản phẩm 47 3.2.8 Trang quan lí danh mục Hình 3.31 : Giao diện quản lí danh mục 3.2.9 Trang quản lí viết Hình 3.32 : Giao diện quản lí viết 48 3.2.10.Trang quản lí liên hệ Hình 3.33 : Giao diện quản lí liên hệ 3.2.11.Trang hổ trợ trực tuyến Hình 3.34 : Giao diện hổ trợ trực tuyến 49 KẾT LUẬN Kết đạt Trong trình thực đồ án thực kết đạt sau : • Về phía người dùng : - Xây dựng chức đăng kí , đăng nhập lấy lại mật khẩu, đổi mật - Chức xem sản phẩm , chức giỏ hàng , chức sản phẩm u thích , tốn , cập nhật tình trạng đơn hàng , tìm kiếm sản phẩm - Chức thông báo , hổ trợ trực tuyến , cập nhật thông tin người dùng - Chức đánh giá sản phẩm theo mức độ , chức bình luận xem viết - Chức hổ trợ trực tuyến - Thông báo trực tuyến • Về phía quản trị : - Chức quản lí sản phẩm , khách hàng , nhân viên , đơn hàng , viết , liên hệ , thiết lập số chức cập nhật trang giới thiệu , thông tin liên hệ - Cập nhật đơn hàng , in hố đơn - Chức lọc tim kiếm thơng tin theo ngày - Thống kê lượng người dùng , sản phẩm , đơn hàng , doanh thu theo ngày , theo thời gian cụ thể - Hổ trợ trực tuyến quản trị người dùng • Về thân: - Hiểu thêm cách thức hoạt động trang web , clean code Cách xử lí vấn , xử lí code nhanh nhẹn , khắc phục lỗi tốn thời gian - Hiểu quy trình cách thức hoạt động website thương mại điện tử , phân tích sở liệu tối ưu - Có nhiều kinh nghiệm xây dựng phát triển website , phát triển kỉ phân tích xử lí vấn đề trước bắt tay vào thực Hướng phát triển - Tìm hiểu kĩ rõ công nghệ ngôn ngữ sử dụng để cải tiến tối ưu website trình sử dụng khách hàng 50 - Bổ sung thêm số chức : • Thông báo tới người dùng thông tin khuyến người dùng cho phép website truy cập • Tăng cường vấn đề bảo mật an tồn thơng tin website tránh ảnh hưởng từ hacker xâm nhập vào lấy thơng tin khách hàng thông tin quan trọng doanh nghiệp • Tối ưu hóa giao diện , tích hợp thêm phím tắt để người dùng sử dụng website nhanh 51 TÀI LIỆU THAM KHẢO [1] https://reactjs.org/docs/getting-started.html [2] https://docs.spring.io/spring-boot/docs/current/reference/htmlsingle/ [3] https://restfulapi.net/ ... Khoa Học Máy Tính BÁO CÁO ĐỒ ÁN TỐT NGHIỆP XÂY DỰNG WEBSITE BÁN HÀNG ĐIỆN TỬ Sinh viên thực hiện: TRÀ TẤN HƯỞNG Lớp: 19I2 Giảng viên hướng dẫn: TS Lê Thị Thu Nga Đà Nẵng, tháng 11 năm 2021 NHẬN XÉT... Không cần đến trực tiếp cửa hàng để hàng mà mua hàng click chuột vận chuyển đến nhà Qua lý chọn đề tài “ Xây dựng website bán hàng điện tử? ?? Phạm vi đối tượng - Khách hàng - Người quản tri - Mạng... đồ 2.5.1 Biểu đồ hoạt động thêm vào giỏ hàng Hình 2.4 : Biểu đồ hoạt động xem thêm sản phẩm vào giỏ hàng 2.5.2 Biểu đồ hoạt động đặt hàng Hình 2.5 : Biểu đồ hoạt động đặt hàng 16 2.5.3 Biểu đồ