Xây dựng website tin tức

TRƯỜNG CAO ĐẲNG THỰC HÀNH FPT

BÁO CÁO ĐỀ TÀI TỐT NGHIỆP

Đề tài: Xây dựng Website tin tức
Giáo viên hướng dẫn : Nguyễn Thị Trà My
Sinh viên thực hiện : Tống Xuân Hoàng
Đỗ Văn Bảo
Lê Anh Tiến
Mã SV : PA00038, PA00003, PA00082
Lớp : PT09102
Thanh Hóa – 2014
2
MỤC LỤC
Lời mở đầu Trang
Phần 1 – Giới thiệu đề tài 8
1.1 Giới thiệu đề tài 8
1.2 Tầm quan trọng của đề tài 8
Phần 2: - Phân tích nội dung, yêu cầu của hệ thống 9
2.1 – Phân tích nội dung 9
2.2 – Phân tích chức năng 10
Phần 3 – Thiết kế 11
3.1 – Thiết kế graphic (một số hình ảnh của web ) 11
3.2 – Thiết kế layout (HTML/ CSS/ Js) (code layout của trang master) 19
Phần 4 – Phát triển website 20
4.1 – Thiết kế CSDL 20
4.2 – Lập trình 21
Phần 5 – Upload & chạy trên môi trường Internet 23
5.1 – Upload 23
5.2 – Kiểm thử các chức năng trên Internet
5.3 SEO

24
24
Phần 6 – Hướng phát triển website trong tương lai 25
Kết luận 26
Phụ lục 27
Phụ lục 27
Tài liệu tham khảo 27
D án tt nghip
3
LỜI MỞ ĐẦU
Sự bùng nổ của CNTT đã và đang ảnh hưởng sâu rộng tới mọi lĩnh vực của cuộc sống. Đối với các
cá nhân và Doanh Nghiệp, CNTT trở thành 1 trong các nhân tố, công cụ tăng năng lực cho cá nhân
và tăng hiệu xuất làm việc của Doanh Nghiệp, đồng thời mang lại hiệu quả kinh tế cao mà chi phí
bỏ ra không đáng kể. Đặc biệt đối với các doang nghiệp CNTT đóng vai trò nền tảng quan trọng
khai thác các ứng dụng dịch vụ.
Ngày nay bên sự phát triển vượt bậc không ngừng của CNTT, nhu cầu tìm kiếm tin tức ngày càng
cấp thiết, đi cùng với đó là sự nở rộ của các website, đặc biệt là các website tin tức, hay còn gọi là
báo điện tử, báo điện tử luôn là công cụ cung cấp thông tin hiệu quả nhất của một tô chức, cơ quan
ngôn luận hay thậm chí là một cá nhân.
Website tin tức có thể cung cấp những thông tin về nhiều mặt, nhiều lĩnh vực trong cuộc sống cũng
như xã hội. Do đó nhóm chúng em xin được thực hiện đề tài “Nghiên cứu, xây dựng website tin
tức”. Mục tiêu của dự án này là tìm hiểu, nghiên cứu và xây dựng một website tin tức, có cơ chế
hoạt động như các website hiện đang hoạt động phổ biến cũng như tạo sự đơn giản cho người đọc.
Dự án được trình bày trong các Chương được nêu rõ trong mục lục.
D án tt nghip
4
NHẬN XÉT
(Của cơ quan hướng dẫn)
…………………………………………………………………………………………………………
…………………………………………………………………………………………………………

…………………………………………………………………………………………………………
…………………………………………………………………………………………………………
…………………………………………………………………………………………………………
…………………………………………………………………………………………………………
…………………………………………………………………………………………………………
…………………………………………………………………………………………………………
…………………………………………………………………………………………………………
…………………………………………………………………………………………………………
…………………………………………………………………………………………………………
…………………………………………………………………………………………………………
…………………………………………………………………………………………………………
…………………………………………………………………………………………………………
…………………………………………………………………………………………………………
…………………………………………………………………………………………………………
…………………………………………………………………………………………………………
…………………………………………………………………………………………………………
……………………………………………………………………………………
Cơ quan hướng dẫn ký, đóng dấu
NHẬN XÉT
D án tt nghip
5
(Của giáo viên hướng dẫn)
…………………………………………………………………………………………………………
…………………………………………………………………………………………………………
…………………………………………………………………………………………………………
…………………………………………………………………………………………………………
…………………………………………………………………………………………………………
…………………………………………………………………………………………………………
…………………………………………………………………………………………………………
…………………………………………………………………………………………………………

…………………………………………………………………………………………………………
…………………………………………………………………………………………………………
…………………………………………………………………………………………………………
…………………………………………………………………………………………………………
…………………………………………………………………………………………………………
…………………………………………………………………………………………………………
…………………………………………………………………………………………………………
…………………………………………………………………………………………………………
…………………………………………………………………………………………………………
…………………………………………………………………………………………………………
……………………………………………………………………………………
Giáo viên hướng dẫn ký, ghi rõ họ tên
NHẬN XÉT
(Của hội đồng phản biện)
D án tt nghip
6
…………………………………………………………………………………………………………
…………………………………………………………………………………………………………
…………………………………………………………………………………………………………
…………………………………………………………………………………………………………
…………………………………………………………………………………………………………
…………………………………………………………………………………………………………
…………………………………………………………………………………………………………
…………………………………………………………………………………………………………
…………………………………………………………………………………………………………
…………………………………………………………………………………………………………
…………………………………………………………………………………………………………
…………………………………………………………………………………………………………
…………………………………………………………………………………………………………
…………………………………………………………………………………………………………

…………………………………………………………………………………………………………
…………………………………………………………………………………………………………
…………………………………………………………………………………………………………
…………………………………………………………………………………………………………
……………………………………………………………………………………
HĐ phản biện ký, ghi rõ họ tên
D án tt nghip
7
PHẦN 1 – GIỚI THIỆU ĐỀ TÀI
D án tt nghip
8
1.1 Giới thiệu đề tài
Ngày nay các website tin tức luôn là công cụ hữu dụng để các cơ quan báo chí, thông tin ngôn
luận, các công ty hay tổ chức truyền đạt thông tin đến người đọc. Đề tài này cũng dựa trên các
tiêu chí đó. Đề tài hướng đến xây dựng một website tin tức, cụ thể là chuyên biệt về Công nghệ
thông tin, các tin tức xã hội hay kinh doanh. Thông tin được chia làm nhiều mục,tạo tính ngăn
nắp, dễ tìm kiếm thông tin cho người đọc. Thông tin được cung cấp đa dạng về mọi mặt, bài
biết chi tiết và đầy đủ, luôn kèm theo hình ảnh mang tính trực quan cao. Người đọc có thể đóng
góp ý kiến bằng cách bình luận dưới bài biết hay nhập thông tin của bản thân, đóng góp ý kiến
đầy đủ tại chuyên trang liên hệ của dự án này.
1.2 Tầm quan trọng của đề tài
Với nhu cầu cấp thiết về thông tin ngày nay, thông tin luôn được trao đổi mọi lúc và bất cứ nơi
đâu, sự cần thiết của website tin tức luôn được đánh giá cao và cung ứng thông tin cho người
đọc là vô cùng quan trọng. Website này ra đời sẽ là một kênh thông tin mới cho người đọc,
cũng là tư liệu trong làm việc hay tham khảo kiến thức cho người học. Website này cũng có
những mục thông báo, quảng cáo cho các Doanh nghiệp, là kênh quảng bá đắc lực cho doanh
nghiệp cũng như tiếp xúc với người dùng một cách nhanh, đơn giản và hiệu quả nhất cáo thể.
Sự ra đời của dự án mang tính khả thi cao, có lợi cho tất cả mọi người.
D án tt nghip
9

PHẦN 2 – PHÂN TÍCH NỘI DUNG, YÊU CẦU CỦA HỆ
THỐNG
2.1 Phân tích nội dung
- Nội dung website hướng tới đối tượng là tất cả mọi người, những người muốn tìm hiểu
thông tin, tham khảo trong công viêc hay học tập, các doanh nghiệp, cơ quan muốn quảng bá
thương hiệu, nâng cao khả năng tiếp cận với mọi người…
- Website có một chuyên mục riêng dành cho người dùng để đóng góp ý kiến cũng như liên hệ
với ban quản trị của website. Với một website tin tức, người dùng luôn có yêu cầu là thông tin
phải rõ rằng, được phân chia hiệu quả, mang tính chính xác cao.
- Màu sắc chủ đạo gồm các tông màu đen, vàng và da cam, website có 2 cột, bố cục rõ ràng và
khái quát như sau:
-Bố cục website gồm 3 phần:
D án tt nghip
10
+ Header: Chứa logo, thanh menu có các mục chính để người dùng dễ quan sát và theo
giõi. Bao gồm cả ô tìm kiếm, tại đây người dùng có thể nhập dữ liệu để tìm kiếm tin bài
của mình
+Content: mục này gồm 2 phần, phần bên trái là các tin tức mới được đăng, phần bên
phải gồm các module danh mục tin, tin tức nổi bật, dự báo thời tiết, tiền tệ, chứng khoán,
Tiếp theo là module mạng xã hội, liên kết với Facebook.
+ Footer: nơi hiển thị các tin nhanh rss được load từ các trang khác, các website liên kết
và thông tin công ty quản trị website.
2.2 Phân tích chức năng
- Về chức năng, website gồm các module hiển thị tìn bài, các tin nổi bật nhất, dự báo thời
tiết, tỉ giá vàng , thống kê truy cập, chức năng lấy tin rss…
- Với hệ thống quản trị, website yêu cầu phải có mật khẩu và mật khẩu luôn được mã hóa
trong quá trình xác nhận, giúp đảm bảo bảo mật và sự an toàn của website.
- Hệ thống quản trị có các chắc năng như thêm, sửa, xóa các tin bài, các bài quảng cáo,
quản lí các ý kiến, liên hệ của người dùng…
D án tt nghip

11
PHẦN 3 – THIẾT KẾ
3.1 Quy trình thiết kế
- Sản phẩm được thiết kế bằng các công cụ và các bước như sau:
+ Phác thảo sơ lược chức năng, hiển thị của website.
+ Thiết kế bố cục website trên Photoshop.
+ Bắt đầu giàn trang HTML trên các công cụ như Notepad++, Netbean
+ Tạo CSDL, lập trình PHP, JavaScript…
- Các hình ảnh về các thành phẩn của website:

Giao diện chính của website.
D án tt nghip
12

Module hiển thị thông tin thời tiết, thống kê
lượt truy cập.
Module danh mục tin và tin tức nổi bật
D án tt nghip
13
Mục liên hệ để người dùng liên hệ và góp ý
Với mục này, website sử dụng HTML5 để Validate dữ liệu của người dùng, khi người dùng không
nhập liệu mà nhấn gửi thông tin, website sẽ báo những ô dữ liệu trống. Người dùng cũng có thể
nhấp vào Nhập lại để xóa toàn bộ dữ liệu trên khung khi muốn nhập lại từ đầu.
D án tt nghip
14
Hiển thị chi tiết của một tin tức.
Phần này là phần người dùng theo dõi và đọc nội dung của tin tức. Bố cụ gồm phần tiêu đề, ngày
đăng, các phần text nội dung và hình ảnh kèm theo, phía dưỡi mỗi nội dung của tin, người dùng
cũng có thể bình luận bằng chính tài khoản Facebook của mình. Bố cục các phần khác của trang
cũng tương tự như trang chủ và các trang khác, tạo cảm giác tiện lợi cho người đọc.

D án tt nghip
15
Phần giới thiệu website
Đây là phần giới thiệu về website, gồm lịch sử, miêu tả đến công ty quản lí website, cũng như địa
chỉ, người dùng có thể theo dõi nội dung này bằng các ấn vào mục giới thiệu trên thanh menu đầu
trang.
Giao diện đăng nhập quản trị
D án tt nghip
16
Giao diện đăng nhập quản trị khá đơn giản, người quản trị cần nhập tài khoản của mình ở đây, nếu
đang nhập không thành công, website sẽ tự động xóa dữ liệu và người quản trị cần nhập lại. Nếu
đăng nhập thành công, người quản trị sẽ được đưa tới giao diện chính của phần quản trị.
Giao diện quản lí tin tức
Tại đây, người quản trị có thể theo dõi tất cả các tin bài đã được post trong cơ sở dữ liệu, các tin bài
được chia thành các mục riêng biệt, dễ dàng hơn khi thao tác, các mục này nằm ở phần menu bên
trái, muốn quản lí chuyên mục nào, người quản trị click chọn vào chuyên mục ấy
D án tt nghip
17
Giao diện sửa tin bài hoặc thêm tin bài mới.
Trong mục chỉnh sửa nội dung tin tức, gồm các mục ví dụ như: Tiêu đề, ảnh, Mô tả… người quản
trị cần phải nhập đầy đủ thông tin để có thể hoàn thành một tin tức đầy đủ. Ở website này có sử
dụng trình biên tập CKEditor và Ckfinder giúp trình bày nội dung bài viết theo như ý muôn, có thể
chèn tất cả các thẻ như video hay images tùy ý.
Giao diện xóa tin bài.
Để xóa một tin tức, người quản trị cần nhấn vào nút xóa tương ứng với tin tức ấy, sau đó chọn xóa
tin để xóa tin tức ấy khỏi cơ sở dữ liệu.
D án tt nghip
18
Giao diện quản lí quảng cáo (PRNew)
Giao diện của chuyên mục PRNew cũng tương tự như quản lí tin tức, người quản trị cần làm các

bước tương tự như quản lí tin tức ở các bước trên.
Quản lí liên hệ, góp ý của người dùng.
D án tt nghip
19
Ở màn hình quản lí liên hệ, góp ý, người quạn trị có thể xem tổng quát tất cả những góp ý mà độc
giả đã đóng góp cho website. Người quản trị chỉ có thể xóa mà không thể edit ở trang quản lí này.
Quản lí trang giới thiệu.
Tại đây, người quản trị có thể chỉnh sửa, viết mới nội dung của trang quan hệ như một tin tức ở các
bước trước.
3.2 Code HTML chính của trang master
D án tt nghip
20
PHẦN 4 – PHÁT TRIỂN
4.1 Cơ sở dữ liệu
- Cơ sở dữ liệu gồm các bảng và các trường như sau:
admin:
+ ID
+ Usernamw
+ Pass
gioi_thieu:
+ ID
+ noi_dung
prnew:
+ ID
+ tieu_de
+ anhcongty
+ mo_ta
+ noi_dung
+ ngay_viet
+ cong_ty

+ noi_bat
tintuc:
+ ID
+ tieu_de
+ anh
+ mo_ta
+ noi_dung
+ ngay_viet
+ cong_ty
+ noi_bat
tuvan:
+ ID
+ tieu_de
+ anh
+ mo_ta
+ noi_dung
+ ngay_viet
+ cong_ty
+ noi_bat
ykien:
+ ID
+ ho_ten
+ sodt
+ email
+ ngay
+ y_kien
D án tt nghip
21
4.2 Các thao tác với CSDL
Các hàm thao tác với CSDL:

<?php
//Hàm hiển thị tin tức
function hienthi($bang){
global $db;
$query = "SELECT * FROM $bang";
$result = mysqli_query($db, $query);
return $result;
}
//Hàm hiển thị từng danh mục
function hienthidm($bang, $danhmuc){
global $db;
$query = "SELECT * FROM $bang WHERE loai_tin = '$danhmuc'";
$result = mysqli_query($db, $query);
return $result;
}
//Hàm hiển thị tin bài chi tiết
function hienthi_chitiet($bang, $ma){
global $db;
$query = "SELECT * FROM $bang WHERE id = $ma";
$result = mysqli_query($db, $query);
return $result;
}
//Hàm hiển thị chi tiết
function hienthichitiet($masanpham){
global $db;
$query = "SELECT * FROM sanpham WHERE MaSP = $masanpham";
$result = mysqli_query($db, $query);
return $result;
}
//Hàm thêm tin tức

function themtt($bang, $tieude, $anh, $mota, $noidung, $loaitin, $ngayviet, $noibat){
global $db;
$query = "INSERT INTO $bang VALUES ('', '$tieude', '$anh', '$mota',
'$noidung','$loaitin','$ngayviet', '$noibat')";
return $query;
}
function themqc($bang, $tieude, $anh, $mota, $noidung, $ngayviet, $congty, $noibat){
global $db;
$query = "INSERT INTO $bang VALUES ('', '$tieude', '$anh', '$mota',
'$noidung','$ngayviet','$congty', '$noibat')";
return $query;
}
//Hàm sửa tin tức
function sua($bang, $tieude, $anh, $mota, $noidung, $loaitin, $ngayviet, $noibat, $ma){
global $db;
D án tt nghip
22
$query = "UPDATE $bang SET
`tieu_de`='$tieude',`anh`='$anh',`mo_ta_ngan`='$mota',`noi_dung`='$noidung',`loai_tin`='$loaitin',`
ngay_viet`='$ngayviet',`noi_bat`='$noibat' WHERE `id`='$ma' ";
return $query;
}
//Hàm sửa quảng cáo
function suaqc($bang, $tieude, $anh, $mota, $noidung, $ngayviet, $congty, $noibat, $ma){
global $db;
$query = "UPDATE $bang SET
`tieu_de`='$tieude',`anhcongty`='$anh',`mo_ta`='$mota',`noi_dung`='$noidung',
`ngay_viet`='$ngayviet',`cong_ty`='$congty', `noi_bat`='$noibat' WHERE `id`='$ma' ";
return $query;
}

//Hàm xóa sản phẩm
function xoa($bang, $ma){
global $db;
$query = "DELETE FROM $bang WHERE id = $ma" ;
return $query;
}
//Hàm sửa giới thiệu
function gioithieu($bang, $noidung, $ma){
global $db;
$query = "UPDATE $bang SET `noi_dung`='$noidung' WHERE `id`='$ma' ";
return $query;
}
//Hàm lấy ngẫu nhiên
function ngaunhien($bang){
global $db;
$query = "SELECT * FROM $bang WHERE noi_bat = 1 ORDER BY RAND() LIMIT 1";
$result = mysqli_query($db, $query);
return $result;
}
?>
- Hàm kết nối CSDL:
<?php
$db = mysqli_connect('localhost', 'root','','vnnew');
function dbconnect()
{
global $db;
if(!$db) {
trigger_error("Không kết nối được cơ sở dữ liệu: " . mysqli_connect_error());
}
}?>

D án tt nghip
23
PHẦN 5 – UPLOAD & CHẠY TRÊN MÔI TRƯỜNG
INTERNET
5.1 Quy trình upload website:
Quá trình upload website.
Tạo CSDL trên host
D án tt nghip
24
5.2 Link upload website:
+ />5.3 SEO
+ Đăng kí chỉ mục với Google:
Đăng kí Website với Google Analytic:
PHẦN 6 – HƯỚNG PHÁT TRIỂN CỦA ĐỀ TÀI
D án tt nghip
25
6.1 Hướng phát triển trong tương lai của dự án
+ Trong tương lai, dự án này có thể phát triển thêm các chức năng bổ sung, mở rộng cơ sở dữ liệu,
đạt tới mức độ hoạt động chuyên nghiệp hơn, hoàn toàn có thể so sánh với các web tin tức của các
cơ quan ngôn luận khác.
6.2 Mức áp dụng.
+ Mức áp dụng của dự án này là rất lớn, không chỉ là website tin tức về công nghệ thông tin, dự án
có thể hoàn toàn phát triển thành các kênh quảng cáo, cung cấp tin tức trong mọi lĩnh vực khác của
đời sống. Kết luận, đây là dự án của sinh viên nên không thể tránh khỏi những thiếu sót và hạn chế,
mong quý thầy cô và các bạn thông cảm, dự án sẽ cần nhiều thời gian hơn để phát triển đầy đủ chức
năng hơn!
D án tt nghip