overtheair 2010 html5 impact on application programming
DESCRIPTION
This session from Vladimir Katardjiev will explore how the internet has changed users' expectations on applications, how html5 impacts application development, and how applications will need to communicate with each-other in the future. In addition, prototypes on hand will show how both web and native applications can evolve to meet the needs of tomorrow's users. Vladimir is a member of Ericsson Research's web technology group, where he works with emerging web technologies and how they influence applications and network activity. He co-developed Ericsson Labs' EventSource and Web Connectivity APIs, aimed at providing mainstream browsers with the communication tools of the future. Ericsson Labs is also supporting our hackathon and will give out details of their category during this session as well. They’ll have team members on hand all weekend at Over The Air to discuss the details of that in more detail. Filed under: Announcements, Programme Leave a comment Comments (0) Trackbacks (3) ( subscribe to comments on this post ) Leave a comment Name (required) Mail (will not be published) (required) Website ( Cancel ) overtheair (Over the Air 2010) overtheair (Over the Air 2010) JamesNorris (James Norris) Speaker Announcement: Yiibu’s Stephanie Rieger and Bryan Rieger » « Speaker Announcement: Ericsson Labs’ Vladimir Katardjiev Gold Lounge Sponsor Gold Sponsors Silver Sponsors Event Sponsors Chill-Out Lounge Sponsor Media Partners The Team Jo Rabin @jorabin Matthew Cashmore @matthewcashmore Helen Keegan @technokitten Dan Appelquist @torgo Margaret Gold @mobilemaggie Supporters James Norris Social Media StrategistRibot Terence Eden Franco Papeschi FJ van Wingerde Minutebox Orange Mobile Volunteering Bemoko The World Wide Web Consortium Blogroll Android Developers Apple iphone developers BBC Backstage BBC Mobile Event registration IGDA Mobile Game Development Internet Centre Imperial J2ME developers J2ME Forums J2me Guru Mobile game developer Mobile game developer magazine Mobile Monday London modaco .net developers Moonlight project My Symbian forum Nokia Forum Open Moko developers OpenGardens Pocket PC DTRANSCRIPT
Emerging Communication
HTML5 & WebApps
fredag den 10 september 2010
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
Emerging Communication
HTML5 & WebApps
fredag den 10 september 2010
Overview
• What is HTML(5) Communication?
• What is its impact?
• Influence on native apps
• Trends for future apps
fredag den 10 september 2010
What is HTML5?
• HTML5 - The Markup Language
• HTML5 - The Web Technologies Umbrella Term
fredag den 10 september 2010
HTML(5) Communication
• Huge small topic
• New communication technologies
• New user expectations
• New security concerns
fredag den 10 september 2010
HTML(5) Communication
• XmlHttpRequest
• Cross-Origin XHR
• EventSource
• WebSockets
fredag den 10 september 2010
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
Cross Origin XHR
• Simple extension to XHR
• Allows connection to more than Origin
• Main feature: eliminates proxy need
fredag den 10 september 2010
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
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
WebSockets
• Bidirectional communication between client & server
• Connection-based
• Uses delimited, sequential messages
• UTF-8 based
• More efficient than XHR
fredag den 10 september 2010
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
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
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
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
Reach
fredag den 10 september 2010
“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
Reach
fredag den 10 september 2010
Reach
fredag den 10 september 2010
Reach
fredag den 10 september 2010
Reach
fredag den 10 september 2010
Reach
fredag den 10 september 2010
Reach
fredag den 10 september 2010
Reach
fredag den 10 september 2010
fredag den 10 september 2010
fredag den 10 september 2010
Adaptability
fredag den 10 september 2010
Adaptability
fredag den 10 september 2010
fredag den 10 september 2010
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
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
Adaptability
fredag den 10 september 2010
fredag den 10 september 2010
Create
Create
fredag den 10 september 2010
Create
Create
fredag den 10 september 2010
Share
Create
Share
fredag den 10 september 2010
Share
Create
Share
fredag den 10 september 2010
Share
Create
Share
fredag den 10 september 2010
Mash
fredag den 10 september 2010
Interconnected
fredag den 10 september 2010
fredag den 10 september 2010
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
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
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
fredag den 10 september 2010
Create
AliceCreate Shopping List
fredag den 10 september 2010
CreateCreate Shopping List
ApplesAlice
fredag den 10 september 2010
Share
AliceCreate Shopping List
Apples
Bob
fredag den 10 september 2010
Share
AliceCreate Shopping List
OrangesModify Shopping ListBob
fredag den 10 september 2010
Access
Alice
To Buy Oranges
Oranges
Create Shopping List
Modify Shopping ListBob
fredag den 10 september 2010
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
Mash
To Buy Oranges
Expenses
Planned Actual
fredag den 10 september 2010
Mash
To Buy Oranges
Expenses
Planned Actual
fredag den 10 september 2010
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
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
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
Demos
• http://ergo.labs.ericsson.net/applications/canvas
• http://ergo.labs.ericsson.net/applications/shared-map
fredag den 10 september 2010
For more information
fredag den 10 september 2010
fredag den 10 september 2010