Báo cáo tốt nghiệp đề tài xây dựng website kinh doanh giày thể thao cho shop giày q a

TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT VIỆN KỸ THUẬT - CÔNG NGHỆ *********** BÁO CÁO TỐT NGHIỆP ĐỀ TÀI: XÂY DỰNG WEBSITE KINH DOANH GIÀY THỂ THAO CHO SHOP GIÀY Q & A Sinh viên thực : Nguyễn Quốc Anh Lớp : D17PM02 Mã số sinh viên: : 1724801030191 Khoá : 2017 - 2021 Ngành : Kỹ thuật phần mềm Giảng viên hướng dẫn : Ths Nguyễn Hữu Vĩnh Bình Dương, tháng 5/2021 TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT VIỆN KỸ THUẬT - CÔNG NGHỆ *********** BÁO CÁO TỐT NGHIỆP ĐỀ TÀI: XÂY DỰNG WEBSITE KINH DOANH GIÀY THỂ THAO CHO SHOP GIÀY Q & A Sinh viên thực : Nguyễn Quốc Anh Lớp : D17PM02 Mã số sinh viên: : 1724801030191 Khoá : 2017 - 2021 Ngành : Kỹ thuật phần mềm Giảng viên hướng dẫn : Ths Nguyễn Hữu Vĩnh Bình Dương, tháng 5/2021 LỜI CẢM ƠN - Trong suốt trình học tập trường Đại học Thủ Dầu Một, em nhận nhiều quan tâm giúp đỡ từ thầy cô giáo trường Em xin cám ơn tất thầy trường tận tình giúp đỡ em lúc học tập Em xin cám ơn ban lãnh đạo trường Đại học Thủ Dầu Một Phòng, Viện trường giúp đỡ chúng em suốt năm học qua - Em xin gửi lời cám ơn đặc biệt đến thầy cô thuộc viện Kỹ thuật – Công nghệ Các thầy cô trực tiếp giúp đỡ chúng em tiếp thu nhiều kiến thức bổ ích q trình học tập trường Các thầy viện người đặt móng cho kiến thức chúng em, giúp chúng em đem kiến thức áp dụng sống Đặc biệt, em xin bày tỏ lòng biết ơn sâu sắc đến thầy Nguyễn Hữu Vĩnh, thầy giúp em nhiều học tập hoạt động trường Thầy giúp em học nhiều kiến thức, giúp em tham gia nhiều thi bổ ích định hướng giúp em hướng đắn cho tương lai Đối với đồ án tốt nghiệp, thầy tận tình hướng dẫn, giúp đỡ em nhiều để hồn thiện đề tài “Xây dựng website kinh doanh giày thể thao cho Shop Giày Q & A” Một lần nữa, em xin cám ơn thầy - Do điều kiện thời gian có hạn kinh nghiệm làm báo cáo chưa có nhiều nên em khơng thể tránh khỏi thiếu sót lúc trình bày làm báo cáo, kính mong nhận ý kiến đóng góp từ q thầy Em xin chân thành cảm ơn! LỜI CAM ĐOAN - Tôi xin cam đoan cơng trình nghiên cứu riêng hướng dẫn ThS Nguyễn Hữu Vĩnh Các nội dung nghiên cứu, kết đề tài trung thực chưa công bố hình thức trước - Những số liệu bảng biểu phục vụ cho việc phân tích, nhận xét, đánh giá tác giả thu thập từ nguồn khác có ghi rõ phần tài liệu tham khảo - Ngoài ra, luận văn sử dụng số nhận xét, đánh số liệu tác giả khác, quan tổ chức khác có trích dẫn thích nguồn gốc - Nếu phát có gian lận tơi xin hồn tồn chịu trách nhiệm nội dung báo cáo Trường Đại học Thủ Dầu Một không liên quan đến vi phạm tác quyền, quyền gây q trình thực (nếu có) Bnh Dưng, ngày 10 tháng 05 nm 2021 Người thực (ký tên ghi rõ họ tên) TM TT - Hiện nay, dịch bệnh làm cho khách hàng khó mua hàng trực tiếp cửa hàng nhằm để tiết kiệm thời gian cho khách hàng, tạo nên “website kinh doanh giày thể thao cho Shop Giày Q &A” Nhằm giúp người mua hàng mà khơng cần đến cửa hàng tham khảo sản phẩm giá tiền trước đặt mua - Sau chức trang web: + Đăng nhập, đăng k + Xem thông tin sản phẩm, + Thêm sản phẩm vào giỏ hàng + Đặt mua sản phẩm + Thanh toán online + Thêm thông tin đặt hàng + Thống kê doanh thu + Chuyển đổi ngôn ngữ Anh - Việt + Quản lý Slider + Quản lý danh mục sản phẩm + Quản l thương hiệu sản phẩm + Quản l sản phẩm + Quản lý mã giảm giá + Quản lý phí vận chuyển + Quản l đơn hàng + Một số chức khác SUMMARY - Currently, the epidemic makes it difficult for customers to buy directly at the store and also in order to save time for them, I have created "sports shoes business website for Q&A Shoes Shop" To help people buy without going to the store and be able to refer to the product and price before ordering - The following are the functions of the site: + Login, register + View product information + Add products to cart + Order products + Online payment + Add order information + Revenue statistics + Change language English - Vietnamese + Manage Slider + Manage product categories + Product brand management + Manage products + Manage discount codes + Manage transportation + Manage orders + Some other functions MỤC LỤC CHƯƠNG GII THIU CHUNG 1.1 Tên đề tài 1.2 Lý thực đề tài .1 1.3 Mục đích nghiên cứu 1.4 Đối tượng phạm vi nghiên cứu 1.5 Phương pháp nghiên cứu 1.6 Ý nghĩa khoa học thực tiễn 1.7 Chức đề tài 1.8 Công nghệ sử dụng 1.8.1 Giới thiệu Laravel 1.8.2 Giới thiệu MySQL 1.9 Bố cục luận văn CHƯƠNG PHÂN TÍCH THIẾT KẾ H THỐNG 2.1 Phân tích hệ thống 2.1.1 Các chức hệ thống 2.1.2 Các tác nhân hệ thống .10 2.2 Phân tích thiết kế hệ thống .11 2.2.1 Sơ đồ Use-case tổng quát 11 2.2.2 Đặc tả use-case 11 2.2.3 Biểu đồ lớp(Class Diagram) 26 2.2.4 Sơ đồ (Sequence Diagram) 27 2.2.5 Biểu đồ hoạt động(Activity Diagram) .32 2.3 Thiết kế sở liệu .35 2.4 Giới thiệu kiến trúc hệ thống 41 2.4.1 Giới thiệu kiến trúc hệ thống 41 2.4.2 Biểu đồ phân bổ chức 42 CHƯƠNG XÂY DỰNG WEBSITE KINH DOANH GIÀY THỂ THAO 43 3.1 Khách hàng .44 3.1.1 Trang chủ 44 i 3.1.2 Trang đăng k, đăng nhập .45 3.1.3 Trang liên hệ 45 3.1.4 Trang chi tiết sản phẩm 46 3.1.5 Trang giỏ hàng 47 3.1.6 Trang tính kích cỡ giày 48 3.1.7 Trang xác nhận mua hàng 49 3.1.8 Trang toán 51 3.1.9 Giao diện chatbox 52 3.2 Admin 53 3.2.1 Trang thống kê đơn hàng 53 3.2.2 Trang quản lý slider 53 3.2.3 Trang quản l đơn hàng 54 3.2.4 Trang quản lí chi tiết đơn hàng 54 3.2.5 Trang quản lý sản phẩm 55 3.2.6 Trang quản lý danh mục sản phẩm 56 3.2.7 Trang quản l thương hiệu sản phẩm 56 3.2.8 Trang in chi tiết đơn hàng pdf .57 3.2.9 Trang quản lý mã giảm giá 57 KẾT LUN 58 Đánh giá kết 58 1.1 Chức làm 58 1.2 Hạn chế đề tài 58 Hướng phát triển 58 TÀI LIU THAM KHẢO 59 ii DANH MỤC HÌNH Hình 1: Laravel Framework Hình 2: So sánh phát triển Laravel .5 Hình 3: Luồng hoạt động Laravel Hình 4: Php MySQL Hình 5: Sơ đồ Use-case tổng quát 11 Hình 6: Class Diagram 26 Hình 7: Biểu đồ đăng k 27 Hình 8: Biểu đồ đăng nhập 27 Hình 9: Biểu đồ tìm kiếm 28 Hình 10: Biểu đồ thêm sản phẩm vào giỏ hàng 28 Hình 11: Biểu đồ toán .29 Hình 12: Biểu đồ xóa hóa đơn 29 Hình 13: Biểu đồ thêm sản phẩm 30 Hình 14: Biểu đồ sửa sản phẩm .30 Hình 15: Biểu đồ xóa sản phẩm 31 Hình 16: Biểu đồ thống kê 31 Hình 17: Biểu đồ hoạt động đăng k 32 Hình 18: Biểu đồ hoạt động đăng nhập 33 Hình 19: Biểu đồ hoạt động tìm kiếm 33 Hình 20: Biểu đồ hoạt động toán 34 Hình 21: Biểu đồ hoạt động thống kê 35 Hình 22: Mơ hình MVC 41 Hình 23: Biểu đồ phân bổ chức khách hàng 42 Hình 24: Biểu đồ phân bổ chức admin 43 Hình 25: Giao diện trang chủ 44 Hình 26: Giao diện đăng k, đăng nhập 45 Hình 27: Giao diện trang liên hệ 46 Hình 28: Giao diện trang chi tiết sản phẩm 47 Hình 29: Giao diện trang giỏ hàng 48 iii Hình 30: Giao diện trang kích cỡ giày 49 Hình 31: Giao diện trang xác nhận mua hàng 50 Hình 32: Giao diện trang tốn 51 Hình 33: Giao diện Zalo chatbox chưa đăng nhập 52 Hình 34: Giao diện Zalo chatbox sau đăng nhập 52 Hình 35: Giao diện trang thống kê 53 Hình 36: Giao diện quản lý slider 53 Hình 37: Giao diện quản l đơn hàng 54 Hình 38: Giao diện chi tiết đơn hàng 54 Hình 39: Cập nhật tình trạng đơn hàng mà sơ lượng kho khơng đủ 55 Hình 40: Giao diện quản lý sản phẩm 55 Hình 41: Quản lý danh mục sản phẩm 56 Hình 42: Giao diện quản l thương hiệu 56 Hình 43: Giao diện đơn hàng in pdf 57 Hình 44: Giao diện quản lí mã giảm giá 58 iv Xây dựng website kinh doanh giày thể thao cho Shop Giày Q & A Hình 27: Giao diện trang liên hệ 3.1.4 Trang chi tiết sản phẩm - Khách hàng xem thông tin chi tiết sản phẩm như: giá tiền, mô tả, chi tiết, trạng thái, chỉnh sửa số lượng mua theo ý muốn Xem sản phẩm liên quan đến sản phẩm chọn Chưng 3: Xây dựng website kinh doanh giày thể thao 46 Xây dựng website kinh doanh giày thể thao cho Shop Giày Q & A Hình 28: Giao diện trang chi tiết sản phẩm 3.1.5 Trang giỏ hàng - Khách hàng chọn lựa sản phẩm đưa vào giỏ hàng để đặt hàng, khách hàng chọn nhiều sản phẩm theo nhu cầu Nếu chọn sản phẩm mà muốn chọn thêm sản phẩm, khách hàng chọn vào tiếp “trang chủ,” “sản phẩm” Khách hàng cịn cập nhật lại số lượng sản phẩm muốn mua chọn “đặt Chưng 3: Xây dựng website kinh doanh giày thể thao 47 Xây dựng website kinh doanh giày thể thao cho Shop Giày Q & A hàng” để đặt mua sản phẩm chọn Khách hàng thêm mã giảm khách hàng có để ưu đãi cho đơn hàng Hình 29: Giao diện trang giỏ hàng 3.1.6 Trang tính kích cỡ giày - Nếu khách hàng muốn đặt đơi giày khơng biết chọn kích cỡ giày phù hợp với thân xem để tham khảo chọn lựa cho đơi giày có kích cỡ phù hợp Chưng 3: Xây dựng website kinh doanh giày thể thao 48 Xây dựng website kinh doanh giày thể thao cho Shop Giày Q & A Hình 30: Giao diện trang kích cỡ giày 3.1.7 Trang xác nhận mua hàng - Sau chọn mua hàng bên giỏ hàng khách hàng chuyển đến trang xác nhận đặt hàng để khách hàng điền thơng tin chi tiết người nhận hàng đơn hàng muốn đặt khách hàng chọn địa giao hàng để biết phí vận chuyển đến địa điểm nhận hàng q khách - Khách hàng chọn hình thức tốn tiền mặt khách hàng cần đợi hàng giao đến nơi toán khách hàng chọn hình thức tốn la chuyển khoản ATM để toán đơn hàng online từ lúc đặt hàng Chưng 3: Xây dựng website kinh doanh giày thể thao 49 Xây dựng website kinh doanh giày thể thao cho Shop Giày Q & A Hình 31: Giao diện trang xác nhận mua hàng Chưng 3: Xây dựng website kinh doanh giày thể thao 50 Xây dựng website kinh doanh giày thể thao cho Shop Giày Q & A 3.1.8 Trang tốn - Khác hàng chọn loại hóa đơn cần tốn ngân hàng mà muốn sử dụng tốn Hình 32: Giao diện trang toán Chưng 3: Xây dựng website kinh doanh giày thể thao 51 Xây dựng website kinh doanh giày thể thao cho Shop Giày Q & A 3.1.9 Giao diện chatbox - Đây giao diện Zalo chatbox sau click vào biểu tượng Zalo góc bên phải website Để nhắn tin với nhân viên chăm sóc khách hàng người dùng cần phải đăng nhập tài khoản Zalo nhắn Hình 33: Giao diện Zalo chatbox chưa đng nhập - Sau đăng nhập Zalo khách hàng nhắn tin trực tiếp với nhân viên chăm sóc khách hàng, khách hàng nhắn tin gửi file hình ảnh đến cho nhân viên cửa hàng Hình 34: Giao diện Zalo chatbox sau đăng nhập Chưng 3: Xây dựng website kinh doanh giày thể thao 52 Xây dựng website kinh doanh giày thể thao cho Shop Giày Q & A 3.2 Admin 3.2.1 Trang thống k đơn hng - Khi đăng nhập thành viên quản trị trang website quản trị thấy giao diện Quản trị chọn ngày để thống kê đơn hàng tính doanh thu Hình 35: Giao diện trang thống kê 3.2.2 Trang quản lý slider - Người quản trị thêm, xóa kích hoạt tình trạng cửa slider Hình 36: Giao diện quản lý slider Chưng 3: Xây dựng website kinh doanh giày thể thao 53 Xây dựng website kinh doanh giày thể thao cho Shop Giày Q & A 3.2.3 Trang quản lý đơn hng - Quản trị lấy thông tin đơn hàng gồm mã đơn ngày đặt đơn hàng tình trạng đơn hàng Có thể xem chi tiết đơn hàng xóa đơn hàng muốn Hình 37: Giao diện quản lý đn hng 3.2.4 Trang quản lí chi tiết đơn hng - Quản trị lấy thơng tin đơn hàng để liên hệ với khách hàng Sau liên hệ xem xét đơn hàng đủ phù hợp người quản trị xác nhận tình trạng đơn hàng Có thể in đơn hàng Hình 38: Giao diện chi tiết đn hng Chưng 3: Xây dựng website kinh doanh giày thể thao 54 Xây dựng website kinh doanh giày thể thao cho Shop Giày Q & A - Nếu đơn hàng có số lượng đặt mua lớn số lượng kho lúc duyệt tình trạng đơn hàng báo lỗi số lượng kho khơng đủ Hình 39: Cập nhật tình trạng đn hng m sơ lượng kho khơng đủ 3.2.5 Trang quản lý sản phẩm - Người quản trị thực thao tác: thêm, xố, sửa, sản phẩm Có đầy đủ thơng tin chi tiết sản phẩm Có thể chọn kích hoạt sản phẩm để sản phẩm thị bên trang bán hàng cửa hàng ẩn sản phẩm khơng cho xuất trang bán hàng Hình 40: Giao diện quản lý sản phẩm Chưng 3: Xây dựng website kinh doanh giày thể thao 55 Xây dựng website kinh doanh giày thể thao cho Shop Giày Q & A 3.2.6 Trang quản lý danh mục sản phẩm - Người quản trị thêm, sửa, xóa kích hoạt tình trạng cửa danh mục sản phẩm Hình 41: Quản lý danh mục sản phẩm 3.2.7 Trang quản lý thơng hiệu sản phẩm - Người quản trị thêm, sửa, xóa kích hoạt tình trạng cửa thương hiệu sản phẩm Hình 42: Giao diện quản lý thưng hiệu Chưng 3: Xây dựng website kinh doanh giày thể thao 56 Xây dựng website kinh doanh giày thể thao cho Shop Giày Q & A 3.2.8 Trang in chi tiết đơn hng pdf - Admin vào trang chi tiết đơn hàng in thơng tin chi tiết đơn hàng pdf Hình 43: Giao diện đn hng in pdf 3.2.9 Trang quản lý mã giảm giá - Người quản trị thêm, xóa mã giảm giá, xem lại thông tin chi tiết mã giảm giá Người quản trị chọn chức gửi mã giảm giá đến khách hàng qua email khách hàng đăng k vào hệ thống Chưng 3: Xây dựng website kinh doanh giày thể thao 57 Xây dựng website kinh doanh giày thể thao cho Shop Giày Q & A Hình 44: Giao diện quản lí mã giảm giá Chưng 3: Xây dựng website kinh doanh giày thể thao 58 Xây dựng website kinh doanh giày thể thao cho Shop Giày Q & A KẾT LUẬN Đánh giá kết 1.1 Chức lm đợc - Qua thời gian tìm hiểu cơng cụ, phân tích yêu cầu, với nỗ lực thân, em xây dựng hệ thống với số chức như: + Đăng kí, đăng nhập + Hỗ trợ tư vấn trực tuyến Zalo chatbox + Tìm kiếm sản phẩm + Xem thông tin sản phẩm, thêm sản phẩm vào giỏ hàng + Quản lý giỏ hàng + Gửi email phản hồi khách đặt mua sản phẩm + Thanh tốn online + Xem cách tính kích cỡ giày + Quản l sản phẩm, slider, đơn hàng, chi tiết đơn hàng, danh mục, + Quản lý hàng tồn kho + In đơn hàng pdf + Thống kê doanh thu 1.2 Hạn chế đề tài + Do làm việc cá nhân nên việc thu thập liệu, phân tích nghiệp vụ cịn nhiều hạn chế + Chưa thể cập nhật hết tất sản phẩm có mặt thị trường Hướng phát triển - Website kinh doanh giày thể thao hoàn thành chức trang web thương mại điện tử tương lai em tích hợp nhiều loại hình dịch vụ công nghệ để giúp cho trải nghiệm khách hàng tốt - Những chức em tích hợp tương lai: + Thêm loại hình dịch vụ khác cho cửa hàng + Tích hợp gợi ý sản phẩm cho khách hàng các loại giày theo nhu cầu + Tích hợp nhiều hình thức tốn q trình đăng k dịch vụ đơn giản 58 Xây dựng website kinh doanh giày thể thao cho Shop Giày Q & A TÀI LIỆU THAM KHẢO Tiếng Việt [1] Nguyễn Quang Hải, Nhập môn HTML CSS, Nhà xuất Giáo dục, 2014 [2] Trường Đại học FPT (dịch), HTML CSS3: Thiết kế trang Web thích ứng giàu tính năng, Bách khoa Hà Nội, 2015 [3] Đoàn Văn Ban, Nguyễn Thị Tĩnh , Phân tích thuyết kế hướng đối tượng UML, Nxb Đại học sư phạm Tiếng Anh [1] Learning Web Design A Beginner's Guide to HTML, CSS, JavaScript, and Web Graphics 59 ... vi Xây dựng website kinh doanh giày thể thao cho Shop Giày Q & A CHƯƠNG GII THIỆU CHUNG 1.1 Tên đề tài - Đề tài ? ?Xây dựng website kinh doanh giày thể thao cho Shop Giày Q & A? ?? 1.2 Lý thực đề tài. .. giày thể thao cho Shop Giày Q & A website thương mại điện tử có chức sau: Chưng 1: Giới thiệu chung Xây dựng website kinh doanh giày thể thao cho Shop Giày Q & A - Quản l danh mục: Admin quản... 19 Xây dựng website kinh doanh giày thể thao cho Shop Giày Q & A + Use case x? ?a sản phẩm Use Case – X? ?a sản phẩm Tên X? ?a sản phẩm Định ngh? ?a Khi người quản trị muốn x? ?a sản phẩm Actors Người quản