When Why What of WWW


Published on

Evolution of the web through the lens of a developer

Tech Talk @ Georgia Gwinnett University,
1000 University Center Lane
Lawrenceville, GA 30043

Talk Schedule :

Published in: Technology
  • Be the first to comment

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide
  • - 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

    1. 1. When Why What of WWW<br /> evolution of the web through the lens <br />of a developer<br />1<br />
    2. 2. Subramanyan Murali <br />Yahoo! mail Engineer<br />Web developer, Hacker, photographer<br />@rmsguhan<br />2<br />
    3. 3. Family of Book worms <br />3<br />
    4. 4.
    5. 5.
    6. 6. Catalog of all the readable material= Hierarchical Index<br />
    7. 7.
    8. 8. 1980 Tim Berners-Lee first envisioned linking together documents in a consistent, platform neutral way to share research work<br />
    9. 9. 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<br />
    10. 10. 1989 HTML is borndemand for information accessstandard & machine understandable <br />
    11. 11. <body> , <h1> , <a>, <legend>, <fieldset>, <p>, <table>, <img>, <input>, <div>, <ul>, <li> …<center>, <b>, <i>, <marquee> …<br />
    12. 12. 1991The age of the Web Browserbegins<br />
    13. 13. 1995 Surge of web documents one way traffic of informationDirectories & search engines<br />
    14. 14. http://www.archive.org/http://waybackmachine.org/<br />
    15. 15. 1996 a working group of the World Wide Web Consortium (W3C) released the CSS level 1 <br />
    16. 16. Explosion of hypertext pages flooded the webIndustry giants begin to take interestInformation Super Highway<br />
    17. 17. Self taught disciplineBad design Web pages for everything <br />
    18. 18.
    19. 19. Chuck Norris can use HTML for world peace <br />
    20. 20. Demand for the “Web developer”increases <br />
    21. 21. Web Developer <br />Engineering<br />Visual Designers <br />
    22. 22. Semantics was important, but no one cared <br />
    23. 23. Separation of concern <br />
    24. 24. Server<br />CSS<br />Browser<br />JS<br />HTML<br />Data Store<br />
    25. 25. Server<br />CSS<br />Presentation<br />Browser<br />Behavior <br />JS<br />HTML<br />Data<br />Data Store<br />
    26. 26. <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><br />
    27. 27. <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><br />
    28. 28. <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><br />
    29. 29. Semantics of a document does not determine visualization<br />
    30. 30. Developer is smarter than a program<br />http://xkcd.com/<br />
    31. 31. Stepping back 1991 LinusTorvalds create LinuxOpens up web development to allBecomes de-facto web server software<br />
    32. 32. freely distributed amongst web developers20 million websites and 1 million web servers<br />
    33. 33. Anyone could host a Web site<br />
    34. 34. 2000Multimedia on the webPersonalizationBetter Connectivity <br />
    35. 35. IIS, Apache, nginx, lighttpdASP, ANSI C scripts, ColdFusion, Java Server Pages, Perl CGI, SMX, Lasso, PHPJavascript, Action Script, VB scriptCSS, Flash, Silverlight<br />Web Server<br />Scripting<br />Scripting<br />Styling<br />
    36. 36. 2002<br />
    37. 37. Web 2.0<br />SOAP<br />Feeds<br />Application<br />SDK<br />REST<br />Semantic<br />Social Software<br />Customization<br />Widgets<br />Podcast<br />E-commerce <br />Mobility<br />Ajax<br />Live Streaming<br />Flash <br />Personalization<br />Open APIs<br />Web standards<br />SVG<br />Microformats<br />Syndication<br />CSS<br />Social Network<br />Blogs<br />Usability<br />Recommendation <br />Tagging<br />
    38. 38. Desktop application experienceOpen platforms & Service orientedSocial web <br />
    39. 39. Dot-com bubble (1995–2001)Second bubble or Web 2.0 bubble (2001 onwards )<br />
    40. 40. User generated content & interactive medium<br />
    41. 41. WelcomeFrontend Engineering&Rich Internet Applications<br />
    42. 42. Smarter web Browsers,Faster desktops, Cheaper storage, Faster internet connection, more audience only means … <br />
    43. 43. … more high paying jobs for engineers <br />
    44. 44. Web Developer <br />Engineering<br />User Engagement<br />& <br />Visual Designers <br />
    45. 45. Traditional Web application<br />HTTP<br />Request <br />HTTP<br />Response<br />Web server<br />
    46. 46. Traditional Synchronous processing<br />Client<br />User Activity<br />User Activity<br />User Activity<br />Time<br />Data Transmission<br />Data Transmission<br />Server<br />Data Processing<br />Data Processing<br />
    47. 47. Ajax web application<br />
    48. 48. Asynchronous processing<br />Client<br />User Activity<br />Data Request<br />Data Request<br />Data Response<br />Data Response<br />Ajax<br />Client Processing<br />Client Processing<br />Time<br />Data Transmission<br />Data Transmission<br />Server<br />System Processing<br />System Processing<br />
    49. 49. Future is here ?<br />
    50. 50. Graphics, 3D, Effects<br />HTML5<br />Offline Storage<br />CSS3<br />Semantics<br />Device Access<br />Performance<br />Cloud<br />Multimedia<br />
    51. 51. Visual & Engineering problems now has solutions in the platform <br />
    52. 52. New class of Engineering problems insecurity, performance, architecture <br />
    53. 53. Single code base distribution of business logicinnovative design patterns<br />
    54. 54. Exciting new web<br />
    55. 55. Thank You ! <br />