Phát triển website bán quần áo đồ án tốt nghiệp

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC CÔNG NGHỆ ĐÔNG Á ĐỒ ÁN TỐT NGHIỆP TÊN ĐỀ TÀI: PHÁT TRIỂN WEBSITE BÁN QUẦN ÁO Sinh viên thực hiên Ngày sinh Lớp Khoa Mã sinh viên Giáo viên hướng dẫn : : : : : : Nguyễn Duy Điều 09/06/2000 DCCNTT9.10.IT2 Công Nghệ Thông Tin 187480201060 ThS Lê Trung Thực Bắc Ninh - 2022 BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC CÔNG NGHỆ ĐÔNG Á NGUYỄN DUY ĐIỀU TÊN ĐỀ TÀI: PHÁT TRIỂN WEBSITE BÁN QUẦN ÁO Giáo viên hướng dẫn: THS LÊ TRUNG THỰC Bắc Ninh - 2022 File gáy Năm 2022 NGUYÊN DUY ĐIỀU Khoa: CNTT MỤC LỤC LỜI CẢM ƠN 12 PHẦN MỞ ĐẦU 13 1.Lý chọn đề tài 13 2.Mục đích yêu cầu đề tài .14 Đối tượng phạm vi nghiên cứu 14 3.1 Đối tượng nghiên cứu .14 3.2 Phạm vi nghiên cứu 14 Phương pháp nghiên cứu .15 Những đóng góp báo cáo 15 6.Kết cấu báo cáo 15 CHƯƠNG 1: GIỚI THIỆU VỀ WEBSITE 16 1.1 Đặt vấn đề 16 1.2 Thực trạng 16 1.3 Đặc điểm website bán quần áo .17 1.4 Quy trình nghiệp vụ 17 1.4.1 Yêu cầu toán 18 CHƯƠNG 2: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỒNG WEBSITE 20 2.1 Mục tiêu xây dựng hệ thống 20 2.1.1 Mục tiêu .20 2.1.2 Yêu cầu hệ thống 20 2.2 Khảo sát trạng trạng web bán hàng online 21 2.2.1 Hiện trạng trạng web bán hàng online 21 2.2.2 Yêu cầu đặt để phát triển trang web 22 2.3 Phân tích hệ thống .22 2.3.1 Yêu cầu chi tiết website 22 2.3.2 Đối với người truy cập người dùng 22 2.3.3 Đối với Admin .23 2.3.4 Các tác nhân hệ thống 23 2.4 Các chức cụ thể 25 2.4.1 Mô tả chức 25 2.4.2 Phân tích chức .25 2.4.3 Các yêu cầu phi chức 26 2.5 Biểu đồ Use case 27 2.5.1 Biểu đồ Use Case tổng quát 27 2.5.2 User case đăng nhập .27 2.5.3 User case quản lý danh mục sản phẩm 28 2.5.4 User case quản lý sản phẩm 29 2.5.5 Use case quản lý tin tức .30 2.5.6 Use case quản lý đơn hàng 30 2.5.7 Use case chức quản lý tài khoản-thành viên .31 2.5.8 Use case chức khách hàng 32 2.5.9 Use case quản lý vai trò .33 2.6 Biểu đồ 34 2.6.1 Biểu đồ chức đăng nhập 34 2.6.2 Biểu đồ chức đăng ký 35 2.6.3 Biểu đồ quản lý danh mục sản phẩm .36 2.6.4 Biểu đồ chức quản lý sản phẩm 39 2.6.5 Biểu đồ chức quản lý tin tức 41 2.6.6 Biểu đồ chức quản lý đơn hàng .45 2.6.7 Biểu đồ chức đặt hàng .46 2.6.8 Biểu đồ chức tìm kiếm 47 2.6.9 Biểu đồ chức quản lý tài khoản- người dùng 48 2.6.10 Biểu đồ chức quản lý tài khoản-quản trị viên .49 2.6.11 Biểu đồ chức quản lý vai trò 50 2.7 Danh sách lớp đối tượng .51 CHƯƠNG 3: XÂY DỰNG VÀ THIẾT KẾ WEBSITE .52 3.1 Giới thiệu chức 52 3.2 Giao diện hiển thị 53 3.2.1 Giao diện trang chủ .53 3.2.2 Giao diện trang đăng nhập 53 3.2.3.Giao diện thêm người dùng từ admin 54 3.2.4 Giao diện trang danh mục sản phẩm 55 3.2.5 Giao diện trang chi tiết sản phẩm .56 3.2.6 Giao diện trang giỏ hàng đặt hàng 56 3.2.7 Giao diện trang đăng ký tài khoản .57 3.2.8 Giao diện trang quản trị ,quản lý sản phẩm 57 KẾT LUẬN 58 TÀI LIỆU THAM KHẢO .59 DANH MỤC CÁC TỪ VIẾT TẮT STT Chữ viết tắt Giải thích PHP Ngơn ngữ lập trình kịch MySQL Hệ quản trị sở liệu HTML Ngôn ngữ Đánh dấu Siêu văn Mở rộng CSS Ngôn ngữ định kiểu theo tầng JAVASCRIPT Ngơn ngữ lập trình phổ biến dùng để tạo trang web tương tác DANH MỤC BẢNG BIỂU Bảng 2.1 Bảng chức Admin 22 Bảng 2.2 Bảng chức quản lý 23 Bảng 2.3 Bảng chức người dùng 24 Bảng 2.4 Các yêu cầu phi chức ứng dụng 25 Bảng 2.5 Danh sách đối tượng 50 DANH MỤC HÌNH ẢNH Hình 2.1 Biểu đồ Use case tổng qt 27 Hình 2.2 Biểu đồ Use case đăng nhập 27 Hình 2.3 Biểu đồ Use case quản lý danh mục sản phẩm 28 Hình 2.4 Biểu đồ Use case quản lý sản phẩm 28 Hình 2.5 Biểu đồ Use case quản lý tin tức 29 Hình 2.6 Biểu đồ Use case quản lý đơn hàng 30 Hình 2.7 Biểu đồ Use case quản lý tài khoản- thành viên 30 Hình 2.8 Biểu đồ Use case chức khách hàng 31 Hình 2.9 Biểu đồ Use case quản lý vai trò 31 Hình 2.10 Biểu đồ chức đăng nhập 32 Hình 2.11 Biểu đồ chức đăng kí 33 Hình 2.12 Biểu đồ chức thêm danh mục sản phẩm 34 Hình 2.13 Biểu đồ chức sửa danh mục sản phẩm 35 Hình 2.14 Biểu đồ chức xóa danh mục sản phẩm 36 Hình 2.15 Biểu đồ chức thêm sản phẩm 37 Hình 2.16 Biểu đồ chức sửa sản phẩm 38 Hình 2.17 Biểu đồ chức xóa sản phẩm 39 Hình 2.18 Biểu đồ chức thêm tin tức 40 Hình 2.19 Biểu đồ chức sửa tin tức 41 Hình 2.20 Biểu đồ chức xóa tin tức 42 Hình 2.21 Biểu đồ chức xóa đơn hàng 43 Hình 2.22 Biểu đồ chức đặt hàng 44 Hình 2.23 Biểu đồ chức tìm kiếm 45 Hình 2.24 Biểu đồ quản lý tài khoản-người dùng 46 Hình 2.25 Biểu đồ quản lý tài khoản-quản trị viên 47 Hình 2.26 Biểu đồ quản lý vai trò 48 Hình 3.1 Giao diện trang chủ 53 Hình 3.2 Giao diện trang đăng nhập 53 Hình 3.3 Giao diện thêm người dùng từ admin 54 Hình 3.4 Giao diện trang danh mục sản phẩm 54 Hình 3.5 Giao diện trang chi tiết sản phẩm 55 Hình 3.6 Giao diện trang giỏ hàng đặt hàng 55 Hình 3.7 Giao diện trang thông tin tài khoản 56 Hình 3.8 Giao diện trang quản trị, quản lý sản phẩm 56 10 2.6.7 Biểu đồ chức đặt hàng Hình 2.22 Biểu đồ chức đặt hàng ➢ Mơ tả biểu đồ: • Khách hàng u cầu đặt hàng • Trang giao diện sản phẩm chuyển tới giỏ hàng • Hệ thống xác nhận, kiểm tra thơng tin hiển thị thơng tin giỏ hàng • Khách hàng nhập thơng tin hàng kiểm tra đơn hàng • Hệ thống kiểm tra đơn hàng thông báo thành cơng 46 2.6.8 Biểu đồ chức tìm kiếm Hình 2.23 Biểu đồ chức tìm kiếm ➢ Mơ tả biểu đồ: • Khách hàng nhập thơng tin cần tìm ấn nút tìm kiếm • Hệ thống lọc thông tin đưa kết tìm kiếm 47 2.6.9 Biểu đồ chức quản lý tài khoản- người dùng Hình 2.24 Biểu đồ quản lý tài khoản-người dùng ➢ Mô tả biểu đồ: • Chức sửa tài khoản: ▪ Admin yêu cầu sửa người dùng ▪ Hệ thống yêu cầu nhập thông tin người dùng cần sửa ▪ Admin nhập thông tin cần sửa ▪ Hệ thống gửi thông tin xác nhận thông báo sửa thông tin người quản trị thành cơng • Chức xóa tài khoản: ▪ Admin yêu cầu xóa tài khoản ▪ Chọn tài khoản cần xóa ▪ Hệ thống gửi thơng tin xác nhận thơng báo xóa tài khoản thành cơng 48 2.6.10 Biểu đồ chức quản lý tài khoản-quản trị viên Hình 2.25 Biểu đồ quản lý tài khoản-quản trị viên ❖ Mô tả biểu đồ: ➢ Thêm: ▪ Admin yêu cầu thêm người quản trị ▪ Hệ thống yêu cầu nhập thông tin người quản trị ▪ Admin nhập thông tin người quản trị ▪ Hệ thống gửi thông tin xác nhận thông báo thêm thành công ➢ Sửa: ▪ Admin yêu cầu sửa người quản trị ▪ Hệ thống yêu cầu nhập thông tin người quản trị cần sửa ▪ Admin nhập thông tin cần sửa người quản trị ▪ Hệ thống gửi thông tin xác nhận thông báo sửa thông tin người quản trị thành cơng ➢ Xóa: ▪ Admin u cầu xóa người quản trị ▪ Chọn người quản trị cần xóa ▪ Hệ thống gửi thơng tin xác nhận thơng báo xóa người quản trị thành cơng 49 2.6.11 Biểu đồ chức quản lý vai trò Hình 2.26 Biểu đồ quản lý vai trị ➢ Mơ tả biểu đồ: • Thêm: ▪ Admin u cầu thêm vai trò ▪ Hệ thống yêu cầu nhập thơng tin vai trị ▪ Admin nhập thơng tin vai trị ▪ Hệ thống gửi thơng tin xác nhận thơng báo thêm thành cơng • Sửa: ▪ Admin u cầu sửa vai trò ▪ Hệ thống yêu cầu nhập thơng tin vai trị cần sửa ▪ Admin nhập thơng tin cần sửa ▪ Hệ thống gửi thông tin xác nhận thơng báo sửa thành cơng • Xóa: ▪ Admin u cầu xóa vai trị ▪ Chọn vai trị cần xóa ▪ Hệ thống gửi thơng tin xác nhận thơng báo xóa thành cơng 50 2.7 Danh sách lớp đối tượng Bảng 2.5 Danh sách đối tượng STT Tên lớp/quan hệ Tài Khoản Sản Phẩm Danh Mục Sản Phẩm Thương Hiệu Dặt Hàng Tin Tức Danh Mục Tin Tức Khách Hàng Giỏ Hàng 10 Chi Tiết Đặt Hàng Ý nghĩa/Ghi Mơ tả thuộc tính phương thức liên quan tới nghiệp vụ quản lý tài khoản Mơ tả thuộc tính phương thức liên quan tới nghiệp vụ quản lý sản phẩm Mơ tả thuộc tính phương thức liên quan tới nghiệp vụ quản lý danh mục sản phẩm Mơ tả thuộc tính phương thức liên quan tới nghiệp vụ quản lý thương hiệu Mô tả thuộc tính phương thức liên quan tới nghiệp vụ quản lý danh sách đặt hàng Mô tả thuộc tính phương thức liên quan tới nghiệp vụ quản lý tin tứ Mô tả thuộc tính phương thức liên quan tới nghiệp vụ quản lý danh mục tin tức Mô tả thuộc tính phương thức liên quan tới nghiệp vụ quản lý khách hàng Mơ tả thuộc tính phương thức liên quan tới nghiệp vụ quản lý giỏ hàng Mơ tả thuộc tính phương thức liên quan tới nghiệp vụ quản lý chi tiết đặt hàng 51 CHƯƠNG 3: XÂY DỰNG VÀ THIẾT KẾ WEBSITE 3.1 Giới thiệu chức ❖ Website có chức như: tìm kiếm, thêm vào giỏ hàng, cách thức liên hệ, liên kết với trang mạng xã hội ❖ Chức cập nhật, sửa, xóa ❖ Đối với người dùng: ➢ Cho phép đăng ký thành viên ➢ Cho phép tìm kiếm, góp ý ❖ Đối với Admin: ➢ Quản lý người dùng: thêm, sửa, xóa người dùng Admin ➢ Cập nhật thường xuyên thông tin sản phẩm ❖ Hiển thị thơng tin nhóm danh mục ➢ Xây dựng phân chia sản phẩm thành menu giúp khách hàng nhận biết sản phẩm danh mục ➢ Tạo chức tìm kiếm sản phẩm theo danh mục khác ➢ Quản lý danh mục sản phẩm: Bao gồm cơng việc thêm, sửa, xóa thơng tin sản phẩm ➢ Khách hàng tìm kiếm sản phẩm mà cần dựa danh mục tên sản phẩm ➢ Hiện thơng tin sản phẩm theo nhóm tin, danh mục ➢ Mơ tả thuộc tính phương thức liên quan tới nghiệp vụ quản lý danh mục sản phẩm ➢ Danh mục trước thêm vào sở liệu kiểm tra 52 3.2 Giao diện hiển thị Sau người dùng truy cập vào trang website trình duyệt theo đường dẫn http://shopquanaondd.epizy.com/ giao diện website hiển thị người dùng tương tác mua hàng Giao diện hiển thị dễ sử dụng, an toàn bảo mật thân thiện với người dùng Website trình bày dễ hiểu, giao diện gần gũi, khách hàng dễ nhìn thấy thơng tin họ cần tìm, cung cấp cho khách hàng sản phẩm bán chạy, sản phẩm cập nhật 3.2.1 Giao diện trang chủ Hình 3.1 Giao diện trang chủ 3.2.2 Giao diện trang đăng nhập 53 Hình 3.2 Giao diện trang đăng nhập 3.2.3.Giao diện thêm người dùng từ admin Sau quản trị viên truy cập vào trang admin theo đường dẫn http://shopquanaondd.epizy.com/admin/ đăng nhập tài khoản mật giao diện quản lí hiển thị Ở giao diện quản lí admin thực Quản lý người dùng: thêm, sửa, xóa người dùng admin cập nhật thơng tin sản phẩm, đăng Admin xem đơn đặt hàng từ khách hàng chỉnh sửa trang thái đơn đặt hàng Admin thêm quản trị viện để hỗ trợ quản lí trang website 54 Hình 3.3 Giao diện thêm người dùng từ admin 3.2.4 Giao diện trang danh mục sản phẩm Hình 3.4 Giao diện trang danh mục sản phẩm 55 3.2.5 Giao diện trang chi tiết sản phẩm Hình 3.5 Giao diện trang chi tiết sản phẩm 3.2.6 Giao diện trang giỏ hàng đặt hàng Hình 3.6 Giao diện trang giỏ hàng đặt hàng 56 3.2.7 Giao diện trang đăng ký tài khoản Hình 3.7 Giao diện trang đăng ký tài khoản 3.2.8 Giao diện trang quản trị ,quản lý sản phẩm Hình 3.8 Giao diện trang quản trị, quản lý sản phẩm 57 KẾT LUẬN Sau thời gian tập trung triển khai đề tài em hoàn thành “Website bán quần áo”, 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 quần áo” em có thêm kỹ tảng để xây dựng website sử dụng ngơn ngữ lập trình 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 Mặc dù hệ thống website hồn thành, nhiều mặt hạn chế vấn đề thiếu sót Phần mềm xây dựng có giao diện bắt mắt, thân thiện, dễ sử dụng có nhiều chức năng: - Xem thông tin sản phẩm - Xem thông tin viết, tin tức - Quản lý thông tin khách hàng - Quản lý sản phẩm - Quản lý đơn hàng - Thống kê doanh thu Trong thời gian tới, em cố gắng khắc phục mặt hạn chế cải tiến hệ thống cho phù hợp với thị trường Nghiên cứu phát triển thêm đa ngơn ngữ, tốn online qua nhiều hình thức khác để đáp ứng nhu cầu khách hàng 58 TÀI LIỆU THAM KHẢO Trang tài liệu em tham khảo: [1] https://codelearn.io/ [2] https://t3h.com.vn/ [3] https://fiona.com.vn/ [4] https://www.w3schools.com/ [5] https://fiona.com.vn/ 59 60