report final

Nội dung chức năng - Bên thuê sân - Khi người dùng tìm kiếm theo tên sân thì sẽ thực hiện truy vấn đến bảng fields theo cột name - Người dùng nhập tên muốn tìmkiếm - Trả về kết quà trùng

TRƯỜNG CAO ĐẲNG THỰC HÀNH FPT POLYTECHNIC

KHOA CÔNG NGHỆ THÔNG TIN

BÁO CÁO DỰ ÁN TỐT NGHIỆP

Khóa : 2015 – 2017

Hà Nội, ngày 20 tháng 6 năm 2017

M c L c ục Lục ục Lục

GIẢI THÍCH THUẬT NGỮ 2

LỜI MỞ ĐẦU 3

NHẬN XÉT 4

PHẦN 1: GIỚI THIỆU TỔNG QUÁT 6

I Giới thiệu đề tài 6

1 Khảo sát – xây dựng ý tưởng 6

2 Mục đích dự án 8

1 Chức năng hệ thống 9

I Phân tích nội dung 12

II Phân tích hệ thống 18

1 Sơ đồ hệ thống 18

PHẦN 3: THIẾT KẾ 56

1 Giao diện người dùng 56

2 Giao diện quản trị 65

PHẦN 4 : THIẾT KẾ DATABASE 67

1 Cơ sở dữ Liệu (EDR) 67

2 Table Users 68

3 Table Stadiums 69

4 Table Comments 70

5 Table Schedule 70

PHẦN 5 : UPLOAD WEBSITE LÊN HOST 74

1 Sử dụng web hosting để upload website 74

PHẦN 6 – TỔNG KẾT 76

1 Thời gian phát triển dự án 76

2 Mức độ hoàn thành dự án 76

3 Những khó khăn, rủi ro khi gặp phải và cách giải quyết 76

4 Những bài học rút ra trong quá trình làm dự án 76

Báo cáo dự án 2cáo dự án 2 |website tìm, quản lý sân bóng

GIẢI THÍCH THUẬT NGỮ

Xampp Xampp là chương trình tạo máy chủ Web (Web Server) được tích

hợp sẵn Apache, PHP, MySQL, FTP Server, Mail Server và các công cụ như phpMyAdmin

Mysql MySQL là một chương trình dùng để quản lý hệ thống cơ sở dữ

liệu (CSDL)

Dev Developer – Lập trình viên

Bootstrap Bootstrap là Front-end framework, là một bộ sưu tập miễn phí

các công cụ để tạo ra các trang web và các ứng dụng web

Jquery JQuery chính là một thư viện kiểu mới của Javascript giúp đơn

giản hóa cách viết Javascript và tăng tốc độ xử lý các sự kiện trên trang web

CNTT Công nghệ thông tin

Báo cáo dự án 2cáo dự án 2 |website tìm, quản lý sân bóng

LỜI MỞ ĐẦU

Chúng ta đang sống trong một thời đại mới, thời đại phát triển rực rỡ của CNTT.Thời đại kỹ thuật số cho phép chúng ta dễ dàng thu thập, chia sẻ thông tin và hànhđộng theo phương thức hoàn toàn mới, Sự phát triển vượt bậc và không ngừng củacông nghệ thông tin và internet giúp chúng ta tiết kiệm đáng kể thời gian tiền bạccũng như công sức

CNTT đến với từng người dân, từng người quản lý, nhà khoa học ….Không cólĩnh vực nào, không có nơi nào không có mặt của CNTT

Hệ thống quản lý và tìm sân bóng đá là một trong những ứng dụng như vậy.

Đáp ứng nhu rèn luyện thể thao trực tiếp là nhu cầu đá bóng ngày một phát triểnmạnh mẽ Để giải quyết vấn đề quản lý cũng như tìm đặt sân bóng một cách nhanhnhất, chuyên nghiệp nhất

Nhóm chúng em quyết định thiết kế lại Hệ thống quản lý và tìm sân bóng đá.

Áp dụng công nghệ web mới, tương tác với người dùng một cách thân thiện, dễ dàng.Tốc độ và bảo mật được nâng cấp nhờ vào kĩ thuật và công nghệ web tiên tiến hiệnnay Giúp bổ sung website về lĩnh vực này cũng như thay thế website hoạt động kémhiệu quả Góp phần mang lại lợi ích cho người sử dụng, tiếp kiệm chi phi, tăng doanhthu kinh doanh

Là một dự án khá ở lĩnh vực khá mới, trong quá phát triển dự án cũng như quátrình chạy thực tế có thể sẽ gặp phải nhưng lỗi phát sinh Nhóm em rất mong nhậnđược ý kiến, đánh giá của thầy, cô để sản phẩm được hoàn thiện hơn trong tương lai

Chúng em xin chân thành cảm ơn thầy Trần Hữu Thiện đã nhiệt tình chỉ dẫn,

giải đáp thắc mắc khó khăn, đưa ra hướng giải quyết cho nhóm chúng em

Báo cáo dự án 2cáo dự án 2 |website tìm, quản lý sân bóng

NHẬN XÉT

(dành cho giảng viên hướng dẫn)

NHẬN XÉT

(dành cho hội đồng phản biện)

PHẦN 1: GIỚI THIỆU TỔNG QUÁT

I Giới thiệu đề tài

1 Khảo sát – xây dựng ý tưởng

Khảo sát thực tế tại khu vực Hà Nội (3000 người ; n = Số người)

- Thói quen đá bóng (n=941)

- Nhóm đá bóng thường xuyên tại các sân bóng mini cỏ nhân tạo (n=834)

- Nhóm không đá bóng thường xuyên tại các sân bóng mini cỏ nhân tạo (n=107)

Hình 1.1.1 : Bảng thống kê khảo sát nhu cầu thể thao và nhu cầu chơi bóng ở khu vực Hà

Nội.

Nguồn : http://xahoithongtin.com.vn

- Trong vài năm trở lại đây hàng loạt các sân bóng cỏ nhân tạo phát triển

- Có hơn 130 (đơn vị sân) cụm sân đá bóng nhân tạo ở Hà Nội

35.56%

35.56%

15.56%

13.33%

Các sân bóng cỏ nhân tạo ở Hà Nội

Chưa sử dụng hệ thống website Sử dụng hệ website cũ

sử dụng hệ thống website không được tối ưu Sử dụng phương thức khác

Hình 1.1.2 : Số trường chưa có Hệ thống quản lý và tìm sân bóng.

Qua khảo sát các sân bóng nhân tại Hà Nội cho thấy: các hệ thống website cũ hoạt động kém hiệu quả, thiếu tính năng, và số phần trăm (%) website mới thiên vềquản lý sân mà thiếu đi tính năng tìm kiếm, đặt sân Việc hệ thống thống quản lý không tốt gây ra nhiều vấn đề như lãng phí sức lực và tiền của

Nguồn : http://xahoithongtin.com.vn

Thời gian

Tiền Bạc

Sức Lực 0%

Hình 1.1.3 : Bảng so sánh lợi ích giữa việc có và không có Hệ thống quản lý và tìm sân bóng

Qua biểu đồ ta có thể thấy được lợi ích từ Hệ thống quản lý và tìm sân bóng

quan trọng Từ những kết luận đó, nhóm chúng em quyết định đưa ra ý tưởng

xây dựng Hệ thống quản lý và tìm sân bóng đá để đáp ứng nhu cầu hiện tại và

thực hiện mục tiêu đưa CNTT vào đời sống thể thao

Nguồn : http://xahoithongtin.com.vn

2 Mục đích dự án

- Dự án đặt sân online này nhằm mang lại cho khách hàng và chủ sân 1 dịch vụ

đặt sân đúng trực tuyến đúng nghĩa

- Liên kết Bền vững giữa chủ sân và đơn vị website Tạo sự bền vững cho ngành

kinh doanh đặt sân Đảm bảo tính hiệu quả, gia tăng doanh thu

- Liên kết, tạo môi trường thuật lợi để cá nhân tổ chức, những người đam mê thể

thao kết nôi với nhau nhanh chóng

3 Đối tượng dự án

- Các đơn vị sân bóng thêm mới phương thức tiếp cận, quản lý khách hàng

- Cộng đồng đá bóng phủi

II Chức năng hệ thống

2 Yêu cầu giao diện

- Giao diện đơn giản, dễ sử dụng

- Giao diện phải phù hợp với nội dung là Hệ thống quản lý học sinh sinh viên

- Không được quá nhiều màu

- Người dùng chuyển hướng dễ dàng, dễ truy cập

3 Yêu cầu tốc độ

- Tốc độ truy cập nhanh, không bị gián đoạn

- Tối ưu hóa tốc độ truy vấn cơ sở dữ liệu

III Sơ đồ làm việc nhóm

Hình 1.3.1 : sơ đồ làm việc nhóm

IV Công cụ

Hình 1.4.1 : Công Cụ

V Công Nghệ

Hình 1.5.1 : Công Nghệ

PHẦN 2: PHÂN TÍCH NỘI DUNG, THIẾT KẾ HỆ THỐNG

I Phân tích nội dung

1 Nội dung chức năng

- Bên thuê sân

- Khi người dùng tìm kiếm theo tên sân thì sẽ thực hiện truy vấn đến bảng fields theo cột name

- Người dùng nhập tên muốn tìmkiếm

- Trả về kết quà trùng với dữ liệu người dùng nhập vào

- Khi tìm theo vị tríđịa lý

- Thực hiện truy vấn đến bảng schedule để lấy id của những sân đã được đặt

Sau đó thực hiện truy vấn đến bảng fields và field_detail với điều kiện field_detail.id không nằm trong danh sách id đã lấy và fields.district_id = với

dữ liệu người dùng gửi lên

-Người dùngnhập vị trí sân bóng muốn tìm

- Trả về kết quả của sân bóng người dùng muốn tìm kiếm

- Khi theo thời gian

- Thực hiện truy vấn đến bảng schedule để lấy id của những sân đã được đặt trong thời gian

- Người dùng chọn thời gian muốn đặt sân

- Trả về danh sách các san còn trống trong

đấy Sau đó lấy danh sách những sân từ bảng field_detail có id không

có danh sách đã lấy bêntrên

khoảng thời gian người dùng chọn

2 Đặt sân

- Khi người dùng chọn đặt sân

-Kiểm tra xem họ đăng nhập chưa

- Gửi dữ liệu vào bảng schedule

- Khi người dùng đã đăng nhập bấm đặt sân

- Gửi dữ liệuvào bảng schedule Sau đó quản

lý sân sẽ confirm và tạo tracking code, báo về phía người dùng qua sms

- Khi người dùng chọn đặt sân

-Kiểm tra xem họ đăng nhập chưa

- Khi người dùng chưa đăng nhập bấm đặt sân

- Hiện thông báo với 2 lựachọn

1 : đăng nhập

2 : số điện thoại chủ sân

3 Đăngnhập

- Khi người dùng bấm đăngnhập

- Lấy dữ liệu người dùng nhập và so sánh với bảng user

- Chỉ dành cho người dùng đã có tài khoản

- Người dùng nhâp tài khỏa cá nhân

- Nếu có tài khỏan thì hiển thị ra “ đăng

nhậpthành công”

- Không có tài khoản hiển thị “ đăng nhập không thành công”

4 Đăngký

- Khi người dùng bấm đăngký

- Lấy dữ liệu người dùng nhập lưu vào bảnguser

- Người dùng nhập

dữ liệu cá nhân vào from

- Nhập đầy

đủ thông tin trong from thì hiển thị

ra “Đăng ký thành công”

- Chưa điền

đủ thì hiện rathông báo yêu cầu nhậpđầy đủ thôngtin

5 Đánhgiá

- Khi người dùng bấm vào mức độ đánh giá

- Lấy tổng số điểm đánhgiá chia cho số lần đánhgiá

- Người dùng tích vào sao để đnah giá

- Hiển thị ra kêt quả thao tác của người dùng đánh giá

- Kiểm tra xem người dùng đã đăng nhập hay chưa

- Khi người dùng chưa đăng nhập bấm vào tìm đối

- Sẽ không

có quyền đăng tin tìm đối Hiện thông báo đăng nhập

- Khi người dùng click vào tìm đối

- Kiểm tra xem người dùng đã đăng nhập hay chưa

- Khi người dùng đăng nhập bấm vào tìm đối

- Hiện ra form đăng tin tìm đối

để người dùng nhập

dữ liệu và insert vào bảng fc_list

7 Tra cứu

sân đã

- Khi người

- Truy vấn đến bảng Schedule qua trường

- Người dùng nhập

- Trả về kêt quả trùng

dùng nhập mã đặt sân

người dùng nhập vào

- Thêm dữ liệu bảng schedule

-Nhập dữ liệu - Hiển thị dữ

liệu vừa thêmvào

- Xóa lịch đấu

- Xóa dữ liệu lịch đấu quá id

- Thực hiện hành động xóa

- Hiển thị dữ liệu sau khi thực hiện thao tác xóa

- Truy vấn đến bảng field_detail qua trường id

- Nhập dữ liệu

- Thực hiện hành động xóa

- Hiển thị dữ liệu sau khi thực hiện thêm và xóa

- Cập nhật thông tin sân

- Truy vấn đến bảng fields qua trường id

- Nhập dữ liệu cần câp nhật

- Hiển thị dữ liệu sau khi

đã câp nhật

nhập

- Khi người dùng bấm đăng nhập

- Lấy dữ liệu người dùng nhập và so sánhvới bảng user

- Chỉ dành cho người dùng đã có tài khoản

- Người dùngnhâp tài khỏa

cá nhân

- Nếu có tài khỏan thì hiển thị ra “ đăng

nhậpthành công”

- Không có tài khoản

hiển thị “ đăng nhập không thành công”

4 Đăngký

- Khi người dùng bấm đăng ký

- Lấy dữ liệu người dùng nhập lưu vào bảng user

- Người dùngnhập dữ liệu

cá nhân vào from

- Nhập đầy

đủ thông tin trong from thì hiển thị ra

“Đăng ký thành công”

- Chưa điền

đủ thì hiện ra thông báo yêu cầu nhập đầy đủ thông tin

- Tạo tracking code

và update vào bảng schedule Sau đó sẽ xóa những yêu cầu đặt sân đang chờ xử

- Truy cập vào bảng user

- Mở mục user

- Hiển thị danh sách trong bả user

- Thay đổi trạng thái user

- Truy cập vào bảng user với trường id và thay

- Thực hiện thay đổi

- Hiển thị trang thái đã được thay

đổi trường status đổi

2 commentQuản lý

- Xóa comment

- Truy vấn đến bảng comment quatrường id thực hiệnxóa

- Thực hiện thao tác xóa

- Hiển thị lạidanh sách các commentsau khi xóa

5 Quản lýkhu vực

- Thêm, sửa, xóa khu vực

- Truy vấn vào bảng district bằng trường id và thực hiện query delete

or update, insert

- Thực hiện thao tác thêm , sửa xóa

- Trả về kết qua sau khi thực hiện cácthao tác trên

II Phân tích hệ thống

1 Sơ đồ hệ thống

Hình 2.2.1 : Use case

2 Mô tả chi tiết hệ thông

Đăng nhập tài khoản

Hình 2.2.2 : Use Case – Đăng Nhập

Hình 2.2.3 : Mokup – Đăng Nhập

Hình 2.2.4 : Flowchart - Đăng Nhập

Hình 2.2.5 : Sequence Diagram - Đăng Nhập

 Đăng xuất tài khoản

Hình 2.2.6 : Use Case – Đăng Xuất

Hình 2.2.7 : Mockup – Đăng Xuất

Hình 2.2.8 :Flowchart - Đăng xuất

Hình 2.2.9 : Sequence Diagram - Đăng xuất

Đăng ký

Hình 2.2.10 : Use Case- Đăng Ký

Hình 2.2.11 : Mockup - Đăng Ký

Hình 2.2.12 : Flowchart – Đăng Ký

Hình 2.2.13 : Sequence Diagram – Đăng Ký

 Tra cứu mã đặt sân

Hình 2.2.14 :Use Case – Tra Cứu Mã Đặt Sân

Hình 2.2.14 :Mockup – Tra Cứu Mã Đặt Sân

Hình 2.2.15 : Sequence Diagram – Tra Cứu Mã Đặt Sân

Hình 2.2.16 : Flowchart – Tran Cứu Mã Đặt Sân

 Tìm Sân bóng

Hình 2.2.17 :Use Case – Tìm Sân Bóng

Hình 2.2.18 :Mockup– Tìm Sân Bóng

Hình 2.2.19 :Mockup– Kết QuảTìm Sân Bóng

Hình 2.2.19 : Flowchart - Tìm sân bóng

Hình 2.2.20 : Sequence Diagram - Tìm sân bóng

 Đặt sân

Hình 2.2.21 : Use Case – Đặt Sân

Hình 2.2.22 :Mockup – Đặt Sân

Hình 2.2.23 :Flowchart - Đặt sân bóng

Hình 2.2.24 : Sequence Diagram - Đặt sân

Đánh giá

Hình 2.2.25 : Use Case - Đánh Giá

Hình 2.2.26 : Flowchart - Đánh giá

Hình 2.2.27 : Sequence Diagram - Đánh giá

 Quản lý lịch thi đâu

Hình 2.2.28 : Use Case – Lịch Thi đấu

Hình 2.2.29 :Flowchart – Lịch Thi Đấu

Hình 2.2.30: Sequence Diagram - Quản lý lịch thi đấu

 Quản lý sân bóng

Hình 2.2.31: Use Case – Quản Lý Sân Bóng

Hình 2.2.32: Mockup – Chi tiết sân bóng

Hình 2.2.33: Mockup –Danh Sách Sân Bóng

Hình 2.2.34 :Flowchart - Quản lý sân bóng

Hình 2.2.35 : Sequence Diagram - Quản lý sân bóng

 Quản lý đặt sân

Hình 2.2.36 :Use Case- Quản Lý Đặt Sân

Hình 2.2.37 :Flowchart - Quản lý Đặt Sân

Hình 2.2.38 : Sequence Diagram - Quản lý Đặt Sân

 Đăng tin tìm đối

Hình 2.2.39 :Use Case – Đăng Tin Tìm Đối

Hình 2.2.40 :Mockup – Đăng Tin Tìm Đối

Hình 2.2.41 : Flowchart - Đăng tin tìm đối

Hình 2.2.42 : Sequence Diagram – Đăng Tin Tìm Đối

 Quản lý User

Hình 2.2.43: Use Case – Quản Lý User

Hình 2.2.44: Mockup – Quản Lý User

Hình 2.2.45 : Sequence Diagram – Quản Lý User

Hình 2.2.46 :Flowchart – Quản Lý User

 Quản lý khu vực

Hình 2.2.47 : Use Case – Quản Lý Khu Vực

Hình 2.2.48 :Mockup – Quản Lý Khu Vực

Hình 2.2.49 : Flowchart – Quản Lý Khu Vực

Hình 2.2.50 : Sequence Diagram – Quản Lý Khu Vực

 Quản lý comment

Hình 2.2.51 :Use Case – Quản Lý Comment

Hình 2.2.52 :Flowchart – Quản Lý Comment

Hình 2.2.53 : Sequence Diagram – Quản Lý Comment

PHẦN 3: THIẾT KẾ

1 Giao diện người dùng

Hình 3.1.1 : Phác thảo photoshop giao diện trang chủ

Hình 3.1.2 : Phác thảo photoshop giao diện đăng nhập

Hình 3.1.3 : Phác thảo photoshop giao diện Danh sách sân bóng

Hình 3.1.4 : Phác thảo photoshop giao diện Danh sách tìm kiếm sân bóng

Hình 3.1.5 : Phác thảo photoshop giao diện tìm kiếm sân bóng

Hình 3.1.6 : Phác thảo photoshop giao diện chi tiết sân bóng

Hình 3.1.7 : Phác thảo photoshop giao diện trang đăng ký

Hình 3.1.8 : Phác thảo photoshop giao diện trang tìm đối

Hình 3.1.9 : Phác thảo photoshop giao diện trang giới thiệu

2 Giao diện quản trị

Hình 3.2.1 : Phác thảo photoshop giao diện trang login

Hình 3.2.2 : Phác thảo photoshop giao diện trang User

Hình 3.2.3 : Phác thảo photoshop giao diện trang quản lý khu vực

PHẦN 4 : THIẾT KẾ DATABASE

1. Cơ sở dữ Liệu (EDR)

Hình 4.1 : Sơ đồ ý tưởng hệ thống

9 Table Pricing

Column name Type Description Properties

PHẦN 5 : UPLOAD WEBSITE LÊN HOST

1 Sử dụng web hosting để upload website.

- Truy cập www.hostinger.vn

Hình 5.1.1 Trang file manager

Hình 5.1.2 Công cụ Upload lên Host bằng Filemanager

Hình 5.1.3 Trang chủ chạy trên Host

PHẦN 6 – TỔNG KẾT

1 Thời gian phát triển dự án

Tổng kết thời gian phát triển dự án: từ ngày 15/06/2017 đến …

Lên ý tưởng: Kết thúc lên ý tưởng 20/06/2017

 Thiết kế chức năng hoàn thành:…

 Cài đặt và chạy thành công trực tuyến:…

 Khó khăn: Giai đoạn đầu khi lập nhóm còn có những ý kiến trái

chiều, không chung ý tưởng và phân công công việc chưa đồng đều

 Giải quyết: Nhóm đã họp tại nhà bạn Phạm Việt Anh và thống

nhất ý tưởng phù hợp Các thành viên tự nhận công việc phù hợp với khả năng của mình và cả nhóm sẽ họp lại tại nhà Phạm Việt Anh 2 lần 1 tuần đềlàm việc nhóm

 Khó khăn: Do thành viên nhóm có học lực ở mức trung bình-khá nên khả

năng code vẫn còn kém

 Giải quyết: Chúng em đã lên mạng tìm tòi cũng như xem những video

trên mạng để code các chức năng trong website

4 Những bài học rút ra trong quá trình làm dự án

 Làm việc nhóm

 Trong quá trình làm dự án với nhau Nhóm đã rút ra được rất nhiều kinh nghiệm để hoạt động nhóm một cách hiệu quả:

 Chủ động lăng nghe: Lắng nghe những ý kiến của các thành viên

trong nhóm để bổ sung, hoàn thiện những thiếu sót của bản thân