TRƯỜNG ĐẠI HỌC VINH

VIỆN KỸ THUẬT VÀ CÔNG NGHỆ

BÀI TẬP LỚN

HỌC PHẦN: CÔNG NGHỆ PHẦN MỀM

Lớp: Công nghệ phần mềm_01
Nhóm: 10

Đề tài: Xây dựng Website tin tức

Giảng viên: Th.S Lê Văn Thành

Sinh viên thực hiện:

1. Lâm Chí Thành(NT) - 18574802010151

2. Phạm Hữu Toại - 18574802010053
3. Đặng Công Huy - 18574802010016

Nghệ An - 2022
Đồ án học phần: Công nghệ phần mềm

LỜI CAM ĐOAN

Với đề tài “Web tin tức”, nhóm 10 xin cam đoan bài tiểu luận này là do nhóm
thực hiện cùng sự hỗ trợ, tham khảo từ các tư liệu, youtube, giáo trình liên quan đến đề
tài nghiên cứu.

2
Đồ án học phần: Công nghệ phần mềm

DANH MỤC HÌNH ẢNH

Hình 2. 1: Biểu đồ Use case người đọc.....................................................................................12
Hình 2. 2: Biểu đồ Use case người quản trị..............................................................................13
Hình 2. 3: Biểu đồ lớp web tin tức............................................................................................14
Hình 2. 4: Biểu đồ tuần tự tblpos..............................................................................................15
Hình 2. 5: Biểu đồ tuần tự tblcategory......................................................................................15
Hình 2. 6: Biểu đồ tuần tự tblsubcategory................................................................................16
Hình 2. 7: Biểu đồ tuần tự tblcomments...................................................................................16
Hình 2. 8: Biểu đồ tuần tự tblpages..........................................................................................17
Hình 2. 9: Giao diện người dùng..............................................................................................17
Hình 2. 10: Giao diện đọc tin tức..............................................................................................18
Hình 2. 11: Giao diện quản lý...................................................................................................19
Hình 2. 12: Giao diện bài đăng.................................................................................................20
Hình 2. 13: Giao diện người dùng............................................................................................21
Hình 2. 14: Giao diện đọc tin tức..............................................................................................21
Hình 2. 15: Giao diện bình luận................................................................................................22
Hình 2. 16: Thiết kế giao diện quản lý......................................................................................22
Hình 2. 17: Thiết kế giao diện bài đăng....................................................................................23
Hình 2. 18: Thiết kế giao diện quản lý bài đăng.......................................................................23
Hình 2. 19: Thiết kế cơ sở dữ liệu............................................................................................24

3
Đồ án học phần: Công nghệ phần mềm

DANH MỤC BẢNG BIỂU

Bảng 2. 1: Bảng tbladmin.........................................................................................................25
Bảng 2. 2: Bảng tblcategory......................................................................................................25
Bảng 2. 3: Bảng tblcomments...................................................................................................26
Bảng 2. 4: Bảng tblpages..........................................................................................................26
Bảng 2. 5: Bảng tblposts...........................................................................................................26
Bảng 2. 6: Bảng tblsubcategory................................................................................................27

4
Đồ án học phần: Công nghệ phần mềm

Mục Lục
LỜI CAM ĐOAN.........................................................................................................................2
DANH MỤC HÌNH ẢNH...........................................................................................................3
DANH MỤC BẢNG BIỂU..........................................................................................................4
LỜI CẢM ƠN..............................................................................................................................8
MỞ ĐẦU.......................................................................................................................................9
1. Lý do chọn đề tài.................................................................................................9
2. Mục đích thực hiện............................................................................................10
3. Nội dung thực hiện............................................................................................10
4. Cấu trúc đồ án...................................................................................................10
CHƯƠNG 1: GIỚI THIỆU BÀI TOÁN..................................................................................11
1.1. Tính khả thi của đề tài......................................................................................11
1.2. Lập kế hoạch dự án...........................................................................................11
1.3. Khảo sát bài toán...............................................................................................11
1.4. Xác định yêu cầu................................................................................................11
1.4.1.Yêu cầu người dùng....................................................................................11
1.4.2.Yêu cầu hệ thống........................................................................................11
1.4.3.Yêu cầu chức năng.....................................................................................12
1.4.4.Yêu cầu phi chức năng...............................................................................12
1.5. Phân tích yêu cầu...............................................................................................12
CHƯƠNG 2: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG.....................................................13
2.1. Phân tích hệ thống.............................................................................................13
2.1.1.Đối với người dùng....................................................................................13
2.1.2.Đối với người quản trị................................................................................13
2.1.3.Biểu đồ Use Case.......................................................................................13
2.1.4.Biểu đồ lớp.................................................................................................15
2.1.5.Biểu đồ tuần tự...........................................................................................16
2.2. Thiết kế hệ thống...............................................................................................18
2.2.1.Thiết kế kiến trúc........................................................................................18
2.2.2.Thiết kế giao diện.......................................................................................21
2.2.3.Thiết kế cơ sở dữ liệu.................................................................................24
2.2.4.Mô tả bảng trong cơ sở dữ liệu...................................................................26
CHƯƠNG 3: TRIỂN KHAI VÀ ĐÁNH GIÁ HỆ THỐNG...................................................29
3.1. Triển khai hệ thống...........................................................................................29
3.1.1. Lựa chọn công nghệ...........................................................................................29
5
Đồ án học phần: Công nghệ phần mềm

3.1.2.Ngôn ngữ lập trình......................................................................................29

3.1.3.Môi trường triển khai..................................................................................30
3.1.4.Một số giao diện chính...............................................................................32
3.2.Kiểm thử hệ thống..................................................................................................33
3.2.1.Lựa chọn công nghệ kiểm thử....................................................................33
KẾT LUẬN.................................................................................................................................34
1. Kết quả đạt được...............................................................................................34
2. Tồn tại và hạn chế.............................................................................................34
3. Hướng phát triển...............................................................................................34
TÀI LIỆU THAM KHẢO.........................................................................................................35
BẢNG ĐÁNH GIÁ CÁ NHÂN.................................................................................................36

6
Đồ án học phần: Công nghệ phần mềm

LỜI CẢM ƠN
Trước hết nhóm 10 xin gửi lời cảm ơn đến Th.S Lê Văn Thành đã dạy, hướng
dẫn tận tình và giúp chúng em có thêm nhiều kiến thức để vận dùng vào bài tiểu luận
này.
Mặc dù trong quá trình thực hiện đề tài chúng em đã có nhiều cố gắng nhưng do
hạn chế về mặt trình độ của bản thân cũng như thời gian thực hiện nên đề tài không
tránh khỏi những thiếu sót.
Vậy chúng em rất mong nhận được sự quan tâm, giúp đỡ và đóng góp ý kiến từ
phía thầy, cô và các bạn để đề tài hoạn thiện và có thể phát triển thành một wesite có
tính khả thi cao.
Nhóm xin chân thành cảm ơn !

7
Đồ án học phần: Công nghệ phần mềm

MỞ ĐẦU
1. Lý do chọn đề tài
Việc ứng dụng công nghệ thông tin vào các loại hình tin tức khác nhau là yếu tố
quan trọng giúp người dùng dễ dàng trao đổi, lưu trữ. Công nghệ thông tin là
“phương tiện chủ lực” dựa trên nền tảng internet đã xâm nhập vào mọi lĩnh vực của
toàn xã hội.
Hầu hết dân số trên thế giới hiện nay đều tìm kiếm các thông tin, tin tức mình cần
trên internet. Hiện nay tin tức có rất nhiều loại khác nhau, do đó có nhiều cách phân
loại các dạng tin tức mà bạn thường gặp hàng ngày, dưới đây là một số dạng tin tức
phổ biến nhất cùng với cách phân loại tin tức giúp bạn nhanh chóng nắm được khi đọc
hay xem các loại tin tức.
Nếu phân loại theo chủ đề thì có một số dạng tin tức được nhiều người quan tâm như tin
tức thời sự, tin tức chính trị, tin tức văn hóa, tin tức thể thao, công nghệ, sức khỏe, kinh doanh,
kinh tế, môi trường, thời trang và giải trí,…
Đây là các chủ đề thường xuyên xuất hiện trên các mặt báo hay trên các phương tiện thông
tin khác hàng ngày. Chính vì vậy bạn có thể nhanh chóng cập nhật được các tin tức tổng hợp
từ nhiều chủ đề khác nhau.
Bên cạnh đó, song song với xu hướng phát triển của các phương tiện truyền thông như báo
chí, radio, ti vi... thi 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 nhu cầ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 vấn đề trên, công tác quản lý thông tin và truyền thông
đã có nhiều thay đổi, kết hợp với sự phát triển của công nghệ để cái tiến việc truyền đạt, khắc
phục được các nhược điểm của phương thức truyền thống. Từ đó, những người có nhu cầu
cũng chủ động hơn trong việc tim kiểm thông tin về công ty cũng như các dịch vụ mã công ty
đang cung cấp để đưa ra được lựa chọn phù hợp.
Với đề tài “Xây dựng Website tin tức”,nhóm em sẽ tiến hành nghiên cứu và phát
triển ra một website nhằm phục vụ cho việc quản lý thông tin. Website sẽ xung cấp
đầy đủ tính năng cơ bản của một website tin tức như: quản lý tin tức, quản lý thể loại
tin tức, quản lý người đọc. Nó sẽ giúp ích trong việc quản lý thông tin của website.
Nhóm hy vọng đồ án này sẽ giúp nhóm phát triển tiếp website trong tương lai, cũng
như phát triển bản thân trong ngành CNTT giúp bản thân định hướng đúng hơn về con
đường học tập.

8
Đồ án học phần: Công nghệ phần mềm

2. Mục đích thực hiện

Xây dựng Website tin tức được xây dựng với các mục đích chính:
- Củng cố về ngữ lập trình PHP và XAMPP ứng dụng thiết kế và xây dựng
website.
- Đặc tả hệ thống và phân tích hệ thống
- Vận dụng kiến thức đã học và tham khảo qua nhiều tài liệu vào đề tài thực tế.
- Xây dựng website tin tức.
3. Nội dung thực hiện
- Nghiên cứu ngôn ngữ PHP
- Hệ quản trị cơ sở dữ liệu phpMyAdmin
- Thiết kể đặc tả hệ thống
- Phân tích hệ thống
- Xây dựng Website
4. Cấu trúc đồ án
Ngoài phần mở đầu, kết luận báo cáo được trình bày gồm 3 phần chính:
Chương 1: Giới thiệu bài toán
- Chương này trình bày về bài toán quản lý tin tức
Chương 2: Phân tích và thiết kế hệ thống
- Chương này trình bày chức năng chính của hệ thống quản lý tin tức, các tác
nhân liên quan đến hệ thống, thiết kế cơ sở dữ liệu và phác họa giao diện.
Chương 3: Triển khai hệ thống
Chương này trình bày các thử nghiệm, các kết quả đạt được và hiển thị giao
diện sau khi cài đặt.

9
Đồ án học phần: Công nghệ phần mềm

CHƯƠNG 1: GIỚI THIỆU BÀI TOÁN

1.1. Tính khả thi của đề tài
- Nên phát triển hệ thống vì hiện nay hệ thống quản lý tin tức rất cần thiết, tin tức
luôn được cập nhật liên tục từng giây từng phút
- Về kinh tế: sử dụng hệ thống giúp tiết kiệm chi phí
1.2. Lập kế hoạch dự án
- Thu thập thông tin thiết kế website
- Thiết kế giao diện
- Lập trình website
- Phát triển website
1.3. Khảo sát bài toán
Bài toán xây dựng dựa trên nhu cầu thực tế việc tìm kiếm thông tin, tin tức của
người dùng. Chính vì tính cần thiết của bài toán nên website quản lý nhân sự được xây
dựng
Các bước khảo sát:
- Khảo sát sơ bộ: hiện nay các thông tin, tin tức của mọi thể loại như chính trị,
kinh tế, thể thao,… luôn được cập nhật liên tục chính vì thế nhu cầu cần một
website tin tức là rất cần thiết
- Khảo sát chi tiết: các chức năng cần thiết được đặt ra trong quá trình khảo sát
o Tổng quan: là nơi trình bày các thông tin, tin tức của các thể loại được
cập nhật mới nhất
o Danh sách thể loại: có thể xem danh sách thể loại tin tức đang có
o Thêm mới: có thể thêm mới thể loại tin tức, thêm mới các bài đăng
o Bình luận: người đọc có thể bình luận cũng như đánh giá các bài viết
được đăng để giúp người quản lý cải thiện website
o Liên hệ: thông tin liên hệ
1.4. Xác định yêu cầu
1.4.1. Yêu cầu người dùng
o Tìm kiếm bài viết người đọc quan tâm
o Xem và đọc bài viết
o Bình luận
1.4.2. Yêu cầu hệ thống
o Ngôn ngữ lập trình PHP

10
Đồ án học phần: Công nghệ phần mềm

o Hệ quản trị cơ sở dữ liệu phpMyAdmin

1.4.3. Yêu cầu chức năng
o Chức năng đăng tin tức
 Trình bày thông tin, hình ảnh, phù hợp với nhu cầu người đọc
 Tìm kiếm nhanh các tin tức nóng hổi, các sự kiện, các tin đăng
 Cho phép đăng, chỉnh sửa hoặc xoá bài
o Chức năng quản lý:
 Quản lý tất cả thông tin của website
 Cho phép đăng, chỉnh sửa hoặc xoá bài có nội dung không phù
hợp
1.4.4. Yêu cầu phi chức năng
o Giao diện thân thiện dễ sử dụng
o Dữ liệu đảm bảo chính xác về các tin tức được đăng lên
o Load dữ liệu nhanh
Hỗ trợ tốt nhất có thể về các ý kiến của người đọc
1.5. Phân tích yêu cầu
Cũng giống như các trang web động khác, khi xây dựng website tin tức được chia
thành 2 phần
- FrontEnd: Phần giao diện người dùng, là các trang mà cho phép các bạn đọc có
thể vào truy cập
- BackEnd: Phần giao diện danh cho các quản trị website, cho phép admin và
mod có thể quản lý được mọi thông tin và thay đổi trên web, người dùng bình
thường không vào được chức năng này
1.6.

11
Đồ án học phần: Công nghệ phần mềm

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

2.1. Phân tích hệ thống
2.1.1. Đối với người dùng
Vì là website tin tức nên không bắt buộc người dùng phải có tài khoản để có thể xem
tin tức
- Người dùng có thể xem và đọc bài viết
- Tìm kiếm bài viết mà người đọc quan tâm
- Người đọc có thể bình luận bài đọc
2.1.2. Đối với người quản trị
Khi quản trị truy cập đến website của hệ thống sẽ có các chức năng sau:
- Đăng nhập hệ thống và có quyền thêm, sửa, xóa thông tin trên website.
- Người quản trị có thể thêm mới thể loại tin tức, bài đăng.
- Người quản trị có thể duyệt các bình luận của người đọc.
- Người quản trị có thể thay đổi mật khẩu của tài khoản.
2.1.3. Biểu đồ Use Case
- Biểu đồ use case người đọc

Hình 2. 1: Biểu đồ Use case người đọc

12
Đồ án học phần: Công nghệ phần mềm

- Biểu đồ use case người quản trị

Hình 2. 2: Biểu đồ Use case người quản trị

13
Đồ án học phần: Công nghệ phần mềm

2.1.4. Biểu đồ lớp

Hình 2. 3: Biểu đồ lớp web tin tức

14
Đồ án học phần: Công nghệ phần mềm

2.1.5. Biểu đồ tuần tự

Hình 2. 4: Biểu đồ tuần tự tblpos

15
Đồ án học phần: Công nghệ phần mềm

Hình 2. 5: Biểu đồ tuần tự tblcategory

16
Đồ án học phần: Công nghệ phần mềm

Hình 2. 6: Biểu đồ tuần tự tblsubcategory

Hình 2. 7: Biểu đồ tuần tự tblcomments

17
Đồ án học phần: Công nghệ phần mềm

Hình 2. 8: Biểu đồ tuần tự tblpages

2.2. Thiết kế hệ thống

2.2.1. Thiết kế kiến trúc
- Thiết kế giao diện người dùng:

Hình 2. 9: Giao diện người dùng

18
Đồ án học phần: Công nghệ phần mềm

Thiết kế trang giao diện người dùng bao gồm:

o Phần điều hướng: tại đây hiện thị logo website, đồng thời có danh mục
giới thiệu, tin tức và liên hệ
o Phần hiện thị tin tức: hiện thị các bài đăng mới nhất của website
o Phần tìm kiếm: tìm kiếm bài đăng cần tìm
o Phần thể loại: danh mục các thể loại tin tức
o Phần các tin mới : hiển thị các tin mới gần đây
- Thiết kế giao diện đọc tin tức

Hình 2. 10: Giao diện đọc tin tức

Thiết kế giao diện đọc tin tức bao gồm:

o Phần tin tức: thể hiện chi tiết bài viết về tin tức
o Phần bình luận: bao gồm tên và email người đọc cùng bình luận
- Thiết kế giao diện quản lý:

19
Đồ án học phần: Công nghệ phần mềm

Hình 2. 11: Giao diện quản lý

Thiết kế giao diện quản lý thể loại, bài đăng bao gồm:
o Phần danh mục: hiện thị các danh mục
o Phần tài khoản: đăng xuất tài khoản và đổi mât khẩu
o Phần (1): hiện phần đường dẫn của danh mục đã chọn
o Phần (2): hiện phần quản lý thêm thể loại, bài đăng
o Phần (3): hiện phần quản lý xoá thể loại, bài đăng
- Thiết kế giao diện bài đăng

20
Đồ án học phần: Công nghệ phần mềm

Hình 2. 12: Giao diện bài đăng

Thiết kế giao diện bài đăng bao gồm:

o Tiêu đề bài đăng
o Thể loại bài đăng
o Thể loại phụ bài đăng
o Chi tiết bài đăng
o Ảnh bài đăng
2.2.2. Thiết kế giao diện
- Thiết kế giao diện người dùng

21
Đồ án học phần: Công nghệ phần mềm

Hình 2. 13: Giao diện người dùng

- Thiết kế giao diện đọc tin tức

Hình 2. 14: Giao diện đọc tin tức

- Thiết kế giao diện bình luận

22
Đồ án học phần: Công nghệ phần mềm

Hình 2. 15: Giao diện bình luận

- Thiết kế giao diện quản lý

Hình 2. 16: Thiết kế giao diện quản lý

- Thiết kế giao diện bài đăng

23
Đồ án học phần: Công nghệ phần mềm

Hình 2. 17: Thiết kế giao diện bài đăng

- Thiết kế giao diện quản lý bài đăng

Hình 2. 18: Thiết kế giao diện quản lý bài đăng

2.2.3. Thiết kế cơ sở dữ liệu

24
Đồ án học phần: Công nghệ phần mềm

Hình 2. 19: Thiết kế cơ sở dữ liệu

25
Đồ án học phần: Công nghệ phần mềm

2.2.4. Mô tả bảng trong cơ sở dữ liệu

- Tên bảng: tbladmin
STT Diễn giải Tên trường Kiểu Mặc Rằng Ghi
định buộc chú
1 Mã id id int(11) pk Khóa
chính
2 Tên tài khoản AdminUserName varchar(255)
3 Mật khẩu AdminPassword varchar(255)
4 Email AdminEmailId varchar(225)
5 Đã kích hoạt Is_Active int(11)
6 Ngày tạo CreationDate timestamp
7 Ngày cập nhật UpdationDate timestamp
Bảng 2. 1: Bảng tbladmin

- Tên bảng: tblcategory

STT Diễn giải Tên trường Kiểu Mặc Rằng Ghi
định buộc chú
1 Mã id id int(11) pk Khóa
chính
2 Tên thể loại CategoryName varchar(255)
3 Mô tả Description mediumtext
4 Ngày đăng PostingDate timestamp
5 Ngày cập nhật UpdationDate timestamp
6 Đã kích hoạt Is_Active int(11)
Bảng 2. 2: Bảng tblcategory

- Tên bảng: tblcomments

STT Diễn giải Tên trường Kiểu Mặc Rằng Ghi
định buộc chú
1 Mã id id int(11) pk Khóa

26
Đồ án học phần: Công nghệ phần mềm

chính
2 Mã post postId char(11)
3 Tên name varchar(120)
4 Email email varchar(150)
5 Bình luận comment mediumtext
6 Ngày bình luận postingDate timestamp
7 Trạng thái status int(1)
Bảng 2. 3: Bảng tblcomments

- Tên bảng: tblpages

STT Diễn giải Tên trường Kiểu Mặc Rằng Ghi
định buộc chú
1 Mã id id int(11) pk Khóa
chính
2 Tên trang PageName varchar(200)
3 Tiêu đề PageTitle mediumtext
4 Mô tả Description longtext
5 Ngày đăng PostingDate timestamp
6 Ngày cập nhật UpdationDate timestamp
Bảng 2. 4: Bảng tblpages

- Tên bảng: tblposts

STT Diễn giải Tên trường Kiểu Mặc Rằng Ghi
định buộc chú
1 Mã id id int(11) pk Khóa
chính
2 Tiêu đề PostTitle longtext
3 Mã thể loại CategoryId int(11)
4 Mã phụ SubCategoryId int(11)

27
Đồ án học phần: Công nghệ phần mềm

5 Chi tiết bài PostDetails longtext

6 Ngày đăng bài PostingDate timestamp
7 Ngày cập nhật UpdationDate timestamp
8 Đã kích hoạt Is_Active int(1)
9 Link url PostUrl mediumtext
10 Ảnh bài PostImage varchar(255)
Bảng 2. 5: Bảng tblposts

- Tên bảng: tblsubcategory

STT Diễn giải Tên trường Kiểu Mặc Rằng Ghi
định buộc chú
1 Mã thế loại phụ SubCategoryId int(11) pk Khóa
chính
2 Mã thể loại CategoryId int(11)
3 Thể loại phụ Subcategory varchar(255)
4 Mô tả TL phụ SubCatDescription mediumtext
5 Ngày đăng PostingDate timestamp
6 Ngày cập nhật UpdationDate timestamp
7 Đã kích hoạt Is_Active int(1)
Bảng 2. 6: Bảng tblsubcategory

28
Đồ án học phần: Công nghệ phần mềm

CHƯƠNG 3: TRIỂN KHAI VÀ ĐÁNH GIÁ HỆ THỐNG

3.1. Triển khai hệ thống
3.1.1. Lựa chọn công nghệ
- Môi trường lập trình: Sublime Text
- Ngôn ngữ lập trình: PHP
- Hệ quản trị cơ sở dữ liệu: phpMyAdmin
3.1.2. Ngôn ngữ lập trình
- Ngôn ngữ lập trình HTML:
HTML (HyperText Markup Language) - Ngôn ngữ đánh dấu siêu văn bản được sử
dụng đề tạo các tài liệu có thể truy cập trên mạng. Tài liệu HTML được tạo nhờ dùng
các thẻ và các phần tử của HTML. File được lưu trên máy chủ dịch vụ web với phần
mở rộng “.htm“ hoặc “.html". Các trình duyệt sẽ đọc tập tin HTML và hiền thị chúng
đưới dạng trang web. Các thẻ HTML sẽ được ẩn đi, chi hiển thị nội đung văn bản và
các đổi tượng khác: hình ảnh, media. Với các trình duyệt khác nhau đều hiền thị một
tập HTML với 1 kết quả nhất định. Các trang HTML được gửi đi qua mạng internet
theo giao thức HTTP. HTML không những cho phép nhúng thêm các đối tượng hình
ảnh, âm thanh mà còn cho phép nhúng các ngôn ngữ như Javascript để tạo nên hiệu
ứng động cho trang web.
HTML là một chuẩn ngôn ngữ internet được tạo ra và phát triển bởi tổ chức World
WideWeb Consortium còn được viết tắc là W3C. Trước đó thì HTML xuất bản theo
chuẩn của RFC. HTML được tương thích với mọi hệ điều hành cùng các trình duyệt
của nó. Khả năng dễ học, dễ viết là một tru điểm của HTML không những vậy việc
soạn thảo đỏi hỏi hết sức đơn giản và thông thường sử dụng notepad là đã đủ. Hiện
nay. phiên bản mới nhất của HTML là HTML5 với nhiều tỉnh năng iru việt so với các
phiên bản cũ HTML cải tiến khá nhiều đặc biệt hỗ trợ mạnh mẽ các phần tử
multimedia mà không cần các plugin. Một tập tin HTML bao gồm trong đó là các
đoạn văn bản HTML, được tạo lên bởi các thẻ HTML. HTML5 nói chung mạnh mẽ
hơn nhiều không chỉ về tốc độ và độ thích ứng cao mà chính là khả năng hỗ trợ API
(Application Programming Interface - giao diện lập trình ứng dụng) và DOM
(Document Object Model – các đối tượng thao tác văn bản).
- Ngôn ngữ CSS:
CSS (Cascading Style Sheets) là một ngôn ngữ quy định cách trình bày cho các tài
liệu viết bằng HTML, XHTML, XML, SVG, hay UML.CSS quy định cách hiển thị

29
Đồ án học phần: Công nghệ phần mềm

của các thẻ HTML bằng cách quy đặnh các thuộc tỉnh của các thẻ đó (font chữ, kích
thước, màu sắc...). Các đặc điểm kĩ thuật của CSS được duy trì bởi tổ chức W3C.
CSS có cấu trúc đơn giản và sử dụng các từ tiếng anh đề đặt tên cho các thuộc
tỉnh. CSS khi sử dụng có thể viết trực tiếp xen lẫn vào mà HTML hoặc tham chiếu từ
một file css riêng biệt. Và hiện nay CSS thường được viết riêng thành một tập tin với
mở rộng là “.css". Chính vì vậy mà các trang web có sử dụng CSS thì mã HTML sẽ trở
nên ngắn gọn hơn. Ngoài ra có thể sử dụng 1 tập tin CSS đó cho nhiều website tiết
kiệm rất nhiều thời gian và công sức. Một đặc điểm quan trọng đó là tính kế thừa của
CSS do đó sẽ giảm được số lượng dòng code mà vẫn đạt được yêu cầu.
Tuy nhiên, đối với CSS thì các trình duyệt hiểu theo kiểu riêng của nó. Do vậy,
việc trình bày 1 nội dung trên các trình duyệt khác nhau là không thống nhất. CSS
cung cấp hàng trăm thuộc tính trình bày dành cho các đối tượng với sự sáng tạo cao
trong kết hợp các thuộc tính giúp mang lại hiệu quả.
- Ngôn ngữ PHP:
PHP (viết tắt hồi quy "PHP: Hypertext Preprocessor") là một ngôn ngữ lập trình
kịch bản hay một loại mã lệnh chủ yếu được dùng để phát triển các ứng dụng viết cho
máy chủ, mã nguồn mở, đùng cho mục đích tổng quát. Nó rất thích hợp với web và có
thể dễ dàng nhúng vào trang HTML. Do được tối tưu hóa cho các ứng dụng web, tốc
độ nhanh, nhỏ gọn, cú pháp giống C và Java, dễ học và thời gian xây dựng sản phẩm
tương đối ngắn hơn so với các ngôn ngữ khác nên PHP đã nhanh chóng trở thành một
ngôn ngữ lập trình web phổ biến nhất thế giới.
Ngôn ngữ PHP là một ngôn ngữ lập trình web rất phổ biến vì tính linh hoạt dễ sử
dụng, dễ học. Bên cạnh đó PHP còn hỗ trợ lập trình hướng đối tượng (OOP) thì việc
dùng nó để phát triển các ứng dụng là rất dễ dàng. Tuy nhiên, với tính mềm dèo, linh
hoạt của nó đã làm cho người lập trình phát triển ứng dụng với nó không có một quy
định nào về cấu trúc của tập tin, việc quản lý các mã lệnh trong khi phát triển ứng
dụng cũng gặp không ít khó khắn. Từ đó, đã tạo nên một vấn để rất khó giải quyết là
làm sao nâng cấp và sữa chữa các ứng dụng khi nó xảy ra sự cố hay phát triển ứng
dụng cho phù hợp hơn với nhu cầu của người sử dụng, trong các thời điểm khác nhau.
3.1.3. Môi trường triển khai
Để thiết lập môi trường để xây dựng một ứng dụng Web, cần cài đặt XAMPP và
một số phần mềm hỗ trợ khác.
XAMPP là chương trình tạo máy chủ Web (web sever) được tích hợp sẵn Apache,
PHP, MySQL, FTP Server, Mail Server và các công cụ như phpMyAdmin. Không như

30
Đồ án học phần: Công nghệ phần mềm

Appserv, XAMPP có chương trình quản lý khá tiện lợi, cho phép chủ động bật tắt hoặc
khởi động lại các dịch vụ máy chủ bất kỳ lúc nào.
Các thành phần của XAMPP:
- Apache + OpenSSL
- MySQL
- phpMyAdmin

Hình 3. 1: Hình ảnh phần mền XAMPP

Để xây dựng một ứng dụng Web bằng PHP, sử dụng những phần mềm sau:
- Sublime Text: Công cụ hỗ trợ lập trình.
- Trình duyệt web.

31
Đồ án học phần: Công nghệ phần mềm

3.1.4. Một số giao diện chính

- Giao diện người dùng

Hình 3. 2: Hình ảnh giao diện chính

- Giao diện đọc tin tức

32
Đồ án học phần: Công nghệ phần mềm

Hình 3. 3: Hình ảnh giao diện đọc tin tức

- Giao diện quản lý

Hình 3. 4: Hình ảnh giao diện quản lý danh mục

- Thiết kế giao diện bài đăng

33
Đồ án học phần: Công nghệ phần mềm

Hình 3. 5: Hình ảnh giao diện bài đăng

3.2. Kiểm thử hệ thống

3.2.1. Lựa chọn công nghệ kiểm thử

34
Đồ án học phần: Công nghệ phần mềm

KẾT LUẬN
1. Kết quả đạt được
Quá trình nghiên cứu và thực hiện chương trình đã đạt được một số kết quả sau:
- Hiểu được nghiệp vụ của một trang tin tức
- Thông qua nghiệp vụ kết hợp với mục đích thực hiện tin học hoá, mô tả chức
năng của từng hệ thống, xây dựng các biểu dồ UML, và hệ quản trị cơ sở dữ
liệu phpMyAdmin
- Xây dựng website thân thiện qua quá trình nghiên cứu và tham khảo các
webstie khác, phân tích hệ thống và đặc tả giao diện
- Củng cố kiến thức liên quan đến lập trình Web.
2. Tồn tại và hạn chế
Ưu điểm:
- Website thân thiện dễ sử dụng
- Quản trị thuận tiện
Khuyết điểm:
- Chưa tận dụng hết khả năng của phpMyAdmin
- Chưa tận dụng hết khả năng của css và javascript
- Tốc độ chưa đạt hiệu quả tốt nhất
3. Hướng phát triển
Mặc dù đã cố gắng hoàn thiện đồ án với tất cả sự nỗ lực, tuy nhiên đồ án “Website
tin tức” chắc chắn sẽ không thể tránh khỏi những thiếu sót. Chúng em rất mong nhận
được sự quan tâm, thông cảm và những đóng góp quý báu của các thầy cô và các bạn
để đồ án này ngày càng hoàn thiện hơn:
- Tiếp tục bổ sung chức năng để có thể ứng dụng vào thực tế
- Tận dụng hết sức mạnh của phpMyAdmin
- Tận dụng hết khả năng của css và javascript

Một lần nữa, chúng em xin chân thành cảm ơn và mong luôn nhận được sự đóng
góp của mọi người.

35
Đồ án học phần: Công nghệ phần mềm

TÀI LIỆU THAM KHẢO

[1]:https://www.youtube.com/watch?v=WNE0TO1221o&t=1s
[2]: https://www.youtube.com/watch?v=xKTpjLOB20Y&t=1s
[3]:https://www.youtube.com/watch?v=KDrEcbTguNs&t=75s
[4]:https://tieuluan.info/mu-bo-co--n-tt-nghip-v10.html

36
 Đồ án học phần: Công nghệ phần mềm

BẢNG ĐÁNH GIÁ CÁ NHÂN

STT Họ tên Mã SV Lớp Nhận xét Điểm
1 Lâm Chí Thành 18574802010151 59K2 Làm word, vẽ sơ đồ, vẽ figma 8
Đánh giá: Hoàn thành công
việc đề ra, còn thiếu khả năng
quản lý nhóm
2 Nguyễn Hữu Toại 18574802010053 59K2 Thiết kế web 8
Đánh giá: Hoàn thành công
việc dược giao, đóng góp
nhiều cho công việc của nhóm
3 Đặng Công Huy 18574802010016 59K2 Làm silde 7
Đánh giá : Hoàn thành công
việc được giao, còn ít đóng
góp cho chóm

37