(TIỂU LUẬN) CÔNG NGHỆ WEB đề tài xây DỰNG WEBSITE BLOG

 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 íchtới người đọc, cũng như có các chức năng cơ bản của một website..  Trang web có khả năng hiển thị bài vi

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ể không nhắc tới Công nghệ Web

Theo thống kê từ Internet

Live Stats

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 íchtớ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âydựng nên 1 website, bao gồm:

 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ởicá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 trangweb

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 V8JavaScript 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áchnhanh 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ộngnhanh 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áttriển ứng dụng

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:

viết

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

 Phía người dung:

-Hiển thị bài viết

Tìm kiếm bài viết theo danh mục

Đăng nhập/Đăng xuất

Quản lý danh mục

Quản lý bài viết

Quản lý tài khoản admin

-Tìm kiếm bài viết-Liên hệ

 Phía Admin:

-Quản lý danh mục-Quản lý bài viết-Quản lý tài khoản

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ệucủ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ý

 Từ đó xây dựngDatabase của trangweb.

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

Header

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ụ

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