XÂY DỰNG WEBSITE ĐẶT SÂN BÓNG ĐÁ MINI

ĐẠI HỌC ĐÀ NẴNG TRƯỜNG ĐẠI HỌC BÁCH KHOA KHOA CÔNG NGHỆ THÔNG TIN ĐỒ ÁN TỐT NGHIỆP NGÀNH: CÔNG NGHỆ THÔNG TIN CHUYÊN NGÀNH: CÔNG NGHỆ PHẦN MỀM ĐỀ TÀI: XÂY DỰNG WEBSITE ĐẶT SÂN BÓNG ĐÁ MINI Người hướng dẫn: THS. NGUYỄN THỊ MINH HỶ Sinh viên thực hiện: TRẦN LÊ VIÊN NGỌC Số thẻ sinh viên: 102150117 Lớp: 15T2 Đà Nẵng, 122019 NHẬN XÉT CỦA NGƯỜI HƯỚNG DẪN .......................................................................................................... ............................................. ....................................................................................................................................................... .......................................................................................................... ............................................. ....................................................................................................................................................... .......................................................................................................... ............................................. .............................................................................................................. ......................................... .......................................................................................................... ............................................. .......................................................................................................... ............................................. ....................................................................................................................................................... .......................................................................................................... ............................................. .................................................................................................................... ................................... .......................................................................................................... ............................................. .......................................................................................................... ............................................. ....................................................................................................................................................... .......................................................................................................... ............................................. .......................................................................................................................... ............................. ....................................................................................................................................................... .......................................................................................................... ............................................. ....................................................................................................................................................... ................................................................................................................................... Đà Nẵng, ngày ... tháng ... năm 2019 Gảng viên hướng dẫn Ths. Nguyễn Thị Minh Hỷ NHẬN XÉT CỦA NGƯỜI PHẢN BIỆN .......................................................................................................... ............................................. ....................................................................................................................................................... .......................................................................................................... ............................................. ................................................................................................................ ....................................... .......................................................................................................... ............................................. .......................................................................................................... ............................................. ....................................................................................................................................................... .......................................................................................................... ............................................. ...................................................................................................................... ................................. .......................................................................................................... ............................................. .......................................................................................................... ............................................. ....................................................................................................................................................... .......................................................................................................... ............................................. ....................................................................................................................................................... ....................................................................................................................................................... .......................................................................................................... ............................................. ....................................................................................................................................................... .......................................................................................................... ............................................. .................................................................................................................................... Đà Nẵng, ngày ... tháng ... năm 2019 PHIẾU DUYỆT ĐỒ ÁN TỐT NGHIỆP I. Phần dành cho Sinh viên 1. Họ và tên: TRẦN LÊ VIÊN NGỌC 2. Mã Sinh viên: 102150117 4. Tên đề tài: Xây dựng website đặt sân bóng đá mini 5. Số điện thoại: 0374912920 6. Email: vienngocbanlonggmail.com 7. Họ và tên GVHD: ThS. Nguyễn Thị Minh Hỷ II. Phần dành cho Hội đồng STT Nội dung đánh giá 1. Trình bày báo cáo theo đúng mẫu qui định của Khoa 2. Không có sự sao chép nội dung báo cáo và chương trình đã có 3. Biên dịch mã nguồn và chạy được chương trình 4. Có kịch bản thực hiện với dữ liệu thử nghiệm 5. Kết quả thực hiện chương trình đúng theo báo cáo 6. Có sự đóng góp, phát triển của tác giả trong đồ án 3. Lớp: 15T2 Kết luận Ý kiến khác: ......................................................................................................................................................................... ....................................................................................................................................................................................................... Kết luận:  Đạt yêu cầu Chủ tịch Hội đồng (Ký và ghi họ tên)  Phải sửa chữa lại  Không đạt yêu cầu Đà Nẵng, ngày tháng 12 năm 2019 Cán bộ duyệt kiểm tra (Ký và ghi họ tên) TÓM TẮT Tên đề tài: Xây dựng website đặt sân bóng đá mini Sinh viên thực hiện: Trần Lê Viên Ngọc Số thẻ SV: 102150117 Lớp: 15T2 Website đặt sân bóng đá mini giúp khách có thể tìm kiếm sân bóng,xem thông tin sân bóng Website đặt sân bóng đá giúp thành viên có thể tìm kiếm sân, đặt sân theo thời gian mà họ mong muốn.Thành viên có thể tham gia các giải đấu do sân tổ chức ,có thể tạo đội bóng của mình và có thể tham gia để trở thành thành viên của đội bóng nào đó.Thành viên có thể có thể tạo trận đấu để bắt kèo và cũng có thể tham gia trận đấu nào đó . Khi bạn là chủ sân bạn có thể quản lý sân của mình, tạo sân con,quản lý yêu cầu đặt sân của các thành viên.Có thể tạo giải đấu và quản lý giải đấu,tạo dịch vụ của sân.Chủ sân có thể tạo được nhiều sân chính và nhiều sân con.Đồng thời chủ sân có thể tạo giá cho các loại sân 5 và sân 7 theo khoảng thời gian cụ thể nào đó nếu muốn. Admin có chức năng quản lý thành viên, thêm,sửa,xóa thành viên .Admin cũng có thể quản lý chủ sân thêm sữa xóa chủ sân.Quản lý sân như thêm sữa xóa sân bóng nào đó... ĐẠI HỌC ĐÀ NẴNG CỘNG HÒA XÃ HÔI CHỦ NGHĨA VIỆT NAM TRƯỜNG ĐẠI HỌC BÁCH KHOA Độc lập Tự do Hạnh phúc KHOA CÔNG NGHỆ THÔNG TIN NHIỆM VỤ ĐỒ ÁN TỐT NGHIỆP Họ tên sinh viên: TRẦN LÊ VIÊN NGỌC Số thẻ sinh viên: 102150117 Lớp: 15T2 Khoa: Công nghệ thông tin Ngành: Công nghệ thông tin 1. Tênđềtàiđồán: Xây dựng website đặt sân bóng đá mini 2. Đềtàithuộcdiện:☐Cókýkếtthỏathuậnsởhữutrítuệđốivớikếtquảthựchiện 3. Cácsốliệuvàdữliệubanđầu: Không có. 4. Nộidungcácphầnthuyếtminhvàtínhtoán: Nội dung của thuyết minh gồm: Mở đầu: Phần mở đầu của luận văn, giới thiệu về nhu cầu thực tế và lý do thực hiện đề tài, đồng thời giới thiệu sơ lược về đề tài và mục tiêu phải đạt được. Chương 1. Cơ sở lý thuyết: trình bày những lý thuyết học được và đã áp dụng vào hệ thống. Chương 2. Phân tích và thiết kế: trình bày các hồ sơ phân tích và hồ sơ thiết kế trong xây dựng hệ thống và luồng hoạt động của hệ thống. Chương 3. Triển khai và đánh giá kết quả: mô tả cách cài đặt, vận hành hệ thống và đánh giá kết quả đạt được. 5. Cácbảnvẽ,đồthị(ghirõcácloạivàkíchthướcbảnvẽ): Không có. 6. Họtênngườihướngdẫn:THS.NGUYỄNTHỊMINHHỶ 7. Ngàygiaonhiệmvụđồán: ...............2019 8. Ngàyhoànthànhđồán: ...............2019 Đà Nẵng, ngày tháng 12 năm 2019 Trưởng Bộ môn .......................... Người hướng dẫn Một lần nữa em xin chân thành cảm ơn Đề tài: Xây dựng website đặt sân bóng đá mini LỜI CẢM ƠN Em xin gửi lời cảm ơn chân thành và sâu sắc đến các thầy cô trong Khoa Công nghệ thông tin, cũng như tất cả các thầy cô trong trường Đại học Bách khoa – Đại học Đà Nẵng đã dìu dắt, dạy dỗ và truyền đạt kiến thức, kinh nghiệm quý báu của mình trong suốt quá trình em học tập và nghiên cứu tại trường. Em xin bày tỏ tình cảm và lòng biết ơn chân thành của em tới cô giáo Ths. Nguyễn Thị Minh Hỷ, người đã từng bước hướng dẫn, giúp đỡ em tận tình trong quá trình thực hiện đồ án tốt nghiệp của mình. Nhờ đó em có thể hoàn thành đồ án đúng tiến độ và tích lũy cho mình nhiều kiến thức quý báu. Con xin gửi lời cảm ơn to lớn nhất đến cha, mẹ và gia đình. Cha, mẹ và gia đình đã luôn ở bên con, là nguồn động lực không mệt mỏi và là chỗ dựa tinh thần vững chắc giúp con vượt qua những khó khăn để hoàn thành đồ án này. Mặc dù đã cố gắng hoàn thành đồ án tốt nhất nhưng thời gian và kiến thức còn có hạn nên sẽ không tránh khỏi những thiếu sót nhất định, rất mong được sự cảm thông và tận tình chỉ bảo, góp ý của quý thầy cô giáo cũng như tất cả các bạn để kết quả của em được hoàn thiện hơn. Trần Lê Viên Ngọc SVTH: Trần Lê Viên Ngọc GVHD: Nguyễn Thị Minh Hỷ 1 Em xin cam đoan: Đề tài: Xây dựng website đặt sân bóng đá mini CAM ĐOAN 1. Nội dung trong đồ án này là do em thực hiện dưới sự hướng dẫn trực tiếp của ThS Nguyễn Thị Minh Hỷ. 2. Những tài liệu tham khảo em dùng trong đồ án đều được trích dẫn rõ ràng tên tác giả, tên công trình, thời gian, địa điểm công bố. 3. Nếu có những sao chép không hợp lệ, vi phạm quy chế đào tạo, em xin chịu hoàn toàn trách nhiệm. Đà Nẵng, ngày tháng 12 năm 2019 Sinh viên thực hiện Trần Lê Viên Ngọc SVTH: Trần Lê Viên Ngọc GVHD: Nguyễn Thị Minh Hỷ 2 Đề tài: Xây dựng website đặt sân bóng đá mini Mục Lục LỜI CẢM ƠN........................................................................................................................ 1 CAM ĐOAN ......................................................................................................................... 2 DANH SÁCH CÁC BẢNG ................................................................................................... 5 DANH SÁCH CÁC HÌNH VẼ .............................................................................................. 6 DANH SÁCH CÁC KÝ HIỆU, CHỮ VIẾT TẮT .................................................................. 8 GIỚI THIỆU.......................................................................................................................... 9 CHƯƠNG 1: CƠ SỞ LÝ THUYẾT VÀ CÔNG CỤ SỬ DỤNG ......................................... 11 Kiến thức cơ bản .............................................................................................................. 11 1.1. Tổng quan về PHP và Laravel framework .............................................................. 12 1.2. Công cụ sử dụng .................................................................................................... 15 CHƯƠNG2: PHÂNTÍCHVÀTHIẾTKẾHỆTHỐNG....................................................16 2.1. KHẢO SÁT BÀI TOÁN THỰC TẾ ...................................................................... 16 2.1.1. Tổng quan hiện trạng...................................................................................... 16 2.2. PHÂN TÍCH CHỨC NĂNG .................................................................................. 16 2.2.1. Khách có các chức năng sau ........................................................................... 16 2.2.1. Thành viên có các chức năng sau.................................................................... 17 2.2.2. Chủ sân (mod) có các chức năng sau .............................................................. 17 2.2.4. Quản trị viên có các chức năng sau ................................................................ 18 2.3. SƠ ĐỒ CA SỬ DỤNG .......................................................................................... 18 2.3.1. Các tác nhân trong hệ thống ........................................................................... 18 2.3.2. Sơ đồ ca sử dụng tổng quát của hệ thống ........................................................ 19 2.3.3. Sơ đồ ca sử dụng đăng ký tài khoản của Khách............................................... 20 2.3.4. Sơ đồ ca sử dụng của Thành viên .................................................................... 20 2.3.5. Sơ đồ ca sử dụng của Chủ sân: ....................................................................... 22 2.3.6. Sơ đồ ca sử dụng của Quản trị viên................................................................. 24 2.4. ĐẶC TẢ CA SỬ DỤNG........................................................................................ 26 2.4.1. Đặc tả ca sử dụng Đăng ký ............................................................................. 26 2.4.2. Đặc tả ca sử dụng Đăng nhập......................................................................... 26 2.4.3. Đặc tả ca sử dụng Quản lý tài khoản .............................................................. 27 2.4.4. Đặc tả ca sử dụng Tạo Sân ............................................................................. 27 2.4.5. Đặc tả ca sử dụng Tạo sân con: ...................................................................... 28 2.4.6. Đặc tả ca sử dụng tạo giải đấu ....................................................................... 28 2.4.6. Đặc tả ca sử dụng tạo dịch vụ ......................................................................... 29 SVTH: Trần Lê Viên Ngọc GVHD: Nguyễn Thị Minh Hỷ 3 Đề tài: Xây dựng website đặt sân bóng đá mini 2.4.6. Đặc tả ca sử dụng bắt đội ............................................................................... 29 2.4.7. Đặc tả ca sử dụng Quản lý lịch đặt sân........................................................... 30 2.4.8. Đặc tả ca sử dụng Quản lý người dùng ........................................................... 30 2.4.9. Đặc tả ca sử dụng đặt sân............................................................................... 31 2.4.10. Đặc tả ca sử dụng Quản lý liên hệ ............................................................. 31 2.5. SƠ ĐỒ HOẠT ĐỘNG ........................................................................................... 32 2.5.1. Sơ đồ hoạt động của thành viên ...................................................................... 32 2.5.2. Sơ đồ hoạt động của chủ sân........................................................................... 33 2.5.3. Sơ đồ hoạt động của quản trị viên................................................................... 34 2.6. KIẾN TRÚC HỆ THỐNG ..................................................................................... 35 2.7. SƠ ĐỒ LỚP........................................................................................................... 35 2.8. THIẾT KẾ CƠ SỞ DỮ LIỆU ................................................................................ 37 2.8.1. Mô hình thiết kế cơ sở dữ liệu ......................................................................... 37 2.8.2. Chi tiết các bảng dữ liệu ................................................................................. 38 CHƯƠNG 3: TRIỂN KHAI VÀ CHẠY THỬ NGHIỆM .................................................... 46 3.1. MÔI TRƯỜNG TRIỂN KHAI............................................................................... 46 3.1.1. Quản lý mã nguồn .............................................................................................. 46 3.1.2. Môi trường cài đặt.............................................................................................. 46 3.2. KẾT QUẢ DEMO VÀ HƯỚNG DẪN SỬ DỤNG CHƯƠNG TRÌNH.................. 48 KẾT LUẬN ......................................................................................................................... 57 TÀI LIỆU THAM KHẢO .................................................................................................... 60 SVTH: Trần Lê Viên Ngọc GVHD: Nguyễn Thị Minh Hỷ 4 Đề tài: Xây dựng website đặt sân bóng đá mini DANH SÁCH CÁC BẢNG Bảng 2.1. Đặc tả ca sử dụng đăng ký Bảng 2.2. Đặc tả ca sử dụng đăng nhập Bảng 2.3. Đặc tả ca sử dụng quản lý tài khoản Bảng 2.4. Đặc tả ca sử dụng tạo sân Bảng 2.5. Đặc tả ca sử dụng tạo sân con Bảng 2.6. Đặc tả ca sử dụng tạo giải đấu Bảng 2.7. Đặc tả ca sử dụng tạo dịch vụ Bảng 2.8. Đặc tả ca sử dụng tạọ bắt đội Bảng 2.9. Đặc tả ca sử dụng quản lý lịch đặt sân Bảng 2.10. Đặc tả ca sử dụng quản lý người dùng Bảng 2.11. Đặc tả ca sử dụng đặt sân Bảng 2.12. Đặc tả ca sử dụng quản lý liên hệ Bảng 2.13: Bảng dữ liệu user Bảng 2.14: Bảng dữ liệu roles Bảng 2.15: Bảng dữ liệu category Bảng 2.16: Bảng dữ liệu districts Bảng 2.17: Bảng dữ liệu provices Bảng 2.18: Bảng dữ liệu teams Bảng 2.19: Bảng dữ liệu jointeams Bảng 2.20: Bảng dữ liệu leagues Bảng 2.21: Bảng dữ liệu levels Bảng 2.22: Bảng dữ liệu matchs Bảng 2.23: Bảng dữ liệu mini_soccerfields Bảng 2.24: Bảng dữ liệu soccerfields Bảng 2.25: Bảng dữ liệu tableprices Bảng 2.26: Bảng dữ liệu Booking Bảng 2.27: Bảng dữ liệu services Bảng 2.28: Bảng dữ liệu Pairings Bảng 2.29: Bảng dữ liệu teamsofleague Bảng 2.30: Bảng dữ liệu comments SVTH: Trần Lê Viên Ngọc GVHD: Nguyễn Thị Minh Hỷ 5 Hình 1.1. Mô hình MVC Đề tài: Xây dựng website đặt sân bóng đá mini DANH SÁCH CÁC HÌNH VẼ Hình 1.2. Cấu trúc tổ chức thư mục và file trong Laravel. Hình 1.3. Công cụ draw.io Hình 1.4. Công cụ Sublime Text 3 Hình 2.1. Sơ đồ ca sử dụng tổng quát của hệ thống Hình 2.2. Sơ đồ ca sử dụng đăng ký tài khoản của Khách Hình 2.3. Sơ đồ ca sử dụng quản lý tài khoản trong hệ thống. Hình 2.4.Sơ đồ ca sử dụng quản lý bắt đội của thành viên. Hình 2.5. Sơ đồ ca sử dụng quản lý đội bóng của thành viên Hình 2.6. Sơ đồ ca sử dụng quản lý đặt sân của thành viên Hình 2.7. Sơ đồ ca sử dụng quản lý giải tham gia của thành viên Hình 2.8. Sơ đồ ca sử dụng quản lý sân Hình 2.9. Sơ đồ ca sử dụng quản lý đặt sân Hình 2.10. Sơ đồ ca sử dụng quản lý giải đấu Hình 2.11. Sơ đồ ca sử dụng quản lý dịch vụ Hình 2.12. Sơ đồ ca sử dụng quản lý người dùng Hình 2.13. Sơ đồ ca sử dụng quản lý sân trong hệ thống Hình 2.14. Sơ đồ ca sử dụng quản lý lịch đặt sân trong hệ thống. Hình 2.15. Sơ đồ ca sử dụng quản lý liên hệ Hình 2.16. Sơ đồ hoạt động các chức năng của thành viên. Hình 2.17. Sơ đồ hoạt động các chức năng của chủ sân Hình 2.18. Sơ đồ hoạt động các chức năng của quản trị viên Hình 2.19. Sơ đồ kiến trúc hệ thống Hình 2.21. Sơ đồ quan hệ cơ sở dữ liệu SVTH: Trần Lê Viên Ngọc GVHD: Nguyễn Thị Minh Hỷ 6 Đề tài: Xây dựng website đặt sân bóng đá mini Hình 3.1. Công cụ submit Text 3 Hình 3.2. Ngôn ngữ backend sử dụng Hình 3.3. Ngôn ngữ fontend sử dụng Hình 3.4. hệ quản trị cở sở dữ liệu Hình 3.5. Xampp Hình 3.7. Đăng ký Hình 3.8. Đăng nhập Hình 3.9. tìm kiếm sân Hình 3.10. Kết quả tìm kiếm sân Hình 3.11. Chi tiết sân bóng Hình 3.12. Bình luận sân bóng Hình 3.13. Đặt sân bóng Hình 3.14. Kết quả đặt sân Hình 3.15. Tạo trận đấu Hình 3.16.Tham gia giải Hình 3.17.Tham gia đội bóng Hình 3.18. Chi tiết đội bóng Hình 3.19. Danh sách sân Hình 3.20. Quản lý đặt sân Hình 3.21. Tạo sân Hình 3.22. Tạo sân con Hình 3.23. page Admin SVTH: Trần Lê Viên Ngọc GVHD: Nguyễn Thị Minh Hỷ 7 Đề tài: Xây dựng website đặt sân bóng đá mini DANH SÁCH CÁC KÝ HIỆU, CHỮ VIẾT TẮT Từ DB MVC HTTP UI HTML CSS SEO DOM Viết tắt của Database ModelViewController Hypertext Transfer Protocol User Interface HyperText Markup Language Cascading Style Sheets Search Engine Optimization Document Object Model Diễn giải Cơ sở dữ liệu Mô hình Giao diện Bộ điều khiển Giao thức truyền tải siêu văn bản Giao diện người dùng Ngôn ngữ đánh dấu siêu văn bản Tối ưu hóa công cụ tìm kiếm Mô hình đối tượng tài liệu Điều khiển cách hiện thị nội dung trang web W3C World Wide Web Consutirum Chuẩn được các nhà thiết kế website sử dụng làm thước đo khi thiết kế các website JSX JavaScript XML Một loại cú pháp mở rộng dành cho ngôn ngữ JavaScript viết theo kiểu XML SVTH: Trần Lê Viên Ngọc GVHD: Nguyễn Thị Minh Hỷ 8 Đề tài: Xây dựng website đặt sân bóng đá mini 1. Lý do chọn đề tài GIỚI THIỆU Bóng đámôn thể thao vua chưa bao giờ hết sức hút bởi vì sự hấp dẫn mà nó đêm lại cho con người.Ngày xưa với điều kiện kinh tế khó khăn của đất nước những bạn trẻ lớn lên với trái bóng tròn cùng với đó là những sân bóng tạm bợ( có thể là đồng ruộng ,đường phố, trường học ...) .Ngày nay, khi kinh tế phát triển nhu cầu của mọi người và ước muốn có được một sân bóng với chất lượng tốt hơn ngày càng cao vì vậy nhiều sân bóng đá mini đã mọc lên để phục vụ mọi người.Nhiều sân bóng mọc lên khiến việc lựa chọn của mọi người trở nên dễ dàng hơn nhưngđồng thời cũng xuất hiện nhiều vấn đề cho người sử dụng và chủ của các sân bóng. Theo em ,ở cương vị một người hay đặt sân thì có rất nhiều bất cấp trong việc đặt sân và tìm sân cũng như tìm kèo.Đôi khi chúng ta gọi điện đặt sân nhưng lên sân lại không được đá vì đã có đội đá rồi đó là do chủ sân đặt trùng lịch hai đội bóng.Còn nữa,chúng ta sẽ khó biết được thông tin của các sân bóng(số điện thoại, địa chỉ..) vì nhiều sân bóng chũng ta không thể tìm thấy trên internet.Ngoài ra nếu chúng ta muốn tìm kiếm giải đấu,bắt đội tìm đội để tham gia thì sẽ rất khó khăn và hầu như rất ít các website bóng đá có thể giúp chúng ta giải quyết vấn đề đó.Còn về phần chủ sân,em nghĩ họ sẽ rất khó khăn trong việc quảng lý sân của mình cũng như quản lý đặt sân Vì những lí do trên, em đã quyết định chọn đề tài “Xây dựng website đặt sân bóng đá mini” làm đề tài tốt nghiệp của mình. 2. Mục đích của đề tài “Xây dựng website đặt sân bóng đá mini” với mục đích xây dựng một hệ thống đơn giản, thân thiện, dễ sử dụng chạy trên nền tảng web, tạo ra một hệ thống có thể hỗ trợ cho người dùng tìm kiếm, đặt sân bóng ,bắt đội,tìm kiếm giải và tham gia .Đồng thời giúp cho chủ sân bóng quản lý sân của mình một cách tốt nhất, .... Hệ thống cho phép người dùng đăng ký làm thành viên,qua đó có thể đặt sân và tham gia giải bắt đội. Ngoài ra, hệ thống còn cung cấp cho người dùng các kiến thức về luật bóng đá sân 5 và sân 7. 3. Nội dung của báo cáo Tìm hiểu bài toán đặt sân bóng đá. Tìm hiểu và phân tích UML. Phân tích và thiết kế hệ thống thông tin. Thiết kế cơ sở dữ liệu cho hệ thống. Tìm hiểu và nghiên cứu, áp dụng các ngôn ngữ, công cụ lập trình PHP, Javascript với framework Laravel. SVTH: Trần Lê Viên Ngọc GVHD: Nguyễn Thị Minh Hỷ 9 Đề tài: Xây dựng website đặt sân bóng đá mini Nghiên cứu và ứng dụng MySQL làm nền tảng cơ sở dữ liệu. Xây dựng ứng dụng với các chức năng chính Viết báo cáo. 4. Phạm vi sử dụng đề tài Ứng dụng được sử dụng tại các khu vực trên lãnh thổ Việt Nam.Ứng dụng được sử dụng bởi các chủ sân bóng và các cầu thủ nghiệp dư muốn đặt sân hoặc bắt đội với nhau.Nói chung ứng dụng sẽ rất có ích đội với mọi người có nhu cầu 5. Bố cục của đề tài Đồ án được chia làm 3 chương chính: Chương thứ nhất tìm hiểu và nghiên cứu cơ sở lý thuyết để thực hiện áp dụng vào đề tài. Tìm hiều công cụ và ngôn ngữ lập trình. Chương thứ hai khảo sát hiện trạng thực tế, phân tích và thiết kế hệ thống thông tin, xác định các tác nhân chính của hệ thống, thiết kế và xây dựng cơ sở dữ liệu. Chương thứ ba sẽ đi vào quá trình triển khai hệ thống, thực hiện xây dựng mã nguồn chương trình và chạy thử nghiệm. Và sau hết là phần kết luận, đưa ra các đánh giá kết quả về những vấn đề đã gải quyết, những vấn đề chưa giải quyết được và các giải pháp cho để cải tiến, khắc phục những vấn đề đó. SVTH: Trần Lê Viên Ngọc GVHD: Nguyễn Thị Minh Hỷ 10 Đề tài: Xây dựng website đặt sân bóng đá mini CHƯƠNG 1: CƠ SỞ LÝ THUYẾT VÀ CÔNG CỤ SỬ DỤNG Kiến thức cơ bản a. HTML HTML là chữ viết tắt của cụm từ HyperText Markup Language((Xem thêm tại http:vi.wikipedia.orgwikiHTML)) (dịch là Ngôn ngữ đánh dấu siêu văn bản) được sử dụng để tạo một trang web, trên một website có thể sẽ chứa nhiều trang và mỗi trang được quy ra là một tài liệu HTML (thi thoảng mình sẽ ghi là một tập tin HTML). Cha đẻ của HTML là Tim BernersLee, cũng là người khai sinh ra World Wide Web và chủ tịch của World Wide Web Consortium (W3C – tổ chức thiết lập ra các chuẩn trên môi trường Internet). Một tài liệu HTML được hình thành bởi các phần tử HTML (HTML Elements) được quy định bằng các cặp thẻ (tag), các cặp thẻ này được bao bọc bởi một dấu ngoặc ngọn (ví dụ ) và thường là sẽ được khai báo thành một cặp, bao gồm thẻ mở và thẻ đóng (ví dụ và ). Các văn bản muốn được đánh dấu bằng HTML sẽ được khai báo bên trong cặp thẻ (ví dụ Đây là chữ in đậm). Nhưng một số thẻ đặc biệt lại không có thẻ đóng và dữ liệu được khai báo sẽ nằm trong các thuộc tính (ví dụ như thẻ ). Khi một tập tin HTML được hình thành, việc xử lý nó sẽ do trình duyệt web đảm nhận. Trình duyệt sẽ đóng vai trò đọc hiểu nội dung HTML từ các thẻ bên trong và sẽ chuyển sang dạng văn bản đã được đánh dấu để đọc, nghe hoặc hiểu (do các bot máy tính hiểu). Để kiểm tra, bạn có thể sử dụng khung nội dung bên dưới và chuyển qua lại giữa phần HTML và Result để xem kết quả của một tập tin HTML sau khi được xử lý. b. CSS Là chữ viết tắt của Cascading Style Sheets, nó là một ngôn ngữ được sử dụng để tìm và định dạng lại các phần tử được tạo ra bởi các ngôn ngữ đánh dấu (ví dụ như HTML). Bạn có thể hiểu đơn giản rằng, nếu HTML đóng vai trò định dạng các phần tử trên website như việc tạo ra các đoạn văn bản, các tiêu đề, bảng,...thì CSS sẽ giúp chúng ta có thể thêm một chút “phong cách” vào các phần tử HTML đó như đổi màu sắc trang, đổi màu chữ, thay đổi cấu trúc,...rất nhiều. Giống như HTML, CSS không thực sự là một ngôn ngữ lập trình. Nó không phải là một ngôn ngữ đánh dấu đó là một ngôn ngữ định kiểu. Điều này có nghĩa là nó cho phép bạn áp dụng kiểu có chọn lọc cho các phần tử trong tài liệu HTML. c. Javascript JavaScript được tạo trong mười ngày bởi Brandan Eich, một nhân viên của Netscape, vào tháng 9 năm 1995. Được đặt tên đầu tiên là Mocha, tên của nó được đổi thành Mona rồi LiveScript trước khi thật sự trở thành JavaScript nổi tiếng như bây giờ. Phiên bản đầu tiên của ngôn ngữ này bị giới hạn độc quyền bởi Netscape và chỉ có các tính năng SVTH: Trần Lê Viên Ngọc GVHD: Nguyễn Thị Minh Hỷ 11 Đề tài: Xây dựng website đặt sân bóng đá mini hạn chế, nhưng nó tiếp tục phát triển theo thời gian, nhờ một phần vào cộng đồng các lập trình viên đã liên tục làm việc với nó. Trong năm 1996, JavaScript được chính thức đặt tên là ECMAScript. ECMAScript 2 phát hành năm 1998 và ECMAScript 3 tiếp tục ra mắt vào năm 1999. Nó liên tục phát triển thành JavaScript ngày nay, giờ đã hoạt động trên khắp mọi trình duyệt và trên khắp các thiết bị từ di động đến máy tính bàn. JavaScript liên tục phát triển kể từ đó, có lục đạt đến 92% website đang sử dụng JavaScript vào năm 2016. Chỉ trong 20 năm, nó từ một ngôn ngữ lập trình riêng trở thành công cụ quan trọng nhất trên bộ công cụ của các chuyên viên lập trình web. Nếu bạn đang dùng internet, vậy chắc chắn bạn đã từng sử dụng JavaScript rồi. Là một ngôn ngữ lập trình kịch bản dựa trên đối tượng được phát triển từ các ý niệm nguyên mẫu. Ngôn ngữ này được dùng rộng rãi cho các trang web, nhưng cũng được dùng để tạo khả năng viết script sử dụng các đối tượng nằm sẵn trong các ứng dụng. Nó vốn được phát triển bởi Brendan Eich tại Hãng truyền thông Netscape với cái tên đầu tiên Mocha, rồi sau đó đổi tên thành LiveScript, và cuối cùng thành JavaScript. Giống Java, JavaScript có cú pháp tương tự C, nhưng nó gần với Self hơn Java. .js là phần mở rộng thường được dùng cho tập tin mã nguồn JavaScript. 1.1. TổngquanvềPHPvàLaravelframework PHP là ngôn ngữ lập trình mã nguồn mở phía server được thiết kế để dễ dàng xây dựng các trang web động. Mã PHP có thể thực thi trên server để tạo ra mã HTML và xuất ra trình duyệt web theo yêu cầu của người sử dụng. PHP cho phép xây dựng ứng dụng web trên mạng internet tương tác với mọi cơ sở dữ liệu như: MySQL, Oracle,... Ngôn ngữ lập trình PHP được tối ưu hóa cho các ứng dụng web, tốc độ nhanh, nhỏ gọn, cú pháp giống C và Java, dễ học và thời gian xây dựng sản phẩm tương đối ngắn hơn so với các ngôn ngữ khác nên PHP đã nhanh chóng trở thành một ngôn ngữ lập trình phổ biến nhất thế giới. Mô hình MVC trong PHP MCV là từ viết tắt bởi 3 từ Model – View – Controller. Đây là mô hình thiết kế sử dụng trong kỹ thuật phần mềm. Mô hình source code thành 3 phần, tương ứng mỗi từ. Mỗi từ tương ứng với một hoạt động tách biệt trong một mô hình. Model (M):Là bộ phận có chức năng lưu trữ toàn bộ dữ liệu của ứng dụng. Bộ phận này là một cầu nối giữa 2 thành phần bên dưới là View và Controller. Model thể hiện dưới hình thức là một cơ sở dữ liệu hoặc có khi chỉ đơn giản là một file XML bình SVTH: Trần Lê Viên Ngọc GVHD: Nguyễn Thị Minh Hỷ 12 Đề tài: Xây dựng website đặt sân bóng đá mini thường. Model thể hiện rõ các thao tác với cơ sở dữ liệu như cho phép xem, truy xuất, xử lý dữ liệu,... View (V):Đây là phần giao diện (theme) dành cho người sử dụng. Nơi mà người dùng có thể lấy được thông tin dữ liệu của MVC thông qua các thao tác truy vấn như tìm kiếm hoặc sử dụng thông qua các website. Thông thường, các ứng dụng web sử dụng MVC View như một phần của hệ thống, nơi các thành phần HTML được tạo ra. Bên cạnh đó, View cũng có chức năng ghi nhận hoạt động của người dùng để tương tác với Controller. Tuy nhiên, View không có mối quan hệ trực tiếp với Controller, cũng không được lấy dữ liệu từ Controller mà chỉ hiển thị yêu cầu chuyển cho Controller mà thôi.Ví dụ: Nút “delete” được tạo bởi View khi người dùng nhấn vào nút đó sẽ có một hành động trong Controller. Controller (C):Bộ phận có nhiệm vụ xử lý các yêu cầu người dùng đưa đến thông qua view. Từ đó, C đưa ra dữ liệu phù hợp với người dùng. Bên cạnh đó, Controller còn có chức năng kết nối với model. Hình 1.1: Mô hình MVC  Laravel Laravel là một PHP Framework mã nguồn mở và miễn phí, được phát triển bởi Taylor Otwell và nhắm mục tiêu hỗ trợ phát triển các ứng dụng web theo cấu trúc model view controller (MVC). Những tính năng nổi bật của Laravel bao gồm cú pháp dễ hiểu rõ ràng, một hệ thống đóng gói Modular và quản lý gói phụ thuộc, nhiều cách SVTH: Trần Lê Viên Ngọc GVHD: Nguyễn Thị Minh Hỷ 13 Đề tài: Xây dựng website đặt sân bóng đá mini khác nhau để truy cập vào các cơ sở dữ liệu quan hệ, nhiều tiện ích khác nhau hỗ trợ việc triển khai vào bảo trì ứng dụng. Vào khoảng Tháng 3 năm 2015, các lập trình viên đã có một cuộc bình chọn PHP framework phổ biến nhất, Laravel đã giành vị trí quán quân cho PHP framework phổ biến nhất năm 2015, theo sau lần lượt là Symfony2, Nette, CodeIgniter, Yii2 vào một số khác. Trước đó, Tháng 8 năm 2014, Laravel đã trở thành project PHP phổ biến nhất và được theo dõi nhiều nhất trên Github. Laravel được phát hành theo giấy phép MIT, với source code được lưu trữ tại Gitthub. Hình 1.2: Cấu trúc tổ chức thư mục và file trong Laravel. SVTH: Trần Lê Viên Ngọc GVHD: Nguyễn Thị Minh Hỷ 14 Đề tài: Xây dựng website đặt sân bóng đá mini 1.2. Côngcụsửdụng Phân tích và thiết kế UML thì tôi dùng công cụ draw.io (link truy cập trên website: https:www.draw.io) được sử dụng. Công cụ này giúp chúng ta có thể dễ dàng thao tác và sử dụng để tạo các sơ đồ ca sử dụng, sơ đồ hoạt động,.... Hình 1.3: Công cụ draw.io Quá trình xây dựng mã chương trình, công cụ, editor được dùng là Sublime Text 3, Hình 1.4: Công cụ Sublime Text 3 đặc điểm nổi bật là đơn giản, gọn nhẹ, dễ dàng cài đặt, hỗ trợ nhiều hệ điều hành cũng như nhiều ngôn ngữ lập trình khác nhau. SVTH: Trần Lê Viên Ngọc GVHD: Nguyễn Thị Minh Hỷ 15 Đề tài: Xây dựng website đặt sân bóng đá mini CHƯƠNG 2: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 2.1. KHẢOSÁTBÀITOÁNTHỰCTẾ 2.1.1. Tổng quan hiện trạng Ngày nay,trên đất nước chúng ta có rất nhiều sân bóng đá mini mọc lên .Lý do mà nhiều sân bóng xuất hiện như vậy là do nhu cầu quá lớn của các tín đồ của môn thể thao vua muốn có một nơi để thỏa đam mê và giao lưu vui vẻ với bạn bè đồng nghiệp sau những ngày tháng lao động vất vả.Nhiều sân như vậy mọc ra sẽ giúp cho các cầu thủ có nhiều sân bóng tốt để chọn nhưng đồng thời cũng khiến các cầu thủ không biết chọn sân nào cho phù hợp nhất và vấn đề lớn nhất là đặt sân. Đặt sân tuy đơn giản nhưng nó lại rất là mệt và tốn thời gian nhất là khi sân bóng mà chúng ta hay đặt hết sân phải tìm các sân bóng khác lúc đó ta phải gọi điện hỏi người này người nọ về số điện thoại của sân đó. Ngoài ra lúc chúng ta muốn tìm kiếm một giải đấu nào đó để tham gia thì cũng rất khó khăn.Còn chưa kể nếu chúng ta muốn tham gia một team nào đó thì cũng là vấn đề. Một vấn đề nữa đó là của các chủ sân, đôi khi trong quá trình quản lý việc đặt sân của các đội bị gặp vấn đề như việc đặt lộn ngày ,lộn giờ ,đặt chồng sân làm ảnh huongr đến uy tín cũng như tổn thất kinh tế cho chủ sân gay bức xúc cho người đặt sân. 2.2. PHÂN TÍCH CHỨC NĂNG Website đặt sân bóng đá mini giúp cho người dùng tìm kiếm sân bóng ,đặt sân,bắt đội ,tìm giải,tìm đội đồng thời giúp chủ san quản lý sân bóng của mình và quản lý lịch đặt sân cũng như quảng cáo sân mình một cách hiệu quả. Hệ thống phục vụ cho 4 người dùng: Người quản trị (Admin),chủ sân (mod),thành viên,khách. Các chức năng theo từng nhóm người dùng sẽ được mô tả dưới đây. 2.2.1.Khách có các chức năng sau − Chức năng tìm kiếm Chức năng này cho phép khách có thể tìm kiếm các sân bóng phù hợp và nhanh nhất.Đồng thời giúp tìm kiếm các giải đấu − Chức năng xem thông tin Chức năng này cho phép khách có thể xêm thông tin của các sân bóng và các giải đấu do các sân bóng đó tạo ra SVTH: Trần Lê Viên Ngọc GVHD: Nguyễn Thị Minh Hỷ 16 Đề tài: Xây dựng website đặt sân bóng đá mini 2.2.1.Thành viên có các chức năng sau − Chức năng đăng ký Chức năng này cho phép Thành viên có thể đăng ký tài khoản vào hệ thống để sử dụng − Chức năng tìm kiếm Chức năng này cho phép Thành viên có thể tìm kiếm sân ,tìm kiếm giải,tìm kiếm bắt đội,tìm kiếm đội bóng cần cầu thủ. − Chức năng đặt sân Chức năng này cho phép Thành viên có thể đặt sân bóng một cách nhanh nhất và chính xác nhất. − Chức năng tham giai giải Chức năng này cho phép Thành viên có thể tham giai các giải đấu phù hợ để giao lưu với các đội bóng khác. − Chức năng bắt đội Chức năng này cho phép Thành viên có thể bắt đội nào đó để cùng nhau đá bóng. − Chức năng tham gia đội bóng Chức năng này cho phép Thành viên có thể tham gia một đội bóng nào đó khi đội đó cần cầu thủ. 2.2.2. Chủ sân (mod) có các chức năng sau − Chức năng đăng nhậpđăng xuất Chức năng này cho phép mod có thể đăng nhập vào hệ thống để thực hiện các chức năng của mình và đăng xuất khỏi hệ thống khi không còn sử dụng hệ thống. − Chức năng quản lý tài khoản Chức năng này cho phép mod có thể xem và chỉnh sửa các thông tin cá nhân đăng ký trong hệ thống như Họ tên, ngày sinh, ảnh đại diện, .... Và quản lý bảo mật cá nhân thông qua việc thay đổi, cập nhật mật khẩu đăng nhập. − Chức năng quản lý sân bóng Chức năng này cho phép mod quản lý,tạo chỉnh sữa,xóa các sân bóng của mình đồng thời quản lý các sân con của mỗi sân chính. − Chức năng quản lý đặt sân: Chức năng này cho mod quản lý lịch đặt sân của các đội theo thời gian ,theo sân một cách hợp lý. − Chức năng tạo dịch vụ: Chức năng này cho phép mod tạo các dịch vụ của sân như :nước uống ,trọng tài,.... SVTH: Trần Lê Viên Ngọc GVHD: Nguyễn Thị Minh Hỷ 17 Đề tài: Xây dựng website đặt sân bóng đá mini − Chức năng tạo Giải đấu: Chức năng này cho phép mod tạo các giải đấu cho các đội bóng tham gia để quảng bá sân đồng thời tăng thu nhập cho sân.... − Chức năng gửi yêu cầu cho Admin: Chức năng này cho phép mod gửi yêu cầu cho admin ví dụ như yêu cầu admin xóa những user nào đặt sân mà không đi đá.... 2.2.4. Quản trị viên có các chức năng sau − Chức năng quản lý người dùng Chức năng này cho phép quản trị viên quản lý được tất cả người dùng, các mod đã đăng kí tồn tại trong hệ thống: Xác nhận, chỉnh sửa thông tin, xóa, khóa một tài khoản bất kì. − Chức năng quản lý sân Chức năng này cho phép quản trị viên tạo mới ra các sân bóng đồng thời có thể sữa xóa các sân bóng mình tạo. − Chức năng quản lý liên hệ Chức năng này cho phép quản trị hệ thống xử lý, trả lời các yều cầu, thắc mắc mà người dùng hệ thống gửi đến. Qua đó nhằm khắc phục khó khăn, hỗ trợ giải đáp các thắc mắc thông qua gửi email chi tiết đến email họ đã liên hệ một cách kịp thời và nhanh chóng. 2.3. SƠ ĐỒ CA SỬ DỤNG 2.3.1. Các tác nhân trong hệ thống Hệ thống có 4 tác nhân là Quản trị viên, Chủ sân(mod),Thành viên,khách: − Quản trị viên: Là người có quyền quản lý tất cả các user ,tất cả các sân như thêm sữa xóa...Quản lý tất cả các sân con của một sân nào đó. − Chủsân(Mod):Làngườitrựctiếpquảnlýsânbóngcủamình,quảnlýlịchđặtsân,tạo sân ,tạo giải,tạo dịch vụ.... − Thành viên: Là người có tài khoản trong hệ thống, có thể đặt sân và bắt đội tham giải đấu và tham gia đội bóng nào đó khi cần người. − Khách: Là người chưa có tài khoản trong hệ thống, ghé thăm tìm hiểu về hệ thống. SVTH: Trần Lê Viên Ngọc GVHD: Nguyễn Thị Minh Hỷ 18 Đề tài: Xây dựng website đặt sân bóng đá mini 2.3.2. Sơ đồ ca sử dụng tổng quát của hệ thống Hình 2.1. Sơ đồ ca sử dụng tổng quát của hệ thống SVTH: Trần Lê Viên Ngọc GVHD: Nguyễn Thị Minh Hỷ 19 Đề tài: Xây dựng website đặt sân bóng đá mini 2.3.3. Sơ đồ ca sử dụng đăng ký tài khoản của Khách Hình 2.2. Sơ đồ ca sử dụng đăng ký tài khoản của Khách 2.3.4. Sơ đồ ca sử dụng của Thành viên Hình 2.3. Sơ đồ ca sử dụng quản lý tài khoản trong hệ thống. Hình 2.4. Sơ đồ ca sử dụng quản lý bắt đội của thành viên. SVTH: Trần Lê Viên Ngọc GVHD: Nguyễn Thị Minh Hỷ 20 Đề tài: Xây dựng website đặt sân bóng đá mini Hình 2.5. Sơ đồ ca sử dụng quản lý đội bóng của thành viên. Hình 2.6. Sơ đồ ca sử dụng quản lý đặt sân của thành viên Hình 2.7. Sơ đồ ca sử dụng quản lý giải tham gia của thành viên SVTH: Trần Lê Viên Ngọc GVHD: Nguyễn Thị Minh Hỷ 21 Đề tài: Xây dựng website đặt sân bóng đá mini 2.3.5. Sơ đồ ca sử dụng của Chủ sân: Hình 2.8. Sơ đồ ca sử dụng quản lý sân Hình 2.9. Sơ đồ ca sử dụng quản lý đặt sân SVTH: Trần Lê Viên Ngọc GVHD: Nguyễn Thị Minh Hỷ 22 Đề tài: Xây dựng website đặt sân bóng đá mini Hình 2.10. Sơ đồ ca sử dụng quản lý giải đấu Hình 2.11.Sơ đồ ca sử dụng quản lý dịch vụ SVTH: Trần Lê Viên Ngọc GVHD: Nguyễn Thị Minh Hỷ 23 Đề tài: Xây dựng website đặt sân bóng đá mini 2.3.6. Sơ đồ ca sử dụng của Quản trị viên Hình 2.12. Sơ đồ ca sử dụng quản lý người dùng Hình 2.13. Sơ đồ ca sử dụng quản lý sân trong hệ thống SVTH: Trần Lê Viên Ngọc GVHD: Nguyễn Thị Minh Hỷ 24 Đề tài: Xây dựng website đặt sân bóng đá mini Hình 2.14. Sơ đồ ca sử dụng quản lý lịch đặt sân trong hệ thống. Hình 2.15.Sơ đồ ca sử dụng quản lý liên hệ SVTH: Trần Lê Viên Ngọc GVHD: Nguyễn Thị Minh Hỷ 25 2.4. ĐẶC TẢ CA SỬ DỤNG 2.4.1. Đặc tả ca sử dụng Đăng ký Đề tài: Xây dựng website đặt sân bóng đá mini Tên ca sử dụng Tác nhân Mô tả Điều kiện kích hoạt Kết quả Bảng 2.1. Đặc tả ca sử dụng đăng ký Đăng ký Khách Cho phép khách đăng ký để trở thành thành viên của hệ thống Người sử dụng truy cập hệ thống nhưng chưa có tài khoản. Chọn mục Đăng ký. Nếu các thông tin hợp lệ, thông báo đăng ký thành công.. Các bước thực hiện 1. Khách nhập các thông tin đăng ký: email, tên, và mật khẩu, xác nhận mật khẩu. 2. Bấm vào button Đăng ký. 3. Hệ thống kiểm tra dữ liệu. 4. Thông báo kết quả đăng ký. Trường hợp lỗi 1. Người dùng nhập các thông tin đăng ký không hợp lệ 2. Hệ thống kiểm tra dữ liệu nhập vào là sai. 3. Các thông tin trùng lặp, đã tồn tại trong hệ thống. 4. Thông báo lỗi ra màn hình. 2.4.2. Đặc tả ca sử dụng Đăng nhập Tên ca sử dụng Tác nhân Mô tả Điều kiện kích hoạt Kết quả Trường hợp lỗi Bảng 2.2. Đặc tả ca sử dụng đăng nhập Đăng nhập Thành viên,chủ sân, Quản trị viên Cho phép Thành viên,chủ sân, Quản trị viên đăng nhập vào hệ thống để thực hiện các chức năng của mình. Thành viên,chủ sân, Quản trị viên truy cập hệ thống nhưng chưa đăng nhập. Chọn mục Đăng nhập. Đưa đến trang chủ của hệ thống. 1. Người dùng không nhập các thông tin email và mật khẩu. Các bước thực hiện 1. Người dùng nhập các thông tin email và mật khẩu. 2. Bấm nút Đăng nhập. 3. Hệ thống kiểm tra dữ liệu nhập là đúng. 4. Đưa đến trang chủ. SVTH: Trần Lê Viên Ngọc GVHD: Nguyễn Thị Minh Hỷ 26 Đề tài: Xây dựng website đặt sân bóng đá mini 2. Hệ thống kiểm tra dữ liệu nhập email và mật khẩu sai. 3. Thông báo lỗi ra màn hình. 2.4.3. Đặc tả ca sử dụng Quản lý tài khoản Bảng 2.3: Đặc tả ca sử dụng quản lý tài khoản Quản lý tài khoản Thành viên,chủ sân, Quản trị viên Thành viên,chủ sân, Quản trị viên đăng nhập vào hệ thống. Chọn mục ProfileTài khoản cá nhân. Đưa đến trang quản lý tài khoản. Tên ca sử dụng Tác nhân Điều kiện kích hoạt Kết quả Mô tả Cho phép Thành viên,chủ sân, Quản trị viên đăng nhập vào hệ thống để quản lý tài khoản cá nhân của mình bao gồm chỉnh sửa thông tin cá nhân và mật khẩu. Các bước thực hiện 1. Người dùng nhập các thông tin cá nhân và mật khẩu muốn chỉnh sửa. 2. Bấm nút Chỉnh sửa 3. Hệ thống kiểm tra dữ liệu nhập là đúng. 4. Thực hiện cập nhật thông tin. Trường hợp lỗi 1. Người dùng nhập không chính xác các thông tin cá nhân và mật khẩu. 2. Hệ thống kiểm tra dữ liệu nhập vào là sai. 3. Thông báo lỗi ra màn hình. 2.4.4. Đặc tả ca sử dụng Tạo Sân Tên ca sử dụng Tác nhân Mô tả Điều kiện kích hoạt Các bước thực hiện Kết quả Bảng 2.4: Đặc tả ca sử dụng tạo sân Tạo sân Chủ sân, Quản trị viên. Cho phép người Chủ sân, Quản trị viên tạo ra các sân bóng. Chủ sân, Quản trị viên đăng nhập vào hệ thống. Chọn mục ADD Soccerfield nhấn vào button Thêm Tạo mới. 1. Chủ sân, Quản trị viên nhập các thông tin sân 2. Sau đó nhấn Thêm Thông báo “Tạo sân thành công”. SVTH: Trần Lê Viên Ngọc GVHD: Nguyễn Thị Minh Hỷ 27 Đề tài: Xây dựng website đặt sân bóng đá mini Trường hợp lỗi 1. Người dùng nhập các thông tin không hợp lệ 2. Hệ thống kiểm tra dữ liệu nhập vào là sai 3. Thông báo lỗi ra màn hình. 2.4.5. Đặc tả ca sử dụng Tạo sân con: Tên ca sử dụng Tác nhân Mô tả Điều kiện kích hoạt Các bước thực hiện Kết quả Bảng 2.5: Đặc tả ca sử dụng tạo sân con Tạo sân con Người quản lý,Chủ sân Cho phép người quản lý,chủ sân tạo các sân con cho các sân chính. Người quản lý,chủ sân đăng nhập vào hệ thống. 1. Người dùng nhập các thông tin sân con. 2. Sau đó chọn Thêm. Thông báo “Tạo sân con thành công”. Trường hợp lỗi 1. Quản lý,chủ sân nhập các thông tin không hợp lệ 2. Hệ thống kiểm tra dữ liệu nhập vào là sai. 3. Thông báo lỗi ra màn hình. 2.4.6. Đặc tả ca sử dụng tạo giải đấu Tên ca sử dụng Tác nhân Mô tả Điều kiện kích hoạt Các bước thực hiện Kết quả Bảng 2.6: Đặc tả ca sử dụng tạo giải đấu Tạo giải đấu Chủ sân. Cho phép chủ sân tạo giải đấu để các đội bóng chơi. Chủ sân đăng nhập vào hệ thống 1. chủ sân điền thông tin cần thiết 2. Bấm Thêm để tạo giải Đưa đến trang danh sách giải Trường hợp lỗi 1. Chủ sân nhập các thông tin không hợp lệ 2. Hệ thống kiểm tra dữ liệu nhập vào là sai. 3. Thông báo lỗi ra màn hình. SVTH: Trần Lê Viên Ngọc GVHD: Nguyễn Thị Minh Hỷ 28

CƠ SỞ LÝ THUYẾT VÀ CÔNG CỤ SỬ DỤNG
Tổng quan về PHP và Laravel framework
PHP là ngôn ngữ lập trình mã nguồn mở phía server được thiết kế để dễ dàng xây dựng các trang web động Mã PHP có thể thực thi trên server để tạo ra mã HTML và xuất ra trình duyệt web theo yêu cầu của người sử dụng PHP cho phép xây dựng ứng dụng web trên mạng internet tương tác với mọi cơ sở dữ liệu như: MySQL, Oracle,… Ngôn ngữ lập trình PHP được tối ưu hóa cho các ứng dụng web, tốc độ nhanh, nhỏ gọn, cú pháp giống C và Java, dễ học và thời gian xây dựng sản phẩm tương đối ngắn hơn so với các ngôn ngữ khác nên PHP đã nhanh chóng trở thành một ngôn ngữ lập trình phổ biến nhất thế giới
 Mô hình MVC trong PHP
MCV là từ viết tắt bởi 3 từ Model – View – Controller Đây là mô hình thiết kế sử dụng trong kỹ thuật phần mềm Mô hình source code thành 3 phần, tương ứng mỗi từ Mỗi từ tương ứng với một hoạt động tách biệt trong một mô hình
Model (M):Là bộ phận có chức năng lưu trữ toàn bộ dữ liệu của ứng dụng Bộ phận này là một cầu nối giữa 2 thành phần bên dưới là View và Controller Model thể hiện thường Model thể hiện rõ các thao tác với cơ sở dữ liệu như cho phép xem, truy xuất, xử lý dữ liệu,…
View (V):Đây là phần giao diện (theme) dành cho người sử dụng Nơi mà người dùng có thể lấy được thông tin dữ liệu của MVC thông qua các thao tác truy vấn như tìm kiếm hoặc sử dụng thông qua các website
Thông thường, các ứng dụng web sử dụng MVC View như một phần của hệ thống, nơi các thành phần HTML được tạo ra Bên cạnh đó, View cũng có chức năng ghi nhận hoạt động của người dùng để tương tác với Controller Tuy nhiên, View không có mối quan hệ trực tiếp với Controller, cũng không được lấy dữ liệu từ Controller mà chỉ hiển thị yêu cầu chuyển cho Controller mà thôi.Ví dụ: Nút “delete” được tạo bởi View khi người dùng nhấn vào nút đó sẽ có một hành động trong Controller
Controller (C):Bộ phận có nhiệm vụ xử lý các yêu cầu người dùng đưa đến thông qua view Từ đó, C đưa ra dữ liệu phù hợp với người dùng Bên cạnh đó, Controller còn có chức năng kết nối với model
Laravel là một PHP Framework mã nguồn mở và miễn phí, được phát triển bởi Taylor Otwell và nhắm mục tiêu hỗ trợ phát triển các ứng dụng web theo cấu trúc model- view- controller (MVC) Những tính năng nổi bật của Laravel bao gồm cú pháp dễ hiểu- rõ ràng, một hệ thống đóng gói Modular và quản lý gói phụ thuộc, nhiều cách khác nhau để truy cập vào các cơ sở dữ liệu quan hệ, nhiều tiện ích khác nhau hỗ trợ việc triển khai vào bảo trì ứng dụng
Vào khoảng Tháng 3 năm 2015, các lập trình viên đã có một cuộc bình chọn PHP framework phổ biến nhất, Laravel đã giành vị trí quán quân cho PHP framework phổ biến nhất năm 2015, theo sau lần lượt là Symfony2, Nette, CodeIgniter, Yii2 vào một số khác Trước đó, Tháng 8 năm 2014, Laravel đã trở thành project PHP phổ biến nhất và được theo dõi nhiều nhất trên Github
Laravel được phát hành theo giấy phép MIT, với source code được lưu trữ tại Gitthub
Hình 1.2: Cấu trúc tổ chức thư mục và file trong Laravel.
Công cụ sử dụng
- Phân tích và thiết kế UML thì tôi dùng công cụ draw.io (link truy cập trên website: https://www.draw.io/) được sử dụng Công cụ này giúp chúng ta có thể dễ dàng thao tác và sử dụng để tạo các sơ đồ ca sử dụng, sơ đồ hoạt động,…
Hình 1.3: Công cụ draw.io
- Quá trình xây dựng mã chương trình, công cụ, editor được dùng là Sublime Text 3, đặc điểm nổi bật là đơn giản, gọn nhẹ, dễ dàng cài đặt, hỗ trợ nhiều hệ điều hành cũng như nhiều ngôn ngữ lập trình khác nhau
Hình 1.4: Công cụ Sublime Text 3
PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG
KHẢO SÁT BÀI TOÁN THỰC TẾ
Ngày nay,trên đất nước chúng ta có rất nhiều sân bóng đá mini mọc lên Lý do mà nhiều sân bóng xuất hiện như vậy là do nhu cầu quá lớn của các tín đồ của môn thể thao vua muốn có một nơi để thỏa đam mê và giao lưu vui vẻ với bạn bè đồng nghiệp sau những ngày tháng lao động vất vả.Nhiều sân như vậy mọc ra sẽ giúp cho các cầu thủ có nhiều sân bóng tốt để chọn nhưng đồng thời cũng khiến các cầu thủ không biết chọn sân nào cho phù hợp nhất và vấn đề lớn nhất là đặt sân Đặt sân tuy đơn giản nhưng nó lại rất là mệt và tốn thời gian nhất là khi sân bóng mà chúng ta hay đặt hết sân phải tìm các sân bóng khác lúc đó ta phải gọi điện hỏi người này người nọ về số điện thoại của sân đó
Ngoài ra lúc chúng ta muốn tìm kiếm một giải đấu nào đó để tham gia thì cũng rất khó khăn.Còn chưa kể nếu chúng ta muốn tham gia một team nào đó thì cũng là vấn đề
Một vấn đề nữa đó là của các chủ sân, đôi khi trong quá trình quản lý việc đặt sân của các đội bị gặp vấn đề như việc đặt lộn ngày ,lộn giờ ,đặt chồng sân làm ảnh huongr đến uy tín cũng như tổn thất kinh tế cho chủ sân gay bức xúc cho người đặt sân.
PHÂN TÍCH CHỨC NĂNG
Website đặt sân bóng đá mini giúp cho người dùng tìm kiếm sân bóng ,đặt sân,bắt đội ,tìm giải,tìm đội đồng thời giúp chủ san quản lý sân bóng của mình và quản lý lịch đặt sân cũng như quảng cáo sân mình một cách hiệu quả
Hệ thống phục vụ cho 4 người dùng: Người quản trị (Admin),chủ sân (mod),thành viên,khách Các chức năng theo từng nhóm người dùng sẽ được mô tả dưới đây
2.2.1.Khách có các chức năng sau
Chức năng này cho phép khách có thể tìm kiếm các sân bóng phù hợp và nhanh nhất.Đồng thời giúp tìm kiếm các giải đấu
− Chức năng xem thông tin
Chức năng này cho phép khách có thể xêm thông tin của các sân bóng và các giải đấu do các sân bóng đó tạo ra
2.2.1.Thành viên có các chức năng sau
Chức năng này cho phép Thành viên có thể đăng ký tài khoản vào hệ thống để sử dụng
Chức năng này cho phép Thành viên có thể tìm kiếm sân ,tìm kiếm giải,tìm kiếm bắt đội,tìm kiếm đội bóng cần cầu thủ
Chức năng này cho phép Thành viên có thể đặt sân bóng một cách nhanh nhất và chính xác nhất
− Chức năng tham giai giải
Chức năng này cho phép Thành viên có thể tham giai các giải đấu phù hợ để giao lưu với các đội bóng khác
Chức năng này cho phép Thành viên có thể bắt đội nào đó để cùng nhau đá bóng
− Chức năng tham gia đội bóng
Chức năng này cho phép Thành viên có thể tham gia một đội bóng nào đó khi đội đó cần cầu thủ
2.2.2 Chủ sân (mod) có các chức năng sau
− Chức năng đăng nhập/đăng xuất
Chức năng này cho phép mod có thể đăng nhập vào hệ thống để thực hiện các chức năng của mình và đăng xuất khỏi hệ thống khi không còn sử dụng hệ thống
− Chức năng quản lý tài khoản
Chức năng này cho phép mod có thể xem và chỉnh sửa các thông tin cá nhân đăng ký trong hệ thống như Họ tên, ngày sinh, ảnh đại diện, … Và quản lý bảo mật cá nhân thông qua việc thay đổi, cập nhật mật khẩu đăng nhập
− Chức năng quản lý sân bóng
Chức năng này cho phép mod quản lý,tạo chỉnh sữa,xóa các sân bóng của mình đồng thời quản lý các sân con của mỗi sân chính
− Chức năng quản lý đặt sân:
Chức năng này cho mod quản lý lịch đặt sân của các đội theo thời gian ,theo sân một cách hợp lý
− Chức năng tạo dịch vụ:
Chức năng này cho phép mod tạo các dịch vụ của sân như :nước uống ,trọng tài,…
− Chức năng tạo Giải đấu:
Chức năng này cho phép mod tạo các giải đấu cho các đội bóng tham gia để quảng bá sân đồng thời tăng thu nhập cho sân…
− Chức năng gửi yêu cầu cho Admin:
Chức năng này cho phép mod gửi yêu cầu cho admin ví dụ như yêu cầu admin xóa những user nào đặt sân mà không đi đá…
2.2.4 Quản trị viên có các chức năng sau
− Chức năng quản lý người dùng
Chức năng này cho phép quản trị viên quản lý được tất cả người dùng, các mod đã đăng kí tồn tại trong hệ thống: Xác nhận, chỉnh sửa thông tin, xóa, khóa một tài khoản bất kì
− Chức năng quản lý sân
Chức năng này cho phép quản trị viên tạo mới ra các sân bóng đồng thời có thể sữa xóa các sân bóng mình tạo
− Chức năng quản lý liên hệ
Chức năng này cho phép quản trị hệ thống xử lý, trả lời các yều cầu, thắc mắc mà người dùng hệ thống gửi đến Qua đó nhằm khắc phục khó khăn, hỗ trợ giải đáp các thắc mắc thông qua gửi email chi tiết đến email họ đã liên hệ một cách kịp thời và nhanh chóng.
SƠ ĐỒ CA SỬ DỤNG
2.3.1 Các tác nhân trong hệ thống
Hệ thống có 4 tác nhân là Quản trị viên, Chủ sân(mod),Thành viên,khách:
− Quản trị viên: Là người có quyền quản lý tất cả các user ,tất cả các sân như thêm sữa xóa…Quản lý tất cả các sân con của một sân nào đó
− Chủ sân(Mod): Là người trực tiếp quản lý sân bóng của mình,quản lý lịch đặt sân,tạo sân ,tạo giải,tạo dịch vụ…
− Thành viên: Là người có tài khoản trong hệ thống, có thể đặt sân và bắt đội tham giải đấu và tham gia đội bóng nào đó khi cần người
− Khách: Là người chưa có tài khoản trong hệ thống, ghé thăm tìm hiểu về hệ thống
2.3.2 Sơ đồ ca sử dụng tổng quát của hệ thống
Hình 2.1 Sơ đồ ca sử dụng tổng quát của hệ thống
2.3.3 Sơ đồ ca sử dụng đăng ký tài khoản của Khách
Hình 2.2 Sơ đồ ca sử dụng đăng ký tài khoản của Khách 2.3.4 Sơ đồ ca sử dụng của Thành viên
Hình 2.3 Sơ đồ ca sử dụng quản lý tài khoản trong hệ thống
Hình 2.4 Sơ đồ ca sử dụng quản lý bắt đội của thành viên
Hình 2.5 Sơ đồ ca sử dụng quản lý đội bóng của thành viên
Hình 2.6 Sơ đồ ca sử dụng quản lý đặt sân của thành viên
2.3.5 Sơ đồ ca sử dụng của Chủ sân:
Hình 2.8 Sơ đồ ca sử dụng quản lý sân
Hình 2.9 Sơ đồ ca sử dụng quản lý đặt sân
Hình 2.10 Sơ đồ ca sử dụng quản lý giải đấu
Hình 2.11.Sơ đồ ca sử dụng quản lý dịch vụ
2.3.6 Sơ đồ ca sử dụng của Quản trị viên
Hình 2.12 Sơ đồ ca sử dụng quản lý người dùng
Hình 2.14 Sơ đồ ca sử dụng quản lý lịch đặt sân trong hệ thống
Hình 2.15.Sơ đồ ca sử dụng quản lý liên hệ
ĐẶC TẢ CA SỬ DỤNG
2.4.1 Đặc tả ca sử dụng Đăng ký
Bảng 2.1 Đặc tả ca sử dụng đăng ký
Tên ca sử dụng Đăng ký
Mô tả Cho phép khách đăng ký để trở thành thành viên của hệ thống Điều kiện kích hoạt Người sử dụng truy cập hệ thống nhưng chưa có tài khoản
1 Khách nhập các thông tin đăng ký: email, tên, và mật khẩu, xác nhận mật khẩu
2 Bấm vào button Đăng ký
3 Hệ thống kiểm tra dữ liệu
4 Thông báo kết quả đăng ký
Kết quả Nếu các thông tin hợp lệ, thông báo đăng ký thành công
1 Người dùng nhập các thông tin đăng ký không hợp lệ
2 Hệ thống kiểm tra dữ liệu nhập vào là sai
3 Các thông tin trùng lặp, đã tồn tại trong hệ thống
4 Thông báo lỗi ra màn hình
2.4.2 Đặc tả ca sử dụng Đăng nhập
Bảng 2.2 Đặc tả ca sử dụng đăng nhập
Tên ca sử dụng Đăng nhập
Tác nhân Thành viên,chủ sân, Quản trị viên
Mô tả Cho phép Thành viên,chủ sân, Quản trị viên đăng nhập vào hệ thống để thực hiện các chức năng của mình Điều kiện kích hoạt Thành viên,chủ sân, Quản trị viên truy cập hệ thống nhưng chưa đăng nhập Chọn mục Đăng nhập
1 Người dùng nhập các thông tin email và mật khẩu
3 Hệ thống kiểm tra dữ liệu nhập là đúng
Kết quả Đưa đến trang chủ của hệ thống
2 Hệ thống kiểm tra dữ liệu nhập email và mật khẩu sai
2.4.3 Đặc tả ca sử dụng Quản lý tài khoản
Bảng 2.3: Đặc tả ca sử dụng quản lý tài khoản
Tên ca sử dụng Quản lý tài khoản
Tác nhân Thành viên,chủ sân, Quản trị viên
Cho phép Thành viên,chủ sân, Quản trị viên đăng nhập vào hệ thống để quản lý tài khoản cá nhân của mình bao gồm chỉnh sửa thông tin cá nhân và mật khẩu Điều kiện kích hoạt Thành viên,chủ sân, Quản trị viên đăng nhập vào hệ thống
Chọn mục Profile/Tài khoản cá nhân
1 Người dùng nhập các thông tin cá nhân và mật khẩu muốn chỉnh sửa
3 Hệ thống kiểm tra dữ liệu nhập là đúng
4 Thực hiện cập nhật thông tin
Kết quả Đưa đến trang quản lý tài khoản
1 Người dùng nhập không chính xác các thông tin cá nhân và mật khẩu
2.4.4 Đặc tả ca sử dụng Tạo Sân
Bảng 2.4: Đặc tả ca sử dụng tạo sân
Tên ca sử dụng Tạo sân
Tác nhân Chủ sân, Quản trị viên
Mô tả Cho phép người Chủ sân, Quản trị viên tạo ra các sân bóng Điều kiện kích hoạt Chủ sân, Quản trị viên đăng nhập vào hệ thống
Chọn mục ADD Soccerfield nhấn vào button Thêm/ Tạo mới
Các bước thực hiện 1 Chủ sân, Quản trị viên nhập các thông tin sân
Kết quả Thông báo “Tạo sân thành công”
1 Người dùng nhập các thông tin không hợp lệ
2.4.5 Đặc tả ca sử dụng Tạo sân con:
Bảng 2.5: Đặc tả ca sử dụng tạo sân con
Tên ca sử dụng Tạo sân con
Tác nhân Người quản lý,Chủ sân
Mô tả Cho phép người quản lý,chủ sân tạo các sân con cho các sân chính Điều kiện kích hoạt Người quản lý,chủ sân đăng nhập vào hệ thống
Các bước thực hiện 1 Người dùng nhập các thông tin sân con
Kết quả Thông báo “Tạo sân con thành công”
1 Quản lý,chủ sân nhập các thông tin không hợp lệ
2.4.6 Đặc tả ca sử dụng tạo giải đấu
Bảng 2.6: Đặc tả ca sử dụng tạo giải đấu
Tên ca sử dụng Tạo giải đấu
Mô tả Cho phép chủ sân tạo giải đấu để các đội bóng chơi Điều kiện kích hoạt Chủ sân đăng nhập vào hệ thống
Các bước thực hiện 1 chủ sân điền thông tin cần thiết
2 Bấm Thêm để tạo giải
Kết quả Đưa đến trang danh sách giải
1 Chủ sân nhập các thông tin không hợp lệ
2.4.6 Đặc tả ca sử dụng tạo dịch vụ
Bảng 2.7: Đặc tả ca sử dụng tạo dịch vụ
Tên ca sử dụng Tạo Dịch vụ
Mô tả Cho phép chủ sân tạo dịch vụ cho sân của mình như
:nước,bóng vv Điều kiện kích hoạt Chủ sân đăng nhập vào hệ thống
Các bước thực hiện 1 chủ sân điền thông tin cần thiết
2 Bấm Thêm để tạo giải
Kết quả Đưa đến trang danh sách giải
1 Chủ sân nhập các thông tin không hợp lệ
2.4.6 Đặc tả ca sử dụng bắt đội
Bảng 2.8: Đặc tả ca sử dụng tạọ bắt đội
Tên ca sử dụng Bắt đội
Mô tả Cho phép Thành viên bắt đội vs đội bóng khác để cùng tham gia trận bóng Điều kiện kích hoạt Thành viên đăng nhập vào hệ thống
2 Chờ đội bóng khác gửi yêu cầu tham gia 3.Chấp nhận yêu cầu của các đội bóng khác
Kết quả Nếu bắt đội thành công sẽ xuất ra thông báo
1 Thành viên nhập các thông tin không hợp lệ
2.4.7 Đặc tả ca sử dụng Quản lý lịch đặt sân
Bảng 2.9: Đặc tả ca sử dụng quản lý lịch đặt sân
Tên ca sử dụng Quản lý lịch đặt sân
Mô tả Cho phép Chủ sân quản lý lịch đặt sân của người đặt sân Điều kiện kích hoạt Chủ sân đăng nhập vào hệ thống
1.Chủ sân chọn danh sách đặt sân để xem tấc cả các yêu cầu đặt sân
2.có thể bấm vào nút Delete để xóa yêu cầu đặt sân
3.Có thể chỉnh sữa yêu cầu đặt sân
Kết quả Đưa đến trang danh sách yêu cầu đặt sân
Trường hợp lỗi 1 Lỗi khi không có dữ liệu để hiển thị
2.4.8 Đặc tả ca sử dụng Quản lý người dùng
Bảng 2.10: Đặc tả ca sử dụng quản lý người dùng
Tên ca sử dụng Quản lý người dùng
Tác nhân Người quản trị viên
Mô tả Cho phép người quản trị viên quản lý được toàn bộ thông tin về các thành viên, người dùng trong hệ thống Điều kiện kích hoạt Người quản trị viên đăng nhập vào hệ thống
Chọn mục Users/Người dùng ở thanh sidebar
1 Người chọn mục Users để xem toàn bộ danh sách các tài khoản trong hệ thống
2 Chọn vào từng người dùng để thực hiện các thay đổi
3 Quản trị viên có thể xóa một tài khoản bất kỳ
3 Lưu lại thông tin đã chỉnh sửa
Kết quả Đưa đến trang danh sách người dùng
Trường hợp lỗi 1 Lỗi do không có dữ liệu để hiển thị
2.4.9 Đặc tả ca sử dụng đặt sân
Bảng 2.11: Đặc tả ca sử dụng đặt sân
Tên ca sử dụng Đặt sân
Tác nhân Người đặt sân
Mô tả Cho phép người đặt sân đặt sân mình muốn Điều kiện kích hoạt Người đặt sân đăng nhập vào hệ thống
1.Tìm kiếm sân muốn đặt
2 Nhập thời gian muốn đặt
3 Bấm vào nút Đặt Sân để đặt
Kết quả Đưa đến trang kết quả đặt sân
2.4.10 Đặc tả ca sử dụng Quản lý liên hệ
Bảng 2.12: Đặc tả ca sử dụng quản lý liên hệ
Tên ca sử dụng Quản lý liên hệ
Tác nhân Người quản trị viên
Mô tả Cho phép người quản trị viên quản lý tất cả liên hệ, thắc mắc yêu cầu từ Chủ sân, Người đặt sân gửi đến cho hệ thống Điều kiện kích hoạt Người quản trị viên đăng nhập vào hệ thống
Kết quả Xử lý các liên hệ
2 Thông báo lỗi ra màn hình.
SƠ ĐỒ HOẠT ĐỘNG
2.5.1 Sơ đồ hoạt động của thành viên
Hình 2.16: Sơ đồ hoạt động các chức năng của thành viên
2.5.2 Sơ đồ hoạt động của chủ sân
Hình 2.17: Sơ đồ hoạt động các chức năng của chủ sân
2.5.3 Sơ đồ hoạt động của quản trị viên
Hình 2.18: Sơ đồ hoạt động các chức năng của quản trị viên
KIẾN TRÚC HỆ THỐNG
Đây là ứng dụng có sự tương tác trên môi trường web và hệ thống sẽ được xây dựng theo mô hình client-server Trong đó server nắm vai trò chính trong xử lý logic nghiệp vụ và quản trị cơ sở dữ liệu, phía clients có trình duyệt web.
Hình 2.19: Sơ đồ kiến trúc hệ thống
Nhờ vào kiến trúc như vậy, chúng ta có thể triển khai môi trường client trên nhiều nền tảng khác nhau, các xử lý liên quan đến nghiệp vụ tập trung, dễ dàng nâng cấp hoặc thay đổi.
SƠ ĐỒ LỚP
Class Diagram là một loại sơ đồ cấu trúc tĩnh mô tả cấu trúc của hệ thống bằng cách hiển thị các lớp của hệ thống, thuộc tính, hoạt động của chúng và mối quan hệ giữa các đối tượng Sơ đồ lớp là khối xây dựng chính của mô hình hướng đối tượng Class là thành phần chính của bản vẽ Class Diagram Class mô tả về một nhóm đối tượng có cùng tính chất, hành động trong hệ thống Class được mô tả gồm tên Class, thuộc tính và phsương thức
Class Name: là tên của lớp
Attributes (thuộc tính): mô tả tính chất của các đối tượng
Method (Phương thức): chỉ các hành động mà đối tượng này có thể thực hiện trong hệ thống Nó thể hiện hành vi của các đối tượng do lớp này tạo ra
Hình 2.20: Sơ đồ lớp đặt sân bóng
THIẾT KẾ CƠ SỞ DỮ LIỆU
2.8.1 Mô hình thiết kế cơ sở dữ liệu
Cơ sở dữ liệu của hệ thống sẽ gồm các bảng sau:
 User: là bảng dữ liệu người dùng, chứa thông tin của người dùng trong hệ thống
 Roles: là bảng dữ liệu phân quyền, chứa quyền người dùng truy cập
 Booking: là bảng dữ liệu lịch đặt sân,chứa thông tin đặt sân
 Category: là bảng dữ liệu loại sân, chứa thông tin loại sân
 Comments: là bảng dữ liệu bình luận, chứa thông tin bình luận của các user
 Districts: là bảng dữ liệu các huyện, chứa danh sách các huyện của nước ta
 Provices: là bảng dữ liệu các tỉnh, chứa danh sách các tỉnh của nước ta
 Jointeams: là bảng dữ liệu join vào đội bóng, chứa thông tin của 1 user khi tham gia vào đội bóng
 Leagues: là bảng dữ liệu giải đấu, chứa thông tin các giải đấu
 Levels: là bảng dữ liệu trình độ, chứa danh sách các trình độ của đội bóng
 Matchs: là bảng dữ liệu các trận đấu,chứa thông tin của trận đấu
 Soccerfield: là bảng dữ liệu sân bóng chính, chứa thông tin của sân bóng chính
 Mini_soccerfields: là bảng dữ liệu của sân bóng con,chứa thông tin của sân bóng con
 Pairing: là bảng dữ liệu bắt đội,chứa thông tin bắt đội
 Services: là bảng dữ liệu dịch vụ,chứa thông tin của các dịch vụ
 Teams: là bảng dữ liệu đội, chứa thông tin các đội
 Teamsofleagues: là bảng dữ liệu đội của giải, chứa danh sách các đội tham gia giải nào đó
 Tableprices: là bảng dữ liệu giá của sân, chứa thông tin giá của sân theo giờ và theo loại sân
Mối quan hệ giữa các bảng dữ liệu được thể hiện dưới đây:
Hình 2.21: Sơ đồ quan hệ cơ sở dữ liệu
2.8.2 Chi tiết các bảng dữ liệu
Bảng 2.13: Bảng dữ liệu user
Tên cột Kiểu dữ liệu Độ dài tối đa Ghi chú Giải Thích
Khóa chính của bảng username Varchar 255 Tên người dùng email Varchar 255 Duy nhất Email password Varchar 255 Mật khẩu
Khóa ngoại, liên kết với bảng role
Mã phân quyền fullname Varchar 255 Tên đầy đủ avatar Varchar 255 Ảnh đại diện address Varchar 255 Địa chỉ phone Varchar 255 Số điện thoại email_verified_at Timestamp
Rememer_token Varchar 100 created_at Date Ngày tạo updated_at Date Ngày chỉnh sửa
Bảng 2.14: Bảng dữ liệu roles
Tên cột Kiểu dữ liệu Độ dài tối đa Ghi chú Giải Thích
Khóa chính của bảng name Varchar 255 Tên quyền created_at Date Ngày tạo updated_at Date Ngày chỉnh sửa
Bảng 2.15: Bảng dữ liệu category category
Tên cột Kiểu dữ liệu Độ dài tối đa Ghi chú Giải thích
Khóa chính của bảng name Varchar 255
Tên loại sân created_at Date Ngày tạo updated_at Date
Bảng 2.16: Bảng dữ liệu districts district
Khóa chính của bảng name Varchar 255 Tên quận/huyện prefix Varchar 255
Khóa ngoại liên kết với provices
Mã tỉnh thành phố created_at Date Ngày tạo updated_at Date Ngày chỉnh sửa
Bảng 2.17: Bảng dữ liệu provices provices
Khóa chính của bảng name Varchar 255
Tên tỉnh /thành phố code Varchar 255
Viết tắt của tỉnh thành phố created_at Date Ngày tạo updated_at Date Ngày chỉnh sửa
Bảng 2.18: Bảng dữ liệu teams teams
Khóa chính của bảng name Varchar 255 Tên sân chính address Varchar 255 Địa chỉ phone Varchar 255 Số điện thoại id_user Int 10
Khóa ngoại liên kết với bảng Users
Mã user email Varchar 255 Email description Text 255 Miêu tả img Varchar 255 url status boolean 1 Trạng thái created_at Date Ngày tạo updated_at Date Ngày chỉnh sửa
Bảng 2.19: Bảng dữ liệu jointeams jointeams
Id Int 10 Khóa chính, duy nhất
Id_team Int 10 Khóa ngoại liên kết với bảng teams
Id_user Int 10 Khóa ngoại liên kết với bảng Users
Mã thành viên accept boolean 1 Tình trạng created_at Date Ngày tạo updated_at Date Ngày chỉnh sửa
Bảng 2.20: Bảng dữ liệu leagues leagues
Khóa ngoại liên kết với bảng soccerfields
Mã sân name Varchar 255 Tên giải time Varchar 255 Thời gian diễn ra giải description Text Mô tả status Boolean 1 Trạng tháu created_at Date Ngày tạo updated_at Date Ngày chỉnh sửa
Bảng 2.21: Bảng dữ liệu levels levels
Khóa chính của bảng level Varchar 255 Tên trình độ created_at Date Ngày tạo updated_at Date Ngày chỉnh sửa
Bảng 2.22: Bảng dữ liệu matchs matchs
Id Int 10 Khóa chính Khóa chính của bảng id_team Int 10
Khóa ngoại liên kết với bảng Teams
Mã đội bóng time Varchar 255
Thời gian trận đấu diễn ra address Varchar 255 Địa chỉ cụ thể soccerfield Varchar 255 Tên sân bóng level Varchar 255 Trình độ keo Varchar 255 Kèo trả tiền sân content Varchar 255 Nội dung status boolean 1 Trạng thái created_at Date Ngày tạo updated_at Date Ngày chỉnh sửa
Bảng 2.23: Bảng dữ liệu mini_soccerfields
Khóa chính của bảng name Varchar 255 Tên sân con id_soccerfield Int 10
Khóa ngoại liên kết với bảng Soccerfields
Mã sân id_category Int 10
Khóa ngoại liên kết với bảng Category
Mã loại sân price double (8,2)
Giá thuê sân mặc định description Text Mô tả img Varchar 255 Đường dẫn img created_at Date Ngày tạo updated_at Date Ngày chỉnh sửa
Bảng 2.24: Bảng dữ liệu soccerfields soccerfields
Khóa chính của bảng name Varchar 255 Tên sân chính address Varchar 255 Địa chỉ phone Varchar 255 Số điện thoại id_user Int 10
Mã user email Varchar 255 Email description Text Miêu tả img Varchar 255 Ảnh created_at Date Ngày tạo
Bảng 2.25: Bảng dữ liệu tableprices tableprices
Khóa chính của bảng id_soccerfield Int 10
Mã sân chính id_category Int 10
Khóa ngoại liên kết với bảng Category
Mã loại sân firsttime Varchar 255 Giờ đầu seccondtime Varchar 255 Giờ cuối price double (8,2) Giá created_at Date Ngày tạo updated_at Date Ngày chỉnh sửa
Bảng 2.26: Bảng dữ liệu Booking
Khóa chính, duy nhất Khóa chính của bảng id_user Int 10
Mã user id_soccerfield Int 10
Khóa ngoại liên kết với bảng soccerfields
Mã sân chính id_mini_soccerfield Int 10
Khóa ngoại liên kết với bảng mini_soccerfields
Mã sân con status Varchar 255 Mã trạng thái time_book Varchar 255 Thời gian đặt sân price Decimal (10,0) Giá sân created_at Date Ngày tạo updated_at Date Ngày chỉnh sửa
Bảng 2.27: Bảng dữ liệu services services
Khóa chính của bảng name Varchar 255 Tên dịch vụ id_soccerfield Int 10
Mã sân chính unit Varchar 255 Đơn vị price double (8,2) Giá description Varchar 255 Mô tả created_at Date Ngày tạo updated_at Date Ngày chỉnh sửa
Bảng 2.28: Bảng dữ liệu Pairings
Khóa chính của bảng id_matchs Int 10
Khóa ngoại liên kết với bảng matchs
Mã trận id_team Int 10
Khóa ngoại liên kết với bảng Teams
Mã đội phone Varchar 255 Số điện thoại status boolean 1 Trạng thái created_at Date Ngày tạo updated_at Date Ngày chỉnh sửa
Bảng 2.29: Bảng dữ liệu teamsofleague teamsofleague
Khóa chính của bảng id_league Int 255
Khóa ngoại liên kết với bảng Leagues
Mã giải id_user Int 10
Mã user phone Varchar 255 Số điện thoại teamname Varchar 255 Tên đội address Varchar 255 Địa chỉ accept boolean 1 Trạng thái created_at Date Ngày tạo updated_at Date Ngày chỉnh sửa
Bảng 2.30: Bảng dữ liệu comments comments
Khóa chính của bảng id_soccerfield Int 10
Mã sân chính id_user Int 10
Mã user content Varchar 255 Nội dung created_at Date Ngày tạo updated_at Date Ngày chỉnh sửa
TRIỂN KHAI VÀ CHẠY THỬ NGHIỆM
MÔI TRƯỜNG TRIỂN KHAI
Trong quy trình phát triển phần mềm chuyên nghiệp, việc quản lý các phiên bản và lưu trữ mã nguồn là rất quan trọng hỗ trợ đắc lực cho lập trình viên Trong để tài này em đã sử Submit Text 3
Sublime Text 3 (ST3) là phiên bản mới nhất của chương trình soạn thảo văn bản được sử dụng nhiều nhất bởi web developers, coders, và programmers Nó sẵn có cho Mac, Windows, Linux và cho phép tải về và sử dụng miễn phí Trong bài viết này chúng ta sẽ cùng nhau tìm hiểu về hướng dẫn sử dụng Sublime Text 3 cho web developer, phím tắt hữu ích và hơn thế nữa
Hình 3.1 Công cụ submit Text 3 3.1.2 Môi trường cài đặt
 Back-end được xây dựng bằng ngôn ngữ php sử dụng thư viện Laravel
Hình 3.2 Ngôn ngữ back-end sử dụng
 Front-end là web application được sử dụng HTML, CSS, JavaScript
Hình 3.3 Ngôn ngữ font-end sử dụng
 Hệ quản trị cơ sở dữ liệu là phpMyAdmin
Hình 3.4 hệ quản trị cở sở dữ liệu
XAMPP là chương trình tạo web server được ứng dụng trên các hệ điều hành Linux, MacOS, Windows, Cross-platform, Solaris Ý nghĩa chữ viết tắt XAMPP là gì? XAMPP hoạt động dựa trên sự tích hợp của 5 phần mềm chính là Cross-
Platform (X), Apache (A), MariaDB (M), PHP (P) và Perl (P), nên tên gọi
XAMPP cũng là viết tắt từ chữ cái đầu của 5 phần mềm này Ưu điểm lớn nhất của XAMPP là không phải trả phí bản quyền và sử dụng mã nguồn mở, bên cạnh đó cấu hình của web server này tương đối đơn giản, gọn nhẹ nên được sử dụng ngày càng phổ biến hiện nay

Tiêu đề	Xây Dựng Website Đặt Sân Bóng Đá Mini
Tác giả	Trần Lê Viên Ngọc
Người hướng dẫn	THS. Nguyễn Thị Minh Hỷ
Trường học	Đại Học Đà Nẵng
Chuyên ngành	Công Nghệ Thông Tin
Thể loại	Đồ Án Tốt Nghiệp
Năm xuất bản	2019
Thành phố	Đà Nẵng

Định dạng
Số trang	132
Dung lượng	7,06 MB