so what's the deal with firefox os - mobiletechcon berlin 2014
Post on 15-Jan-2015
1.794 Views
Preview:
DESCRIPTION
TRANSCRIPT
Christian Heilmann (@codepo8) MobileTechCon
03/09/14 Berlin, Germany
!
SO WHAT'S THE DEAL WITH FIREFOX OS
FORM FACTORS CHANGE…
THE PLATFORM WASN’T READY…
FROM DOCUMENTS TO APPS…
LOCKOUT
NO FUN FOR YOU!
03:12, 29 March 2012
ARCHITECTURE
Linux/Gonk (ADB enabled)
Gecko rendering engine
Third Party HTML5 Apps
Web APIs / Web Actitivies
GAIA
- + =
PREDICTABLE HTML5 SUPPORT
A QUICK LOOK BACK…
I DIDN’T SEE MUCH FUTURE IN MY TOWN
HELLO WORLD…
HELLO WEB…
HELLO MONEY…
+
HELLO, WORLD!
HELLO SMARTPHONE!
Intex Cloud FX: Firefox OS 1.0 GHz processor 128 MB RAM expandable memory of up to 4GB. Dual-SIM Bluetooth Wi-Fi
1,999 Rupees ~ 25 Euro
HELLO SMARTPHONE!
The Spice Fire One Mi – FX 1 1 GHz processor, 2.5 G connectivity, 8.89 cm HVGA capacitive touch screen and 1.3MP primary camera + 0.3 MP front camera.
2,299 Rupees ~ 29 Euro
HINDI, TAMIL AND BANGLA…
FIXING HTML ISSUES
WEB APIS
WEB APIS (FOR ALL)
Vibration API (W3C)
Screen Orientation
Geolocation API
Mouse Lock API (W3C)
Open WebApps
Network Information API (W3C)
Battery Status API (W3C)
Alarm API
Web Activities
Push Notifications API
WebFM API
WebPayment
IndexedDB (W3C)
Ambient light sensor
Proximity sensor
Notification
BATTERY STATUS API
BATTERY STATUS API
var battery = navigator.battery; if (battery) { var batteryLevel = Math.round(battery.level * 100) + "%", charging = (battery.charging)? "" : "not ", chargingTime = parseInt(battery.chargingTime / 60, 10), dischargingTime = parseInt(battery.dischargingTime / 60, 10); // Set events battery.addEventListener("levelchange", setStatus, false); battery.addEventListener("chargingchange", setStatus, false); battery.addEventListener("chargingtimechange", setStatus, false); battery.addEventListener("dischargingtimechange", setStatus, false); }
SECURITY
AVOIDING USER OVERLOAD…
http://smus.com/installable-webapps/
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" }
PERMISSIONS
"permissions": { "contacts": { "description": "Required for autocompletion in the share screen", "access": "readcreate" }, "alarms": { "description": "Required to schedule notifications" } }
WHAT MAKES A GREAT HTML5 APP?
DOES ONE THING AND ONE THING WELL!
WORKS OFFLINE
CROSS-PLATFORM
INTEGRATED
https://hacks.mozilla.org/2014/03/better-integration-for-open-web-apps-on-android/
https://hacks.mozilla.org/2013/10/progress-report-on-cross-platform-open-web-apps/
WHAT ABOUT FIREFOX-UNFRIENDLY PLATFORMS?
ENTER CORDOVA
• Camera • Contacts • Device • Device-motion • Geolocation • Orientation • Vibration
GOOD THINGS TO COME…
EASY DISTRIBUTION
INSTALL FROM THE WEB…
USE WHATEVER EDITOR AND ENVIRONMENT YOU ARE HAPPY WITH!
OR…
OR…
https://www.youtube.com/watch?v=n8c34wk4OnY
JUST USE FIREFOX!
IN 2014 THE BROWSER IS THE OUTPUT AND INPUT OF THE WEB.
THERE IS NO BARRIER BETWEEN CONSUMPTION AND CREATION.
https://www.youtube.com/watch?v=LemdYmcRrb0
HOW CAN YOU SAY HELLO WORLD?
GO LOW!
https://developer.mozilla.org/en-US/Apps/Build/Performance/Apps_for_low-memory_Firefox_OS_devices
170 USD - world-wide shippinghttp://www.everbuying.com/product549652.html
HELLO DEVELOPER PHONE!
adjustable RAM 256MB to 1GB, Qualcomm Snapdragon 1.2GHZ dual-core processor 4.5-inch 854x480 pixel screen 5MP rear camera (autofocus,flash) 2MP front camera The dual-SIM 3G 8GB to 32GB SD RAM
TWEAK, RESET, UPGRADE…
https://hacks.mozilla.org/2014/08/videos-getting-started-with-your-flame-device/
THE WEB IS YOURS!
THANKS! CHRIS HEILMANN @CODEPO8
top related