Evolutionary Web
Re-living the journey
Can you imagine this?
Agenda
● WWW technology evolution
● WWW impact on people’s life
● WWW business models
● WWW the next wave
Quiz Time
A beautiful illustration
WWW technology evolution
RO
RO - One way chalkboard
http://info.cern.ch/hypertext/WWW/TheProject.html
RO - Brochureware!
CGI
CGI - Interact
Half Duplex
AJAX
AJAX - Interact better
Full Duplex
Full Duplex - Perceivably
Predictive
Intelligence to the edge
JavaScript
DOM - Source of truth ?
DOM - Source of truth X
Pull vs. Push
Push - Realtime notifications
Push - Stock tickers
JavaScript - Inroads into backend
NodeJS
Demo: NodeJS + WebSockets =
Chat
CSS
CSS - Responsive UI
CSS - Responsive UI - Bootstrap
Demo: CSS
Thick clients
Demo: SVG
Lines of code?
The code
Devices
Devices - Access mediums
Devices - Phones
Devices - Smarter Phones
Devices - Tablets
Devices - Seamlessness
Devices - Seamlessness across
WWW impact on people’s life
Discovery
●
●
●
●
●
●

How to solve this problem
Find a wife, girlfriend
Information
Services
Things to buy
Unbelievable t...
Communication
● Email
● Instant Messenger
● Net meetings
○

Chat
○ Audio
○ Video
○ Whiteboard
Personalization
Networking
● Connect with like minded people - worldwide
● Who you know
● Who you would like to know
● Social
○

Google ha...
Community - Open platforms
●
●
●
●
●
●

Wikipedia
Twitter
Social networking will influence Indian polls
Stackoverflow
UGC ...
Open Source
Collapsing world boundaries
Discover a resort in New Zealand while sitting in
Review
Book
the joggers parks in Mumbai!
WWW business models
RO
RO - Ads
RO - Paid listings
RO - Contextual ads
Better connectivity
Cloud
Cloud - SaaS
Cloud - PaaS
Cloud - IaaS
Cloud - Service models
Offline to Online
Offline to Online - ECommerce
Offline to Online - EGovernance
Offline to Online - ELearning
Offline to Online - Entertainment
Offline to Online - IPTV
Offline to Online - IPTV :)
OpenAPIs
OpenAPIs - Build higher level apps
OpenAPIs - app over google maps
OpenAPIs - app over live tweets
Crowdsourcing
●
●
●
●

Utest
Google maps
Mechanical turk
TaskRabbit
APIs
● Twitter
● APIGee
Aggregation
Aggregation - Marketplaces!
WWW the next wave
Semantic Web
ML
ML - Machine Learning
Responsive UI
Devices..
Interacting eco-systems - more
NUI
WIMP!
World in my pocket!
Credits
●
●
●
●
●

Internet
Wikipedia
Google search
YouTUBE
Qualcomm
Thank you!
References
●
●
●
●
●

wikipedia
svg.org
d3.org
nodejs.org
codepen.io/juliangarnier/pen/idhuG
?

httpx - by bigrock
Th, Sep 5, 2013

sourav.sachin@flipkart.com
in.linkedin.com/in/souravsachin/
Evolutionary web: re-living the journey
Evolutionary web: re-living the journey
Evolutionary web: re-living the journey
Evolutionary web: re-living the journey
Evolutionary web: re-living the journey
Evolutionary web: re-living the journey
Evolutionary web: re-living the journey
Evolutionary web: re-living the journey
Evolutionary web: re-living the journey
Evolutionary web: re-living the journey
Evolutionary web: re-living the journey
Evolutionary web: re-living the journey
Evolutionary web: re-living the journey
Evolutionary web: re-living the journey
Upcoming SlideShare
Loading in …5
×

Evolutionary web: re-living the journey

883 views

Published on

Sourav Sachin, Director of Engineering at Flipkart conducts a session on the evolution of the web and web design at BigRock's httpX 2013 Mumbai

Published in: Technology, Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
883
On SlideShare
0
From Embeds
0
Number of Embeds
457
Actions
Shares
0
Downloads
9
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Evolutionary web: re-living the journey

  1. 1. Evolutionary Web Re-living the journey
  2. 2. Can you imagine this?
  3. 3. Agenda ● WWW technology evolution ● WWW impact on people’s life ● WWW business models ● WWW the next wave
  4. 4. Quiz Time
  5. 5. A beautiful illustration
  6. 6. WWW technology evolution
  7. 7. RO
  8. 8. RO - One way chalkboard
  9. 9. http://info.cern.ch/hypertext/WWW/TheProject.html
  10. 10. RO - Brochureware!
  11. 11. CGI
  12. 12. CGI - Interact
  13. 13. Half Duplex
  14. 14. AJAX
  15. 15. AJAX - Interact better
  16. 16. Full Duplex
  17. 17. Full Duplex - Perceivably
  18. 18. Predictive
  19. 19. Intelligence to the edge
  20. 20. JavaScript
  21. 21. DOM - Source of truth ?
  22. 22. DOM - Source of truth X
  23. 23. Pull vs. Push
  24. 24. Push - Realtime notifications
  25. 25. Push - Stock tickers
  26. 26. JavaScript - Inroads into backend
  27. 27. NodeJS
  28. 28. Demo: NodeJS + WebSockets = Chat
  29. 29. CSS
  30. 30. CSS - Responsive UI
  31. 31. CSS - Responsive UI - Bootstrap
  32. 32. Demo: CSS
  33. 33. Thick clients
  34. 34. Demo: SVG
  35. 35. Lines of code?
  36. 36. The code
  37. 37. Devices
  38. 38. Devices - Access mediums
  39. 39. Devices - Phones
  40. 40. Devices - Smarter Phones
  41. 41. Devices - Tablets
  42. 42. Devices - Seamlessness
  43. 43. Devices - Seamlessness across
  44. 44. WWW impact on people’s life
  45. 45. Discovery ● ● ● ● ● ● How to solve this problem Find a wife, girlfriend Information Services Things to buy Unbelievable things
  46. 46. Communication ● Email ● Instant Messenger ● Net meetings ○ Chat ○ Audio ○ Video ○ Whiteboard
  47. 47. Personalization
  48. 48. Networking ● Connect with like minded people - worldwide ● Who you know ● Who you would like to know ● Social ○ Google hangout ○ Facebook ○ Linkedin ○ Twitter
  49. 49. Community - Open platforms ● ● ● ● ● ● Wikipedia Twitter Social networking will influence Indian polls Stackoverflow UGC - Reviews and ratings YouTUBE
  50. 50. Open Source
  51. 51. Collapsing world boundaries
  52. 52. Discover a resort in New Zealand while sitting in Review Book the joggers parks in Mumbai!
  53. 53. WWW business models
  54. 54. RO
  55. 55. RO - Ads
  56. 56. RO - Paid listings
  57. 57. RO - Contextual ads
  58. 58. Better connectivity
  59. 59. Cloud
  60. 60. Cloud - SaaS
  61. 61. Cloud - PaaS
  62. 62. Cloud - IaaS
  63. 63. Cloud - Service models
  64. 64. Offline to Online
  65. 65. Offline to Online - ECommerce
  66. 66. Offline to Online - EGovernance
  67. 67. Offline to Online - ELearning
  68. 68. Offline to Online - Entertainment
  69. 69. Offline to Online - IPTV
  70. 70. Offline to Online - IPTV :)
  71. 71. OpenAPIs
  72. 72. OpenAPIs - Build higher level apps
  73. 73. OpenAPIs - app over google maps
  74. 74. OpenAPIs - app over live tweets
  75. 75. Crowdsourcing ● ● ● ● Utest Google maps Mechanical turk TaskRabbit
  76. 76. APIs ● Twitter ● APIGee
  77. 77. Aggregation
  78. 78. Aggregation - Marketplaces!
  79. 79. WWW the next wave
  80. 80. Semantic Web
  81. 81. ML
  82. 82. ML - Machine Learning
  83. 83. Responsive UI
  84. 84. Devices..
  85. 85. Interacting eco-systems - more
  86. 86. NUI
  87. 87. WIMP!
  88. 88. World in my pocket!
  89. 89. Credits ● ● ● ● ● Internet Wikipedia Google search YouTUBE Qualcomm
  90. 90. Thank you!
  91. 91. References ● ● ● ● ● wikipedia svg.org d3.org nodejs.org codepen.io/juliangarnier/pen/idhuG
  92. 92. ? httpx - by bigrock Th, Sep 5, 2013 sourav.sachin@flipkart.com in.linkedin.com/in/souravsachin/

×