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

CƠNG NGHỆ WEB ĐỀ TÀI XÂY DỰNG WEBSITE BLOG NHĨM Nguyễn Khắc Hải (Nhóm trưởng) 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, trang web hữu xung quanh, có gắn bó mật thiết đến sống  Website mang đến thơng tin cho người tìm kiếm, giúp doanh nghiệp dễ dàng tiếp cận người dung Và để tạo mộ t tra ng we b, 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 mạng vơ thiết yếu, trang web Blog có vai trị giúp người chia sẻ với nội dung đa dạng phong phú  Qua môn học này, chúng em muốn xây dựng trang Blog cung cấp thơng tin hữu ích tới người đọc, có chức website Ảnh minh hoạ sản phẩm MỤC ĐÍCH WEBSITE CẦN THIẾT KẾ ĐỐI TƯỢNG HƯỚNG ĐẾN  Ở trang web blog hướng tới đối tượng tất người Bất kì xem tìm kiếm nội dung MỤC TIÊU  Mục tiêu Blog chia sẻ kiến thức ngành CNTT, cung cấp viết ngơn ngữ lập trình, tin tức, kĩ vấn,  Trang web có khả hiển thị viết theo ngày, theo số lượt xem cao nhất, tìm kiếm viết Ngồi cịn có chức quản lý cho quản trị viên CÁC THÀNH PHẦN CHÍNH CỦA WEBSITE Trang chủ: Tất viết ( Được phân trang ) Trang chi tiết viết Trang thông tin liên hệ: Đây trang để gửi thông tin Trang đăng nhập: Người dùng admin đăng nhập vào trang Admin Trang Admin: Đây trang giành admin quản lý sản viết, 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 thành phần xây dựng nên website, bao gồm:  HTML  CSS  Java Script HTML  HTML viết tắt cụm từ Hypertext Markup Language (tạm dịch Ngôn ngữ đánh dấu siêu văn bản)  HTML sử dụng để tạo cấu trúc thành phần trang web ứng dụng  HTML ngơn ngữ lập trình CÁC THÀNH PHẦN CƠ BẢN CSS (Cascading Style Sheets)  ngôn ngữ sử dụng để tìm định dạng lại phần tử tạo ngôn ngữ đánh dấu (HTML) Nói ngắn gọn ngơn ngữ tạo phong cách cho trang web JavaScript  JavaScript ngôn ngữ lập trình phổ biến dùng để tạo trang web tương tác Được tích hợp nhúng vào HTML giúp website trở nên sống độ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 trang web blog chia sẻ viết tới người xem Bao gồm chức năng:  Đăng bài, sửa, xố viết  Hiển thị viết  Tìm kiếm viết  Quản lý, thống kê, MƠ HÌNH PHÂN CẤP CHỨC NĂNG Blog Website Hiển thị viết theo thời gian Hiển thị top viết có lượt xem nhiều Tìm kiếm viết theo tên Đăng nhập/Đăng xuất Tìm kiếm viết theo danh mục Quản lý danh mục Quản lý viết Quản lý tài khoản admin Mơ hình phân cấp chức Các chức bao gồm:  Phía người dung: -Hiển thị viết -Tìm kiếm viết -Liên hệ  Phía Admin: -Quản lý danh mục -Quản lý viết -Quản lý tài khoản BIỂU ĐỒ LUỒNG DỮ LIỆU MỨC ĐỈNH Mơ hình luồng liệu mức đỉnh, mô tả tổng quan luồng liệu 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 liệu mức đỉnh đỉnh, mơ tả quy trình cụ thể hoạt động người đọc 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 thuộc tính mối quan hệ Quản trị viên, danh mục viết  Từ xây dựng Database trang web Mơ hình liên kết thực thể MƠ HÌNH CSDL QUAN HỆ Gồm 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 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 viết: • Hiển thị nội dung 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 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 hiển thị giao diện thống kê, giao diện quản lý viết, danh mục, tài khoản, Cung cấp chức thêm, xoá, sửa Giao diện trang quản lý 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ở liệu MySQL (Xampp) Thư viện sử dụng: ExpressJS, MySQL2, Express-session,  Xây dựng theo mơ hình MVC PHẦN 6: TỔNG KẾT TÍCH CỰC  Cơ nắm bước xây dựng website Blog  Xây dựng bố cục trang web hợp lí, bước đầu thực nghiệp vụ hệ thống HẠN CHẾ  Website nhỏ, mang tính chất mơ  Cơ sở liệu nhỏ, chức phân quyền chưa tối ưu HƯỚNG PHÁT TRIỂN    Thêm nhiều chức đáp ứng cho người dùng Phân quyền quản trị tối ưu Cơ sở liệu phong phú THE END CẢM ƠN CÔ GIÁO VÀ CÁC BẠN ĐÃ LẮNG NGHE ... Express-session,  Xây dựng theo mơ hình MVC PHẦN 6: TỔNG KẾT TÍCH CỰC  Cơ nắm bước xây dựng website Blog  Xây dựng bố cục trang web hợp lí, bước đầu thực nghiệp vụ hệ thống HẠN CHẾ  Website nhỏ,... có chức website Ảnh minh hoạ sản phẩm MỤC ĐÍCH WEBSITE CẦN THIẾT KẾ ĐỐI TƯỢNG HƯỚNG ĐẾN  Ở trang web blog hướng tới đối tượng tất người Bất kì xem tìm kiếm nội dung MỤC TIÊU  Mục tiêu Blog chia... THIỆU ĐỀ TÀI  Nhu cầu tìm hiểu thơng tin mạng vơ thiết yếu, trang web Blog có vai trị giúp người chia sẻ với nội dung đa dạng phong phú  Qua môn học này, chúng em muốn xây dựng trang Blog cung