Đề tài xây dựng website hệ thống quản lý bán thời trang nam

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC KINH BẮC KHÓA LUẬN TỐT NGHIỆP Đề tài: XÂY DỰNG WEBSITE HỆ THỐNG QUẢN LÝ BÁN THỜI TRANG NAM Giáo viên hướng dẫn: ThS Vũ Thị Thương Sinh viên thực hiện: Nguyễn Văn Thắng Mã sinh viên: 08D4800084 Khoa: Công nghệ thông tin – Điện tử truyền thông Ngành:Công nghệ thông tin Bắc Ninh – Năm 2023 BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC KINH BẮC KHÓA LUẬN TỐT NGHIỆP Đề tài: XÂY DỰNG WEBSITE HỆ THỐNG QUẢN LÝ BÁN THỜI TRANG NAM Giáo viên hướng dẫn: ThS Vũ Thị Thương Sinh viên thực hiện: Nguyễn Văn Thắng Mã sinh viên: 08D4800084 Khoa: Công nghệ thông tin – Điện tử truyền thông Ngành:Công nghệ thông tin Bắc Ninh – Năm 2023 LỜI CAM ĐOAN Em Nguyễn Văn Thắng sinh viên lớp 08D.CNTT02, khoa Công nghệ thông tin Điện tử truyền thông trường Đại học Kinh Bắc, xin cam đoan khoá luận tốt nghiệp: “Xây dựng website hệ thống quản lý bán thời trang nam” đề tài mà em tự thực nghiên cứu hoàn thành hướng dẫn giảng viên ThS Vũ Thị Thương, không vi phạm yêu cầu chuẩn mực trung thực học thuật Nếu vi phạm điều khoản trên, chúng tơi chịu tồn trách nhiệm nhận hình thức xử phạt xứng đáng Bắc Ninh, ngày… tháng… năm 2023 Sinh viên thực (Ký, ghi rõ họ tên) LỜI CẢM ƠN Trong suốt thời gian học tập Trường Đại học Kinh Bắc, em xin gửi lời cảm ơn chân thành đến Cô ThS Vũ Thị Thương tất quý Thầy Cô Khoa Công nghệ thông tin - Điện tử giúp đỡ hướng dẫn em trình thực đồ án tốt nghiệp Nhờ có dạy tận tâm kiến thức chuyên môn Cô quý Thầy Cơ, em hồn thành đồ án cách thành công Em xin gửi lời cảm ơn đến ban lãnh đạo Trường Đại học Kinh Bắc, giảng viên nhân viên trường tạo điều kiện tốt cho em suốt trình học tập nghiên cứu Nhờ có hỗ trợ từ nhà trường, em có mơi trường thuận lợi để phát triển khả nghiên cứu lĩnh vực Em xin gửi lời cảm ơn đến gia đình bạn bè ln động viên ủng hộ em suốt trình học tập Nhờ có đồng hành niềm tin họ, em vượt qua khó khăn hồn thành đồ án tốt nghiệp cách thành công Cuối cùng, em xin tỏ lòng biết ơn trân trọng tới tất người đóng góp vào thành cơng em Đồ án tốt nghiệp không thành công việc cá nhân, mà kết hợp giúp đỡ hỗ trợ từ nhiều phía Em tiếp tục nỗ lực phát triển thân, ứng dụng kiến thức kỹ học để đóng góp vào phát triển xã hội ngành nghề em theo đuổi Em xin chân thành cảm ơn! Bắc Ninh, ngày … tháng … năm 2023 Sinh viên thực (Ký ghi rõ họ tên) MỤC LỤC MỞ ĐẦU Tính cấp thiết vấn đề xây dựng website Mục đích nghiên cứu Đối tượng phạm vi nghiên cứu Đối tượng nghiên cứu Phạm vi nghiên cứu Ý nghĩa khoa học thực tiễn Ý nghĩa khoa học Ý nghĩa thực tiễn Bố cục đề tài CHƯƠNG 1: TỔNG QUAN, CƠ SỞ LÝ LUẬN CỦA VIỆC NGHIÊN CỨU 1.1 Tổng quan World Wide Web 1.1.1 Khái niệm 1.1.2 Cách tạo website 1.1.3 Trình duyệt web (web Client hay web Browser) 1.1.4 Webserver 1.2 Tổng quan Html-Css 1.2.1 Giới thiệu html 2.2.2 Giới thiệu CSS 11 1.3 Ngôn ngữ PHP 11 1.3.1 Định nghĩa PHP 11 1.3.2 Lý nên dùng PHP 12 1.3.3 Hoạt động PHP 12 1.3.4 Tổng quan PHP 13 1.3.5 Hàm PHP 14 1.3.6 Biểu mẫu PHP 15 1.3.7 PHP OOP(Object-Oriented Programming.) 15 1.3.8 Session Cookie 16 1.4 My SQL 16 1.5 Giới thiệu Bootstrap 17 1.5.1 Bootstrap gì? 17 1.5.2 Lịch sử Bootstrap 18 1.5.3 Tại nên sử dụng Bootstrap? 18 1.5.4 Cấu trúc tính Bootstrap gì? 19 1.6 Giới thiệu jQuery 20 1.6.1 Định nghĩa jQuery 20 1.6.2 Tại nên chọn jQuery 20 1.6.3 Cài đặt tích hợp jQuery vào website 21 1.6.4 Cú pháp jQuery 21 CHƯƠNG : THỰC TRẠNG NGHIÊN CỨU 23 2.1 Khảo sát toán 23 2.1.1 Hoạt động bán hàng 23 2.1.2 Mục tiêu hệ thống 23 2.1.3 Chức hệ thống 24 2.2 Phân tích thiết kế hệ thống 25 2.2.1 Xây dựng biểu đồ ngữ cảnh 25 2.2.2 Thiết kế hệ thống: 25 2.3 Thiết kế sở liệu 27 2.4 Xây dựng sơ đồ hệ thống 29 2.4.1 Sơ đồ chức 29 2.4.2 Sơ đồ Use case 30 2.4.3 Use case quản lý sản phẩm 31 2.4.4 Use case quản lý đơn hàng 31 2.4.5 Use case quản lý tài khoản 32 2.4.6 Use case đăng nhập, đăng ký 32 2.4.7 Use case Quản lý giỏ hàng 33 2.4.8 Use case tìm kiếm 33 2.5 Biểu đồ 33 2.5.1 Biểu đồ Đăng nhập 33 2.5.2 Biểu đồ quản lý đơn hàng 34 2.5.3 Biểu đồ thêm sản phẩm 34 2.5.4 Biểu đồ xoá sản phẩm 34 2.5.4 Biều đồ sửa sản phẩm 35 2.5.5 Biều đồ quản lý tài khoản 35 2.6 Đặc tả use case 35 Recommandé pour toi 26 Suite du document ci-dessous [Marketing Plan] dự án giày Biti's - Final Lập trình mạng 100% (3) 2.6.1 Quản lý sản phẩm 36 2.6.2 Quản lý đơn hàng 39 2.6.3 Quản lý tài khoản 41 2.6.4 Phân quyền User (Người dùng) 43 2.7 Thiết kế xây dựng giao diện website 50 2.7.1 Trang đăng nhập 50 2.7.2 Trang đăng ký 51 2.7.3 Trang chi tiết sản phẩm 52 2.7.4 Trang chủ 53 2.7.5 Trang giỏ hàng 54 2.7.6 Trang đặt hàng 55 2.7.7 Trang đăng nhập admin 56 2.7.8 Trang Admin 56 2.7.9 Trang quản lý tài khoản 57 2.7.10 Trang quản lý sản phẩm 58 CHƯƠNG 3: KẾT QUẢ NGHIÊN CỨU 59 3.1 Những kết đạt được: 59 3.2 Hạn chế đề tài 63 3.3 Đề xuất giải pháp 63 TÀI LIỆU THAM KHẢO 64 DANH MỤC CÁC KÝ HIỆU VÀ CHỮ VIẾT TẮT STT CHỮ VIẾT TẮT CSS TIẾNG ANH TIẾNG VIỆT Cascading Style Sheets Ngôn ngữ sử dụng để tìm định dạng DOM Document Object Model Giao diện lập trình ứng dụng HTML HTTP Hyper Text Markup Ngôn ngữ đánh dấu Language siêu văn HyperText Transfer Protocol Giao thức truyền tải siêu văn IIS Internet Information Service Dịch vụ thông tin Internet MVC Model-View-Controller Tạo lập giao diện người dùng máy tính PHP Personal Home Page Ngơn ngữ lập trình kịch đa mục đích REST SQL Representational state Kiểu kiến trúc phần transfer mềm Structured Query Language Ngơn ngữ truy vấn có cấu trúc 10 SCSS Sassy Cascading Style Sheets Chương trình cho phép khởi tạo CSS thêm số tính 11 SEO Search Engine Optimization Tối ưu hóa cơng cụ tìm kiếm 12 URL Uniform Resource Locator Địa định vị tài nguyên thống 13 URI Uniform Resource Identifier Định dạng tài nguyên thống 2.7 Thiết kế xây dựng giao diện website 2.7.1 Trang đăng nhập + Mục đích: Chức cho phép người sử dụng đăng nhập vào website tên đăng nhập mật muốn đặt mua hàng qua website cửa hàng Sau đăng nhập thành cơng họ mua sản phẩm Đầu vào: Tên đăng nhập, mật Quá trình: Nhập tên đăng nhập mật Kiểm tra xem tên đăng nhập mật có hợp lệ không Đầu ra: Nếu tên đăng nhập mật người sử dụng đăng nhập vào hệ thống Nếu sai hệ thống yêu cầu nhập lại + Giao diện: Hình 2.18 Trang đăng nhập 50 2.7.2 Trang đăng ký + Mục đích: Chức cho phép khách hàng tào tài khoản thành viên cửa hàng đề mua hàng online webstie cửa hàng nhập đầy đủ thông tin: tên đăng nhập, họ tên, số điện thoại, email, tiến hành đăng kí +Giao diện: Hình 2.19 Trang đăng ký 51 2.7.3 Trang chi tiết sản phẩm + Mục đích: Trang dùng để hiển thị loại sản phẩm với đầy đủ thông tin thông số kỹ thuật loại sản phẩm để người truy cập thấy sản phẩm trang web + Giao diện: Hình 2.20 Trang chi tiết sản phẩm 52 2.7.4 Trang chủ + Mục đích: Đây giao diện người dùng trang web Tại người dùng xem thông tin sản phẩm website thơng qua hình ảnh thơng tin khác sản phẩm + Giao diện: Hình 2.21 Trang chủ 53 2.7.5 Trang giỏ hàng + Mục đích: Tại trang chứa đựng sản phẩm mà khách hàng chọn cho vào giỏ hàng Nếu người dùng muồn mua tiếp sản phẩm khác việc làm theo dẫn trang web Tại giỏ hàng chứa đựng thông tin tên sản phẩm, số lượng, giá bán, giảm giá sản phẩm cuối tổng số tiền mặt hàng chọn + Giao diện: Hình 2.22 Trang giỏ hàng 54 2.7.6 Trang đặt hàng +Mục đích: Tại trang khách hàng nhập đầy đủ thông tin : tên người nhận, số điện thoại, địa chỉ,… đặt hàng Nếu giỏ hàng trống khơng cho đặt hàng +Giao diện: Hình 2.23 Trang đặt hàng 55 2.7.7 Trang đăng nhập admin Cho phép người quản trị đăng nhập vào hệ thống để quản lý trang admin Hình 2.24 Trang đăng nhập admin 2.7.8 Trang Admin Đây giao diện admin trang web Tại admin quản lý đơn hàng, quản lý tài khoản người dùng, quản lý sản phẩm, Hình 2.25 Trang admin 56 2.7.9 Trang quản lý tài khoản Trang dùng cho người quản trị hệ thống quản lý cập nhật tài khoản phân quyền cho nhân viên cửa hàng với người tài khoản riêng quyền truy cập khác Hình 2.26 Trang quản lý tài khoản 57 2.7.10 Trang quản lý sản phẩm Trang dùng cho người quản trị hệ thống quản lý sản phẩm Người quản trị thêm xóa sửa sản phẩm website Hình 2.27 Trang quản lý sản phẩm 58 CHƯƠNG 3: KẾT QUẢ NGHIÊN CỨU 3.1 ➢ Những kết đạt được: Về cơng nghệ: - Tìm hiểu nắm bắt công cụ thiết kế Web - Biết cách thiết kế Web động cách tổ chức sở liệu - Các dịch vụ Internet, đặc biệt Web ➢ Về cài đặt chương trình - Giao diện thân thiện với người dùng Hình 3.1 Giao diện trang chủ 59 - Giới thiệu mặt hàng kinh doanh cửa hàng đến với khách hàng Hình 3.2 Giao diện sản phẩm 60 - Cho phép tra cứu mặt hàng khách hàng có nhu cầu tìm hàng Hình 3.3 Giao diện tìm kiếm sản phẩm 61 - Cho phép khách hàng thực việc đặt hàng qua mạng Hình 3.4 Giao diện đặt hàng online 62 - Tiếp nhận đơn đặt hàng khách hàng - Cập nhật: Mặt hàng, khách hàng, đơn đặt hàng - Thống kê mặt hàng theo nhiều tiêu chí 3.2 Hạn chế đề tài Phần mềm xây dựng website bán thời trang nam hoàn thành xong khơng tránh khỏi thiếu xót hạn chế định: - Chưa toán toán online qua tài khoản ngân hàng - Kỹ phân tích hệ thống cịn nhiều hạn chế 3.3 Đề xuất giải pháp Sau hồn thành chương trình thực tập tốt nghiệp em muốn phát triển trang web thêm tính sau: - Xây dựng hệ thống cho phép công ty mua hàng trực tiếp qua mạng - Tiếp tục bổ sung chức mà phần mềm chưa có để phần mềm ứng dụng rộng rãi hàng (chức toán online quan tài khoản ngân hàng, ) - Tiếp tục hồn thiện chương trình hi vọng đáp ứng nhu cầu người sử dụng 63 TÀI LIỆU THAM KHẢO Tài liệu: Sách React Succinctly (Tác giả: Samer Buna, xuất 7/10/2019) Sách SQL Cookbook (Tác giả: Anthony Molinaro, xuất 2005) Sách Learning Web Design: (Tác Giả: Jennifer Niederst Robbins xuất 2012) Công nghệ web ứng dụng Phạm Hữu Khang - Lập trình với sở liệu TS.Dương Kiều Hoa - Tơn Thất Hịa An, Giáo trình phân tích thiết kế hệ thống thơng tin với UML, NXB Đại học Quốc gia TPHCM, 2006 Website: https://www.w3schools.com https://react-icons.github.io/react-icons https://reactjs.org https://topdev.vn/blog https://fullstack.edu.vn PHP to Hero LINQ for Visual C# 2005 http://youtube.com https://freetuts.net 10 https://www.w3schools.com 11 https://vietjack.com 12 https://tedu.com.vn 64