SlideShare a Scribd company logo
1 of 60
Download to read offline
Emerging
                Communication
                HTML5 & WebApps

fredag den 10 september 2010
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
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
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
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
                               Create Shopping List
                 Alice




fredag den 10 september 2010
Create
                               Create Shopping List
                 Alice                                Apples




fredag den 10 september 2010
Share
                               Create Shopping List
                 Alice                                Apples




                  Bob




fredag den 10 september 2010
Share
                               Create Shopping List
                 Alice


                               Modify Shopping List   Oranges
                  Bob




fredag den 10 september 2010
Access
                               Create Shopping List
                 Alice


                               Modify Shopping List   Oranges
                  Bob


                                   To Buy
                                   Oranges

fredag den 10 september 2010
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
Mash

                                               Expenses
                                           Planned   Actual



                               To Buy
                               Oranges



fredag den 10 september 2010
Mash

                                     Expenses
                                 Planned   Actual
                                 To Buy
                                 Oranges




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


                    • vladimir.katardjiev@ericsson.com



fredag den 10 september 2010
fredag den 10 september 2010

More Related Content

Similar to OvertheAir 2010 html5 impact on application programming

BIMserver presentation at Digital Mix, BuildingSMART week Copenhagen
BIMserver presentation at Digital Mix, BuildingSMART week CopenhagenBIMserver presentation at Digital Mix, BuildingSMART week Copenhagen
BIMserver presentation at Digital Mix, BuildingSMART week CopenhagenLéon Berlo
 
HTML5: Toolkits and Gaps
HTML5: Toolkits and GapsHTML5: Toolkits and Gaps
HTML5: Toolkits and Gapsdylanks
 
Mobile Development with uPortal and Infusion
Mobile Development with uPortal and InfusionMobile Development with uPortal and Infusion
Mobile Development with uPortal and Infusioncolinbdclark
 
Nuxeo World Session: Mobile ECM Apps with Nuxeo EP
Nuxeo World Session: Mobile ECM Apps with Nuxeo EPNuxeo World Session: Mobile ECM Apps with Nuxeo EP
Nuxeo World Session: Mobile ECM Apps with Nuxeo EPNuxeo
 
Html5 apps nikolaionken-08-06
Html5 apps nikolaionken-08-06Html5 apps nikolaionken-08-06
Html5 apps nikolaionken-08-06Skills Matter
 
Dojo Mobile
Dojo MobileDojo Mobile
Dojo Mobiledylanks
 
Developing SOA Services with Red Hat JBoss and Eclipse tools
Developing SOA Services with Red Hat JBoss and Eclipse toolsDeveloping SOA Services with Red Hat JBoss and Eclipse tools
Developing SOA Services with Red Hat JBoss and Eclipse toolsEclipse Day 2010 in Rome
 
The Open Source Screen Reader SUE – Access for the Blind by means of Training...
The Open Source Screen Reader SUE – Access for the Blind by means of Training...The Open Source Screen Reader SUE – Access for the Blind by means of Training...
The Open Source Screen Reader SUE – Access for the Blind by means of Training...AEGIS-ACCESSIBLE Projects
 
Connecting Smart Things through Web services Orchestrations
Connecting Smart Things through Web services OrchestrationsConnecting Smart Things through Web services Orchestrations
Connecting Smart Things through Web services OrchestrationsAntonio Pintus
 
Building Apps with PhoneGap
Building Apps with PhoneGap Building Apps with PhoneGap
Building Apps with PhoneGap alunny
 
BBC News: Responsive Web Design and Mustard
BBC News: Responsive Web Design and MustardBBC News: Responsive Web Design and Mustard
BBC News: Responsive Web Design and MustardKaelig Deloumeau-Prigent
 
W3C Widgets: Apps made with Web Standards
W3C Widgets: Apps made with Web StandardsW3C Widgets: Apps made with Web Standards
W3C Widgets: Apps made with Web Standardsbrucelawson
 
Intro to WebSockets and Comet
Intro to WebSockets and CometIntro to WebSockets and Comet
Intro to WebSockets and Cometdylanks
 
Web Development With Ruby - From Simple To Complex
Web Development With Ruby - From Simple To ComplexWeb Development With Ruby - From Simple To Complex
Web Development With Ruby - From Simple To ComplexBrian Hogan
 
Mozilla Weave: Integrating Services into the Browser
Mozilla Weave: Integrating Services into the BrowserMozilla Weave: Integrating Services into the Browser
Mozilla Weave: Integrating Services into the BrowserAnant Narayanan
 
HTML5 Apps - Cross platform
HTML5 Apps - Cross platformHTML5 Apps - Cross platform
HTML5 Apps - Cross platformwolframkriesing
 
The Reluctant SysAdmin : 360|iDev Austin 2010
The Reluctant SysAdmin : 360|iDev Austin 2010The Reluctant SysAdmin : 360|iDev Austin 2010
The Reluctant SysAdmin : 360|iDev Austin 2010Voxilate
 

Similar to OvertheAir 2010 html5 impact on application programming (20)

BIMserver presentation at Digital Mix, BuildingSMART week Copenhagen
BIMserver presentation at Digital Mix, BuildingSMART week CopenhagenBIMserver presentation at Digital Mix, BuildingSMART week Copenhagen
BIMserver presentation at Digital Mix, BuildingSMART week Copenhagen
 
HTML5: Toolkits and Gaps
HTML5: Toolkits and GapsHTML5: Toolkits and Gaps
HTML5: Toolkits and Gaps
 
Html5 Apps
Html5 AppsHtml5 Apps
Html5 Apps
 
Mobile Development with uPortal and Infusion
Mobile Development with uPortal and InfusionMobile Development with uPortal and Infusion
Mobile Development with uPortal and Infusion
 
Nuxeo World Session: Mobile ECM Apps with Nuxeo EP
Nuxeo World Session: Mobile ECM Apps with Nuxeo EPNuxeo World Session: Mobile ECM Apps with Nuxeo EP
Nuxeo World Session: Mobile ECM Apps with Nuxeo EP
 
Html5 apps nikolaionken-08-06
Html5 apps nikolaionken-08-06Html5 apps nikolaionken-08-06
Html5 apps nikolaionken-08-06
 
Dojo Mobile
Dojo MobileDojo Mobile
Dojo Mobile
 
Developing SOA Services with Red Hat JBoss and Eclipse tools
Developing SOA Services with Red Hat JBoss and Eclipse toolsDeveloping SOA Services with Red Hat JBoss and Eclipse tools
Developing SOA Services with Red Hat JBoss and Eclipse tools
 
The Open Source Screen Reader SUE – Access for the Blind by means of Training...
The Open Source Screen Reader SUE – Access for the Blind by means of Training...The Open Source Screen Reader SUE – Access for the Blind by means of Training...
The Open Source Screen Reader SUE – Access for the Blind by means of Training...
 
Connecting Smart Things through Web services Orchestrations
Connecting Smart Things through Web services OrchestrationsConnecting Smart Things through Web services Orchestrations
Connecting Smart Things through Web services Orchestrations
 
Antonio Pintus- TouchTheWeb 2010
Antonio Pintus- TouchTheWeb 2010Antonio Pintus- TouchTheWeb 2010
Antonio Pintus- TouchTheWeb 2010
 
Building Apps with PhoneGap
Building Apps with PhoneGap Building Apps with PhoneGap
Building Apps with PhoneGap
 
Reef - ESUG 2010
Reef - ESUG 2010Reef - ESUG 2010
Reef - ESUG 2010
 
BBC News: Responsive Web Design and Mustard
BBC News: Responsive Web Design and MustardBBC News: Responsive Web Design and Mustard
BBC News: Responsive Web Design and Mustard
 
W3C Widgets: Apps made with Web Standards
W3C Widgets: Apps made with Web StandardsW3C Widgets: Apps made with Web Standards
W3C Widgets: Apps made with Web Standards
 
Intro to WebSockets and Comet
Intro to WebSockets and CometIntro to WebSockets and Comet
Intro to WebSockets and Comet
 
Web Development With Ruby - From Simple To Complex
Web Development With Ruby - From Simple To ComplexWeb Development With Ruby - From Simple To Complex
Web Development With Ruby - From Simple To Complex
 
Mozilla Weave: Integrating Services into the Browser
Mozilla Weave: Integrating Services into the BrowserMozilla Weave: Integrating Services into the Browser
Mozilla Weave: Integrating Services into the Browser
 
HTML5 Apps - Cross platform
HTML5 Apps - Cross platformHTML5 Apps - Cross platform
HTML5 Apps - Cross platform
 
The Reluctant SysAdmin : 360|iDev Austin 2010
The Reluctant SysAdmin : 360|iDev Austin 2010The Reluctant SysAdmin : 360|iDev Austin 2010
The Reluctant SysAdmin : 360|iDev Austin 2010
 

More from Tor Björn Minde

More from Tor Björn Minde (15)

Converting Media On Labs
Converting Media On LabsConverting Media On Labs
Converting Media On Labs
 
Event Source On Labs
Event Source On LabsEvent Source On Labs
Event Source On Labs
 
Mobile Identification On Labs
Mobile Identification On LabsMobile Identification On Labs
Mobile Identification On Labs
 
Face Detector On Labs
Face Detector On LabsFace Detector On Labs
Face Detector On Labs
 
Web Connectivity On Labs
Web Connectivity On LabsWeb Connectivity On Labs
Web Connectivity On Labs
 
3D Landscape on Labs
3D Landscape on Labs3D Landscape on Labs
3D Landscape on Labs
 
Mobile Location On Labs
Mobile Location On LabsMobile Location On Labs
Mobile Location On Labs
 
Streaming Media On Labs
Streaming Media On LabsStreaming Media On Labs
Streaming Media On Labs
 
Ericsson Labs OTA09 090925
Ericsson Labs OTA09 090925Ericsson Labs OTA09 090925
Ericsson Labs OTA09 090925
 
Web Location On Labs
Web Location On LabsWeb Location On Labs
Web Location On Labs
 
Ericsson Labs 090702
Ericsson Labs 090702Ericsson Labs 090702
Ericsson Labs 090702
 
Mobile Maps On Labs
Mobile Maps On LabsMobile Maps On Labs
Mobile Maps On Labs
 
SMS On Labs
SMS On LabsSMS On Labs
SMS On Labs
 
Mobile Java Push On Labs
Mobile Java Push On LabsMobile Java Push On Labs
Mobile Java Push On Labs
 
IMS framework On Labs
IMS framework On LabsIMS framework On Labs
IMS framework On Labs
 

Recently uploaded

Machine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdfMachine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdfAijun Zhang
 
NIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopNIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopBachir Benyammi
 
AI You Can Trust - Ensuring Success with Data Integrity Webinar
AI You Can Trust - Ensuring Success with Data Integrity WebinarAI You Can Trust - Ensuring Success with Data Integrity Webinar
AI You Can Trust - Ensuring Success with Data Integrity WebinarPrecisely
 
Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.YounusS2
 
VoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBXVoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBXTarek Kalaji
 
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1DianaGray10
 
COMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a WebsiteCOMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a Websitedgelyza
 
9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding TeamAdam Moalla
 
Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024D Cloud Solutions
 
Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Adtran
 
Videogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfVideogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfinfogdgmi
 
UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6DianaGray10
 
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostKubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostMatt Ray
 
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationUsing IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationIES VE
 
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfUiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfDianaGray10
 
Introduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxIntroduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxMatsuo Lab
 
Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )Brian Pichman
 
How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?IES VE
 
Empowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintEmpowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintMahmoud Rabie
 
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesAI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesMd Hossain Ali
 

Recently uploaded (20)

Machine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdfMachine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdf
 
NIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopNIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 Workshop
 
AI You Can Trust - Ensuring Success with Data Integrity Webinar
AI You Can Trust - Ensuring Success with Data Integrity WebinarAI You Can Trust - Ensuring Success with Data Integrity Webinar
AI You Can Trust - Ensuring Success with Data Integrity Webinar
 
Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.
 
VoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBXVoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBX
 
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
 
COMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a WebsiteCOMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a Website
 
9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team
 
Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024
 
Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™
 
Videogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfVideogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdf
 
UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6
 
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostKubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
 
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationUsing IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
 
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfUiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
 
Introduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxIntroduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptx
 
Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )
 
How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?
 
Empowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintEmpowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership Blueprint
 
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesAI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
 

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
  • 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