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

Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (7.06 MB, 132 trang )

ĐẠ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, 12/2019

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
.......................................................................................................................................................
.......................................................................................................................................................
.......................................................................................................................................................
.......................................................................................................................................................
.......................................................................................................................................................
.......................................................................................................................................................
.......................................................................................................................................................
.......................................................................................................................................................
.......................................................................................................................................................
.......................................................................................................................................................
.......................................................................................................................................................

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

Ý kiến khác: .........................................................................................................................................................................
.......................................................................................................................................................................................................

Kết luận:

 Đạt yêu cầu

 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

Chủ tịch Hội đồng

Cán bộ duyệt kiểm tra

(Ký và ghi họ tên)

(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
TRƯỜNG ĐẠI HỌC BÁCH KHOA
KHOA CÔNG NGHỆ THƠNG TIN

CỘNG HỊA XÃ HƠI CHỦ NGHĨA VIỆT NAM

Độc lập - Tự do - Hạnh phúc

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ài thuộc diện: ☐ Có ký kết thỏa thuận sở hữu trí tuệ đối với kết quả thực hiện
3. Các số liệu và dữ liệu ban đầu:
Khơng có.
4. Nội dung các phần thuyết minh và tính toá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ác bản vẽ, đồ thị ( ghi rõ các loại và kích thước bản vẽ ):
Khơng có.
6. Họ tên người hướng dẫn: THS. NGUYỄN THỊ MINH HỶ
7. Ngày giao nhiệm vụ đồ án:
……../……./ 2019
8. Ngày hoàn thành đồ án:
……../……./ 2019
Đà Nẵng, ngày
Trưởng Bộ môn ……………………..

tháng 12 năm 2019

Người hướng dẫ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ể hồ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
đã ln ở 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 q 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.
Một lần nữa em xin chân thành cảm ơn!
Trần Lê Viên Ngọc

SVTH: Trần Lê Viên Ngọc

GVHD: Nguyễn Thị Minh Hỷ

1

Đề tài: Xây dựng website đặt sân bóng đá mini

CAM ĐOAN
Em xin 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ƯƠNG 2: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG .................................................... 16
2.1.

KHẢO SÁT BÀI TOÁN THỰC TẾ ...................................................................... 16

2.1.1.
2.2.

Tổng quan hiện trạng ...................................................................................... 16

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.
2.5.

Đặc tả ca sử dụng Quản lý liên hệ ............................................................. 31

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

Đề tài: Xây dựng website đặt sân bóng đá mini

DANH SÁCH CÁC HÌNH VẼ
Hình 1.1. Mơ hình MVC
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ữ back-end sử dụng
Hình 3.3. Ngơn ngữ font-end 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ừ

Viết tắt của

Diễn giải

DB

Database

Cơ sở dữ liệu

MVC

Model-View-Controller

Mơ hình - Giao diện - Bộ điều
khiển

HTTP

Hypertext Transfer Protocol

Giao thức truyền tải siêu văn bản

UI

User Interface

Giao diện người dùng

HTML

HyperText Markup Language

Ngôn ngữ đánh dấu siêu văn bản

CSS

Cascading Style Sheets

Điều khiển cách hiện thị nội dung
trang web

SEO

Search Engine Optimization

Tối ưu hóa cơng cụ tìm kiếm

DOM

Document Object Model

Mơ hình đối tượng tài liệu

W3C

World Wide Web Consutirum

JSX

JavaScript XML

SVTH: Trần Lê Viên Ngọc

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
Một loại cú pháp mở rộng dành
cho ngôn ngữ JavaScript viết
theo kiểu XML

GVHD: Nguyễn Thị Minh Hỷ

8

Đề tài: Xây dựng website đặt sân bóng đá mini

GIỚI THIỆU
1. Lý do chọn đề tài
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.Ngồ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. Ngồ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 tố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 (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 Berners-Lee, 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ụ <html>) và thường là sẽ được khai báo thành một cặp, bao gồm thẻ mở và thẻ
đóng (ví <strong> dụ </strong> 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ụ <strong>Đây là chữ in đậm</strong>).
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ẻ <img>).
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ổ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
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 modelview- 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

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

Tài liệu liên quan

Tài liệu bạn tìm kiếm đã sẵn sàng tải về