Emerging
                Communication
                HTML5 & WebApps

fredag den 10 september 2010
ericsson.
                                       com




      Ericsson Labs
      Challenge

        “Connected Things: S...
Emerging
                Communication
                HTML5 & WebApps

fredag den 10 september 2010
Overview

                    • What is HTML(5) Communication?
                    • What is its impact?
                 ...
What is HTML5?


                    • HTML5 - The Markup Language
                    • HTML5 - The Web Technologies Umbr...
HTML(5)
                     Communication
                    • Huge small topic
                    • New communication ...
HTML(5)
                     Communication
                    • XmlHttpRequest
                    • Cross-Origin XHR
   ...
XmlHttpRequest
                    • The most basic tool available: HTTP request
                           back home
    ...
Cross Origin XHR

                    • Simple extension to XHR
                    • Allows connection to more than Origi...
EventSource
                    •     First new interface type

                    •     Formalisation of regular
       ...
EventSource
                    •     First new interface type

                    •     Formalisation of regular
       ...
WebSockets
                    • Bidirectional communication between client
                           & server
          ...
Change?
                    • On protocol level, nothing revolutionary
                    • Some Web Service APIs will us...
The Web
                               Experience
                    • If nothing changes, what’s the difference?
       ...
What is HTML?
                    •     Language for presenting the
                          user with information.

    ...
Updates

                    •     (Web) Applications will
                          always update
                       ...
Reach



fredag den 10 september 2010
“The eventual goal [of Chrome] to
                      create a ‘stateless’ browsing
                   experience where ...
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 applicatio...
This morning, I was able to validate a concept I’ve been
     working on for a couple of weeks now: running one applicatio...
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 applica...
iframe “mash-ups” [are] web pages that pull together their
    content from more than one site. You might build an applica...
Interconnected

                    • iframe sandbox allows secure inclusion of
                           foregin data
  ...
fredag den 10 september 2010
Create
                               Create Shopping List
                 Alice




fredag den 10 september 2010
Create
                               Create Shopping List
                 Alice                                Apples


...
Share
                               Create Shopping List
                 Alice                                Apples



...
Share
                               Create Shopping List
                 Alice


                               Modify S...
Access
                               Create Shopping List
                 Alice


                               Modify ...
Access
                               Create Shopping List
                 Alice                                         ...
Mash

                                               Expenses
                                           Planned   Actual
...
Mash

                                     Expenses
                                 Planned   Actual
                    ...
Data

                    • Increased requirement for open data
                           formats
                    • A...
Connectivity

                    • Current “active” sync merely a stepping
                           stone
             ...
Synchronisation

                    • Required to reach the functionality goals of
                           Connectivit...
Demos


                    •      http://ergo.labs.ericsson.net/applications/canvas

                    •      http://er...
For more
                               information


                    • vladimir.katardjiev@ericsson.com



fredag den...
fredag den 10 september 2010
Upcoming SlideShare
Loading in...5
×

OvertheAir 2010 html5 impact on application programming

2,061

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
0 Comments
6 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,061
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
57
Comments
0
Likes
6
Embeds 0
No embeds

No notes for slide

OvertheAir 2010 html5 impact on application programming

  1. 1. Emerging Communication HTML5 & WebApps fredag den 10 september 2010
  2. 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. 3. Emerging Communication HTML5 & WebApps fredag den 10 september 2010
  4. 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. 5. What is HTML5? • HTML5 - The Markup Language • HTML5 - The Web Technologies Umbrella Term fredag den 10 september 2010
  6. 6. HTML(5) Communication • Huge small topic • New communication technologies • New user expectations • New security concerns fredag den 10 september 2010
  7. 7. HTML(5) Communication • XmlHttpRequest • Cross-Origin XHR • EventSource • WebSockets fredag den 10 september 2010
  8. 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. 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. 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. 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. 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. 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. 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. 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. 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. 17. Reach fredag den 10 september 2010
  18. 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. 19. Reach fredag den 10 september 2010
  20. 20. Reach fredag den 10 september 2010
  21. 21. Reach fredag den 10 september 2010
  22. 22. Reach fredag den 10 september 2010
  23. 23. Reach fredag den 10 september 2010
  24. 24. Reach fredag den 10 september 2010
  25. 25. Reach fredag den 10 september 2010
  26. 26. fredag den 10 september 2010
  27. 27. fredag den 10 september 2010
  28. 28. Adaptability fredag den 10 september 2010
  29. 29. Adaptability fredag den 10 september 2010
  30. 30. fredag den 10 september 2010
  31. 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. 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. 33. Adaptability fredag den 10 september 2010
  34. 34. fredag den 10 september 2010
  35. 35. Create Create fredag den 10 september 2010
  36. 36. Create Create fredag den 10 september 2010
  37. 37. Share Create Share fredag den 10 september 2010
  38. 38. Share Create Share fredag den 10 september 2010
  39. 39. Share Create Share fredag den 10 september 2010
  40. 40. Mash fredag den 10 september 2010
  41. 41. Interconnected fredag den 10 september 2010
  42. 42. fredag den 10 september 2010
  43. 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. 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. 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. 46. fredag den 10 september 2010
  47. 47. Create Create Shopping List Alice fredag den 10 september 2010
  48. 48. Create Create Shopping List Alice Apples fredag den 10 september 2010
  49. 49. Share Create Shopping List Alice Apples Bob fredag den 10 september 2010
  50. 50. Share Create Shopping List Alice Modify Shopping List Oranges Bob fredag den 10 september 2010
  51. 51. Access Create Shopping List Alice Modify Shopping List Oranges Bob To Buy Oranges fredag den 10 september 2010
  52. 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. 53. Mash Expenses Planned Actual To Buy Oranges fredag den 10 september 2010
  54. 54. Mash Expenses Planned Actual To Buy Oranges fredag den 10 september 2010
  55. 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. 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. 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. 58. Demos • http://ergo.labs.ericsson.net/applications/canvas • http://ergo.labs.ericsson.net/applications/shared-map fredag den 10 september 2010
  59. 59. For more information • vladimir.katardjiev@ericsson.com fredag den 10 september 2010
  60. 60. fredag den 10 september 2010
  1. ¿Le ha llamado la atención una diapositiva en particular?

    Recortar diapositivas es una manera útil de recopilar información importante para consultarla más tarde.

×