When Why What of WWW

transcript

When Why What of WWW evolution of the web through the lens

of a developer

Subramanyan Murali Yahoo! mail EngineerWeb developer, Hacker, photographer@rmsguhan

Family of Book worms

Catalog of all the readable material

= Hierarchical Index

1980 Tim Berners-Lee first envisioned linking together documents in a consistent,

platform neutral way to share research work

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

HTML is born

demand for information access

standard & machine understandable

<body> , <h1> , <a>, <legend>, <fieldset>, <p>,

<table>, <img>, <input>, <div>, <ul>, <li> …

<center>, <b>, <i>, <marquee> …

The age of the Web Browserbegins

Surge of web documents

one way traffic of information

Directories & search engines

http://www.archive.org/

http://waybackmachine.org/

a working group of the World Wide Web Consortium (W3C) released the CSS level

Explosion of hypertext pages flooded the web

Industry giants begin to take interest

Information Super Highway

Self taught discipline

Bad design

Web pages for everything

Chuck Norris can use HTML for world peace

Demand for the “Web developer” increases

EngineeringVisual

Designers

Web Developer

Semantics was important, but no one cared

Separation of concern

Server

Data Store

Browser

Server

Data Store

Browser

Presentation

Behavior

<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>

<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>

<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>

Semantics of a document does not determine

visualization

Developer is smarter than a program

http://xkcd.com/

Stepping back

Linus Torvalds create Linux

Opens up web development to all

Becomes de-facto web server software

freely distributed amongst

web developers

20 million websites and 1 million web servers

Anyone could host a Web site

Multimedia on the web

Personalization

Better Connectivity

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

Styling

Web 2.0

Microformats

Usability

Web standards

Podcast

Live Streaming

Recommendation

Semantic

Mobility

Widgets Customization

Syndication

Application

Social Software

Open APIs

Personalization

Social NetworkCSS

Tagging

E-commerce

Desktop application experience

Open platforms & Service oriented

Social web

Dot-com bubble (1995–2001)

Second bubble or Web 2.0 bubble

(2001 onwards )

User generated content & interactive medium

WelcomeFrontend Engineering

&Rich Internet Applications

Smarter web Browsers,Faster desktops, Cheaper storage,

Faster internet connection, more audience only means …

… more high paying jobs for engineers

Engineering

User Engagement

& Visual

Designers

Web Developer

Traditional Web application

Request

Response

Web server

Traditional Synchronous processing

Server

Client

User Activity

Data Processing

Data Transmission

User Activity

Data Transmission

Data Processing

Ajax web application

Asynchronous processing

Server System Processing

System Processing

Data Transmission

Client

Request

User Activity

Client Processing

Future is here ?

Semantics

Offline Storage

Graphics, 3D, Effects

Device Access

Performance

MultimediaCloud

Visual & Engineering problems now has solutions

in the platform

New class of Engineering problems in

security, performance, architecture

Single code base

distribution of business logic

innovative design patterns

Exciting new web

Thank You !

When Why What of WWW

Technology