XÂY DỰNG WEBSITE KINH DOANH GIÀY THỂ THAO

ĐẠI HỌC ĐÀ NẴNG TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT KHOA ĐIỆN – ĐIỆN TỬ Tel: (84-02363) 894882 – Fax: (84-02363) 894882 Website: http://feee.ute.udn.vn - E-mail: cntt@ute.edu.vn BÁO CÁO ĐỒ ÁN TỐT NGHIỆP NGÀNH CÔNG NGHỆ THÔNG TIN MÃ NGÀNH : 50533 ĐỀ TÀI : XÂY DỰNG WEBSITE KINH DOANH GIÀY THỂ THAO CHO ERIC SHOES SINH VIÊN : Nguyễn Đạt LỚP : 17T2 CBHD : ThS Trần Bửu Dung ĐÀ NẴNG, 02/2021 LỜI CẢM ƠN Tôi xin chân thành cảm ơn thầy cô khoa Điện – Điện tử, môn Công nghệ thông tin, trường Đại học Sư phạm Kỹ thuật truyền đạt kiến thức quý báu cho năm học vừa qua tạo điều kiện thuận lợi cho học tập, thực đề tài tốt nghiệp Đặc biệt, xin chân thành cảm ơn cô giáo ThS Trần Bửu Dung trực tiếp, tận tình giúp đỡ hướng dẫn suốt thời gian thực đề tài Và để có kết ngày hơm nay, tơi biết ơn gia đình Ông Bà, Cha Mẹ người thân gia đình động viên, khích lệ, tạo điều kiện thuận lợi vật chất lẫn tinh thần suốt trình học tập trình thực đề tài tốt nghiệp Mặc dù cố gắng hoàn thành đồ án phạm vi khả cho phép chắn không tránh khỏi thiếu sót Tơi mong nhận thơng cảm, góp ý tận tình bảo q Thầy Cô bạn Một lần xin chân thành cám ơn! Đà Nẵng, ngày tháng 02 năm 2021 Sinh viên thực Nguyễn Đạt LỜI CAM ĐOAN Tôi xin cam đoan : Những nội dung luận văn thực hướng dẫn trực tiếp cô ThS Trần Bửu Dung Mọi tham khảo dùng luận văn trích dẫn rõ ràng tên tác giả, tên cơng trình, thời gian, địa điểm công bố Mọi chép không hợp lệ, vi phạm quy chế đào tạo, hay gian trá, tơi xin chịu hồn tồn trách nhiệm Sinh viên thực Nguyễn Đạt NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN Đà Nẵng, ngày tháng năm 2021 GVHD NHẬN XÉT CỦA HỘI ĐỒNG PHẢN BIỆN Đà Nẵng, ngày tháng năm 2021 HĐPB MỤC LỤC LỜI CẢM ƠN i LỜI CAM ĐOAN ii NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN iii NHẬN XÉT CỦA HỘI ĐỒNG PHẢN BIỆN .iv MỤC LỤC .v CHƯƠNG 1: TỔNG QUAN ĐỀ TÀI .1 I Tên đề tài .1 II Lý chọn đề tài III Mục tiêu phạm vi đề tài 1 Mục tiêu đề tài Phạm vi đề tài IV Phương pháp nghiên cứu công nghệ .1 Phương pháp nghiên cứu Giải pháp công nghệ .1 Nội dung nghiên cứu V Về lý thuyết Về thực tiễn VI VII Kết dự kiến Kế hoạch thực CHƯƠNG 2: PHÂN TÍCH HỆ THỐNG I Sơ đồ use case .3 Sơ đồ ERD II CHƯƠNG 3: THIẾT KẾ CƠ SỞ DỮ LIỆU I Bảng liệu Bảng khách hàng Bảng địa người nhận Bảng sản phẩm Bảng chi tiết sản phẩm Bảng nhân viên .7 Bảng phiếu nhập .7 Bảng chi tiết phiếu nhập 8 Bảng quyền .8 Bảng hóa đơn 9 10 Bảng nhà cung cấp 11 Bảng chi tiết hóa đơn 10 12 Bảng danh mục .10 13 Bảng bình luận 11 Sơ đồ quan hệ 12 II CHƯƠNG 4: XÂY DỰNG CHƯƠNG TRÌNH 13 I Giao diện trang chủ .13 II Giao diện trang đăng kí thành viên 14 III Giao diện trang đăng nhập .14 IV Giao diện trang chi tiết sản phẩm 15 V Giao diện trang giỏ hàng 15 VI Giao diện trang đặt hàng 16 VII Giao diện trang cập nhật thông tin cá nhân 16 VIII Giao diện trang cập nhật đơn hàng .17 IX Giao diện trang quản trị 17 X Giao diện trang quản lý sản phẩm 18 XI Giao diện trang quản lý đơn đặt hàng 18 XII Giao diện trang giao hàng .19 XIII Giao diện trang doanh thu 19 XIV Giao diện trang nhập kho 20 XV Giao diện trang cập nhật nhân viên 20 XVI Giao diện trang cập nhật khách hàng 21 XVII Giao diện trang sản phẩm hết 21 XVIII XIX Giao diện trang sản phẩm hết .22 Giao diện trang sản phầm lại 22 CHƯƠNG 5: KẾT LUẬN .23 I Ưu điểm khuyết điểm đề tài .23 Ưu điểm 23 Khuyết điểm 23 Hướng phát triển đề tài 23 II Tích hợp API Google Map để phát triển chức định vị nghiệp vụ giao hàng 23 Tích hợp khung chat để hỗ trợ trực tuyến khách hàng cần biết thông tin không rõ website .23 Phát triển thành website đa ngôn ngữ 23 Khắc phục khuyết điểm 23 TÀI LIỆU THAM KHẢO .24 Báo cáo đồ án tốt nghiệp CHƯƠNG 1: TỔNG QUAN ĐỀ TÀI I Tên đề tài Thiết kế website kinh doanh giày thể thao cho cửa hàng Eric Shoes II Lý chọn đề tài Thiết kế website bán giày dịch vụ cung cấp cho đơn vị doanh nghiệp kinh doanh lĩnh vực giày dép giải pháp hoàn hảo hữu ích đế tiếp thị sản phẩm đến với đối tượng khách hàng tiềm giày dép sản phẩm nhiều người dùng tìm kiếm có nhu cầu mua hàng cao nên Việc thiết kế website bán giày online mang lại nhiều lợi ích, chẳng hạn như: - Khẳng định thương hiệu - Tăng hiệu bán hàng - Tự chủ kinh doanh Từ lý trên, em chọn đề tài “xây dựng website kinh doanh giày” làm hướng nghiên cứu cho đề tài III Mục tiêu phạm vi đề tài Mục tiêu đề tài Xây dựng website bán giày với đầy đủ tính hệ thống thương mại điện tử cho phép người sử dụng tìm kiếm, đặt hàng sản phẩm áo quần nhanh chóng dễ dàng - Người dùng dễ dàng đặt mua hàng trực tuyến nhanh chóng tiện dụng - Nhân viên bán hàng quản lý thơng tin khách hàng hóa đơn bán hàng dễ dàng Ngồi ra, nhân viên bán hàng báo cáo doanh thu cần thiết có chiến lược phù hợp để tăng doanh số cho cửa hàng - Nhân viên quản lý quản lý người dùng, xem báo cáo phận, … Phạm vi đề tài Áp dụng cho cửa hàng có qui mơ nhỏ có qui trình hoạt động nghiệp vụ tương tự IV Phương pháp nghiên cứu công nghệ Phương pháp nghiên cứu - Tham khảo website bán áo quần trực tuyến internet Giải pháp công nghệ - Ngôn ngử PHP Bootstrap, Jquery, HTML/CSS Hệ quản trị sở liệu MySQL V Nội dung nghiên cứu Về lý thuyết - Tìm hiểu phần mềm StarUML để phân tích thiết kế hệ thống SVTH:Nguyễn Đạt Trang Báo cáo đồ án tốt nghiệp - Tìm hiểu vận dụng ngơn ngữ PHP, hệ quản trị sở liệu MySQL, NetBeans IDE để xây dựng website Về thực tiễn Xây dựng website gồm tác nhân chức tương ứng sau: - Khách vãng lai: o Đăng kí thành viên o Xem tìm kiếm thơng tin sản phẩm o Thêm vào giỏ hàng o Xem cập nhật giỏ hàng - Khách hàng o Có đầy đủ chức khách vãng lai o Đăng nhập o Cập nhật thông tin cá nhân o Đặt hàng o Cập nhật đơn hàng o Bình luận - Nhân viên bán hàng o Đăng nhập o Tìm kiếm thơng tin sản phẩm, khách hàng, hóa đơn o Xem danh sách đơn hàng o Xử lý đơn hàng o In hóa đơn o Thống kê báo cáo doanh thu theo ngày, tháng, năm - Nhân viên kho o Đăng nhập o Nhập hàng vào kho o Cập nhật sản phẩm o Tìm kiếm thơng tin sản phẩm o Cập nhật thơng tin sản phẩm - Nhân viên giao hàng o Đăng nhập o Xem danh sách đơn hàng o In hóa đơn o Cập nhật tình trạng đơn hàng - Quản tị viên o Có tất chức hệ thống o Đăng nhập phân quyền nhân viên o Cập nhật thông tin nhân viên VI Kết dự kiến Xây dựng website với đầy đủ chức mục V VII Kế hoạch thực SVTH:Nguyễn Đạt Trang Báo cáo đồ án tốt nghiệp 11 Bảng chi tiết hóa đơn STT Thuộc Tính MaHD MaSP SoLuong DonGia ThanhTien Size Mau Mơ Tả Mã hóa đơn Mã sản phẩm Số lượng Đơn giá Thành tiền Kiểu Dữ Liệu Int Int Int Int Decimal(10,0) Enum Màu Enum Bảng 3.11: Bảng chi tiết hóa đơn Ràng Buộc Foreign key Foreign key Code: CREATE TABLE `chitiethoadon` ( `MaHD` int(11) NOT NULL, `MaSP` int(11) NOT NULL, `SoLuong` int(11) NOT NULL, `DonGia` int(11) NOT NULL, `ThanhTien` decimal(10,0) NOT NULL, `Mau` enum('Đen','Đen - Trắng','Đỏ','Hồng','none','Trắng','Vàng','Xanh') COLLATE utf8mb4_vietnamese_ci NOT NULL DEFAULT 'none', `Size` enum('36','37','38','39','40','41','42','43') COLLATE utf8mb4_vietnamese_ci NOT NULL ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_vietnamese_ci; ALTER TABLE `chitiethoadon` ADD KEY `MaHD` (`MaHD`), ADD KEY `MaSP` (`MaSP`); ALTER TABLE `chitiethoadon` ADD CONSTRAINT `chitiethoadon_ibfk_1` FOREIGN KEY (`MaHD`) REFERENCES `hoadon` (`MaHD`), ADD CONSTRAINT `chitiethoadon_ibfk_2` FOREIGN KEY (`MaSP`) REFERENCES `sanpham` (`MaSP`); 12 Bảng danh mục STT Thuộc Tính MaDM TenDM Mô Tả Kiểu Dữ Liệu Mã danh mục Int Tên danh mục Varchar(50) Bảng 3.12: Bảng danh mục Ràng Buộc Primary key Code: CREATE TABLE `danhmuc` ( `MaDM` int(11) NOT NULL, `TenDM` varchar(50) COLLATE utf8_vietnamese_ci NOT NULL ) ENGINE=InnoDB DEFAULT CHARSET=utf8 COLLATE=utf8_vietnamese_ci; ALTER TABLE `danhmuc` ADD PRIMARY KEY (`MaDM`); SVTH:Nguyễn Đạt Trang 10 Báo cáo đồ án tốt nghiệp 13 Bảng bình luận Thuộc Tính MaBL MaSP MaKH NoiDung ThoiGian STT Mô Tả Kiểu Dữ Liệu Mã bình luận Int Mã sản phẩm Int Mã khách hàng Int Nội dung Text Thời gian DateTime Bảng 3.13: Bảng bình luận Ràng Buộc Primary key Foreign key Foreign key Code: CREATE TABLE `binhluan` ( `MaBL` int(11) NOT NULL, `MaSP` int(11) COLLATE utf8_vietnamese_ci NOT NULL, `MaKH` int(11) NOT NULL, `NoiDung` text COLLATE utf8_vietnamese_ci NOT NULL, `ThoiGian` datetime NOT NULL DEFAULT current_timestamp() ) ENGINE=InnoDB DEFAULT CHARSET=utf8 COLLATE=utf8_vietnamese_ci; ALTER ADD ADD ADD TABLE `binhluan` PRIMARY KEY (`MaBL`); KEY `MaKH` (`MaKH`), KEY `MaSP` (`MaSP`); ALTER TABLE `binhluan` ADD CONSTRAINT `binhluan_ibfk_1` FOREIGN KEY (`MaKH`) REFERENCES `khachhang` (`MaKH`), ADD CONSTRAINT `binhluan_ibfk_2` FOREIGN KEY (`MaSP`) REFERENCES `sanpham` (`MaSP`); SVTH:Nguyễn Đạt Trang 11 Báo cáo đồ án tốt nghiệp II Sơ đồ quan hệ Hình 3.1 : Sơ đồ quan hệ SVTH:Nguyễn Đạt Trang 12 Báo cáo đồ án tốt nghiệp CHƯƠNG 4: XÂY DỰNG CHƯƠNG TRÌNH I Giao diện trang chủ Hình 4.1: Giao diện trang chủ SVTH:Nguyễn Đạt Trang 13 Báo cáo đồ án tốt nghiệp II Giao diện trang đăng kí thành viên Hình 4.2: Giao diện trang đăng kí thành viên III Giao diện trang đăng nhập Hình 4.3: Giao diện trang đăng nhập SVTH:Nguyễn Đạt Trang 14 Báo cáo đồ án tốt nghiệp IV Giao diện trang chi tiết sản phẩm Hình 4.4: Giao diện trang chi tiết sản phẩm V Giao diện trang giỏ hàng Hình 4.5: Giao diện trang giỏ hàng SVTH:Nguyễn Đạt Trang 15 Báo cáo đồ án tốt nghiệp VI Giao diện trang đặt hàng Hình 4.6: Giao diện trang đặt hàng VII Giao diện trang cập nhật thơng tin cá nhân Hình 4.7: Giao diện trang cập nhật thông tin cá nhân SVTH:Nguyễn Đạt Trang 16 Báo cáo đồ án tốt nghiệp VIII Giao diện trang cập nhật đơn hàng Hình 4.8 giao diện trang cập nhật đơn hàng IX Giao diện trang quản trị Hình 4.9: Giao diện trang quản trị SVTH:Nguyễn Đạt Trang 17 Báo cáo đồ án tốt nghiệp X Giao diện trang quản lý sản phẩm Hình 4.10: Giao diện trang quản lý sản phẩm XI Giao diện trang quản lý đơn đặt hàng Hình 4.11: Giao diện trang quản lý đơn đặt hàng SVTH:Nguyễn Đạt Trang 18 Báo cáo đồ án tốt nghiệp XII Giao diện trang giao hàng Hình 4.12: Giao diện trang giao hàng XIII Giao diện trang doanh thu Hình 4.13: Giao diện trang doanh thu SVTH:Nguyễn Đạt Trang 19 Báo cáo đồ án tốt nghiệp XIV Giao diện trang nhập kho Hình 4.14: Giao diện trang nhập kho XV Giao diện trang cập nhật nhân viên Hình 4.15: Giao diện trang cập nhật nhân viên SVTH:Nguyễn Đạt Trang 20 Báo cáo đồ án tốt nghiệp XVI Giao diện trang cập nhật khách hàng Hình 4.16: Giao diện trang cập nhật khách hàng XVII Giao diện trang sản phẩm hết Hình 4.17: Giao diện trang sản phẩm hết SVTH:Nguyễn Đạt Trang 21 Báo cáo đồ án tốt nghiệp XVIII Giao diện trang sản phẩm hết Hình 4.18: Giao diện trang sản phẩm hết XIX Giao diện trang sản phầm cịn lại Hình 4.19: Giao diện trang sản phẩm lại SVTH:Nguyễn Đạt Trang 22 Báo cáo đồ án tốt nghiệp CHƯƠNG 5: KẾT LUẬN I Ưu điểm khuyết điểm đề tài Ưu điểm o Đã hoàn thành chức website o Giao diện đơn giản, dễ nhìn, dễ dàng sử dụng với người dùng Khuyết điểm o Chưa toán trực tuyến o Xác thực đơn hàng qua email o Liên kết tài khoản với bên thứ ba facebook,google,… II Hướng phát triển đề tài Tích hợp API Google Map để phát triển chức định vị nghiệp vụ giao hàng Tích hợp khung chat để hỗ trợ trực tuyến khách hàng cần biết thông tin không rõ website Phát triển thành website đa ngôn ngữ Khắc phục khuyết điểm SVTH:Nguyễn Đạt Trang 23 TÀI LIỆU THAM KHẢO [1] Phạm Nguyễn Văn (2009), Giáo trình PHP, Trường ĐH Sư Phạm Kỹ Thuật [2] Mehdi Achour, Friedhelm Betz, Antony Dovgal, Nuno Lopes, Hannes Magnusson, Georg Richter, Damien Seguy, Jakub Vrana nhiều người khác PHP manual Bản quyền thuồc PHP Documentation Group [3] Xây dựng ứng dụng web PHP My SQL - Phạm Hữu Khang, Hoàng Đức Hải chủ biên; Phương Lan hiệu đính (2006) [4] Lập trình sở liệu mysql Nhà xuất lao động – xã hội,2000 [5] Bài giảng Phân tích thiết kế hệ thống thông tin quản lý PGS.TS Đặng Minh Ất [6]Các trang web, diễn đàn: http://www.phpvn.org http://www.ddth.com http:/sinhvienit.net http://3c.com.vn http://javascriptbank.com https://getbootstrap.com/docs/4.4/getting-started/introduction/ https://3hundred.vn/collections/shoes Trang 24 ... đề tài Thiết kế website kinh doanh giày thể thao cho cửa hàng Eric Shoes II Lý chọn đề tài Thiết kế website bán giày dịch vụ cung cấp cho đơn vị doanh nghiệp kinh doanh lĩnh vực giày dép giải pháp... hàng - Tự chủ kinh doanh Từ lý trên, em chọn đề tài ? ?xây dựng website kinh doanh giày? ?? làm hướng nghiên cứu cho đề tài III Mục tiêu phạm vi đề tài Mục tiêu đề tài Xây dựng website bán giày với đầy... - Tìm hiểu vận dụng ngôn ngữ PHP, hệ quản trị sở liệu MySQL, NetBeans IDE để xây dựng website Về thực tiễn Xây dựng website gồm tác nhân chức tương ứng sau: - Khách vãng lai: o Đăng kí thành viên