Bài giảng Hệ thống World Wide Web và lập trình Web chạy ở phía client dùng DHTML và JavaScript - Nguyễn Quang Hùng

Chia sẻ: Năm Tháng Tĩnh Lặng | Ngày: | Loại File: PPT | Số trang:82

Thêm vào BST

Báo xấu

89
lượt xem 6
download

Download Vui lòng tải xuống để xem tài liệu đầy đủ

Bài giảng Hệ thống world wide web và lập trình web chạy ở phía client dùng DHTML và Javascript trình bày một số nội dung như: Tìm hiểu về hệ thống world wide web, lập trình web chạy ở phía client bằng DHTML và javascript java applet, XML, bài tập tạo ứng dụng VnIE cho phép duyệt web như một trình duyệt thông thường. Mời các bạn tham khảo.

Chủ đề:

Bình luận(0) Đăng nhập để gửi bình luận!

Lưu

Nội dung Text: Bài giảng Hệ thống World Wide Web và lập trình Web chạy ở phía client dùng DHTML và JavaScript - Nguyễn Quang Hùng

Hệ thống World Wide Web & Lập trình Web chạy ở phía client dùng DHTML và JavaScript Nguyễn Quang Hùng Email: hungnq2@dit.hcmut.edu.vn Website: www.dit.hcmut.edu.vn/~hungnq/courses.htm
Mục tiêu buổi học (3 tiết) 1. Tìm hiểu về hệ thống World Wide Web: a. Mô hình hoạt động: Web browser/Web server b. HyperText Transfer Protocol (HTTP) c. HyperText Markup Language (HTML) 2. Lập trình Web chạy ở phía client bằng DHTML và Javascript, Java Applet, XML 3. Bài tập: tạo ứng dụng VnIE cho phép duyệt Web như một trình duyệt thông thường. Faculty of Information Technology, HCM University of Technology
Giới thiệu mạng Internet  Mạng LAN (Local Area Network)  Mạng cục bộ có bán kính giới hạn về mặt địa lý  Tốc độ truyền dữ liệu cao  Mạng WAN (Wide Area Network)  Mạng nối kết các mạng LANs, không giới hạn về mặt địa lý.  Có tốc độ truyền tương đối thấp  Mạng Internet là mạng máy tính toàn cầu, kết nối các mạng của các tổ chức, cá nhân trên thế giới  Các dịch vụ phổ biến trên Internet: web, email, chat, FTP,… Faculty of Information Technology, HCM University of Technology
Giới thiệu hệ thống World Wide Web (WWW)  Mô hình hoạt động: Web client/Web server Web client HTTP Web server Faculty of Information Technology, HCM University of Technology
Hệ thống WWW ở góc nhìn lập trình  Web server lắng nghe ở port 80 (port mặc định)  Web browser và web server sẽ tạo 1 cầu nối TCP để trao đổi thông tin; và dùng giao thức HTTP (HyperText Transfer Protocol) để truyền tài nguyên web (web page, image, order data, credit card…). Faculty of Information Technology, HCM University of Technology
Các phần tử trong hệ thống WWW  Web server: chương trình quản lý một cây thứ bậc các trang Web và phục vụ yêu cầu truy xuất chúng từ các client từ xa. VD: Apache Http server, IIS, PWS…  Web Browser: chương trình giao tiếp với người dùng, nhận yêu cầu từ user rồi truy xuất trang Web ở server tương ứng để phân giải và hiển thị nội dung lên màn hình. VD: firefox, IE, Mozilla…  Web page: đơn vị gởi nhận giữa Web server và Web client, nó là 1 file văn bản được viết bằng ngôn ngữ HTML, DHML, XML Faculty of Information Technology, HCM University of Technology
CẤU TRÚC MỘT GIAO DỊCH HTTP 1.x  Bước 1: HTTP client mở kết nối đến HTTP server  Bước 2: HTTP client gửi request message đến HTTP server  Bước 3: HTTP server trả response mesage về cho HTTP client, chứa resource mà HTTP client yêu cầu  Bước 4: HTTP server đóng kết nối  Lưu ý: HTTP 1.1 còn cho phép keepalive trên cầu nối TCP này Faculty of Information Technology, HCM University of Technology
Ví dụ về một HTTP request/response  Client: GET http://www.w3c.org/index.html HTTP/1.1 From: someuser@jmarshall.com UserAgent: HTTPTool/1.0 [blank line here]  Server: HTTP/1.0 200 OK Date: Fri, 31 Dec 1999 23:59:59 GMT ContentType: text/html ContentLength: 1354 [blank line here] … Faculty of Information Technology, HCM University of Technology
Uniform Resource Locator (URL)  Địa chỉ URL bao gồm 3 phần:  protocol, host và path  Ví dụ: http://www.hcmut.edu.vn/index.htm Faculty of Information Technology, HCM University of Technology
Các lệnh trong HTTP 1.x  GET  Lấy toàn bộ một trang web.  POST  Gửi dữ liệu từ web client về server.  HEAD  Chỉ lấy phần header của một trang web (phần thẻ …) mà không cần lấy nội dung.  etc Faculty of Information Technology, HCM University of Technology
HTTP 1.1 so với HTTP 1.0  Trong message phải có Header line Host: www.host1.com  Cho phép truyền từng phần của file (Header Chunked TransferEncoding)  Mặc định là Persistent Connection  Server gửi “100 Continue” nếu slow links Faculty of Information Technology, HCM University of Technology
Tổng kết  Hệ thống WWW dùng mô hình giao tiếp clientserver  Web client và Web server giao tiếp bằng giao thức HTTP thông qua default port 80  Giao thức HTTP  4 bước  Giao tiếp bằng message Faculty of Information Technology, HCM University of Technology
Tham khảo  RFC 1945HTTP 1.0  RFC 2616HTTP 1.1  www.jmarshall.com/easy/http/  www.w3.org  … Faculty of Information Technology, HCM University of Technology
HyperText Markup Language & Lập trình trang web động bằng DHTML và Javascript Nguyễn Quang Hùng Email: hungnq2@dit.hcmut.edu.vn http://www.dit.hcmut.edu.vn/~hungnq/courses.htm Trích từ tập slide môn Lập trình mạng của T.S Nguyễn Văn Hiệp – Bộ môn CNPM – Khoa CNTT ĐHBK TPHCM
Mục tiêu  Giới thiệu về lập trình web  Tìm hiểu về ngôn ngữ đánh dấu siêu văn bản (HTML – HyperText Markup Language) Faculty of Information Technology, HCM University of Technology
Mục lục  Lịch sử  Các thẻ (tag) căn bản  Hướng phát triển Faculty of Information Technology, HCM University of Technology
Giới thiệu về lập trình web  Các đặc điểm của ứng dụng web  Không phải là một ứng dụng độc lập, là ứng dụng chạy trên nền webserver.  Người lập trình có thể thực hiện các thao tác trên ứng dụng web như với một ứng dụng độc lập.  Có thể lấy thông tin từ user. Faculty of Information Technology, HCM University of Technology
Lịch sử về HTML  1989: dự án đề nghị của CERN về WWW  1992: phân các lớp cơ bản  wwwtalk@info.cern.ch  Các trình duyệt ban đầu rất khó cài đặt…  1993: NCSA Mosaic released, Web cất cánh bay xa Faculty of Information Technology, HCM University of Technology
The Internet Engineering Task Force (IETF)  07/93: Internet Draft for HTML+  11/95: RFC1866 HTML 2.0  11/95: RFC1867 Formbased file Upload  03/95: HTML 3.0 Draft ổn định hơn HTML 2.0  05/96: RFC1942 HTML Tables  01/97: RFC2070 Internationalization of HTML  Sau 96: IETF HTML WG đóng lại Faculty of Information Technology, HCM University of Technology
W3C tiếp quản chuẩn HTML  12/95: W3C họp các nhà cung cấp chính yếu.  Công việc ban đầu trên tiêu chí mô hình đối tượng thông thường:  Tiếp nối đưa ra các nét cơ bản của HTML.  01/97: W3C công bố HTML 3.2 (khuyến cáo).  12/97: W3C công bố HTML 4.0 (khuyến cáo).  05/98: W3C workshop về tương lai của HTML.  02/99: XHTML draft Faculty of Information Technology, HCM University of Technology