đồ án tốt nghiệp thiết kế và xây dựng website tin tức thể thao

Trường CĐ Công Nghệ Hà Nội Lớp : CNTT1 – K2
CAO ĐẲNG CÔNG NGHỆ HÀ NỘI
KHOA CÔNG NGHỆ THÔNG TIN

Đề tài: Thiết kế và xây dựng một website tin tức thể thao

Giáo viên hướng dẫn : PHẠM CÔNG CẢNH
Sinh viên thực hiện : TRẦN ĐÌNH DŨNG
DOÃN VĂN HẬU
PHAN CÔNG ĐỨC
VŨ VIỆT HÙNG
Lớp : CNTT1_K2
1
Hà Nội, Ngày 11/ 01/
2011
Trường CĐ Công Nghệ Hà Nội Lớp : CNTT1 – K2
PHỤ LỤC XÂY DỰNG WEBSITE
I. Khái quát chung về website……………………………… 3
1. Mục đích xây dựng website…………………………………………3
2. Kỹ thuật xây dựng website………………………………………….4
3. Yêu cầu cần đạt được……………………………………………… 8
II. Cấu trúc website………………………………………………………… 9
1. Chức năng của các Module………………………………………….9
III. Tiến độ & chi phí thực hiện…………………………………………….14
1. Tiến độ thực hiện………………………………………………… 14
2. Khả năng thực hiện và kết quả ….……………………………… 14
I. KHÁI QUÁT CHUNG VỀ WEBSITE
2
Trường CĐ Công Nghệ Hà Nội Lớp : CNTT1 – K2
1/. Mục đích xây dựng Website
Ngày nay, ứng dụng CNTT và việc tin học hóa được xem là một trong những yếu

tố mang tính quyết định trong hoạt động của các chính phủ, tổ chức, cũng như của các
công ty, nó đóng vai trò hết sức quan trọng, có thể tạo ra những bước đột phá mạnh mẽ.
Cùng với sự phát triển không ngừng về kỹ thuật máy tính và mạng điện tử, CNTT
cũng được những công nghệ có đẳng cấp cao và lần lượt chinh phục hết đỉnh cao này đến
đỉnh cao khác. Mạng Internet là một trong những sản phẩm có giá trị hết sức lớn lao và
ngày càng trở nên một công cụ không thể thiếu, là nền tảng chính cho sự truyền tải, trao
đổi thông tin trên toàn cầu.
Giờ đây, mọi việc liên quan đến thông tin trở nên thật dễ dàng cho người sử dụng:
chỉ cần có một máy tính kết nối Internet và một dòng dữ liệu truy tìm thì gần như lập
tức… cả thế giới về vấn đề mà bạn đang quan tâm sẽ hiện ra, có đầy đủ thông tin, hình
ảnh và thậm chí đôi lúc có cả những âm thanh nếu bạn cần…
Bằng Internet, chúng ta đã thực hiện được nhiều công việc với tốc độ nhanh hơn
và chi phí thấp hơn nhiều so với cách thức truyền thống. Chính điều này, đã thúc đẩy sự
khai sinh và phát triển của thương mại điện tử trên khắp thế giới, làm biến đổi đáng kể bộ
mặt văn hóa, nâng cao chất lượng cuộc sống con người.
Hiện nay, nhận thức được rõ tầm quan trọng của Internet trong vấn đề thông tin
trợ giúp đắc lực cho doanh nghiệp, các nhà quản lý và bạn đọc đã và đang xúc tiến lập
Website.
Tuy nhiên, do các yếu tố khách quan khác nhau đưa lại, dẫn đến tình trạng
Website của các doanh nghiệp chưa phát huy được hết tính năng vốn có của nó. Với sự
nhận thức như trên, cùng với sức trẻ và lòng nhiệt huyết, nhóm chúng em đã đưa ra một
Website tin tức thể thao với những những giải pháp sáng tạo cùng với sự mong muốn trợ
giúp cho các doanh nghiệp và bạn đọc có được các website đẹp, giao diện thân thiện, dễ
sử dụng và thu hút được sự quan tâm của mọi người.
Xây dựng website thể thao nhằm đưa đến nhưng thông tin tin cậy trên khắp các
sân cỏ và đấu trường đến với bạn đọc, giúp bạn đọc có thể cập nhât thông tin một cách
nhanh nhất và chính xác nhất.
2/. Kỹ thuật xây dựng Website
2.1. Giao diện
Bằng hệ thống thư viện ảnh và đồ họa phong phú, kết hợp với sự sáng tạo của các

chuyên gia thiết kế, chúng em có thể tạo ra hàng loạt những giao diện Website từ đơn
giản đến phức tạp, đáp ứng được mọi nhu cầu của doanh nghiệp. Bằng sự kết hợp nhuần
nhuyễn các công cụ đồ họa cao cấp như CorelDraw, Photoshop và các ngôn ngữ Web
-Giao diện chính của Website:
3
Trường CĐ Công Nghệ Hà Nội Lớp : CNTT1 – K2
4
Trường CĐ Công Nghệ Hà Nội Lớp : CNTT1 – K2
như Wampserver, Dreamweaver, chúng em sẽ cho bạn đọc thấy giao diện do chúng em
thiết kế ra phù hợp tuyệt vời với nội dung thông tin của bạn trên Website. Bố cục trang
web hiển thị theo thể loại, tính năng, sắp xếp danh mục theo các tiêu chí về thời gian cập
nhật, chất lượng bài viết, hình ảnh, âm thanh và độ chính xác của thông tin cần đưa. Giao
diện đăng kí thành viên thường xuyên phải đơn giản để giúp người truy nhập dễ dàng trở
thành thành viên quen thuộc của website nhưng cũng phải đảm bảo tính bảo mật. Giao
diện đăng nhập người truy nhập được xử lí chung cho cả người quản trị và khách hàng.
A. Các Menu chức năng chính
a. Menu Login
Trong menu đăng nhập, có chức năng để đăng nhập vào trang web khi đã đăng kí
là thành viên. Thông qua chức năng này các nhân viên, người quản lý có thể nhập thông
tin, kiểm tra thông tin, sửa thông tin, chuyển thông tin cho bộ phận duyệt tin từ xa.
Hệ thống cung cấp chức năng kiểm duyệt thông tin từ xa. Thông qua chức năng
này bộ phận duyệt tin có thể sửa bài viết, xoá bài viết, chọn bài viết cho phép phát hành
lên Website, sắp xếp và hiển thị tin bài theo các trang (trang chủ Website, chuyên mục,
mục tin), các chuyên mục và mục tin từ xa.
Khi đã đăng kí là thành viên mà quên mật khẩu sẽ có thể liên hệ với người quản lý
website để lấy lại mật khẩu bằng cách bấm vào nút “Bạn quên mật khẩu”, người quản lý
sẽ gửi lại mật khẩu đến địa chỉ email mà bạn đã đăng kí.
b. Menu Regiter
Được dùng bởi tất cả những ai truy cập đến website và muốn trở thành thành viên
của trang web. Người truy cập điền các thông tin vào form để đăng kí:

Name
5
Trường CĐ Công Nghệ Hà Nội Lớp : CNTT1 – K2
Tên đăng nhập
Email
Mật khẩu
Veryfi password
c. Menu tìm kiếm
Tìm kiếm thông tin là một điểm rất quan trọng đối với một hệ thống Website. Bạn
đọc có thể tìm kiếm bất kỳ thông tin gì, vấn đề gì có liên quan đến các môn thể thao
website đều có thể đáp ứng được một cách nhanh nhất và chính xác nhất Hệ thống của
có thể đáp ứng được tất cả các tiêu chí tìm kiếm đề ra như: Tìm kiếm theo chủ đề; Tìm
kiếm theo đoạn video clip; Tìm kiếm theo bài viết.
d. Menu Trang chủ
Là trang đầu tiên được load khi người dùng truy cập đến trang web, được nhìn
thấy và sử dụng bởi tất cả những ai truy cập vào website. Người truy nhập có thể xem
nội dung chi tiết của trang web, chuyển sang thư mục khác và đăng tải các bài viết hợp lệ
theo nhu cầu của mình.
6
Trường CĐ Công Nghệ Hà Nội Lớp : CNTT1 – K2
3. Yêu cầu cần đạt được
3.1. Bảo mật
+ Sử dụng image text box khi đăng nhập, đăng kí để chống Spam.
+ Hạn chế xung đột tính năng giữa các module để tránh tạo lỗ hổng truy cập CSDL.
+ Mã hóa mật khẩu trước khi lưu vào CSDL.
+ Khi đăng nhập lưu username, password, thông tin cá nhân vào cookies và tại mỗi
trang đều có code kiểm tra lại việc đăng nhập bởi username và password trong session.
+ Mỗi loại tài khoản được hạn chế các chức năng phù hợp với quyền hạn.
+ Mỗi trang phục vụ việc quản lí đều được kiểm tra biến toàn cục session để xác
định quyền hạn của từng tài khoản nhân viên trên từng chức năng

7
Trường CĐ Công Nghệ Hà Nội Lớp : CNTT1 – K2
3.2. Lưu trữ dữ liệu
Cho phép lưu trữ được khối lượng thông tin lớn bao gồm rất nhiều loại dữ liệu khác
nhau:
o Dữ liệu dạng văn bản.
o Dữ liệu dạng hình ảnh.
o Dữ liệu dạng đoạn phim.
Dữ liệu dạng văn bản sẽ được xây dựng bằng ngôn ngữ tiếng Việt nên hệ thống
phải hỗ trợ Unicode. Các thông tin cập nhật thường xuyên và định kỳ, tất cả các thông tin
được cập nhật vào cơ sở dữ liệu, sẽ được lưu trữ lâu dài.
3.3. Khả năng mở rộng của hệ thống
Hệ thống được xây dựng sẽ đáp ứng mọi yêu cầu cập nhật thông tin, khai thác và
xử lý thông tin trong giai đoạn hiện nay. Hệ thống cũng có thể đáp ứng cho việc mở rộng
các dịch vụ gia tăng trên Internet trong tương lai và có thể mở rộng nhiều cấp quản lý
một cách dễ dàng.
3.4. Tính đúng đắn, ổn định của chương trình
Đây là yêu cầu đầu tiên đối với mỗi chương trình máy tính, chương trình phải đảm
bảo tính ổn định trên các hệ thống khác nhau: Windows 95, Windows 98,Windows Xp,
Windows 2000 và các trình duyệt khác nhau: IE 8,Fire fox,Google Chrome
Với chương trình các thông tin trước khi được cập nhật sẽ được kiểm tra tính đúng
đắn về nội dung cũng như hình thức của các thông tin đó.
3.5. Tính an toàn, chống mất dữ liệu
Hệ thống được xây dựng đảm bảo hoạt động liên tục 24/24 giờ hàng ngày. Toàn bộ
dữ liệu sẽ được sao lưu một cách tự động theo lịch thời gian sao lưu được định nghĩa
trong hệ thống. Ngoài hệ thống còn có khả năng khôi phục dữ liệu khi có sự cố về dữ
liệu.
An toàn dữ liệu là một trong những ưu tiên hàng đầu của các hệ thống. Xuất phát từ
yêu cầu trên, chương trình được thiết kế các chức năng tự động sao lưu, dữ liệu theo tuần,
tháng, quý, năm. Tính năng này do người sử dụng tự động cấu hình lấy sau khi cài đặt

chương trình. Sau khi được lập lịch, chương trình sẽ theo dõi và thông báo cho người
dùng biết khi đến thời hạn sao lưu.
8
Trường CĐ Công Nghệ Hà Nội Lớp : CNTT1 – K2
II. CẤU TRÚC CỦA WEBSITE
1. Chức năng của các Module:
Các Module của website:
Trang chủ
Bóng Đá
Bóng Đá Việt Nam
V - League
ĐTQG
U23 Viêt Nam
Bóng Đá Nữ
Các Giải Khác
Bóng Đá Châu Âu
Chempions League
Tây Ban Nha
Italia
Đức
Anh
World Cup
Tin Nóng
Bình Luận
Bên Lề
Euro
Tin Nóng
Bình Luận
Chuyển Nhượng
Thể Thao Việt Nam

Võ Thuật
Bóng Chuyền
Cầu Lông
9
Trường CĐ Công Nghệ Hà Nội Lớp : CNTT1 – K2
Bơi Lội
Điền Kinh
Các Môn Khác
Môn Thể Thao Khác
Tennis
Cách Chơi – Luật Thi Đấu
Lich Thi Đấu
Xếp hạng tay Vợt
Golf
Luật Thi Đấu
Cách Chơi
Đua Xe
Giải F1
Ôtô – Môtô
Video Clip

Liên Hệ
10
Trường CĐ Công Nghệ Hà Nội Lớp : CNTT1 – K2
Cấu trúc thông tin

11
Trang chủ
Liên hệVideo clipMôn thể thao
khác

Thể thao Việt
Nam
Bóng đá
Bóng đá Việt
Nam
Bóng đá Châu
Âu
World Cup
Euro
Chuyển nhượng
Các Môn Khác
Điền Kinh
Bơi Lội
Đua xe
Cầu Lông
Golf
Bóng Chuyền
TennisVõ Thuật
Tennis
Tennis
Các Giải Khác
Bóng Đá Nữ
U23 Viêt Nam
ĐTQG
V - League
Đức
Italia
Tây Ban Nha
Chempions
League

Bình Luận
Tin Nóng
Bên Lề
Bình Luận
Tin Nóng
Anh
Trường CĐ Công Nghệ Hà Nội Lớp : CNTT1 – K2
STT Tên Modul Chức năng
1 Bóng đá
Module sẽ hiển thị lên các modul khác như là: Bóng đá Việt
Nam, Bóng đá Châu Âu, World cup, Euro, Chuyển nhượng.
Với mỗi phần nội dung sẽ cập nhật những thông tin giới thiệu
chi tiết liên quan kèm theo hình ảnh minh họa (nếu có)
2 Thể thao Việt Nam
Module sẽ hiển thị các module khác như la: Võ thuật, Bóng
chuyền, Cầu lông, Bơi lội, Điền kinh, Môn thể thao khác.
Với mỗi phần nội dung sẽ cập nhật những thông tin giới thiệu
chi tiết liên quan kèm theo hình ảnh minh họa (nếu có)
3 Môn thể thao khác
Module sẽ hiển thị các module khác như là: Tennis, Golf, Đua
xe.
Với mỗi phần nội dung sẽ cập nhật những thông tin giới thiệu
chi tiết liên quan kèm theo hình ảnh minh họa (nếu có)
Chức năng của Module
12
Trường CĐ Công Nghệ Hà Nội Lớp : CNTT1 – K2
4 Video clip
Người dùng có thể tìm và xem các đoạn Video clip theo chủ
đề, bài viết do các thành viên trong website đăng tải.
5 Liên hệ

- Liên hệ với Ban quản trị Website …
- Form liên hệ bao gồm một số thông tin sau: Họ tên, Địa chỉ,
Điện thoại, Email, Nội dung yêu cầu,…
6 Tìm kiếm
Hỗ trợ người sử dụng trong việc tìm kiếm nội dung thông tin
nhanh chóng và chính xác.
- Hệ thống tìm kiếm linh hoạt cho phép tìm kiếm theo nhiều
lựa chọn:
+ Tìm kiếm trong site: người sử dụng có thể tìm kiếm bất
kỳ thông tin nào bằng cách gõ từ khóa cần tìm…
7
Module quản trị
Banner va Footer
- Module này cho phép quản trị viên thay đổi banner tùy ý
với các định dạng chuẩn như (ảnh, flash động, …).
- Module này cho phép quản trị viên có thể thay đổi thông
tin liên hệ, số điện thoại, email, … ở phần cuối cùng website của
website, tổ chức một cách dễ dàng.
8
Module quảng cáo
trực tuyến
Module giúp quản trị viên có thể:
- Thay đổi baner, logo quảng cáo tại hai bên trái, phải website
- Thêm baner, logo quảng cáo tại giữa trang, cuối trang
- Thêm baner, logo quảng cáo chạy dọc hai bên website
13
Trường CĐ Công Nghệ Hà Nội Lớp : CNTT1 – K2
9 Module liên kết
Module có tính năng giúp quản trị viên thêm, bớt, sửa các link
liên kết một cách dễ dàng

III. TIẾN ĐỘ VÀ CHI PHÍ THỰC HIỆN
1/. Biểu tiến độ triển khai dự án
ST
T
Hạng mục công việc
Thời gian(ngày)
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15
1 Khảo sát yêu cầu
2 PT & TKHT
3 Xây dựng hệ thống
4 Làm tài liệu
5 Thanh lý hợp đồng
2./ Kinh phí dự trù thực hiện dự án
TT Tính năng Mô tả Giá(VND)
I.
Thiết kế đồ họa
Website
Demo
1. Trang chủ
Được thiết kế sống động, gây ấn tượng
bởi những hình ảnh nổi bật, đặc trưng theo
phong cách thể thao.
Demo
II. Lập trình Website Demo
1. Trang chủ Hiển thị tất cả chức năng, nội dung, thông
tin chính của website. Người truy cập Web
có thể chủ động truy cập vào phần nội dung
mà mình quan tâm.
Cụ thể như sau:
- Menu thể hiện các chuyên mục của hệ

thống website bao gồm: Bóng đá, Thể thao
Việt Nam, Thể thao khác, Video clip, Liên
hệ.
- Module tìm kiếm
- Module đăng nhập
- Module đăng ký
* Các mục thể hiện trên trang chủ được
phân mảng rõ ràng, bố cục hợp lý để khách
hàng có thể tìm thấy những thông tin cần
Demo
14
Trường CĐ Công Nghệ Hà Nội Lớp : CNTT1 – K2
thiết ngay
2. Bóng đá
Website sẽ đưa ra những bài viết, hình
ảnh, âm thanh một cách tốt nhất, chân thực
nhất, sống động nhất với nhũng hiệu ứng
đẹp nhất.
Demo
3.
Thể thao Việt
Nam
Website sẽ đưa ra những bài viết, hình
ảnh, âm thanh một cách tốt nhất, chân thực
nhất, sống động nhất với nhũng hiệu ứng
đẹp nhất.
Demo
4.
Môn thể thao
khac

Website sẽ đưa ra những bài viết, hình
ảnh, âm thanh một cách tốt nhất, chân thực
nhất, sống động nhất với nhũng hiệu ứng
đẹp nhất.
Demo
5. Video clip
Website sẽ đưa ra những bài viết, hình
ảnh, âm thanh một cách tốt nhất, chân thực
nhất, sống động nhất với nhũng hiệu ứng
đẹp nhất.
Demo
6. Liên hệ
- Liên hệ với ban quản trị thông qua Form
liên hệ.
- Form liên hệ bao gồm một số thông tin
sau: Họ tên, Địa chỉ, Điện thoại, Email, Nội
dung yêu cầu,…
Demo
15
Trường CĐ Công Nghệ Hà Nội Lớp : CNTT1 – K2
7. Tìm kiếm
Module này cho phép khách hàng tìm
kiếm nhanh bất kỳ thông tin nào trong
website bằng cách nhập từ khóa cần tìm
hoặc tìm kiếm từ khóa dựa theo một số các
tiêu chí sau:
+ Tìm kiếm trong tất cả các mục
Demo
8 Ý Kiến Bạn Đọc
Tham khảo ý kiến bạn đọc bình chọn

Website ,….
9 Ngôn Ngữ
Hỗ trợ chuyển đổi ngôn ngữ của giao
diện cũng như là module của Website ,cho
phép người dùng có thể chọn nhiều gói
ngôn ngữ,…
10
Module Banner
và Footer
Demo
11 Kết Quả Hoàn Thành
16