BKBIET Phase I - Day 1

03/06/2013 BKBIET Phase I Day 1

Today... ✤ Technical ✤ Web Technologies ✤ client-server technologies ✤
HTTP/HTML/JS ✤ web server/servlet-container/cgi ✤ DB/SQL

The Network

Client Server Model ✤ Why client server?

Client Server Model ✤ Why client server? ✤ alternatives?

Client Server Model ✤ Why client server? ✤ alternatives? ✤
basis of all distributed computing paradigms

basis of all distributed computing paradigms ✤ service-oriented, based on a request response protocol

basis of all distributed computing paradigms ✤ service-oriented, based on a request response protocol ✤ requires two distinct entities, a client and a server

basis of all distributed computing paradigms ✤ service-oriented, based on a request response protocol ✤ requires two distinct entities, a client and a server ✤ problems?

Web Technologies ✤ 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

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

HTTP ✤ Response ✤ Status codes ✤ Response headers ✤
content type ✤ content length ✤ Response data ✤ Cookies!

HTTP ✤ Response ✤ Status codes ✤ 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>

HTTP ✤ Salient Properties: ✤ Idempotent, except for POST ✤
multiple calls should result in the same state ✤ Stateless ✤ why? ✤ problems?

HTTP Sessions ✤ Cookies to 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: */*

HTML ✤ The language of 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>

Dynamic Web ✤ Personalized, interactive and dynamic ✤ HTTP Sessions
✤ dynamically generated content ✤ server-side: cgi ✤ client-side: javascript ✤ Ajax

CGI ✤ basis of server 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

Java on the Server ✤ harness the power of java
on the server side ✤ Java Servlets ✤ JSP: templates for java ✤ Enter frameworks ✤ struts ✤ spring ✤ MVC

Web Application ✤ web page --> 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

Persistence ✤ Flat ﬁles --> Databases ✤ Relational Databases ✤
NoSQL ✤ No more 1 size ﬁts all ✤ JDBC ✤ ORM : Hibernate

Let’s Start.. ✤ Questions???

Let’s Start.. ✤ Questions??? ✤ Exercise

BKBIET Phase I - Day 1

BKBIET Phase I - Day 1

Mihir Malaviya

More Decks by Mihir Malaviya

Other Decks in Education

Featured

Transcript

03/06/2013 BKBIET Phase I Day 1

Today... ✤ Technical ✤ Web Technologies ✤ client-server technologies ✤

The Network

The Network

The Network

The Network

Client Server Model ✤ Why client server?

Client Server Model ✤ Why client server? ✤ alternatives?

Client Server Model ✤ Why client server? ✤ alternatives? ✤

Client Server Model ✤ Why client server? ✤ alternatives? ✤

Client Server Model ✤ Why client server? ✤ alternatives? ✤

Client Server Model ✤ Why client server? ✤ alternatives? ✤

Web Technologies ✤ interconnected computers : Internet ✤ interconnected, distributed

HTTP ✤ Request ✤ the url ✤ protocol ✤ host/domain,[port]

HTTP ✤ Response ✤ Status codes ✤ Response headers ✤

HTTP ✤ Response ✤ Status codes ✤ Response headers ✤

HTTP ✤ Salient Properties: ✤ Idempotent, except for POST ✤

HTTP Sessions ✤ Cookies to the rescue! ✤ Types ✤

HTML ✤ The language of the internet? ✤ distributed information

Dynamic Web ✤ Personalized, interactive and dynamic ✤ HTTP Sessions

CGI ✤ basis of server side dynamism ✤ route the

Java on the Server ✤ harness the power of java

Java on the Server ✤ harness the power of java

Web Application ✤ web page --> web app ✤ an

Persistence ✤ Flat ﬁles --> Databases ✤ Relational Databases ✤

Let’s Start.. ✤ Questions???

Let’s Start.. ✤ Questions??? ✤ Exercise