Your SlideShare is downloading. ×
  • Like
Firefox OS Apps and Web APIs
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Firefox OS Apps and Web APIs

  • 1,645 views
Published

My presentation of March 13 in Budapest abou

My presentation of March 13 in Budapest abou

Published in Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
  • Thanks!
    Are you sure you want to
    Your message goes here
  • FYI, here is a video of this presentation (at The Gathering 2013 in Hamar) http://www.youtube.com/watch?v=UkTNHL-BGgw
    Are you sure you want to
    Your message goes here
  • @LuigiTedone The 'normal' web was broken in 1999. We were in the same situation as we are today with mobile, as people don't see mobile web as an equal to native applications. That's for a reason. Basic functionality that you would use in any normal Windows app in 1999 was missing from the web. In this case: AJAX. Loading partial information from a third party was impossible. So instead of whining over missing features, let's standardise and fix the mobile web.
    Are you sure you want to
    Your message goes here
  • Meaning 1999 was not a good place/time to be. Not even AJAX existed back then. And that the situation with apps today is similar. No standard to code on. History repeats it self, and Mozilla/Firefox saves the day once more =)

    At least that was what I got out of this one today at #ixdaoslo
    Are you sure you want to
    Your message goes here
  • Can you explain me the 8th slide? :D
    Are you sure you want to
    Your message goes here
No Downloads

Views

Total Views
1,645
On SlideShare
0
From Embeds
0
Number of Embeds
2

Actions

Shares
Downloads
49
Comments
5
Likes
2

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Firefox OS Web APIs & Apps Jan Jongboom March 13, Budapest 1
  • 2. @janjongboom 2
  • 3. You already have created an app 3
  • 4. Embrace the phone 4
  • 5. The mobile web is broken 5
  • 6. 6
  • 7. We’re back in 1999 7
  • 8. We’re back in 1999 7
  • 9. No AJAX?! 8
  • 10. -webkit-prefix 9
  • 11. Let’s open up the mobile web 10
  • 12. Firefox OS app = website + W3Cproposed phone APIs 11
  • 13. 12
  • 14. 13
  • 15. The web is awesome 14
  • 16. So let’s get going...(nothing fancy yet) 15
  • 17. 16
  • 18. 17
  • 19. 18
  • 20. “Firefox OS Simulator” 19
  • 21. 20
  • 22. 21
  • 23. 21
  • 24. http://localhost:8081/ manifest.webapp 21
  • 25. 22
  • 26. 22
  • 27. 23
  • 28. Firefox OS nagyonegyszerű! 24
  • 29. Now get funky! 25
  • 30. 26
  • 31. 27
  • 32. Unleash the power of WebAPIs 28
  • 33. Regular APIs• Vibration • PushNotifications• ScreenOrientation • WebFMApi• GeoLocation • WebPayment• MouseLock • IndexedDB• OpenWebApps • AmbientLightSensor• NetworkInformation • ProxyimitySensor• BatteryStatus • Notification• Alarm• WebActivities Yellow = Approved by W3C 29
  • 34. 30
  • 35. 31
  • 36. 32
  • 37. 33
  • 38. 34
  • 39. I only usecertified APIs! 35
  • 40. Certified APIs• WebTelephony • WebBluetooth• WebSMS • PermissionsAPI• IdleAPI • NetworkStatsAPI• SettingsAPI • CameraAPI• PowerManagementAPI • Time/ClockAPI• MobileConnectionAPI • Attentionscreen• WiFiInformationAPI • Voicemail Requires certification process 36
  • 41. Your phone is aware of yoursurroundings, take advantage! 37
  • 42. https://github.com/robnyman/ Firefox-OS-Boilerplate-App 38
  • 43. Application bus 39
  • 44. Hey I need an image!Sure, I can provide you with one! 40
  • 45. Web activities 41
  • 46. I NEED AN ADULT! 42
  • 47. https://developer.mozilla.org/en-US/docs/WebAPI 43
  • 48. Offline 44
  • 49. Dealing with offline• Have the necessary application files available• Cache server side data• Store app state on device 45
  • 50. Storing data• Local Storage• IndexedDB• Limited storage! • Manifest file can increase 46
  • 51. Two types of apps• Hosted • Assets on the server • Cacheable via appcache• Packaged • ZIP archive with assets 47
  • 52. Caching with appcache 48
  • 53. 49
  • 54. 49
  • 55. 49
  • 56. 49
  • 57. 49
  • 58. 50
  • 59. ZIP• One big zip file• Resources loaded from zip file• Still requires manifest file 51
  • 60. One more thing... 52
  • 61. The app manifest file • Part of your packaged app • Has metadata (name, description, version) • Can define required permissionshttps://marketplace.firefox.com/developers/docs/manifests 53
  • 62. 54
  • 63. 54
  • 64. 54
  • 65. 54
  • 66. Get hacking! 55
  • 67. Questions?http://bit.ly/ffos-budapest github.com/janjongboom 56