Firefox OS Apps & Apis - WebRebels App day 2013
-
Upload
jan-jongboom -
Category
Technology
-
view
357 -
download
3
Transcript of Firefox OS Apps & Apis - WebRebels App day 2013
Firefox OSUnicorns and rainbows
Jan Jongboom
@janjongboom
You already have created an app
Embrace the phone
The mobile web is broken
We’re back in 1999
We’re back in 1999
No AJAX?!
-webkit-prefix
Let’s open up the mobile web
Firefox OS app=
website + W3C proposed phone APIs
The web is awesome
So let’s get going... (nothing fancy yet)
Have a mobile webapp?
Go take a nap, we’re back in 5
github.com / comoyo / ffos-list-detail
It’s this cool!
github.com/comoyo/ffos-list-detail
Embrace the phone!
Unleash the power of WebAPIs
APIs
Certified APIs• WebTelephony• WebSMS• IdleAPI• SettingsAPI• PowerManagementAPI• MobileConnectionAPI• WiFiInformationAPI
• WebBluetooth• PermissionsAPI• NetworkStatsAPI• CameraAPI• Time/ClockAPI• Attentionscreen• Voicemail
Requires certification process
Your phone is aware of your surroundings...
Take advantage!
http://bit.ly/ffos-magic
Camera is only available for certified apps...
Application bus
Hey I need an image!
Sure, I can provide you with one!
Web activities(like Android intents)
I NEED AN ADULT!
https://developer.mozilla.org/en-US/docs/WebAPI
Offline
• Web is built for connectivity :-(
• Two types of assets:
• Application assets
• Server data
Caching assets• ZIP up your app
• Lose flexibility of the web
• But very easy!
• Use appcache
• Browser feature
• Example implementation in demo-app
Caching resources
• AJAX calls
• Cache results in indexedDB or local storage
• Read from cache if request fails
• In demo-app see the http service
The app manifest file
• Has name, description, version
• Define permissions (calling, storage)
• Appcache location (can be in html as well)
• Web activity provider (I provide images!)
https://marketplace.firefox.com/developers/docs/manifests
Get hacking!
Questions?
Twitter: @janjongboom
slideshare.net/janjongboom