Bài giảng môn lập trình mạng - Chương 4: Tổng quát về lập trình web

Nội dung text: Bài giảng môn lập trình mạng - Chương 4: Tổng quát về lập trình web

1. MƠN LẬP TRÌNH MẠNG Chương 4 TỔNG QUÁT VỀ LẬP TRÌNH WEB 4.1 Ơn lại hệ thống Web 4.2 Ơn lại ngơn ngữ HTML 4.3 Tổng quát về lập trình Web 4.4 Các cơng ngh ệ lập trình Web chạy ở Client 4.5 Các cơng nghệ lập trình Web chạy ở Server Bộ mơn : Cơng nghệ phần mềm Mơn : Lập trình Mạng Khoa Cơng nghệ Thơng tin Chương 4 : Tổng quát về Lập trình Web Trường ĐH Bách Khoa Tp.HCM Slide 131
2. 4.1 Ơn lại hệ thống Web Bộ mơn : Cơng nghệ phần mềm Mơn : Lập trình Mạng Khoa Cơng nghệ Thơng tin Chương 4 : Tổng quát về Lập trình Web Trường ĐH Bách Khoa Tp.HCM Slide 132
3. Giao thức HTTP HTTP (HyperText Transfer Protocol) Bộ mơn : Cơng nghệ phần mềm Mơn : Lập trình Mạng Khoa Cơng nghệ Thơng tin Chương 4 : Tổng quát về Lập trình Web Trường ĐH Bách Khoa Tp.HCM Slide 133
4. 4.2 Ơn lại ngơn ngữ HTML Bộ mơn : Cơng nghệ phần mềm Mơn : Lập trình Mạng Khoa Cơng nghệ Thơng tin Chương 4 : Tổng quát về Lập trình Web Trường ĐH Bách Khoa Tp.HCM Slide 134
5. Ơn lại ngơn ngữ HTML Bảng thơng tin 2 chiều hàng thuộc bảng phần tử header phần tử dữ liệu Mục ₫ích của các tag lệnh HTML cơ bản : ƒ Miêu tả nội dung của trang Web cùng ₫ịnh dạng của từng nội dung. ƒ chèn nội dung ngoại trực tiếp vào trang Web (thay vì miêu tả trực tiếp) -tag ƒ liên kết ₫ến nội dung ngoại và cho phép người dùng quyết ₫ịnh truy xuất nội dung ngoại - tag Bộ mơn : Cơng nghệ phần mềm Mơn : Lập trình Mạng Khoa Cơng nghệ Thơng tin Chương 4 : Tổng quát về Lập trình Web Trường ĐH Bách Khoa Tp.HCM Slide 135
6. Khái niệm URL URL (Uniform Resource Locator) là phương tiện giải quyết ₫ồng thời 3 chức năng : ƒ Xác ₫ịnh giao thức ₫ược dùng ₫ể truy xuất tài nguyên. ƒ Xác ₫ịnh ₫ịa chỉ máy (thường là ₫ịa chỉ DNS) chứa tài nguyên. ƒ Xác ₫ịnh vị trí cụ thể của tài nguyên trên máy (pathname). Bộ mơn : Cơng nghệ phần mềm Mơn : Lập trình Mạng Khoa Cơng nghệ Thơng tin Chương 4 : Tổng quát về Lập trình Web Trường ĐH Bách Khoa Tp.HCM Slide 136
7. Thí dụ 1 trang Web cơ bản Bộ mơn : Cơng nghệ phần mềm Mơn : Lập trình Mạng Khoa Cơng nghệ Thơng tin Chương 4 : Tổng quát về Lập trình Web Trường ĐH Bách Khoa Tp.HCM Slide 137
8. Source code của trang Web cơ bản Source code HTML của trang Web cơ bản : Trang Web demo các phần tử cơ bản Đây là tiêu ₫ề lớn cấp 1 Đây là ₫oạn văn chữ thương, cịn ₫ây là ₫oạn văn chữ nghiêng , và ₫ây là ₫oạn chữ in ₫ậm, ₫ây là ₫oạn chữ gạch dưới . Đây là 1 bảng dữ liệu 2 chiều 3x3 : phần tử 1,1 phần tử 1,2 phần tử 1,3 Bộ mơn : Cơng nghệ phần mềm Mơn : Lập trình Mạng Khoa Cơng nghệ Thơng tin Chương 4 : Tổng quát về Lập trình Web Trường ĐH Bách Khoa Tp.HCM Slide 138
9. Source code của trang Web cơ bản (tt) phần tử 2,1 phần tử 2,2 phần tử 2,3 phần tử 3,1 phần tử 3,2 phần tử 3,3 Đây là danh sách cĩ ₫ánh số thứ tự : MƯc 1 MƯc 2 Đây là danh sách dùng bullet : </HTML Bộ mơn : Cơng nghệ phần mềm Mơn : Lập trình Mạng Khoa Cơng nghệ Thơng tin Chương 4 : Tổng quát về Lập trình Web Trường ĐH Bách Khoa Tp.HCM Slide 139
10. 4.3 Tổng quát về lập trình Web Các tag HTML cơ bản chưa thể biến trang Web thành phần mềm tương tác trực quan với người dùng như các ứng dụng truyền thống trên Windows ⇒ cần 1 số tag lệnh mới ₫ể biến trang Web thành ứng dụng. Trang Web nằm ở Web server, nhưng khi c ần nĩ sẽ ₫ược download về phía client ⇒ Thành phần phần mềm ₫ược nhúng vào trang Web cĩ thể ₫ượ c xử lý trước ở Server hay sau khi ₫ã ₫ược download về phía client ⇒ Cĩ 2 cơng nghệ lập trình Web khác nhau : ƒ lập trình Web chạy ở client và lập trình web chạy ở server. tạo 1 phần tử COM, ActiveX Control, tạo 1 Applet Java tạo 1 ₫oạn chương trình (thường là n hàm xử lý) tạo 1 form giao diện người dùng và ₫ặc tả hàm xử lý form (thường nằm ở máy server) Bộ mơn : Cơng nghệ phần mềm Mơn : Lập trình Mạng Khoa Cơng nghệ Thơng tin Chương 4 : Tổng quát về Lập trình Web Trường ĐH Bách Khoa Tp.HCM Slide 140
11. 4.4 Lập trình Web chạy ở máy client Hiện cĩ 3 cơng nghệ lập trình Web chạy ở phía client khác nhau : ƒ DHTML và script : mỗi tag cho phép chèn nhiều hàm xử lý vào trang Web, các hàm này ₫ược viết bằng ngơn ngữ script như javascript, VBscript. DHTML nới rộng nhiều tham số vào từng tag lệnh HTML, 1 trong các tham số nới rộng là ₫ịnh nghĩa hàm nào sẽ xử lý sự kiện nào trên phần tử tương ứng. ƒ Java Applet : mỗi tag cho phép nhúng vào trang Web 1 ₫ối tượng java ₫ặc biệt mà ta gọi là Applet. Applet là 1 form chương trình viết bằng Java, nĩ cĩ giao diện nào ₫ĩ tùy theo chức năng xử lý. Khi ₫ược nhúng vào trang Web, nĩ sẽ chiếm khơng gian với vị trí và kích thước ₫ược qui ₫ịnh bởi tag và sẽ tương tác với người dùng trực tiếp. ƒ Microsoft object : tag cho phép nhúng vào trang Web 1 ₫ối tượng COM hay ActiveX. Cũng giống như Applet, ActiveX là 1 form chương trình viết bằng cơng nghệ Microsoft (VC++, VB, ), nĩ cĩ giao diện nào ₫ĩ tùy theo chức năng xử lý. Khi ₫ược nhúng vào trang Web, nĩ sẽ chiếm khơng gian với vị trí và kích thước ₫ược qui ₫ịnh bởi tag và sẽ tương tác với người dùng trực tiếp. Bộ mơn : Cơng nghệ phần mềm Mơn : Lập trình Mạng Khoa Cơng nghệ Thơng tin Chương 4 : Tổng quát về Lập trình Web Trường ĐH Bách Khoa Tp.HCM Slide 141
12. 4.4 Lập trình Web chạy ở máy client Các cơng nghệ lập trình Web chạy ở phía client khác nhau thường cĩ các khuyết ₫iểm sau : ƒ khơng tin cậy : phụ thuộc vào cấu hình máy client vốn rất ₫a dạng về cơng suất tính tốn, tình trạng nhiễm virus ƒ khơng hiệu quả : tốn thời gian download phần tử phần mềm từ server về client nhất là phần tử phầm mềm cĩ dượng lượng lớn. Nếu dữ liệu xử lý nằm ở server thì phần mềm phải tốn nhiều thời gian truy xuất dữ liệu thơng qua mạng. ƒ khĩ bảo mật : vì thành phần phầm mềm phải ₫ược download về máy client nên client cĩ thể tìm hiểu, nghiên cứu ₫ược thuật tốn của phầm mềm, nhất là nĩ ₫ược viết bằng ngơn ngữ script ở dạng rõ (mã nguồn). Với các ₫ặc ₫iểm của lập trình Web chạy ở phía client, người ta thường chỉ dùng nĩ ₫ể xử lý sơ bộ quá trình tương tác và nhập liệu của người dùng, cịn ₫ể xử lý các vấn ₫ề cịn lại, người ta dùng các cơng nghệ lập trình Web ở Server. Bộ mơn : Cơng nghệ phần mềm Mơn : Lập trình Mạng Khoa Cơng nghệ Thơng tin Chương 4 : Tổng quát về Lập trình Web Trường ĐH Bách Khoa Tp.HCM Slide 142
13. 4.5 Lập trình Web chạy ở máy Server Hiện cĩ rất nhiều cơng nghệ lập trình Web chạy ở phía server khác nhau : ƒ CGI : là 1 phần mềm xử lý hàng lệnh truyền thố ng cho phép chuyển hướng (redirection) thiết bị nhập/xuất chuẩn. Mỗi lần Web server nhận yêu cầu từ client, nĩ chuẩn bị dữ liệu trong 1 file nhập, thiết lập file nhập và file xuất thành 2 thiết bị I/O chuẩn của module CGI rồi kích hoạt CGI chạy. Trong quá trình chạy, CGI nhập dữ liệu từ file nhập và xuất dữ liệu ra file xuất do Server thiết lập. Sau khi CGI chạy xong, Web server sẽ lấy dữ liệu từ file xuất và gởi về client. ƒ ISAPI Extension : mỗi thành phần xử lý ₫ược ₫ĩng gĩi thành 1 hàm và ₫ược ₫ể trong thư viện *.dll. Mỗi lần Web server cần thành phần nào (do client yêu cầu), nĩ sẽ liên kết ₫ộng với hàm ₫ĩvàgọi hàm cục bộ ⇒ hệ thống khơng tốn chi phí quản lý process như CGI. ƒ ASP, JSP, PHP, : thành phần phần mềm là những ₫oạn script ₫ược nhúng thẳng vào trang Web nhưng sẽ ₫ược server chạy trước, kết quả thường ₫ược thay thế vào vị trí của thành phần phần mềm trước khi gởi về client. Bộ mơn : Cơng nghệ phần mềm Mơn : Lập trình Mạng Khoa Cơng nghệ Thơng tin Chương 4 : Tổng quát về Lập trình Web Trường ĐH Bách Khoa Tp.HCM Slide 143
14. Lập trình Web chạy ở máy Server Các cơng nghệ ASP, JSP, PHP, dùng ngơn ngữ script ₫ể miêu tả chương trình ⇒ khơng ₫ủ mạnh ₫ể giải quyết những vấn ₫ề xử lý phức tạp ⇒ thường nhờ sự trợ giúp c ủa các thành phần chuyên dụng khác : ƒ ASP : dùng COM và *.dll. ƒ JSP : dùng Servlet Java và JavaBean. ƒ PHP : dùng các thư viện hàm API viết sẵn. Tĩm lại, thơng qua dịch vụ Web, từ client, ta cĩ thể kích hoạt chạy 1 ứng dụng hay 1 hàm trong th ư viện nào ₫ĩ ở máy server. Bộ mơn : Cơng nghệ phần mềm Mơn : Lập trình Mạng Khoa Cơng nghệ Thơng tin Chương 4 : Tổng quát về Lập trình Web Trường ĐH Bách Khoa Tp.HCM Slide 144