Xây dựng website giới thiệu và bán các sản phẩm làng nghề

TRƯỜNG ĐẠI HỌC NỘI VỤ HÀ NỘI TRUNG TÂM TIN HỌC – NGOẠI NGỮ KHOÁ LUẬN TỐT NGHIỆP XÂY DỰNG WEBSITE GIỚI THIỆU VÀ BÁN CÁC SẢN PHẨM LÀNG NGHỀ Sinh viên thực hiện: Nguyễn Thị Trang Mã sinh viên: 1805HTTB040 Giảng viên hướng dẫn: ThS Mai Trung Đông Hà Nội, 2022 TRƯỜNG ĐẠI HỌC NỘI VỤ HÀ NỘI TRUNG TÂM TIN HỌC – NGOẠI NGỮ KHOÁ LUẬN TỐT NGHIỆP XÂY DỰNG WEBSITE GIỚI THIỆU VÀ BÁN CÁC SẢN PHẨM LÀNG NGHỀ Sinh viên thực hiện: Nguyễn Thị Trang Mã sinh viên: 1805HTTB040 Giảng viên hướng dẫn: ThS Mai Trung Đông Hà Nội, 2022 LỜI CAM ĐOAN Em xin cam đoan khóa luận nghiên cứu “Xây dựng website giới thiệu bán sản phẩm làng nghề” thật khơng chép Em xin hồn tồn chịu nhiệm nội dung khóa luận Hà Nội, ngày tháng năm 2022 Nguyễn Thị Trang LỜI CẢM ƠN Trong suốt thời gian năm học tập rèn luyện trường Đại học Nội Vụ Hà Nội đến nay, em nhận nhiều quan tâm, giúp đỡ quý thầy cô bạn bè Với lòng biết ơn sâu sắc nhất, em xin chân thành cảm ơn thầy cô Trung tâm Tin học – Ngoại ngữ nói riêng trường Đại học Nội Vụ Hà Nội nói chung Nhờ cơng lao giảng dạy, bảo tận tình thầy mà em có kiến thức chun ngành Hệ thống thông tin để thực hồn thành khóa luận Đặc biệt, em xin gửi lời cảm ơn chân thành tới Ths Mai Trung Đông ln ln tận tình hướng dẫn, bảo, đưa đóng góp, ý kiến hữu ích quý báu cho em Cảm ơn người hỗ trợ, giúp đỡ em nhiều suốt trình thực khóa luận Và xin cảm ơn hỗ trợ động viên từ gia đình, hậu phương vững tiếp thêm sức mạnh cảm thấy mệt mỏi Mặc dù cố gắng nỗ lực thực đề tài với tâm cao hẳn khơng thể tránh khỏi thiếu sót Em mong nhận ý kiến đóng góp thầy bạn để hồn thiện áp dụng kinh nghiệm vào dự án tương lai Một lần em xin chân thành cảm ơn đến quý thầy cô, bạn bè gia đình ln bên ủng hộ em! Hà Nội, ngày tháng năm 2022 Nguyễn Thị Trang MỤC LỤC DANH MỤC SƠ ĐỒ DANH MỤC BẢNG BIỂU DANH MỤC BẢNG BIỂU DANH MỤC TỪ VIẾT TẮT MỞ ĐẦU Lý chọn đề tài Tổng quan tình hình nghiên cứu Mục tiêu nghiên cứu Đối tượng phạm vi nghiên cứu Nhiệm vụ nghiên cứu Phương pháp nghiên cứu Đóng góp khóa luận Cấu trúc khóa luận CHƯƠNG 1: CƠ SỞ LÝ LUẬN XÂY DỰNG WEBSITE BÁN HÀNG 1.1 Lý thuyết website 1.1.1 Lịch sử đời website, khái niệm website 1.1.2 Các yêu cầu tối thiểu website 1.1.3 Quy trình xây dựng website 1.2 Mơ tả tốn 14 1.2.1 Đặt vấn đề 14 1.2.2 Những yêu cầu đặt 15 1.3 Công nghệ 16 1.3.1 Giới thiệu PHP 16 1.3.2 Giới thiệu database: MYSQL 18 CHƯƠNG 2: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 21 2.1 Khảo sát hệ thống 21 2.2 Thiết kế hệ thống 22 2.2.1 Sơ đồ use case tổng quát 22 2.2.2 Sơ đồ use case chức Quản trị viên (Admin) 23 2.2.3 Sơ đồ use case chức Khách hàng ( User) 25 2.3 Phân tích chức hệ thống 27 2.3.1 Chức “Đăng nhập” 27 2.3.2 Chức “Quản lý danh mục sản phẩm” 28 2.3.3 Chức “Quản lý sản phẩm” 30 2.3.4 Chức “Quản lý khách hàng” 32 2.3.5 Chức “Quản lý đánh giá” 34 2.3.6 Chức “Quản lý đơn đặt” 35 2.3.7 Chức “ Báo cáo thống kê” 36 2.3.8 Chức “ Xem thông tin sản phẩm” 37 2.4 Thiết kế sở liệu 41 2.4.1.Các bảng liệu 41 2.4.2 Sơ đồ quan hệ bảng sở liệu 45 Tiểu kết chương 46 CHƯƠNG 3: GIAO DIỆN WEBSITE GIỚI THIỆU VÀ BÁN CÁC SẢN PHẨM LÀNG NGHỀ GỐM BÁT TRÀNG 47 3.1 Giao diện dành cho khách hàng 47 3.1.1.Giao diện Trang chủ 47 3.1.2 Giao diện đăng ký, đăng nhập 52 3.1.3 Giao diện kết tìm kiếm sản phẩm 54 3.1.4 Giao diện tìm kiếm lọc sản phẩm theo giá 54 3.1.5 Giao diện chi tiết sản phẩm 55 3.1.6 Giao diện giỏ hàng 56 3.1.7 Giao diện điền Thông tin nhận hàng 60 3.1.8 Giao diện chi tiết đơn hàng 60 3.1.9 Giao diện đánh giá sản phẩm 62 3.1.10 Giao diện đổi mật tài khoản 63 3.1.11 Giao diện phần liên hệ 64 3.1.12 Giao diện 66 3.2 Giao diện dành cho quản trị viên 66 3.2.1 Giao diện quản lý Banner 66 3.2.2 Giao diện Quản lý danh mục 67 3.2.3 Giao diện Quản lý sản phẩm 68 3.2.4 Giao diện Quản lý đơn hàng 69 3.2.5 Giao diện Xuất hóa đơn 70 3.2.6 Giao diện Thống kê doanh thu 70 3.2.7 Giao diện phần Liên hệ 71 3.2.8 Giao diện Quản lý tài khoản 71 Tiểu kết chương 71 KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 72 Kết luận 72 1.1 Những điểm đạt 72 1.2 Những điểm hạn chế 73 Hướng phát triển 73 TÀI LIỆU THAM KHẢO 75 DANH MỤC SƠ ĐỒ Sơ đồ 1: Các chức dành cho khách hàng Sơ đồ 2:Sơ đồ phân rã chức Quản trị viên 15 Sơ đồ 3: Sơ đồ phân rã chức Khách hàng 16 Sơ đồ 4: Sơ đồ use case tổng quát 22 Sơ đồ 5: Sơ đồ use case Admin 23 Sơ đồ 6: Sơ đồ use case Khách hàng 25 Sơ đồ 7: Sơ đồ usecase chức đăng nhập 28 Sơ đồ 8: Biểu đồ chức đăng nhập 28 Sơ đồ 9: Sơ đồ use case chức quản lý danh mục sản phẩm 28 Sơ đồ 10: Biều đồ chức quản lý danh mục sản phẩm 30 Sơ đồ 11: Sơ đồ usecase chức quản lý danh mục sản phẩm 30 Sơ đồ 12: Biều đồ chức quản lý sản phẩm 32 Sơ đồ 13: Sơ đồ usecase chức quản lý khách hàng 32 Sơ đồ 14: Sơ đồ usecase chức quản lý đánh giá 34 Sơ đồ 15: Sơ đồ usecase chức quản lý đơn đặt 36 Sơ đồ 16: Biều đồ chức quản lý đơn đặt 36 Sơ đồ 17: Sơ đồ usecase chức báo cáo thống kê 35 Sơ đồ 18: Sơ đồ usecase xem thông tin sản phẩm 36 Sơ đồ 20: Sơ đồ usecase chức đặt hàng 39 Sơ đồ 21: Biểu đồ chức đặt hàng 40 Sơ đồ 22: Sơ đồ quan hệ bảng CSDL 45 DANH MỤC BẢNG BIỂU Bảng 1: Bảng Sanpham 41 Bảng 2: Bảng Danhmuc 42 Bảng 3: Bảng Taikhoan 42 Bảng 4: Bảng Giohang 43 Bảng 5: Bảng Donhang 43 Bảng 6: Bảng Chitietdonhang 43 Bảng 7: Bảng Trangthaidonhang 44 Bảng 8: Bảng Danhgia 44 Bảng 9: Bảng Loinhan 45 Bảng 10: Bảng Banner 45 DANH MỤC BẢNG BIỂU Hình 1: Giao diện Trang chủ 47 Hình 2: Giao diện đăng nhập/ đăng ký tài khoản 52 Hình 3: Giao diện kết tìm kiếm sản phẩm 54 Hình 4: Giao diện kết tìm kiếm lọc sản phẩm theo giá 54 Hình 5: Giao diện chi tiết sản phẩm 55 Hình 6: Giao diện chọn phân loại sản phẩm thêm vào giỏ hàng 56 Hình 7: Giao diện giỏ hàng 56 Hình 8: Giao diện thơng tin nhận hàng 60 Hình 9: Giao diện hiển thị đơn hàng vừa đặt 60 Hình 10: Giao diện chi tiết đơn hàng 61 Hình 11: Giao diện chi tiết đơn hàng hồn thành 62 Hình 12: Giao diện đánh giá sản phẩm 63 Hình 13: Giao diện đổi mật cho tài khoản 63 Hình 14: Giao diện phần liên hệ để lại lời nhắn 64 Hình 15: Giao diện phần Về 66 Hình 16: Giao diện quản lý Banner 66 Hình 17: Giao diện quản lý Danh mục 67 Hình 18: Giao diện quản lý Danh sách sản phẩm 68 Hình 19: Giao diện Cập nhật sản phẩm 68 Hình 20: Danh sách tất đơn hàng 69 Hình 21: Chi tiết đơn hàng 69 Hình 22: Form xuất hóa đơn 70 Hình 23: Giao diện thống kê doanh thu 70 Hình 24: Giao diện hiển thị lời nhắn khách hàng 71 Hình 25: Giao diện Quản lý tài khoản 71 hiển thị đơn hàng vừa đặt trạng thái ‘Đã xác nhận’ Lúc này, cần phải tài khoản Quản trị viên ấn ‘Chấp nhận giao hàng’ đơn hàng vận chuyển Ngồi ra, khách hàng tra cứu, tìm kiếm đơn hàng trước đặt theo trạng thái đơn hàng mã đơn hàng Click vào ‘Xem đơn hàng’, hiển thị chi tiết đơn hàng đặt bao gồm mã đơn, tổng tiền, ngày đặt, trạng thái đơn, sản phẩm, phân loại sản phẩm giá tiền Hình 10: Giao diện chi tiết đơn hàng  Code Chi tiết đơn hàng ĐƠN HÀNG

Mã đơn hàng:

Tổng tiền đơn hàng: đ

Ngày đặt đơn:

Trạng thái đơn hàng:

STT Tên sản phẩm Hình ảnh Size Giá Khi đơn hàng trạng thái ‘Đã xác nhận’, tức người dùng hoàn tất đặt hàng tài khoản Quản trị viên chưa ấn ‘Chấp nhận giao hàng’, người dùng hủy đơn hàng Và lúc này, người dùng chưa thể chọn ô đánh giá sản phẩm 3.1.9 Giao diện đánh giá sản phẩm Sau tài khoản Admin ấn ‘Hồn thành’, tức đơn hàng giao thành cơng đến khách hàng Khách dùng đánh giá chất lượng sản phẩm mà mua Hình 11: Giao diện chi tiết đơn hàng hoàn thành Sau click vào nút ‘Đánh giá’, trang web form để người dùng phẩn hồi chất lượng sản phẩm 62 Hình 12: Giao diện đánh giá sản phẩm 3.1.10 Giao diện đổi mật tài khoản Người dùng đổi mật cần nhập mật cũ nhập lần mật mới, click vào ‘Đổi mật khẩu’ để đổi mật thành cơng Hình 13: Giao diện đổi mật cho tài khoản  Code đổi mật