Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
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 e...
FOSSASIA 2016
Mozilla Role
Mozilla is a true advocate for you in your online life. We
advocate for you both within your on...
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
beca...
FOSSASIA 2016 9
FOSSASIA 2016
Firefox OS current version - v2.5
10
Privacy
Personalized
• Replaceable Homescreens
• Save to Home
• Add-ons...
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 p...
FOSSASIA 2016
TRACKING PROTECTION
13
Tracking Protection allows you to
take control of your privacy
online. Tracking Prote...
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 And...
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 dat...
WebSockets
WebSockets is an advanced technology that makes it possible to open an
interactive communication session betwee...
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 with...
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...
WebRTC Showcase
WebVR
Virtual reality is an artificial environment that is created with software and presented to the user
in such a way t...
WebVR Showcase
WebVTT
Virtual reality is an artificial environment that is created with software and presented to the user
in such a way ...
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)
M...
FOSSASIA 2016
Cons
37
Require internet connection to function
Maybe update instantly on the server side for rapid developm...
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’...
FOSSASIA 2016
Join Us!
mzl.la/fossasia16
41
FOSSASIA 2016
Thank You
@ariestiyansyah
oonlab.com
42
Upcoming SlideShare
Loading in …5
×

Firefox OS, Web APIs & Hybrid Application

459 views

Published on

Rizky Ariestiyansyah FOSSASIA 2016 Presentation

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Firefox OS, Web APIs & Hybrid Application

  1. 1. FOSSASIA 2016 Firefox OS, Web APIs and Hybrid Application 1 FOSSASIA 2016 Rizky Ariestiyansyah Mozilla Tech Speaker
  2. 2. FOSSASIA 2016 About me 2 Rizky Ariestiyansyah @ariestiyansyah Mozilla Tech Speaker CTO at
  3. 3. FOSSASIA 2016 Mozilla Mission 3
  4. 4. FOSSASIA 2016 Mozilla Mission To ensure the Internet is a global public resource open and accessible to all. 4
  5. 5. 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
  6. 6. 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
  7. 7. FOSSASIA 2016 7 Let’s talk about Firefox OS
  8. 8. 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
  9. 9. FOSSASIA 2016 9
  10. 10. FOSSASIA 2016 Firefox OS current version - v2.5 10 Privacy Personalized • Replaceable Homescreens • Save to Home • Add-ons Voice Control APIs ….
  11. 11. FOSSASIA 2016 PRIVACY 11 We’ve always designed products to protect and respect your private information.
  12. 12. FOSSASIA 2016 PRIVATE BROWSING 12 Allows you to browse the Internet without saving any information about which sites and pages you’ve visited.
  13. 13. 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.
  14. 14. FOSSASIA 2016 14 Let’s get real now!
  15. 15. FOSSASIA 2016 Firefox OS - Current status 15 Firefox OS is dead for smartphones after v2.6
  16. 16. 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
  17. 17. FOSSASIA 2016 Firefox OS - Future 17 Community is asking to maintain Firefox OS and the name will be change to B2G OS
  18. 18. FOSSASIA 2016 18 The Future
  19. 19. Internet of Things
  20. 20. Home Wearables Automotive Industry (Accenture, Cisco) Infrastructure Internet of Things Categories
  21. 21. FOSSASIA 2016 21 Let’s Focus on the WEB
  22. 22. 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.
  23. 23. 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.
  24. 24. WebSockets Showcase http://www.websocket.org/demos/racer/run/
  25. 25. 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
  26. 26. WebGL Showcase https://dl.dropboxusercontent.com/u/62064441/ioquake3.js/ioquake3.html
  27. 27. 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
  28. 28. WebRTC Showcase
  29. 29. 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
  30. 30. WebVR Showcase
  31. 31. 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
  32. 32. WebVTT Showcase http://oonlab.com/WebVTT/
  33. 33. Mozilla Corporation Confidential - Internal Use OnlyMozilla Corporation Confidential - Internal Use Only
  34. 34. Web APIs Resources https://developer.mozilla.org/en-US/docs/Web/API http://developer.mozilla.org
  35. 35. FOSSASIA 2016 Hybrid Application 35
  36. 36. 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!
  37. 37. 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!
  38. 38. FOSSASIA 2016 Framework for Hybrid App 38 http://stackshare.io/cross-platform-mobile-development
  39. 39. FOSSASIA 2016 What’s next? 39
  40. 40. 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!
  41. 41. FOSSASIA 2016 Join Us! mzl.la/fossasia16 41
  42. 42. FOSSASIA 2016 Thank You @ariestiyansyah oonlab.com 42

×