![Web App
Development
Firefox OS
Nagy Gergő
Hungarian Firefox OS Engagement team
Dev Team Lead
gergo.istvan.nagy [at] mozilla [dot] hu
Nyári egyetem
2013.07.24-25.](https://image.slidesharecdn.com/ffos-nye13-130726115433-phpapp02/85/FirefoxOS-Web-App-development-CID-Nyari-Egyetem-2013-1-320.jpg)
Empfohlen
Weitere ähnliche Inhalte
Was ist angesagt?
Was ist angesagt? (15)
Andere mochten auch
Ähnlich wie #FirefoxOS Web App development@CID Nyári Egyetem 2013
Ähnlich wie #FirefoxOS Web App development@CID Nyári Egyetem 2013 (20)
Mehr von daf182
Kürzlich hochgeladen
Kürzlich hochgeladen (20)
#FirefoxOS Web App development@CID Nyári Egyetem 2013
- 1. Web App Development Firefox OS Nagy Gergő Hungarian Firefox OS Engagement team Dev Team Lead gergo.istvan.nagy [at] mozilla [dot] hu Nyári egyetem 2013.07.24-25.
- 2. The Fox has been launched!
- 3. - Firefox OS has been officially launched on 2nd July in Spain! - ZTE Open handset
- 4. - Firefox OS has been officially launched on 12nd July in Poland! - Alcatel One touch fire handset
- 8. + Web APIs
- 10. Development
- 11. Application development steps • edit html and css files to create UI • implement application logic in javascript • write manifest for the OS • open your manifest in the simulator
- 12. Manifest files
- 16. Let's write the application! Hello world!
- 17. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Hello NYE13!</title> </head> <body> <h1>Hello Nyári Egyetem 2013!</h1> </body> </html>
- 18. { "version": "0.1", "name": "HelloNYE", "description": "Firefox OS Open Web App", "launch_path": "/index.html", "developer": { "name": "Gergo Nagy" }, "icons": { "60" : "/image/icons/icon-60.png" } }
- 20. Security model
- 21. APIs • for telephony • for device handling • for standard web development
- 23. App A App B Cookie A, IndexedDB A, Localstorage A Cookie B, IndexedDB B, Localstorage B Sandboxes
- 24. iframes are back iframe - SMS iframe - keyboard Firefox OS – System iframe
- 25. App App download install get App may communicate with the same origin
- 26. App may communicate with services App App installinstall download
- 27. app://identifier/path/withi n/zipfile/file.html The identifier is a uuid generated at install time.
- 28. What is the situation with the camera?
- 29. Is there any way to get a photo with my application?
- 30. Application bus MozActivities Similar to Intents on Android
- 31. var activity = new MozActivity({ name: "pick", data: { type: "image/jpeg" } });
- 32. More about security and app lifcycle: https://wiki.mozilla.org/Apps/Security
- 33. Testing
- 34. Testing opportunities: • Use a real phone • Use the simulator
- 35. The easiest way is the simulator: • available as simple Firefox Add-on • manifest file validation • receipt testing • remote debugging • remote console • push to device
- 37. Debug
- 41. What about the stylessheets?
- 44. Documentation
- 47. Marketplace
- 49. Publication methods • Hosted apps • Packaged apps
- 51. About payments check this on MDN: https://developer.mozilla.org/en- US/docs/Web/Apps/Publishing/Marketplace_ Payments
- 52. Announcements
- 53. Apply today! Partner program for Hungarian Firefox OS developers http://itcafe.hu/hir/mozilla_firefox_os_partnerp rogram.html
- 54. Apply today! Telenor Firefox OS application dev competition http://itcafe.hu/hir/firefox_os_app_verseny.ht ml
- 55. Join today! Google+ group for Hungarian DevHub http://goo.gl/FdynYM
- 56. Thanks for watching! Nagy Gergő Hungarian Firefox OS Engagement team Dev Team Lead gergo.istvan.nagy [at] mozilla [dot] hu Nyári egyetem 2013.07.24-25.
- 57. Links