bg thiet ke va trien khai website 2022 chuong 1 423

TRƯỜNG ĐẠI HỌC THƯƠNG MẠI Khoa HTTT Kinh tế THMĐT Bộ môn Công nghệ thông tin Bài giảng học phần: THIẾT KẾ VÀ TRIỂN KHAI WEBSITES Trường ĐH Thương Mại - Năm 2022 THIẾT KẾ VÀ TRIỂN KHAI WEBSITE     Chương 1: Tổng quan Chương 2: Thiết kế giao diện website Chương 3: Một số ngôn ngữ công cụ xây dựng website Chương 4: Triển khai website CHƯƠNG 1: TỔNG QUAN 1.1 Một số khái niệm 1.2 Thiết kế xây dựng Websites: nguyên tắc, hoạt động, quy trình 1.3 Triển khai Websites: nguyên tắc quy trình 9/5/2022 Bộ mơn CNTT - Khoa HTTT Kinh tế TMĐT KHÁI NIỆM     Internet giao thức World Wide Web (www) Tên miền Webpage, website 9/5/2022 Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT KHÁI NIỆM - Internet   Mạng máy tính: tập hợp máy tính thiết bị kết nối với nhờ đường truyền vật lý theo cách thức Internet: — — — router server workstation mobile local ISP Liên mạng, liên kết hàng nghìn mạng máy tính tổ chức tồn giới Mạng internet dùng chung Mạng intranet dùng riêng regional ISP company network KHÁI NIỆM - Các giao thức  Tập hợp quy tắc chuẩn để máy tính liên lạc với – gửi nhận thông điệp (messages) Thông điệp gửi viết nào? — Khi nhận thơng điệp phải làm gì? —  Mọi truyền thông Internet phải tuân thủ giao thức — — — — — Giao thức truyền tải siêu văn (Hyper Text Transfer Protocol- HTTP) TCP IP Giao thức định nghĩa Khn FTP dạng, Trình tự gửi nhận PPP thông điệp thực thể mạng, Hành động nhận gửi thông điệp KHÁI NIỆM - Giao thức Web : HTTP HTTP: Giao thức truyền siêu văn  Là giao thức tầng ứng dụng cho ứng dụng Web  Sử dụng mơ hình client/server – client: browser u cầu, nhận, hiển thị đối tượng Web – server: Web server gửi đối tượng có yêu cầu  HTTP1.0 : RFC 1945  HTTP1.1 : RFC 2068 PC sử dụng Explorer Server sử dụng NCSA Web server Mac sử dụng Navigator KHÁI NIỆM – World Wide Web (www)     Là tập hợp trang web tìm thấy Internet WWW chứa thơng tin văn bản, hình ảnh, âm thanh, video, siêu liên kết Các mẩu thơng tin hay cịn gọi tài ngun – resource web trang web tệp ảnh Tài nguyên web truy cập cách sử dụng trình duyệt (IE, FireFox, Chrome …) với địa cụ thể tài nguyên (URL - Uniform Resource Locator) KHÁI NIỆM – World Wide Web (www) Các thuật ngữ liên quan:  HTML (Hyper Text Markup Language): ngôn ngữ để tạo trang web  URL (Uniform Resource Locator): địa tài nguyên web (địa trang web tệp ảnh)  Web server: máy tính lưu tệp tài nguyên web tệp HTML, tệp ảnh  HTTP (Hypertext Transfer Protocol): giao thức cho phép trang web yêu cầu truyền trình duyệt (máy Client) máy chủ web (Web server) KHÁI NIỆM – Tên miền, IP, URL  IP address: địa thực tế máy tính Internet nơi lưu trữ website, dùng để truy cập website (IP gọi địa thực tế website) —  Domain name (tên miền): chuỗi ký tự, dễ nhớ, sử dụng thay cho địa IP muốn truy cập website —  Ví dụ: 103.21.244.0 Ví dụ: tmu.edu.vn URL: địa trang web (một phần website), dùng để truy cập trang web cụ thể website — Ví dụ: https://tmu.edu.vn/vi/news/TUYEN-SINH/ Phân loại websites (1)     Websites giới thiệu cá nhân, đơn vị, tổ chức, địa điểm, kiện, … Websites lưu trữ thông tin hay thư viện điện tử Websites truyền liệu để thu nhận thông tin từ xa hay tập hợp liệu từ nhiều nguồn Websites thương mại phục vụ hoạt động sản xuất, kinh doanh Phân loại websites (2)  Website tĩnh — — —  Thơng tin thay đổi, người sử dụng nhận kết giống Trang web viết HTML, thay đổi có thay đổi người xây dựng, trực tiếp webpage Khả tương tác yếu Website động — — Thông tin thay đổi liên tục Thông tin thay đổi người sử dụng, không cần trực tiếp webpage • — Sử dụng sở liệu để lưu thông tin thể website Khả tương tác mạnh CHƯƠNG 1: TỔNG QUAN Một số khái niệm Thiết kế xây dựng Websites: nguyên tắc, hoạt động, quy trình — — — — — Nguyên tắc thiết kế Website Các hoạt động thiết kế Website Tổ chức nội dung Website Sơ đồ bố trí thành phần nội dung Website Một số ví dụ Triển khai Websites: ngun tắc quy trình 9/5/2022 Bộ mơn CNTT - Khoa HTTT Kinh tế TMĐT 16 THIẾT KẾ & XÂY DỰNG WEBSITE  Nguyên tắc: — — — — — Tổ chức website chặt chẽ dễ sử dụng Sử dụng từ ngữ dễ hiểu Dễ dàng khám phá đường link Thời gian tải nhanh Tương thích với đa số trình duyệt web THIẾT KẾ & XÂY DỰNG WEBSITE  Các hoạt động: — — — Tổ chức nội dung (information design) Thiết kế đồ họa giao diện người dùng (User Interface design) Lập trình THIẾT KẾ & XÂY DỰNG WEBSITE  Chuẩn bị: — — Xác định mục đích Website cần thiết kế Xác định rõ độc giả Website • • Trình độ, sở thích, lứa tuổi, văn hóa độc giả Độc giả nước, nước THIẾT KẾ & XÂY DỰNG WEBSITE  Các chức bổ sung — — — — — — Diễn đàn (Forum) Đăng ký nhận tin (NewsLetter) Thông báo, tin tức (News Feed) Giỏ mua hàng (Shopping Cart) Tải miễn phí (Free Download) Thành viên (Member) THIẾT KẾ & XÂY DỰNG WEBSITE  Các kiểu cấu trúc thiết kế (sơ đồ bố trí thành phần nội dung) — Cấu trúc nối tiếp (Sequence) — Cấu trúc phân cấp (Hierarchy) Cấu trúc ô lưới (Grid) Cấu trúc mạng nhện (Web) — — THIẾT KẾ & XÂY DỰNG WEBSITE  Tổ chức nội dung: — — — — — Xác định rõ chủ đề nội dung website Xác định khối thông tin chủ yếu mà website cung cấp Chia nhỏ khối thông tin lớn Thiết lập hệ thống phân cấp thông tin Tạo mối quan hệ hệ thống phân cấp thông tin THIẾT KẾ & XÂY DỰNG WEBSITE  Các thành phần nội dung website — — — — — Trang chủ (Home page) Trang liên hệ (Contact us) Trang thông tin giới thiệu tổ chức, doanh nghiệp (About us) Trang giới thiệu sản phẩm, dịch vụ (Products/Services) Trang hướng dẫn sách (Policies) • Hướng dẫn người dùng “làm để đạt mục đích” CHƯƠNG 1: TỔNG QUAN Một số khái niệm Thiết kế xây dựng Websites: nguyên tắc, hoạt động, quy trình Triển khai Websites: nguyên tắc quy trình — — — 9/5/2022 Lưu trữ truy cập Website Các nguyên tắc triển khai Website Quy trình chung triển khai Website Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 24 TRIỂN KHAI WEBSITE Lưu trữ truy cập website:  Máy khách (clients) —  Trình duyệt (browsers) Máy chủ (servers) — — — Các tệp mã nguồn Cơ sở liệu File ảnh TRIỂN KHAI WEBSITES  Nguyên tắc — — — — 9/5/2022 Kiểm tra thật kỹ website trước triển khai Thuê không gian lưu trữ web đủ lớn nên mua tổ chức đáng tin cậy Nên có q trình thử nghiệm trước đưa trang web hoạt động thức Nâng cấp bảo trì trang web thường xuyên Bộ môn CNTT - Khoa HTTT Kinh tế TMĐT 26 TRIỂN KHAI WEBSITES  Quy trình — — — 9/5/2022 Đưa website lên Internet Quảng bá website Cập nhật bảo trì website Bộ mơn CNTT - Khoa HTTT Kinh tế TMĐT 27 Câu hỏi tập  Mỗi sinh viên chọn website trình bày: — —  So sánh website đơn vị (trường học, doanh nghiệp) với mạng xã hội — — —  Cách tổ chức nội dung website Sơ đồ bố trí thành phần nội dung website Loại thơng tin Cách thay đổi thơng tin Khả tương tác Em thiết kế cho website cá nhân em nào? ... TRIỂN KHAI WEBSITE     Chương 1: Tổng quan Chương 2: Thiết kế giao diện website Chương 3: Một số ngôn ngữ công cụ xây dựng website Chương 4: Triển khai website CHƯƠNG 1: TỔNG QUAN 1. 1 Một... duyệt (browser) 9/5 /2022 Bộ mơn CNTT - Khoa HTTT Kinh tế TMĐT 12 Webpage & Website Phân loại websites (1)     Websites giới thiệu cá nhân, đơn vị, tổ chức, địa điểm, kiện, … Websites lưu trữ... cập Website Các nguyên tắc triển khai Website Quy trình chung triển khai Website Bộ mơn CNTT - Khoa HTTT Kinh tế TMĐT 24 TRIỂN KHAI WEBSITE Lưu trữ truy cập website:  Máy khách (clients) — 