Quản lý thiết kế website tin tức

Quản lý thiết kế website tin tức

TRƯỜNG ĐẠI HỌC THÔNG TIN LIÊN LẠC KHOA CÔNG NGHỆ THÔNG TIN

BÀI TẬP LỚNMÔN HỌC: THIẾT KẾ VÀ XÂY DỰNG PHẦN MỀM

NHẬN XÉT CỦA GIÁO VIÊN

MỤC LỤC

LỜI MỞ ĐẦU 1

BẢNG PHÂN CÔNG NHIỆM VỤ 2

CHƯƠNG 1: TỔNG QUAN 3

1.1 Giới thiệu đề tài Website Tin Tức 3

1.2 Phân tích những tiêu chí hình thành Tin Tức 3

1.3 Yêu cầu Website 4

1.4 Mô hình MVC………

4 CHƯƠNG 2: PHÂN TÍCH VÀ LỰA CHỌN CÔNG NGHỆ 5

2.1 Cài đặt Xampp 5

CHƯƠNG 3: PHÂN TÍCH THIẾT KẾ HỆ THỐNG 8

3.1 Phân tích mức quan niệm dữ liệu 8

3.1.1 Mô tả thực thể kết hợp 8

3.1.2 Mô tả các mối kết hợp 10

3.1.3 Từ điển cơ sở dữ liệu 11

3.2 Mô hình dữ liệu quan hệ (Relational Data Diagram) 13

3.3 Mô hình UML 13

3.3.1 Xác định các Actor 13

3.3.2 Xác định các chức năng của Actor 14

3.3.3 Xác định các Usecase 15

3.3.4 Đặc tả mô hình UML 16

3.3.5 UseCase Diagram 17

3.3.6 Sequence Diagram 20

3.3.7 Class Diagram 26

CHƯƠNG 4: KẾT QUẢ THỰC NGHIỆM 31

4.1 Web User 31

4.1.1 Tổ chức 31

4.1.2 Hiện Thực 32

KẾT LUẬN 34

1 Kết quả đạt được 34

2 Hướng phát triển 34

TÀI LIỆU THAM KHẢO 35

LỜI MỞ ĐẦU

Ngành công nghệ thông tin là một ngành khoa học đang trên đà phát triển mạnh

và ứng dụng rộng rãi trên nhiều lĩnh vực Cùng với xu hướng phát triển của cácphương tiện truyền thông như Báo, Radio… thì việc sử dụng Internet ngày càng phổbiến Truy cập Internet, chúng ta có được một kho thông tin khổng lồ phục vụ mọi nhucầu, mục đích của chúng ta chỉ bằng một cái nhấp chuột

Nhận thức được nhu cầu tìm hiểu thông tin, giải trí của xã hội, là sự ra đời củahàng loạt website cho các mục đích thương mại, giải trí, tin tức…Để đáp ứng với việccập nhật thông tin hàng ngày, tình hình xã hội, chính trị, thời sự, và sức khỏe… thìwebsite tin tức ra đời là một nhu cầu tất yếu

Do đó, chúng em đã vận dụng ngôn ngữ PHP, SQL và công cụ Sublime Text đểxây dựng ứng dụng Website Tin tức

Hoàn thành xong để tài, chúng em vô cùng biết ơn thầy, cô đã nhiệt tình giảngdạy, hướng dẫn và đặc biệt là thầy Đỗ Văn Tuấn, người trực tiếp hướng dẫn nhiệt tìnhcho chúng em trong suốt quá trình nghiên cứu và thực hiện đề tài này

BẢNG PHÂN CÔNG NHIỆM VỤ

Công việc được phân

Nghiên cứu, vận dụng, xử lý ngôn ngữPHP,HML, SQL

Nghiên cứu, vận dụng, xử lý ngôn ngữHTML, CSS, SQL

Nghiên cứu, vận dụng, xử lý ngôn ngữHTML, CSS, SQL

Nghiên cứu, vận dụng, xử lý ngôn ngữHTML, CSS,SQL

CHƯƠNG 1: TỔNG QUAN 1.1 Giới thiệu đề tài Website Tin Tức

“Tin tức tích lũy trong mỗi chúng ta được gọi là kiến thức, tài sản quý giá nhất của con người”

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ựctuyế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ậpnhậ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ữngtin 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ữngchuyện xung quanh và trên Thế giới Ngày nay nhờ thông tin truyền thông nhanh, chonê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 conngườ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ếnhành mọi việc lớn nhỏ Khi có Internet, tin tức càng quan trọng vì tốc độ lan truyềnnhanh ảnh hưởng ngay tức thì trên diện rộng

1.2 Phân tích những tiêu chí hình thành Tin Tức

Tiêu chí dùng để xác định tin tức có thể được tóm gọn lại như sau: Có liên quan,hữu ích, gây được sự quan tâm

Những tiêu chí đó được áp dụng rộng rãi nhưng mỗi nhà báo hay mỗi cơ quanbáo chí đều sử dụng chúng theo một bối cảnh đặc thù để nhấn mạnh ý nghĩa theo cáchriêng Cái bối cảnh ấy do chính công chúng tạo ra

Bạn đang đọc một bài báo đăng trên báo in Trên truyền hình, một bài viết nhưthế sẽ có ít chi tiết hơn, nhưng bạn sẽ nhìn thấy đoạn băng quay cảnh những nhân vật

chính đang tranh luận Còn ở báo trực tuyến, một bài báo như thế sẽ bao gồm cả chitiết và đoạn phim – cộng thêm sự kết nối dễ dàng đến những bài báo liên quan vànhững tư liệu đằng sau vụ việc Cách trình bày sẽ khác nhau ở mỗi loại hình, nhưngnhững giá trị của tin tức đã làm cho nó trở nên quan trọng và kỹ năng tường thuật sựviệc cũng như những yêu cầu kể lại câu chuyện sẽ có sự giống nhau

Sự liên quan, hữu ích và gây được quan tâm là những định hướng khái quát để thẩmđịnh giá trị thông tin của bất kỳ sự kiện, vấn đề hay nhân vật nào Cùng với những tiêuchí rõ ràng đó, những yếu tố đặc trưng hơn tiềm tàng trong mỗi câu chuyện

1.3 Yêu cầu Website

Giao diện thân thiện

Dễ tìm kiếm thông tin

Tin tức website được cập nhật thường xuyên

Cung cấp các chức năng có thể cập nhật tin tức dễ dàng

1.4 MVC là gì?

MVC là vi t t t c a Model – View – Controller. Là m t ki n trúc ế ắ ủ ộ ế

ph n m m hay mô hình thi t k  đ ầ ề ế ế ượ c s  d ng trong k  thu t ph n ử ụ ỹ ậ ầ

m m. Nói cho d  hi u, nó là mô hình phân b  source code thành 3 ề ễ ể ố

ph n, m i thành ph n có m t nhi m v  riêng bi t và đ c l p v i các ầ ỗ ầ ộ ệ ụ ệ ộ ậ ớ thành ph n khác ầ

Các thành ph n trong MVC ầ

Controller

Gi  nhi m v  nh n đi u h ữ ệ ụ ậ ề ướ ng các yêu c u t  ng ầ ừ ườ i dùng và g i ọ đúng nh ng ph ữ ươ ng th c x  lý chúng… Ch ng h n thành ph n ứ ử ẳ ạ ầ này s  nh n request t  url và form đ  thao tác tr c ti p v i Model ẽ ậ ừ ể ự ế ớ

Đ m nh n vi c hi n th  thông tin, t ả ậ ệ ể ị ươ ng tác v i ng ớ ườ i dùng, n i ơ

ch a t t c  các đ i t ứ ấ ả ố ượ ng GUI nh  textbox, images… Hi u m t ư ể ộ cách đ n gi n, nó là t p h p các form ho c các file HTML ơ ả ậ ợ ặ

Lu ng đi trong MVC ồ

Đ  gi i thích, mình xin dùng 1 ví d  đ n gi n + hình minh h a sau ể ả ụ ơ ả ọ

Khi có m t yêu c u t  phía client g i đ n server, B  ph n controller ộ ầ ừ ử ế ộ ậ

có nhi m v  nh n yêu c u, x  lý yêu c u đó. Và n u c n, nó s  g i ệ ụ ậ ầ ử ầ ế ầ ẽ ọ

đ n ph n model, v n là b  ph n làm vi c v i Database ế ầ ố ộ ầ ệ ớ

Sau khi x  lý xong, toàn b  k t qu  đ ử ộ ế ả ượ c đ y v  ph n View. T i ẩ ề ầ ạ View, s  gen ra mã Html t o nên giao di n, và tr  toàn b  html v ẽ ạ ệ ả ộ ề trình duy t đ  hi n th ệ ể ể ị

CHƯƠNG 2: PHÂN TÍCH VÀ LỰA CHỌN CÔNG NGHỆ 2.1 Cài đặt Xampp

Đây là địa chỉ IP dạng localhost, ngoài ra bạn cũng có thể chạy localhost với đường

dẫn là http://localhost.

Sau khi tải file cài đặt về xong, hãy chạy nó, sau đó chọn Next.

Bạn nên để mặc định là c:\xampp Tiếp tục ấn Next.

Ở trang kế tiếp, bạn bỏ chọn phần “Learn more about Bitnami for XAMPP “ Và ấn

Next 2 lần nữa để bắt đầu quá trình cài đặt XAMPP

Sau khi cài xong, ấn nút Finish để kết thúc cài đặt và mở bảng điều khiển của

XAMPP Tuy nhiên, hãy khởi động lại máy sau khi cài đặt xong để tránh tình trạngkhông khởi động được localhost

Bạn để ý sẽ thấy hai ứng dụng Apache và MySQL có nút Start, đó là dấu hiệu bảo 2

ứng dụng này chưa được khởi động, hãy ấn vào nút Start của từng ứng dụng để khởiđộng Webserver Apache và MySQL Server lên thì mới chạy được localhost

Nếu cả hai ứng dụng chuyển sang màu xanh như hình dưới là đã khởi động thànhcông

Sau khi khởi động xong, bạn hãy truy cập vào website với địa chỉ

là http://localhost sẽ thấy nó hiển thị ra trang giới thiệu XAMPP như hình dưới.

Bạn có thể ấn vào nút English phía bên dưới để truy cập vào trang quản lý localhost.

Để tạo database, bạn hãy truy cập vào localhost với đường dẫn

http://localhost/phpmyadmin Sau đó bạn nhấp vào menu Databases.

CHƯƠNG 3: PHÂN TÍCH THIẾT KẾ HỆ THỐNG

3.1 Phân tích mức quan niệm dữ liệu

Chứa danh sách các tin tức

Mô tả:

Thuộc tính Kiểu dữ liệu Mô tả

Mã thể loại, Mã tự động tăng, Not null, khóachính

TenKhongDau Varchar(255) Tên thể loại ghi không dấu

TenKhongDau Varchar(255) Tên loại tin ghi không dấu

idLoaiTin Integer (10) Mã loại tin, khóa ngoại

users

chính

comment

chính

chính

3.2 Mô hình dữ liệu quan hệ (Relational Data Diagram)

• Người quản trị (admin): Người quản trị website đăng nhập vào hệ thốngnhằm mục đích quản lý thông tin dữ liệu của website, có toàn quyềnthêm xóa sửa cơ sở dữ liệu

3.3.2 Xác định các chức năng của Actor

Boundary

Association Generalization Include use case

Extend use case

3.3.6 Sequence Diagram

3.3.6.1 Quản lý User:

• Sequence diagram Thêm User

Hình 3.12 – Cập nhật User

• Sequence diagram Xóa User

Hình 3.13 – Sequence diagram Xóa User

3.3.6.2 Quản lý Thể Loại:

Hình 3.14 – Sequence diagram Thêm Thể loại

• Sequence diagram Cập nhật Thể Loại

Hình 3.15 – Sequence diagram Cập nhật Thể loại

• Sequence diagram xóa Thể loại

Hình 3.16 – Sequence diagram Xóa Thể loại

3.3.6.3 Quản lý Loại Tin :

• Sequence diagram Thêm Loại tin

Hình 3.17 – Sequence diagram Thêm Loại tin

• Sequence diagram Cập nhật Loại tin

Hình 3.18 – Sequence diagram Cập nhật Loại tin

• Sequence diagram Xóa Loại tin

Hình 3.19 – Sequence diagram Xóa Loại tin

3.3.6.4 Quản lý Tin Tức:

• Sequence diagram Thêm Tin tức

Hình 3.20 – Sequence diagram Thêm Tin tức

• Sequence diagram Cập nhật

• Sequence diagram Xóa Tin tức

Hình 3.22 – Sequence diagram Xóa Tin tức

3.3.6.5 Đăng Ký thành viên:

• Sequence diagram Đăng ký thành viên

Hình 3.23 – Sequence diagram Đăng ký thành viên

3.3.6.6 Đăng nhập:

Hình 3.24 – Sequence diagram Đăng nhập

Hình 3.28 – Class diagram Thêm User

• Class diagram Cập nhật User

Hình 3.29 – Class diagram Cập nhật User

Hình 3.30 – Class diagram Xóa User

3.3.7.2 Quản lý Thể Loại

• Class diagram Thêm Thể loại

Hình 3.31 – Class diagram Thêm Thể loại.

• Class diagram Cập nhật Thể loại

Hình 3.32 – Class diagram Cập nhật Thể loại

• Class diagram Xóa Thể loại

Hình 3.33 – Class diagram Xóa Thể loại.

3.3.7.3 Quản lý Loại Tin

• Class diagram Thêm Loại tin

Hình 3.34 – Class diagram Thêm Loại Tin.

• Class diagram Cập nhật Loại tin

Hình 3.35 – Class diagram Cập nhật Loại Tin

Luu loai tin()

Control Nhan Update()

Cap nhat thông tin loai tin()

CapNhatLoaiTin Form CapNhatLoaiTin

Luu loai tin()

Hình 3.36 – Class diagram Xóa Loại Tin

3.3.7.4 Quản lý Tin

• Class diagram Thêm Tin

Hình 3.37 – Class diagram Thêm Tin

• Class diagram Cập nhật Tin

Hình 3.38 – Class diagram Cập nhật Tin

• Class diagram Xóa Tin

Hình 3.39 – Class diagram Xoá Tin

Hình 3.42 – Class diagram Tìm kiếm.

3.3.7.8 Ý kiến

Hình 3.43 – Class diagram Ý kiến

CHƯƠNG 4: KẾT QUẢ THỰC NGHIỆM

4.1 Web User

4.1.1 Tổ chức

4.1.1.1 Database

Gổm các bảng :

• TheLoai: Chứa list thể loại tin Một thể loại tin có nhiều loại tin gồm các field:

id, Ten, TenKhongDau

• LoaiTin: Chứa list loại tin Một loại tin có nhiều tin trong đó Gồm các field: id,

IdTheLoai, Ten, TenKhongDau

• TinTuc: Chứa list các tin Gồm các field: id, TieuDe, TomTat, Hinh,

TieuDeKhongDau, NoiDung, idLoaiTin, SoLuotXem, TinNoiBat

• User: List các user (bình thường, quản trị) Gồm các field: id, name, Password,

Email

• comment: id, idTinTuc, NoiDung

• slide: List các hình ảnh: Gồm các field: id, Ten, Hinh, link

4.1.1.2 Website

• File index.php: trang chủ Hiện list thể loại, loại tin, tin xem nhiều, tin nổi bật,

TooltipHTML cho tiêu đề tin Hiện ngày hôm nay, ô tìm kiếm, form đăng nhập

• File loaitin.php: hiện tin trong loại tin, nhận tham số là id Hiện tên loại tin trong

trang và tag title, phân trang, trạng thái record Sắp tin giảm dần theo cách: mớitrước cũ sau

• File chitiettin.php: hiện chi tiết tin, tên loại tin, tin tiếp theo cùng loại, tiêu đề

• File timkiem.php tìm kiếm tin tức theo tên không dấu

4.1.2 Hiện Thực

4.1.2.1 Trang Index.php

4.1.2.2 Trang loaitin.php

4.1.2.4 Trang ketquatim.php

4.1.2.5 Trang dangky.php

KẾT LUẬN

1 Kết quả đạt được

Trong một khoảng thời gian không dài, nhưng với sự chỉ bảo và hướng dẫn củathầy Đỗ Văn Tuấn cùng với sự nỗ lực làm việc của nhóm thực hiện đồ án, đề tài phântích thiết kế và xây dựng website tin tức của chúng em đã được hoàn thành

Với những thuận lợi và khó khăn trong quá trình làm việc, website về cơ bản đãhoàn thành nhưng không tránh phần sai sót Tuy nhiên, chúng em đã rất nổ lực vàwebsite tin tức đã hoàn thành được những nội dung chính sau:

• Phân tích và đánh giá các yêu cầu của website tin tức cơ bản

• Vận dụng ngôn ngữ HTML, PHP, SQL, CSS và công cụ Sublime Text vàoviệc xây dựng website tin tức

• Phần giao diện người dùng: giao diện thân thiện, cho phép bạn đọc dễdàng xem tin, tìm kiếm tin, ý kiến cho mỗi tin website cung cấp

• Phần quản tri: Đã xây dựng được hệ thống quản lý dữ liệu của website,giúp cho những người quản trị dễ dàng quản lý thông tin, dữ liệu, xem,thêm, xóa , cập nhật dữ liệu cho website

2 Hướng phát triển

Ngày nay, internet đã trở thàng phương tiện tra cứu thông tin khổn lồ và tiệndụng cho tất cả mọi người trên thế giới Việc học hành, tìm hiểu thông tin qua mạngcũng đã trở nên hết sức phổ biến Hiểu được tầm quan trọng của tin tức, chúng emluôn muốn hoàn thiện website tin tức của mình tốt hơn, phân tích kỹ hơn các yêu cầu

và xây dựng giao diện hoàn thiện hơn, có tính chuyên nghiệp hơn

TÀI LIỆU THAM KHẢO

1 Bài giảng Thiết kế phần mềm - PGS.TS Huỳnh Xuân Hiệpct325_tkpm

2 phan tich va thiet ke phan mem của thầy Đỗ Văn Tuấn – Khoa Công Nghệ THông Tin – Đại Học Thông Tin Lạc.

3 Giáo trình môn Cơ Sở Dữ Liệu của thầy Cao Tùng Anh - Khoa Công Nghệ Thông Tin – Đại học Kỹ Thuật Công Nghệ

4 website http://www.w3schools.com

5 website http://vnexpress.net