CÔNG NGHỆ WEB

ĐỀ TÀI XÂY DỰNG WEBSITE BLOG

NHÓM 6 GVHD
Nguyễn Khắc Hải (Nhóm trưởng) ThS. Nguyễn Thị Nguyệt
Nguyễn Đình Đạt
Trịnh Đình Hiếu
 NỘI DUNG

PHẦN 1: LỜI NÓI ĐẦU

PHẦN 2: GIỚI THIỆU ĐỀ TÀI

PHẦN 3: PHÂN TÍCH VÀ THIẾT KẾ CHƯƠNG TRÌNH

PHẦN 4: CÀI ĐẶT CHƯƠNG TRÌNH

PHẦN 5: TỔNG KẾT

PHẦN 1: LỜI NÓI ĐẦU
WEBSITE TRONG THẾ GIỚI NGÀY NAY

 Ngày nay, các trang web hiện hữu xung

quanh, có sự gắn bó mật thiết đến cuộc
sống của chúng ta.
 Website mang đến những thông tin cho
người tìm kiếm, giúp các doanh nghiệp dễ
dàng tiếp cận người dung.

Và để tạo ra một trang web, thì không thể Theo thống kê từ Internet
Live Stats
không nhắc tới Công nghệ Web
PHẦN 2: GIỚI THIỆU ĐỀ TÀI

 Nhu cầu tìm hiểu thông tin trên mạng là vô

cùng thiết yếu, các trang web Blog có vai
trò giúp mọi người có thể chia sẻ với nhau
những nội dung đa dạng và phong phú.
 Qua môn học này, chúng em muốn xây
dựng 1 trang Blog cung cấp thông tin hữu
ích tới người đọc, cũng như có các chức
năng cơ bản của một website.
Ảnh minh hoạ sản phẩm
MỤC ĐÍCH WEBSITE CẦN THIẾT KẾ

ĐỐI TƯỢNG HƯỚNG ĐẾN

 Ở đây trang web blog hướng tới đối tượng là tất cả mọi người. Bất kì
ai cũng có thể xem và tìm kiếm nội dung.

MỤC TIÊU

 Mục tiêu của Blog là chia sẻ kiến thức về ngành CNTT, cung cấp các
bài viết về ngôn ngữ lập trình, tin tức, kĩ năng phỏng vấn,..
 Trang web có khả năng hiển thị bài viết theo ngày, theo số lượt xem
cao nhất, cũng như là tìm kiếm bài viết. Ngoài ra còn có các chức
năng quản lý cho quản trị viên.
CÁC THÀNH PHẦN CHÍNH CỦA WEBSITE

Trang chủ: Tất cả các bài viết ( Được phân trang )

Trang chi tiết bài viết.
Trang thông tin liên hệ: Đây là trang để gửi các thông tin
Trang đăng nhập: Người dùng admin đăng nhập vào trang Admin
Trang Admin: Đây là trang giành do admin quản lý sản bài viết, cũng như quản lý
danh mục, quản lí người dung
PHẦN 3: CƠ SỞ LÝ THUYẾT
CÁC THÀNH PHẦN CƠ BẢN

Tìm hiểu các thành phần chính xây

dựng nên 1 website, bao gồm:
 HTML
 CSS
 Java Script

HTML
 HTML là viết tắt của cụm từ Hypertext Markup
Language (tạm dịch là Ngôn ngữ đánh
dấu siêu văn bản). 
 HTML được sử dụng để tạo và cấu trúc các
thành phần trong trang web hoặc ứng dụng
  HTML không phải là ngôn ngữ lập trình.
 CÁC THÀNH PHẦN CƠ BẢN

CSS (Cascading Style Sheets)

 là một ngôn ngữ được sử dụng
để tìm và định dạng lại các phần tử
được tạo ra bởi các ngôn ngữ đánh
dấu (HTML). Nói ngắn gọn hơn là
ngôn ngữ tạo phong cách cho trang
web.

JavaScript
 JavaScript là ngôn ngữ lập trình
phổ biến dùng để tạo ra các trang
web tương tác. Được tích hợp và
nhúng vào HTML giúp website trở
nên sống động hơn.
TÌM HIỂU VỀ NODEJS

NodeJS
 Là một nền tảng (platform) phía Server
side được xây dựng, vận hành trên V8
JavaScript runtime của Chrome giúp
xây dựng và phát triển các ứng dụng
mạng một cách nhanh chóng và có khả
năng mở rộng dễ dàng.
 Node.js cũng được áp dụng để tạo các
sản phẩm có lượng truy cập lớn, mở
rộng nhanh và đổi mới công nghệ…
hoặc tạo dự án startup tiết kiệm thời
gian nhất.
TÌM HIỂU VỀ MYSQL

MySQL là hệ quản trị CSDL tự do nguồn mở phổ biến nhất thế giới, hoạt động theo
mô hình client-server và được các nhà phát triển rất ưa chuộng trong quá trình phát
triển ứng dụng.

Ưu điểm Nhược điểm

 Dễ sử dụng  Giới hạn chức năng
 Độ bảo mật cao  Độ tin cậy
 Đa tính năng  Dung lượng hạn chế
 Khả năng mở rộng và độ mạnh mẽ
 Nhanh chóng tiết kiệm chi phí
 PHẦN 4: PHÂN TÍCH & THIẾT KẾ CHƯƠNG
TRÌNH
PHÁT BIỂU BÀI TOÁN & CÁC VẤN ĐỀ CẦN LÀM

Đây là một trang web blog chia sẻ các bài viết tới
người xem. Bao gồm các chức năng:
 Đăng bài, sửa, xoá bài viết
 Hiển thị bài viết
 Tìm kiếm bài viết
 Quản lý, thống kê,..
MÔ HÌNH PHÂN CẤP CHỨC NĂNG

Blog Website

Các chức năng bao gồm:

Hiển thị bài
viết
Tìm kiếm bài
viết
Quản lý Liên hệ  Phía người dung:
-Hiển thị bài viết
Hiển thị bài Đăng
viết theo thời
gian
Tìm kiếm bài
viết theo tên
nhập/Đăng
xuất
-Tìm kiếm bài viết
Hiển thị top bài Tìm kiếm bài
-Liên hệ
viết có lượt
xem nhiều
viết theo danh
mục
Quản lý danh
mục  Phía Admin:
Quản lý bài
-Quản lý danh mục
viết
-Quản lý bài viết
Quản lý tài
-Quản lý tài khoản
khoản admin

Mô hình phân cấp chức năng

 BIỂU ĐỒ LUỒNG DỮ LIỆU MỨC ĐỈNH

Mô hình luồng dữ liệu mức đỉnh,

mô tả tổng quan luồng dữ liệu
của hệ thống.
BIỂU ĐỒ LUỒNG DỮ LIỆU MỨC DƯỚI ĐỈNH HOẠT ĐỘNG KHÁCH HÀNG & HOẠT ĐỘNG QUẢN TRỊ

Mô hình luồng dữ liệu mức dưới đỉnh đỉnh, mô tả các quy trình cụ
thể trong hoạt động của người đọc và người quản lý.

Người đọc Quản lý

MÔ HÌNH LIÊN KẾT THỰC THỂ

 Biểu diễn các thuộc

tính và mối quan hệ
giữa Quản trị viên,
danh mục và bài
viết.
 Từ đó xây dựng
Database của trang
web.

Mô hình liên kết thực thể

MÔ HÌNH CSDL QUAN HỆ

Gồm 3 bảng:
 Admin
 Categories
 News

Mô hình CSDL quan hệ

PHẦN 5: CÀI ĐẶT CHƯƠNG TRÌNH
XÂY DỰNG GIAO DIỆN TRANG WEB Giao diện trang chủ

Header

Footer Body
XÂY DỰNG GIAO DIỆN TRANG WEB

 Giao diện side bar:

-Danh mục
-Bài viết phổ biến
 Giao diện chức năng tìm kiếm

Giao diện tìm kiếm Side bar

XÂY DỰNG GIAO DIỆN TRANG WEB

Giao diện chi tiết bài viết:

• Hiển thị nội dung bài viết
• Hiển thị ngày đăng, lượt xem
Giao diện liên hệ:
• Hiển thị form liên hệ gửi email

Giao diện trang chi tiết bài viết Giao diện trang liên hệ
 XÂY DỰNG GIAO DIỆN TRANG WEB

Giao diện đăng nhập cho admin

Trang đăng nhập

 XÂY DỰNG GIAO DIỆN TRANG WEB

Trang quản lý Admin có chức

năng hiển thị ra giao diện thống
kê, cũng như giao diện quản lý
bài viết, danh mục, tài khoản,..
Cung cấp các chức năng thêm,
xoá, sửa cơ bản

Giao diện trang quản lý của Admin

XÂY DỰNG PHẦN BACK-END

Tiến hành xây dựng

 Hệ điều hành Windows
 Ngôn ngữ lập trình JavaScript
(NodeJS)
 Cơ sở dữ liệu MySQL (Xampp)
 Thư viện sử dụng: ExpressJS,
MySQL2, Express-session,..
 Xây dựng theo mô hình MVC
Sơ đồ mô hình MVC
 PHẦN 6: TỔNG KẾT
TÍCH CỰC
 Cơ bản nắm được các bước xây
dựng một website Blog.
 Xây dựng được bố cục trang web
hợp lí, bước đầu thực hiện được
nghiệp vụ của hệ thống.
HẠN CHẾ
 Website nhỏ, mang tính chất mô
phỏng.
 Cơ sở dữ liệu nhỏ, chức năng phân
quyền chưa tối ưu.
 HƯỚNG PHÁT TRIỂN

 Thêm nhiều chức năng đáp ứng cho người dùng.

 Phân quyền và quản trị tối ưu.
 Cơ sở dữ liệu phong phú hơn.
 THE END

CẢM ƠN CÔ GIÁO VÀ CÁC BẠN

ĐÃ LẮNG NGHE