when why what of www
DESCRIPTION
Evolution of the web through the lens of a developer Tech Talk @ Georgia Gwinnett University, 1000 University Center Lane Lawrenceville, GA 30043 Talk Schedule : http://www.ggc.edu/ggc-life/campus-events/icalrepeat.detail/2011/03/09/744/27|25|26/Yjc4Zjg4NjM1NTAyN2JlMzRmNjczZWMzYzA2Y2JhMjU=TRANSCRIPT
![Page 1: When Why What of WWW](https://reader036.vdocument.in/reader036/viewer/2022070315/55504ea5b4c9058f768b5331/html5/thumbnails/1.jpg)
When Why What of WWW evolution of the web through the lens
of a developer
1
![Page 2: When Why What of WWW](https://reader036.vdocument.in/reader036/viewer/2022070315/55504ea5b4c9058f768b5331/html5/thumbnails/2.jpg)
2
Subramanyan Murali Yahoo! mail EngineerWeb developer, Hacker, photographer@rmsguhan
![Page 3: When Why What of WWW](https://reader036.vdocument.in/reader036/viewer/2022070315/55504ea5b4c9058f768b5331/html5/thumbnails/3.jpg)
Family of Book worms
3
![Page 4: When Why What of WWW](https://reader036.vdocument.in/reader036/viewer/2022070315/55504ea5b4c9058f768b5331/html5/thumbnails/4.jpg)
![Page 5: When Why What of WWW](https://reader036.vdocument.in/reader036/viewer/2022070315/55504ea5b4c9058f768b5331/html5/thumbnails/5.jpg)
![Page 6: When Why What of WWW](https://reader036.vdocument.in/reader036/viewer/2022070315/55504ea5b4c9058f768b5331/html5/thumbnails/6.jpg)
Catalog of all the readable material
= Hierarchical Index
![Page 7: When Why What of WWW](https://reader036.vdocument.in/reader036/viewer/2022070315/55504ea5b4c9058f768b5331/html5/thumbnails/7.jpg)
![Page 8: When Why What of WWW](https://reader036.vdocument.in/reader036/viewer/2022070315/55504ea5b4c9058f768b5331/html5/thumbnails/8.jpg)
1980 Tim Berners-Lee first envisioned linking together documents in a consistent,
platform neutral way to share research work
![Page 9: When Why What of WWW](https://reader036.vdocument.in/reader036/viewer/2022070315/55504ea5b4c9058f768b5331/html5/thumbnails/9.jpg)
hy-per-text – noun a method of storing data through a computer program that allows a user to create and link fields of information at will and to retrieve the data non-sequentially
![Page 10: When Why What of WWW](https://reader036.vdocument.in/reader036/viewer/2022070315/55504ea5b4c9058f768b5331/html5/thumbnails/10.jpg)
1989
HTML is born
demand for information access
standard & machine understandable
![Page 11: When Why What of WWW](https://reader036.vdocument.in/reader036/viewer/2022070315/55504ea5b4c9058f768b5331/html5/thumbnails/11.jpg)
<body> , <h1> , <a>, <legend>, <fieldset>, <p>,
<table>, <img>, <input>, <div>, <ul>, <li> …
<center>, <b>, <i>, <marquee> …
![Page 12: When Why What of WWW](https://reader036.vdocument.in/reader036/viewer/2022070315/55504ea5b4c9058f768b5331/html5/thumbnails/12.jpg)
1991
The age of the Web Browserbegins
![Page 13: When Why What of WWW](https://reader036.vdocument.in/reader036/viewer/2022070315/55504ea5b4c9058f768b5331/html5/thumbnails/13.jpg)
1995
Surge of web documents
one way traffic of information
Directories & search engines
![Page 14: When Why What of WWW](https://reader036.vdocument.in/reader036/viewer/2022070315/55504ea5b4c9058f768b5331/html5/thumbnails/14.jpg)
http://www.archive.org/
http://waybackmachine.org/
![Page 15: When Why What of WWW](https://reader036.vdocument.in/reader036/viewer/2022070315/55504ea5b4c9058f768b5331/html5/thumbnails/15.jpg)
1996
a working group of the World Wide Web Consortium (W3C) released the CSS level
1
![Page 16: When Why What of WWW](https://reader036.vdocument.in/reader036/viewer/2022070315/55504ea5b4c9058f768b5331/html5/thumbnails/16.jpg)
Explosion of hypertext pages flooded the web
Industry giants begin to take interest
Information Super Highway
![Page 17: When Why What of WWW](https://reader036.vdocument.in/reader036/viewer/2022070315/55504ea5b4c9058f768b5331/html5/thumbnails/17.jpg)
Self taught discipline
Bad design
Web pages for everything
![Page 18: When Why What of WWW](https://reader036.vdocument.in/reader036/viewer/2022070315/55504ea5b4c9058f768b5331/html5/thumbnails/18.jpg)
![Page 19: When Why What of WWW](https://reader036.vdocument.in/reader036/viewer/2022070315/55504ea5b4c9058f768b5331/html5/thumbnails/19.jpg)
Chuck Norris can use HTML for world peace
![Page 20: When Why What of WWW](https://reader036.vdocument.in/reader036/viewer/2022070315/55504ea5b4c9058f768b5331/html5/thumbnails/20.jpg)
Demand for the “Web developer” increases
![Page 21: When Why What of WWW](https://reader036.vdocument.in/reader036/viewer/2022070315/55504ea5b4c9058f768b5331/html5/thumbnails/21.jpg)
EngineeringVisual
Designers
Web Developer
![Page 22: When Why What of WWW](https://reader036.vdocument.in/reader036/viewer/2022070315/55504ea5b4c9058f768b5331/html5/thumbnails/22.jpg)
Semantics was important, but no one cared
![Page 23: When Why What of WWW](https://reader036.vdocument.in/reader036/viewer/2022070315/55504ea5b4c9058f768b5331/html5/thumbnails/23.jpg)
Separation of concern
![Page 24: When Why What of WWW](https://reader036.vdocument.in/reader036/viewer/2022070315/55504ea5b4c9058f768b5331/html5/thumbnails/24.jpg)
Server
Data Store
Browser
CSS
JS
HTML
![Page 25: When Why What of WWW](https://reader036.vdocument.in/reader036/viewer/2022070315/55504ea5b4c9058f768b5331/html5/thumbnails/25.jpg)
Server
Data Store
Browser
CSS
JS
HTML
Presentation
Behavior
Data
![Page 26: When Why What of WWW](https://reader036.vdocument.in/reader036/viewer/2022070315/55504ea5b4c9058f768b5331/html5/thumbnails/26.jpg)
<body> <center> <div style=‘border:1px solid black;’> <table cellpadding=0> <tr> <td valign="middle”>Some input</td> <td> <input type=‘button’ onclick=‘javascript:formSubmit();’ value=‘Click’ /> </td>
</div> </center></body>
![Page 27: When Why What of WWW](https://reader036.vdocument.in/reader036/viewer/2022070315/55504ea5b4c9058f768b5331/html5/thumbnails/27.jpg)
<body> <center> <div style=‘border:1px solid black;’> <table cellpadding=0> <tr> <td valign="middle”>Some input</td> <td> <input type=‘button’ onclick=‘javascript:formSubmit();’ value=‘Click’ /> </td><tr></table>
</div> </center></body>
![Page 28: When Why What of WWW](https://reader036.vdocument.in/reader036/viewer/2022070315/55504ea5b4c9058f768b5331/html5/thumbnails/28.jpg)
<body> <form method =‘post’> <fieldset> <legend>Data collection</legend> <label for=‘data’> <input type="text" name=”data" /> </label> <input type=submit value="Submit"> </fieldset> </form></body>
![Page 29: When Why What of WWW](https://reader036.vdocument.in/reader036/viewer/2022070315/55504ea5b4c9058f768b5331/html5/thumbnails/29.jpg)
Semantics of a document does not determine
visualization
![Page 30: When Why What of WWW](https://reader036.vdocument.in/reader036/viewer/2022070315/55504ea5b4c9058f768b5331/html5/thumbnails/30.jpg)
Developer is smarter than a program
http://xkcd.com/
![Page 31: When Why What of WWW](https://reader036.vdocument.in/reader036/viewer/2022070315/55504ea5b4c9058f768b5331/html5/thumbnails/31.jpg)
Stepping back
1991
Linus Torvalds create Linux
Opens up web development to all
Becomes de-facto web server software
![Page 32: When Why What of WWW](https://reader036.vdocument.in/reader036/viewer/2022070315/55504ea5b4c9058f768b5331/html5/thumbnails/32.jpg)
freely distributed amongst
web developers
20 million websites and 1 million web servers
![Page 33: When Why What of WWW](https://reader036.vdocument.in/reader036/viewer/2022070315/55504ea5b4c9058f768b5331/html5/thumbnails/33.jpg)
Anyone could host a Web site
![Page 34: When Why What of WWW](https://reader036.vdocument.in/reader036/viewer/2022070315/55504ea5b4c9058f768b5331/html5/thumbnails/34.jpg)
2000
Multimedia on the web
Personalization
Better Connectivity
![Page 35: When Why What of WWW](https://reader036.vdocument.in/reader036/viewer/2022070315/55504ea5b4c9058f768b5331/html5/thumbnails/35.jpg)
IIS, Apache, nginx, lighttpd
ASP, ANSI C scripts, ColdFusion, Java Server Pages, Perl CGI, SMX,
Lasso, PHP
Javascript, Action Script, VB script
CSS, Flash, Silverlight
Web Server
Scripting
Scripting
Styling
![Page 37: When Why What of WWW](https://reader036.vdocument.in/reader036/viewer/2022070315/55504ea5b4c9058f768b5331/html5/thumbnails/37.jpg)
Web 2.0
Microformats
Usability
Web standards
SOAP
Podcast
Live Streaming
Blogs
Recommendation
Semantic
SVG
Flash
Mobility
SDK
Widgets Customization
Feeds
Syndication
Application
Social Software
Ajax
Open APIs
REST
Personalization
Social NetworkCSS
Tagging
E-commerce
![Page 38: When Why What of WWW](https://reader036.vdocument.in/reader036/viewer/2022070315/55504ea5b4c9058f768b5331/html5/thumbnails/38.jpg)
Desktop application experience
Open platforms & Service oriented
Social web
![Page 39: When Why What of WWW](https://reader036.vdocument.in/reader036/viewer/2022070315/55504ea5b4c9058f768b5331/html5/thumbnails/39.jpg)
Dot-com bubble (1995–2001)
Second bubble or Web 2.0 bubble
(2001 onwards )
![Page 40: When Why What of WWW](https://reader036.vdocument.in/reader036/viewer/2022070315/55504ea5b4c9058f768b5331/html5/thumbnails/40.jpg)
User generated content & interactive medium
![Page 41: When Why What of WWW](https://reader036.vdocument.in/reader036/viewer/2022070315/55504ea5b4c9058f768b5331/html5/thumbnails/41.jpg)
WelcomeFrontend Engineering
&Rich Internet Applications
![Page 42: When Why What of WWW](https://reader036.vdocument.in/reader036/viewer/2022070315/55504ea5b4c9058f768b5331/html5/thumbnails/42.jpg)
Smarter web Browsers,Faster desktops, Cheaper storage,
Faster internet connection, more audience only means …
![Page 43: When Why What of WWW](https://reader036.vdocument.in/reader036/viewer/2022070315/55504ea5b4c9058f768b5331/html5/thumbnails/43.jpg)
… more high paying jobs for engineers
![Page 44: When Why What of WWW](https://reader036.vdocument.in/reader036/viewer/2022070315/55504ea5b4c9058f768b5331/html5/thumbnails/44.jpg)
Engineering
User Engagement
& Visual
Designers
Web Developer
![Page 45: When Why What of WWW](https://reader036.vdocument.in/reader036/viewer/2022070315/55504ea5b4c9058f768b5331/html5/thumbnails/45.jpg)
Traditional Web application
HTTP
Request
HTTP
Response
Web server
![Page 46: When Why What of WWW](https://reader036.vdocument.in/reader036/viewer/2022070315/55504ea5b4c9058f768b5331/html5/thumbnails/46.jpg)
Traditional Synchronous processing
Time
Server
Client
User Activity
Data Processing
Data Transmission
User Activity
User Activity
Data Transmission
Data Processing
![Page 47: When Why What of WWW](https://reader036.vdocument.in/reader036/viewer/2022070315/55504ea5b4c9058f768b5331/html5/thumbnails/47.jpg)
Ajax web application
![Page 48: When Why What of WWW](https://reader036.vdocument.in/reader036/viewer/2022070315/55504ea5b4c9058f768b5331/html5/thumbnails/48.jpg)
Asynchronous processing
Time
Server System Processing
System Processing
Data Transmission
Data Transmission
Client
Ajax
Data
Request
Data
Request
Data
Resp
onse
Data
Resp
onse
User Activity
Client Processing
Client Processing
![Page 49: When Why What of WWW](https://reader036.vdocument.in/reader036/viewer/2022070315/55504ea5b4c9058f768b5331/html5/thumbnails/49.jpg)
Future is here ?
![Page 50: When Why What of WWW](https://reader036.vdocument.in/reader036/viewer/2022070315/55504ea5b4c9058f768b5331/html5/thumbnails/50.jpg)
HTML5
Semantics
CSS3
Offline Storage
Graphics, 3D, Effects
Device Access
Performance
MultimediaCloud
![Page 51: When Why What of WWW](https://reader036.vdocument.in/reader036/viewer/2022070315/55504ea5b4c9058f768b5331/html5/thumbnails/51.jpg)
Visual & Engineering problems now has solutions
in the platform
![Page 52: When Why What of WWW](https://reader036.vdocument.in/reader036/viewer/2022070315/55504ea5b4c9058f768b5331/html5/thumbnails/52.jpg)
New class of Engineering problems in
security, performance, architecture
![Page 53: When Why What of WWW](https://reader036.vdocument.in/reader036/viewer/2022070315/55504ea5b4c9058f768b5331/html5/thumbnails/53.jpg)
Single code base
distribution of business logic
innovative design patterns
![Page 54: When Why What of WWW](https://reader036.vdocument.in/reader036/viewer/2022070315/55504ea5b4c9058f768b5331/html5/thumbnails/54.jpg)
Exciting new web
![Page 55: When Why What of WWW](https://reader036.vdocument.in/reader036/viewer/2022070315/55504ea5b4c9058f768b5331/html5/thumbnails/55.jpg)
Thank You !