BÁO CÁO MÔN HỌC Công Nghệ Web Trang Web Blog Cá Nhân

TRƯỜNG ĐẠI HỌC KIẾN TRÚC HÀ NỘI KHOA CÔNG NGHỆ THÔNG TIN  BÁO CÁO MƠN HỌC Cơng Nghệ Web LỚP 19CN3 - NHÓM Trang Web Blog Cá Nhân Nhóm sinh viên thực hiện:  Nguyễn Khắc Hải  Trịnh Đình Hiếu  Nguyễn Đình Đạt (1955010079) (1955010091) (1955010055) Giáo viên hướng dẫn: Ths.Nguyễn Thị Nguyệt Hà Nội, tháng 11 năm 2022 (Nhóm trưởng) MỤC LỤC LỜI NĨI ĐẦU Phần 1: Giới thiệu đề tài: 1.1: Lí chọn đề tài 1.2: Các vấn đề cần làm .6 1.2.1: Phát biểu toán 1.2.2: Xây dựng toán Phần 2: Sơ Lược Về Công Nghệ Web 2.1: Khái niệm Công nghệ Web 2.2: Lịch sử đời Công Nghệ Web 2.3: Các phiên từ 1.0 đến 4.0 2.4: Các yêu cầu tối thiểu Website: 10 2.5: Những thành phần cấu tạo nên Website: 10 2.6: Các thuật ngữ 11 Phần 3: Cơ Sở Lí Thuyết 11 3.1: HTML 11 3.1.1: Định nghĩa 11 3.1.2: Các thành phần bản: .11 3.1.3: Các thẻ HTML: 12 3.2: CSS 13 3.2.1: Định nghĩa 13 3.2.2: Tầm quan trọng CSS 13 3.2.3: Vị trí đặt mã CSS 14 3.2.4: CSS Selector 14 3.2.5: Các thuộc tính định dạng văn bản: 14 3.3: Javascript 16 3.3.1: Định nghĩa 16 3.3.2: Tầm quan trọng Javascript 16 3.3.3: Vị trí đặt mã Javascript: 16 3.3.4: Sơ lược cú pháp Javascript: 16 3.4: NodeJS 19 3.4.1: Khái niệm 19 3.4.2: Đặc điểm NodeJS 19 3.4.3: NodeJS làm .20 3.4.4: Ưu điểm NodeJS 20 3.4.5: Nhược điểm NodeJS 21 3.5: Express Framework 21 3.5.1: Định nghĩa 21 3.6: MySQL .22 3.6.1: Giới thiệu MySQL 22 3.6.2: Kiểu liệu MySQL 23 3.6.3: Mối quan hệ ràng buộc MySQL 25 3.6.4: Một số câu lệnh MySQL 26 3.7: Mơ hình MVC 27 3.7.1: Tổng quan mơ hình MVC 27 3.7.2: MVC với Express 27 3.8: Quy trình phát triển phần mềm Agile .28 3.8.1: Khái niệm 28 3.8.2: Mô tả 28 3.8.3: Ưu điểm Agile .28 3.8.4: Nhược điểm Agile 29 3.8.5: Ứng dụng .29 Phần 4: Phân tích thiết kế chương trình 29 4.1: Khảo sát trạng 29 4.2: Mơ hình phân cấp chức 29 4.3: Mơ hình liệu mức khung cảnh 30 4.4: Mơ hình liệu mức đỉnh 31 4.5: Biểu đồ luồng liệu mức đỉnh hoạt động quản trị .31 4.6: Biểu đồ luồng liệu mức đỉnh hoạt động độc giả .32 4.7: Mơ hình liên kết thực thể 33 4.7.1: Chuyển đổi mơ hình thực thể liên kết thành ghi logic .33 4.8: Thiết kết cơ liệu mức vật lí 33 Phần 5: Xây dựng đề tài 33 5.1: Xây dựng cấu trúc dự án (MVC) .33 5.2: Thiết kết sở liệu, xây dựng Model 34 5.2.1: Thiết kế sở liệu MySQL 34 5.2.2: Xây dựng Model 35 5.3: Xây dựng Controller: 35 5.4: Xây dựng View: 36 Phần 6: Chương trình minh hoạ 36 Phần 7: Kết Luận 38 Mặt tích cực: 38 Còn hạn chế : 39 Phân chia công việc: 39 Tài liệu tham khảo: 39 LỜI NÓI ĐẦU Trong sống ngày nay, giới ngày phát triển cách nhanh chóng nhờ có phần lớn từ ngành cơng nghệ, điển hình số phải kể tới cơng nghệ Web Khái niệm website hình thành từ thập niên 90 mà trình duyệt vào giai đoạn hồn thiện phát triển mạnh mẽ ngày Khơng có lí khiến cịn hồi nghị lợi ích mà cơng nghệ web mang lại cho cho phát triển giới giai đoạn tương lai Liệu đến lúc cơng nghệ web hồn tồn thay cho ứng dụng desktop Mới cộng đồng mã nguồn mở hi vọng đưa ứng dụng web đến gần với ứng dụng desktop Giả sử mong muốn họ trở thành thực mà ứng dụng web có đủ sức mạnh để thay cho ứng dụng Desktop cơng việc trở nên đơn giản nhiều Bạn thử tưởng tượng thay cơng ty có hàng trăm máy tính phải cài hàng trăm ứng dụng Desktop giống thay vào cài ứng dụng web để người dùng khơng cơng ty mà họ cịn có khả làm việc nhà Mọi trao đổi diễn môi trường web, công việc ngày thực dựa tảng công nghệ web phần mềm kết nối môi trường internet xong điều chưa phổ biến Chúng ta hồn tồn tin tưởng vào tương lai phát triển mạnh mẽ công nghệ web Mới số ý tưởng cho phải cài đặt hệ điều hành khởi động từ máy tính trình duyệt web tương đương với hệ điều hành sử dụng để thay cho hệ điều hành Mặc dù ý tưởng chưa thành thực xong cho thấy khả ứng dụng rộng rãi công nghệ web tương lai mà người muốn hướng tới Qua xây dựng website cho riêng phát triển để sau trường có kiến thức định lĩnh vực xây dựng website cho doanh nghiệp tương lai Chúng ta bắt tay xây dựng khâu việc xây dựng website hồn chỉnh với HTML (Ngơn ngữ sử dụng phổ biến trình duyệt web thành phần thiếu), CSS (Cascading style sheet công cụ xây dựng giao diện cho website), Javascript (Công cụ hỗ trợ việc tạo hiệu ứng tốn phía trình duyệt), NodeJS (Ngơn ngữ xây dựng website động ) , … Phần 1: Giới thiệu đề tài: 1.1: Lí chọn đề tài Cơng nghệ Web, giới rộng lớn với muôn vàn kiến thức chuyên mô, nhiều ngôn ngữ, hệ quản trị sở liệu mơ hình xây dựng Các trang web lớn, nhỏ tạo bời cơng nghệ ngơn ngữ phù hợp với tính chất đặc thù riêng chúng Khi tiếp cận môn học Công nghệ Web, môn học vô bổ ích có tính áp dụng cao cho định hướng cơng việc chúng em tương lai Vì thời gian học tìm hiểu mơn học ngắn, hiểu biết chưa chuyên sâu để tạo trang web hồn hảo Nhưng với mục tiêu áp dụng triệt để kiến thức cô Nguyễn Thị Nguyệt dạy, tìm hiểu mạng Nhóm chúng em sau bàn bạc thảo luận đưa định chọn xây dựng Trang Web Blog cá nhân, đề tài thoả hết tiêu chí cần đủ sau học mơn học này, thời gian hạn hẹp Nhu cầu tìm kiếm thơng tin ln vấn đề đặt người dùng sử dụng mạng internet để tìm hiểu nhiều lĩnh vực đời sống, từ chúng em chọn đề tài xây dựng trang web Blog cá nhân để lan toả chia sẻ kiến thức mà bổ ích mà chúng em gặp tìm hiểu, tiếp cận đến nhiều người khác, mong kiến thức từ viết trang Blog có ích người 1.2: Các vấn đề cần làm 1.2.1: Phát biểu toán Tuy trang Web thơng qua đề tài nhóm muốn bao quát toàn chức quan trọng website, bao gồm: + Giao diện + Trang quản trị + Chức tối thiểu: Login/ Quản trị/ Thêm, sửa, xoá/ Submit + Thống kê viết, lượt view 1.2.2: Xây dựng toán Hệ thống website cần phần: Giao diện người dùng trang admin Giao diện người dùng: + Hiển thị lượt view viết + Tìm kiếm viết theo tên, theo thể loại, … + Hiển thị chi tiết viết + Các viết bật + Thông tin liên hệ Giao diện trang admin: + Thống kê lượt view, thống kê người dùng + Thay đổi thông tin, mật người dùng + Quản lí thêm sửa xố viết Để xây dựng trang web chúng em chọn số công nghệ như: + HTML, + CSS, + Javascript, + NodeJS + Express (một Framework cho NodeJS), + MySQL, + MVC (mơ hình thiết kế sử dụng kỹ thuật phần mềm), + Agile (quy trình phát triển phần mềm) Phần 2: Sơ Lược Về Công Nghệ Web 2.1: Khái niệm Công nghệ Web Công nghệ web thuật ngữ chung đề cập đến nhiều ngơn ngữ gói đa phương tiện sử dụng kết hợp với nhau, để tạo trang web Mỗi cơng nghệ có chức riêng biệt cần yêu cầu sử dụng kép thêm cơng nghệ khác Do đó, nói tất thành phần tạo nên trang web phụ thuộc lẫn 2.2: Lịch sử đời Công Nghệ Web Vào năm 1990 Word wide web (WWW) đời Tim berners Lee, nhà khoa học Anh Sơ khởi đời website nhằm chia sẻ thông tin nhà khoa học giới Với mong muốn lợi ích cho nhà khoa học cách tra cứu nhiều tài liệu qua đường dẫn, chí tạo chuỗi liên kết liệu toàn cầu, mà in văn trực tiếp internet Vì vào 3.1989 ơng viết đề xuất cho Word Wide Web đề xuất thứ gửi vào 5/1990 với kỹ sư người Bỉ tên Robert Cailliau, kết thức hóa qua đề xuất vào tháng 11/1990 Điều đồng nghĩa có phác thảo khái niệm xác định thuật ngữ quan trọng đằng sau web Phác thảo mô tả dự án siêu văn “word wide web” web xem trình duyệt Và ý tưởng khơng đánh giá mức độ thành công Tim berners Lee tiếp tục thực kế hoạch việc phát triển thành phần web: HTTP, HTML, Và trình duyệt giới với tên gọi là: "World Wide Web" Và trang web mắt với giới vào 6/8/1991 năm HTML sinh ứng dụng cho việc thiết kế website ngày hôm 2.3: Các phiên từ 1.0 đến 4.0 Web 0: Internet thức tạo vào năm 1989 với đề xuất Tim Berners-Lee, nhà khoa học máy tính làm việc Tổ chức nghiên cứu hạt nhân châu Âu (CERN) Ơng đề xuất mạng máy tính mở để theo dõi nghiên cứu CERN Ông thực giao tiếp thành cơng trình duyệt web máy chủ qua internet vào năm 1990 Bắt đầu với trang web World Wide Web Project vào năm 1991, Berners-Lees vận động giáo sư, sinh viên, lập trình viên máy tính người đam mê Internet tạo nhiều trình duyệt máy chủ cho internet Web 1.0: Đến năm 1999, có khoảng triệu trang web Phần lớn trang web trang web tĩnh, đọc Vai trị trung bình người dùng internet bị giới hạn việc đọc thơng tin trình bày Người dùng thích điều hướng trang web thơng qua thư mục liên kết Yahoo.Ở thời đại Web 1.0 xuất cơng cụ tìm kiếm Các ứng dụng giỏ mua hàng mà hầu hết trang web thương mại điện tử sử dụng số hình dạng hình thức thuộc danh mục Web 1.0 Mục tiêu tổng thể giới thiệu sản phẩm cho khách hàng tiềm thông qua trang web, nhà bán lẻ cung cấp phương thức mua hàng cho (bất nơi giới) mua sản phẩm họ Web 2.0: Trong Web 1.0 Internet đọc, Web 2.0 Internet đọc-ghi Web 2.0 tham gia vào việc tạo nội dung thông qua chia sẻ cộng tác, chẳng hạn phương tiện truyền thông xã hội viết blog Năm 1999 đánh dấu khởi đầu kỷ nguyên Đọc-Viết-Xuất với đóng góp đáng ý từ LiveJournal (Ra mắt vào tháng năm 1999) Blogger (Ra mắt vào tháng năm 1999) Đến năm 2006, có khoảng 85 triệu trang web Trong Web 2.0, hai công cụ thay đổi lớn cho Internet Wikipedia Facebook Web 2.0 thực khởi đầu việc giải vấn đề hợp tác Internet Các cá nhân nhận giúp đỡ nhiều người dùng khu vực nơi toàn cầu vấn đề thông qua truy vấn trang web trợ giúp Một vài phát triển đáng ý Web 2.0 Twitter, YouTube, eZineArticles, Flickr Facebook Web 3.0: Web 3.0 gọi web ngữ nghĩa Bằng cách kết hợp đánh dấu ngữ nghĩa dịch vụ web, Web 3.0 hứa hẹn tiềm cho nội dung đọc máy, phát triển để máy tương tác trực tiếp với Web 3.0 có nghĩa chuẩn hóa hệ thống, ngôn ngữ, ấn phẩm công cụ phát triển, cung cấp cấu trúc để cập nhật liên kết hệ thống hiệu để sử dụng lại ứng dụng khác Ngữ nghĩa đơn thêm thông tin bổ sung để giúp người dùng hiểu ý nghĩa thông tin Web 3.0 liên kết mục liệu khác với để tạo bối cảnh mang lại ý nghĩa Web 3.0 chứng kiến xuất Internet ảo giao tiếp 3D, ứng dụng vượt việc chơi game phát triển nhanh chóng Web 4.0: Web 4.0 web mở, liên kết thông minh Web 4.0 tải trang web nhanh với kết xác Web 4.0 so sánh với não người Toàn web hệ điều hành nơi thông tin truyền từ điểm sang điểm khác Web 4.0 gọi web cộng sinh Mục tiêu web cộng sinh tương tác người máy móc cộng sinh Ranh giới người thiết bị gần Web 4.0 tương tác với người dùng giống cách người giao tiếp với Môi trường Web 4.0 giới kết nối 2.4: Các yêu cầu tối thiểu Website: Để thiết lập đưa vào hoạt động Website phải đáp ứng tối thiểu yếu tố bản: Tên Website (Tên miền hay Domain name) Web Hosting (Nơi lưu trữ máy chủ Internet) Các trang Web (Source code) 2.5: Những thành phần cấu tạo nên Website: Ngôn ngữ siêu văn Ngôn ngữ kịch ... Sơ Lược Về Công Nghệ Web 2.1: Khái niệm Công nghệ Web Công nghệ web thuật ngữ chung đề cập đến nhiều ngôn ngữ gói đa phương tiện sử dụng kết hợp với nhau, để tạo trang web Mỗi công nghệ có chức... Các trang web lớn, nhỏ tạo bời công nghệ ngôn ngữ phù hợp với tính chất đặc thù riêng chúng Khi tiếp cận môn học Công nghệ Web, mơn học vơ bổ ích có tính áp dụng cao cho định hướng công việc... cơng nghệ khác Do đó, nói tất thành phần tạo nên trang web phụ thuộc lẫn 2.2: Lịch sử đời Công Nghệ Web Vào năm 1990 Word wide web (WWW) đời Tim berners Lee, nhà khoa học Anh Sơ khởi đời website