SlideShare a Scribd company logo
1 of 42
Download to read offline
FOSSASIA 2016
Firefox OS, Web APIs and Hybrid
Application
1
FOSSASIA 2016
Rizky Ariestiyansyah
Mozilla Tech Speaker
FOSSASIA 2016
About me
2
Rizky Ariestiyansyah
@ariestiyansyah
Mozilla Tech Speaker
CTO at
FOSSASIA 2016
Mozilla Mission
3
FOSSASIA 2016
Mozilla Mission
To ensure the Internet is a global public resource open
and accessible to all.
4
FOSSASIA 2016
Mozilla Vision
An Internet that truly puts people first. An Internet where
individuals can shape their own experience. An Internet
where people are empowered, safe and independent.
5
FOSSASIA 2016
Mozilla Role
Mozilla is a true advocate for you in your online life. We
advocate for you both within your online experience & on
your behalf for the health of the Internet.
6
FOSSASIA 2016 7
Let’s talk about Firefox OS
FOSSASIA 2016
Firefox OS - where we come from
8
Initiated in 2011 by :gal, :cjones
Built with Gecko, HTML, CSS and JS
because we can
Bringing the next billion of users online
Cheap smartphones
FOSSASIA 2016 9
FOSSASIA 2016
Firefox OS current version - v2.5
10
Privacy
Personalized
• Replaceable Homescreens
• Save to Home
• Add-ons
Voice Control APIs
….
FOSSASIA 2016
PRIVACY
11
We’ve always designed products to
protect and respect your private
information.
FOSSASIA 2016
PRIVATE BROWSING
12
Allows you to browse the Internet
without saving any information
about which sites and pages
you’ve visited.
FOSSASIA 2016
TRACKING PROTECTION
13
Tracking Protection allows you to
take control of your privacy
online. Tracking Protection
feature puts the control back in
your hands by actively blocking
domains and sites that are known
to track users.
FOSSASIA 2016 14
Let’s get real now!
FOSSASIA 2016
Firefox OS - Current status
15
Firefox OS is dead for
smartphones after v2.6
FOSSASIA 2016
Marketplace - Current status
16
“As of March 29, 2016, Marketplace will no longer
accept submissions for Android, Desktop and Tablet,
and will remove all apps that don’t support Firefox
OS.”
Free Firefox OS Apps up to 2017
FOSSASIA 2016
Firefox OS - Future
17
Community is asking to maintain Firefox OS and
the name will be change to B2G OS
FOSSASIA 2016 18
The Future
Internet of Things
Home Wearables Automotive
Industry
(Accenture,
Cisco)
Infrastructure
Internet of Things Categories
FOSSASIA 2016 21
Let’s Focus on the WEB
Web APIs
API is a set of functions and procedures that allow the creation of applications which
access the features or data of an operating system, application, or other service.
WebAPI ?
Web API is an application programming interface (API) for either a web server or a
web browser.
WebSockets
WebSockets is an advanced technology that makes it possible to open an
interactive communication session between the user's browser and a server.
With this API, you can send messages to a server and receive event-driven
responses without having to poll the server for a reply.
WebSockets Showcase
http://www.websocket.org/demos/racer/run/
WebGL
WebGL (Web Graphics Library) is a JavaScript API for rendering interactive 3D
computer graphics and 2D graphics within any compatible web browser
without the use of plug-ins.
https://developer.mozilla.org/en-US/docs/Web/API/WebGL_API
WebGL Showcase
https://dl.dropboxusercontent.com/u/62064441/ioquake3.js/ioquake3.html
Web RTC
WebRTC (where RTC stands for Real-Time Communications) is a technology
that enables audio/video streaming and data sharing between browser
clients (peers).
https://developer.mozilla.org/en-US/docs/Web/API/WebRTC_API
WebRTC Showcase
WebVR
Virtual reality is an artificial environment that is created with software and presented to the user
in such a way that the user suspends belief and accepts it as a real environment.
WebVR is an experimental Javascript API that provides access to Virtual Reality devices, such as
the Oculus Rift or Google Cardboard, in your browser.
https://developer.mozilla.org/en-US/docs/Web/API/WebVR_API
WebVR Showcase
WebVTT
Virtual reality is an artificial environment that is created with software and presented to the user
in such a way that the user suspends belief and accepts it as a real environment.
WebVR is an experimental Javascript API that provides access to Virtual Reality devices, such as
the Oculus Rift or Google Cardboard, in your browser.
https://developer.mozilla.org/en-US/docs/Web/API/WebVR_API
WebVTT Showcase
http://oonlab.com/WebVTT/
Mozilla Corporation Confidential - Internal Use OnlyMozilla Corporation Confidential - Internal Use Only
Web APIs Resources
https://developer.mozilla.org/en-US/docs/Web/API
http://developer.mozilla.org
FOSSASIA 2016
Hybrid Application
35
FOSSASIA 2016
Pros
36
Allow a single version to be developed and run on multiple
platform
WORA (Write Once Run Anywhere)
Maybe update instantly on the server side for rapid development
Low Cost for development
..Pros and
Cons!
FOSSASIA 2016
Cons
37
Require internet connection to function
Maybe update instantly on the server side for rapid development
User experience is far stretch
..Pros and
Cons!
FOSSASIA 2016
Framework for Hybrid App
38
http://stackshare.io/cross-platform-mobile-development
FOSSASIA 2016
What’s next?
39
FOSSASIA 2016
You can help!
40
Have an idea for an exploration?
there is nobody stopping you, go for it!
we can help!
Don’t wait for permission to use the Web as a platform!
Let’s organize a meetup/hackathon in your country to explore!
FOSSASIA 2016
Join Us!
mzl.la/fossasia16
41
FOSSASIA 2016
Thank You
@ariestiyansyah
oonlab.com
42

More Related Content

Similar to Firefox OS, Web APIs and Hybrid Apps at FOSSASIA 2016

Mozilla Asia Developer Roadshow 2019 - Philip Lamb - Developing for Mixed Re...
Mozilla Asia Developer Roadshow 2019 - Philip Lamb -  Developing for Mixed Re...Mozilla Asia Developer Roadshow 2019 - Philip Lamb -  Developing for Mixed Re...
Mozilla Asia Developer Roadshow 2019 - Philip Lamb - Developing for Mixed Re...philip_lamb
 
Stronger than Chuck Norris: SharePoint in clouds, on earth, in subway and in ...
Stronger than Chuck Norris: SharePoint in clouds, on earth, in subway and in ...Stronger than Chuck Norris: SharePoint in clouds, on earth, in subway and in ...
Stronger than Chuck Norris: SharePoint in clouds, on earth, in subway and in ...Adis Jugo
 
2011 07 Malaysia Open Source Conference
2011 07 Malaysia Open Source Conference2011 07 Malaysia Open Source Conference
2011 07 Malaysia Open Source ConferenceGen Kanai
 
夜宴8期《Dive into Mozilla Labs》
夜宴8期《Dive into Mozilla Labs》夜宴8期《Dive into Mozilla Labs》
夜宴8期《Dive into Mozilla Labs》Koubei Banquet
 
FirefoxOS Introduction
FirefoxOS IntroductionFirefoxOS Introduction
FirefoxOS IntroductionPavel Ivanov
 
Office 2010 cloud computing farhad_javidi
Office 2010 cloud computing farhad_javidiOffice 2010 cloud computing farhad_javidi
Office 2010 cloud computing farhad_javidijavidi
 
War of The Worlds: Web or Native? Both!
War of The Worlds: Web or Native? Both!War of The Worlds: Web or Native? Both!
War of The Worlds: Web or Native? Both!Federico Lucignano
 
PWA basics for developers
PWA basics for developersPWA basics for developers
PWA basics for developersFilip Rakowski
 
Web APIs - Mobiletech Conference 2015
Web APIs - Mobiletech Conference 2015Web APIs - Mobiletech Conference 2015
Web APIs - Mobiletech Conference 2015Carsten Sandtner
 
ASP Dot Net Software Development in India - iFour Technolab
ASP Dot Net Software Development in India - iFour TechnolabASP Dot Net Software Development in India - iFour Technolab
ASP Dot Net Software Development in India - iFour TechnolabiFour Technolab Pvt. Ltd.
 
Sinergija 12 WP8 is around the corner
Sinergija 12 WP8 is around the cornerSinergija 12 WP8 is around the corner
Sinergija 12 WP8 is around the cornerCatalin Gheorghiu
 
Trabajo de jose
Trabajo de jose Trabajo de jose
Trabajo de jose josemgg
 
Browsers .
Browsers .Browsers .
Browsers .seripa3
 

Similar to Firefox OS, Web APIs and Hybrid Apps at FOSSASIA 2016 (20)

Mozilla Asia Developer Roadshow 2019 - Philip Lamb - Developing for Mixed Re...
Mozilla Asia Developer Roadshow 2019 - Philip Lamb -  Developing for Mixed Re...Mozilla Asia Developer Roadshow 2019 - Philip Lamb -  Developing for Mixed Re...
Mozilla Asia Developer Roadshow 2019 - Philip Lamb - Developing for Mixed Re...
 
webbrowsers-160920132858.pptx
webbrowsers-160920132858.pptxwebbrowsers-160920132858.pptx
webbrowsers-160920132858.pptx
 
Fiware, the future internet
Fiware, the future internetFiware, the future internet
Fiware, the future internet
 
Stronger than Chuck Norris: SharePoint in clouds, on earth, in subway and in ...
Stronger than Chuck Norris: SharePoint in clouds, on earth, in subway and in ...Stronger than Chuck Norris: SharePoint in clouds, on earth, in subway and in ...
Stronger than Chuck Norris: SharePoint in clouds, on earth, in subway and in ...
 
2011 07 Malaysia Open Source Conference
2011 07 Malaysia Open Source Conference2011 07 Malaysia Open Source Conference
2011 07 Malaysia Open Source Conference
 
夜宴8期《Dive into Mozilla Labs》
夜宴8期《Dive into Mozilla Labs》夜宴8期《Dive into Mozilla Labs》
夜宴8期《Dive into Mozilla Labs》
 
Banquet 08
Banquet 08Banquet 08
Banquet 08
 
FirefoxOS Introduction
FirefoxOS IntroductionFirefoxOS Introduction
FirefoxOS Introduction
 
Web browsers
Web browsersWeb browsers
Web browsers
 
Office 2010 cloud computing farhad_javidi
Office 2010 cloud computing farhad_javidiOffice 2010 cloud computing farhad_javidi
Office 2010 cloud computing farhad_javidi
 
War of The Worlds: Web or Native? Both!
War of The Worlds: Web or Native? Both!War of The Worlds: Web or Native? Both!
War of The Worlds: Web or Native? Both!
 
PWA basics for developers
PWA basics for developersPWA basics for developers
PWA basics for developers
 
Web APIs - Mobiletech Conference 2015
Web APIs - Mobiletech Conference 2015Web APIs - Mobiletech Conference 2015
Web APIs - Mobiletech Conference 2015
 
Browsers by NGE
Browsers by NGEBrowsers by NGE
Browsers by NGE
 
ASP Dot Net Software Development in India - iFour Technolab
ASP Dot Net Software Development in India - iFour TechnolabASP Dot Net Software Development in India - iFour Technolab
ASP Dot Net Software Development in India - iFour Technolab
 
Sinergija 12 WP8 is around the corner
Sinergija 12 WP8 is around the cornerSinergija 12 WP8 is around the corner
Sinergija 12 WP8 is around the corner
 
Trabajo de jose
Trabajo de jose Trabajo de jose
Trabajo de jose
 
browsers MEZH
browsers MEZHbrowsers MEZH
browsers MEZH
 
Browsers .
Browsers .Browsers .
Browsers .
 
Browsers
BrowsersBrowsers
Browsers
 

More from Rizky Ariestiyansyah

More from Rizky Ariestiyansyah (8)

Developer < eat love code >
Developer   < eat love code >Developer   < eat love code >
Developer < eat love code >
 
MOOC: Python & Web as Architecture
MOOC: Python & Web as ArchitectureMOOC: Python & Web as Architecture
MOOC: Python & Web as Architecture
 
The use of technology in education
The use of technology in educationThe use of technology in education
The use of technology in education
 
Security and Linux Security
Security and Linux SecuritySecurity and Linux Security
Security and Linux Security
 
Pembanguan ekonomi awal
Pembanguan ekonomi awalPembanguan ekonomi awal
Pembanguan ekonomi awal
 
Pembangunan Ekonomi 1
Pembangunan Ekonomi 1Pembangunan Ekonomi 1
Pembangunan Ekonomi 1
 
Beda Pertumbuhan dengan Pembangunan Ekonomi
Beda Pertumbuhan dengan Pembangunan EkonomiBeda Pertumbuhan dengan Pembangunan Ekonomi
Beda Pertumbuhan dengan Pembangunan Ekonomi
 
Pajak Daerah dan Retribusi Daerah
Pajak Daerah dan Retribusi DaerahPajak Daerah dan Retribusi Daerah
Pajak Daerah dan Retribusi Daerah
 

Recently uploaded

Understanding the Laravel MVC Architecture
Understanding the Laravel MVC ArchitectureUnderstanding the Laravel MVC Architecture
Understanding the Laravel MVC ArchitecturePixlogix Infotech
 
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticsKotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticscarlostorres15106
 
Key Features Of Token Development (1).pptx
Key  Features Of Token  Development (1).pptxKey  Features Of Token  Development (1).pptx
Key Features Of Token Development (1).pptxLBM Solutions
 
Artificial intelligence in the post-deep learning era
Artificial intelligence in the post-deep learning eraArtificial intelligence in the post-deep learning era
Artificial intelligence in the post-deep learning eraDeakin University
 
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks..."LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...Fwdays
 
Unblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen FramesUnblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen FramesSinan KOZAK
 
Human Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsHuman Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsMark Billinghurst
 
Snow Chain-Integrated Tire for a Safe Drive on Winter Roads
Snow Chain-Integrated Tire for a Safe Drive on Winter RoadsSnow Chain-Integrated Tire for a Safe Drive on Winter Roads
Snow Chain-Integrated Tire for a Safe Drive on Winter RoadsHyundai Motor Group
 
Build your next Gen AI Breakthrough - April 2024
Build your next Gen AI Breakthrough - April 2024Build your next Gen AI Breakthrough - April 2024
Build your next Gen AI Breakthrough - April 2024Neo4j
 
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
 
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 3652toLead Limited
 
CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):comworks
 
Science&tech:THE INFORMATION AGE STS.pdf
Science&tech:THE INFORMATION AGE STS.pdfScience&tech:THE INFORMATION AGE STS.pdf
Science&tech:THE INFORMATION AGE STS.pdfjimielynbastida
 
Scanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsScanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsRizwan Syed
 
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticsKotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticsAndrey Dotsenko
 
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Patryk Bandurski
 
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024BookNet Canada
 
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...Alan Dix
 

Recently uploaded (20)

Understanding the Laravel MVC Architecture
Understanding the Laravel MVC ArchitectureUnderstanding the Laravel MVC Architecture
Understanding the Laravel MVC Architecture
 
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticsKotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
 
Key Features Of Token Development (1).pptx
Key  Features Of Token  Development (1).pptxKey  Features Of Token  Development (1).pptx
Key Features Of Token Development (1).pptx
 
Artificial intelligence in the post-deep learning era
Artificial intelligence in the post-deep learning eraArtificial intelligence in the post-deep learning era
Artificial intelligence in the post-deep learning era
 
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks..."LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
 
Unblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen FramesUnblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen Frames
 
Hot Sexy call girls in Panjabi Bagh 🔝 9953056974 🔝 Delhi escort Service
Hot Sexy call girls in Panjabi Bagh 🔝 9953056974 🔝 Delhi escort ServiceHot Sexy call girls in Panjabi Bagh 🔝 9953056974 🔝 Delhi escort Service
Hot Sexy call girls in Panjabi Bagh 🔝 9953056974 🔝 Delhi escort Service
 
Human Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsHuman Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR Systems
 
Snow Chain-Integrated Tire for a Safe Drive on Winter Roads
Snow Chain-Integrated Tire for a Safe Drive on Winter RoadsSnow Chain-Integrated Tire for a Safe Drive on Winter Roads
Snow Chain-Integrated Tire for a Safe Drive on Winter Roads
 
Build your next Gen AI Breakthrough - April 2024
Build your next Gen AI Breakthrough - April 2024Build your next Gen AI Breakthrough - April 2024
Build your next Gen AI Breakthrough - April 2024
 
DMCC Future of Trade Web3 - Special Edition
DMCC Future of Trade Web3 - Special EditionDMCC Future of Trade Web3 - Special Edition
DMCC Future of Trade Web3 - Special Edition
 
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
 
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
 
CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):
 
Science&tech:THE INFORMATION AGE STS.pdf
Science&tech:THE INFORMATION AGE STS.pdfScience&tech:THE INFORMATION AGE STS.pdf
Science&tech:THE INFORMATION AGE STS.pdf
 
Scanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsScanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL Certs
 
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticsKotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
 
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
 
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
 
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
 

Firefox OS, Web APIs and Hybrid Apps at FOSSASIA 2016