Đề tài website bán hàng thời trang

ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN KHOA CÔNG NGHỆ PHẦN MỀM BÁO CÁO ĐỒ ÁN Đề Tài: Website Bán Hàng Thời Trang NGUYỄN XUÂN SON 19522141 GIẢNG VIÊN HƯỚNG DẪN ThS TRẦN THỊ HỒNG YẾN TP HỒ CHÍ MINH, NGÀY THÁNG 12 NĂM 2022 ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC CƠNG NGHỆ THƠNG TIN KHOA CÔNG NGHỆ PHẦN MỀM BÁO CÁO ĐỒ ÁN Đề Tài: Website Bán Hàng Thời Trang NGUYỄN XUÂN SON 19522141 GIẢNG VIÊN HƯỚNG DẪN ThS TRẦN THỊ HỒNG YẾN TP HỒ CHÍ MINH, NGÀY THÁNG 12 NĂM 2022 Nhận Xét Của Giảng Viên ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… Lời Cảm Ơn Quá trình thực đồ án gặp nhiều khó khăn nhờ cố gắng, giúp đỡ tận tình thầy giáo, bạn bè cuối em hoàn thành đồ án “Website bán hàng thời trang” Dự án minh chứng cho cố gắng khơng ngừng tìm hiểu, học hỏi q trình thực mơn học Em đặc biệt gửi lời cảm ơn đến cô Trần Thị Hồng Yến tận tình giúp đỡ, truyển đạt kiến thức để em hồn thành đồ án Trong q trình thực khơng tránh khỏi thiếu sót, em mong nhận thơng cảm góp ý từ Em xin chân thành cảm ơn! Thành phố Hồ Chí Mình ngày 24/12/2022 Nguyễn Xuân Son ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINH CỘNG HỊA XÃ HỘI CHỦ NGHĨA TRƯỜNG ĐẠI HỌC VIỆT NAM CÔNG NGHỆ THÔNG TIN Độc Lập - Tự Do - Hạnh Phúc TP HCM, ngày… tháng … năm 2022 ĐỀ CƯƠNG CHI TIẾT TÊN ĐỀ TÀI: Website Bán Hàng Thời Trang TÊN ĐỀ TÀI (TIẾNG ANH): Fashion Sales Website Cán hướng dẫn: ThS Trần Thị Hồng Yến Thời gian thực hiện: Từ ngày 05/09/2022 đến ngày 31/12/2022 Sinh viên thực hiện: - Nguyễn Xuân Son - 19522141 Tóm tắt nội dung đề tài Lý chọn đề tài: Con người thời đại công nghệ 4.0 với phát triển mạnh mẽ nghành thương mại điện tử, mua bán trực tuyến Ta thấy ưu điểm vượt trội việc mua sắm online như: o Thao tác dễ dàng, tiện lợi cần điện thoại có kết nối wifi o Việc đặt hàng tốn trở nhanh chóng có nhiều cơng nghệ hỗ trợ o Có thể tìm kiếm tiếp cận nhanh chóng với đa dạng mặt hàng o Giá cạnh tranh có nhiều người tham gia vào nghành Nhận thấy tiềm việc mua sắm online nên em định tạo website mua bán thời trang giúp kết nối người mua hàng người bán hàng với Mục tiêu: - Xây dựng website bán hàng đáp ứng số nhu cầu như:  Giao diện thân thiện, dễ sử dụng  Có chức cần thiết cho website bán hàng  Tích hợp chatbot tư vấn, liên lạc Phạm vi: - Phạm vi môi trường: -  Triển khai sản phẩm môi trường web Phạm vi chức năng:  Xác thực người dùng  Xem tìm kiếm sản phẩm  Quản lý giỏ hàng tốn  Quản lý tài khoản, thơng tin khách hàng  Tích hợp chatbot tư vấn trao đổi Đối tượng sử dụng:  Những người có nhu cầu mua sắm trực tuyến  Những người có nhu cầu bán hàng trực tuyến, muốn có cửa hàng trực tuyến để quảng bá sản phẩm Phương pháp thực hiện: - Phương pháp làm việc:  Làm việc thông qua phương thức online offline hướng dẫn giảng viên hướng dẫn - Phương pháp nghiên cứu:  Tìm hiểu phân tích website  Thiết kế hệ thống xây dựng website  Kiểm thử, phát sửa lỗi có Nền tảng cơng nghệ: - Sử dụng công nghệ để triển khai như:  Font-End : Html, Css, JavaScript  Back-End: PHP  Database: Mysql  Và số framework hỗ trợ : Bootstrap Jquery Kết mong đợi:  Xây dựng website có giao diện thân thiện, dễ dàng thao tác sử dụng  Áp dụng kiến thức học vào đề tài  Hoàn thiện website bàn hàng với chức K Kế hoạch thực hiện: Công việc Thời gian thực Tuần - - Tìm hiểu đề tài khảo sát website khác (5/9 – 18/9) - Xác định chức cần thực Tuần - - Nghiên cứu tìm hiểu cơng nghệ sử (19/9 – 9/10) dụng đề tài : Html, Css, JavaScrips - Nghiên thư viện framework hỗ trợ phát triển giao diện webiste Bootstrap Jquery Tuần - - Phân tích thiết kế hệ thống website (10/10 – 23/10) - Thiết kế sở liệu Tuần - 12 - Xây dựng khung giao diện cho (24/10 – 27/11) webiste người dùng - Hoàn thiện website quản lý bao gồm chức : quản lí người dùng, đơn hàng, sản phẩm, phản hồi, danh mục - Tìm hiểu chatbot xử lí ngơn ngữ tự nhiên Tuần 13 - 15 - (28/11 – 18/12) Xây dựng hoàn thiện giao diện website người dùng - Hoàn thiện chức đăng ký, đăng nhập, thị sản phẩm, giỏ hàng, tốn, tìm kiếm, lọc sản phẩm Tuần 16 (19/12 – 25/12) Tuần 17 (26/12 – 31/12) - Tích hợp chatbot cho website - Kiểm thử, đánh giá sửa lỗi - Hoàn thiện tài liệu tiến hành báo cáo Xác nhận CBHD TP HCM, ngày 24 tháng 12 năm 2022 (Ký tên ghi rõ họ tên) MỤC LỤC Chương Tổng quan đề tài 111 1.1 Tổng quan 111 1.2 Hiện trạng Error! Bookmark not defined.1 1.3 Hướng tiếp cận 111 Chương Tổng quan công nghệ 12 2.1 Công cụ chỉnh sửa quản lý mã nguồn .12 2.1 Công cụ chỉnh sửa .12 2.1 Công cụ quản lý 1Error! Bookmark not defined 2.2 Tổng quan công nghệ sử dụng .14 2.2.1 Html .14 2.2.2 Css .15 2.2.3 JavaScripts 16 2.2.4 Php 1Error! Bookmark not defined 2.2.5 Bootstrap 18 2.2.6 Jquery 19 2.2.7 Mysql 20 Chương 3.1 Phân tích thiết kế 20 Yêu cầu nghiệp vụ .20 3.1.1 Phân tích yêu cầu 20 3.2 Biểu đồ Use case 21 3.2.1 Sơ đồ use case 21 3.2.2 Danh sách Actors 22 3.2.3 Đặc tả use case .24 Chương Thiết kế sở liệu 30 Chương Thiết kế giao diện 35 5.1 Giao diện người dùng 35 5.1.1 Giao diện trang đăng nhập 35 5.1.2 Giao diện trang đăng ký .36 5.1.3 Giao diện trang trang chủ 37 5.1.4 Giao diện trang danh mục 40 5.1.5 Giao diện trang giỏ hàng .40 5.1.6 Giao diện trang toán 41 5.1.7 Giao diện trang thông tin cá nhân 42 5.1.8 Giao diện trang tìm kiếm lọc 43 5.2 Giao diện quản lý 43 5.2.1 Giao diện tổng quan .43 5.2.2 Giao diện quản lý danh mục 44 5.1.2 Giao diện trang đăng ký Hình 5.1.2 Màn hình đăng ký Mơ tả : Trang đăng ký dùng để đăng ký người dùng với thông tin : Họ Tên, Email, Số Điện Thoại Mật Khẩu Sau nhập thông tin, người dùng nhấn vào nút đăng ký để tiến hành đăng ký tài khoản Ngoài ra, có tài khoản, người dùng nhận vào nút “Đăng nhập” để đăng nhập vào website 36 5.1.3 Giao diện trang chủ  Giao diện trang chủ chia làm phần :  Phần 1: Header Hình 5.1.3.1 Màn hình trang chủ Header Mơ tả: Tại hiển thị phần đầu webiste Phía thông tin liên hệ Tiếp theo phần hiển thị logo, tìm kiếm nút Thơng báo, Tài khoản Giỏ Hàng Cuối Hiển thị danh mục sản phẩm  Phần 2: Body Hình 5.1.3.2 Màn hình trang chủ Body - Banner Mơ tả: Hiển thị banner quảng cáo cho website Người dùng click trực tiếp vào banner để xem chi tiết 37 Hình 5.1.3.3 Màn hình trang chủ Body – Sản phẩm Mô tả : Hiển thị danh sách sản phẩm cửa hàng Người dùng click vào để xem chi tiết sản phẩm Chọn mua thêm vào giỏ hàng Hình 5.1.3.4 Màn hình trang chủ Body – Sản phẩm bật Mô tả: 38 Tại hiển thị thông tin sản phẩm bán chạy cửa hàng để người dùng tham khảo Hình 5.1.3.5 Màn hình trang chủ Body – Danh mục Mô tả : Hiện danh sách sản phẩm theo danh mục  Phần cuối : Footer Hình 5.1.3.6 Màn hình trang chủ Footer 39 Mơ tả: Hiển thị thông tin hỗ trợ thông tin liên hệ 5.1.4 Giao diện danh mục Hình 5.1.4 Màn hình danh mục Mô tả : Giao diện danh mục loại sản phẩm hiển thị danh sách sản phẩm theo loại Ví dụ: Nếu người dùng nhân vào loại sản phẩm nam hiển thị danh sách sản phẩm dành cho nam 5.1.5 Giao diện trang giỏ hàng 40 Hình 5.1.5 Màn hình giỏ hàng Mơ tả: Hiển thị danh sách sản phẩm thêm vào giỏ hàng Tại người dùng chỉnh sửa số lượng xóa sản phẩm trước toán 5.1.6 Giao diện trang toán Hình 5.1.6 Màn hình trang tốn Mơ tả: Giao diện trang toán hiển thị đơn hàng cần tốn Người dùng nhập thơng tin đặt hàng để tiến hành toán đơn hàng 5.1.7 Giao diện trang liên hệ phản hồi Hình 5.1.7 Màn hình trang liên hệ phản hồi Mô tả: 41 Người dùng nhận xét, gửi phản hồi cho cửa hàng 5.1.8 Giao diện trang chỉnh sửa thông tin cá nhân Hình 5.1.8 Màn hình chỉnh sửa thơng thin tài khoản Mô tả: Dùng để chỉnh sửa thông tin người dùng đăng xuất tài khoản khỏi hệ thống 42 5.1.9 Giao diện tìm kiếm lọc sản phẩm Hình 5.1.9 Màn hình tìm kiếm lọc sản phẩm Mơ tả:  Người dùng tìm kiếm sản phẩm theo tên  Người dùng lọc sản phẩm theo danh mục mức giá 5.2 Giao diện website quản lý 5.2.1 Giao diện tổng quan 43 Hình 5.2.1 Màn hình tổng quan Mơ tả : Giao diện tổng quan thị danh mục số thông tin có hệ thống : Số người dùng, tổng số sản phẩm, tổng số phản hồi 5.2.2 Giao diện quản lý danh mục Hình 5.2.2 Màn hình quản lý danh mục Mô tả : Giao diện quản lý danh mục sản phẩm hiển thị loại mặt hàng Người quản lý Thêm, Sửa, Xóa loại mặt hàng có 44 5.2.3 Giao diện quản lý sản phẩm Hình 5.2.3 Màn hình quản lý sản phẩm Mô tả: Giao diện quản lý sản phẩm hiển thị loại sản phẩm có bao gồm thông tin như: STT, Thumbnail, Tên sản phầm, Giá , Danh mục Ở đây, Người dùng Sửa Xóa thơng tin loại sản phẩm Ngồi ra, Người dùng thêm sản phẩm mới: Hình 5.2.3.1 Màn hình thêm sản phẩm 45 5.2.4 Giao diện quản lý đơn hàng Hình 5.2.4 Màn hình quản lý đơn hàng Mô tả : Giao diện quản lý đơn hàng hiển thi danh sách đơn hàng mà người dùng đặt hàng bao gồm thông tin : Họ Và Tên, Sđt, Email, Địa Chỉ, Nội Dung, Ngày Đặt Hàng Tổng Tiền Người quản lý Chấp thuận đơn hàng hủy bỏ đơn hàng tùy theo thơng tin đơn hàng Ngồi ra, người quản lý xem chi tiết đơn hàng mà người dùng đặt hàng Hình 5.2.4.1 Màn hình xem chi tiết đơn hàng 46 5.2.5 Giao diện quản lý phản hồi Hình 5.2.5 Màn hình phản hồi Mơ tả : Giao diện quản lý phản hồi hiển thị danh sách phẩn hồi mà người dùng gửi lên hệ thống Người quản lý đọc đánh dấu phản hồi xem 5.2.6 Giao diện quản lý người dùng Hình 5.2.7 Màn hình quản lý người dùng Mô tả : Giao diện quản lý người dùng hiển thị danh sách người dùng có hệ thống bao gồm thơng tin như: Stt, Họ Và Tên, Email, SDT, Địa Chỉ Và Quyền 47 Tại đây, người quản lý Sửa xóa thơng tin người dùng Ngồi ra, người quản lý thêm người dùng vào hệ thống Hình 5.2.7.1 Màn hình thêm người dùng 48 Chương Kết đạt hướng phát triển Kết đạt - Có thêm kiến thức cơng nghệ ngơn ngữ lập trình - Hiểu quy trình cách phát triển trang web - Biết cách sử dụng công cụ quản lý mã nguồn Github - Hoàn thiện website bán hàng với giao diện đẹp mắt, dễ thao tác sử dụng - Xây dựng Website có đầy đủ chức cần thiết website bán hàng Hạn chế: - Khả reponsive hạn chế - Một số chức chưa thực mang lại hiệu Hướng phát triển - Xây dựng thêm chức quản lý kho cho cho website người quản lý - Tạo thêm phương thức toán cho người dùng - Xây dựng thêm chức khuyến mãi, giảm giá 49 Chương Tài liệu tham khảo [1] Bootstrap : https://getbootstrap.com/docs/4.0/getting-started/introduction/ [2] Html, Css, JavaScript : https://www.w3schools.com/ [3] Form: https://www.codingnepalweb.com/login-and-registration-form-in-html/ [4] Chatbot: https://ahachat.com/ [5] Host: https://vn.000webhost.com/ ... HCM, ngày… tháng … năm 2022 ĐỀ CƯƠNG CHI TIẾT TÊN ĐỀ TÀI: Website Bán Hàng Thời Trang TÊN ĐỀ TÀI (TIẾNG ANH): Fashion Sales Website Cán hướng dẫn: ThS Trần Thị Hồng Yến Thời gian thực hiện: Từ ngày... thấy tiềm việc mua sắm online nên em định tạo website mua bán thời trang giúp kết nối người mua hàng người bán hàng với Mục tiêu: - Xây dựng website bán hàng đáp ứng số nhu cầu như:  Giao diện thân... phẩm tiếp cận đến khách hàng tiềm lượng người truy cập internet ngày gia tăng Hiện có nhiều website bán hàng trực tuyến phố biến website bán hàng thời trang, tiêu dùng website thương mại điện