evolutionary web: re-living the journey

106
Evolutionary Web Re-living the journey

Upload: bigrock-india

Post on 16-Jan-2015

515 views

Category:

Technology


1 download

DESCRIPTION

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

TRANSCRIPT

Page 1: Evolutionary web: re-living the journey

Evolutionary Web Re-living the journey

Page 2: Evolutionary web: re-living the journey

Can you imagine this?

Page 3: Evolutionary web: re-living the journey

Agenda

● WWW technology evolution

● WWW impact on people’s life

● WWW business models

● WWW the next wave

Page 4: Evolutionary web: re-living the journey

Quiz Time

Page 5: Evolutionary web: re-living the journey
Page 6: Evolutionary web: re-living the journey
Page 7: Evolutionary web: re-living the journey
Page 8: Evolutionary web: re-living the journey
Page 9: Evolutionary web: re-living the journey
Page 10: Evolutionary web: re-living the journey
Page 11: Evolutionary web: re-living the journey
Page 12: Evolutionary web: re-living the journey

A beautiful illustration

Page 13: Evolutionary web: re-living the journey
Page 14: Evolutionary web: re-living the journey
Page 15: Evolutionary web: re-living the journey
Page 16: Evolutionary web: re-living the journey

WWW technology evolution

Page 17: Evolutionary web: re-living the journey

RO

Page 18: Evolutionary web: re-living the journey

RO - One way chalkboard

Page 19: Evolutionary web: re-living the journey

http://info.cern.ch/hypertext/WWW/TheProject.html

Page 20: Evolutionary web: re-living the journey

RO - Brochureware!

Page 21: Evolutionary web: re-living the journey

CGI

Page 22: Evolutionary web: re-living the journey

CGI - Interact

Page 23: Evolutionary web: re-living the journey

Half Duplex

Page 24: Evolutionary web: re-living the journey

AJAX

Page 25: Evolutionary web: re-living the journey

AJAX - Interact better

Page 26: Evolutionary web: re-living the journey

Full Duplex

Page 27: Evolutionary web: re-living the journey

Full Duplex - Perceivably

Page 28: Evolutionary web: re-living the journey

Predictive

Page 29: Evolutionary web: re-living the journey

Intelligence to the edge

Page 30: Evolutionary web: re-living the journey

JavaScript

Page 31: Evolutionary web: re-living the journey

DOM - Source of truth ?

Page 32: Evolutionary web: re-living the journey

DOM - Source of truth X

Page 33: Evolutionary web: re-living the journey

Pull vs. Push

Page 34: Evolutionary web: re-living the journey

Push - Realtime notifications

Page 35: Evolutionary web: re-living the journey

Push - Stock tickers

Page 36: Evolutionary web: re-living the journey

JavaScript - Inroads into backend

Page 37: Evolutionary web: re-living the journey

NodeJS

Page 38: Evolutionary web: re-living the journey

Demo: NodeJS + WebSockets =

Chat

Page 39: Evolutionary web: re-living the journey

CSS

Page 40: Evolutionary web: re-living the journey

CSS - Responsive UI

Page 41: Evolutionary web: re-living the journey

CSS - Responsive UI - Bootstrap

Page 42: Evolutionary web: re-living the journey

Demo: CSS

Page 43: Evolutionary web: re-living the journey

Thick clients

Page 44: Evolutionary web: re-living the journey
Page 45: Evolutionary web: re-living the journey
Page 46: Evolutionary web: re-living the journey
Page 47: Evolutionary web: re-living the journey
Page 48: Evolutionary web: re-living the journey

Demo: SVG

Page 49: Evolutionary web: re-living the journey

Lines of code?

Page 50: Evolutionary web: re-living the journey

The code

Page 51: Evolutionary web: re-living the journey

Devices

Page 52: Evolutionary web: re-living the journey

Devices - Access mediums

Page 53: Evolutionary web: re-living the journey

Devices - Phones

Page 54: Evolutionary web: re-living the journey

Devices - Smarter Phones

Page 55: Evolutionary web: re-living the journey

Devices - Tablets

Page 56: Evolutionary web: re-living the journey

Devices - Seamlessness

Page 57: Evolutionary web: re-living the journey

Devices - Seamlessness across

Page 58: Evolutionary web: re-living the journey

WWW impact on people’s life

Page 59: Evolutionary web: re-living the journey

Discovery

● How to solve this problem

● Find a wife, girlfriend

● Information

● Services

● Things to buy

● Unbelievable things

Page 60: Evolutionary web: re-living the journey

Communication

● Email

● Instant Messenger

● Net meetings ○ Chat

○ Audio

○ Video

○ Whiteboard

Page 61: Evolutionary web: re-living the journey

Personalization

Page 62: Evolutionary web: re-living the journey

Networking

● Connect with like minded people - world-

wide

● Who you know

● Who you would like to know

● Social ○ Google hangout

○ Facebook

○ Linkedin

○ Twitter

Page 63: Evolutionary web: re-living the journey

Community - Open platforms

● Wikipedia

● Twitter

● Social networking will influence Indian polls

● Stackoverflow

● UGC - Reviews and ratings

● YouTUBE

Page 64: Evolutionary web: re-living the journey

Open Source

Page 65: Evolutionary web: re-living the journey

Collapsing world boundaries

Page 66: Evolutionary web: re-living the journey

a resort in New Zealand while sitting in

the joggers parks in Mumbai! Discover Review Book

Page 67: Evolutionary web: re-living the journey

WWW business models

Page 68: Evolutionary web: re-living the journey

RO

Page 69: Evolutionary web: re-living the journey

RO - Ads

Page 70: Evolutionary web: re-living the journey

RO - Paid listings

Page 71: Evolutionary web: re-living the journey

RO - Contextual ads

Page 72: Evolutionary web: re-living the journey

Better connectivity

Page 73: Evolutionary web: re-living the journey

Cloud

Page 74: Evolutionary web: re-living the journey

Cloud - SaaS

Page 75: Evolutionary web: re-living the journey

Cloud - PaaS

Page 76: Evolutionary web: re-living the journey

Cloud - IaaS

Page 77: Evolutionary web: re-living the journey

Cloud - Service models

Page 78: Evolutionary web: re-living the journey

Offline to Online

Page 79: Evolutionary web: re-living the journey

Offline to Online - ECommerce

Page 80: Evolutionary web: re-living the journey

Offline to Online - EGovernance

Page 81: Evolutionary web: re-living the journey

Offline to Online - ELearning

Page 82: Evolutionary web: re-living the journey

Offline to Online - Entertainment

Page 83: Evolutionary web: re-living the journey

Offline to Online - IPTV

Page 84: Evolutionary web: re-living the journey

Offline to Online - IPTV :)

Page 85: Evolutionary web: re-living the journey

OpenAPIs

Page 86: Evolutionary web: re-living the journey

OpenAPIs - Build higher level apps

Page 87: Evolutionary web: re-living the journey

OpenAPIs - app over google maps

Page 88: Evolutionary web: re-living the journey

OpenAPIs - app over live tweets

Page 89: Evolutionary web: re-living the journey

Crowdsourcing

● Utest

● Google maps

● Mechanical turk

● TaskRabbit

Page 90: Evolutionary web: re-living the journey

APIs

● Twitter

● APIGee

Page 91: Evolutionary web: re-living the journey

Aggregation

Page 92: Evolutionary web: re-living the journey

Aggregation - Marketplaces!

Page 93: Evolutionary web: re-living the journey

WWW the next wave

Page 94: Evolutionary web: re-living the journey

Semantic Web

Page 95: Evolutionary web: re-living the journey

ML

Page 96: Evolutionary web: re-living the journey

ML - Machine Learning

Page 97: Evolutionary web: re-living the journey

Responsive UI

Page 98: Evolutionary web: re-living the journey

Devices..

Page 99: Evolutionary web: re-living the journey

Interacting eco-systems - more

Page 100: Evolutionary web: re-living the journey

NUI

Page 101: Evolutionary web: re-living the journey

WIMP!

Page 102: Evolutionary web: re-living the journey

World in my pocket!

Page 103: Evolutionary web: re-living the journey

Credits

● Internet

● Wikipedia

● Google search

● YouTUBE

● Qualcomm

Page 104: Evolutionary web: re-living the journey

Thank you!

Page 105: Evolutionary web: re-living the journey

References

● wikipedia

● svg.org

● d3.org

● nodejs.org

● codepen.io/juliangarnier/pen/idhuG

Page 106: Evolutionary web: re-living the journey

?

[email protected]

in.linkedin.com/in/souravsachin/

httpx - by bigrock

Th, Sep 5, 2013