Xây dựng website tin tức

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.

Trang 1

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

Trang 2

2

MỤC LỤC

Phần 2: - Phân tích nội dung, yêu cầu của hệ thống 9

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 6 – Hướng phát triển website trong tương lai 25

Trang 3

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

Trang 4

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

Trang 5

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)

Trang 6

6

………

HĐ phản biện ký, ghi rõ họ tên

D án t t nghi p

Trang 7

7

PHẦN 1 – GIỚI THIỆU ĐỀ TÀI

Trang 8

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ônluậ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áctiê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ănnắ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àibiế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ể đónggó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 doanhnghiệ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

Trang 9

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 tinphả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:

Trang 10

10

+ Header: Chứa logo, thanh menu có các mục chính để người dùng dễ quan sát và theogiõ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àicủ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ênphả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

Trang 11

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.

Trang 13

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

Trang 14

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

Trang 15

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ị

Trang 16

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

Trang 17

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

Trang 18

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

Trang 19

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

Trang 20

+ 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

Trang 21

$query = "SELECT * FROM $bang";

$result = mysqli_query($db, $query);

$query = "SELECT * FROM $bang WHERE loai_tin = '$danhmuc'";

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";

$query = "SELECT * FROM sanpham WHERE MaSP = $masanpham";

Trang 22

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){

//Hàm sửa giới thiệu

function gioithieu($bang, $noidung, $ma){

$query = "SELECT * FROM $bang WHERE noi_bat = 1 ORDER BY RAND() LIMIT 1";

Trang 23

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

Trang 24

24

5.2 Link upload website:

+ http://duannhom1.url.ph/

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

Trang 25

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ứcnăng hơn!

Trang 26

26

KẾT LUẬN

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 đờisố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ứcnăng hơn Một lần nữa em xin chân thành cảm ơn các thầy cô giáo đã hỗ trợ em trong quá trình làm bài!

D án t t nghi p

Trang 27

27

TÀI LIỆU THAM KHẢO

Trong quá trình xây dựng website, nhóm đã tham khảo các hình ảnh, tư liệu, kiến thức từ mạng

Internet.

Định dạng
Số trang	27
Dung lượng	2,63 MB