OvertheAir 2010 html5 impact on application programming

3,423 views

Published on

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 D

Published in: Technology

OvertheAir 2010 html5 impact on application programming

  1. Emerging Communication HTML5 & WebApps fredag den 10 september 2010
  2. ericsson. com Ericsson Labs Challenge “Connected Things: Social, Fun & Sustainable”. Develop an innovative application using one or several APIs from labs.ericsson.com/apis The winner will receive a Sony Ericsson Android X10 Mini Pro device. Twitter: @ericssonlabs fredag den 10 september 2010
  3. Emerging Communication HTML5 & WebApps fredag den 10 september 2010
  4. Overview • What is HTML(5) Communication? • What is its impact? • Influence on native apps • Trends for future apps fredag den 10 september 2010
  5. What is HTML5? • HTML5 - The Markup Language • HTML5 - The Web Technologies Umbrella Term fredag den 10 september 2010
  6. HTML(5) Communication • Huge small topic • New communication technologies • New user expectations • New security concerns fredag den 10 september 2010
  7. HTML(5) Communication • XmlHttpRequest • Cross-Origin XHR • EventSource • WebSockets fredag den 10 september 2010
  8. 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
  9. Cross Origin XHR • Simple extension to XHR • Allows connection to more than Origin • Main feature: eliminates proxy need fredag den 10 september 2010
  10. 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
  11. 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
  12. WebSockets • Bidirectional communication between client & server • Connection-based • Uses delimited, sequential messages • UTF-8 based • More efficient than XHR fredag den 10 september 2010
  13. 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
  14. 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
  15. 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
  16. 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
  17. Reach fredag den 10 september 2010
  18. “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
  19. Reach fredag den 10 september 2010
  20. Reach fredag den 10 september 2010
  21. Reach fredag den 10 september 2010
  22. Reach fredag den 10 september 2010
  23. Reach fredag den 10 september 2010
  24. Reach fredag den 10 september 2010
  25. Reach fredag den 10 september 2010
  26. fredag den 10 september 2010
  27. fredag den 10 september 2010
  28. Adaptability fredag den 10 september 2010
  29. Adaptability fredag den 10 september 2010
  30. fredag den 10 september 2010
  31. 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
  32. 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 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 fredag den 10 september 2010
  33. Adaptability fredag den 10 september 2010
  34. fredag den 10 september 2010
  35. Create Create fredag den 10 september 2010
  36. Create Create fredag den 10 september 2010
  37. Share Create Share fredag den 10 september 2010
  38. Share Create Share fredag den 10 september 2010
  39. Share Create Share fredag den 10 september 2010
  40. Mash fredag den 10 september 2010
  41. Interconnected fredag den 10 september 2010
  42. fredag den 10 september 2010
  43. 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
  44. 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
  45. 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
  46. fredag den 10 september 2010
  47. Create Create Shopping List Alice fredag den 10 september 2010
  48. Create Create Shopping List Alice Apples fredag den 10 september 2010
  49. Share Create Shopping List Alice Apples Bob fredag den 10 september 2010
  50. Share Create Shopping List Alice Modify Shopping List Oranges Bob fredag den 10 september 2010
  51. Access Create Shopping List Alice Modify Shopping List Oranges Bob To Buy Oranges fredag den 10 september 2010
  52. Access Create Shopping List Alice • Adapted to the current screen • Familiar user Modify Shopping List interface Bob Oranges • Synchronised data • Because it is the same application To Buy Oranges fredag den 10 september 2010
  53. Mash Expenses Planned Actual To Buy Oranges fredag den 10 september 2010
  54. Mash Expenses Planned Actual To Buy Oranges fredag den 10 september 2010
  55. 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
  56. 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
  57. 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
  58. Demos • http://ergo.labs.ericsson.net/applications/canvas • http://ergo.labs.ericsson.net/applications/shared-map fredag den 10 september 2010
  59. For more information • vladimir.katardjiev@ericsson.com fredag den 10 september 2010
  60. fredag den 10 september 2010

×