Đồ án xây dựng website trang báo thương mại điện tử

KỸ THUẬT – CÔNG NGHỆ CẦN THƠ
KHOA CÔNG NGHỆ THÔNG TIN
ĐỒ ÁN HỌC PHẦN 2
ĐỀ TÀI
XÂY DỰNG WEBSITE TRANG BÁO THƯƠNG MẠI ĐIỆN TỬ
Tham khảo thêm tài liệu tại Luanvantot.com
Dịch Vụ Hỗ Trợ Viết Thuê Tiểu Luận,Báo Cáo
Khoá Luận, Luận Văn
Zalo Hỗ Trợ : 0934.573.149
Cần Thơ – 2022

KỸ THUẬT – CÔNG NGHỆ CẦN THƠ
KHOA CÔNG NGHỆ THÔNG TIN
ĐỒ ÁN HỌC PHẦN 2
ĐỀ TÀI
XÂY DỰNG WEBSITE TRANG BÁO THƯƠNG MẠI ĐIỆN TỬ
GIẢNG VIÊN HƯỚNG DẪN SINH VIÊN THỰC HIỆN
Th.S Phạm Yến Nhi Trần Thị Thu Trúc (MSSV: 1800019)
Phan Ngọc Giang (MSSV: 1800862)
Trần Đông Phong( MSSV: 1800629)
Ngành: Hệ thống Thông tin – 2018
Cần Thơ – 2022

GIẢNG VIÊN HƯỚNG DẪN
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
…………………………………………………………………………………
Cần Thơ, ngày tháng năm 202
Giảng viên hướng dẫn
(Ký ghi rõ họ tên)

GIẢNG VIÊN PHẢN BIỆN
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………
Cần Thơ, ngày tháng năm 202
Giảng viên phản biện
(Ký ghi rõ họ tên)

em xin cam đoan: Đề tài đồ án học phần 2 “Xây dựng website trang báo thương
mại điện tử” là bài viết của nhóm em, dưới sự hướng dẫn nhiệt tình của giảng viên-cô
Phạm Yến Nhi và sự giúp đỡ của bạn bè tại Trường Đại học Kỹ Thuật- Công nghệ Cần
Thơ.
Các số liệu, kết quả trình bày trong đồ án hoàn toàn trung thực không sao chép của bất cứ
ai, nếu sai nhóm em sẽ chịu hoàn toàn trách nhiệm và mọi kỉ luật của bộ môn và nhà
trường đề ra.
Cần Thơ, ngày … tháng … năm 2021
Nhóm sinh viên thực hiện

hoàn thành đồ án này, nhóm em xin gửi lời cám ơn chân thành đến các Thầy, Cô trong
trường Đại học Kỹ thuật-Công nghệ Cần Thơ nói chung và các Thầy, Cô trong khoa Công
nghệ thông tin bộ môn Hệ thống thông tin. Đặc biệt, nhóm em xin chân thành gửi lời cám
ơn sâu sắc đến Cô Phạm Yến Nhi đã tận tình hướng dẫn, chỉ bảo và tạo mọi điều kiện giúp
đỡ em trong suốt quá trình làm đồ án. Sau cùng em gửi lời cám ơn đến gia đình, bạn bè đã
động viên cổ vũ giúp đỡ nhóm em trong suốt quá trình học tập nghiên cứu làm đồ án.
Nhóm em xin chân thành cám ơn!
Cần Thơ, ngày … tháng … năm 202
Nhóm sinh viên thực hiện

án nhằm giới thiệu một cách khái quát về “Thiết kế website trang báo điện tử” khác
với một trang web nói chung hay trang thông tin điện tử, báo trực tuyến cập nhật thường
xuyên tin tức-đặc biệt là đăng “tin tức thời”. Tin điện tử cho phép mọi người trên khắp thế
giới tiếp cận tin tức nhanh chóng không phụ thuộc vào không gian và thời gian. Sự phát
triển của tin điện tử đã làm thay đổi thói quen đọc tin do tính tiện lợi của nó và ít nhiều có
ảnh hưởng đến việc phát triển báo giấy truyền thống.
Bố cục đồ án bao gồm 5 chương:
o CHƯƠNG I: TỔNG QUAN ĐỀ TÀI
Nội dung chương này giới thiệu về đề tài, mục tiêu đề tài, phương pháp nghiên cứu,
phạm vi nghiên cứu và ý nghĩa của đề tài
o CHƯƠNG II: KHẢO SÁT VÀ ĐẶC TẢ WEBSITE
Cho ta biết về thực trạng hiện tại của đề tài khi chưa có website và các chức năng
của website
o CHƯƠNG III: CƠ SỞ LÝ THUYẾT
Sẽ cho ta biết được các công cụ hỗ trợ để xây dựng được một website digital
marketing
o CHƯƠNG IV: PHÂN TÍCH THIẾT KẾ WEBSITE
Website sẽ được phân tích chi tiết từng chức năng để có thể hiểu rõ hơn cách thức
hoạt động của website
o CHƯƠNG V: CÀI ĐẶT VÀ HƯỚNG DẪN SỬ DỤNG PHẦN MỀM
Hướng dẫn sử dụng phần mềm

CHỮ VIẾT TẮT
STT Kí hiệu, viết tắt Ý nghĩa
1 OOTD Outfit of the day
2 CSDL Cơ sở dữ liệu
3 PHP Personal Home Page
4 HTML Hypertext Markup Language
5 CSS Cascading Style Sheets
6 UC Usecase

…………………………………………………………………………………………………………………….14
CHƯƠNG 1: TỔNG QUAN ĐỀ TÀI ………………………………………………………………………….15
1.1 Giới thiệu đề tài………………………………………………………………………………………………15
1.2 Mục tiêu đề tài:……………………………………………………………………………………………….15
1.3 Phương pháp nghiên cứu: ……………………………………………………………………………….15
1.4 Phạm vi nghiên cứu ………………………………………………………………………………………..15
1.5 Ý nghĩa của đề tài……………………………………………………………………………………………16
CHƯƠNG 2: KHẢO SÁT VÀ ĐẶT TẢ HỆ THỐNG …………………………………………………17
2.1 Khảo sát thực trạng về chủ thể của đề tài. ……………………………………………………….17
2.2 Khảo sát hệ thống phần mềm ………………………………………………………………………….17
2.2.1 Quản lý tài khoản………………………………………………………………………………….17
2.2.2 Quản lý chuyên mục……………………………………………………………………………..18
2.2.3 Quản lý bài viết…………………………………………………………………………………….18
CHƯƠNG 3: CƠ SỞ LÝ THUYẾT …………………………………………………………………………….19
3.1 Visual Studio Code …………………………………………………………………………………………19
3.2 PHPMYADMIN …………………………………………………………………………………………….20
3.3 StarUML…………………………………………………………………………………………………………20
3.4 Hypertext Markup Language………………………………………………………………………….21
3.5 Microsoft SQL Server …………………………………………………………………………………….21
3.6 Cascading Style Sheets (CSS) …………………………………………………………………………22
3.7 Bootstrap ………………………………………………………………………………………………………..22
CHƯƠNG 4: PHÂN TÍCH THIẾT KẾ HỆ THỐNG………Error! Bookmark not defined.
4.1 Danh sách tác nhân của hệ thống:………………………Error! Bookmark not defined.
4.2 Usecase của hệ thống: ………………………………………………Error! Bookmark not defined.
4.2.1 Sơ đồ Usecase tổng quát của hệ thống……..Error! Bookmark not defined.
4.3 Sơ đồ Class………………………………………………………..Error! Bookmark not defined.
4.4. Sơ đồ ERD ……………………………………………………….Error! Bookmark not defined.
4.5. Bảng dữ liệu……………………………………………………..Error! Bookmark not defined.
CHƯƠNG 5:CÀI ĐẶT VÀ HƯỚNG DẪN SỬ DỤNG PHẦN MỀM ..Error! Bookmark
not defined.
5.1 Giao diện trang web…………………………………………..Error! Bookmark not defined.
5.1.1 Giao diện trang chủ………………………………….Error! Bookmark not defined.
5.1.2 Giao diện chuyên mục thời trang……………..Error! Bookmark not defined.
5.1.3 Giao diện chuyên mục làm đẹp………………..Error! Bookmark not defined.
5.1.4 Giao diện chuyên mục giải trí ………………….Error! Bookmark not defined.
5.1.5 Giao diện chuyên mục đời sống……………….Error! Bookmark not defined.
5.2 Giao diện đăng nhập:…………………………………………Error! Bookmark not defined.
5.2 Giao diện Quản lý:…………………………………………….Error! Bookmark not defined.
5.2.1 Tạo tài khoản…………………………………………..Error! Bookmark not defined.
5.2.2 Thêm thông tin chi tiết…………………………….Error! Bookmark not defined.

tin chi tiết………………………………..Error! Bookmark not defined.
5.2.4 Thêm chuyên mục……………………………………Error! Bookmark not defined.
5.2.4 Sửa thông tin chuyên mục ……………………….Error! Bookmark not defined.
5.3 Giao diện của nhân viên…………………………………….Error! Bookmark not defined.
5.3.1 Giao diện chức năng Thêm bài viết của nhân viên… Error! Bookmark not
defined.
5.3.3 Giao diện Danh sách bài viết……………………Error! Bookmark not defined.
KẾT LUẬN ……………………………………………………………………Error! Bookmark not defined.
TÀI LIỆU THAM KHẢO ………………………………………………Error! Bookmark not defined.

1. Sơ đồ UC website trang báo điện tử ………………….Error! Bookmark not defined.
Hình 2. Sơ đồ Class website trang báo điện tử ……………….Error! Bookmark not defined.
Hình 3. Sơ đồ ERD………………………………………………………..Error! Bookmark not defined.
Hình 4. Giao diện trang chủ………………………………………….Error! Bookmark not defined.
Hình 5. Giao diện mục thời trang………………………………….Error! Bookmark not defined.
Hình 6. Giao diện OOTD ……………………………………………..Error! Bookmark not defined.
Hình 7. Giao diện collection…………………………………………Error! Bookmark not defined.
Hình 8. Giao diện mix&match………………………………………Error! Bookmark not defined.
Hình 9. Giao diện chuyên mục làm đẹp ………………………..Error! Bookmark not defined.
Hình 10. Giao diện xu hướng làm đẹp…………………………..Error! Bookmark not defined.
Hình 11. Giao diện giữ dáng…………………………………………Error! Bookmark not defined.
Hình 12. Giao diện giải trí……………………………………………..Error! Bookmark not defined.
Hình 13. Giao diện sao …………………………………………………Error! Bookmark not defined.
Hình 14. Giao diện review …………………………………………….Error! Bookmark not defined.
Hình 15. Giao diện đời sống ………………………………………….Error! Bookmark not defined.
Hình 16 Giao diện du lịch …………………………………………….Error! Bookmark not defined.
Hình 17 Giao diện ẩm thực …………………………………………..Error! Bookmark not defined.
Hình 18. Giao diện lifestyle ………………………………………….Error! Bookmark not defined.
Hình 19. Giao diện nút để quản lý và nhân viên đến form đăng nhập …Error! Bookmark
not defined.
Hình 20. Giao diện đăng nhập ……………………………………….Error! Bookmark not defined.
Hình 21. Thông báo đăng nhập không hợp lệ…………………Error! Bookmark not defined.
Hình 22. Giao diện quản lý ……………………………………………Error! Bookmark not defined.
Hình 23. Giao diện Tạo tài khoản ………………………………….Error! Bookmark not defined.
Hình 24. Giao diện sau khi thêm thành công………………….Error! Bookmark not defined.
Hình 25. Giao diện sửa thông tin……………………………………Error! Bookmark not defined.
Hình 26. Giao diện sửa thông tin thành công …………………Error! Bookmark not defined.
Hình 27. Giao diện danh sách tài khoản…………………………Error! Bookmark not defined.
Hình 28. Giao diện cập nhật thông tin chi tiết………………..Error! Bookmark not defined.
Hình 29. Giao diện khi đã cập nhật thông tin chi tiết thành công … Error! Bookmark not
defined.
Hình 30. Giao diện báo lỗi khi bỏ trống thông tin ………….Error! Bookmark not defined.
Hình 31. Giao diện sửa thông tin chi tiết nhân viên………..Error! Bookmark not defined.
Hình 32. Giao diện khi đã sửa thông tin chi tiết …………….Error! Bookmark not defined.
Hình 33. Giao diện khi đã sửa thông tin chi tiết thành công………… Error! Bookmark not
defined.
Hình 34. Giao diện thêm chuyên mục ……………………………Error! Bookmark not defined.
Hình 35. Giao diện sau khi thêm thành công………………….Error! Bookmark not defined.
Hình 36. Giao diện sửa thông tin chuyên mục ……………….Error! Bookmark not defined.

Giao diện hiện khi đã sửa thông tin chuyên mục ………….. Error! Bookmark not
defined.
Hình 38. Giao diện quản lý của nhân viên ……………………..Error! Bookmark not defined.
Hình 39. Giao diện Thêm bài viết ………………………………….Error! Bookmark not defined.
Hình 40. Giao diện tin mới …………………………………………Error! Bookmark not defined.
Hình 41. Giao diện bài xem chi tiết ……………………………….Error! Bookmark not defined.
Hình 42 3. Giao diện của danh sách bài viết……………………Error! Bookmark not defined.
Hình 43 4. Giao diện nút Sửa………………………………………….Error! Bookmark not defined.

1. Tài khoản………………………………………………………….Error! Bookmark not defined.
Bảng 2. Nhân viên …………………………………………………………Error! Bookmark not defined.
Bảng 3. Chuyên mục……………………………………………………..Error! Bookmark not defined.
Bảng 4. Chi tiết bài viết…………………………………………………Error! Bookmark not defined.
Bảng 5. Bài viết …………………………………………………………….Error! Bookmark not defined.
Bảng 6. Tin mới…………………………………………………………….Error! Bookmark not defined.

hiện nay, hàng triệu người trên thế giới đều sử dụng Internet và xem đây là nơi lý
tưởng để tìm kiếm thông tin thì website được xem là chiến lược Marketing trực tuyến mang
lại hiệu quả cao bên cạnh các trang mạng xã hội. Điều này đã kéo hàng loạt các website
thương mại điệntử ra đời nhằm phục vụ nhu cầu tìm kiếm thông tin của số lượng lớn người
dùng.
Trong thời đại công nghệ thông tin phát triển như hiện nay, chỉ với một thiết bị thông minh
có thể kết nối Internet là người dùng có thể tìm thấy thông tin một cách nhanh chóng và
đơn giản giúp ích cho việc quản lý chi phí và thời gian một cách hiệu quả, tạo điều kiện
thuận lợi cho việc đầu tư vào các hoạt động đời sống khác. Hay nói cách khác, website
được xem là điều cần thiết trong thời đại cạnh tranh mang tính toàn cầu như hiện nay. Bên
cạnh đó, không thể không đề cập đếnkhái niệm Digital Marketing – sự kết nối doanh nghiệp
với đúng phân khúc khách hàng của mình. Trong thời đại số hóa, chiến lược tốt nhất của
doanh nghiệp là kết nối với khách hàng của mình thông qua môi trường internet – nơi họ
dành nhiều thời gian nhất trong ngày.
Bên cạnh đó, nền tảng kỹ thuật số với sự phát triển của mình cũng đang chiếm tỷ trọng lớn
trong các chiến lược Marketing dài hạn của nhiều doanh nghiệp lớn-nhỏ, bằng cách này
chủ doanh nghiệp có thể dễ dàng đạt được lợi ích mà mình mong muốn.

QUAN ĐỀ TÀI
1.1 Giới thiệu đề tài
Trong nền kinh tế thị trường hiện nay, các doanh nghiệp cạnh tranh với nhau vô cùng
gay gắt về việc quảng bá hình ảnh, đưa thông tin sản phẩm thông qua các phương tiện
truyền thông, các trang báo điện tử để có thể tồn tại và phát triển trên thị trường. Đặc
biệt khi các nước trên thể giới cùng tham gia vào chuỗi giá trị toàn cầu thì cạnh tranh
không những chỉ trong phạm vị trong nước mà còn mở rộng ra với các doanh nghiệp
đối tác nước ngoài.
Kể từ khi Internet xuất hiện, hành vi và xu hướng trao đổi thông tin của người tiêu dùng
có nhiều thay đổi. Nhiều đối tượng khách hàng ưa chuộng hổ trợ về việc đưa thông tin
tiếp cận tới người dùng một cách nhanh chóng về việc tìm kiếm thông tin trên các công
cụ tìm kiếm hay mạng xã hội, vv… Điều này đã tạo nên một phân khúc khách hàng
mới – khách hàng trên Internet. Việc quảng bá hình ảnh thông qua các phương tiện
truyền thông, các trang báo điện tử. Các trang báo thương mại điện tử là lựa chọn thích
hợp nhất, mang lại nhiều lợi ích cho các doanh nghiệp, nó giúp cho các doanh nghiệp
nắm được thông tin phong phú về thị trường và đối tác, tiết kiệm chi phí bán hàng và
tiếp thị, tạo điều kiện cho việc thiết lập và cũng cố mối quan hệ giữa các thành phần
tham gia vào quá trình phát triển nền kinh tế số hóa. Digital Marketing ra đời kể từ đây.
1.2 Mục tiêu đề tài:
Với đề tài “Thiết kế website trang báo điện tử” có thể giúp người dùng tiếp cận tin tức
nhanh chóng không phụ thuộc vào không gian và thời gian.
Kết quả mà hệ thống mong muốn đạt được là có thể cung cấp được thông tin tối ưu
nhất cho người dùng, đem lại trải nghiệm mới mẻ và nhanh chóng, phù hợp với “tầm
nhìn” của các doanh nghiệp
1.3 Phương pháp nghiên cứu:
Sau được tiếp xúc và học tập tại môi trường của trường Đại học Kỹ thuật – Công nghệ
Cần Thơ thì em đã được các giảng viên ở trường, đặc biệt là các giảng viên của Khoa
Công nghệ thông tin truyền đạt rất nhiều kiến thức bổ ích về môn chuyên ngành Hệ
thống thông tin như phân tích thiết kế hệ thống, CSDL, ngôn ngữ lập trình web như
HTML, PHP, …. Vận dụng các kiến thức đã học nhóm em đã áp dụng các kiến thức
trên để thiết kế một “website trang báo điện tử” này.
1.4 Phạm vi nghiên cứu
Hệ thống sẽ được sử dụng trong phạm vi trang báo điện tử của tòa soạn có mô hình
quản lý đơn giản..

của đề tài
Ý nghĩa khoa học: Đề tài “Thiết kế website trang báo điện tử” là sản phẩm đầu tay em
xây dựng có ý nghĩa rất lớn đối với cá nhân em. Sẽ giúp em tích lũy thêm kinh nghiệm,
kiến thức các kỹ năng về phân tíchthiết kế để em ngày càng học tập tốt hơn, hoàn thiện
hơn và giúp ích cho công việc sau này.
Ý nghĩa thực tiễn: Đề tài “ Thiết kế website trang báo điện tử” giúp ích rất nhiều đối
với các doanh nghiệp trong việc tiếp cận với khách hàng. Giúp những doanh nghiệp
đang nhắm vào nền kinh tế số có thể tiếp cận khách hàng một cách tối đa. Đề tài giúp
cho những doanh nghiệp đơn giản hóa việc thực hiện các giao dịch bán hàng, dịch vụ
trực tuyến,… góp phần tiết kiệm chi phí nhân công

SÁT VÀ ĐẶT TẢ HỆ THỐNG
2.1 Khảo sát thực trạng về chủ thể của đề tài.
Việt Nam chúng ta đang trên đà phát triển và bắt đầu có những bước ngoặc đang
được bạn bè quốc tế chú ý. Song với việc đó thì truyền thông cũng là một yếu tố
không kém phần quan trọng giúp chúng ta có thể đánh bóng tên tuổi của mình nói
chung và giúp dân trí Việt Nam có thể nắm bắt được những xu hướng và tin tức
trong và ngoài nước nói chung. Cho dù là nơi đâu chúng ta vẫn có thể cập nhập
những tin tức chính thống và hợp pháp.
Vì thế 1 website tập hợp những yếu tố đó là điều cần thiết và nên làm ở tình hình
hiện tại. Một trang báo thương mại điện tử được xây dựng nên bởi tầm nhìn của
doanh nghiệp với giao diện bắt mắt, nhằm định hướng và tạo dựng phong cách sống
sang trọng, lịchlãm không kém phần sành điệu cho người đọc. Song đây còn là một
website digital markerting cho các nhãn hàng, các ngôi sao, những người có tầm
ảnh hưởng trong cộng đồng muốn tăng độ nhận diện hơn với các khán giả có thể
liên hệ với tòa soạn thông qua trang báo thương mại của họ.Website sẽ gồm 4 mục
chính: thời trang, làm đẹp, giải trí, sống. Mỗi mục chính sẽ có các mục phụ được
hia nhỏ ra để phù hợp với từng người đọc khác nhau. Mục thời trang sẽ gồm 3 mục
nhỏ:#OOTD,bộ sưu tập,mix&match.Mục làm đẹp sẽ có 2 mục phụ như: giữ dáng
và xu hướng làm đẹp.Mục giải trí sẽ có các mục phụ như review và sao. Chuyên
mục đời sống gồm ẩm thực, du lịch và lifestyle. Sẽ có thêm 1 phần chạy quảng cáo
như video hay poster của các nghệ sĩ, những sản phẩm của các nhãn hàng muốn đến
gần hơn với đọc giả.
2.2 Khảo sát hệ thống phần mềm
Hệ thống sẽ có một Quản lí để có thể quản lý tài khoản đăng nhập của Nhân viên.
Khi muốn sử dụng hệ thống thì Quản lí và Nhân viên sẽ đăng nhập vào hệ thống
thông qua tài khoản đã được cấp sẵn, khi đã đăng nhập thì hệ thống sẽ hiển thị các
chức năng mà tùy thuộc vào vai tròcó thể sử dụng được bao gồm : quản lý tài khoản,
quản lý chuyên mục, quản lý bài viết.
2.2.1 Quản lý tài khoản
Quản lý tạo cho nhân viên một tài khoản cá nhân, Nhân viên cần được cho biết tên
đăng nhập, mật khẩu để có thể đăng nhập vào hệ thống. Nếu muốn chỉnh sửa thông
tin, Quản lý có thể sửa lại được thông qua các nút chức năng có trong hệ thống.

chuyên mục
Để có thể quản lý chuyên mục phải đăng nhập vào hệ thống, chọn chức năng quản
lý chuyên mục. Sau đó, quản lí có thể thêm chuyên mục thông qua tài khoản của
mình. Trong chức năng này, quản lí có thể thao tác nút sửa nếu có sai sót trong việc
thêm thông tin.
2.2.3 Quản lý bài viết
Nhân viên sau khi nhận được các thông tin, các bài báo từ phóng viên hay các nhãn
hàng, thì sẽ thực hiện chức năng đăng bài lên hệ thông, các thông tin, nhân viên cần
đăng nhập vào hệ thống. Sau đó, chọn chức năng thêm bài viết bao gồm mã bài viết,
tên nhân viên, tiêu đề, nội dung, chuyên mục, ngày đăng, hình ảnh. Sau khi tạo bài
viết thành công, bài viết sẽ được thêm và hiển thị ở mục danh sách bài viết. Tại danh
sách bài viết, nhân viên có thể sửa lại tiêu đề và nội dung bài viết thông qua mã bài
viết khi nội dung có sai sót hoặc quản lý yêu cầu chỉnh sửa. Về phần quản lý, quản
lý chỉ xem bài viết, không có nhiệm vụ chỉnh sửa bài viết.

SỞ LÝ THUYẾT
3.1 Visual Studio Code
Visual Studio Code là một trình biên tập mã được phát triểnbởi Microsoft dành cho
Windows, Linux và macOS. Nó hỗ trợ chức năng debug, đi kèm với Git, có syntax
highlighting, tự hoàn thành mã thông minh, snippets, và cải tiếnmã nguồn. Nó cũng
cho phép tùy chỉnh, do đó, người dùng có thể thay đổi theme, phím tắt, và cá tùy
chọn khác. Nó miễn phí và là phần mềm mã nguồn mở.
Visual StudioCode được dựa trên Electron, một nền tảng được sử dụng để triểnkhai
các ứng dụng Node.js máy tính cá nhân chạy trên động cơ bố trí Blink. Mặc dù nó
sử dụng nền tảng Electron nhưng phần mềm này không phải là một bản khác của
Atom, nó thực ra được dựa trên trình biên tập của Visual Studio Online (tên mã là
“Monaco”)
Tính năng Visual Studio Code là một trình biên tập mã. Nó hỗ trợ nhiều ngôn ngữ
và chức năng tùy vào ngôn ngữ sử dụng theo như trong bảng sau.
Chức năng Ngôn ngữ
Syntax
highlighting
Batch, C++, Clojure, CoffeeScript, DockerFile, Elixir, F#, Go, Pug
template language,[9][10] Java, HandleBars, Ini, Lua, Makefile,
Objective-C, Perl, PowerShell, Python, R, Razor, Ruby,
Rust, SQL, Visual Basic, XML
Snippets Groovy, Markdown, Nim,[11] PHP, Swift
Tự động hoàn
thành mã thông
minh
CSS, HTML, JavaScript, JSON, Less, Sass, TypeScript
Cải tiến mã
nguồn
C#, TypeScript
Debugging
 JavaScript và TypeScript cho Node.js
 C# và F# cho Mono trên Linux và macOS
 C và C++ trên Windows, Linux và macOS
 Python
Nhiều chức năng của Visual Studio Code không hiển thị ra trong các menu tùy chọn
hay giao diện người dùng. Thay vào đó, chúng được gọi thông qua khung nhập lệnh
hoặc qua một tập tin .json (ví dụ như tập tin tùy chỉnh của người dùng). Khung nhập
lệnh là một giao diện theo dòng lệnh. Tuy nhiên, nó biến mất khi người dùng nhấp
bất cứ nơi nào khác, hoặc nhấn tổ hợp phím để tương tác với một cái gì đó ở bên

tự như vậy với những dòng lệnh tốn nhiều thời gian để xử lý. Khi
thực hiện những điều trên thì quá trình xử lý dòng lệnh đó sẽ bị hủy.
Visual Studio Code có thể được mở rộng qua plugin. Điều này giúp bổ sung thêm
chức năng cho trình biên tập và hỗ trợ thêm ngôn ngữ. Một tính năng đáng chú ý là
khả năng tạo phần mở rộng để phân tích mã, như là các linter và công cụ phân tích,
sử dụng Language Server Protocol.
3.2 PHPMYADMIN
PhpMyAdmin là một công cụ nguồn mở miễn phí được viết bằng ngôn ngữ lập trình
PHP để xử lý các tác vụ quản trị của MySQL thông qua một trình duyệt web. Có
thể thực hiện nhiều tác vụ như tạo, sửa đổi hoặc xóa bỏ cơ sở dữ liệu, bảng, các
trường hoặc bản ghi; thực hiện theo báo cáo SQL; hoặc quản lý người dùng và cấp
phép.
Các tính năng được cung cấp bởi chương trình bao gồm:
 Giao diện web
 Quản lý cơ sở dữ liệu MySQL
 Nhập dữ liệu từ CSV và SQL
 Xuất dữ liệu sang các định dạng khác nhau: CSV, SQL, XML, PDF (thông
qua thư viện TCPDF), ISO/IEC 26300 – OpenDocument văn bản và bảng tính,
Word, Excel, LaTeX và các định dạng khác
 Quản lý nhiều máy chủ
 Tạo PDF đồ họa của bố trí cơ sở dữ liệu
 Tạo các truy vấn phức tạp bằng cách sử dụng Query-by-example (QBE)
 Tìm kiếm tổng quan trong cơ sở dữ liệu hoặc một tập hợp con của nó
 Chuyển đổi dữ liệu được lưu trữ thành các định dạng bằng cách sử dụng một
tập hợp các chức năng được xác định trước, như hiển thị dữ liệu BLOB như
hình ảnh hoặc tải về liên kết.
 Giám sát các truy vấn (quy trình)
3.3 StarUML
StarUML là phần mềm cho hệ điều hành Windows, thuộc nhóm phần mềm
Software. Phiên bản mới nhất của StarUML là Version NA (cập nhật NA)
StarUML là một UML công cụ mô hình nguồn mở hỗ trợ khả năng tạo ra các thiết
kế phần mềm từ các khái niệm cơ bản để giải mã. Đây là một dự án để phát triển
một nền tảng UML / MDA mà chạy trên mục tiêu của Windows 32. Các StarUML
là để xây dựng một công cụ mô hình phần mềm và một nền tảng mà có thể thay thế
công cụ UML thương mại như Rational Rose, hoặc cùng nhau. Công cụ này là phức
tạp hơn nhiều so với một công cụ chỉnh sửa sơ đồ UML đơn giản. StarUML được

ở Delphi, nhưng thực sự là một dự án đa ngôn ngữ. Nó không phải
được gắn với một ngôn ngữ lập trình cụ thể.
3.4 Hypertext Markup Language
HTML là một ngôn ngữ đánh dấu được thiết kế ra để tạo nên các trang web trên
World Wide Web. Cùng với CSS và JavaScript, HTML là một trong những ngôn
ngữ quan trọng trong lĩnh vực thiết kế website. HTML được định nghĩa như là một
ứng dụng đơn giản của SGML và được sử dụng trong các tổ chức cần đến các yêu
cầu xuất bản phức tạp. HTML đã trở thành một chuẩn mực của Internet do tổ chức
World Wide Web Consortium (W3C) duy trì. Phiên bản chính thức mới nhất của
HTML là HTML 4.01 (1999). Sau đó, các nhà phát triển đã thay thế nó
bằng XHTML. Hiện nay, phiên bản mới nhất của ngôn ngữ này là HTML5.
Bằng cách dùng HTML động hoặc Ajax, lập trình viên có thể được tạo ra và xử lý
bởi số lượng lớn các công cụ, từ một chương trình soạn thảo văn bản đơn giản – có
thể gõ vào ngay từ những dòng đầu tiên – cho đến những công cụ xuất bản
WYSIWYG phức tạp. Hypertext là cách mà các trang Web (được thiết kế bằng
HTML) được kết nối với nhau. Và như thế, đường link có trên trang Web được gọi
là Hypertext. Như tên gọi đã nói, HTML là ngôn ngữ đánh dấu bằng thẻ (Markup
Language), nghĩa là bạn sử dụng HTML để đánh dấu một tài liệu text bằng các thẻ
(tag) để nói cho trình duyệt Web cách để cấu trúc nó để hiển thị
3.5 Microsoft SQL Server
SQL Server hay còn gọi là Microsoft SQL Server, viết tắt là MS SQL Server. Đây
là một phần mềm được phát triển bởi Microsoft dùng để lưu trữ dữ liệu dựa trên
chuẩn RDBMS, và nó cũng là một hệ quản trị cơ sở dữ liệu quan hệ đối tượng
(ORDBMS). SQL Server cung cấp đầy đủ công cụ để quản lý, từ giao diện GUI
cho đến việc sử dụng ngôn ngữ truy vấn SQL. Ngoài ra điểm mạnh của nó là
Microsoft có khá nhiền nền tảng kết hợp hoàn hảo với SQL Server như ASP.NET,
C# xây dựng Winform, bởi vì nó hoạt động hoàn toàn độc lập.
Mục đích của việc sử dụng SQL Server: Cho phép tạo nhiều cơ sở dữ liệu, duy trì
lưu trữ bền vững, bảo mật cao, phân tích dữ liệu bằng SSAS – SQL Server Analysis
Services, tạo được báo cáo bằng SSRS – SQL Server Reporting Services, thực hiện
quá trình ETL (Extract-Transform-Load) bằng SSIS – SQL Server Integration
Services.
Do hoạt động theo mô hình Client – Server nên nó được chia làm hai thành phần
chính.
Workstation: Được cài trên các thiết bị vận hành, nó là các phần mềm tương tác với
máy chủ server. Ví dụ: SSMS, SSCM, Profiler, BIDS, SQLEM
Server: Được cài trên máy chủ chính (máy chủ tập trung), đó là các dịch vụ như:
SQL Server, SQL Server Agent, SSIS, SSAS, SSRS, SQL Browser, SQL Full Text
Search.

Sheets (CSS)
Cascading Style Sheets (CSS) được dùng để miêu tả cách trình bày các tài liệu viết
bằng ngôn ngữ HTML và XHTML. Ngoài ra ngôn ngữ định kiểu theo tầng cũng có
thể dùng cho XML, SVG, XUL. Các đặc điểm kỹ thuật của CSS được duy trì bởi
World Wide Web Consortium (W3C). Thay vì đặt các thẻ quy định kiểu dáng cho
văn bản HTML (hoặc XHTML) ngay trong nội dung của nó, bạn nên sử dụng CSS.
3.7 Bootstrap
Boostrap cho phép quá trình thiết kế website diễn ra nhanh chóng và dễ dàng hơn
dựa trên những thành tố cơ bản có những thành tố cơ bản sẵn có như
typography,forms, buttons,tablesgrids, navigation, image carousels…
Bootstrap là một bộ sưu tập miễn phí của các mã nguồn mở và công cụ dùng để tạo
ra một mẫu website hoàn chỉnh. Với các thuộc tính về giao diện về giao diện được
quy định sẵn như kích thước, màu sắc, độ cao, độ rộng,…, các designer có thể sáng
tạo nhiều sản phẩm tmowsi mẻ nhưng vẫn tiết kiệm thời gian khi làm việc với
framework này trong quá trình thiết kế giao diện website