ĐỒ HOẠ HIỆN THỰC ẢO CÔNG NGHỆ WEB NHÓM 6 Nguyễn Khắc Hải (Nhóm trưởng) Nguyễn Đình Đạt Trịnh Đình Hiếu GVHD ThS Nguyễn Thị Nguyệt ĐỀ TÀI XÂY DỰNG WEBSITE BLOG NỘI DUNG PHẦN 1 LỜI NÓI ĐẦU PHẦN 2 GIỚI T[.]
CƠNG NGHỆ WEB ĐỀ TÀI XÂY DỰNG WEBSITE BLOG NHĨM Nguyễn Khắc Hải trưởng) Nguyễn Đình Đạt Trịnh Đình Hiếu (Nhóm GVHD ThS Nguyễn Thị Nguyệt 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 trang web, 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 TÌM HIỂU VỀ NODEJS NodeJS Là tảng (platform) phía Server side xây dựng, vận hành V8 JavaScript runtime Chrome giúp xây dựng phát triển ứng dụng mạng cách nhanh chóng có khả mở rộng dễ dàng Node.js áp dụng để tạo sản phẩm có lượng truy cập lớn, mở rộng nhanh đổi công nghệ… tạo dự án startup tiết kiệm thời gian TÌM HIỂU VỀ MYSQL MySQL hệ quản trị CSDL tự nguồn mở phổ biến giới, hoạt động theo mơ hình client-server nhà phát triển ưa chuộng trình phát triển ứng dụng Ưu điểm Dễ sử dụng Độ bảo mật cao Đa tính Khả mở rộng độ mạnh mẽ Nhanh chóng tiết kiệm chi phí Nhược điểm Giới hạn chức Độ tin cậy Dung lượng hạn chế PHẦN 4: PHÂN TÍCH & THIẾT KẾ CHƯƠNG TRÌNH PHÁT BIỂU BÀI TỐ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, xoá 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 Tìm kiếm viết Quản lý Hiển thị viết theo thời gian Tìm kiếm viết theo tên Đăng nhập/Đăng xuất Hiển thị top viết có lượt xem nhiều 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 Liên hệ 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 ... -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ơ... quản trị CSDL tự nguồn mở phổ biến giới, hoạt động theo mơ hình client-server nhà phát triển ưa chuộng trình phát triển ứng dụng Ưu điểm Dễ sử dụng Độ bảo mật cao Đa tính Khả mở rộng độ... 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