Đồ án tốt nghiệp WEBSITE bán GIÀY và PHỤ KIỆN THỂ THAO

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 GIÀY VÀ PHỤ KIỆN THỂ THAO Sinh viên thực : Trà Thị Kim 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 GIÀY VÀ PHỤ KIỆN THỂ THAO Sinh viên: Trà Thị Kim Hằng Mã SV: 191C900073 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 Trong suốt thời gian học tập rèn luyện Trường Đại học Công nghệ Thông tin 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è Với lòng biết ơn sâu sắc chân thành nhất, em xin gửi đến quý thầy cô Trường Đại học Công nghệ Thông tin Truyền thông Việt – Hàn dùng tri thức tâm huyết để truyền đạt vốn kiến thức quý báu cho em suốt thời gian em học trường Em xin chân thành cảm ơn cô Lê Thị Thu Nga tận tâm hướng dẫn em qua buổi học lớp buổi nói chuyện, trao đổi đề tài Xây dựng Website bán giày thể thao phụ kiện Em xin gửi lời cảm ơn đến ban lãnh đạo Trường Đại học Công nghệ Thông tin Truyền thông Việt – Hàn, với Khoa – Phòng ban chức trực tiếp gián tiếp giúp đỡ em trình học tập nghiên cứu đề tài Với điều kiện thời gian hạn chế kinh nghiệm sinh viên, báo cáo tránh thiếu xót Em mong nhận bảo, đóng góp ý kiến quý thầy để em có thêm kinh nghiệm, bổ sung nâng cao kiến thức thân để phục vụ cho công tác thực tế sau Em xin chân thành cảm ơn!! Sinh viên, Trà Thị Kim Hằng iv MỤC LỤC DANH MỤC CÁC TỪ VIẾT TẮT vi DANH MỤC HÌNH VẼ vii DANH MỤC BẢNG BIỂU viii MỞ ĐẦU 1 Lý chọn đề tài Mục tiêu đạt Nhiệm vụ hướng giải Bố cục đề tài Chương CÔNG CỤ VÀ CÔNG NGHỆ SỬ DỤNG 1.1 Ngôn ngữ 1.2 Công cụ Chương PHÂN TÍCH MƠ HÌNH HỆ THỐNG 2.1 Phân tích yêu cầu 2.2 Biểu đồ chức 10 2.3 Biểu đồ trình tự 13 2.4 Biểu đồ lớp 14 2.5 Phân tích sở liệu 15 Chưong XÂY DỰNG VÀ TRIỂN KHAI ỨNG DỤNG 20 3.1 Giao diện phía người dùng 20 3.2 Giao diện phía người quản trị 25 KẾT LUẬN 30 Kết đạt 30 Hạn chế thiếu sót 30 Hướng phát triển 30 TÀI LIỆU THAM KHẢO 31 v DANH MỤC CÁC TỪ VIẾT TẮT VIẾT TẮT NỘI DUNG PHP Hypertext Preprocessor SQL Structured Query Lanuage HTML Hypertext Markup Language CSS Cascading Style Sheets vi DANH MỤC HÌNH VẼ Hình Hình ảnh minh họa ngơn ngữ HTML Hình Hình ảnh minh họa ngôn ngữ CSS Hình 3.Hình ảnh minh họa ngơn ngữ Javascript Hình 4.Hình ảnh minh họa ngơn ngữ PHP Hình 5.Hình ảnh minh họa MySQL Hình Hình ảnh minh họa phần mềm Visual Studio Code Hình Hình ảnh minh họa phầm mềm Xampp Hình Biểu đồ chức tổng quát website bán giày thể thao 10 Hình Biểu đồ use case người dùng tổng quan 11 Hình 10 Biểu đồ chức Đăng Nhập cho người dùng 11 Hình 11 Biểu đồ chức Mua hàng cho người dùng 11 Hình 12 Biểu đồ chức Người Quản Trị tổng quan 12 Hình 13 Biểu đồ chức Quản lý sản phẩm 12 Hình 14 Biểu đồ chức Quản lý đơn hàng 13 Hình 15 Biểu đồ chức Quản lý danh mục sản phẩm 13 Hình 16 Biểu đồ trình tự đăng nhập website bán giày thể thao 14 Hình 17 .Biểu đồ trình tự đặt hàng website bán giày thể thao 14 Hình 18 Biểu đồ lớp website bán giày thể thao phụ kiện 15 Hình 19 Cơ sở liệu website bán giày thể thao 15 Hình 20.Giao diện Đăng Nhập website bán giày thể thao 21 Hình 21 Giao diện Đăng Ký website bán giày thể thao 21 Hình 22 Giao diện Trang Chủ website bán giày thể thao 22 Hình 23 Giao diện Sản Phẩm website bán giày thể thao 22 Hình 24 Giao diện Giỏ Hàng website bán giày thể thao 23 Hình 25 Giao diện Thanh Toán website bán giày thể thao 23 Hình 26 Giao diện Thêm địa website bán giày thể thao 24 Hình 27 Giao diện Thông tin cá nhân website bán giày thể thao 24 Hình 28 Giao diện Thơng tin địa website bán giày thể thao 25 Hình 29 Giao diện đơn hàng website bán giày thể thao 25 Hình 30 Giao diện trang chủ người quản trị 26 Hình 31 Giao diện quản lý sản phẩm người quản trị 26 Hình 32 Giao diện thêm sản phẩm người quản trị 27 Hình 33 Giao diện quản lý danh mục sản phẩm người quản trị 27 Hình 34 Giao diện quản lý đơn hàng người quản trị 28 Hình 35 Giao diện quản lý tài khoản người quản trị 28 Hình 36 Giao diện quản lý khách hàng người quản trị 29 vii DANH MỤC BẢNG BIỂU Bảng Bảng Tài Khoản 16 Bảng Bảng Sản Phẩm 16 Bảng Bảng Hình Ảnh Chi Tiết 16 Bảng Bảng Nhóm Sản Phẩm 17 Bảng Bảng Thương Hiệu 17 Bảng Bảng Đơn Hàng 17 Bảng Bảng Chi Tiết Đơn Hàng 17 Bảng Bảng Trạng Thái Đơn Hàng 18 Bảng Bảng Địa Chỉ Khách Hàng 18 Bảng 10 Bảng Địa Chỉ Mặc Định 18 Bảng 11 Bảng Size 19 Bảng 12 Bảng Xã 19 Bảng 13 Bảng Quận Huyện 19 Bảng 14 Bảng Tỉnh Thành Phố 19 Bảng 15 Bảng Admin 20 viii MỞ ĐẦU Lý chọn đề tài Ngày Internet trở thành dịch vụ phổ biến thiết yếu ảnh hưởng sâu rộng đến thói quen, sinh hoạt, giải trí nhiều người Cùng với phát triển nhanh chóng Internet hình thức mua bán hàng hóa cho người ngày đa dạng phát triển nhiều lĩnh vực Thông tin lĩnh vực quan trọng sống nay, bên cạnh nhu cầu nghe nhìn,giải trí, trao đổi thơng tin… Vì cần mặt hàng khác để phục vụ nhu cầu trên, để chọn mặt hàng ý với nhu cầu sử dụng dễ, lý em chọn đề tài website bán hàng online Nhằm phần giúp khách hàng lựa chọn mua mặt hàng lúc nơi không cần xa mua hàng tận nhà cần cú click chuột Đặc biệt thương mại điện tử, việc áp dụng công nghệ thông tin vào thương mại điện tử giúp cho việc mua bán thuận tiện dễ dàng Việc mua bán dễ dàng mạng kích thích người tiêu dùng mua hàng nhiều qua làm tăng doanh thu cho cửa hàng.Mặt khác việc bán hàng qua mạng có nhiều lợi so với bán hàng truyền thông: - Cung cấp dịch vụ tốt cho khách hàng - Quảng bá thơng tin tiếp thị thị trường tồn cầu với chi phí thấp - Tăng doanh thu giảm chi phí - Tạo lợi cạnh tranh Với lý trên, em chọn đề tài xây dựng “Website bán giày phụ kiện thể thao” Mục tiêu đạt Mục tiêu đề tài xây dựng website bán hàng online, cụ thể mặt hàng thể thao, đặc biệt giày thể thao Website cho pháp người dùng tìm kiếm, xem chi tiết, đặt mua hàng online Mặt khác, website cung cấp chức cho người quản trị, cụ thể như: thêm, sửa, xóa…sản phẩm, quán lý khách hành, quản lý đơn hàng Nhiệm vụ hướng giải Từ yêu cầu đặt ra, đề tài tiến hành phân tích đưa hướng giải theo bước sau: - Tìm hiểu tài liệu, sách báo, thơng tin mạng internet vấn đề có liên quan đến nội dung đề tài - Tìm hiểu cơng nghệ: + Tìm hiểu ngơn ngữ lập trình PHP + Sử dụng Framework Laravel + Tìm hiểu hệ quản trị sở liệu MySql + Tìm hiểu ngơn ngữ lập trình JavaScritp + Tìm hiểu kỹ thuật Ajax Jquery - Tiến hành tìm hiểu khái niệm có liên quan từ thơng tin khảo sát tiến hành phân tích chức dự định đưa vào website - Tìm hiểu nội dung cần có trang web bán đồ thể thao, từ đưa giải pháp để tiến hành xây dựng - Lựa chọn cài đặt công cụ, phần mềm phù hợp cho việc thiết kế website - Thiết kế hệ thống - Thiết kế sở liệu - Xây dựng website Bố cục đề tài Ngoài phần mở đầu kết luận, nội dung đề tài tập chung vào chương sau: - Chương Công nghệ công cụ Chương trình bày số cơng nghệ cơng cụ sử dụng để xây dưng websỉe như: HTML, CSS,… - Chương Phân tích mơ hình hệ thống Phân tích yêu cầu chức năng, sơ đồ use case, phân tích sở dưc liệu,… trình bày chi tiết chương - Chương Xây dựng triển khai ứng dụng Trong chương này, kết đạt như: thiết kế giao diện phía người dùng, giao diện phía người quản trị,… Được trình bày chương IDNhomSP Varchar(50) TenNhom Varchar(225) Khóa Bảng Bảng Nhóm Sản Phẩm 2.5.2.5 Bảng Thương Hiệu Tên cột Kiểu liệu IDThuongHieu Varchar(50) TenThuongHieu Varchar(225) Mô Tả Khóa Bảng Bảng Thương Hiệu 2.5.2.6 Bảng Đơn Hàng Tên cột Kiểu liệu Mô Tả IDDonHang Varchar(50) Khóa IDTaiKhoan Varchar(50) Khóa phụ NgayDatHang Date IDDiaChi Varchar(50) Khóa phụ IDTrangThai Varchar(50) Khóa phụ Bảng Bảng Đơn Hàng 2.5.2.7 Bảng Chi Tiết Đơn Hàng Tên cột Kiểu liệu Mơ Tả STT Int Khóa IDSanPham Varchar(50) Khóa phụ IDSize Varchar(50) Khóa phụ SoLuong Int ThanhTien Int IDDonHang Varchar(50) Khóa phụ Bảng Bảng Chi Tiết Đơn Hàng 2.5.2.8 Bảng Trạng Thái Đơn Hàng Tên cột Kiểu liệu Mơ Tả IDTrangThai Varchar(50) Loai Varchar(225) Khóa Bảng Bảng Trạng Thái Đơn Hàng 2.5.2.9 Bảng Địa Chỉ Khách Hàng Tên cột Kiểu liệu Mô Tả IDDiaChi Varchar(50) Khóa HoTen Varchar(225) SDT Int SoNha Varchar(225) IDXa Varchar(50) Khóa phụ IDQuan Varchar(50) Khóa phụ IDThanhPho Varchar(50) Khóa phụ IDTaiKhoan Varchar(50) Khóa phụ Bảng 9.Bảng Địa Chỉ Khách Hàng 2.5.2.10 Bảng Địa Chỉ Mặc Định Tên cột Kiểu liệu IDDiaChi Varchar(50) IDTaiKhoan Varchar(50) TrangThai Varchar(225) Mơ Tả Khóa phụ Bảng 10 Bảng Địa Chỉ Mặc Định 2.5.2.11 Bảng Size Tên cột Kiểu liệu Mô Tả IDSize Varchar(50) SoSize Varchar(225) Khóa Bảng 11 Bảng Size 2.5.2.12 Bảng Xã Tên cột Kiểu liệu IDXa Varchar(50) TenXa Varchar(225) IDQuan Varchar(50) Mơ Tả Khóa Khóa phụ Bảng 12 Bảng Xã 2.5.2.13 Bảng Quận Huyện Tên cột Kiểu liệu IDQuan Varchar(50) TenQuan Varchar(225) IDThanhPho Varchar(50) Mơ Tả Khóa Khóa phụ Bảng 13 Bảng Quận Huyện 2.5.2.14 Bảng Tỉnh Thành Phố Tên cột Kiểu liệu IDThanhPho Varchar(50) TenThanhPho Varchar(225) Mơ Tả Khóa Bảng 14 Bảng Tỉnh Thành Phố 2.5.2.15 Bảng Admin Tên cột Kiểu liệu Mô Tả Tên Varchar(225) Email Varchar(225) MatKhau Varchar(225) Bảng 15 Bảng Admin Chưong XÂY DỰNG VÀ TRIỂN KHAI ỨNG DỤNG 3.1 Giao diện phía người dùng 3.1.1 Giao diện Đăng Nhập Hình 20.Giao diện Đăng Nhập website bán giày thể thao 3.1.2 Giao diện Đăng ký tài khoản Hình 21 Giao diện Đăng Ký website bán giày thể thao 3.1.3 Giao diện Trang Chủ Hình 22 Giao diện Trang Chủ website bán giày thể thao 3.1.4 Giao diện Sản Phẩm Hình 23 Giao diện Sản Phẩm website bán giày thể thao 3.1.5 Giao diện Giỏ Hàng Hình 24 Giao diện Giỏ Hàng website bán giày thể thao 3.1.6 Giao diện Thanh Tốn Hình 25 Giao diện Thanh Tốn website bán giày thể thao 3.1.7 Giao diện Thêm địa Hình 26 Giao diện Thêm địa website bán giày thể thao 3.1.8 Giao diện Thông Tin Cá Nhân Hình 27 Giao diện Thơng tin cá nhân website bán giày thể thao 3.1.9 Giao diện Trang Thơng Tin Địa Hình 28 Giao diện Thơng tin địa website bán giày thể thao 3.1.10 Giao diện trang Đơn hàng Hình 29 Giao diện đơn hàng website bán giày thể thao 3.2 Giao diện phía người quản trị 3.2.1 Giao diện Trang Chủ Hình 30 Giao diện trang chủ người quản trị 3.2.2 Giao diện trang Quản lý sản phẩm Hình 31 Giao diện quản lý sản phẩm người quản trị 3.2.3 Giao diện trang Thêm sản phẩm Hình 32 Giao diện thêm sản phẩm người quản trị 3.2.4 Giao diện Quản lý danh mục sản phẩm Hình 33 Giao diện quản lý danh mục sản phẩm người quản trị 3.2.5 Giao diện trang Quản lý đơn hàng Hình 34 Giao diện quản lý đơn hàng người quản trị 3.2.6 Giao diện trang Quản lý tài khoản Hình 35 Giao diện quản lý tài khoản người quản trị 3.2.7 Giao diện trang Quản lý khách hàng Hình 36 Giao diện quản lý khách hàng người quản trị KẾT LUẬN Kết đạt Đề tài đạt số kết sau: - Xây dựng trang web có đủ chức cần thiết trang web mua hàng - Giao diện trang web thân thiện, dễ dàng sử dụng người dùng - Dễ dàng đặt hàng mạng mà không cần phải đến cửa hàng trực tiếp Hạn chế thiếu sót - Hệ thống trang web cịn nhiều bất cập như: độ bảo mật chưa cao - Chưa tối ưu việc quản lý liệu MySql Hướng phát triển - Cải thiện giao diện bắt mắt cho người dùng - Cải thiện việc quản lý liệu hệ thống sở liệu - Phát triển thêm tính cho trang web thêm chức nhập liệu từ excel cho người quản lý, tìm kiếm giọng nói TÀI LIỆU THAM KHẢO [1] Trang web: https://tailieu.vn/ [2] Trang web: https://123docz.net/trang-chu.html [3] Trang web: https://www.w3schools.com/ [4] Tham khảo website: https://supersports.com.vn/ ... Hình 16 Biểu đồ trình tự đăng nhập website bán giày thể thao 14 Hình 17 .Biểu đồ trình tự đặt hàng website bán giày thể thao 14 Hình 18 Biểu đồ lớp website bán giày thể thao phụ kiện 15... bán giày thể thao 22 Hình 23 Giao diện Sản Phẩm website bán giày thể thao 22 Hình 24 Giao diện Giỏ Hàng website bán giày thể thao 23 Hình 25 Giao diện Thanh Toán website bán giày thể thao. .. liệu website bán giày thể thao 15 Hình 20.Giao diện Đăng Nhập website bán giày thể thao 21 Hình 21 Giao diện Đăng Ký website bán giày thể thao 21 Hình 22 Giao diện Trang Chủ website bán