Phát triển website tin tức thể thao

LỜI CAM ĐOAN
Em xin cam đoan toàn bộ nội dung đồ án tốt nghiệp do em tự tìm hiểu, nghiên cứu
trên Internet, sách và các tài liệu trong và ngoài nước có liên quan. Không sao chép hay sử
dụng bài làm của bất kì ai khác, mọi tài liệu đều được trích dẫn cụ thể.
Em xin chịu hoàn toàn trách nhiệm về lời cam đoan của mình trước quý thầy cô,
khoa và nhà trường.
Hà Nội, ngày 06 tháng 06 năm 2016
Người cam đoan

Vũ Quang Huy


MỤC LỤC


DANH MỤC HÌNH VẼ
STT
1
2
3
4
5
6
7
8
9
10
11
12
13
14

15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42

TÊN HÌNH VẼ, BIỂU ĐỒ

Hình 2.1. Biểu đồ ca sử dụng Tổng quát
Hình 2.2. Biểu đồ ca sử dụng admin
Hình 2.3. Biểu đồ ca sử dụng Quản lý User
Hình 2.4. Biểu đồ ca sử dụng Quản lý Loại Tin.
Hình 2.5. Biểu đồ tuần tự Thêm User
Hình 2.6. Biểu đồ tuần tự Cập nhật User
Hình 2.7. Biểu đồ tuần tự Xóa User
Hình 2.8. Biểu đồ tuần tự Thêm Thể loại
Hình 2.9. Biểu đồ tuần tự Xóa Thể loại
Hình 2.10. Biểu đồ tuần tự Thêm Loại tin
Hình 2.11. Biểu đồ tuần tự Cập nhật Loại tin
Hình 2.12. Biểu đồ tuần tự Xóa Loại tin
Hình 2.13. Biểu đồ tuần tự Thêm Tin tức
Hình 2.14. Biểu đồ tuần tự Cập nhật Tin tức
Hình 2.15. Biểu đồ tuần tự Xóa Tin tức
Hình 2.16. Biểu đồ tuần tự Đăng ký thành viên.
Hình 2.17. Biểu đồ tuần tự Đăng nhập
Hình 2.18. Biểu đồ tuần tự Tìm kiếm Tin.
Hình 2.19. Biểu đồ tuần tự Bình Chọn
Hình 2.20. Biểu đồ tuần tự Ý kiến cho tin tức.
Hình 2.21. Biểu đồ tuần tự Đăng bài
Hình 2.22. Sơ đồ quan hệ dữ liệu website tin tức thể thao
Hình 3.1. Giao diện trang chủ của website
Hình 3.2. Giao diện trang tin tức mới cập nhật
Hình 3.3. Giao diện trang điểm tin thể thao
Hình 3.4. Giao diện trang thể thao và đời sống
Hình 3.5. Giao diện trang đăng ký thành viên
Hình 3.6. Giao diện trang thư viện – hình ảnh
Hình 3.7. Giao diện trang quản trị website
Hình 3.8. Giao diện trang quản lý slide show

Hình 3.9. Giao diện trang thêm mới slide show
Hình 3.10. Giao diện trang sửa thông tin slide show
Hình 3.11. Thông báo về việc xóa slide show
Hình 3.12. Giao diện trang quản lý menu
Hình 3.13. Giao diện trang Chỉnh sửa menu
Hình 3.14. Giao diện trang Quản lý tin tức
Hình 3.15. Giao diện trang thêm tin tức mới
Hình 3.16. Giao diện trang Chỉnh sửa tin tức
Hình 3.17. Giao diện trang quản lý Thư viện – Hình Ảnh
Hình 3.18. Giao diện trang Chỉnh sửa Thư viên – Hình ảnh
Hình 3.19. Giao diện trang quản lý tài khoản
Hình 3.20. Giao diện trang Chỉnh sửa thông tin tài khoản


DANH MỤC BẢNG BIỂU
STT
1
2
3
4
5
6
7
8
9
10
11

TÊN BẢNG BIỂU
Bảng 2.3.1. Bảng danh sách người quản trị của website

Bảng 2.3.2. Bảng danh sách người dùng của website
Bảng 2.3.3. Bảng phân loại bài viết
Bảng 2.3.4. Bảng thống kê nhận xét của người dùng
Bảng 2.3.5. Bảng danh sách thư viện – hình ảnh
Bảng 2.3.6. Bảng giới thiệu trò chơi
Bảng 2.3.7. Bảng danh sách các menu của website
Bảng 2.3.8. Bảng chi tiết bài viết
Bảng 2.3.9. Bảng đánh giá bài viết của người dùng
Bảng 2.3.10. Bảng Slide show của website
Bảng 2.3.11. Bảng nội dung bài viết của website


DANH MỤC TỪ VIẾT TẮT
Từ khóa
CSDL
SVM

Tiếng Anh
Support Vector Machine

Tiếng Việt
Cơ sở dữ liệu
Máy véc tơ tựa


DANH SÁCH KÍ HIỆU
Actor

Use case
Entity

Control

Boundary

Association
Generalization
Include use case
Extend use case


LỜI CẢM ƠN

Sau thời gian tìm hiểu đề tài “Phát triển website tin tức thể thao ”, em đã hoàn
thành tiến độ dự kiến. Để đạt được kết quả này, em đã nỗ lực thực hiện và đồng thời cũng
nhận được rất nhiều sự giúp đỡ, quan tâm của thầy cô, bạn bè và gia đình.
Em xin chân thành cảm ơn cán bộ hướng dẫn: Ts. Hoàng Văn Thông đã tận tình
giúp đỡ em hoàn thành đồ án này. Em xin chân thành cảm ơn các thầy cô và ban lãnh đạo
trường Đại học Tài Nguyên và Môi Trường Hà Nội đã nhiệt tình giảng dạy và truyền đạt
kiến thức quý báu và bổ ích trong suốt quá trình em học tập tại trường.
Vì thời gian có hạn nên không thể tránh khỏi thiếu sót, em rất mong được sự đóng
góp ý kiến từ thầy cô và các bạn để có thể giúp hoàn thiện đề tài. Em xin chân thành cảm
ơn!
Hà Nội, tháng 06 năm 2016
Sinh viên thực hiện

Vũ Quang Huy


8

9

MỞ ĐẦU
Thể thao là tất cả các loại hình hoạt động thể chất và trò chơi có
tính cạnh tranh, với mục đích sử dụng, duy trì và cải thiện các kĩ năng và năng
lực thể chất, đem lại niềm vui, hứng khởi cho những người tham gia và
sự giải trí cho người xem. Thông thường cuộc thi đấu hay trò chơi diễn ra
giữa hai bên, mỗi bên cố gắng để vượt qua đối phương.
Một số môn thể thao cho phép có tỉ số hòa; một số môn khác áp dụng
các phương thức phá vỡ thế cân bằng, để đảm bảo có một bên thắng và một
bên thua. Nhiều trận thi đấu đối kháng như vậy có thể được sắp xếp thành
một giải đấu để chọn ra nhà vô địch. Nhiều giải thể thao tổ chức các mùa giải
thể thao định kỳ để chọn nhà vô địch, đôi khi phải phân định bằng một hay
nhiều trận play-off. Ngày nay có hàng trăm môn thể thao được tổ chức, từ
những môn được tranh tài giữa các cá nhân, cho tới những môn có hàng trăm
người tham gia cùng một lúc.
Nhìn chung người ta coi thể thao là các hoạt động dựa trên sức mạnh
hay sự khéo léo thể chất. Các đại hộ thể thao lớn nhưThế vận hội cũng chỉ áp
dụng các môn thể thao đáp ứng tiêu chí này, và các tổ chức như Ủy hội châu
Âu cũng loại các hoạt động không chứa yếu tố thể chất khỏi danh mục các
môn thể thao.
Tuy vậy một số hoạt động có tính đối kháng phi thể chất vẫn được coi là
các môn thể thao trí tuệ. Ủy ban Olympic quốc tế (thông qua ARISF) công
nhận cờ vua và bridge là các môn thể thao thiện ý, trong khi SportAccord
cũng công nhận năm môn thể thao phi thể chất, mặc dù giới hạn số môn thể
thao trí tuệ.[1]
Các môn thể thao được quy định bởi một hệ thống quy tắc hay tục
lệ nhằm đảm bảo sự công bằng và cho phép đánh giá kết quả một cách chính

xác. Chiến thắng có thể được quyết định bằng hành động như ghi các bàn


10

thắng hay vượt qua vạch đích trước. Kết quả cũng có thể được xác định bởi
các giám khảo, những người chấm điểm phần thể hiện bài thi thể thao dựa
trên những đánh giá khách quan hoặc chủ quan.
Thành tích thi đấu thường được lưu lại và có thể được công bố rộng rãi
trên các bản tin thể thao. Thể thao cũng là nơi người không tham gia thi đấu
tìm kiếm sự giải trí khi các môn thể thao có khán giả thu hút lượng lớn người
tham gia tới các địa điểm tổ chức thể thao, và một lượng lớn hơn thông qua
các kênh phát sóng. Cá cược thể thao cũng được quy định hết sức nghiêm
ngặt, và đôi khi là trung tâm của cuộc thể thao.
Với sự bùng nổ thông tin trên internet, vai trò của các trang thông tin điện tử trực
tuyến càng trở nên quan trọng. Khác với báo chí truyền thông có giới hạn thời gian cập
nhật tin tức, các tờ báo trực tuyến đã cung cấp được sự tiện lợi trong việc cập nhật và phát
hành thông tin. Về phía người dùng, họ có thể xem thông tin mọi lúc mọi nơi. Về phía
những người cung cấp thông tin, các nhà báo, họ có thể dễ dàng cập nhật những tin tức
mới nhất, thời sự nhất. Do đó việc sử dụng các trang thông tin trực tuyến luôn là điều cần
thiết hiện nay nhằm đáp ứng nhu cầu cập nhật thông tin của mỗi người.
Tin tức là những việc đã xãy ra dù tốt dù xấu, để giúp con người biết những chuyện
xung quanh và trên Thế giới.Ngày nay nhờ thông tin truyền thông nhanh,cho nên bất cứ
chuyện gì vừa xãy ra ở đâu trên thế giới thì ta đều có thể biết ngay, nhờ đó mà có thể học
được nhiều cái hay cũng như tránh được những chuyện xấu xảy ra, như các trận sóng Thần,
bão táp, núi lửa sắp đến, các chất độc hại trong thức ăn.... giúp con người biết trước mà
tránh khỏi các nguy hiểm sắp đến.
Tin tức vô cùng quan trọng nó cho người ta tri thức và là cơ sở để người ta tiến hành
mọi việc lớn nhỏ. Khi có Internet, tin tức càng quan trọng vì tốc độ lan truyền nhanh ảnh
hưởng ngay tức thì trên diện rộng.

•

Lý do chọn đề tài:
Xuất phát từ yêu cầu thực tế, đang rất cần có nhưng nghiên cứu về vấn đề này.
Chính vì vậy em đã chọn đề tài thiết kế website tin tức thể thao làm đồ án tốt nghiệp với
mong muốn phần nào áp dụng vào bài toán thực tế. Bài toán đã đặt ra phải giải quyết được
những yêu cầu sau:
- Ứng dụng Codeigniter Framework xây dựng website tin tức trên mô hình MVC.


11
Với những yêu cầu đã đặt ra ở trên, cấu trúc của báo cáo sẽ bao gồm những nội dung
sau đây:




-

Tên đề tài: “Phát triển website tin tức thể thao”.
Đối tượng nghiên cứu:
Codeigniter Framework
Các website tin tức đã có và nhu cầu người xem.
Phạm vi nghiên cứu: Tin tức về thể thao.
Phương pháp nghiên cứu:
+ Phương pháp khảo sát áp dụng:
Tài liệu.
Khảo sát theo các biểu mẫu, checklist phản hồi.
+ Phương pháp phân tích, tổng hợp: Mục đích để chứng minh từng luận điểm của đề
tài có tính thuyết phục hơn.

12

CHƯƠNG 1: TỔNG QUAN VỀ
CODEIGNITER FRAMEWORK
VÀ GIỚI THIỆU WEBSITE
Chương này giới thiệu khái quát về framework và tại sao lại chọn nó xây dựng
website tin tức thể thao, giới thiệu về website và các chức năng chính cần hướng đến.

1.1. Giới thiệu chung về Codeigniter Framework
Codeigniter Framework (viết tắt là CI) là một trong những PHP framework được
xem là phổ biến và dễ dàng tiếp cận nhất so với các PHP framework hiện hành và phổ biến
như Zend Framework, Cake PHP Framework,Yii Framework,…Tuy là một framework dễ
tiếp cận, nhưng CI củng có đầy đủ sức mạnh như các framework phổ biến khác và được
xem là một PHP framework nhanh nhất hiện nay.

1.2. Tại sao phải sử dụng Codeigniter ?
Codeigniter có các ưu điểm nổi bật hơn so với các framework khác như
 Cực kỳ nhỏ gọn: gói cài đặt CI mới nhất hiện nay (version 2.1.3) khoản 2,3MB dung
lượng để tải về và miễn phí hoàn toàn 100% .
 Tốc độ nhanh: CI sử dụng cơ chế lưu nội dung trang web vào bộ nhớ đệm (cache), kiểm
tra bộ đệm trước khi thực hiện các yêu cầu từ người dùng. CI có thể giảm số lượt truy cập
và xữ lý dữ liệu, tối ưu hóa tốc độ tải trang đến mức tối đa có thể .
 Hệ thống thư viện phong phú: CI cung cấp các thư viện phục vụ cho những tác vụ thường
gặp nhất trong lập trình web, chẳng hạn như truy xuất cơ sở dữ liệu, gửi email, kiểm tra dữ
liệu, quản lý session, xử lý ảnh,…đến những chức năng nâng cao như XML-RPC, mã hóa,
bảo mật,…

13





Bảo mật hệ thống: cơ chế kiểm tra dữ liệu chặt chẽ, ngăn ngừa XSS
và SQL Injection của CI giúp giảm thiểu các nguy cơ bảo mật cho hệ thống.
Tối ưu hóa SEO: cấu trúc Url của CI rất thân thiện với các công cụ tìm kiếm, tốt cho SEO.
Thiết kế theo mô hình M-V-C: giúp cho việc thiết kế, nâng cấp bảo trì mã nguồn một cách
dễ dàng vì thành phần hiển thị và thành phần xử lý dữ liệu được tách biệt thành các phần
độc lập .
Tuy Codeigniter Framework có khá nhiều ưu điểm nhưng bên cạnh đó củng có một

số khuyết điểm như :
 Chưa hỗ trợ Object Relational Mapping: Object Relational Mapping (ORM) là một kỹ
thuật lập trình, trong đó các bảng của cơ sở dữ liệu được ánh xạ thành các đối tượng
trong chương trình. Kỹ thuật này giúp cho việc thực hiện các thao tác trong cơ sở dữ liệu
(Create Read Update Delete - CRUD) một cách dễ dàng, mã nguồn trở nên ngắn gọn hơn.
Hiện tại thì CI vẫn chưa hỗ trợ ORM.
 Chưa hỗ trợ AJAX: Hiện tại, CI vẫn chưa có thư viện dựng sẵn nào để hỗ trợ xây dựng
ứng dụng AJAX ở các phiên bản cũ. Lập trình viên phải sử dụng các thư viện bên ngoài,
như jQuery, Script.aculo.us, Prototype hay Mootools,…
 Chưa hỗ trợ một số module thông dụng: So sánh với framework khác, CI không có các
module thực thi một số tác vụ thường gặp trong quá trình xây dựng ứng dụng web như
Chứng thực người dùng (User Authorization),trình phân tích RSS ( RSS Parser ) hay trình
xử lý PDF,…
 Chưa hỗ trợ Event Driven Progamming: Event-Driven Programming (EDP) là một nguyên lý
lập trình, trong đó các luồng xử lý của hệ thống sẽ dựa vào các sự kiện, chẳng hạn như
click chuột, gõ bàn phím không phải là một khuyết điểm to lớn của CI vì hiện tại, chỉ

có một số ít framework hỗ trợ EDP, bao gồm Prado, QPHP và Yii .

1.3. Giới thiệu chung về website tin tức thể thao
Trong sự phát triển nhanh như vũ bão của xã hội công nghệ thông tin hiện nay, số
lượng thông tin ngày càng nhiều và trở nên quá tải đối với tất cả chúng ta khiến cho việc
tìm kiếm trở nên khó khăn và sự chính xác của thông tin củng bị ảnh hưởng rất nhiều.
Trong khi đó, nhu cầu cập nhật, giải trí và tìm kiếm thông tin của xã hội ngày càng cao –
đặc biệt là đối với thông tin giải trí về thể thao, đòi hòi phải có sự chính xác, nhanh chóng
và kịp thời của những thông tin củng là điều tất yếu và cần thiết nhất .
Chính vì nguyên nhân đã nêu trên, em xin chọn đề tài nghiên cứu “Phát triển
Website Tin Tức thể thao Trên Nền Tảng Codeigniter Framework”, nhằm mục đích góp
một phần công sức nhỏ bé của mình trong việc chọn lọc và cập nhật các thông tin giải trí
chính xác và nhanh chóng, giúp cho việc tìm kiếm và cập nhật thông tin của những người
có nhu cầu về lĩnh vực tin tức giải trí về thể thao không còn gặp khó khăn nữa .


14


15

CHƯƠNG 2: KHẢO SÁT VÀ PHÂN TÍCH
THIẾT KẾ WEBSITE
2.1. Khảo sát yêu cầu website
2.1.1. Yêu cầu chức năng
2.1.1.1 Các chức năng của người dùng (user)
Người dùng khi truy cập vào website có thể thực hiện được các chức năng do
website cung cấp như sau:
 Xem tin tức: các tin tức hay và có chọn lọc về thể thao được đăng tải trên website và được
chia thành nhiều chuyên mục để người dùng có thể xem tùy theo nhu cầu của mổi người,

gồm: “mới cập nhật”, “điểm tin thể thao”, “thể thao và đời sống”. Bên cạnh đó, ngoài việc
xem tin tức thì website còn có chuyên mục “thư viện & hình ảnh” giúp cho người dùng có
thể thư giản sau những giờ làm việc căng thẳng .
 Bình luận cho một tin tức: khi người dùng click vào tin tức mà họ muốn xem, bên cạnh
nội dung chi tiết của tin tức. thì ở phía dưới của mỗi tin đều có phần bình luận để người
dùng có thể nói lên suy nghĩ của mình về tin tức đó. Chức năng này sẽ hiệu lực khi người
dùng đã đăng nhập thành công vào website.
 Đăng ký thành viên: người dùng có thể đăng ký là thành viên của website bằng các thông
tin cá nhân như: tên đăng nhập, mật khẩu, địa chỉ e-mail,...Các thông tin mà người dùng
cung cấp sẽ được lưu trữ vào cơ sở dữ liệu và được bảo mật tuyệt đối.
 Đăng nhập vào website: khi đã hoàn tất quá trình đăng ký thành viên thì người dùng sẽ có
một tài khoản để đăng nhập của riêng mình.
2.1.1.2 Các chức năng của người quản trị (administrator)
Người quản trị khi đăng nhập vào website có thể thực hiện được các chức năng sau:


16
 Quản trị nội dung của slide-show trang chủ: người quản trị có thể thêm, xóa, sửa nội dung
của slide-show ở trang chủ.
 Quản trị nội dung của menu website: người quản trị có thể thêm, xóa, sửa nội dung của
thanh menu mà trang web hiện có.
 Quản trị nội dung của tin tức: người quản trị có thể thêm, xóa, sửa nội dung của các tin
tức theo từng loại tin tương ứng.
 Quản trị nội dung của thư viện hình ảnh: người quản trị có thể thêm, xóa, sửa nội dung
của từng bộ sưu tập trong chuyên mục “Thư Viện - Hình Ảnh”.
 Quản trị tài khoản của user: người quản trị có thể thêm, xóa, sửa thông tin tài khoản của
user, hoặc có thể phân quyền cho user đó trở thành administrator hay user thường.
 Quản trị nội dung của flash thể thao: người quản trị có thể thêm, xóa, sửa nội dung của
từng flash thể thao ở chuyên mục “Flash Thể thao Hay”.
2.1.2. Yêu cầu phi chức năng

 - Yêu cầu sản phẩm: Website tin tức thể thao viết bằng ngôn ngữ CI Framework
và được cài đặt trên localhost của máy.
 - Yêu cầu tổ chức: Các quá trình xây dựng hệ thống và dữ liệu phải tuân thủ theo
các quy tắc có sẵn, không được bỏ qua một bước dù chỉ nhỏ nhất.
 - Yêu cầu ngoài: Website phải mang tính bảo mật cao, không được để lộ thông tin
của khách hàng.






2.2. Phân tích thiết kế website
2.2.1. Biểu đồ ca sử dụng tổng quát
 2.2.1.1. Phần Public





 Xem Tin Doi Thông Tin Dang Bai

 <<include>> <<include>>

 Tim Kiem Tin




17






Y Kien




















Binh
Chon



















Dang Ky

User

BanDoc



ThanhVien,Ad
min

Dang Nhap













Hình 2.1. Biểu đồ ca sử dụng Public

<<include>>





Dang Xuat






18

 2.2.1.2. Phần Admin





 Quan Ly
 Quan Ly The Loai Quan Ly Loai Tin
User







 Quan Ly Tin


<<include>> <<include>> <<include>> <<include>>



 Dang Nhap 







 Admin





<




<<include>

 <<include>> >
 <<include>>
>>



 Dang Xuat Quan Ly Binh Chon Quan Ly Phuong An Quan Ly Quang Cao






Hình 2.2. Biểu đồ ca sử dụng Admin









Xem Danh Sach

Dang Nhap










<<extend>>

<<include>>
<<extend>>

Them User
<<extend>>



Admin




Quan Ly User














Xóa User
<<extend>>

Cap Nhat User





Hình 2.3. Biểu đồ ca sử dụng Quản lý User


19








Xem Danh Sach





Dang Nhap








< <include>>
























Admin



<<extend>>



<<extend>>





Them Loai

Tin

Quan Ly Loai Tin






<<extend>>











Xóa Loai Tin

<<extend>>

Cap Nhat Loai Tin



Hình 2.4. Biểu đồ ca sử dụng Quản

lý Loại Tin


20





 <<extend>>

Nhap






Dang



< <include>>








 <<extend>>






Them Loai Tin




 <<extend>>




Quan Ly Loai Tin




 Admin 



Xem Danh Sach





Xóa Loai Tin




<<extend>>







Cap Nhat Loai

Tin






Hình 2.4. Biểu đồ ca sử dụng Quản lý Loại Tin


21
2.2.2. Biểu đồ tuần tự
 2.2.2.1 Quản lý User
 a. Biểu đồ tuần tự Thêm User












Hình 2.5. Biểu đồ tuần tự Thêm User

 b. Biểu đồ tuần tự Cập nhật User














Hình 2.6. Biểu đồ tuần tự Cập nhật User



 c. Biểu đồ tuần tự Xóa User






22








Hình 2.7. Biểu đồ tuần tự Xóa User

 2.2.2.2 Quản lý Thể Loại
 a. Biểu đồ tuần tự Thêm Thể Loại















Hình 2.8. Biểu đồ tuần tự Thêm Thể loại

 b. Biểu đồ tuần tự xóa Thể loại










23





Hình 2.9. Biểu đồ tuần tự Xóa Thể loại

 2.2.2.3 Quản lý Loại Tin
 a. Biểu đồ tuần tự Thêm Loại tin















Hình 2.10. Biểu đồ tuần tự Thêm Loại tin

 b. Biểu đồ tuần tự Cập nhật Loại tin
















Hình 2.11. Biểu đồ tuần tự Cập nhật Loại tin

 c. Biểu đồ tuần tự Xóa Loại tin


24
















Hình 2.12. Biểu đồ tuần tự Xóa Loại tin

 2.2.2.4 Quản lý Tin Tức
 a. Biểu đồ tuần tự Thêm Tin














Hình 2.13. Biểu đồ tuần tự Thêm Tin tức

 b. Biểu đồ tuần tự Cập nhật Tin





25







 Hình 2.14. Biểu đồ tuần tự Cập nhật Tin tức
 c. Biểu đồ tuần tự Xóa Tin













Hình 2.15. Biểu đồ tuần tự Xóa Tin tức

 2.2.2.5 Đăng Ký thành viên












