![HTTP
✤ Request
✤ the url
✤ protocol
✤ host/domain,[port]
✤ path, parameters
✤ methods:
✤ GET, POST, PUT,DELETE
✤ HEAD, OPTIONS, TRACE...
✤ Cookies!
GET /index.html HTTP/1.1
Host: www.example.com
Thursday, 13 June 13](https://image.slidesharecdn.com/bkbiet-day1-130613093758-phpapp01/85/Bkbiet-day1-14-320.jpg)
More Related Content
![[DSBW Spring 2009] Unit 02: Web Technologies (1/2)](https://cdn.slidesharecdn.com/ss_thumbnails/unit02-1-tech-090302113923-phpapp01-thumbnail.jpg?width=640&height=640&fit=bounds)
Bkbiet day1
- 1. 03/06/2013 BKBIET Phase I Day1 Thursday, 13 June 13
- 2. Today... ✤ Technical ✤ WebTechnologies ✤ client-server technologies ✤ HTTP/HTML/JS ✤ web server/servlet-container/cgi ✤ DB/SQL Thursday, 13 June 13
- 3. The Network Thursday, 13June 13
- 4. The Network Thursday, 13June 13
- 5. The Network Thursday, 13June 13
- 6. The Network Thursday, 13June 13
- 7. Client Server Model ✤Why client server? Thursday, 13 June 13
- 8. Client Server Model ✤Why client server? ✤ alternatives? Thursday, 13 June 13
- 9. Client Server Model ✤Why client server? ✤ alternatives? ✤ basis of all distributed computing paradigms Thursday, 13 June 13
- 10. Client Server Model ✤Why client server? ✤ alternatives? ✤ basis of all distributed computing paradigms ✤ service-oriented, based on a request response protocol Thursday, 13 June 13
- 11. Client Server Model ✤Why client server? ✤ alternatives? ✤ basis of all distributed computing paradigms ✤ service-oriented, based on a request response protocol ✤ requires two distinct entities, a client and a server Thursday, 13 June 13
- 12. Client Server Model ✤Why client server? ✤ alternatives? ✤ basis of all distributed computing paradigms ✤ service-oriented, based on a request response protocol ✤ requires two distinct entities, a client and a server ✤ problems? Thursday, 13 June 13
- 13. WebTechnologies ✤ interconnected computers: Internet ✤ interconnected, distributed knowledge : Hypertext ✤ language to express, hypertext : HTML ✤ tags ✤ links ✤ client :web-browser, ✤ server : web-server, ✤ protocol: Hyper Text Transfer Protocol Thursday, 13 June 13
- 14. HTTP ✤ Request ✤ theurl ✤ protocol ✤ host/domain,[port] ✤ path, parameters ✤ methods: ✤ GET, POST, PUT,DELETE ✤ HEAD, OPTIONS, TRACE... ✤ Cookies! GET /index.html HTTP/1.1 Host: www.example.com Thursday, 13 June 13
- 15. HTTP ✤ Response ✤ Statuscodes ✤ Response headers ✤ content type ✤ content length ✤ Response data ✤ Cookies! Thursday, 13 June 13
- 16. HTTP ✤ Response ✤ Statuscodes ✤ Response headers ✤ content type ✤ content length ✤ Response data ✤ Cookies! HTTP/1.1 200 OK Date: Mon, 23 May 2005 22:38:34 GMT Server: Apache/1.3.3.7 (Unix) (Red-Hat/Linux) Last-Modified: Wed, 08 Jan 2003 23:11:55 GMT Content-Type: text/html; charset=UTF-8 Content-Length: 131 Connection: close <html> <head> <title>An Example Page</title> </head> <body> Hello World, this is a very simple HTML document. </body> </html> Thursday, 13 June 13
- 17. HTTP ✤ Salient Properties: ✤Idempotent, except for POST ✤ multiple calls should result in the same state ✤ Stateless ✤ why? ✤ problems? Thursday, 13 June 13
- 18. HTTP Sessions ✤ Cookiesto the rescue! ✤ Types ✤ session ✤ persistent ✤ secure ✤ third-party cookie ✤ super cookie ✤ Server --> Client ✤ Client --> Server HTTP/1.1 200 OK Content-type: text/html Set-Cookie: name=value Set-Cookie: name2=value2; Expires=Wed, 09 Jun 2021 10:18:14 GMT (content of page) GET /spec.html HTTP/1.1 Host: www.example.org Cookie: name=value; name2=value2 Accept: */* Thursday, 13 June 13
- 19. HTML ✤ The languageof the internet? ✤ distributed information bank ✤ tag based structure ✤ links to other html documents ✤ styling provided through css ✤ latest versions HTML 5, CSS 3 ✤ move from hypertext to hypermedia <!DOCTYPE HTML> <html> <body> <video width="320" height="240" controls> <source src="movie.mp4" type="video/mp4"> <source src="movie.ogg" type="video/ogg"> Your browser does not support the video tag. </video> </body> </html> Thursday, 13 June 13
- 20. DynamicWeb ✤ Personalized, interactiveand dynamic ✤ HTTP Sessions ✤ dynamically generated content ✤ server-side: cgi ✤ client-side: javascript ✤ Ajax Thursday, 13 June 13
- 21. CGI ✤ basis ofserver side dynamism ✤ route the request from client to a server-side script ✤ let the script generate the response ✤ CGI can be anything ✤ perl, bash script ✤ C program ✤ Java, python or ruby Thursday, 13 June 13
- 22. Java on theServer ✤ harness the power of java on the server side ✤ Java Servlets ✤ JSP: templates for java ✤ Enter frameworks ✤ struts ✤ spring ✤ MVC Thursday, 13 June 13
- 23. Java on theServer ✤ harness the power of java on the server side ✤ Java Servlets ✤ JSP: templates for java ✤ Enter frameworks ✤ struts ✤ spring ✤ MVC Thursday, 13 June 13
- 24. Web Application ✤ webpage --> web app ✤ an interactive front-end ✤ enter applet,vbscript,javascript,.... ✤ HTML as DOM ✤ Ajax/XHR ✤ frameworks : jQuery, backbone.js, ember.js, angular.js, knockout.js Thursday, 13 June 13
- 25. Persistence ✤ Flat files--> Databases ✤ Relational Databases ✤ NoSQL ✤ No more 1 size fits all ✤ JDBC ✤ ORM : Hibernate Thursday, 13 June 13
- 26. Let’s Start.. ✤ Questions??? Thursday,13 June 13
- 27. Let’s Start.. ✤ Questions??? ✤Exercise Thursday, 13 June 13