Xem mẫu
- 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
Hà Nội, Ngày 11/ 01/
2011
1
- 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
2
- Trường CĐ Công Nghệ Hà Nội Lớp : CNTT1 – K2
I. KHÁI QUÁT CHUNG VỀ WEBSITE
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.
3
- Trường CĐ Công Nghệ Hà Nội Lớp : CNTT1 – K2
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:
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.
5
- Trường CĐ Công Nghệ Hà Nội Lớp : CNTT1 – K2
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
• Tên đăng nhập
• Email
• Mật khẩu
• Veryfi password
6
- Trường CĐ Công Nghệ Hà Nội Lớp : CNTT1 – K2
Menu tìm kiếm
c.
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.
Menu Trang chủ
d.
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.
7
- 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
8
- 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:
Dữ liệu dạng văn bản.
o
o Dữ liệu dạng hình ảnh.
Dữ liệu dạng đoạn phim.
o
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.
9
- 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
10
- Trường CĐ Công Nghệ Hà Nội Lớp : CNTT1 – K2
Bóng Chuyền
Cầu Lông
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ệ
11
- Trường CĐ Công Nghệ Hà Nội Lớp : CNTT1 – K2
Cấu trúc thông tin
Trang chủ
Thể thao Việt Môn thể thao Liên hệ
Bóng đá Video clip
Nam khác
Võ Thuật Tennis
Bóng đá Việt
Nam
Tennis
V - League
Tennis
Bóng Chuyền
Bóng đá Châu
ĐTQG
Âu
Golf
U23 Viêt Nam
Đua xe
Cầu Lông
World Cup
Bóng Đá Nữ
Các Giải Khác
Tin Nóng
Bơi Lội
Euro
Bình Luận
Chempions
League
Bên Lề
Tây Ban Nha
Chuyển Điền Kinh
nhượng
Italia
Tin Nóng
12
Bình Luận
Các Môn Khác
- Trường CĐ Công Nghệ Hà Nội Lớp : CNTT1 – K2
Chức năng Đức
STT Tên Modul
Anh
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.
1 Bó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ó)
Module sẽ hiển thị các module khác như la: Võ thuật, Bóng
Thể thao Việt chuyền, Cầu lông, Bơi lội, Điền kinh, Môn thể thao khác.
2
Với mỗi phần nội dung sẽ cập nhật những thông tin gi ới
Nam
thiệu chi tiết liên quan kèm theo hình ảnh minh họa (nếu có)
Module sẽ hiển thị các module khác như là: Tennis, Golf,
Đua xe.
Môn thể thao khác
3
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ó)
13
- Trường CĐ Công Nghệ Hà Nội Lớp : CNTT1 – K2
Chức năng của Module
Người dùng có thể tìm và xem các đoạn Video clip theo ch ủ
4 Video clip
đề, bài viết do các thành viên trong website đăng tải.
- Liên hệ với Ban quản trị Website …
Liên hệ - Form liên hệ bao gồm một số thông tin sau: Họ tên, Địa chỉ,
5
Điện thoại, Email, Nội dung yêu cầu,…
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
-
Tìm kiếm nhiều lựa chọn:
6
+ 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…
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 quản trị
Module này cho phép quản trị viên có thể thay đổi thông
7 -
Banner va Footer
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.
Module giúp quản trị viên có thể:
Module quảng cáo - Thay đổi baner, logo quảng cáo tại hai bên trái, phải website
8
trực tuyến - 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
14
- Trường CĐ Công Nghệ Hà Nội Lớp : CNTT1 – K2
Module có tính năng giúp quản trị viên thêm, bớt, sửa các
Module liên kết
9
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
Thời gian(ngày)
ST
Hạng mục công việc
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15
T
Khảo sát yêu cầu
1
2 PT & TKHT
Xây dựng hệ thống
3
Làm tài liệu
4
Thanh lý hợp đồng
5
2./ Kinh phí dự trù thực hiện dự án
Mô tả
TT Tính năng Giá(VND)
Thiết kế đồ họa
I. Demo
Website
Đượ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
Trang chủ
1. Demo
theo phong cách thể thao.
Lập trình
II.
Demo
Website
Trang chủ Hiển thị tất cả chức năng, nội dung,
1. Demo
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ý để
15
- Trường CĐ Công Nghệ Hà Nội Lớp : CNTT1 – K2
khách hàng có thể tìm thấy những thông
tin cần thiết ngay
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
2. Bóng đá Demo
thực nhất, sống động nhất với nhũng hiệu
ứng đẹp nhất.
Website sẽ đưa ra những bài viết, hình
Thể thao Việt ảnh, âm thanh một cách tốt nhất, chân
3. Demo
thực nhất, sống động nhất với nhũng hiệu
Nam
ứng đẹp nhất.
Website sẽ đưa ra những bài viết, hình
Môn thể thao ảnh, âm thanh một cách tốt nhất, chân
4. Demo
thực nhất, sống động nhất với nhũng hiệu
khac
ứng đẹp nhất.
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
5. Video clip Demo
thực nhất, sống động nhất với nhũng hiệu
ứng đẹp nhất.
Liên hệ với ban quản trị thông qua
-
Form liên hệ.
Liên hệ - Form liên hệ bao gồm một số thông tin
6. Demo
sau: Họ tên, Địa chỉ, Điện thoại, Email,
Nội dung yêu cầu,…
16
- Trường CĐ Công Nghệ Hà Nội Lớp : CNTT1 – K2
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
Tìm kiếm
7. Demo
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
Tham khảo ý kiến bạn đọc bình chọn
Ý Kiến Bạn Đọc
8
Website ,….
Hỗ trợ chuyển đổi ngôn ngữ của giao
diện cũng như là module của Website ,cho
Ngôn Ngữ
9
phép người dùng có thể chọn nhiều gói
ngôn ngữ,…
Module Banner
10 Demo
và Footer
Kết Quả
11 Hoàn Thành
17
nguon tai.lieu . vn
