XÂY DỰNG WEBSITE BÁN GIÀY ĐÁ BÓNG ONLINE

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 XÂY DỰNG WEBSITE BÁN GIÀY ĐÁ BÓNG ONLINE Sinh viên thực : Võ Thanh Lực Lớp : 19I1 Giảng viên hướng dẫn: Ths.Dương Thị Mai 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 XÂY DỰNG WEBSITE BÁN GIÀY ĐÁ BÓNG ONLINE Sinh viên : Võ Thanh Lực Mã sinh viên : 191c900027 Giảng viên hướng dẫn: Ths Dương Thị Mai 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 thời gian làm đồ án tốt nghiệp, em nhận nhiều giúp đỡ, đóng góp ý kiến bảo nhiệt tình thầy cơ, gia đình bạn bè Em xin gửi lời cảm ơn chân thành đến Th.s Dương Thị Mai Nga, giảng viên trường Đại học ông nghệ thông tin truyền thơng Việt Hàn, người tận tình hướng dẫn, bảo em suốt trình làm đồ án tốt nghiệp Em xin chân thành cảm ơn thầy, cô giáo trường đại học công nghệ thơng tin truyền thơng Việt Hàn nói chung, thầy, Khoa Khoa học máy tính nói riêng dạy dỗ cho em kiến thức môn đại cương môn chuyên ngành, giúp em có sở lý thuyết vững vàng tạo điều kiện giúp đỡ em suốt trình học tập Cuối cùng, em xin chân thành cảm ơn gia đình bạn bè, ln tạo điều kiện, quan tâm, giúp đỡ, động viên em suốt trình học tập hồn thành khố luận tốt nghiệp Sinh viên Võ Thanh Lực iv MỤC LỤC LỜI CẢM ƠN iv MỤC LỤC v DANH MỤC CÁC TỪ VIẾT TẮT vii DANH MỤC HÌNH VẼ viii MỞ ĐẦU 1 Giới thiệu Mục tiêu đề tài Nội dung kế hoạch thực Nhiệm vụ hướng giải Ý nghĩa thực tiển đề tài Chương CÔNG CỤ CÔNG NGHỆ SỬ DỤNG 1.1 Giới thiệu Laravel 1.1.1 Laravel gì? 1.1.2 Lịch sử phát triển Laravel 1.1.3 Triết lý Laravel 1.2 Giới thiệu hệ quản trị sở liệu MYSQL 1.2.1 MySQL gì? Giới thiệu MySQL 1.2.2 MySql có bật? 1.2.3 Những nhân, tổ chức sử dụng MySQL? Chương PHÂN TÍCH MƠ HÌNH HỆ THỐNG 2.1 Phân tích yêu cầu 2.1.1.Yêu cầu chức hệ thống 2.1.2.Yêu cầu hình thức 2.1.3.Yêu cầu bảo mật 2.2 Phân tích chức 2.2.1 Sơ đồ use case v 2.2.2 Phân tích sở liệu 16 Chương XÂY DỰNG ỨNG DỤNG 25 3.1 Giao diện chung 25 3.1.1 Giao diện trang chủ Website 25 3.1.2 Giao diện đăng ký, đăng nhập 26 3.1.3 Giao diện giỏ hàng 27 3.1.4 Giao diện đặt hàng 27 3.1.5 Giao diện viết 28 3.1.6 Giao diện chi tiết sản phẩm 28 3.2 Giao diện admin 29 3.2.1 Giao diện thống kê 29 3.2.2 Giao diện thông tin website 29 3.2.3 Giao diện thêm slider 30 3.2.4 Giao diện thống kê đơn hàng 30 3.2.5 Giao diện danh mục sản phẩm 31 3.2.6 Giao diện thêm danh mục sản phẩm 31 3.2.7 Giao diện liệt kê sản phẩm 32 3.2.8 Giao diện thêm sản phẩm 32 3.2.9 Giao diện thêm viết 33 3.2.10 Giao diện liệt kê viết 33 Chương KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 34 4.1 Kết đạt 34 4.1.1 Về phía người quản trị 34 4.1.2 Về phía người dùng 34 4.1.3 Về phía thân 34 4.2 Những hạn chế thiếu sót 34 4.3 Hướng phát triển 35 TÀI LIỆU THAM KHẢO 36 vi DANH MỤC CÁC TỪ VIẾT TẮT VIẾT TẮT NỘI DUNG OOP Object Oriented Programming MVC Model-View-Controller MIT Massachusetts Institute of Technology IoC Inversion of Control HTML Hypertext Markup Language IDE Integrated Development Environment CSDL Cơ sở liệu ODBC Open Database Connectivity vii DANH MỤC HÌNH VẼ Hình 1: Logo Laravel trang Hình 2: Sơ đồ use case tổng quát trang Hình 3:Sơ đồ use case quản lý admin trang 10 Hình 4: Sơ đồ use case quản lý danh mục trang 10 Hình 5: Sơ đồ use case quản lý sản phẩm trang 11 Hình 6: Sơ đồ use case quản lý đơn hàng trang 11 Hình 7: Sơ đồ use case quản lý bình luận trang 12 Hình 8:Sơ đồ use case quản lý slider trang 12 Hình 9: Sơ đồ use case quản lý thông tin website trang 13 Hình 10: Sơ đồ use case quản lý viết trang 13 Hình 11: Sơ đồ use case ngời dùng trang 14 Hình 12: Sơ đồ use case giỏ hàng trang 14 Hình 13: Sơ đồ use case thêm sản phẩm trang 15 Hình 14: Sơ đồ use case đặt hàng trang 15 Hình 15:Giao diện banner người dùng trang 24 Hình 16: Giao diện người dùng trang 24 Hình 17: Giao diện footer nười dùng trang 25 Hình 18: Giao diện đăng ký, đăng nhập trang 25 Hình 19:Giao diện giỏ hàng trang 26 Hình 20:Giao diện đặt hàng trang 26 Hình 21:Giao diện viết trang 27 Hình 22:Giao diện chi tiết sản phẩm trang 27 Hình 23:Giao diện thống kê trang 28 Hình 24:Giao diện thơng tin website trang 28 Hình 25:Giao diện thêm slider trang 29 Hình 26:Gia diện liệt kê đơn hàng trang 29 Hình 27:Giao diện danh mục sản phẩm trang 30 Hình 28:Giao diện thêm danh mục sản phẩm trang 30 Hình 29: Giao diện liệt kê sản phẩm trang 31 Hình 30: Giao diện thêm sản phẩm trang 31 Hình 31:Giao diện thêm viết trang 32 Hình 32:Giao diện liệt kê viết trang 32 viii Báo cáo Đồ án tốt nghiệp Xây dựng Website bán giày đá bóng online MỞ ĐẦU Giới thiệu Ngày Internet trở thành dịch vụ phổ biến thiết yếu có ảnh hưởng sâu rộng tới 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 Các ứng dụng Web ngày trở nên phổ biến Trước nhu cầu đó, với u cầu mơn học, em định chọn đề tài Xây dựng Website bán giày đá bóng online Mục tiêu đề tài - Xây dựng website hoàn chỉnh, đầy đủ chức website bán hàng trực tuyến - Website có nội dung hấp dẫn, đầy đủ, phù hợp với đối tượng sử dụng - Website xếp, bố cục cách hợp lý, tạo điều kiện cho người dùng dễ định hướng website - Website có hình thức đẹp, phù hợp với chủ đề, nội dung, thân thiện với người dùng Nội dung kế hoạch thực Thời gian Nội dung thực Từ 03/09 đến 10/09 Xát định vấn đề cần giải Từ 11/09 dến 24/09 Phân tích trạng Từ 25/09 đến 03/10 Tìm kiếm giải pháp Từ 04/10 đến 20/11 Thiết kế thực nội dung giải pháp Từ 21/11 đến 29/11 Vận hành thử nghiệm đánh giá kết GVHD: Ths Dương Thị Mai Nga SVTH: Võ Thanh Lực – 19i1 Báo cáo Đồ án tốt nghiệp Xây dựng Website bán giày đá bóng online 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 website tương tự để xây dựng chức cho phù hợp với đa phần thị hiếu người sử dụng - 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 giày đá bóng, 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 - Bắt tay vào việc xây dựng website - Tiến hành kiểm tra chạy thử - Thay đổi, bổ sung, khắc phục lỗi để website hoàn chỉnh Ý nghĩa thực tiển đề tài Ý nghĩa thực tiễn đề tài sau: - Ý nghĩa doanh nghiệp:Website xây dựng nhằm giúp quảng bá thông tin sản phẩm , dịch vụ hệ thống thị trường cách rộng rãi Qua giúp tăng số lượng khách hàng sử dụng trang web tăng doanh thu Bên cạnh đó, giúp cho doanh nghiệp, cá nhân giảm chi phí - Ý nghĩa khách hàng: Giúp cho người sử dụng nhanh chóng lựa chọn hàng mà muốn đặt mà khơng cần đến cửa hàng - Ý nghĩa cá nhân sinh viên: Qua đề tài này, em xây dựng website để ứng dụng vào thực tế với giao diện thân thiện, dễ dàng sử dụng trình xem thông tin dễ quản lý GVHD: Ths Dương Thị Mai Nga SVTH: Võ Thanh Lực – 19i1 Báo cáo Đồ án tốt nghiệp Xây dựng Website bán giày đá bóng online l Bảng tinhthanhpho STT Tên trường Mô tả Kiểu liệu Độ lớn Ràng buộc matp Mã thành phố varchar Khóa name_city Tên thành phố varchar 100 type Loại varchar 30 m Bảng quanhuyen STT Tên trường Mô tả Kiểu Độ lớn liệu maqh Mã quận, huyện varchar Ràng buộc Khóa name_quanhuyen Tên quận huyện varchar 100 type Loại varchar 30 matp Mã thành phố varchar 10 GVHD: Ths Dương Thị Mai Nga 22 SVTH: Võ Thanh Lực – 19i1 Báo cáo Đồ án tốt nghiệp Xây dựng Website bán giày đá bóng online n Bảng xaphuongthitran STT Tên trường Mô tả Kiểu Độ lớn liệu xaid Id xã, phường varchar Ràng buộc Khóa name_xaphuong Tên xã phường varchar 100 type Loại varchar 30 maqh Mã quận huyện varchar 10 GVHD: Ths Dương Thị Mai Nga 23 SVTH: Võ Thanh Lực – 19i1 Báo cáo Đồ án tốt nghiệp Xây dựng Website bán giày đá bóng online 2.2.3: Biểu đồ lớp Biểu đồ lớp GVHD: Ths Dương Thị Mai Nga 24 SVTH: Võ Thanh Lực – 19i1 Báo cáo Đồ án tốt nghiệp Xây dựng Website bán giày đá bóng online Chương XÂY DỰNG ỨNG DỤNG 3.1 Giao diện chung 3.1.1 Giao diện trang chủ Website Hình 15: Giao diện Banner người dùng Hình 16: Giao diện người dùng GVHD: Ths Dương Thị Mai Nga 25 SVTH: Võ Thanh Lực – 19i1 Báo cáo Đồ án tốt nghiệp Xây dựng Website bán giày đá bóng online Hình 17: Giao diện Footer người dùng 3.1.2 Giao diện đăng ký, đăng nhập Hình 18: Giao diện đăng ký đăng nhập GVHD: Ths Dương Thị Mai Nga 26 SVTH: Võ Thanh Lực – 19i1 Báo cáo Đồ án tốt nghiệp Xây dựng Website bán giày đá bóng online 3.1.3 Giao diện giỏ hàng Hình 19: Giao diện giỏ hàng 3.1.4 Giao diện đặt hàng Hình 20: Giao diện đặt hàng GVHD: Ths Dương Thị Mai Nga 27 SVTH: Võ Thanh Lực – 19i1 Báo cáo Đồ án tốt nghiệp Xây dựng Website bán giày đá bóng online 3.1.5 Giao diện viết Hình 21: Giao diện viết 3.1.6 Giao diện chi tiết sản phẩm Hình 22: Giao diện chi tiết sản phẩm GVHD: Ths Dương Thị Mai Nga 28 SVTH: Võ Thanh Lực – 19i1 Báo cáo Đồ án tốt nghiệp Xây dựng Website bán giày đá bóng online 3.2 Giao diện admin 3.2.1 Giao diện thống kê Hình 23: Giao diện thống kê 3.2.2 Giao diện thơng tin website Hình 24: Giao diện thơng tin website GVHD: Ths Dương Thị Mai Nga 29 SVTH: Võ Thanh Lực – 19i1 Báo cáo Đồ án tốt nghiệp Xây dựng Website bán giày đá bóng online 3.2.3 Giao diện thêm slider Hình 25: Giao diện thêm slider 3.2.4 Giao diện thống kê đơn hàng Hình 26: Giao diện liệt kê đơn hàng GVHD: Ths Dương Thị Mai Nga 30 SVTH: Võ Thanh Lực – 19i1 Báo cáo Đồ án tốt nghiệp Xây dựng Website bán giày đá bóng online 3.2.5 Giao diện danh mục sản phẩm Hình 27: Giao diện danh mục sản phẩm 3.2.6 Giao diện thêm danh mục sản phẩm Hình 28: Giao diện thêm danh mục sản phẩm GVHD: Ths Dương Thị Mai Nga 31 SVTH: Võ Thanh Lực – 19i1 Báo cáo Đồ án tốt nghiệp Xây dựng Website bán giày đá bóng online 3.2.7 Giao diện liệt kê sản phẩm Hình 19: Giao diện liệt kê sản phẩm 3.2.8 Giao diện thêm sản phẩm Hình 30: Giao diện thêm sản phẩm GVHD: Ths Dương Thị Mai Nga 32 SVTH: Võ Thanh Lực – 19i1 Báo cáo Đồ án tốt nghiệp Xây dựng Website bán giày đá bóng online 3.2.9 Giao diện thêm viết Hình 31: Giao diện thêm viết 3.2.10 Giao diện liệt kê viết Hình 32: Giao diện liệt kê viết GVHD: Ths Dương Thị Mai Nga 33 SVTH: Võ Thanh Lực – 19i1 Báo cáo Đồ án tốt nghiệp Xây dựng Website bán giày đá bóng online Chương KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 4.1 Kết đạt 4.1.1 Về phía người quản trị - Hoàn thành chức quản lý như: liệt kê, quản lý danh mục, sản phẩm, đơn hàng Ngoài cịn có chức quản lý banner, quản lý bình luận, quản ý viết 4.1.2 Về phía người dùng - Khách hàng đăng nhập, đăng ký, xem thông tin sản phẩm - Mua hàng, thêm sản phẩm vào giỏ hàng, tìm kiếm sản phẩm, cập nhật giỏ hàng - Khách hàng cịn thay đổi thơng tin mật - Xem lịch sử mua hàng - Đăng xuất - … 4.1.3 Về phía thân - Khảo sát quy trình phát triển hệ thống Website - Nắm số khái niệm - Phân tích liệ chức hệ thống - Thiết kế CSDL giao diện chương trình - Xây dựng Website tương đối hoàn chỉnh so với yêu cầu đặt 4.2 Những hạn chế thiếu sót - Giao diện chưa đẹp - Một số chức phụ chưa hoàn chỉnh GVHD: Ths Dương Thị Mai Nga 34 SVTH: Võ Thanh Lực – 19i1 Báo cáo Đồ án tốt nghiệp Xây dựng Website bán giày đá bóng online 4.3 Hướng phát triển - Đã cố gắng trình bày cách khoa học có hệ thống kiến thức hiểu biết thân, có tham khảo tài liệu vấn đề có liên quan đến nội dung tìm hiểu, nghiên cứu - Cố gắng bám sát đề cương làm theo hướng dẫn giáo viên tránh khỏi sai sót, mong đóng góp ý kiến của Ths Dương Thị Mai Nga để báo cáo hoàn thiện * Với hạn chế tồn nêu trên, hướng nghiên cứu Website dự kiến sau: - Tìm hiểu tham khảo tài liệu liên quan, học hỏi kiến thức bổ ích - Cải tiến, hồn thiện số chức chưa hồn thành chương trình GVHD: Ths Dương Thị Mai Nga 35 SVTH: Võ Thanh Lực – 19i1 Báo cáo Đồ án tốt nghiệp Xây dựng Website bán giày đá bóng online TÀI LIỆU THAM KHẢO [1] Sách học lập trình PHP: PHP for the Web tác giả: Larry Ullman [2] Kênh Youtube SuntechVietNam: https://www.youtube.com/channel [3] Website học lập trình w3school: https://www.w3schools.com/ GVHD: Ths Dương Thị Mai Nga 36 SVTH: Võ Thanh Lực – 19i1