Thực tập tốt nghiệp đề tài xây dựng website tin tức

1

BÁO CÁO THỰC TẬP TỐT NGHIỆP

GVHD: Đỗ Văn Uy
SV thực hiện: Nguyễn Thị San - Khúc Xuân Quý
Lớp/khóa:

LTMT2K10.

HÀ NỘI, THÁNG 3 NĂM 2021
1



2

CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM
Độc lập – Tự do – Hạnh phúc
Hà Nội, Ngày 27 tháng3. năm 2021

PHIẾU NHẬN XÉT THỰC TẬP
Họ tên sinh viên (nhóm):Nguyễn Thị San- Khúc Xuân Quý
Lớp-khóa: LTMT2k10
Cơ quan / Doanh nghiệp tiếp nhận:
Địa chỉ:
Ngày bắt đầu:

ngày kết thúc:

Nội dung thực tập:

1. Nhận xét của cơ quan / Đơn vị về chất lượng cơng việc được giao:
Các cơng việc được giao:
⬜ Hồn thành xuất sắc

⬜ Khá

⬜ Yếu

⬜ Tốt

⬜ Trung bình

Hồn tất cơng việc được giao:
⬜ Hồn thành đúng

⬜ Thỉnh thoảng đúng

⬜ Khơng đúng thời hạn

Tính hữu ích của đợt thực tập với cơ quan
⬜ Giúp ích nhiều

⬜ Giúp ích ít

⬜ Khơng giúp ích mấy cho cơ quan

2. Nhận xét của cơ quan / Đơn vị về bản thân sinh viên:
2.1 Năng lực chuyên môn được sử dụng vào công việc được giao ở mức:
⬜ Giỏi

⬜ Khá

⬜ Trung bình

⬜ Yếu

2.2 Tinh thần, thái độ đối với cơng việc được giao:
⬜ Tích cực

⬜ Bình thường

⬜ Thiếu tích cực

2.3 Đảm bảo kỷ luật lao động (giờ giấc lao động, nghỉ làm,...):
⬜ Tốt

⬜ Trung bình

⬜ Kém

2.4 Thái độ đối với cán bộ, công nhân viên trong Cơ quan / Đơn vị:
⬜ Hịa đồng

⬜ Khơng có gì đáng nói

⬜ Rụt rè

2.5 Khả năng sử dụng phần mềm văn phịng (office):
⬜ Giỏi

⬜ Khá

⬜ Trung bình

⬜ Yếu

2


3

2.6 Khả năng sử dụng Tiếng Anh:
⬜ Giỏi

⬜ Khá

⬜ Trung bình

⬜ Yếu

3. Nhu cầu nhân lực của cơ quan (kiến thức, kỹ năng, số lượng):

4. Các nhận xét khác (nếu có):

5. Đánh giá:
a. Điểm chuyên cần, tác phong và đạo đức (Đạt/Không đạt):
b. Điểm chuyên môn

(Đạt/Không đạt):

Trưởng Cơ quan/Đơn vị

Người nhận xét

(Ký tên, đóng dấu và ghi rõ họ tên)

(Ký và ghi rõ họ tên)

3


4

BẢN KẾ HOẠCH THỰC TẬP TỐT NGHIỆP NHÓM 11LTMT2K10
Họ và tên SV: Khúc Xuân Quý - Nguyễn Thị San

Lớp-khóa: LTMT2 K10

Số ĐT: 0963823733 - 0397247285
Email: -
1. Nội dung thực tập: Xây dựng website tin tức
2. Yêu cầu:
- Xây dựng giao diện cho website trên desktop
- Responsive trên mobile
- Áp dụng giao diện của mình vừa tạo vào website (không sử dụng theme )
- Hiển thị được sản phẩm ra ngoài giao diện

3. Kế hoạch thực hiện
Kết quả đạt được

Ngày
thực hiện

Cơng việc triển khai cụ thể

29/1 - 1/2

Phân tích yêu cầu đề bài

100%

2/2 - 9/2

Phân tích thiết kế hệ thống

80%

10/2 - 1/3

Thiết kế giao diện toàn bộ trang web

100%

2/3 - 28/3

Code toàn bộ chức năng của trang
web

100%

29/3 - 31/3

Sửa lỗi và toàn thiện sản phẩm

100%

(theo tỷ lệ %)

Ghi chú

4. Nội dung chi tiết thực hiện

4


5

Hà Nội, ngày
Xác nhận của Cán bộ hướng dẫn
(ký, ghi rõ họ và tên)

tháng

năm 20

Sinh viên
(ký, ghi rõ họ và tên)

5

6

LỜI CẢM ƠN

Trong quá trình làm đề tài này, em đã nhận được nhiều giúp đỡ để có thể
hồn thành được đề tài.
Em xin gửi lời cảm ơn đến các thầy cô trong khoa Công Nghệ Thông Tin Trường cao đẳng nghề Bách Khoa Hà Nội đã giúp đỡ chúng em có những
kiến thức để có thể hồn thành được đề tài này
Đặc biệt, Em xin chân thành cảm ơn thầy giáo Đỗ Văn Uy đã tận tình hướng
dẫn, chỉ bảo chúng em trong suốt quá trình thực hiện đề tài cũng như thực
hiện báo cáo này.
Xin cảm ơn anh Dương Đình Phúc đã giúp đỡ chúng em về mặt kinh nghiệm.

6


7

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ác phươ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 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 nhu cầu tìm hiểu thơng tin, giải trí của xã hội là sự ra đời của
hà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ệc cập nhật thơng tin hành 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
” 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ác trang thơng tin điện tử trực
tuyến càng trở nên quan trọng. Khác với báo chí truyền thơng có thời hạn thời
gian cập nhập tin tức, các 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 người cung cấp thơng tin, các nhà báo, họ
có thể dễ dàng cập nhật những tin 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

7


8

Mục lục

Mục lục

8

Chương I. Giới thiệu đề tài
1.1 Giới thiệu đề tài Website tin tức
1.2 Khảo sát hiện trạng
1.2.1 Khảo sát hiện trạng
1.2.2 Website tương tự
1.3 Mục tiêu
1.4 Đối tượng sử dụng

1.4.1 Người dùng
1.4.2 Ban quản trị
1.5 Mô tả bài tốn

10
10
10
10
11
11
12
12
12
12

Chương II. Khảo sát và phân tích u cầu
2.2 Các chức năng được đề xuất của website
2.1.1 Chức năng dành cho người dùng
2.1.2 Chức năng dành cho người quản trị
2.2 Phân tích chức năng của hệ thống
2.2 Tổng quan chức năng
2.2.1 UseCase tổng quan
2.2.2 Use Case phân rã chức năng quản lý người dùng
2.2.3 Use Case phân rã chức năng quản lý bài viết
2.2.4 Use Case phân rã chức năng quản lý chủ đề
2.2.5 Use Case phân rã chức năng Báo cáo, thống kê
2.2.6 Use Case phân rã chức năng dành cho độc giả
2.2.7 Một số kí hiệu use case.
2.3 Tổng quan chức năng
2.3.1 Đặc tả Use case đăng nhập

2.3.2 Đặc tả usecase quản lý người dùng
2.3.3 Đặc tả usecase quản lý bài viết
2.3.4 Đặc tả usecase quản lý chủ đề
2.3.5. Đặc tả use case Báo cáo
2.3.6 Đặc tả yêu cầu usecase Độc giả
2.4 Yêu cầu phi chức năng

13
13
13
13
13
14
14
15
16
17
18
19
19
20
20
22
27
31
35
38
42

Chương III. Công nghệ sử dụng

3.1 Front-end
3.1.1 VUE.JS
3.1.2 SASS
3.2 Back-end

42
42
43
43
44

8


9
3.2.1 NodeJS
3.2.2 ExpressJS
3.2.3 SQL

44
45
45

Chương IV Phát triển và triển khai ứng dụng

46

4.1 Thiết kế chi tiết
4.1.1 thiết kế giao diện
4.1.2 thiết kế phân quyền

4.1.3 thiết kế Cơ sở dữ liệu
4.1.4 Thiết kế kiến trúc.
a) thiết kế kiến trúc phần mềm của hệ thống
b) Biểu đồ lớp

46
46
53
53
55
55
55

4.2 Kiểm thử

56

9


10

Chương I. Giới thiệu đề tài
1.1 Giới thiệu đề tài Website tin tức
Với sự bùng nổ thông tin của Internet, vai trị của các trang thơng tin điện tử tryuwjc
tuyến ngày 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ập
nhậ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 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ững tin 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 hay xấu, để giúp con người biết những chuyện
xung quanh và trên thế giới. Ngày nay, nhờ thông tin truyền thơng nhanh cho nên bất cứ
chuyện gì vừa xảy ra ở đâu trên thế giới thì ta đề có thể biết ngay được , nhờ đó mà có thể
học được nhiều cái hay cũng như tránh được những chuyện xấu có thể xảy ra như các trận
sóng thần, bão lũ, các chất độc hại ảnh hưởng đến sức khỏe.
Tin tức vơ cùng quan trọng nó cho người ta tri thức và là cơ sở để tiến hành mọi việc
lớn nhỏ. khi có Internet, Tin tức càng quan trọng vì tốc độ lan truyền nhanh ảnh hưởng ngay
tức thì trên diện rộng

1.2 Khảo sát hiện trạng
1.2.1 Khảo sát hiện trạng
Thói quen cập nhật và " tiêu thụ " thơng tin báo chí khơng ngừng thay đổi, Đặc biệt
trong bối cảnh khoa học và công nghệ phát triển với tốc độ cực kì nhanh như hiện tại.Thói
quen cập nhật tin tức của độc giả cũng thay đổi liên tục trong khoảng thời gian rất ngắn.
Bài viết dưới đây là kết quả của một khảo sát do Trường Đại học Quốc Gia thành phố Hồ
Chí Minh - trường Đại học khoa học xã hội và nhân văn khảo sát trên hơn 300 người( ở độ
tuổi từ 16- 30) nguồn link cho thấy:

10


11

Từ những kết quả nghiên cứu được thì ta thấy rõ từ những năm trở lại đây đã có
sự thay đổi và chuyển dịch trong thói quen cập nhật tin tức của độc giả qua các vấn đề sau
- sự sụt giảm mạnh mẽ dễ nhận thấy của số lượng báo in. Số lượng rất ít các bạn trẻ hiện
nay cập nhật tin tức qua báo in như một nguồn cung cấp tin tức quan trọng.
- Truyền hình dần mất đi sức hấp dẫn đối với công chúng, mất đi sức hấp dẫn về mặt thời
sự. sự tiện ích khi theo dõi tin tức.

- trong bối cảnh các độc giả hiện nay sử dụng chủ yếu là các thiết bị di động thông minh .
khả năng truy cập tin tức mọi lúc mọi nơi. Nên việc các trang báo ra đời nhằm phục vụ thói
quen của cơng chúng

1.2.2 Website tương tự
Trên thị trường có rất nhiều website về tin tức như báo thanh niên, 24h, báo dân trí về các tin tức thời sự . Báo mới , việt giải trí , vnexpress thường nói về các bài báo lá cải
giải trí , thời trang

1.3 Mục tiêu
Website tin tức đặt ra những mục tiêu sau:
Người dùng có thể dễ dàng truy cập vào website thông qua mạng internet, dễ dàng tra cứu
và tìm kiếm thơng tin. Người dùng có thể thực hiện các thao tác mà họ muốn mà không gặp
phải bất kỳ trở ngại nào.

11


12

1.4 Đối tượng sử dụng
1.4.1 Người dùng
Người dùng(các độc giả ) có thể sử dụng các chức năng đơn giản nhất của một
website: xem tin tức, tìm kiếm, like, share, báo cáo bài viết

1.4.2 Ban quản trị
Người quản trị có quyền của người quản lý website theo từng chức vụ
- Thêm, sửa,xóa bài viết
- Sửa thơng tin tài khoản , bài viết cũng như các nhân viên mình quản lý

....

1.5 Mơ tả bài tốn
●

●

Khi mà Độc giả truy cập vào trang web sẽ thấy những tin tức được cập nhật mới
nhất. Click vào sẽ đọc chi tiết toàn bộ bài viết. Độc giả có thể tìm kiếm tin tức theo
keyword kết quả trả về sẽ là tên tiêu đề hoặc nội dung của bài viết liên quan đến
keyword. Độc giả có thể báo cáo bài viết khi thấy bài viết sai sự thật, bài viết sai
chính tả hoặc nội dung bài viết chưa được hay và hấp dẫn
Các bài viết sẽ được quản lý bằng 1 trang quản trị được phân cấp lần lượt theo :
Admin, quản lý , nhân viên …
○ Khi muốn thêm ,sửa, xóa người dùng Admin hoặc quản lý sẽ click vào button
chỉ chức năng tương ứng. chỉ có Admin hoặc quản lý ( thêm các tài khoản
của nhân viên mình quản lý). nhân viên chỉ có quyền sửa thơng tin của chính
mình.
○ Khi muốn thêm ,sửa, xóa bài viết Admin hoặc quản lý sẽ click vào button chỉ
chức năng tương ứng . chỉ có Admin hoặc quản lý ( thêm,sửa, xóa các bài
viết của nhân viên mình quản lý). nhân viên chỉ có quyền sửa,xóa thơng tin
bài viết của chính mình.
○ Khi muốn chỉnh sửa, thêm, hay xóa chủ đề. chỉ Admin mới có thể có thể làm
việc này
○ Khi muốn xem các bài viết được độc giả báo cáo . người dùng có thể click
vào để sửa bài viết và xóa nội dung báo cáo khi đã được sửa hoặc bài viết
đã được xóa

12

13

Chương II. Khảo sát và phân tích yêu cầu
2.2 Các chức năng được đề xuất của website
2.1.1 Chức năng dành cho người dùng
-

Tìm kiếm và xem thơng tin khóa học
Báo cáo các bài viết sai chính tả, sai nội dung,...

2.1.2 Chức năng dành cho người quản trị
-

Thêm, sửa, xóa người dùng
Thêm, sửa, xóa bài viết
Thêm, sửa, xóa chủ đề
Xem và xóa các bài báo do độc giả báo cáo

2.2 Phân tích chức năng của hệ thống
Hệ thống website (trang web) này có một thành phần chính là trang web tin tức với
nhiều tin tức đến từ trong nước và ngoài nước
Hệ thống bao gồm hai tác nhân chính:
- Độc giả: là người có nhu cầu xem các tin tức được cập nhật trên trang web
- Người quản trị (Admin, quản lý, nhân viên): là người quản lý hệ thống web,
quản lý các nội dung của website

13


14

2.2 Tổng quan chức năng
2.2.1 UseCase tổng quan

14


15

2.2.2 Use Case phân rã chức năng quản lý người dùng

15


16

2.2.3 Use Case phân rã chức năng quản lý bài viết

16


17

2.2.4 Use Case phân rã chức năng quản lý chủ đề

17


18

2.2.5 Use Case phân rã chức năng Báo cáo, thống kê

18


19

2.2.6 Use Case phân rã chức năng dành cho độc giả

2.2.7 Một số kí hiệu use case.
Actor:
cóbất
thểkì.
là người dùng, hoặc 1 hệ thống
nào
khác

Use Case: Là các chức năng mà Actor sử dụng

Communication
Link:
Kết
nối giữa
các Actor
và use
case,
đó có
những
sự tương
tác nào

với hệ
thống.cho biết Actor
Boundary
of System:
kết nối
và use
cho biết Actor
đó có những
sự giữa
tươngActor
tác nào
với case,
hệ
thống

19


20

Relationship: Mối quan hệ giữa các Use Case với nhau

2.3 Tổng quan chức năng
2.3.1 Đặc tả Use case đăng nhập
Mã use case

UC001

Tên Use Case

Tác nhân

Người dùng( Admin, quản lý , nhân viên)

Tiền điều kiện

truy cập được vào trang quản lý

Đăng nhập

Thêm người dùng
LS
uT
ồT
n
g
s
ự
k 1
i
ệ
n
c
h
2
í
n
h

Th

ực
hiệ
n
bở
i

Hành
động

Qu
ản
trị
viê
n

chọn
chức
năng
đăng
nhập

Hệ
thố
ng

hiển thị
giao
diện
đăng
nhập

3 Qu
ản
trị
viê
n

Nhập
user
name
và mật
khẩu

4 Qu
ản

yêu
cầu

20


21

trị
viê
n

đăng
nhập

5 Hệ
thố
ng

kiểm
tra xem
đã
nhập
các
trường
bắt
buộc
hay
chưa

6 Hệ
thố
ng

kiểm
tra
userna
me và
mật
khẩu
đã
nhập
đúng
hay

chưa
và
chuyển
đến
trang
quản trị

LS
uT
ồT
n
g
s
ự
k 6
i a
ệ
n
t
h
a

Th
ực
hiệ
n
bở
i

Hành

động

Hệ
thố
ng

Thông
báo lỗi:
cần
nhập
các
trường
bắt
buộc

21


22

y
t
h
ế

nhập
nếu
người
dùng
nhập

thiếu
6 hệ
a thố
ng

Thơng
báo lỗi:
user
name
và mật
khẩu
chưa
đúng
hoặc
khơng
tìm
thấy
userna
me và
mật
khẩu
trong
hệ
thống

2.3.2 Đặc tả usecase quản lý người dùng

22

23

Mã use case

UC002

Tên Use Case

Tác nhân

Người dùng( Admin, quản lý , nhân viên)

Tiền điều kiện

người dùng đã đăng nhập

quản lý người dùng

Thêm người dùng
LS
uT
ồT
n
g
s
ự
k 1
i
ệ
n

c
h
í
n
h
2

Th
ực
hiệ
n
bở
i

Hành
động

Qu
ản
trị
viê
n

u
cầu
chức
năng
thêm
mới tin
người

dùng

Hệ
thố
ng

Hiển thị
chức
năng
thêm
mới
người
dùng

3 Qu
ản
trị
viê
n

Nhập
các
thơng
tin

4 Qu
ản
trị
viê
n

u
cầu
thêm
mới

5 Hệ
thố

Kiểm
tra các

23


24

ng

6 Hệ
thố
ng

LS
uT
ồT
n
g
s
ự

k 6
i a
ệ
n
t
h
a
y
t
h
ế

trường
nhập
dữ liệu
Thêm
mới
người
dùng

Th
ực
hiệ
n
bở
i

Hành
động

Hệ
thố
ng

Thơng
báo lỗi
nếu
thêm
mới
khơng
thành
cơng

sửa người dùng
LS
uT
ồT
n
g
s
ự
k 1
i
ệ
n
c
h
í
2
n

h

Th
ực
hiệ
n
bở
i

Hành
động

Qu
ản
trị
viê
n

Chọn
và xem
thơng
tin cần
chỉnh
sửa

Hệ
thố
ng

Lấy

thông
tin và

24