When Why What of WWW
Upcoming SlideShare
Loading in...5
×
 

When Why What of WWW

on

  • 1,201 views

Evolution of the web through the lens of a developer ...

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=

Statistics

Views

Total Views
1,201
Views on SlideShare
1,200
Embed Views
1

Actions

Likes
0
Downloads
11
Comments
0

1 Embed 1

https://www.linkedin.com 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

CC Attribution-NonCommercial LicenseCC Attribution-NonCommercial License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • - Story about how all books were indexed Everyone updated the index- it was important to know which book was in which shelf
  • Nuclear physicist Tim Berners-Lee, who was a contractor at CERNfirst hypertext system, `Enquire', in 1980 for his own personal use. ENQUIRE, a system for CERN researchers
  • Tim Berners-Lee is the inventor of the Web. In 1989, Tim was working in a computing services section of CERN when he came up with the concept; at the time he had no idea that it would be implemented on such an enormous scale. Particle physics research often involves collaboration among institutes from all over the world. Tim had the idea of enabling researchers from remote sites in the world to organize and pool together information. But far from simply making available a large number of research documents as files that could be downloaded to individual computers, he suggested that you could actually link the text in the files themselves.
  • A web developer is responsible for programming the functionality of a web site
  • Rich Internet Application (RIA) - It defines the experience brought from desktop to browser whether it is from a graphical point of view or usability point of view. Some buzz words related to RIA are AJAX and Flash.Service-oriented Architecture (SOA) - It is a key piece in Web 2.0 which defines how Web 2.0 applications expose its functionality so that other applications can leverage and integrate thefunctionality providing a set of much richer applications (Examples are: Feeds, RSS, Web Services, Mash-ups)Social Web - It defines how Web 2.0 tend to interact much more with the end user and making the end user an integral part.

When Why What of WWW When Why What of WWW Presentation Transcript

  • When Why What of WWW
    evolution of the web through the lens
    of a developer
    1
  • Subramanyan Murali
    Yahoo! mail Engineer
    Web developer, Hacker, photographer
    @rmsguhan
    2
  • Family of Book worms
    3
  • 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
  • 1989 HTML is borndemand for information accessstandard & machine understandable
  • <body> , <h1> , <a>, <legend>, <fieldset>, <p>, <table>, <img>, <input>, <div>, <ul>, <li> …<center>, <b>, <i>, <marquee> …
  • 1991The age of the Web Browserbegins
  • 1995 Surge of web documents one way traffic of informationDirectories & search engines
  • http://www.archive.org/http://waybackmachine.org/
  • 1996 a working group of the World Wide Web Consortium (W3C) released the CSS level 1
  • Explosion of hypertext pages flooded the webIndustry giants begin to take interestInformation Super Highway
  • Self taught disciplineBad design Web pages for everything
  • Chuck Norris can use HTML for world peace 
  • Demand for the “Web developer”increases
  • Web Developer
    Engineering
    Visual Designers
  • Semantics was important, but no one cared
  • Separation of concern
  • Server
    CSS
    Browser
    JS
    HTML
    Data Store
  • Server
    CSS
    Presentation
    Browser
    Behavior
    JS
    HTML
    Data
    Data Store
  • <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 1991 LinusTorvalds create LinuxOpens up web development to allBecomes de-facto web server software
  • freely distributed amongst web developers20 million websites and 1 million web servers
  • Anyone could host a Web site
  • 2000Multimedia on the webPersonalizationBetter Connectivity
  • IIS, Apache, nginx, lighttpdASP, ANSI C scripts, ColdFusion, Java Server Pages, Perl CGI, SMX, Lasso, PHPJavascript, Action Script, VB scriptCSS, Flash, Silverlight
    Web Server
    Scripting
    Scripting
    Styling
  • 2002
  • Web 2.0
    SOAP
    Feeds
    Application
    SDK
    REST
    Semantic
    Social Software
    Customization
    Widgets
    Podcast
    E-commerce
    Mobility
    Ajax
    Live Streaming
    Flash
    Personalization
    Open APIs
    Web standards
    SVG
    Microformats
    Syndication
    CSS
    Social Network
    Blogs
    Usability
    Recommendation
    Tagging
  • Desktop application experienceOpen platforms & Service orientedSocial 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 
  • Web Developer
    Engineering
    User Engagement
    &
    Visual Designers
  • Traditional Web application
    HTTP
    Request
    HTTP
    Response
    Web server
  • Traditional Synchronous processing
    Client
    User Activity
    User Activity
    User Activity
    Time
    Data Transmission
    Data Transmission
    Server
    Data Processing
    Data Processing
  • Ajax web application
  • Asynchronous processing
    Client
    User Activity
    Data Request
    Data Request
    Data Response
    Data Response
    Ajax
    Client Processing
    Client Processing
    Time
    Data Transmission
    Data Transmission
    Server
    System Processing
    System Processing
  • Future is here ?
  • Graphics, 3D, Effects
    HTML5
    Offline Storage
    CSS3
    Semantics
    Device Access
    Performance
    Cloud
    Multimedia
  • Visual & Engineering problems now has solutions in the platform
  • New class of Engineering problems insecurity, performance, architecture
  • Single code base distribution of business logicinnovative design patterns
  • Exciting new web
  • Thank You !