Đồ án tốt nghiệp - Xây dựng trang web thương mại điện tử xem tin tức

TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP. HỒ CHÍ MINH
KHOA ĐÀO TẠO CHẤT LƯỢNG CAO

ĐỒ ÁN TỐT NGHIỆP

XÂY DỰNG TRANG WEB THƯƠNG MẠI
ĐIỆN TỬ XEM TIN TỨC

SVTH : TRẦN NGUYÊN QUANG
MSSV : 15110108
KHÓA : 2015
NGÀNH : CÔNG NGHỆ THÔNG TIN
GVHD : TS.NGUYỄN THIÊN BẢO

Tp. Hồ Chí Minh, tháng 05 năm 2023

CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM
Độc lập – Tự do – Hạnh phúc
***-Tp. Hồ Chí Minh, ngày 29 tháng 05 năm 2023

NHIỆM VỤ THỰC HIỆN ĐỒ ÁN TỐT NGHIỆP
Họ và tên sinh viên: Trần Nguyên Quang

MSSV: 15110108

Ngành: Công nghệ thông tin

Lớp: 15110CL2

Giảng viên hướng dẫn: TS Nguyễn Thiên Bảo
Ngày nhận đề tài: 24/2/2023

Ngày nộp đề tài: 29/05/2023

1. Tên đề tài: Xây dựng trang web thương mại điện tử xem tin tức.

2. Nội dung thực hiện đề tài: Tìm hiểu và phát triển ứng dụng website xem tin
tức trực tuyến bằng công nghệ NestJS và NextJS
3. Sản phẩm: Website xem tin tức trực tuyến

TRƯỞNG NGÀNH

GIẢNG VIÊN HƯỚNG DẪN

CỘNG HOÀ XÃ HỘI CHỦ NGHĨA VIỆT NAM
Độc lập – Tự do – Hạnh phúc
***********

PHIẾU NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN
Họ và tên Sinh viên: Trần Nguyên Quang

MSSV: 15110108

Ngành: Công nghệ thông tin.
Tên đề tài: Xây dựng trang web thương mại điện tử xem tin tức
Họ và tên Giáo viên hướng dẫn: TS Nguyễn Thiên Bảo
NHẬN XÉT
1. Về nội dung đề tài &amp khối lượng thực hiện:
+ Tìm hiểu về hai công nghệ chính là NestJS và NextJS.
+ Xây dựng website xem tin tức với các chính năng chính bao gồm: Xem tin tức,
tạo bài viết,hỗ trợ tìm kiếm bài viết theo tên,… và một số chức năng phụ như:
đăng nhập, đăng xuất,…
+ Xây dựng trang quản lý với các chức năng quản lý người dùng quản lý bài viết
và quản lý các tagname.
+ Phân tích thiết kế và xây dựng hệ thống back-end cũng như database giúp lưu
trữ, giao tiếp, truyền tải, xử lý dữ liệu giữa tầng back-end và front-end.
+ Thực hiện deloy các source Back-end, Front-end và Database lên server và kết
nối cơ sở dữ liệu.
+ Viết unitest và các testcase được thực hiện automation dựa trên thư viện
Cypress.
+ Viết tài liệu và chuẩn bị những tài liệu cần thiết để thuyết trình.
2. Ưu điểm:
+ Dự án được viết dựa trên Nextjs 13 và Nestjs 9.0 được coi là những công nghệ
dẫn đầu của ngôn ngữ Java hiện nay.
+ Source code Back-end được tạo dựng theo mô hình Design Partern và Frontend tổ chức cấu trúc file forlder theo cấu trúc con vịt (Duck) một trong những
boilerplate mới nhất hiện nay.
+ Lấy cảm hứng từ hai thuật ngữ công nghệ hiện nay là: Process Web App và
Mobile First, project khóa luận đã tích hợp một số phiên bả
...

...
quản lý có thể xem
được thống kê qua
biểu đồ chart hình
bánh và có thể lọc dữ
liệu
trên
thanh
datetimepicker

25/05/2023

Không

25/05/2023

Không

25/05/2023

Không

Trang quản lý
thông tin người
dùng

91

Chương 6: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN
6.1.

Kết luận
Qua đề tài, nhóm đã hoàn thành được các mục tiêu đề ra từ đầu, nghiên cứu sâu về

công nghệ NestJS và NextJS của ngôn ngữ Java, được trau dồi thêm nhiều kinh
nghiệm trong việc làm ra một sản phẩm phần mềm, kết quả là tạo ra được một trang web
xem tin tức với các chức năng sau: Xem danh sách các bài viết, xem thông tin chi tiết từng
bài viết, tạo bài viết trực tuyến, có các công cụ đo lượng xem bài viết theo từng danh mục
bài viết, có một trang giao diện quản trị các thông tin bài viết, người dùng, danh mục,…
dành cho quản trị viên.
Ưu điểm: Trang web xem tin tức trực tuyến tạo ra nhằm mục đích đáp ứng nhu cầu
về xem tin tức trực tuyến cho khách hàng theo hướng hiện đại hóa. Trang web có giao diện
thân thiện, dễ thao tác và sử dụng, được tổ chức một cách bài bản và hợp lý, đồng thời
được viết bằng NodeJs kết hợp với ReactJs nên có tốc độ xử lý cao.
Nhược điểm: Chưa phát triển thêm được các tính năng như gợi ý các bài viết liên
quan theo danh mục cho người dùng ở trang chủ, chưa ràng buộc được vấn đề về bản quyền
hình ảnh, video khi người dùng tạo bài viết mới, đếm số người truy cập website, trang web
giao diện còn theo một khuôn mẫu cố định của những trang web đọc xem tin tức truyền
thống chưa có sự đột phá hơn trong UI/UX.

6.2.

Hướng phát triển
Trong tương lai gần nhóm sẽ phát triển thêm một số tính năng sau: Kiểm tra bản

quyền hình ảnh video khi người dùng đăng bài viết mới, gợi ý các bài viết liên quan khi
người dùng đăng nhập, đếm số người truy cập website, giao diện sẽ được nâng cấp và
chăm chút tỉ mỉ hơn và có điểm nhấn hơn.

92

TÀI LIỆU THAM KHẢO
Tiếng việt
[1] Giới thiệu tổng quan về NodeJS: https://techtalk.vn/mot-cai-nhin-tong-quan-nhat-venodejs.html
[2] Giới thiệu tổng quan về ReactJS: https://o7planning.org/vi/12115/gioi-thieu-ve-react
[3] Giới thiệu tổng quan về MySQL: https://topdev.vn/blog/gioi-thieu-ve-mysql/
Tiếng anh
[4]

Ethan Brown, (2014), “Web Development with Node and Express”, Oreilly, pp.

191-201.
[5] David Geary , (2018), “Building React.js Applications with Redux”, David Geary,
pp. 140-159.
[6] Evan Hahn, (2016), “Express In Action: Writing, Building, and Testing Node.js
Applications”, Manning, pp. 250-263.
[7] https://nextjs.org/docs

93