ĐỀ tài WEBSITE bán đồ THỜI TRANG

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ỜI TRANG Sinh viên thực : Hoàng 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 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 ĐỒ THỜI TRANG Sinh viên: Hoàng Hùng Mã: 191C900077 Giảng viên hướng dẫn: TS LÊ THỊ THU NGA Đà 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 Cuối em xin gửi lời cảm ơn sâu sắc đến giảng viên Lê Thị Thu Nga – giảng viên trực tiếp cố vấn giúp đỡ hỗ trợ em hoàn thành đồ án tốt đẹp Em xin chân thành cảm ơn! Sinh viên, Hoàng Hùng iv MỤC LỤC DANH MỤC CÁC TỪ VIẾT TẮT ix DANH MỤC HÌNH VẼ x MỞ ĐẦU 1.Giới thiệu Lý chọn đề tài Mục tiêu đề tài Nhiệm vụ hướng giải 5.Ý nghĩa thực tiễn đề tài 6.Bố cục đề tài Chương CÔNG CỤ CÔNG NGHỆ SỬ DỤNG Công nghệ sử dụng 1.1 PHP 1.2 MYSQL (Cơ Sở Dữ Liệu ) 1.3 HTML 1.4 CSS 1.5 JavaScript Công cụ hỗ trợ 2.1 XAMPP 2.2 PHPStorm 2.3 Navicat Thư viện sử dụng 3.1 Laravel PHP Framwork 3.2 JQuery 3.3 Bootstrap 10 Chương PHÂN TÍCH MƠ HÌNH HỆ THỐNG 11 2.1 Phân tích yêu cầu 13 2.1.1 Yêu cầu chức 13 2.1.2 Yêu cầu hình thức 14 2.1.3 Yêu cầu bảo mật 14 2.2 Phân tích yêu cầu 14 v 2.2.1 Sơ đồ chức admin 14 2.2.2 Sơ đồ chức quản lý khách hàng (trang người dùng) 15 2.3 Sơ đồ Use case 15 2.3.1 Sơ đồ Use case tổng quát 15 2.3.2 Sơ đồ User case đăng nhập admin 17 2.3.3 Sơ đồ User case quản lý danh mục sản phẩm 18 2.3.4 Sơ đồ User case quản lý sản phẩm 19 2.3.5 Sơ đồ User case quản lý slide(banner) 20 2.3.6 Sơ đồ User case quản lý thương hiệu 21 2.3.7 Sơ đồ User case quản lý đơn vị vận chuyển 22 2.3.8 Sơ đồ User case quản lý đơn hàng 24 2.3.9 Sơ đồ User case quản lý thành viên 26 2.3.10 Sơ đồ User case quản lý viết 27 2.3.11 Sơ đồ User case quản lý mã giảm giá 28 2.3.12 Sơ đồ User case quản lý bình luận 29 2.3.13 Sơ đồ User case quản lý đánh giá 30 2.4 Phân tích sở lệu 31 2.4.1 Sơ đồ tổng quát 31 2.4.2 Danh sách bảng liệu 31 Chương XÂY DỰNG ỨNG DỤNG 44 3.1 Giao diện chung 44 3.1.2 Giao diện trang giới thiệu Website 45 3.1.2 Giao diện trang sản phẩm website 47 3.1.4 Giao diện trang viết website 48 3.1.5 Giao diện trang liên hệ website 49 3.1.5 Giao diện trang chi tiết sản phẩm website 50 3.2 Giao diện chức 51 3.2.1 Giao diện Đăng nhập khách hàng website 51 3.2.2 Giao diện Đăng ký khách hàng website 51 3.2.3 Giao diện Đăng ký khách hàng Website 52 3.2.4 Giao diện Danh sách yêu thích Website 52 3.2.5 Giao diện Thanh toán website 53 3.3 Giao diện dành cho khách hàng 54 vi 3.3.1 Giao diện hiển thị đơn hàng 54 3.3.2 Giao diện hiển thị Đánh giá 54 3.3.3 Giao diện hiển thị Bình luận 55 3.3.4 Giao diện hiển thị Chi tiết đơn hàng 55 3.3.5 Giao diện hiển thị Trang thông tin cá nhân 56 3.3.5 Giao diện hiển thị Đổi mật 56 3.4 Giao diện dành cho quản trị 57 3.4.1 Giao diện hiển thị Banner 57 3.4.2 Giao diện hiển thị Thêm Banner 57 3.4.3 Giao diện hiển Sửa Banner 58 3.4.4 Giao diện hiển thị Danh mục sản phẩm 58 3.4.5 Giao diện hiển thị Thêm danh mục sản phẩm 59 3.4.6 Giao diện hiển thị Sửa danh mục sản phẩm 59 3.4.7 Giao diện hiển thị sản phẩm 60 3.4.8 Giao diện hiển thị Thêm sản phẩm 60 3.4.9 Giao diện hiển thị Sửa sản phẩm 61 3.4.10 Giao diện hiển thị Thương hiệu 61 3.4.11 Giao diện hiển thị thêm Thương hiệu 62 3.4.12 Giao diện hiển thị sửa Thương hiệu 62 3.4.13 Giao diện hiển Đơn vị vận chuyển 63 3.4.14 Giao diện hiển thị thêm Đơn vị vận chuyển 63 3.4.15 Giao diện hiển thị sửa Đơn vị vận chuyển 64 3.4.16 Giao diện hiển thị đơn hàng 64 3.4.17 Giao diện hiển thị chi tiết đơn hàng 65 3.4.18 Giao diện hiển thị sửa đơn hàng 65 3.4.19 Giao diện hiển thị đánh giá sản phẩm 66 3.4.20 Giao diện hiển thị sửa trạng thái đánh giá sản phẩm 66 3.4.21 Giao diện hiển thị viết 67 3.4.22 Giao diện hiển thị thêm viết 67 3.4.23 Giao diện hiển thị sửa viết 68 3.4.24 Giao diện hiển thị danh mục viết 68 3.4.25 Giao diện hiển thị thêm danh mục viết 69 3.4.26 Giao diện hiển thị thẻ tag viết 69 vii 3.4.27 Giao diện hiển thị thêm thẻ tag viết 70 3.4.28 Giao diện hiển thị sửa thẻ tag viết 70 3.4.29 Giao diện hiển thị bình luận 71 3.4.30 Giao diện hiển thị sửa trạng thái bình luận 71 3.4.31 Giao diện hiển thị mã giảm giá 72 3.4.32 Giao diện hiển thị thêm mã giảm giá 72 3.4.33 Giao diện hiển thị sửa mã giảm giá 73 3.4.34 Giao diện hiển thị tài khoản người dùng 73 3.4.35 Giao diện hiển thị thêm tài khoản người dùng 74 3.4.36 Giao diện hiển thị sửa tài khoản người dùng 74 3.4.37 Giao diện hiển thị cài đặt Website 75 KẾT LUẬN 76 TÀI LIỆU THAM KHẢO 77 viii DANH MỤC CÁC TỪ VIẾT TẮT VIẾT TẮT NỘI DUNG PHP Hypertext Preprocessor STEM Structured Query Language JS JavaScript CSDL Cơ Sở Dữ Liệu HTML Hypertext Markup Language ix DANH MỤC HÌNH VẼ Hình 2.2.1.Sơ đồ chức admin……………………………….12 Hình 2.2.2.Sơ đồ chức khách hàng …………………………13 Hình 2.3.1.Sơ đồ use case tổng quát… …………….………… 14 Hình 2.3.2.Sơ đồ use case đăng nhập admin … …… …… 15 Hình 2.3.3 Sơ đồ use case quản lý danh mục sản phẩm… … 16 Hình 2.3.4.Sơ đồ use case quản lý sản phẩm…………………… 17 Hình 2.3.5.Sơ đồ use case quản lý slide ……………………… 18 Hình 2.3.6.Sơ đồ use case quản lý thương hiệu…………… … 19 Hình 2.3.7.Sơ đồ use case quản lý đơn vị vận chuyển… ……….20 Hình 2.3.8.Sơ đồ use case quản lý đơn hàng (admin)…………….21 Hình 2.3.8.Sơ đồ use case quản lý đơn hàng (khách hàng)……….22 Hình 2.3.9.Sơ đồ use case quản lý tài khoản thành viên………….23 Hình 2.3.10.Sơ đồ use case quản lý viết… ………………….24 Hình 2.3.11.Sơ đồ use case quản lý mã giảm giá… …………….25 Hình 2.3.12.Sơ đồ use case quản lý bình luận… ……………… 26 Hình 2.3.13.Sơ đồ use case quản lý đánh giá… …………………27 Hình 2.4.1.Sơ đồ Diagram Database tổng quát… ……………….29 x 3.4.13 Giao diện hiển Đơn vị vận chuyển Hình 3.4.13 : Giao diện hiển thị đơn vị vận chuyển(Quản Trị) 3.4.14 Giao diện hiển thị thêm Đơn vị vận chuyển Hình 3.4.14 : Giao diện hiển thị thêm đơn vị vận chuyển (Quản Trị) 63 3.4.15 Giao diện hiển thị sửa Đơn vị vận chuyển Hình 3.4.15 : Giao diện hiển thị sửa đơn vị vận chuyển (Quản Trị) 3.4.16 Giao diện hiển thị đơn hàng Hình 3.4.16 : Giao diện hiển thị đơn hàng(Quản Trị) 64 3.4.17 Giao diện hiển thị chi tiết đơn hàng Hình 3.4.17 : Giao diện hiển thị chi tiết đơn hàng(Quản Trị) 3.4.18 Giao diện hiển thị sửa đơn hàng Hình 3.4.18 : Giao diện hiển thị sửa đơn hàng(Quản Trị) 65 3.4.19 Giao diện hiển thị đánh giá sản phẩm Hình 3.4.19 : Giao diện hiển thị đánh giá sản phẩm(Quản Trị) 3.4.20 Giao diện hiển thị sửa trạng thái đánh giá sản phẩm Hình 3.4.20 : Giao diện hiển thị trạng thái đánh giá sản phẩm(Quản Trị) 66 3.4.21 Giao diện hiển thị viết Hình 3.4.21 : Giao diện hiển thị viết(Quản Trị) 3.4.22 Giao diện hiển thị thêm viết Hình 3.4.22 : Giao diện hiển thêm viết(Quản Trị) 67 3.4.23 Giao diện hiển thị sửa viết Hình 3.4.23 : Giao diện hiển thị sửa viết(Quản Trị) 3.4.24 Giao diện hiển thị danh mục viết Hình 3.4.24 : Giao diện hiển thị danh mục viết(Quản Trị) 68 3.4.25 Giao diện hiển thị thêm danh mục viết Hình 3.4.25 : Giao diện hiển thị thêm danh mục viết(Quản Trị) 3.4.26 Giao diện hiển thị thẻ tag viết Hình 3.4.26 : Giao diện hiển thị thẻ tag viết(Quản Trị) 69 3.4.27 Giao diện hiển thị thêm thẻ tag viết Hình 3.4.27 : Giao diện hiển thị thêm thẻ tag viết(Quản Trị) 3.4.28 Giao diện hiển thị sửa thẻ tag viết Hình 3.4.28 : Giao diện hiển thị sửa thẻ tag viết(Quản Trị) 70 3.4.29 Giao diện hiển thị bình luận Hình 3.4.29 : Giao diện hiển thị bình luận(Quản Trị) 3.4.30 Giao diện hiển thị sửa trạng thái bình luận Hình 3.4.30 : Giao diện hiển thị sửa trạng thái bình luận(Quản Trị) 71 3.4.31 Giao diện hiển thị mã giảm giá Hình 3.4.29 : Giao diện hiển thị mã giảm giá(Quản Trị) 3.4.32 Giao diện hiển thị thêm mã giảm giá Hình 3.4.32 : Giao diện hiển thị thêm mã giảm giá(Quản Trị) 72 3.4.33 Giao diện hiển thị sửa mã giảm giá Hình 3.4.33 : Giao diện hiển thị sửa mã giảm giá(Quản Trị) 3.4.34 Giao diện hiển thị tài khoản người dùng Hình 3.4.34 : Giao diện hiển thị tài khoản người dùng(Quản Trị) 73 3.4.35 Giao diện hiển thị thêm tài khoản người dùng Hình 3.4.35 : Giao diện hiển thị thêm tài khoản người dùng(Quản Trị) 3.4.36 Giao diện hiển thị sửa tài khoản người dùng Hình 3.4.36 : Giao diện hiển thị sửa tài khoản người dùng(Quản Trị) 74 3.4.37 Giao diện hiển thị cài đặt Website Hình 3.4.34 : Giao diện hiển thị cài đặt Website(Quản Trị) 75 KẾT LUẬN Kết đạt - Sau thời gian tập trung triển khai đề tài, em hoàn thành Xây dựng website bán hàng điện tử ThaoNhiClothing với giao diện đẹp, thao tác sử dụng dễ dàng, thân thiện với người dùng - Sau hoàn thành xong Website bán hàng điện tử Online, em có thêm kỹ tảng để xây dựng website ngôn ngữ PHP MySQL, áp dụng kiến thức HTML, CSS Javascript học vào việc phát triển ứng dụng web Bên cạnh đó, em mở rộng thêm kiến thức chuyên ngành nhờ việc tìm hiểu số kiến thức lập trình để áp dụng vào việc phát triển ứng dụng Nhờ vậy, kỹ tự học vận dụng kỹ em nâng cao - Khi thực hoàn thành dự án, em biết thêm nhiều kinh nghiệm quý giá xây dựng website nói riêng phát triển phần mềm Những kỹ tảng để giúp em nâng cao trình độ thân, kinh nghiệm thực tế để làm việc doanh nghiệp sau 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 phân quyền sâu chủ cửa hàng nhân viên Còn số lỗi gặp phải số chức phụ khơng có nhiều kinh nghiệm lập trình Tốc độ xử lý chưa cao , cịn số lỗi phát sinh vận hành hệ thống Hướng phát triển đề tài - Sau hoàn thành đề tài xây dựng Xây dựng website bán hàng điện tử EShop em tiếp tục nghiên cứu phát triển website nhằm tăng tính tối ưu hóa tốc độ xử lý để đem lại hiệu cao hơn, phát triển để đưa website vào ứng dụng thực tế 76 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://eshop.net/ [5] Trang web: https://laravel.org/ Và nhiều tài liệu liên quan khác em xin phép không liệt kê 77 ... 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ời trang giới trẻ nhằm đưa khách đến cho khách hàng địa điểm lý tưởng việc mua sắm đồ thời trang. .. 3.1.2 Giao diện trang sản phẩm website 47 3.1.4 Giao diện trang viết website 48 3.1.5 Giao diện trang liên hệ website 49 3.1.5 Giao diện trang chi tiết sản phẩm website ... 1.Giới thiệu Lý chọn đề tài Mục tiêu đề tài Nhiệm vụ hướng giải 5.Ý nghĩa thực tiễn đề tài 6.Bố cục đề tài Chương CÔNG