4. Phương pháp nghiên cứu Tham khảo các website bán giày trên mạng Khảo sát thực tế. Tìm kiếm tài liệu trên internet có liên quan đến nội dung nghiên cứu. Tìm hiểu về công cụ hỗ trợ lập trình và cách sử dụng Thu tập tài liệu liên quan đên nghiệp vụ quản lý website bán sách. 5. Ý nghĩa khoa học và thực tiễn Ý nghĩa khoa học của đề tài + Giúp sinh viên bổ sung kiến thức để bắt đầu trên con đường trở thành kỹ sư lập trình giỏi + Rèn luyện kỹ năng phân tích và thiết kế dự án Ý nghĩa thực tiễn của đề tài + Kiến thức về ngôn ngữ PHP + Kiến thức về Laravel Framework + Kiến thức thiết kế website với HTML, CSS, Javascript, Jquery,… + Phát huy tính sáng tạo và cách làm việc độc lập cho mình. 6. Giải pháp công nghệ Thiết kế cơ sở dữ liệu, sơ đồ usecase, sơ đồ hoạt động: StarUML Hỗ trợ soạn thảo mã nguồn: Visual Studio Code Ngôn ngữ lập trình: + Backend: PHP (Framework Laravel) + Frontend: HTML, CSS, JavaScript, Jquery Thư viện: Framework Laravel, Bootstrap 4, JQuery confirm, Chart.js Hệ quản trị CSDL: MySQL (chạy trên môi trường XAMPP)
NĂM 2022 - 2023 NGUYỄN VĂN THUẤNXÂY DỰNG WEBSITE BÁN GIÀY ĐÁ BÓNG ĐẠI HỌC ĐÀ NẴNG TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT KHOA CÔNG NGHỆ SỐ ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC NGÀNH: CÔNG NGHỆ THÔNG TIN CHUYÊN NGÀNH: CÔNG NGHỆ THÔNG TIN ĐỀ TÀI: XÂY DỰNG WEBSITE MUA BÁN GIÀY ĐÁ BÓNG Sinh viên thực Mã sinh viên Lớp Giảng viên hướng dẫn : : : : Đà Nẵng, tháng 01/2023 NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN Đà Nẵng, ngày tháng năm 2023 Giảng viên hướng dẫn NHẬN XÉT CỦA NGƯỜI PHẢN BIỆN Đà Nẵng, ngày tháng năm 2023 Người phản biện Xây dựng website bán giày đá bóng TĨM TẮT Tên đề tài: Xây dựng website mua bán giày đá bóng Sinh viên thực hiện: Nguyễn Văn Thuấn MSV: 1911505310166 Lớp: 19T1 Khách vãng lai sau truy cập website tìm kiếm giày theo tên giày danh mục, xem thông tin chi tiết sản phẩm, chọn mua giày, cập nhật giỏ hàng đăng ký tài khoản thành viên để tiến hành đặt hàng toán Khách hàng đăng nhập tiến hành đặt hàng chọn hình thức tốn trực tiếp tốn online, chọn tốn trực tiếp khách hàng toán sau nhận giày, chọn tốn online giao diện chuyển sang trang tốn online để khách hàng thực Ngồi khách hàng cịn theo dõi tình trạng đơn hàng đặt, xem đơn hàng mua trước đó, bình luận, đánh giá sau mua hàng Quản trị viên người quản trị cao hệ thống, quản lý tất thông tin website: danh mục sản phẩm, thông tin giày phụ kiện liên quan, đơn hàng, tài khoản khách hàng, bình luận đánh giá khách hàng, tài khoản quản trị viên Trang Xây dựng website bán giày đá bóng TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT KHOA CƠNG NGHỆ SỐ CỘNG HỊA XÃ HÔI CHỦ NGHĨA VIỆT NAM Độc lập - Tự - Hạnh phúc NHIỆM VỤ ĐỒ ÁN TỐT NGHIỆP Giảng viên hướng dẫn: Tên đề tài: Xây dựng website mua bán giày đá bóng Các số liệu, tài liệu ban đầu: - Tài liệu: https://laravel.com/docs/7.x https://php.net/docs.php Nội dung đồ án: Lý thuyết: Thực tiễn Q trình xây dựng website bán giày đá bóng - Thu thập thông tin tài liệu liên quan khảo sát thực tế - Phân tích thiết kế chức hệ thống - Phân tích thiết kế sơ liệu - Thiết kế giao diện cho chức - Xây dựng hệ thống website - Kiểm thử website - Hoàn thành báo cáo tổng hợp Các sản phẩm dự kiến: - Website bán giày đá bóng - File báo cáo hồn chỉnh Ngày giao đồ án: 10/02/2023 Ngày nộp đồ án: 10/06/2023 Đà Nẵng, ngày tháng năm 2023 Trưởng khoa Giảng viên hướng dẫn Trang Xây dựng website bán giày đá bóng MỞ ĐẦU Lý chọn đề tài Với bùng nổ thơng tin Internet, vai trị trang thông tin điện tử trực tuyến ngày trở nên quan trọng Khi mà Internet gần phủ sóng tồn cầu việc mua sắm sản phẩm, dịch vụ online Việt Nam trở nên quen thuộc phổ biến hết Chỉ với máy tính kết nối Internet khách hàng lựa chọn mua sắm lúc, nơi với vài thao tác đơn giản họ có sản phẩm ưng ý Bên cạnh cịn giúp cửa hàng quản lý việc mua bán hiệu so với việc quản lý giấy tờ dễ gây sai sót hay mác thông tin, liệu sản phẩm, khách hàng lưu trữ cách an toàn Ngày nay, sở thích tập luyện thể thao người phổ biến có xu hướng phát triển mạnh Trong đó, đá bóng mơn thể thao người tham gia đông đảo Cùng với phát triển Internet thương mại điện tử, em định thực đề tài “Xây dựng website mua bán giày đá bóng” Những khách hàng có nhu cầu mua giày, phụ kiện hỗ trợ đá bóng cần thông qua website trực tuyến không nhiều thời gian để sở hữu sản phẩm phù hợp với thân Mục tiêu nhiệm vụ nghiên cứu - Mục tiêu: + Xây dựng website hoàn chỉnh, đầy đủ chức website bán hàng trực tuyến khách hàng cách dễ dàng quản trị viên dễ dàng quản lí website + Website xếp, bố cục cách hợp lí, tạo điều kiện cho người dùng dễ dàng định hướng website Đối tượng phạm vi nghiên cứu - Đối tượng nghiên cứu: + Khách hàng học sinh, sinh viên người độ tuổi đá bóng + Quản lý nhân viên cửa hàng bán giày đá bóng - Phạm vi nghiên cứu: + Website ứng dụng cho hàng kinh doanh mặt hàng thể thao có quy mơ hình thức hoạt động nghiệp vụ nhỏ Trang Xây dựng website bán giày đá bóng Phương pháp nghiên cứu - Tham khảo website bán giày mạng Khảo sát thực tế Tìm kiếm tài liệu internet có liên quan đến nội dung nghiên cứu Tìm hiểu cơng cụ hỗ trợ lập trình cách sử dụng Thu tập tài liệu liên quan đên nghiệp vụ quản lý website bán sách Ý nghĩa khoa học thực tiễn - Ý nghĩa khoa học đề tài + Giúp sinh viên bổ sung kiến thức để bắt đầu đường trở thành kỹ sư lập trình giỏi + Rèn luyện kỹ phân tích thiết kế dự án - Ý nghĩa thực tiễn đề tài + Kiến thức ngôn ngữ PHP + Kiến thức Laravel Framework + Kiến thức thiết kế website với HTML, CSS, Javascript, Jquery,… + Phát huy tính sáng tạo cách làm việc độc lập cho Giải pháp công nghệ - Thiết kế sở liệu, sơ đồ usecase, sơ đồ hoạt động: StarUML Hỗ trợ soạn thảo mã nguồn: Visual Studio Code Ngôn ngữ lập trình: + Backend: PHP (Framework Laravel) + Frontend: HTML, CSS, JavaScript, Jquery - Thư viện: Framework Laravel, Bootstrap 4, JQuery confirm, Chart.js Hệ quản trị CSDL: MySQL (chạy môi trường XAMPP) Cấu trúc đồ án tốt nghiệp Bài báo cáo nội dung gồm phần mở đầu phần kết thúc bố cục gồm có chương: CHƯƠNG 1: CƠ SỞ LÝ THUYẾT Nêu sở lý thuyết áp dụng hệ thống: ngơn ngữ HTML, CSS, JavaScript, ngơn ngữ lập trình PHP, hệ quản trị sở liệu MySQL, thư viện Chart.js, Trang Xây dựng website bán giày đá bóng CHƯƠNG 2: PHÂN TÍCH THIẾT KẾ HỆ THỐNG Trình bày sơ đồ use case, kịch cho use case, sơ đồ ERD, sơ đồ hoạt động chức hệ thống Từ phân tích trên, tiến hành thiết kế sở liệu cho hệ thống triển khai CHƯƠNG 3: XÂY DỰNG CHƯƠNG TRÌNH Từ phân tích thiết kế hệ thống trên, áp dụng xây dựng chức hệ thống Trình bày giao diện phần mềm triển khai Trang Xây dựng website bán giày đá bóng CHƯƠNG CƠ SỞ LÝ THUYẾT 1.1 Tổng quan ngơn ngữ lập trình 1.1.1 HTML HTML ngôn ngữ đánh dấu thiết kế để tạo nên trang web với mẫu thông tin trình bày World Wide Web Cùng với CSS Javascript, HTML tạo ba tảng kỹ thuật cho World Wide Web HTML định nghĩa ứng dụng đơn giản SGML sử dụng tổ chức cần đến yêu cầu xuất phức tạp HTML trở thành chuẩn Internet tổ chức World Wide Web Consortium (W3C) trì Phiên thức HTML HTML 4.01 (1999) Sau đó, nhà phát triển thay XHTML Hiện nay, HTML phát triển tiếp với phiên HTML5 hứa hẹn mang lại diện mạo cho trang Web Hình 1 Icon HTML 1.1.2 CSS CSS ngơn ngữ sử dụng để tìm định dạng lại phần tử tạo ngôn ngữ đánh dấu (ví dụ HTML) Ta hiểu đơn giản rằng, HTML đóng vai trị định dạng phần tử website việc tạo đoạn văn bản, tiểu đề, bảng… CSS giúp thêm chút “phong cách” vào phần tử HTML đổi màu sắc trang, đổi màu chữ, thay đổi cấu trúc, … CSS sử dụng Website công nghệ phát triển W3C, dùng để phát triển Front-end Trang Xây dựng website bán giày đá bóng Hình Icon CSS 1.1.3 PHP PHP ngôn ngữ lập trình kịch hay loại mã lệnh chủ yếu dùng để phát triển ứng dụng viết cho máy chủ, mã nguồn mở, dùng cho mục đích tổng qt Nó thích hợp với web dễ dàng nhúng vào trang HTML Hình Ví dụ code PHP Do tối ưu hóa cho ứng dụng web, tốc độ nhanh, nhỏ gọn, cú pháp giống C Java, dễ học thời gian xây dựng sản phẩm tương đối ngắn so với ngơn ngữ khác nên PHP nhanh chóng trở thành ngơn ngữ lập trình web phổ biến PHP sử dụng Website công nghệ thiết kế Rasmus Lerdorf, nhà phát triển The PHP Group, phiên sử dụng PHP 7.3.0 sử dụng cho Backend 1.2 Hệ quản trị sở liệu MySQL MySQL hệ thống quản trị sở liệu quan hệ (RDBMS) hoạt động theo mơ hình client-server RDBMS phần mềm hay dịch vụ dùng để tạo quản lý sở liệu (Database) theo hình thức quản lý mối liên hệ chúng MySQL hệ quản trị sở liệu tự nguồn mở phổ biến giới nhà phát triển ưa chuộng trình phát triển ứng dụng Vì MySQL hệ quản trị sở liệu tốc độ cao, ổn định dễ sử dụng, có tính khả chuyển, hoạt động nhiều hệ điều hành cung cấp hệ thống lớn hàm tiện ích mạnh Trang Xây dựng website bán giày đá bóng CHƯƠNG PHÂN TÍCH THIẾT KẾ HỆ THỐNG 2.1 Tác nhân - Khách vãng lai Khách hàng Quản trị viên 2.2 Đặc tả yêu cầu nghiệp vụ 2.2.1 Khách vãng lai Có thể tìm kiếm, xem thơng tin giày, xem thơng tin website đăng ký tài khoản 2.2.2 Khách hàng Khách hàng kế thừa chức khách vãng lai Đồng thời có thêm chức cập nhật thơng tin tài khoản cá nhân, tốn giỏ hàng, theo dõi tình trạng đơn hàng, xem danh sách đơn hàng mua, bình luận đánh giá giày sau mua 2.2.3 Quản trị viên Quản trị viên thực tất chức actor khác Đồng thời quản lý tất thông tin hệ thống 2.3 Đặc tả yêu cầu phần mềm 2.3.1 Khách vãng lai - Đăng kí Xem tìm kiếm thơng tin sản phẩm theo giá, theo danh mục, theo size, theo màu Trang 13 Xây dựng website bán giày đá bóng 2.3.2 Khách hàng - Có đầy đủ chức khách vãng lai Đăng nhập Cập nhật tài khoản cá nhân Cập nhật giỏ hàng Thanh toán giỏ hàng Xem lịch sử mua hàng 2.3.3 Quản trị viên - Đăng nhập Cập nhật danh mục sản phẩm Cập nhật sản phẩm Quản lý đơn hàng Tìm kiếm sản phẩm, danh mục sản phẩm, hóa đơn Báo cáo thống kê doanh thu Báo cáo thống kê số lượng theo size, màu 2.4 Sơ đồ Use case Trang 14 Xây dựng website bán giày đá bóng 2.5 Kịch Use case 2.5.1 Khách vãng lai 2.5.1.1 Đăng kí tài khoản STT Use case name Description Actor Input Output Basic flow Alternative flow (Nêu bước phát sinh Basic flow) Exception flow (Nêu trường hợp ngoại lệ Basic flow) Đăng ký tài khoản Actor đăng ký tài khoản thành viên hệ thống Khách vãng lai Khách vãng lai truy cập vào hệ thống, chưa có tài khoản thành viên Đăng ký tài khoản thành công 1) Bắt đầu use case 2) Khách vãng lai chọn đăng ký tài khoản 3) Khách vãng lai nhập thông tin tên tài khoản, email, số điện thoại, mật nhấn nút đăng ký 4) Kết thúc use case Không có 3’) Hệ thống thơng báo email số điện thoại sử dụng 2.5.1.2 Xem thông tin giày STT Use case name Description Actor Input Output Basic flow Alternative flow (Nêu bước Xem thông tin giày Actor xem thông tin giày tên giày, hãng, giá tiền, … Khách vãng lai Khách vãng lai truy cập vào hệ thống Thông tin giày hiển thị 1) Bắt đầu use case 2) Khách vãng lai nhấn chuột vào giày muốn xem thông tin 3) Thông tin giày hiển thị 4) Kết thúc use case Khơng có Trang 15 Xây dựng website bán giày đá bóng phát sinh Basic flow) Exception flow (Nêu trường hợp ngoại lệ Basic flow) Khơng có 2.5.1.3 Tìm kiếm giày STT Use case name Description Actor Input Output Basic flow Alternative flow (Nêu bước phát sinh Basic flow) Exception flow (Nêu trường hợp ngoại lệ Basic flow) Tìm kiếm giày Actor tìm kiếm giày mong muốn Khách vãng lai Khách vãng lai truy cập vào hệ thống Giày cần tìm hiển thị 1) Bắt đầu use case 2) Actor nhập từ khố sau bấm tìm kiếm 3) Giày liên quan đến từ khóa hiển thị 4) Kết thúc use case Actor muốn tìm giày theo danh mục, giá, size, màu: 2’) Chọn danh mục, giá, size, màu mong muốn 3’) Khơng có sách liên quan đến từ khóa 2.5.2 Khách hàng 2.5.2.1 Đăng nhập STT Use case name Description Actor Input Output Basic flow Đăng nhập Actor có tài khoản đăng nhập Khách hàng Khách hàng truy cập vào hệ thống Khách hàng đăng nhập thành công 1) Bắt đầu use case 2) Khách hàng chọn đăng nhập 3) Khách hàng nhập tài khoản mật sau nhấn nút đăng nhập 4) Kết thúc use case Trang 16 Xây dựng website bán giày đá bóng Alternative flow (Nêu bước phát sinh Basic flow) Khách hàng đăng nhập vào hệ thống tài khoản google 3a) Chọn đăng nhập google 3b) Giao diện trang đăng nhập google 3c) Actor nhập tài khoản google chọn tài khoản google truy cập sẵn máy để đăng nhập vào hệ thống Exception flow (Nêu trường hợp ngoại lệ Basic flow) 3’) Thông báo lỗi tài khoản mật không 2.5.2.2 Cập nhật thông tin tài khoản STT Use case name Description Actor Input Output Basic flow Alternative flow (Nêu bước phát sinh Basic flow) Exception flow (Nêu trường hợp ngoại lệ Basic flow) Cập nhật thông tin tài khoản Actor chỉnh sửa thông tin tài khoản Khách hàng Khách hàng đăng nhập thành công Khách hàng chỉnh sửa thông tin thành công 1) Bắt đầu use case 2) Khách hàng vào phần Thông tin tài khoản 3) Khách hàng nhập thông tin muốn sửa đổi 4) Khách hàng nhấn nút cập nhật 5) Kết thúc use case Khơng có 3’) Hệ thống báo lỗi thông tin nhập vào không định dạng 2.5.2.3 Cập nhật giỏ hàng 2.5.2.4 Thanh toán giỏ hàng STT Use case name Description Thanh toán giỏ hàng Actor tiến hành toán giỏ hàng sau cập nhật giỏ hàng Trang 17