Nội dung

CT428. Lập Trình Web Chương 3 - Qui Trình Xây Dựng Website Giảng viên: Trần Công Án (tcan@cit.ctu.edu.vn) Bộ môn Mạng máy tính & Truyền thông Khoa Công Nghệ Thông Tin & Truyền Thông Đại học Cần Thơ 2013 – 2014 [CT428] Chương 3. Thiết Kế Website Mục Tiêu Nhằm giới thiệu các bước trong việc xây dựng một website, bao gồm các công đoạn từ việc lập kế hoạch (planning) cho đến các bước thiết kế (designing), phát triển (developing) và đưa website vào hoạt động (launching). Ngoài ra, chương này còn giới thiệu một số vấn đề cần quan tâm khi thiết kế, tạo lập một website như tính khả chuyển (portable) và bảo mật (security) cho website. TS. Trần Công Án (Khoa CNTT&TT) [CT428] Chương 3. Thiết Kế Website 2 [CT428] Chương 3. Thiết Kế Website Nội Dung Các Khái Niệm Cơ Bản (Nhắc Lại) Qui trình xây dựng một Website Một số vấn đề cần lưu ý khi xây dựng website TS. Trần Công Án (Khoa CNTT&TT) [CT428] Chương 3. Thiết Kế Website 3 [CT428] Chương 3. Thiết Kế Website Các Khái Niệm Cơ Bản (Nhắc Lại) Webpage, Website, Homepage I I Webpage (trang web): I là một tài liệu (tài nguyên) trong dịch vụ WWW I được tạo bởi ngôn ngữ HTML, ngôn ngữ định dạng siêu văn bản Website: I I tập các trang web có liên quan của một cơ quan, tổ chức hay cá nhân Homepage (trang chủ): I là trang đầu tiên của một website I thường chứa các liên kết đến các trang web khác trong site TS. Trần Công Án (Khoa CNTT&TT) [CT428] Chương 3. Thiết Kế Website 4 [CT428] Chương 3. Thiết Kế Website Các Khái Niệm Cơ Bản (Nhắc Lại) Web Tĩnh (Static Web) I Nội dung trang web là cố định, không thay đổi theo ngữ cảnh. I Được thiết kế trực tiếp bằng ngôn ngữ HTML (hoặc XHTML). I Dễ phát triển, hỗ trợ mạnh bởi các công cụ trực quan. I Một trang web là một tập tin có phần mở rộng .html hoặc .htm được lưu trữ cố định trên web server. I Không có tính tương tác với người sử dụng. I Cập nhật thông tin đòi hỏi thiết kế lại webpage. (2) (1) www.abc.com/index.html index.html web browser TS. Trần Công Án (Khoa CNTT&TT) [CT428] Chương 3. Thiết Kế Website (3) HTML files (2’) web server (www.abc.com) 5 [CT428] Chương 3. Thiết Kế Website Các Khái Niệm Cơ Bản (Nhắc Lại) Web Động (Dynamic Web) I Nội dung trang web thường được tạo “động”, bằng một ngôn ngữ lập trình web động ⇒ có tính tương tác mạnh. I Nội dung trang web thường tách biệt với phần trình bày (HTML) ⇒ cập nhật nội dung dễ dàng, không đòi hỏi thiết kế lại webpage. I Một số NN lập trình web động thông dụng: PHP, ASP, JSP, . . . I Các ngôn ngữ này thường phức tạp hơn HTML ⇒ khó phát triển. application server g /lo (2) (1) www.abc.com/login.php (4) Internet ph p (2’) (3) l fil htm html file web browser in. e web server (www.abc.com) TS. Trần Công Án (Khoa CNTT&TT) [CT428] Chương 3. Thiết Kế Website database server 6 [CT428] Chương 3. Thiết Kế Website Các Khái Niệm Cơ Bản (Nhắc Lại) Địa Chỉ Tên Miền (DNS) I Internet sử dụng giao thức TCP/IP ⇒ các máy tính tham gia vào Internet được gán địa chỉ IP gồm 4 bytes được viết theo dạng 4 nhóm 1 byte: xxx.xxx.xxx.xxx (vd: 192.168.1.2) I Địa chỉ IP khó nhớ do sử dụng toàn các số, không mang ý nghĩa. I Địa chỉ tên miền là một dạng địa chỉ dùng cả chữ số và mang tính phân cấp ⇒ dễ nhớ hơn địa chỉ IP. VD: www.google.com I DNS không phải là sự thay thế cho IP: Địa chỉ gán cho các máy tính trên Internet vẫn là địa chỉ IP. I Khi sử dụng hệ thống địa chỉ tên miền, một tập các server sẽ ánh xạ địa chỉ tên miền sang địa chỉ IP để giúp định vị được vị trí của máy tính cần truy xuất. TS. Trần Công Án (Khoa CNTT&TT) [CT428] Chương 3. Thiết Kế Website 7 [CT428] Chương 3. Thiết Kế Website Các Khái Niệm Cơ Bản (Nhắc Lại) Hoạt Động Của Địa Chỉ Tên Miền DNS server www.abc.com có địa chỉ IP là 123.250.10.11 web server 3 5 (3 Truy xuất đến: http://123.250.10.11 ) 123.250.10.11 (www.abc.com) (2 (5) ) 1 client Muốn truy xuất http://www.abc.com (1) (4) Trả lời: 123.250.10.11 4 2 DNS server Không chứa ánh xạ tên miền này, tìm server khác để hỏi TS. Trần Công Án (Khoa CNTT&TT) [CT428] Chương 3. Thiết Kế Website 8 [CT428] Chương 3. Thiết Kế Website Qui trình xây dựng một Website Qui Trình Xây Dựng Một Website 1. Đặc tả (Specification) 2. Phân tích (Analysing) 3. Thiết kế (Designing) 4. Lập trình (Coding) 5. Kiểm thử (Testing) 6. Triển khai (Launching) 7. Bảo trì (Maintaining) TS. Trần Công Án (Khoa CNTT&TT) [CT428] Chương 3. Thiết Kế Website 9 [CT428] Chương 3. Thiết Kế Website Qui trình xây dựng một Website Đặc tả Đặc tả I Nhằm xác định mục đích và đối tượng truy cập I Mục tiêu của website là mang lại điều gì? Quảng bá thương hiệu, giới thiệu sản phẩm, quản lý doanh nghiệp, . . . I Đối tượng sử dụng website là ai? Lãnh đạo doanh nghiệp, nhân viên, khách hàng , . . . I Trình độ người dùng như thế nào? Chuyên về kỹ thuật hay có khả năng tốt về khai thác thông tin, . . . I Cho phép xác định nội dung, cách thức trình bày và một số kỹ thuật, công nghệ nên sử dụng cho website. I Tùy vào quy mô website, có thể phải phác thảo cả sitemap. TS. Trần Công Án (Khoa CNTT&TT) [CT428] Chương 3. Thiết Kế Website 10