lập trình mạng nguyễn cao đạt chương4 đại họcmtl va lập trình web chay o client sinhvienzone com

Trường Đại Học Bách Khoa Tp.HCM DHMTL & LẬP TRÌNH WEB CHẠY Ở CLIENT ne C om CHƯƠNG IV Trang Trường Đại Học Bách Khoa Tp.HCM nh Vi en Zo Bản quyền ®2005- Khoa Công Nghệ Thông Tin Si GIỚI THIỆU HỆ THỐNG WEB • Mơ hình hoạt động: Web browser/Web server Web client HTTP Web server Bản quyền ®2005- Khoa Công Nghệ Thông Tin SinhVienZone.com https://fb.com/sinhvienzonevn Trang Trường Đại Học Bách Khoa Tp.HCM GIỚI THIỆU HỆ THỐNG WEB z z ne C z Web server: chương trình quản lý thứ bậc trang Web phục vụ yêu cầu truy xuất chúng từ client từ xa Web Browser: chương trình giao tiếp với người dùng, nhận yêu cầu từ user truy xuất trang Web server tương ứng để phân giải hiển thị nội dung lên hình Trang Web: đơn vị gởi nhận Web server Web client, file văn viết ngôn ngữ HTML Web browser web server tạo cầu nối TCP để trao đổi thông tin, server lắng nghe port 80 (port mặc định) dùng giao thức HTTP (HyperText Transfer Protocol) om z Trang Trường Đại Học Bách Khoa Tp.HCM nh Vi en Zo Bản quyền ®2005- Khoa Công Nghệ Thông Tin Si CẤU TRÚC MỘT GIAO DỊCH HTTP 1.0 z 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 cho HTTP client, chứa resource mà HTTP client yêu cầu Bước 4: HTTP server đóng kết nối z Ví dụ z z z Client: Server: GET /path/file.html HTTP/1.0 From: someuser@jmarshall.com User-Agent: HTTPTool/1.0 [blank line here] HTTP/1.0 200 OK Date: Fri, 31 Dec 1999 23:59:59 GMT Content-Type: text/html Content-Length: 1354 [blank line here] … Bản quyền ®2005- Khoa Công Nghệ Thông Tin SinhVienZone.com https://fb.com/sinhvienzonevn Trang Trường Đại Học Bách Khoa Tp.HCM GIỚI THIỆU VỀ LẬP TRÌNH WEB Các đặc điểm ứng dụng web – – ne C – Không phải ứng dụng độc lập, ứng dụng chạy web-server Người lập trình thực thao tác ứng dụng web với ứng dụng độc lập Có thể lấy thông tin từ user om z Trang en Zo Bản quyền ®2005- Khoa Công Nghệ Thông Tin nh Vi Trường Đại Học Bách Khoa Tp.HCM Si HTML – HyperText Markup Language z z z z Là ngôn ngữ đánh dấu siêu văn Sử dụng thẻ (tag) để định dạng: văn bản, đoạn văn, hình ảnh, file âm thanh, Java applet, đối tượng file Word, Excel, JavaBean… Cho phép chèn đoạn mã script JavaScript thực thi trình duyệt (browser) Là định dạng chuẩn cho trang web – Mở rộng: XML, WSDL/SOAP… Bản quyền ®2005- Khoa Công Nghệ Thông Tin SinhVienZone.com https://fb.com/sinhvienzonevn Trang Trường Đại Học Bách Khoa Tp.HCM CÁC CƠNG CỤ TẠO TRANG WEB Microsoft Visual InterDev – Microsoft Visual Studio.NET 2003 – z Microsoft Frontpage – z HTML, ASP, JSP, ASP.NET… EditPlus Notepad/Wordpad/Unix VIM ne z HTML, JSP, Java Servlet, Java EJB… Macromedia Dreamweawer MX 2004 – z HTML… Jbuilder – z HTML, ASP.NET, ASP.NET Webservice, C#, C++… om z HTML, ASP… C z Trang Trường Đại Học Bách Khoa Tp.HCM nh Vi en Zo Bản quyền ®2005- Khoa Công Nghệ Thông Tin Si HTML – HyperText Markup Language Bản quyền ®2005- Khoa Công Nghệ Thông Tin SinhVienZone.com https://fb.com/sinhvienzonevn Trang Trường Đại Học Bách Khoa Tp.HCM ne C om HTML – HyperText Markup Language Trang Trường Đại Học Bách Khoa Tp.HCM nh Vi en Zo Bản quyền ®2005- Khoa Công Nghệ Thông Tin Si HTML – HyperText Markup Language z FORMs – Cấu trúc form BUTTON: nút nhấn – Cú pháp: om z Trang 11 Trường Đại Học Bách Khoa Tp.HCM nh Vi en Zo Bản quyền ®2005- Khoa Công Nghệ Thông Tin Si HTML – HyperText Markup Language z FORMs(tt) – Các loại (type) INPUT RATIO: chọn lựa nhiều – Cú pháp: Option Option Option z Bản quyền ®2005- Khoa Công Nghệ Thông Tin SinhVienZone.com https://fb.com/sinhvienzonevn Trang 12 Trường Đại Học Bách Khoa Tp.HCM HTML – HyperText Markup Language z FORMs(tt) – Các loại (type) INPUT z CHECKBOX: Ví dụ: text ]+ om z Javascipt example about timer =1000) counter=0; document.images[0].src= get_images(counter/100); document.images[1].src= get_images((counter%100)/10); document.images[2].src= get_images(counter%10); SecondText.innerText=counter; setTimeout('my_timer()',1000); } Bản quyền ®2005- Khoa Công Nghệ Thông Tin SinhVienZone.com https://fb.com/sinhvienzonevn Trang 26 Trường Đại Học Bách Khoa Tp.HCM DHTML ne C om function get_images(number){ var newNum= Math.floor(number); return " /images/"+newNum+".jpg"; } >

Timer : 000 seconds

Trang 27 Trường Đại Học Bách Khoa Tp.HCM nh Vi en Zo Bản quyền ®2005- Khoa Công Nghệ Thông Tin Si LẬP TRÌNH WEB CHẠY Ở CLIENT z Java Applet – – – – Là ứng dụng viết Java, nhúng trang HTML Khi trang HTML có chứa tag applet gọi, class applet tải máy client thực thi máy client Một ứng dụng applet phải thừa kế class java.applet.Applet Có thể thực thao tác chương trình Java, nhiên bị hạn chế số chức tính bảo mật cho máy client Bản quyền ®2005- Khoa Công Nghệ Thông Tin SinhVienZone.com https://fb.com/sinhvienzonevn Trang 28 Trường Đại Học Bách Khoa Tp.HCM LẬP TRÌNH WEB CHẠY Ở CLIENT Hoạt động Applet – – – – z Được web browser tải mã(byte code) máy client Method init() gọi để khởi động thông số Method start() gọi để thực thi Method stop() gọi người dùng thoát khỏi applet Method destroy() thực thi applet kết thúc om – ActiveX Control Tương tự Java Applet, viết công nghệ Mircosoft ne – C z Trang 29 Trường Đại Học Bách Khoa Tp.HCM nh Vi en Zo Bản quyền ®2005- Khoa Công Nghệ Thông Tin Si LẬP TRÌNH WEB CHẠY Ở CLIENT //file SampleApplet.java import java.applet.*; import java.awt.*; public class SampleApplet extends Applet { String text = "error"; int x = 0; int y = 20; public void init() { text = getParameter("text"); try { x = Integer.parseInt(getParameter("x")); y = Integer.parseInt(getParameter("y")); }catch(NumberFormatException ex){ } } public void paint(Graphics g) { g.setFont(new Font("TimesRoman",Font.BOLD+ Font.ITALIC,36)); g.drawString(text,x,y); } } Bản quyền ®2005- Khoa Công Nghệ Thông Tin SinhVienZone.com https://fb.com/sinhvienzonevn Trang 30 Trường Đại Học Bách Khoa Tp.HCM LẬP TRÌNH WEB CHẠY Ở CLIENT ne C om Using the Applet Tag An Applet that Displays Text at a Designated Location Text displayed by browsers that are not Javaenabled Trang 31 Trường Đại Học Bách Khoa Tp.HCM nh Vi en Zo Bản quyền ®2005- Khoa Công Nghệ Thông Tin Si TÀI LIỆU THAM KHẢO THÊM z HTML Homepage on W3C – z HTML ver 4.0 – z http://www.w3.org/TR/REC-html40/interact/forms.html Dave Raggett’s Introduction to HTML – – – z http://www.w3.org/TR/REC-html40/ HTML Form – z http://www.w3.org/MarkUp/ http://www.w3.org/MarkUp/Guide/Overview.html http://www.w3.org/MarkUp/Guide/Advanced http://www.w3.org/MarkUp/Guide/Style.html Javascript & DHTML – – http://javascript.internet.com/ http://www.dynamicdrive.com/ Bản quyền ®2005- Khoa Công Nghệ Thông Tin SinhVienZone.com https://fb.com/sinhvienzonevn Trang 32 Trường Đại Học Bách Khoa Tp.HCM TỔNG KẾT z z Giới thiệu hệ thống Web Giới thiệu lập trình Web Lập trình Web phía Client – ne C – Javascript DHTML om z Si nh Vi en Zo Bản quyền ®2005- Khoa Công Nghệ Thông Tin SinhVienZone.com https://fb.com/sinhvienzonevn Trang 33 ... [