html5 impact on application programming
DESCRIPTION
TRANSCRIPT
![Page 1: HTML5 impact on application programming](https://reader034.vdocuments.site/reader034/viewer/2022051612/54be98c24a79595d6b8b45b6/html5/thumbnails/1.jpg)
Emerging Communication
HTML5 & WebApps
fredag den 10 september 2010
![Page 2: HTML5 impact on application programming](https://reader034.vdocuments.site/reader034/viewer/2022051612/54be98c24a79595d6b8b45b6/html5/thumbnails/2.jpg)
ericsson.com
Ericsson LabsChallenge
“Connected Things: Social, Fun & Sustainable”. Develop an innovative application using one or several APIs from labs.ericsson.com/apisThe winner will receive a Sony Ericsson Android X10 Mini Pro device.
Twitter: @ericssonlabs
fredag den 10 september 2010
![Page 3: HTML5 impact on application programming](https://reader034.vdocuments.site/reader034/viewer/2022051612/54be98c24a79595d6b8b45b6/html5/thumbnails/3.jpg)
Emerging Communication
HTML5 & WebApps
fredag den 10 september 2010
![Page 4: HTML5 impact on application programming](https://reader034.vdocuments.site/reader034/viewer/2022051612/54be98c24a79595d6b8b45b6/html5/thumbnails/4.jpg)
Overview
• What is HTML(5) Communication?
• What is its impact?
• Influence on native apps
• Trends for future apps
fredag den 10 september 2010
![Page 5: HTML5 impact on application programming](https://reader034.vdocuments.site/reader034/viewer/2022051612/54be98c24a79595d6b8b45b6/html5/thumbnails/5.jpg)
What is HTML5?
• HTML5 - The Markup Language
• HTML5 - The Web Technologies Umbrella Term
fredag den 10 september 2010
![Page 6: HTML5 impact on application programming](https://reader034.vdocuments.site/reader034/viewer/2022051612/54be98c24a79595d6b8b45b6/html5/thumbnails/6.jpg)
HTML(5) Communication
• Huge small topic
• New communication technologies
• New user expectations
• New security concerns
fredag den 10 september 2010
![Page 7: HTML5 impact on application programming](https://reader034.vdocuments.site/reader034/viewer/2022051612/54be98c24a79595d6b8b45b6/html5/thumbnails/7.jpg)
HTML(5) Communication
• XmlHttpRequest
• Cross-Origin XHR
• EventSource
• WebSockets
fredag den 10 september 2010
![Page 8: HTML5 impact on application programming](https://reader034.vdocuments.site/reader034/viewer/2022051612/54be98c24a79595d6b8b45b6/html5/thumbnails/8.jpg)
XmlHttpRequest
• The most basic tool available: HTTP request back home
• Used creatively to great effect:
• Comet/Long Polling
• Proxies
• Even streaming
• Can only be used to the “Origin” host
fredag den 10 september 2010
![Page 9: HTML5 impact on application programming](https://reader034.vdocuments.site/reader034/viewer/2022051612/54be98c24a79595d6b8b45b6/html5/thumbnails/9.jpg)
Cross Origin XHR
• Simple extension to XHR
• Allows connection to more than Origin
• Main feature: eliminates proxy need
fredag den 10 september 2010
![Page 10: HTML5 impact on application programming](https://reader034.vdocuments.site/reader034/viewer/2022051612/54be98c24a79595d6b8b45b6/html5/thumbnails/10.jpg)
EventSource• First new interface type
• Formalisation of regular polling technique
• Technique itself not rocket science in JavaScript
• Ericsson Labs’ Event Source Enabler is ~100 lines of JS code
fredag den 10 september 2010
![Page 11: HTML5 impact on application programming](https://reader034.vdocuments.site/reader034/viewer/2022051612/54be98c24a79595d6b8b45b6/html5/thumbnails/11.jpg)
EventSource• First new interface type
• Formalisation of regular polling technique
• Technique itself not rocket science in JavaScript
• Ericsson Labs’ Event Source Enabler is ~100 lines of JS code
fredag den 10 september 2010
![Page 12: HTML5 impact on application programming](https://reader034.vdocuments.site/reader034/viewer/2022051612/54be98c24a79595d6b8b45b6/html5/thumbnails/12.jpg)
WebSockets
• Bidirectional communication between client & server
• Connection-based
• Uses delimited, sequential messages
• UTF-8 based
• More efficient than XHR
fredag den 10 september 2010
![Page 13: HTML5 impact on application programming](https://reader034.vdocuments.site/reader034/viewer/2022051612/54be98c24a79595d6b8b45b6/html5/thumbnails/13.jpg)
Change?
• On protocol level, nothing revolutionary
• Some Web Service APIs will use WebSockets
• Thus, native apps will have WebSocket Support
• Real communication revolution from how users interact with web apps
fredag den 10 september 2010
![Page 14: HTML5 impact on application programming](https://reader034.vdocuments.site/reader034/viewer/2022051612/54be98c24a79595d6b8b45b6/html5/thumbnails/14.jpg)
The Web Experience
• If nothing changes, what’s the difference?
• Technology alone is not the change agent
• The web experience is
• What is the web experience?
fredag den 10 september 2010
![Page 15: HTML5 impact on application programming](https://reader034.vdocuments.site/reader034/viewer/2022051612/54be98c24a79595d6b8b45b6/html5/thumbnails/15.jpg)
What is HTML?• Language for presenting the
user with information.
• Document-centric model
• Primary intention to distribute data for consumption
• Naturally presents users with the latest information, regardless of access point
fredag den 10 september 2010
![Page 16: HTML5 impact on application programming](https://reader034.vdocuments.site/reader034/viewer/2022051612/54be98c24a79595d6b8b45b6/html5/thumbnails/16.jpg)
Updates
• (Web) Applications will always update themselves
• No restarts, no prompts
• Native apps going in that direction too (e.g. Chrome)
fredag den 10 september 2010
![Page 17: HTML5 impact on application programming](https://reader034.vdocuments.site/reader034/viewer/2022051612/54be98c24a79595d6b8b45b6/html5/thumbnails/17.jpg)
Reach
fredag den 10 september 2010
![Page 18: HTML5 impact on application programming](https://reader034.vdocuments.site/reader034/viewer/2022051612/54be98c24a79595d6b8b45b6/html5/thumbnails/18.jpg)
“The eventual goal [of Chrome] to create a ‘stateless’ browsing
experience where the user can log into any Chrome instance and have instant access to all of their settings, bookmarks, history, and add-ons”
Ryan Paul, Ars Technica
fredag den 10 september 2010
![Page 19: HTML5 impact on application programming](https://reader034.vdocuments.site/reader034/viewer/2022051612/54be98c24a79595d6b8b45b6/html5/thumbnails/19.jpg)
Reach
fredag den 10 september 2010
![Page 20: HTML5 impact on application programming](https://reader034.vdocuments.site/reader034/viewer/2022051612/54be98c24a79595d6b8b45b6/html5/thumbnails/20.jpg)
Reach
fredag den 10 september 2010
![Page 21: HTML5 impact on application programming](https://reader034.vdocuments.site/reader034/viewer/2022051612/54be98c24a79595d6b8b45b6/html5/thumbnails/21.jpg)
Reach
fredag den 10 september 2010
![Page 22: HTML5 impact on application programming](https://reader034.vdocuments.site/reader034/viewer/2022051612/54be98c24a79595d6b8b45b6/html5/thumbnails/22.jpg)
Reach
fredag den 10 september 2010
![Page 23: HTML5 impact on application programming](https://reader034.vdocuments.site/reader034/viewer/2022051612/54be98c24a79595d6b8b45b6/html5/thumbnails/23.jpg)
Reach
fredag den 10 september 2010
![Page 24: HTML5 impact on application programming](https://reader034.vdocuments.site/reader034/viewer/2022051612/54be98c24a79595d6b8b45b6/html5/thumbnails/24.jpg)
Reach
fredag den 10 september 2010
![Page 25: HTML5 impact on application programming](https://reader034.vdocuments.site/reader034/viewer/2022051612/54be98c24a79595d6b8b45b6/html5/thumbnails/25.jpg)
Reach
fredag den 10 september 2010
![Page 26: HTML5 impact on application programming](https://reader034.vdocuments.site/reader034/viewer/2022051612/54be98c24a79595d6b8b45b6/html5/thumbnails/26.jpg)
fredag den 10 september 2010
![Page 27: HTML5 impact on application programming](https://reader034.vdocuments.site/reader034/viewer/2022051612/54be98c24a79595d6b8b45b6/html5/thumbnails/27.jpg)
fredag den 10 september 2010
![Page 28: HTML5 impact on application programming](https://reader034.vdocuments.site/reader034/viewer/2022051612/54be98c24a79595d6b8b45b6/html5/thumbnails/28.jpg)
Adaptability
fredag den 10 september 2010
![Page 29: HTML5 impact on application programming](https://reader034.vdocuments.site/reader034/viewer/2022051612/54be98c24a79595d6b8b45b6/html5/thumbnails/29.jpg)
Adaptability
fredag den 10 september 2010
![Page 30: HTML5 impact on application programming](https://reader034.vdocuments.site/reader034/viewer/2022051612/54be98c24a79595d6b8b45b6/html5/thumbnails/30.jpg)
fredag den 10 september 2010
![Page 31: HTML5 impact on application programming](https://reader034.vdocuments.site/reader034/viewer/2022051612/54be98c24a79595d6b8b45b6/html5/thumbnails/31.jpg)
This morning, I was able to validate a concept I’ve been working on for a couple of weeks now: running one application
— completely unchanged — on five different screens
Christian Cantrell, Adobe
fredag den 10 september 2010
![Page 32: HTML5 impact on application programming](https://reader034.vdocuments.site/reader034/viewer/2022051612/54be98c24a79595d6b8b45b6/html5/thumbnails/32.jpg)
Multiscreen authoring is a challenge for our design customers. [...] There has been much discussion around whether or not HTML5 and CSS3 will make it easier for designers to reach new devices.
We think it will
Paul Gubbay, Adobe
This morning, I was able to validate a concept I’ve been working on for a couple of weeks now: running one application
— completely unchanged — on five different screens
Christian Cantrell, Adobe
fredag den 10 september 2010
![Page 33: HTML5 impact on application programming](https://reader034.vdocuments.site/reader034/viewer/2022051612/54be98c24a79595d6b8b45b6/html5/thumbnails/33.jpg)
Adaptability
fredag den 10 september 2010
![Page 34: HTML5 impact on application programming](https://reader034.vdocuments.site/reader034/viewer/2022051612/54be98c24a79595d6b8b45b6/html5/thumbnails/34.jpg)
fredag den 10 september 2010
![Page 35: HTML5 impact on application programming](https://reader034.vdocuments.site/reader034/viewer/2022051612/54be98c24a79595d6b8b45b6/html5/thumbnails/35.jpg)
Create
Create
fredag den 10 september 2010
![Page 36: HTML5 impact on application programming](https://reader034.vdocuments.site/reader034/viewer/2022051612/54be98c24a79595d6b8b45b6/html5/thumbnails/36.jpg)
Create
Create
fredag den 10 september 2010
![Page 37: HTML5 impact on application programming](https://reader034.vdocuments.site/reader034/viewer/2022051612/54be98c24a79595d6b8b45b6/html5/thumbnails/37.jpg)
Share
Create
Share
fredag den 10 september 2010
![Page 38: HTML5 impact on application programming](https://reader034.vdocuments.site/reader034/viewer/2022051612/54be98c24a79595d6b8b45b6/html5/thumbnails/38.jpg)
Share
Create
Share
fredag den 10 september 2010
![Page 39: HTML5 impact on application programming](https://reader034.vdocuments.site/reader034/viewer/2022051612/54be98c24a79595d6b8b45b6/html5/thumbnails/39.jpg)
Share
Create
Share
fredag den 10 september 2010
![Page 40: HTML5 impact on application programming](https://reader034.vdocuments.site/reader034/viewer/2022051612/54be98c24a79595d6b8b45b6/html5/thumbnails/40.jpg)
Mash
fredag den 10 september 2010
![Page 41: HTML5 impact on application programming](https://reader034.vdocuments.site/reader034/viewer/2022051612/54be98c24a79595d6b8b45b6/html5/thumbnails/41.jpg)
Interconnected
fredag den 10 september 2010
![Page 42: HTML5 impact on application programming](https://reader034.vdocuments.site/reader034/viewer/2022051612/54be98c24a79595d6b8b45b6/html5/thumbnails/42.jpg)
fredag den 10 september 2010
![Page 43: HTML5 impact on application programming](https://reader034.vdocuments.site/reader034/viewer/2022051612/54be98c24a79595d6b8b45b6/html5/thumbnails/43.jpg)
iframe “mash-ups” [are] web pages that pull together their content from more than one site. You might build an application,
for instance, in which part of the screen shows price-and-availability from a third-party vendor.
Cameron Laird, Phaseit
fredag den 10 september 2010
![Page 44: HTML5 impact on application programming](https://reader034.vdocuments.site/reader034/viewer/2022051612/54be98c24a79595d6b8b45b6/html5/thumbnails/44.jpg)
iframe “mash-ups” [are] web pages that pull together their content from more than one site. You might build an application,
for instance, in which part of the screen shows price-and-availability from a third-party vendor.
Cameron Laird, Phaseit
I expect the iframe sandboxing feature will be a big boon to developers if it takes off.
Ian Hickson, Google
fredag den 10 september 2010
![Page 45: HTML5 impact on application programming](https://reader034.vdocuments.site/reader034/viewer/2022051612/54be98c24a79595d6b8b45b6/html5/thumbnails/45.jpg)
Interconnected
• iframe sandbox allows secure inclusion of foregin data
• Can now deal with sensitive user data
• Implementation by Ericsson shipping in Chrome & Safari
fredag den 10 september 2010
![Page 46: HTML5 impact on application programming](https://reader034.vdocuments.site/reader034/viewer/2022051612/54be98c24a79595d6b8b45b6/html5/thumbnails/46.jpg)
fredag den 10 september 2010
![Page 47: HTML5 impact on application programming](https://reader034.vdocuments.site/reader034/viewer/2022051612/54be98c24a79595d6b8b45b6/html5/thumbnails/47.jpg)
Create
AliceCreate Shopping List
fredag den 10 september 2010
![Page 48: HTML5 impact on application programming](https://reader034.vdocuments.site/reader034/viewer/2022051612/54be98c24a79595d6b8b45b6/html5/thumbnails/48.jpg)
CreateCreate Shopping List
ApplesAlice
fredag den 10 september 2010
![Page 49: HTML5 impact on application programming](https://reader034.vdocuments.site/reader034/viewer/2022051612/54be98c24a79595d6b8b45b6/html5/thumbnails/49.jpg)
Share
AliceCreate Shopping List
Apples
Bob
fredag den 10 september 2010
![Page 50: HTML5 impact on application programming](https://reader034.vdocuments.site/reader034/viewer/2022051612/54be98c24a79595d6b8b45b6/html5/thumbnails/50.jpg)
Share
AliceCreate Shopping List
OrangesModify Shopping ListBob
fredag den 10 september 2010
![Page 51: HTML5 impact on application programming](https://reader034.vdocuments.site/reader034/viewer/2022051612/54be98c24a79595d6b8b45b6/html5/thumbnails/51.jpg)
Access
Alice
To Buy Oranges
Oranges
Create Shopping List
Modify Shopping ListBob
fredag den 10 september 2010
![Page 52: HTML5 impact on application programming](https://reader034.vdocuments.site/reader034/viewer/2022051612/54be98c24a79595d6b8b45b6/html5/thumbnails/52.jpg)
Access
Alice
Oranges
Create Shopping List
Modify Shopping List
• Adapted to the current screen
• Familiar user interface
• Synchronised data
• Because it is the same applicationTo Buy
Oranges
Bob
fredag den 10 september 2010
![Page 53: HTML5 impact on application programming](https://reader034.vdocuments.site/reader034/viewer/2022051612/54be98c24a79595d6b8b45b6/html5/thumbnails/53.jpg)
Mash
To Buy Oranges
Expenses
Planned Actual
fredag den 10 september 2010
![Page 54: HTML5 impact on application programming](https://reader034.vdocuments.site/reader034/viewer/2022051612/54be98c24a79595d6b8b45b6/html5/thumbnails/54.jpg)
Mash
To Buy Oranges
Expenses
Planned Actual
fredag den 10 september 2010
![Page 55: HTML5 impact on application programming](https://reader034.vdocuments.site/reader034/viewer/2022051612/54be98c24a79595d6b8b45b6/html5/thumbnails/55.jpg)
Data
• Increased requirement for open data formats
• Applications integrate with user’s data stream, or are left behind
• Devices open themselves up to integrate with that stream too
fredag den 10 september 2010
![Page 56: HTML5 impact on application programming](https://reader034.vdocuments.site/reader034/viewer/2022051612/54be98c24a79595d6b8b45b6/html5/thumbnails/56.jpg)
Connectivity
• Current “active” sync merely a stepping stone
• Future apps will need to be aware of their “screen” counterparts
• Need to keep track of, reach, talk to all instances, all (user’s) devices
fredag den 10 september 2010
![Page 57: HTML5 impact on application programming](https://reader034.vdocuments.site/reader034/viewer/2022051612/54be98c24a79595d6b8b45b6/html5/thumbnails/57.jpg)
Synchronisation
• Required to reach the functionality goals of Connectivity with the speed of Native
• Implicit, automatic, background synchronization
• Google Wave showed how synchronization can work, but...
fredag den 10 september 2010
![Page 58: HTML5 impact on application programming](https://reader034.vdocuments.site/reader034/viewer/2022051612/54be98c24a79595d6b8b45b6/html5/thumbnails/58.jpg)
Demos
• http://ergo.labs.ericsson.net/applications/canvas
• http://ergo.labs.ericsson.net/applications/shared-map
fredag den 10 september 2010
![Page 59: HTML5 impact on application programming](https://reader034.vdocuments.site/reader034/viewer/2022051612/54be98c24a79595d6b8b45b6/html5/thumbnails/59.jpg)
For more information
fredag den 10 september 2010
![Page 60: HTML5 impact on application programming](https://reader034.vdocuments.site/reader034/viewer/2022051612/54be98c24a79595d6b8b45b6/html5/thumbnails/60.jpg)
fredag den 10 september 2010