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 APIsAPI 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.

WebSocketsWebSockets 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/

WebGLWebGL (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 RTCWebRTC (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

WebVRVirtual 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

WebVTTVirtual 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.com42