Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

When Why What of WWW

1,635 views

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 :
http://www.ggc.edu/ggc-life/campus-events/icalrepeat.detail/2011/03/09/744/27|25|26/Yjc4Zjg4NjM1NTAyN2JlMzRmNjczZWMzYzA2Y2JhMjU=

Published in: Technology
  • Login to see the comments

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

×