SlideShare ist ein Scribd-Unternehmen logo
1 von 25
Downloaden Sie, um offline zu lesen
FirefoxOS:
The Web, Mobile
Daniel Appelquist (@torgo)
Open Web Advocate, Telefónica Digital
What a difference 5 years
makes
-Me in 2008 (http://www.slideshare.net/dappelquist/web2-expo-sf2008-
appelquist/)
The Web is Mobile
Image from Brad Frost (http://bradfrostweb.com)
..but
● Web apps are still second class citizens on
smart phones
● Great confusion about the difference
between apps and Web
● Consumers being driven towards apps
● In the process, we are losing what the Web
has given us: interoperability, freedom,
openness, choice
(Native) Apps vs. Web
Yawn
(Native) Apps vs. Web
● Web has been a browser based experience
● Web has not had access to device APIs
● Web has not been very good with touch
● Techniques for responsive UX have not
been developed
● JavaScript frameworks have been oriented
towards desktop
...but now the Web is catching up
Apps Remind me of
Something
App Fatigue is Setting In
● How many apps do you use regularly?
Where is your apps graveyard?
● Do apps really make sense for news?
Really?
● Social content consumption and sharing
zings you between apps and Web
● Door-slams
● What value is an app store bringing between
users and services?
● App stores remind me of pre-Web thinking
...but the Web has something
to learn from Apps
● People like apps
● Emotive feeling of ownership
● Having an install step conveys meaning:
additional privileges, expectations of use
● Offline operation
● Access to more APIs = richer experience
● Touch UI is different from mouse-driven UI
The Web has Staying
Power
● Built on (open, royalty-free) standards
● International community of implementers
● Open to all content providers, open to all
developers
● Don't like it? Fork it.
● People choose the Web because the Web
gives people a choice
● Solid architectural foundation
Identification: URL
Transport: HTTP
Meaning: HTML
Interaction: DOM+JavaScript+APIs
Style: CSS
What is the Architecture of the Web?
(unofficial)
Credit:PaulDowney
http://blog.whatfettle.com/2008/10/06/the-uri-is-the-thing/
What could a Web Future
Look Like?
● Web apps can be used in the browser or installed
● Visit a Web page, it might ask you "do you want me to
install as an app?"
● Installed Web apps can pop up in a chromeless view
and can access privileged APIs
● Plethora of (Web-based) app stores available, or buy
apps direct from publisher
● Web apps that invoke telephony functions
● Privacy-enabled
● Apps built with responsive design across device types
and form factors
Firefox OS
● A phone built by the people who
brought you the Web
● All apps are Web apps (including
dialer, camera, etc...)
● All applications built on top of Firefox
engine (Boot to gecko)
● Everything open source - open for
tinkering
● Yes, a Marketplace (for "privileged"
apps)
● Optimized for low-end smart phones
● Geeksphone keon / peak developer
preview phones
● ZTE, Alcatel phones released
Bridging the Gap
● New APIs allow access to accelerometer,
camera, address book, calendar, telephony
(making calls), etc...
● New security model for privileged webapps
● Hosted apps and packaged apps
● Both can be used off-line
● Icons represent webapps to the user
● Curated app store from Mozilla - or roll your
own
Blurring the Lines
● Why should an app on your phone be
different from the Web?
● How can a WebApp dip into your personal
information and use your camera in a secure
way?
● Is a chromeless WebApp still "The Web"?
● Is a packaged WebApp still "The Web"?
● How can I tell when I can expect to use an
app off-line?
Everything.me Integration
● Unique search interface for
apps
● "Try before you buy"
approach to discovery
● Integrated into Firefox OS
Some Challenges Still...
● Security - beyond the browser sandbox
● Protecting user privacy when apps can
access private data - what is the right
balance?
● WebRTC - in Beta
● Platform optimization
● Appcache / offline operation
Why Telefónica Digital?
● Easier app development across platforms =
better apps
● Lower cost handsets = more people using
them
● Google/Apple Appstore duopoly = bad for
developers, bad (in the long run) for
innovation
● Bringing a fresh approach = disruptive
● "Open Innovation"
Working with Standards
This is the Web. I know this.
W3C: HTML5, WebApps,
Geolocation, Sysapps, WebRTC,
Community Groups
Privileged APIs (e.g. Telephony),
Packaging, Improving Appcache,
Touch Events, Push
W3C Responsive Images
Community Group
A group working on a solution for images in
responsive design
http://www.w3.org/community/respimg/
<picture alt="Description of image subject.">
<source srcset="small.jpg 1x, small-highres.jpg 2x">
<source media="(min-width: 18em)" srcset="med.jpg 1x, med-highres.jpg 2x"> <source
media="(min-width: 45em)" srcset="large.jpg 1x, large-highres.jpg 2x"> <img src="
small.jpg" alt="Description of image subject."> </picture>
A proposed syntax and a polyfill ("picturefill") on
GitHub
W3C Extensible Web Effort
● New idea for extending the capabilities of the
Web
● Community Group here:
○ http://www.w3.org/community/nextweb/
● Manifesto here:
○ http://extensiblewebmanifesto.org
Some Resources
developer.mozilla.org/en/docs/Mozilla/Firefox_OS
Info from Mozilla on the Firefox OS project
OpenWebDevice.com
Info from Telefónica on the Firefox OS project
BuildingFirefoxOS.com
Building blocks to help you create apps
w3.org
World Wide Web Consortium join the conversation
Challenge!
Dan Appelquist
@torgo
@tefdigital

Weitere ähnliche Inhalte

Was ist angesagt?

Mobile application development strategies
Mobile application development strategiesMobile application development strategies
Mobile application development strategiesInterop
 
Rise of Mobile and Web Runtimes - for Standards-Next
Rise of Mobile and Web Runtimes - for Standards-NextRise of Mobile and Web Runtimes - for Standards-Next
Rise of Mobile and Web Runtimes - for Standards-NextDaniel Appelquist
 
Udem 2007 Accessibility Standards
Udem 2007 Accessibility StandardsUdem 2007 Accessibility Standards
Udem 2007 Accessibility Standardssharron
 
Digital accessibility intro 2021
Digital accessibility intro 2021Digital accessibility intro 2021
Digital accessibility intro 2021Joshua Randall
 
Mobile Web (R)Evolution - Sept 2011
Mobile Web (R)Evolution - Sept 2011Mobile Web (R)Evolution - Sept 2011
Mobile Web (R)Evolution - Sept 2011arendsf
 
Webanywhere: A Screen Reader On-the-Go
Webanywhere:  A Screen Reader On-the-GoWebanywhere:  A Screen Reader On-the-Go
Webanywhere: A Screen Reader On-the-GoJeffrey Bigham
 
Open source and Open web (Mozilla) MozCampKashmir
Open source and Open web (Mozilla) MozCampKashmirOpen source and Open web (Mozilla) MozCampKashmir
Open source and Open web (Mozilla) MozCampKashmirTanzeel Khan
 
Web accessibility evaluation tools
Web accessibility evaluation toolsWeb accessibility evaluation tools
Web accessibility evaluation toolsNaveenkumarS121
 
Web Content Accessibility Guidelines
Web Content Accessibility GuidelinesWeb Content Accessibility Guidelines
Web Content Accessibility GuidelinesPurnimaAgarwal6
 
Mobile First - Web & PHP Conference - 2013-09-17 Keynote
Mobile First - Web & PHP Conference - 2013-09-17 KeynoteMobile First - Web & PHP Conference - 2013-09-17 Keynote
Mobile First - Web & PHP Conference - 2013-09-17 KeynoteFrédéric Harper
 
Creating an Accessibility Culture - Highland Fling Sessions April 2014
Creating an Accessibility Culture - Highland Fling Sessions April 2014Creating an Accessibility Culture - Highland Fling Sessions April 2014
Creating an Accessibility Culture - Highland Fling Sessions April 2014Mark Palmer
 
Windows phone 7 : "Crashing the Mobile Party"
Windows phone 7 : "Crashing the Mobile Party"Windows phone 7 : "Crashing the Mobile Party"
Windows phone 7 : "Crashing the Mobile Party"Nick Harewood
 
Webinar Mobile ECM Apps with Nuxeo EP
Webinar Mobile ECM Apps with Nuxeo EPWebinar Mobile ECM Apps with Nuxeo EP
Webinar Mobile ECM Apps with Nuxeo EPNuxeo
 
Wireless Wednesdays: Part 1
Wireless Wednesdays: Part 1Wireless Wednesdays: Part 1
Wireless Wednesdays: Part 1Teamstudio
 
Mobile Joomla Stragies & Techniques
Mobile Joomla Stragies & TechniquesMobile Joomla Stragies & Techniques
Mobile Joomla Stragies & TechniquesCory Webb
 
Mobile a11y stack
Mobile a11y stackMobile a11y stack
Mobile a11y stackSteve Lee
 
Information Architecture in Mobile
Information Architecture in MobileInformation Architecture in Mobile
Information Architecture in MobileLazar Petrakiev
 
Building medium-fidelity prototypes - IxDWorks.com
Building medium-fidelity prototypes - IxDWorks.comBuilding medium-fidelity prototypes - IxDWorks.com
Building medium-fidelity prototypes - IxDWorks.comInteractionDesign
 

Was ist angesagt? (20)

Mobile application development strategies
Mobile application development strategiesMobile application development strategies
Mobile application development strategies
 
Rise of Mobile and Web Runtimes - for Standards-Next
Rise of Mobile and Web Runtimes - for Standards-NextRise of Mobile and Web Runtimes - for Standards-Next
Rise of Mobile and Web Runtimes - for Standards-Next
 
Udem 2007 Accessibility Standards
Udem 2007 Accessibility StandardsUdem 2007 Accessibility Standards
Udem 2007 Accessibility Standards
 
Digital accessibility intro 2021
Digital accessibility intro 2021Digital accessibility intro 2021
Digital accessibility intro 2021
 
Mobile Web (R)Evolution - Sept 2011
Mobile Web (R)Evolution - Sept 2011Mobile Web (R)Evolution - Sept 2011
Mobile Web (R)Evolution - Sept 2011
 
Mobile web development
Mobile web development Mobile web development
Mobile web development
 
Webanywhere: A Screen Reader On-the-Go
Webanywhere:  A Screen Reader On-the-GoWebanywhere:  A Screen Reader On-the-Go
Webanywhere: A Screen Reader On-the-Go
 
Open source and Open web (Mozilla) MozCampKashmir
Open source and Open web (Mozilla) MozCampKashmirOpen source and Open web (Mozilla) MozCampKashmir
Open source and Open web (Mozilla) MozCampKashmir
 
Web accessibility evaluation tools
Web accessibility evaluation toolsWeb accessibility evaluation tools
Web accessibility evaluation tools
 
Web Content Accessibility Guidelines
Web Content Accessibility GuidelinesWeb Content Accessibility Guidelines
Web Content Accessibility Guidelines
 
Mobile First - Web & PHP Conference - 2013-09-17 Keynote
Mobile First - Web & PHP Conference - 2013-09-17 KeynoteMobile First - Web & PHP Conference - 2013-09-17 Keynote
Mobile First - Web & PHP Conference - 2013-09-17 Keynote
 
Creating an Accessibility Culture - Highland Fling Sessions April 2014
Creating an Accessibility Culture - Highland Fling Sessions April 2014Creating an Accessibility Culture - Highland Fling Sessions April 2014
Creating an Accessibility Culture - Highland Fling Sessions April 2014
 
Windows phone 7 : "Crashing the Mobile Party"
Windows phone 7 : "Crashing the Mobile Party"Windows phone 7 : "Crashing the Mobile Party"
Windows phone 7 : "Crashing the Mobile Party"
 
Webinar Mobile ECM Apps with Nuxeo EP
Webinar Mobile ECM Apps with Nuxeo EPWebinar Mobile ECM Apps with Nuxeo EP
Webinar Mobile ECM Apps with Nuxeo EP
 
Wireless Wednesdays: Part 1
Wireless Wednesdays: Part 1Wireless Wednesdays: Part 1
Wireless Wednesdays: Part 1
 
Mobile Joomla Stragies & Techniques
Mobile Joomla Stragies & TechniquesMobile Joomla Stragies & Techniques
Mobile Joomla Stragies & Techniques
 
Mobile a11y stack
Mobile a11y stackMobile a11y stack
Mobile a11y stack
 
Echelon2010
Echelon2010Echelon2010
Echelon2010
 
Information Architecture in Mobile
Information Architecture in MobileInformation Architecture in Mobile
Information Architecture in Mobile
 
Building medium-fidelity prototypes - IxDWorks.com
Building medium-fidelity prototypes - IxDWorks.comBuilding medium-fidelity prototypes - IxDWorks.com
Building medium-fidelity prototypes - IxDWorks.com
 

Andere mochten auch

BBC NEWS LABS - the story & the Juicer - for SeedHack 4.0
BBC NEWS LABS - the story & the Juicer - for SeedHack 4.0BBC NEWS LABS - the story & the Juicer - for SeedHack 4.0
BBC NEWS LABS - the story & the Juicer - for SeedHack 4.0BBC News Labs
 
The Newsroom of Things by BBC News Labs - for ISKOUK "Taming the News Beast"
The Newsroom of Things by BBC News Labs - for ISKOUK "Taming the News Beast"The Newsroom of Things by BBC News Labs - for ISKOUK "Taming the News Beast"
The Newsroom of Things by BBC News Labs - for ISKOUK "Taming the News Beast"BBC News Labs
 
Rapid Prototyping - a good idea for Startups - battling the human condition
Rapid Prototyping - a good idea for Startups - battling the human conditionRapid Prototyping - a good idea for Startups - battling the human condition
Rapid Prototyping - a good idea for Startups - battling the human conditionBBC News Labs
 
Storyline - for #newsHACK 2013 - Jeremy Tarling
Storyline - for #newsHACK 2013 - Jeremy TarlingStoryline - for #newsHACK 2013 - Jeremy Tarling
Storyline - for #newsHACK 2013 - Jeremy TarlingBBC News Labs
 
Fusion Lightening Talks - BBC News Labs - Matt Shearer on Innovation in Large...
Fusion Lightening Talks - BBC News Labs - Matt Shearer on Innovation in Large...Fusion Lightening Talks - BBC News Labs - Matt Shearer on Innovation in Large...
Fusion Lightening Talks - BBC News Labs - Matt Shearer on Innovation in Large...BBC News Labs
 
News Archive - BBC News Labs presentation on Storylines, Topics & Tags
News Archive - BBC News Labs presentation on Storylines, Topics & TagsNews Archive - BBC News Labs presentation on Storylines, Topics & Tags
News Archive - BBC News Labs presentation on Storylines, Topics & TagsBBC News Labs
 

Andere mochten auch (6)

BBC NEWS LABS - the story & the Juicer - for SeedHack 4.0
BBC NEWS LABS - the story & the Juicer - for SeedHack 4.0BBC NEWS LABS - the story & the Juicer - for SeedHack 4.0
BBC NEWS LABS - the story & the Juicer - for SeedHack 4.0
 
The Newsroom of Things by BBC News Labs - for ISKOUK "Taming the News Beast"
The Newsroom of Things by BBC News Labs - for ISKOUK "Taming the News Beast"The Newsroom of Things by BBC News Labs - for ISKOUK "Taming the News Beast"
The Newsroom of Things by BBC News Labs - for ISKOUK "Taming the News Beast"
 
Rapid Prototyping - a good idea for Startups - battling the human condition
Rapid Prototyping - a good idea for Startups - battling the human conditionRapid Prototyping - a good idea for Startups - battling the human condition
Rapid Prototyping - a good idea for Startups - battling the human condition
 
Storyline - for #newsHACK 2013 - Jeremy Tarling
Storyline - for #newsHACK 2013 - Jeremy TarlingStoryline - for #newsHACK 2013 - Jeremy Tarling
Storyline - for #newsHACK 2013 - Jeremy Tarling
 
Fusion Lightening Talks - BBC News Labs - Matt Shearer on Innovation in Large...
Fusion Lightening Talks - BBC News Labs - Matt Shearer on Innovation in Large...Fusion Lightening Talks - BBC News Labs - Matt Shearer on Innovation in Large...
Fusion Lightening Talks - BBC News Labs - Matt Shearer on Innovation in Large...
 
News Archive - BBC News Labs presentation on Storylines, Topics & Tags
News Archive - BBC News Labs presentation on Storylines, Topics & TagsNews Archive - BBC News Labs presentation on Storylines, Topics & Tags
News Archive - BBC News Labs presentation on Storylines, Topics & Tags
 

Ähnlich wie Dan Appelquist at BBC News Labs : "firefoxOS - the web, mobile, web apps"

Mobility today & what's next. Application ecosystems.
Mobility today & what's next.Application ecosystems.Mobility today & what's next.Application ecosystems.
Mobility today & what's next. Application ecosystems.Petru Jucovschi
 
Hybrid app development
Hybrid app developmentHybrid app development
Hybrid app developmentHarshul Shah
 
Intro to tech stacks bonny
Intro to tech stacks bonnyIntro to tech stacks bonny
Intro to tech stacks bonnyLama K Banna
 
Driving Content to a Mobile Device. Are we Killing the Internet?
Driving Content to a Mobile Device. Are we Killing the Internet?Driving Content to a Mobile Device. Are we Killing the Internet?
Driving Content to a Mobile Device. Are we Killing the Internet?Chris LaBelle
 
Pick Your Poison – Mobile Web, Native, or Hybrid? - Denver Startup Week - Oct...
Pick Your Poison – Mobile Web, Native, or Hybrid? - Denver Startup Week - Oct...Pick Your Poison – Mobile Web, Native, or Hybrid? - Denver Startup Week - Oct...
Pick Your Poison – Mobile Web, Native, or Hybrid? - Denver Startup Week - Oct...Shane Church
 
Pick Your Poison – Mobile Web, Native or Hybrid?
Pick Your Poison – Mobile Web, Native or Hybrid?Pick Your Poison – Mobile Web, Native or Hybrid?
Pick Your Poison – Mobile Web, Native or Hybrid?Effective
 
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
 
The Top Technologies Used To Develop a Mobile App.pdf
The Top Technologies Used To Develop a Mobile App.pdfThe Top Technologies Used To Develop a Mobile App.pdf
The Top Technologies Used To Develop a Mobile App.pdfTechugo
 
The Top Technologies Used To Develop a Mobile App.pdf
The Top Technologies Used To Develop a Mobile App.pdfThe Top Technologies Used To Develop a Mobile App.pdf
The Top Technologies Used To Develop a Mobile App.pdfTechugo
 
Native, Web App, or Hybrid: Which Should You Choose?
Native, Web App, or Hybrid: Which Should You Choose?Native, Web App, or Hybrid: Which Should You Choose?
Native, Web App, or Hybrid: Which Should You Choose?Softweb Solutions
 
Mobile applications for SharePoint using HTML5
Mobile applications for SharePoint using HTML5Mobile applications for SharePoint using HTML5
Mobile applications for SharePoint using HTML5Christian Heindel
 
Benefits of PhoneGap for Mobile App Development - Appzure
Benefits of PhoneGap for Mobile App Development - AppzureBenefits of PhoneGap for Mobile App Development - Appzure
Benefits of PhoneGap for Mobile App Development - AppzureAppzure -Mobile App Development
 
Introduction to hybrid application development
Introduction to hybrid application developmentIntroduction to hybrid application development
Introduction to hybrid application developmentKunjan Thakkar
 
Mobile web application development
Mobile web application developmentMobile web application development
Mobile web application developmentVince Aggrippino
 
SXSW 2010 Future15 : Rise of Mobile, APIs and Web Runtimes
SXSW 2010 Future15 : Rise of Mobile, APIs and Web RuntimesSXSW 2010 Future15 : Rise of Mobile, APIs and Web Runtimes
SXSW 2010 Future15 : Rise of Mobile, APIs and Web RuntimesDaniel Appelquist
 
Hybridmobileapps 130130213844-phpapp02
Hybridmobileapps 130130213844-phpapp02Hybridmobileapps 130130213844-phpapp02
Hybridmobileapps 130130213844-phpapp02weeyee
 
LATEST_TRENDS_IN_WEBSITE_DEVELOPMENT.pptx
LATEST_TRENDS_IN_WEBSITE_DEVELOPMENT.pptxLATEST_TRENDS_IN_WEBSITE_DEVELOPMENT.pptx
LATEST_TRENDS_IN_WEBSITE_DEVELOPMENT.pptxchitrachauhan21
 
Trip advsiorhybridpresentation
Trip advsiorhybridpresentationTrip advsiorhybridpresentation
Trip advsiorhybridpresentationElanaBoehm
 

Ähnlich wie Dan Appelquist at BBC News Labs : "firefoxOS - the web, mobile, web apps" (20)

Mobility today & what's next. Application ecosystems.
Mobility today & what's next.Application ecosystems.Mobility today & what's next.Application ecosystems.
Mobility today & what's next. Application ecosystems.
 
Hybrid app development
Hybrid app developmentHybrid app development
Hybrid app development
 
Intro to tech stacks bonny
Intro to tech stacks bonnyIntro to tech stacks bonny
Intro to tech stacks bonny
 
Driving Content to a Mobile Device. Are we Killing the Internet?
Driving Content to a Mobile Device. Are we Killing the Internet?Driving Content to a Mobile Device. Are we Killing the Internet?
Driving Content to a Mobile Device. Are we Killing the Internet?
 
Pick Your Poison – Mobile Web, Native, or Hybrid? - Denver Startup Week - Oct...
Pick Your Poison – Mobile Web, Native, or Hybrid? - Denver Startup Week - Oct...Pick Your Poison – Mobile Web, Native, or Hybrid? - Denver Startup Week - Oct...
Pick Your Poison – Mobile Web, Native, or Hybrid? - Denver Startup Week - Oct...
 
Pick Your Poison – Mobile Web, Native or Hybrid?
Pick Your Poison – Mobile Web, Native or Hybrid?Pick Your Poison – Mobile Web, Native or Hybrid?
Pick Your Poison – Mobile Web, Native or Hybrid?
 
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
 
The Top Technologies Used To Develop a Mobile App.pdf
The Top Technologies Used To Develop a Mobile App.pdfThe Top Technologies Used To Develop a Mobile App.pdf
The Top Technologies Used To Develop a Mobile App.pdf
 
The Top Technologies Used To Develop a Mobile App.pdf
The Top Technologies Used To Develop a Mobile App.pdfThe Top Technologies Used To Develop a Mobile App.pdf
The Top Technologies Used To Develop a Mobile App.pdf
 
Native, Web App, or Hybrid: Which Should You Choose?
Native, Web App, or Hybrid: Which Should You Choose?Native, Web App, or Hybrid: Which Should You Choose?
Native, Web App, or Hybrid: Which Should You Choose?
 
Mobile applications for SharePoint using HTML5
Mobile applications for SharePoint using HTML5Mobile applications for SharePoint using HTML5
Mobile applications for SharePoint using HTML5
 
Benefits of PhoneGap for Mobile App Development - Appzure
Benefits of PhoneGap for Mobile App Development - AppzureBenefits of PhoneGap for Mobile App Development - Appzure
Benefits of PhoneGap for Mobile App Development - Appzure
 
Introduction to hybrid application development
Introduction to hybrid application developmentIntroduction to hybrid application development
Introduction to hybrid application development
 
Mobile web application development
Mobile web application developmentMobile web application development
Mobile web application development
 
SXSW 2010 Future15 : Rise of Mobile, APIs and Web Runtimes
SXSW 2010 Future15 : Rise of Mobile, APIs and Web RuntimesSXSW 2010 Future15 : Rise of Mobile, APIs and Web Runtimes
SXSW 2010 Future15 : Rise of Mobile, APIs and Web Runtimes
 
Hybridmobileapps 130130213844-phpapp02
Hybridmobileapps 130130213844-phpapp02Hybridmobileapps 130130213844-phpapp02
Hybridmobileapps 130130213844-phpapp02
 
Presentation1
Presentation1Presentation1
Presentation1
 
Presentation1
Presentation1Presentation1
Presentation1
 
LATEST_TRENDS_IN_WEBSITE_DEVELOPMENT.pptx
LATEST_TRENDS_IN_WEBSITE_DEVELOPMENT.pptxLATEST_TRENDS_IN_WEBSITE_DEVELOPMENT.pptx
LATEST_TRENDS_IN_WEBSITE_DEVELOPMENT.pptx
 
Trip advsiorhybridpresentation
Trip advsiorhybridpresentationTrip advsiorhybridpresentation
Trip advsiorhybridpresentation
 

Kürzlich hochgeladen

AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024The Digital Insurer
 
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWEREMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWERMadyBayot
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century educationjfdjdjcjdnsjd
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...apidays
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...DianaGray10
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAndrey Devyatkin
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodJuan lago vázquez
 
Ransomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdfRansomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdfOverkill Security
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonAnna Loughnan Colquhoun
 
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ..."I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...Zilliz
 
Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...
Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...
Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...apidays
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Drew Madelung
 
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingRepurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingEdi Saputra
 
Navi Mumbai Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Navi Mumbai Call Girls 🥰 8617370543 Service Offer VIP Hot ModelNavi Mumbai Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Navi Mumbai Call Girls 🥰 8617370543 Service Offer VIP Hot ModelDeepika Singh
 
Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024The Digital Insurer
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerThousandEyes
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?Igalia
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native ApplicationsWSO2
 

Kürzlich hochgeladen (20)

AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024
 
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWEREMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
 
Ransomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdfRansomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdf
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ..."I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
 
Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...
Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...
Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingRepurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
 
Navi Mumbai Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Navi Mumbai Call Girls 🥰 8617370543 Service Offer VIP Hot ModelNavi Mumbai Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Navi Mumbai Call Girls 🥰 8617370543 Service Offer VIP Hot Model
 
Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
 

Dan Appelquist at BBC News Labs : "firefoxOS - the web, mobile, web apps"

  • 1. FirefoxOS: The Web, Mobile Daniel Appelquist (@torgo) Open Web Advocate, Telefónica Digital
  • 2. What a difference 5 years makes -Me in 2008 (http://www.slideshare.net/dappelquist/web2-expo-sf2008- appelquist/)
  • 3. The Web is Mobile Image from Brad Frost (http://bradfrostweb.com)
  • 4. ..but ● Web apps are still second class citizens on smart phones ● Great confusion about the difference between apps and Web ● Consumers being driven towards apps ● In the process, we are losing what the Web has given us: interoperability, freedom, openness, choice
  • 5. (Native) Apps vs. Web Yawn
  • 6. (Native) Apps vs. Web ● Web has been a browser based experience ● Web has not had access to device APIs ● Web has not been very good with touch ● Techniques for responsive UX have not been developed ● JavaScript frameworks have been oriented towards desktop ...but now the Web is catching up
  • 7. Apps Remind me of Something
  • 8. App Fatigue is Setting In ● How many apps do you use regularly? Where is your apps graveyard? ● Do apps really make sense for news? Really? ● Social content consumption and sharing zings you between apps and Web ● Door-slams ● What value is an app store bringing between users and services? ● App stores remind me of pre-Web thinking
  • 9. ...but the Web has something to learn from Apps ● People like apps ● Emotive feeling of ownership ● Having an install step conveys meaning: additional privileges, expectations of use ● Offline operation ● Access to more APIs = richer experience ● Touch UI is different from mouse-driven UI
  • 10. The Web has Staying Power ● Built on (open, royalty-free) standards ● International community of implementers ● Open to all content providers, open to all developers ● Don't like it? Fork it. ● People choose the Web because the Web gives people a choice ● Solid architectural foundation
  • 11. Identification: URL Transport: HTTP Meaning: HTML Interaction: DOM+JavaScript+APIs Style: CSS What is the Architecture of the Web? (unofficial)
  • 13. What could a Web Future Look Like? ● Web apps can be used in the browser or installed ● Visit a Web page, it might ask you "do you want me to install as an app?" ● Installed Web apps can pop up in a chromeless view and can access privileged APIs ● Plethora of (Web-based) app stores available, or buy apps direct from publisher ● Web apps that invoke telephony functions ● Privacy-enabled ● Apps built with responsive design across device types and form factors
  • 14. Firefox OS ● A phone built by the people who brought you the Web ● All apps are Web apps (including dialer, camera, etc...) ● All applications built on top of Firefox engine (Boot to gecko) ● Everything open source - open for tinkering ● Yes, a Marketplace (for "privileged" apps) ● Optimized for low-end smart phones ● Geeksphone keon / peak developer preview phones ● ZTE, Alcatel phones released
  • 15.
  • 16. Bridging the Gap ● New APIs allow access to accelerometer, camera, address book, calendar, telephony (making calls), etc... ● New security model for privileged webapps ● Hosted apps and packaged apps ● Both can be used off-line ● Icons represent webapps to the user ● Curated app store from Mozilla - or roll your own
  • 17. Blurring the Lines ● Why should an app on your phone be different from the Web? ● How can a WebApp dip into your personal information and use your camera in a secure way? ● Is a chromeless WebApp still "The Web"? ● Is a packaged WebApp still "The Web"? ● How can I tell when I can expect to use an app off-line?
  • 18. Everything.me Integration ● Unique search interface for apps ● "Try before you buy" approach to discovery ● Integrated into Firefox OS
  • 19. Some Challenges Still... ● Security - beyond the browser sandbox ● Protecting user privacy when apps can access private data - what is the right balance? ● WebRTC - in Beta ● Platform optimization ● Appcache / offline operation
  • 20. Why Telefónica Digital? ● Easier app development across platforms = better apps ● Lower cost handsets = more people using them ● Google/Apple Appstore duopoly = bad for developers, bad (in the long run) for innovation ● Bringing a fresh approach = disruptive ● "Open Innovation"
  • 21. Working with Standards This is the Web. I know this. W3C: HTML5, WebApps, Geolocation, Sysapps, WebRTC, Community Groups Privileged APIs (e.g. Telephony), Packaging, Improving Appcache, Touch Events, Push
  • 22. W3C Responsive Images Community Group A group working on a solution for images in responsive design http://www.w3.org/community/respimg/ <picture alt="Description of image subject."> <source srcset="small.jpg 1x, small-highres.jpg 2x"> <source media="(min-width: 18em)" srcset="med.jpg 1x, med-highres.jpg 2x"> <source media="(min-width: 45em)" srcset="large.jpg 1x, large-highres.jpg 2x"> <img src=" small.jpg" alt="Description of image subject."> </picture> A proposed syntax and a polyfill ("picturefill") on GitHub
  • 23. W3C Extensible Web Effort ● New idea for extending the capabilities of the Web ● Community Group here: ○ http://www.w3.org/community/nextweb/ ● Manifesto here: ○ http://extensiblewebmanifesto.org
  • 24. Some Resources developer.mozilla.org/en/docs/Mozilla/Firefox_OS Info from Mozilla on the Firefox OS project OpenWebDevice.com Info from Telefónica on the Firefox OS project BuildingFirefoxOS.com Building blocks to help you create apps w3.org World Wide Web Consortium join the conversation