2. SOME FACTSâŠ
â
Released in fourteen countries: Spain, Poland, Venezuela,
Colombia, Peru, Uruguay, Mexico, Brasil (more soon)
â
Released with 7 mobile operator partners, 3 hardware
partners
â
Hardware options: Alcatel One Touch Fire, ZTE Open,
Geeksphone Keon, Geeksphone Peak, LG FirewebâŠ
â
Aimed at emerging markets/low end market
â
Aimed to be an alternative to feature phones and
unavailable closed environments.
â
Open source - it is all on GitHub
3. "Movistar oïŹers the
ZTE Open for âŹ69,
including âŹ30 of
balance for prepaid
customers and a
4GB microSD card"
13. BENEFITS OF HTML5
â
In-built distribution - the web
â
Simple technologies used by lots of
developers
â
Evolution of existing practices
â
Open, independent, standardised
26. APPLICATION MANIFEST
{âš
"version": "1.0",âš
"name": "MozillaBall",âš
"description": "Exciting Open Web development action!",âš
"icons": {âš
"16": "/img/icon-16.png",âš
"48": "/img/icon-48.png",âš
"128": "/img/icon-128.png"âš
},âš
"developer": {âš
"name": "Mozilla Labs",âš
"url": "http://mozillalabs.com"âš
},âš
"installs_allowed_from": ["*"],âš
"appcache_path": "/cache.manifest",âš
"locales": {âš
"es": {âš
"description": "ÂĄAcciĂłn abierta emocionante del desarrollo del Web!",âš
"developer": {âš
"url": "http://es.mozillalabs.com/"âš
}âš
}âš
},âš
"default_locale": "en"âš
}âš
27. APPLICATIONS
Web Content
Privileged Web App
Regular web content
More access, more
responsibility
Installed Web App
CertiïŹed Web App
A regular web app
Device-critical
applications
31. WEB APIS (FOR ALL)
Vibration API (W3C)
Web Activities
Screen Orientation
Push NotiïŹcations API
Geolocation API
WebFM API
Mouse Lock API (W3C)
WebPayment
Open WebApps
IndexedDB (W3C)
Network Information API (W3C)
Ambient light sensor
Battery Status API (W3C)
Proximity sensor
Alarm API
NotiïŹcation
45. CONTACTS API
var contact = new mozContact();âš
contact.init({name: "Tom"});âš
âš
var request = navigator.mozContacts.save(contact);âš
request.onsuccess = function() {âš
console.log("Success");âš
};âš
âš
request.onerror = function() {âš
console.log("Error")âš
};
46. WEB APIS (CERTIFIED APPS)
!
!
WebTelephony
WebBluetooth
WebSMS
Permissions API
Idle API
Network Stats API
Settings API
Camera API
Power Management API
Time/Clock API
Mobile Connection API
Attention screen
WiFi Information API
Voicemail
48. CERTIFIED APPS = THE OS :)
Dialer
!
Contacts
!
Settings
!
SMS
!
Web browser
!
Gallery
!
Video Player
!
Music Player
!
E-mail (POP, IMAP)
!
Calendar
Alarm Clock
!
Camera
!
Notes
!
First Run Experience
!
NotiïŹcations
!
Home Screen
!
Mozilla Marketplace
!
System Updater
!
Localization Support
59. PROTOTYPING WITH JSFIDDLE
1. Write your code as a JSFiddle
2. Append /webapp.manifest to your Fiddle
URL and paste this link into the Firefox OS
simulator to install the app
3. Alternatively, append /fxos.html to your
Fiddle URL to get an install page like a
typical Firefox OS hosted application
https://hacks.mozilla.org/2013/08/using-jsïŹddle-to-prototype-ïŹrefox-os-apps/
64. MOZILLA BRICK
<x-flipbox>
<div>I'm the front face.</div>
<div>And I'm the back face.</div>
</x-flipbox>
!
//JavaScript
toggleButton.addEventListener("click", function() {
flipBox.toggle();
});
http://mozilla.github.io/brick/
68. CAMERA API
$ cordova plugin add org.apache.cordova.camera
!
//Cordova code
navigator.camera.getPicture(function (src) {
var img = document.createElement('img');
img.id = 'slide';
img.src = src;
}, function () {}, {
destinationType: 1
});
69. MORE WEB APISâŠ
Resource lock API
Spellcheck API
UDP Datagram Socket API
LogAPI
Peer to Peer API
Keyboard/IME API
WebNFC
WebRTC
WebUSB
FileHandle API
HTTP-cache API
Sync API
Calendar API
70. APPMAKER!
Resource lock API
Spellcheck API
UDP Datagram Socket API
LogAPI
Peer to Peer API
Keyboard/IME API
WebNFC
WebRTC
WebUSB
FileHandle API
HTTP-cache API
Sync API
Calendar API