Xây dựng website bán dụng cụ học tập

ĐẠI HỌC ĐÀ NẴNG PHÂN HIỆU ĐẠI HỌC ĐÀ NẴNG TẠI KON TUM LÊ TẤN DƢƠNG VŨ MINH HOÀNG ĐỒ ÁN TỐT NGHIỆP XÂY DỰNG WEBSITE BÁN DỤNG CỤ HỌC TẬP Kon Tum, tháng năm 2021 ĐẠI HỌC ĐÀ NẴNG PHÂN HIỆU ĐẠI HỌC ĐÀ NẴNG TẠI KON TUM ĐỒ ÁN TỐT NGHIỆP XÂY DỰNG WEBSITE BÁN DỤNG CỤ HỌC TẬP SVTH1 MSSV1 SVTH2 MSSV2 LỚP GVHD : : : : : : LÊ TẤN DƢƠNG 16152480201003 VŨ MINH HOÀNG 16152480201007 K10TT TS ĐỒNG NGỌC NGUYÊN THỊNH Kon Tum, tháng năm 2021 LỜI CẢM ƠN Trong suốt thời gian năm học tập rèn luyện Trường h n hiệu ại học N ng Tại on Tum cho ến nay, em ã tiếp thu ược nhiều kiến thức rút ược nhiều học quý giá từ thầy cô phân hiệu ặc biệt thầy cô thuộc khoa Kỹ Thuật Nông Nghiệp Em xin gửi lời cảm ơn ến thầy cô Em xin chân thành cảm ơn thầy ồng Ngọc Nguyên Thịnh ã tận tình hướng dẫn, giúp ỡ em ho n th nh án tốt nghiệp n y Em xin gửi lời cảm ơn ến cô Lê Thị Bảo Yến, người ã ưa ý kiến, óng góp ể giúp án em hồn thiện cách tốt hơn, xác Cuối cùng, em chúc tất thầy cô vui vẻ, dồi sức khỏe công tác tốt ể tiếp tục bồi dưỡng hệ sinh viên Em xin chân thành cảm ơn! Sinh viên thực Lê Tấn Dƣơng Sinh viên thực Vũ Minh Hoàng MỤC LỤC MỤC LỤC i DANH MỤC TỪ VIẾT TẮT iii DANH MỤC HÌNH iv DANH MỤC BẢNG vi CHƢƠNG : TỔNG QUAN VỀ ĐỀ TÀI 1.1 LÝ DO CHỌN ĐỀ TÀI 1.2 MỤC TIÊU NGHIÊN CỨU 1.3 PHẠM VI NGHIÊN CỨU 1.4 NỘI DUNG THỰC HIỆN 1.5 VỀ MẶT PHƢƠNG PHÁP NGHIÊN CỨU CHƢƠNG : CƠ SỞ LÝ THUYẾT 2.1 NGÔN NGỮ LẬP TRÌNH PHP 2.1.1 hái niệm ngôn ngữ lập trình H (Hypertext Preprocessor) 2.1.2 Ưu iểm ngôn ngữ H 2.2 MƠ HÌNH MVC 2.3 TỔNG QUAN VỀ WEB FRAMEWORK 2.3.1 Khái niệm Web Framework 2.3.2 Ưu iểm Web Framework 2.3.3 Nguyên tắc thiết kế Web Framework 2.4 LARAVEL FRAMEWORK 2.4.1 Khái niệm Laravel 2.4.2 Mơ hình MVC Laravel 2.5 HỆ QUẢN TRỊ CƠ SỞ DỮ LIỆU MYSQL 2.5.1 Giới thiệu 2.5.2 Mục ích sử dụng CHƢƠNG : THIẾT KẾ WEBSITE 10 3.1 XÁC ĐỊNH VÀ PHÂN TÍCH CHỨC NĂNG CỦA HỆ THỐNG 10 3.1.1 Quản lý thông tin sản phẩm loại sản phẩm 10 3.1.2 Quản lý hóa ơn nhập 10 3.1.3 Quản lý chi tiết hóa ơn nhập 10 3.1.4 Quản lý hóa ơn bán 11 3.1.5 Quản lý chi tiết hóa ơn bán 11 3.1.6 Quản lý khách hàng 11 3.1.7 Quản lý nhân viên 11 3.1.8 Quản lý tin tức 11 3.1.9 Quản lý người dùng (thành viên) 12 3.1.10 Chức tìm kiếm 12 3.1.11 Chức thống kê 12 i 3.2 THIẾT KẾ HỆ THỐNG 13 3.2.1 Danh sách Actor 13 3.2.2 Danh sách Use case 13 3.2.3 Sơ Use case 14 3.2.4 Biểu Use Case người dùng 15 3.2.5 Biểu Use Case Admin 15 3.2.6 Phân rã Use Case Quản lý thông tin 15 3.2.7 Phân rã Use Case Tìm kiếm 16 3.2.8 Phân rã Use Case Thống kê 16 3.2.9 Phân rã Use Case Quản lý người dùng 16 3.2.10 Phân rã Use Case Quản lý sản phẩm 17 3.2.11 h n rã Use Case ặt mua 17 3.2.12 Chức quản lý tài khoản 17 3.2.13 Chức quản lý sản phẩm 18 3.2.14 Chức quản lí hóa ơn 18 3.2.15 Chức quản lý nhân viên 19 3.2.16 Chức tìm kiếm 19 3.2.17 Thống kê 19 3.3 SƠ ĐỒ TUẦN TỰ 20 3.3.1 Chức ăng ký 20 3.3.2 Chức ăng nhập 21 3.3.3 Chức ặt mua 22 3.3.4 Chức thêm sản phẩm 24 3.3.5 Chức sửa thông tin Sản phẩm 25 3.3.6 Chức xóa sản phẩm 26 3.3.7 Chức tìm kiếm 27 3.3.8 Chức thống kê 29 3.3.9 Sơ lớp 30 3.3.10 Lược quan hệ sở liệu 32 3.4 GIAO DIỆN WEBSITE 33 3.4.1 hía người dùng 33 3.4.2 Phía Quản trị viên 44 CHƢƠNG : KẾT LUẬN 51 4.1 KẾT QUẢ ĐẠT ĐƢỢC 51 4.2 HẠN CHẾ 51 4.3 HƢỚNG PHÁT TRIỂN 51 DANH MỤC TÀI LIỆU THAM KHẢO ii DANH MỤC TỪ VIẾT TẮT Từ viết tắt CMS PHP CNTT HTML NET Từ đầy đủ Content Management System Personal Home Page Công nghệ thông tin Hypertext Markup Language NET MVC Model – View – Controller CSDL Cơ sở liệu URL Uniform Resource Locator iii Giải thích Hệ quản trị nội dung Ngơn ngữ lập trình Ngơn ngữ ánh dấu siêu văn NET Framework tảng lập trình v l tảng thực thi ứng dụng chủ yếu hệ iều hành Microsoft Windows ược phát triển Microsoft Mơ hình MVC từ viết tắt từ Model – View – Controller y l mơ hình thiết kế sử dụng kỹ thuật phần mềm Cơ sở liệu (Database) tập hợp liệu có tổ chức, thường ược lưu trữ truy cập iện tử từ hệ thống máy tính ịnh vị tài nguyên thống nhất, ược gọi cách thông thường ịa web, tham chiếu ến tài nguyên web ịnh vị trí mạng máy tính v chế ể truy xuất DANH MỤC HÌNH Hình 2.1: Sơ hoạt ộng PHP Hình 2.2: Mơ hình MVC Hình 2.3: Logo số Framework Hình 2.4: Logo Laravel Hình 2.5: Mơ hình MVC Laravel Hình 2.6: Logo MySQL Hình 3.1: Sơ Use Case mức tổng quát 14 Hình 3.2: Biểu Use Case người dùng 15 Hình 3.3: Biểu Use Case Admin 15 Hình 3.4: Biểu phân rã Use Case Quản lý thông tin 15 Hình 3.5: Biểu phân rã Use Case Tìm kiếm 16 Hình 3.6: Biểu phân rã Use Case Thống kê 16 Hình 3.7: Biểu phân rã Use Case Quản lý người dùng 16 Hình 3.8: Biểu phân rã Use Case Quản lý sản phẩm 17 Hình 3.9: Biểu ph n rã Use Case ặt mua 17 Hình 3.10: Sơ chức quản lý tài khoản 17 Hình 3.11: Sơ chức quản lý sản phẩm 18 Hình 3.12: Sơ chức quản lý hóa ơn 18 Hình 3.13: Sơ chức quản lý nhân viên 19 Hình 3.14: Sơ chức tìm kiếm 19 Hình 3.15: Sơ chức ăng ký 21 Hình 3.16: Sơ chức ăng nhập 22 Hình 3.17: Sơ chức ặt mua 23 Hình 3.18: Sơ chức thêm sản phẩm 24 Hình 3.19: Sơ chức sửa sản phẩm 25 Hình 3.20: Sơ chức xóa sản phẩm 27 Hình 3.21: Sơ chức tìm kiếm 28 Hình 3.22: Sơ chức thống kê 29 Hình 3.23: Sơ lớp Class Diagram 30 Hình 3.24: Sơ quan hệ sở liệu 32 Hình 3.25: Màn hình trang chủ 33 Hình 3.26: Màn hình trang chủ 34 Hình 3.27: Màn hình trang chủ 35 Hình 3.28: Màn hình chức ăng ký 36 Hình 3.29: Màn hình chức ăng nhập 37 Hình 3.30: Màn hình giao diện trang giỏ hàng 38 Hình 3.31: Màn hình giao diện trang loại sản phẩm 39 Hình 3.32: Màn hình giao diện trang Chi tiết sản phẩm 40 Hình 3.33: Màn hình chức liên hệ 41 iv Hình 3.34: Màn hình giao diện trang tin tức 42 Hình 3.35: Màn hình giao diện trang bảo hành 43 Hình 3.36: Màn hình giao diện trang chủ 44 Hình 3.37: Màn hình trang thống kê doanh thu 45 Hình 3.38: Màn hình trang danh sách sản phẩm 45 Hình 3.39: Màn hình chức thêm sản phẩm 46 Hình 3.40: Màn hình chức sửa sản phẩm 47 Hình 3.41: Danh sách ơn h ng 48 Hình 3.42: Danh sách thành viên 48 Hình 3.43: Danh sách liên hệ 49 Hình 3.44: Danh mục sản phẩm 49 Hình 3.45: Loại sản phẩm 50 v DANH MỤC BẢNG Bảng 3.1: Danh sách Actor 13 Bảng 3.2: Danh sách Use case 14 Bảng 3.3: Bảng mô tả lớp 31 vi CHƢƠNG 1: TỔNG QUAN VỀ ĐỀ TÀI 1.1 LÝ DO CHỌN ĐỀ TÀI - Quản lý cửa hàng, siêu thị bán thiết bị giáo dục hoạt ộng cửa hàng, siêu thị dù lớn hay nhỏ, nhân viên hay chủ cửa hàng phải thực công việc liên quan ến việc nhập nguyên liệu, thiết bị, sản phẩm xuất sản phẩm i cho khách hàng, thống kê doanh thu, iều gây ảnh hưởng nhiều ến hiệu thời gian làm việc Bên cạnh ó, số người biết ến siêu thị, cửa hàng không lớn, quy mô nhỏ Do vậy, việc sử dụng Website ể bán hàng giới thiệu cửa hàng ến cho người l iều cần thiết ể phát triển lớn mạnh - Hệ thống siêu thị, cửa hàng bán thiết bị giáo dục - Siêu thị, cửa hàng bán thiết bị giáo dục cung cấp cho người dùng loại thiết bị giáo dục, học tập b n ghế học sinh bàn ghế giáo viên, thiết bị hỗ trợ vui chơi v học tập cho em học sinh tiểu học hay mẫu giáo theo yêu cầu khách hàng - Khi bạn có nhu cầu ặt mua thiết bị giáo dục siêu thị, cửa hàng, bạn liên hệ trực tiếp với siêu thị, cửa hàng qua số iện thoại trực tiếp ến siêu thị, cửa hàng Khi khách hàng mua trực tiếp siêu thị, cửa hàng thơng tin bao gồm: Tên khách hàng, số iện thoại, ịa chỉ, tên sản phẩm, loại sản phẩm, số lượng, giá tiền - Khi khách hàng muốn ổi trả lại hàng, nhân viên hay chủ cửa hàng kiểm tra danh sách hóa ơn bán, danh sách có ơn h ng, sản phẩm chưa qua sử dụng ồng thời xác nhận sản phẩm ược bán cửa hàng) thời gian mua khơng q lâu ổi trả v ngược lại sản phẩm ã ược sử dụng sản phẩm cửa h ng bán v ã mua q l u khơng thể ổi trả Mọi thông tin việc ổi trả ược nhân viên cập nhật lại vào hệ thống - Vào cuối ngày, nhân viên hay chủ cửa hàng thống kê tiền bán hàng ng y ó v kiểm tra ơn h ng ngày ể có phương án chuẩn bị - Cuối tháng, người quản lý cửa hàng tính tống tiền bán h ng cho tháng ó - Hiện hoạt ộng quản lý siêu thị, cửa h ng ược làm thủ cơng, lưu trữ sổ sách Do q trình quản lý, bán hàng, tìm kiếm, thống kê gặp nhiều khó khăn Từ thực tế yêu cầu cần xây dựng hệ thống tiện lợi cho việc tính tốn lưu trữ ồng thời quảng bá sản phẩm cho cửa hàng bán thiết bị giáo dục 1.2 MỤC TIÊU NGHIÊN CỨU - Sử dụng công nghệ ể tạo Website thân thiện, dễ dàng sử dụng v áp ứng ược yêu cầu ặt hàng online - Tiếp thu học hỏi từ vấn ề gặp phải nhằm nâng cao kinh nghiệm trình thực ể phát triển thân - Giúp cho việc mua bán hàng trở nên dễ dàng, chi phí thấp, tiết kiệm thời gian công sức e Giao diện trang Loại sản phẩm Hình 3.31: Màn hình giao diện trang loại sản phẩm Khách hàng nhìn thấy tất sản phẩm liên quan có chung danh mục sản phẩm sản phẩm loại với hình giao diện 39 f Màn hình giao diện trang Chi tiết sản phẩm Hình 3.32: Màn hình giao diện trang Chi tiết sản phẩm Khí khách hàng chọn vào sản phẩm u thích hình giao diện trang chi tiết sản phẩm hiển thị Khách hàng xem mơ tả, chi tiết thông số sản phẩm, thêm sản phẩm vào giỏ hàng, xem sản phẩm tương tự với sản phẩm ó viết ánh giá sản phẩm 40 g Màn hình giao diện trang liên hệ Hình 3.33: Màn hình chức liên hệ Chức n y cho phép khách hàng gửi phản hồi liên hệ với quản trị viên cách iền ầy ủ thông tin yêu cầu nội dung muốn gửi 41 h Màn hình giao diện trang tin tức Hình 3.34: Màn hình giao diện trang tin tức Màn hình hiển thị tin tức website ược quản trị viên cập nhật ngày Khách hàng xem chi tiết tin tức cách kích vào ảnh tin 42 i Màn hình giao diện trang bảo hành Hình 3.35: Màn hình giao diện trang bảo hành Khách hàng tra cứu thời hạn bảo h nh xem ược sản phẩm ã ặt y.trong bảng jobs database sử dụng queue ể xử lý theo nguyên tắc h ng ợi 43 3.4.2 Phía Quản trị viên a Trang chủ Hình 3.36: Màn hình giao diện trang chủ Màn hình hiển thị số liệu thống kê website ơn h ng mới, hóa ơn, số lượng sản phẩm, số lượng thành viên, Quản trị viên xem chi tiết thống kê cách click vào thống kê tương ứng 44 b Chức thống kê doanh thu Màn hình hiển thị thông tin sản phẩm ã bán v doanh thu theo ng y, tháng, năm website Hình 3.37: Màn hình trang thống kê doanh thu c Trang sản phẩm Màn hình hiển thị danh sách sản phẩm có website Hình 3.38: Màn hình trang danh sách sản phẩm Màn hình hiển thị danh sách sản phẩm có website 45 Hình 3.39: Màn hình chức thêm sản phẩm Quản trị viên thêm sản phẩm cách iền thông tin vào form theo yêu cầu 46 Hình 3.40: Màn hình chức sửa sản phẩm Quản trị viên sửa sản phẩm cách iền thông tin vào form theo yêu cầu 47 d Trang Đơn hàng Hình 3.41: Danh sách đơn hàng Quản trị viên xem thống kê ơn h ng mới, chấp nhận hủy ơn h ng e Trang Người dùng (thành viên) Hình 3.42: Danh sách thành viên Màn hình hiển thị danh sách khách h ng ã ăng ký t i khoản Quản trị viên sửa, xóa thành viên 48 f Trang Liên hệ Hình 3.43: Danh sách liên hệ Hiển thị danh sách phản hồi từ khách hàng Quản trị viên xem chi tiết xóa liên hệ g Trang Danh mục sản phẩm Hình 3.44: Danh mục sản phẩm Hiển thị danh sách danh mục sản phẩm Quản trị viên thêm, sửa, xóa danh mục sản phẩm 49 h Trang Loại sản phẩm Hình 3.45: Loại sản phẩm Hiển thị danh sách loại sản phẩm Quản trị viên thêm, sửa, xóa loại sản phẩm 50 CHƢƠNG 4: KẾT LUẬN 4.1 KẾT QUẢ ĐẠT ĐƢỢC Website ã x y dựng ầy ủ chức cần thiết website bán dụng cụ học tập thực tế Các công nghệ ược sử dụng website l công nghệ cốt lõi việc xây dựng website Về mặt nghiệp vụ, quy trình xử lý mua h ng, ăng ký, ăng nhập, thống kê, quản lý website ã ược thể hiệu hợp lý 4.2 HẠN CHẾ - Về mặt tính năng: Website cịn thiếu số chức khác toán online, ăng nhập tài khoản mạng xã hội, ánh giá sản phẩm, - Về mặt cơng nghệ: Website chưa thực tốn online ược,… 4.3 HƢỚNG PHÁT TRIỂN - Về mặt tính năng: Ho n thiện tính like sản phẩm, ánh giá sản phẩm, chatbot - Về mặt công nghệ: Nghiên cứu công nghệ React, Angular ể xử lý giao diện chuyên nghiệp Tích hợp phương pháp tốn online khác aypal, Stripe,…v phát triển tính tốn sử dụng QR Code 51 DANH MỤC TÀI LIỆU THAM KHẢO PHP Nguồn: https://vi.wikipedia.org/wiki/PHP MVC Nguồn: https://vi.wikipedia.org/wiki/MVC LARAVEL LÀ GÌ? lý bạn nên chọn Laravel Nguồn: https://jobs.hybridtechnologies.vn/blog/laravel-la-gi/ Những ý quan trọng thiết kế website Nguồn: https://tamnguyen.com.vn/nhung-chu-y-quan-trong-khi-thiet-ke-website.html MySQL l gì? Hướng dẫn tồn tập MySQL Nguồn: https://wiki.matbao.net/mysql-la-gi-huong-dan-toan-tap-ve-mysql/ Molia, Prof Hardik K Wikipedia Nguồn: 2011 https://vi.wikipedia.org/wiki/Website Thang, Tran Duc Viblo Viblo Nguồn: 26 11 2015 https://viblo.asia/p/laravel-beauty-tim-hieu-ve-service-container-3KbvZ1wLGmWB Huyen, Ta Thi Minh Viblo Nguồn: 18 2019 https://viblo.asia/p/trien-khairepository-trong-laravel-m68Z0x6MZkG Phu, Le Van Nguồn: https://levanphu.info/phan-biet-su-khac-nhau-giuaauthentication-va-authorization 10 — Nguồn: https://levanphu.info/phan-biet-su-khac-nhau-giuaauthentication-va-authorization 11 — levanphu.info Nguồn: 2020 https://levanphu.info/phan-biet-su-khacnhau-giua-authentication-va-authorization 12 Viettuts.Vn Nguồn: https://viettuts.vn/sql/rdbms-la-gi 13 Viet, Mai Tuan Viblo Nguồn: https://viblo.asia/p/background-jobsframework-nao-phu-hop-voi-ung-dung-ruby-on-rails-cua-ban-MVpvKPjZGKd 14 Thanh, Le Viblo Viblo Nguồn: https://viblo.asia/p/task-scheduling-vacron-job-trong-laravel-57-m68Z07PjKkG 15 Hostinger Nguồn: https://www.hostinger.vn/huong-dan/html-la-gi 16 Hostinger Hostinger Nguồn: https://www.hostinger.vn/huong-dan/css-la-gi 17 Quantrimang Topdev Nguồn: https://topdev.vn/blog/javascript-la-giinternet-co-the-ton-tai-ma-khong-co-javascript-hay-khong/ 18 Otwell, Taylor Laravel Nguồn: https://laravel.com/docs/8.x 19 Topdev Nguồn: https://topdev.vn/blog/ajax-la-gi/ 20 Pusher Nguồn: https://pusher.com/ 21 Thịnh, Hạnh BKNS.vn Nguồn: https://www.bkns.vn/client-server-lagi.html 22 monamedia monamedia.co Nguồn: https://monamedia.co/mvc-la-gi-ungdung-cua-mo-hinh-mvc-trong-lap-trinh/ 23 Topdev Nguồn: https://topdev.vn/blog/ajax-la-gi/ 52 53 ...ĐẠI HỌC ĐÀ NẴNG PHÂN HIỆU ĐẠI HỌC ĐÀ NẴNG TẠI KON TUM ĐỒ ÁN TỐT NGHIỆP XÂY DỰNG WEBSITE BÁN DỤNG CỤ HỌC TẬP SVTH1 MSSV1 SVTH2 MSSV2 LỚP GVHD : : : : :... việc mua bán hàng trở nên dễ dàng, chi phí thấp, tiết kiệm thời gian công sức 1.3 PHẠM VI NGHIÊN CỨU - Vấn ề nghiên cứu: Xây dựng website với chức giới thiệu v quản lý mua bán dụng cụ học tập online... cung cấp cho người dùng loại thiết bị giáo dục, học tập b n ghế học sinh bàn ghế giáo viên, thiết bị hỗ trợ vui chơi v học tập cho em học sinh tiểu học hay mẫu giáo theo yêu cầu khách hàng - Khi