SlideShare a Scribd company logo
1 of 6
The future web experience HTML5 and User Sovereignty some thoughts by Trond Urdahl  Dec. 2011 http://no.linkedin.com/in/trondurdahl
The HTML5 browser race Today Year 2014-2022 HTML5 recommendation finished  Standardization completed Increasing browser support Browser upgrades with increasing HTML5 support (incl. CSS3 and JavaScript) *Challenges to market adaption are many including:  1) Browser fragmentation. All browsers need to reach an advanced level of support  as a group   2) Still limited access to device hardware capabilities (camera, microphone, geolocation...)  3) All browsers support a different HTML5  video codecs  (each browser has today a preferred format) 4) Still limited offline capabilities (local cache storage) HTML5  support Near future Full market adoption of HTML5*  Advanced level (triggers market adaption) Still a way to go, but market adoption is near
The (Mozilla) HTML5 ecosystem End-user Developer Media Advertiser HTML5/CSS3/JS supportive browser Ubiquity Discovery, customization, relevance, BrowserID HTML5 development in a blank canvas, less costly TV Mobile PC Tablet Firefox ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Browser key elements for success Bring your identity! 2) Support HTML5, CSS3 and Open source: Gecko 2.0 Satisfied initiators trigger more HTML5 investment Initiators (e.g. Sync function between computers) 3) Pre-embedding / OEM partnerships  Media/advertiser not in control, but satisfied User Sovereignty  Rich end-user experience 1) Foster innovation in user experience
Foster the Mozilla community values & innovation How to promote the Open Web (and fight the vertically controlled industry)  ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],HTML5, open app stores and free ubiquitous distribution (without sacrificing sovereignty). Let users easily discover new rich apps. Go even further  => (B2G) 1)  Promote web apps
Browser = the B2G OS A just-in-time relevant  web experience My private data My preferences Device capabilities (microphone, camera, GPRS..) WebAPI Make video call / Messaging My payment details User sovereignty Web app Web app The future web experience (B2G) has native web apps, is mobile  and just-in-time customized to each user...  (slide 1/2) The device gives me a  just-in-time  relevant web experience personalized for me, based on my preferences, location, web history, recommendations from connections and current trading topics.  Interactive web apps with  my preferences - connected  to different social networks
B2G Data App ,[object Object],[object Object],[object Object],[object Object],[object Object],... and guarantees user sovereignty with gatekeeper apps  (2/2)   My private data My preferences Device capabilities (microphone, camera, GPRS..) WebAPI B2G Payment App Make video call / Messaging My payment details User sovereignty My data never leaves to 3rd party My data never leaves to 3rd party Subscribe to a service, without sharing  all my personal data or my whole network Pay to watch a live event online,  without exposing my payment details Video call directly from the web,  without login to 3rd party B2G advantages Mozilla BrowserID Web app Web app Sign in to websites, without sharing  my password with 3rd party A just-in-time relevant  web experience Interactive web apps with  my preferences - connected  to different social networks

More Related Content

Similar to The future of the web with HTML5

Digital transformation and customer care
Digital transformation and customer careDigital transformation and customer care
Digital transformation and customer careMiguel Mello
 
ProximityMedia Server Show
ProximityMedia Server ShowProximityMedia Server Show
ProximityMedia Server Showgfalvo
 
Mis Presentation Quest
Mis Presentation  QuestMis Presentation  Quest
Mis Presentation QuestDevdut Saha
 
Android overview 123
Android overview 123Android overview 123
Android overview 123Bhavanislide1
 
Android overview
Android overviewAndroid overview
Android overviewbhavani p
 
From Deepa's client
From Deepa's clientFrom Deepa's client
From Deepa's clientDeepa Bman
 
Mis presentation -quest
Mis presentation -questMis presentation -quest
Mis presentation -questabhirup1985
 
User Centered Mobile Applications
User Centered Mobile ApplicationsUser Centered Mobile Applications
User Centered Mobile ApplicationsLuis Angel Galindo
 
Open Source to the Rescue of Mobile App and Mobile Web Fragmentation
Open Source to the Rescue of Mobile App and Mobile Web FragmentationOpen Source to the Rescue of Mobile App and Mobile Web Fragmentation
Open Source to the Rescue of Mobile App and Mobile Web FragmentationTom Deryckere
 
S01 gae and_hybrid_app_v1.0
S01 gae and_hybrid_app_v1.0S01 gae and_hybrid_app_v1.0
S01 gae and_hybrid_app_v1.0Sun-Jin Jang
 
The Windows Live Platform: Build Applications That Have Access to 400 Million...
The Windows Live Platform: Build Applications That Have Access to 400 Million...The Windows Live Platform: Build Applications That Have Access to 400 Million...
The Windows Live Platform: Build Applications That Have Access to 400 Million...goodfriday
 
WebRTC on Mobile Devices: Challenges and Opportunities
WebRTC on Mobile Devices: Challenges and OpportunitiesWebRTC on Mobile Devices: Challenges and Opportunities
WebRTC on Mobile Devices: Challenges and OpportunitiesVladimir Beloborodov
 
Information Technology for Facilities Management
Information Technology for Facilities ManagementInformation Technology for Facilities Management
Information Technology for Facilities ManagementOmer Dawelbeit
 
Mobile CMS - CMSExpo 2010
Mobile CMS - CMSExpo 2010Mobile CMS - CMSExpo 2010
Mobile CMS - CMSExpo 2010Tom Deryckere
 

Similar to The future of the web with HTML5 (20)

Digital transformation and customer care
Digital transformation and customer careDigital transformation and customer care
Digital transformation and customer care
 
ProximityMedia Server Show
ProximityMedia Server ShowProximityMedia Server Show
ProximityMedia Server Show
 
Mis Presentation Quest
Mis Presentation  QuestMis Presentation  Quest
Mis Presentation Quest
 
Android overview 123
Android overview 123Android overview 123
Android overview 123
 
"double quotes"
"double quotes""double quotes"
"double quotes"
 
Android overview
Android overviewAndroid overview
Android overview
 
Android overview
Android overviewAndroid overview
Android overview
 
Android overview
Android overviewAndroid overview
Android overview
 
From Deepa's client
From Deepa's clientFrom Deepa's client
From Deepa's client
 
Android overview
Android overviewAndroid overview
Android overview
 
Mis presentation -quest
Mis presentation -questMis presentation -quest
Mis presentation -quest
 
User Centered Mobile Applications
User Centered Mobile ApplicationsUser Centered Mobile Applications
User Centered Mobile Applications
 
Rococo Software Q3 2010
Rococo Software Q3 2010Rococo Software Q3 2010
Rococo Software Q3 2010
 
Open Source to the Rescue of Mobile App and Mobile Web Fragmentation
Open Source to the Rescue of Mobile App and Mobile Web FragmentationOpen Source to the Rescue of Mobile App and Mobile Web Fragmentation
Open Source to the Rescue of Mobile App and Mobile Web Fragmentation
 
S01 gae and_hybrid_app_v1.0
S01 gae and_hybrid_app_v1.0S01 gae and_hybrid_app_v1.0
S01 gae and_hybrid_app_v1.0
 
The Windows Live Platform: Build Applications That Have Access to 400 Million...
The Windows Live Platform: Build Applications That Have Access to 400 Million...The Windows Live Platform: Build Applications That Have Access to 400 Million...
The Windows Live Platform: Build Applications That Have Access to 400 Million...
 
WebRTC on Mobile Devices: Challenges and Opportunities
WebRTC on Mobile Devices: Challenges and OpportunitiesWebRTC on Mobile Devices: Challenges and Opportunities
WebRTC on Mobile Devices: Challenges and Opportunities
 
Information Technology for Facilities Management
Information Technology for Facilities ManagementInformation Technology for Facilities Management
Information Technology for Facilities Management
 
Pkewebrtc
PkewebrtcPkewebrtc
Pkewebrtc
 
Mobile CMS - CMSExpo 2010
Mobile CMS - CMSExpo 2010Mobile CMS - CMSExpo 2010
Mobile CMS - CMSExpo 2010
 

Recently uploaded

Streamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupStreamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupFlorian Wilhelm
 
SAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptxSAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptxNavinnSomaal
 
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Mark Simos
 
How to write a Business Continuity Plan
How to write a Business Continuity PlanHow to write a Business Continuity Plan
How to write a Business Continuity PlanDatabarracks
 
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxPasskey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxLoriGlavin3
 
SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024Lorenzo Miniero
 
Commit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easyCommit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easyAlfredo García Lavilla
 
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxThe Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxLoriGlavin3
 
DevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenDevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenHervé Boutemy
 
From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .Alan Dix
 
Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 3652toLead Limited
 
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptxA Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptxLoriGlavin3
 
Connect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationConnect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationSlibray Presentation
 
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024BookNet Canada
 
Advanced Computer Architecture – An Introduction
Advanced Computer Architecture – An IntroductionAdvanced Computer Architecture – An Introduction
Advanced Computer Architecture – An IntroductionDilum Bandara
 
TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024Lonnie McRorey
 
Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Commit University
 
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptxThe Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptxLoriGlavin3
 
"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr BaganFwdays
 
Take control of your SAP testing with UiPath Test Suite
Take control of your SAP testing with UiPath Test SuiteTake control of your SAP testing with UiPath Test Suite
Take control of your SAP testing with UiPath Test SuiteDianaGray10
 

Recently uploaded (20)

Streamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupStreamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project Setup
 
SAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptxSAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptx
 
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
 
How to write a Business Continuity Plan
How to write a Business Continuity PlanHow to write a Business Continuity Plan
How to write a Business Continuity Plan
 
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxPasskey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
 
SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024
 
Commit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easyCommit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easy
 
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxThe Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
 
DevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenDevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache Maven
 
From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .
 
Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365
 
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptxA Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
 
Connect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationConnect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck Presentation
 
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
 
Advanced Computer Architecture – An Introduction
Advanced Computer Architecture – An IntroductionAdvanced Computer Architecture – An Introduction
Advanced Computer Architecture – An Introduction
 
TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024
 
Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!
 
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptxThe Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
 
"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan
 
Take control of your SAP testing with UiPath Test Suite
Take control of your SAP testing with UiPath Test SuiteTake control of your SAP testing with UiPath Test Suite
Take control of your SAP testing with UiPath Test Suite
 

The future of the web with HTML5

  • 1. The future web experience HTML5 and User Sovereignty some thoughts by Trond Urdahl Dec. 2011 http://no.linkedin.com/in/trondurdahl
  • 2. The HTML5 browser race Today Year 2014-2022 HTML5 recommendation finished Standardization completed Increasing browser support Browser upgrades with increasing HTML5 support (incl. CSS3 and JavaScript) *Challenges to market adaption are many including: 1) Browser fragmentation. All browsers need to reach an advanced level of support as a group 2) Still limited access to device hardware capabilities (camera, microphone, geolocation...) 3) All browsers support a different HTML5 video codecs (each browser has today a preferred format) 4) Still limited offline capabilities (local cache storage) HTML5 support Near future Full market adoption of HTML5* Advanced level (triggers market adaption) Still a way to go, but market adoption is near
  • 3.
  • 4.
  • 5. Browser = the B2G OS A just-in-time relevant web experience My private data My preferences Device capabilities (microphone, camera, GPRS..) WebAPI Make video call / Messaging My payment details User sovereignty Web app Web app The future web experience (B2G) has native web apps, is mobile and just-in-time customized to each user... (slide 1/2) The device gives me a just-in-time relevant web experience personalized for me, based on my preferences, location, web history, recommendations from connections and current trading topics. Interactive web apps with my preferences - connected to different social networks
  • 6.

Editor's Notes

  1. Here are my thoughts on Mozilla and the future web experience.
  2. Today the browsers race to push the HTML5 market adaption. There are still hinders on the road until full adaption is reached, such as browser fragmentation and limited access to device hardware capabilities. Hopefully full adaption happens in near future and before the standard is said to be finished (2014-2022). I have displayed the different pace and engagement each browser takes in investing in HTML5 support.
  3. The implementation of the HTML5 markup is part of an ecosystem where the browser is key for providing a rich end-user experience. I believe there are three important factors that must be present for a browser to stay competitive:  1) Innovation in user experiences (Mozilla Sync is a great example) 2) Support the HTML5 markup, CSS3 and JavaScript 3) Make OEM partnerships for distribution on devices/tablets (alt. belong to an OS)
  4. There are still challenges to overcome before HTML5 is the obvious choice for the web. This slide shows three areas where Mozilla now are focusing to promote the Open Web and make the transition faster (always fostering the Mozilla community values, user sovereignty and innovation). 1) Promote Web Applications and innovative UI concepts to the public. 2) Push the Mozilla WebAPIs development, that bridges the gap between native apps and web apps. 3) Enhance the Firefox browser’s capabilities to improve user experiences. Innovation is key.
  5. Firstly, I like the ambitions with an own OS. I believe the B2G project could improve user experiences through native web apps as well as guaranteeing user sovereignty on the web. Secondly, I believe that the future web experience is a just-in-time and relevant experience personalized for me, the user. The browser (or let us call it the web window) will display adequate information to me based on my preferences, location, web history, recommendations from my connections in my networks and current trading topics. This will provide rich content unseen so far where social networks and media are deeper involved in the web experience. Advertising will also be more enjoyable because it will be relevant to my needs in this moment. Example: My daily online newspaper experience will be different from my friend´s, as she is in a different location, has other preferences and is connected to other people. The latter implies that a social professional network, like LinkedIn, is partnering with my daily newspaper to help them better understand and display my news needs. This proves that future will give us new media partnerships and shows how disruptive HTML5 will be for the industry.
  6. Thirdly, great new gatekeeper apps will appear, such as the Mozilla BrowserID and apps for secure online shopping. Imagine buying something online without sharing your payment data to the 3 rd party. They get the money, but not your personal details. Finally, I believe that an own OS is the guarantee for not jeopardizing the presence of Mozilla values in a competitive web landscape (avoiding the risk of being squeezed out of other OS). There are many challenges in this competitive market, but Mozilla are on right track to win the battle. People will understand that user sovereignty is important and that is where Mozilla have a perfect positioning. Thank you.