Đối tượng phạm vi nghiên cứu Đối tượng nghiên cứu gồm:- Nơi cho thuê sân bóng STBALL- Công nghệ: PHP, Framework Laravel- Hệ quản trị MySql Mục đích nghiên cứu:- Xác định làm rõ các vấn
lOMoARcPSD|39222638 TRƯỜNG ĐẠI HỌC CÔNG NGHIỆP HÀ NỘI KHOA CÔNG NGHỆ THÔNG TIN ======***====== BÁO CÁO BÀI TẬP LỚN HỌC PHẦN THỰC TẬP CHUYÊN NGÀNH KỸ THUẬT PHẦN MỀM ĐỀ TÀI: XÂY DỰNG WEBSITE CHO THUÊ SÂN BÓNG BẰNG LARAVEL GVHD: Ths Nguyễn Thái Cường NHÓM – LỚP: Nhóm 1 - 20222IT6041001 THÀNH VIÊN: Trịnh Xuân Sơn - 2020607008 Đậu Thái Mạnh - 2020605878 Vũ Minh Nghĩa - 2020605678 Phạm Thế Việt - 2019602763 Hà Nội, 2023 Downloaded by MON MON (monmon2@gmail.com) lOMoARcPSD|39222638 2 LỜI CẢM ƠN Để bài tập lớn kết thúc môn học được thực hiện thành công, em xin cảm ơn giảng viên hướng dẫn ThS.Nguyễn Thái Cường, Khoa Công nghệ thông tin, Trường đại học Công nghiệp Hà Nội đã chia sẻ những kiến thức quý báu, hướng dẫn tận tình và có những góp ý trong suốt quá trình thực hiện đề tài để chúng em có thể hoàn thành tiểu luận một cách tốt nhất Sau khi nghiên cứu đề tài và kết thúc khóa học, chúng em đã học hỏi và tích lũy được kiến thức và kinh nghiệm từ thầy đi trước để hoàn thiện và phát triển bản thân Bên cạnh đó, đây cũng là cơ hội giúp chúng em nhận ra mình cần hoàn thiện thêm những gì để chuẩn bị cho một hành trình dài phía trước Do kiến thức của bản thân còn hạn chế và thiếu kinh nghiệm thực tiễn nên nội dung bài nghiên cứu khó tránh những thiếu sót Chúng em rất mong nhận được ý kiến đóng góp của thầy, cô giáo và những người quan tâm đến đề tài này để đề tài này của chúng em được hoàn thiện hơn nữa Chúng em xin chân thành cảm ơn thầy Nguyễn Thái Cường đã giúp đỡ chúng em thực hiện đề tài này! Hà Nội, ngày 29 tháng 05 năm 2023 Downloaded by MON MON (monmon2@gmail.com) lOMoARcPSD|39222638 3 MỤC LỤC DANH MỤC HÌNH VẼ 4 CHƯƠNG 1 TỔNG QUAN VỀ NỘI DUNG NGHIÊN CỨU 9 1.1 Giới thiệu chung 9 1.2 Cơ sở lý thuyết 9 1.2.1 Mô hình MVC 9 1.2.2 Giới thiệu về Laravel Framework .11 1.2.3 Giới thiệu về hệ quản trị MySQL .12 1.3 Quy trình, công nghệ và công cụ sử dụng 13 1.3.1 Công cụ / kỹ thuật 13 CHƯƠNG 2 PHÂN TÍCH THIẾT KẾ HỆ THỐNG 15 2.1 Mô tả bài toán 15 2.1.1 Quản lý người dùng 16 2.1.2 Quản lý khách hàng 16 2.1.3 Quản lý khách ghé thăm .16 2.1.4 Quản lý sản phẩm .17 2.2 Tác nhân và chức năng hệ thống 17 2.2.1 Tác nhân hệ thống 17 2.2.2 Tác nhân và các chức năng tương ứng .17 2.3 Phân tích và thiết kế 19 2.3.1 Sơ đồ use case 19 2.3.2 Đặc tả các use case .21 2.3.3 Thiết kế cơ sở dữ liệu 54 2.3.4 Thiết kế giao diện .58 CHƯƠNG 3 KẾT QUẢ 79 3.1 Kết quả giao diện 79 3.1.1 Phía khách hàng 79 3.1.2 Phía người quản trị .84 3.2 Kiểm thử chức năng của hệ thống 90 Downloaded by MON MON (monmon2@gmail.com) lOMoARcPSD|39222638 4 KẾT LUẬN VÀ KIẾN NGHỊ .91 Downloaded by MON MON (monmon2@gmail.com) lOMoARcPSD|39222638 5 DANH MỤC HÌNH VẼ Hình 1-1: Hình ảnh mô hình MVC 9 Hình 1-2: Hình ảnh Laravel Framework .10 Hình 1-3: Hình ảnh MySQL 11 Hình 2-1: Sơ đồ use case tổng quan 18 Hình 2-2: Hình ảnh sơ đồ phân rã use case phía người quản trị 19 Hình 2-3: Sơ đồ phân rã use case phía khách hàng .20 Hình 2-4: Biểu đồ trình tự use đăng nhập .22 Hình 2-5: Biểu đồ trình tự use đăng ký 23 Hình 2-6: Biểu đồ trình tự use tìm sân trống 25 Hình 2-7: Biểu đồ trình tự use tra cứu yêu cầu đặt sân 27 Hình 2-8: Biểu đồ trình tự use đặt sân bóng 28 Hình 2-9: Biểu đồ trình tự use sưa thông tin cá nhân 30 Hình 2-10: Biểu đồ trình tự use xem các yêu cầu đã đặt .32 Hình 2-11: Biểu đồ trình tự use quản lý sân bóng 36 Hình 2-12: Biểu đồ trình tự use quản lý loại sân 40 Hình 2-13: Biểu đồ trình tự use quản lý nhân viên .44 Hình 2-14: Biểu đồ trình tự use quản lý thông tin thanh toán .48 Hình 2-15: Biểu đồ trình tự use quản lý yêu cầu 52 Hình 2-16: Hình ảnh sơ đồ thực thể của hệ thống 53 Hình 2-17: Hình ảnh biểu đồ cơ sở dữ liệu của hệ thống 53 Hình 2-18: Hình ảnh bảng users 54 Hình 2-19: Hình ảnh bảng providers .54 Hình 2-20: Hình ảnh bảng pitch_types 54 Hình 2-21: Hình ảnh bảng football_pitches 55 Hình 2-22: Hình ảnh bảng football_pitch_details 55 Hình 2-23: Hình ảnh bảng bank_information .55 Hình 2-24: Hình ảnh bảng identity_papers 56 Hình 2-25: Hình ảnh bảng orders 56 Hình 2-26: Hình ảnh bảng peak_hours 56 Downloaded by MON MON (monmon2@gmail.com) lOMoARcPSD|39222638 6 Hình 2-27: Hình ảnh bảng sliders 57 Hình 2-28: Hình ảnh mockup trang chủ khách hàng 1 57 Hình 2-29: Hình ảnh mockup trang chủ khách hàng 2 58 Hình 2-30: Hình ảnh mockup trang chủ khách hàng 3 59 Hình 2-31: Hình ảnh mockup tìm sân trống 60 Hình 2-32: Hình ảnh mockup tra cứu yêu cầu đặt sân 61 Hình 2-33: Hình ảnh mockup thông tin cá nhân 62 Hình 2-34: Hình ảnh mockup chi tiết sân bóng 63 Hình 2-35: Hình ảnh mockup xem thời gian đã đặt của sân 64 Hình 2-36: Hình ảnh mockup đặt sân 65 Hình 2-37: Hình ảnh mockup sau khi đặt sân thành công 66 Hình 2-38: Hình ảnh mockup đăng ký 67 Hình 2-39: Hình ảnh mockup đăng nhập 68 Hình 2-40: Hình ảnh mockup yêu cầu đặt sân của tôi 69 Hình 2-41: Hình ảnh mockup đăng nhập phía quản trị 69 Hình 2-42: Hình ảnh mockup dashboard 70 Hình 2-43: Hình ảnh mockup quản lý loại sân 70 Hình 2-44: Hình ảnh mockup thêm loại sân bóng 71 Hình 2-45: Hình ảnh mockup cập nhật yêu cầu 72 Hình 2-46: Hình ảnh mockup thanh toán 73 Hình 2-47: Hình ảnh mockup chi tiết sân bóng 74 Hình 2-48: Hình ảnh mockup yêu cầu đặt sân bảng .74 Hình 2-49: Hình ảnh mockup thông tin chuyển khoản 75 Hình 2-50: Hình ảnh mockup yêu cầu đặt sân lịch .75 Hình 2-51: Hình ảnh mockup danh sách nhân viên 76 Hình 2-52: Hình ảnh mockup thêm nhân viên 76 Hình 2-53: Hình ảnh mockup thông tin giấy tờ tùy thân 77 Hình 2-54: Hình ảnh mockup cập nhật thông tin nhân viên 77 Hình 3-1: Hình ảnh kết quả giao diện trang chủ khách hàng 1 .78 Hình 3-2: Hình ảnh kết quả giao diện trang chủ khách hàng 2 .79 Downloaded by MON MON (monmon2@gmail.com) lOMoARcPSD|39222638 7 Hình 3-3: Hình ảnh kết quả giao diện trang chủ khách hàng 3 .79 Hình 3-4: Hình ảnh kết quả giao diện tìm sân trống .80 Hình 3-5: Hình ảnh kết quả giao diện tra cứu yêu cầu đặt sân 80 Hình 3-6: Hình ảnh kết quả giao diện thông tin cá nhân .81 Hình 3-7: Hình ảnh kết quả giao diện yêu cầu đặt sân của tôi 81 Hình 3-8: Hình ảnh kết quả giao diện đăng nhập 82 Hình 3-9: Hình ảnh kết quả giao diện đăng ký .82 Hình 3-10: Hình ảnh kết quả giao diện phía người quản trị dashboard 83 Hình 3-11: Hình ảnh kết quả giao diện phía người quản trị quản lý loại sân 83 Hình 3-12: Hình ảnh kết quả giao diện phía người quản trị thêm loại sân bóng 84 Hình 3-13: Hình ảnh kết quả giao diện phía người quản trị cập nhật loại sân bóng .84 Hình 3-14: Hình ảnh kết quả giao diện phía người quản trị quản lý sân bóng85 Hình 3-15: Hình ảnh kết quả giao diện phía người quản trị quản lý yêu cầu lịch 85 Hình 3-16: Hình ảnh kết quả giao diện phía người quản trị quản lý yêu cầu bảng .86 Hình 3-17: Hình ảnh kết quả giao diện phía người quản trị cập nhật yêu cầu 86 Hình 3-18: Hình ảnh kết quả giao diện phía người quản trị thanh toán 87 Hình 3-19: Hình ảnh kết quả giao diện phía người quản trị thông tin ngân hàng .87 Hình 3-20: Hình ảnh kết quả giao diện phía người quản trị thêm thẻ ngân hàng .88 Hình 3-21: Hình ảnh kết quả giao diện phía người quản trị cập nhật thông tin ngân hàng 88 Hình 3-22: Hình ảnh kết quả giao diện phía người quản trị thông tin nhân viên 89 Hình 3-23: Hình ảnh kết quả giao diện phía người quản trị sửa thông tin nhân viên 89 Downloaded by MON MON (monmon2@gmail.com) lOMoARcPSD|39222638 8 MỞ ĐẦU 1 Lý do chọn đề tài Hiện nay đá bóng là môn thể thao rất được các bạn trẻ ưa chuộng do đó nhu cầu tìm, đặt sân nhanh chóng đang được ưu thích mạnh mẽ Các sân bóng hiện nay chủ yếu chỉ cho đặt sân bằng hình thức offline hoặc thông qua điện thoại, mạng xã hội do vậy có thể không được phản hồi ngay lập tức, chủ sân phải mất thời gian xem sân giờ đó có trống không Từ đó dẫn đến những nhược điểm chung đó chính là trải nghiệm của khách hàng không được tốt Một website cho thuê sân bóng có thể giải quyết được các vấn đề trên Tiếp cận khách hàng cũng như marketing một cách dễ dàng Bắt kịp xu thế về các dịch vụ online Dựa vào các lý do trên mà nhóm 1 chúng em quyết định lựa chọn đề tài xây dựng một website cho thuê sân bóng cho sân bóng STBALL 2 Đối tượng phạm vi nghiên cứu Đối tượng nghiên cứu gồm: - Nơi cho thuê sân bóng STBALL - Công nghệ: PHP, Framework Laravel - Hệ quản trị MySql Mục đích nghiên cứu: - Xác định làm rõ các vấn đề liên quan đến đề tài - Khảo sát, phân tích thiết kế hệ thống cho website - Khách hàng có thể xem thông tin sân, đặt sân chỉ bằng vài thao tác trên internet - Giúp việc đặt sân của khách hàng cũng như quản trị của chủ cửa hàng một cách dễ dàng hơn Downloaded by MON MON (monmon2@gmail.com) lOMoARcPSD|39222638 10 CHƯƠNG 1 TỔNG QUAN VỀ NỘI DUNG NGHIÊN CỨU 1.1 Giới thiệu chung STBALL là nơi cho thuê sân bóng Cửa hàng này đang có chi nhánh trên địa bàn thành phố Hà Nội số 30 ngõ 7, đường Vạn Xuân, Hoài Đức, Hà Nội Hiện nay để cải thiện chất lượng người dùng cũng như giúp người dùng đặt sân bóng một cách nhanh chóng, giúp chủ sở hữu quản lý sân bóng, thống kê một cách dễ dàng, tiết kiệm sức lao động Từ đó STBALL quyết định xây dựng nền tảng cho thuê sân bóng trên website Những vấn đề còn tồn tại: - Các nơi cho thuê sân bóng hiện nay hầu như thường sẽ làm việc theo kiểu thủ công, thông tin thì ghi ở giấy giờ hoặc word, excel - Khách hàng muốn đặt sân sẽ thực hiện một trong các bước sau: gọi điện, ra tận nơi đặt, liên hệ qua mạng xã hội - Hiệu suất làm việc chưa cao Đối với những nơi lớn, nhiều sân bóng, tỉ lệ nhầm lẫn, rủi ro cao - Việc thống kê doanh thu, số lượng đặt sân trở thành bài toán khó 1.2 Cơ sở lý thuyết 1.2.1 Mô hình MVC Sử dụng mô hình 3 lớp MVC MVC là viết tắt của Model – View – Controller, mô hình phần mềm này được tạo ra giúp xây và quản lý dự án phần mềm có hệ thống hơn Mô hình này đang được sử dụng rỗng rãi nhất hiện nay Trong đó: Model: có nhiệm vụ thao tác trực tiếp với cơ sở dữ liệu, nó sẽ chứa các hàm, các phương thức để truy vấn vào cơ sở dữ liệu View: có nhiệm vụ nhận dữ liệu từ Controller và hiển thị dữ liệu ra màn hình Dữ liệu hiển thị ra sẽ phụ thuộc vào Controller Downloaded by MON MON (monmon2@gmail.com) lOMoARcPSD|39222638 11 Controller: là trung gian giữa Model và View, có nhiệm vụ lấy yêu cầu từ khách hàng sau đó gửi và lấy dữ liệu từ Model và trả dữ liệu về Controller Ưu và nhược điểm: Ưu điểm: - Trình tự rõ ràng - Thuận tiện cho việc quản lý, bảo trì, nâng cấp Nhược điểm: - Cồng kềnh, tốn thời gian trong việc phát triển dự án nhỏ - Khá là khó hiểu cho người mới tiếp cận Hình 1-1: Hình ảnh mô hình MVC Với CSDL được quản lý bởi MySQL Các đối tượng trong CSDL được miêu tả chi tiết tại phần mô tả cơ sở dữ liệu cho hệ thống Downloaded by MON MON (monmon2@gmail.com)