1. Firefox OS Product Summary by Tomoya Asai (dynamis)

2. about:me 3. Tomoya ASAI Mozilla Japan Technical Marketing (Evangelist)dynamis @ community dynamis.jp @dynamitter facebook.com/dynamis mailto: Tomoya ASAI 4. Firefox OS 5. 6. 7. 8. 9. Firefox MarketplaceFirefox 10. !Firefox OS - Web is the Platform Web = Web = Web API Web 11. Web Web HTML/CSS/JS API W3C C asm.js WebGL DOMCrypt Web 12. Khronos otherWebG LWHATWGHTML5 ParserWeb MessagingMouse, Key ev.W3CHTML5XHTML5GeolocationSVGCanva sMulti Media HTML5 FormsSMILWeb SocketsOine SupportMicroDataOGP Math MLIETFWeb SocketsSPDY XHR2DOM4DNTFileAP IECMA ScriptCSPECMA Indexed DBWeb Storage Web WorkersHTML RSSOrientationServerSent ev.WAIARIASemantic ElementsVibrationLayou tMedia QueriesCSS3~Trans form XPath Anim ation WOFFRegion sFilters 13. KhronosWebC LotherWebG LWHATWGHTML5 ParserWeb MessagingMouse, Key ev.W3CHTML5XHTML5GeolocationSVGCanva sMulti Media HTML5 FormsSMILOine SupportMicroDataOGP RSS RDFMath MLDOM4OpusH.264Web SocketsWeb AudioWeb RTCIETF SPDY XHR2CSPECMA Indexed DBLayou tCSS3~Trans form XPath Anim ation WOFFFlex BoxRegion sFiltersNet InfoTelRadioNFCECMA 6thWeb SQLMedia QueriesNoticationTCP SocketDNTFileAP IECMA ScriptWeb Storage Web WorkersHTML Schema .orgOrientationWeb SocketsMP3WebmServerSent ev.WAIARIASemantic ElementsVibrationDevice StorageFile Sys ProximityUSB Battery Status 14. ( ...) SMS ... Web 15. Firefox OS : Tizen : Android Web Web Packaged WebWeb Platform DeviceAPISystemAPIWeb Web Native Web Native Framework Framework DeviceAPIOS Java Native LibraryApp Framework DalvikWebRTetc..Android RuntimeWebKitX.org etc.WebKitNative Interface SGL etc.Gecko & HAL & HAL & HAL Web 16. C (asm.js)asm.js JavaScript C 2 (Java C# ) 2013/03 - http://kripken.github.io/mloc_emscripten_talk/#/19 17. C (asm.js)Firefox JavaScript (asm.js ) C 2013/09 - http://kripken.github.io/mloc_emscripten_talk/sloop.html#/7 18. : Box2D Box2D C 2 !Chrome IE JS asm.js Java CrossBridge (Flash C++ Compiler) 2013/07 - http://kripken.github.io/mloc_emscripten_talk/sloop.html#/8 19. : Unreal Engine 3100 C & OpenGL 5 LLVM + Emscripten JavaScript (asm.js) epic CITADEL http://www.unrealengine.com/html5/ 20. ! 18 KDDI, Telefnica, Deutsche TelekomTelenor... Qualcomm, ARM ZTE, Alcatel, LG, Huawei, Sony Foxconn... 21. 8 72 Telefnica ZTE Open 69 () 30 712 81 () 22. 23. ZTE Open & Alcatel One Touch Fire 24. !ZTE Open : Size: 114 x 62 x 12.5 mm Display: 3.5 inch HVGA CPU: MSM7225A 1 GHz (Cortex-A5, Adreno 200) RAM: 256 MB ROM: 512 MB http://www.ztedevices.com/product/smart_phone/2bcf2d56-0c9a-4129-a25c- 25. !Alcatel One Touch Fire : Size: 115 x 62.3 x 12.2 mm Display: 3.5 inch HVGA CPU: MSM7227A 1 GHz (Cortex-A5, Adreno 200) RAM: 256 MB ROM: 512 MB http://www.alcatelonetouch.com/global-en/products/smartphones/one_touch_fire.html 26. 10 Firefox OS 1.1 Telefnica 10/22: 10/31: Deutsche Telekom Telenor 2013~2014 http://mozilla.jp/blog/entry/10310/ 27. LG Fireweb (D300) : Size: 113.8 x 66.5 x 9 mm Display: 4 inch HVGA CPU: 1 GHz () Memory: 2 GB (4GB)http://www.vivo.com.br/firefoxos/ 28. Firefox OS 12 Firefox OS 1.2 Android 4.3 Firefox 26 Firefox OS 1.3 WebRTC, NFC, DataStore etcUX https://wiki.mozilla.org/B2G/Roadmap 29. App Manager & Simulator 30. Firefox Firefox Nightly Firefox OS 1.2 10 Firefox OS 1.2, 1.3 Nightly 31. Web Firefox 26 32. Web Developer App Manager 33. Firefox OS 1.2, 1.3 Simulator ADB Helper https://ftp.mozilla.org/pub/mozilla.org/labs/fxos-simulator/ 34. [Start Simulator] 35. Firefox OS 1.2 Simulator 36. Firefox OS 1.3 Simulator 37. Apps Dev 38. Firefox OS Web Web Web !! 39. Firefox OS 40. Web or Firebug etc.manifest JSON Android Firefox https://github.com/dynamis/firefoxos/wiki/simulator 41. + manifest.webapp 1. manifest.webapp 42. ! (manifest.webapp)https://developer.mozilla.org/en-US/docs/Apps/Manifest 43. Apps Add App 44. UPDATE DEBUG 45. 46. Appendix 47. Install on Android 48. Android Web Web App = Native App Firefox = WebRT (RunTime) OS Web 49. Android Firefox 1. 2. Firefox 3. 4. Hosted App Android Firefox 50. install() var Apps = navigator.mozApps; Apps.install(url) manifest URL Apps API: Apps.getSelf(), Apps.getInstalled() Apps.installPackage(url) https://developer.mozilla.org/en-US/docs/Apps/Apps_JavaScript_API 51. navigator.mozApps.install!https://developer.mozilla.org/en-US/docs/Apps/Apps_JavaScript_API 52. Hosted App & Packaged App 53. Hosted (Web ) OS Web Hosted Web Server InternetPackaged () ZIP Packaged Web : https://developer.mozilla.org/ja/docs/Web/Apps/Packaged_apps 54. ZIP Packaged App ZIP + package.manifest 1. manifest.webapp Hosted Apps 2. ZIP manifest.webapp 3. package.manifest mini manifest 55. !mini manifest (package.manifest)https://developer.mozilla.org/en-US/docs/Web/Apps/Packaged_apps 56. (Packaged) installPackage() var Apps = navigator.mozApps; Apps.installPackage(url) mini manifest URL https://developer.mozilla.org/en-US/docs/Apps/Apps_JavaScript_API 57. !navigator.mozApps.installPackage!https://developer.mozilla.org/en-US/docs/Apps/Apps_JavaScript_API 58. More about App Dev 59. Firefox 1.1 UI Content Security Policy Privileged CSP Firefox OS 1.1 manifest chrome () 60. Simulator API Telephony WebSMS WebBluetooth Ambient Light Proximity Network Information Vibration 61. SD Package Marketplace 62. Firefox OS Web ContentWeb (Web )Installed WebWeb UI PackagedPlain PackagedWeb ZIP Privileged Certied Hosted !!( OS ) 63. API Web ContentPC Android (IndexedDB) Installed WebOS Push Web Activities API Plain Packaged API (Installed Web )PrivilegedSD CORS XHRTCP SocketCertiedSMS BluetoothBackground Service 64. Content Security Policy Same Origin Policy () Web (CORS )Content Security Policy JavaScriptCSS XSS : https://developer.mozilla.org/en-US/docs/Security/CSP 65. CSP Privileged, Certied CSP Web JavaScript Privileged : default-src *; script-src 'self'; object-src 'none'; style-src 'self' 'unsafe-inline'Certied : default-src *; script-src 'self'; object-src 'none'; style-src 'self'JavaScriptCSS () CSP Manifest : https://developer.mozilla.org/ja/docs/Web/Apps/Packaged_apps 66. Building Blocks 67. Building Blocks (UI ) Gaia (Firefox OS ) Apps http://buildingrefoxos.com/ OK SDK/Library Web http://buildingfirefoxos.com/