Téléchargé 14 fois
![Le 5 octobre 2013
{
"version": "1.0",
"name": "OSDC",
"description": "OSDC sur Firefox OS",
"launch_path": "/index.html",
"icons": {
"16": "/img/icons/osdc16.png",
"48": "/img/icons/osdc48.png",
"128": "/img/icons/osdc128.png"
},
"developer": {
"name": "Hello / Sector One",
"url": "http://www.hellodesign.fr"
},
"installs_allowed_from": ["*"],
"appcache_path": "/cache.manifest",
"locales": {
"fr": {
"description": "OSDC",
"developer": {
"url": "http://www.osdc.fr"
}
}
},
"default_locale": "en"
}
Manifest.webapp](https://image.slidesharecdn.com/firefox-os-131011171040-phpapp01/75/Firefox-OS-l-autre-systeme-pour-smartphone-19-2048.jpg)
![Le 5 octobre 2013
// vibre 1 seconde
navigator.vibrate(1000);
// effet viration (pattern[vibration, pause...]
navigator.vibrate ([200,100,200,100]);
// vibre 5 secondes
navigator.vibrate (5000);
// Mode Off pour Vibration
navigator.vibrate(0);
Vibration](https://image.slidesharecdn.com/firefox-os-131011171040-phpapp01/75/Firefox-OS-l-autre-systeme-pour-smartphone-27-2048.jpg)
Téléchargé parChristophe Villeneuve
Firefox OS - l'autre système pour smartphone
Le document présente Firefox OS, un système d'exploitation mobile visant à ouvrir le web pour les smartphones, avec une architecture composée de Gonk, Gecko et Gaia. Il détaille les fonctionnalités principales comme la navigation par onglets et la gestion des applications web, tout en offrant des exemples d'applications et de composants. En outre, il mentionne des ressources utiles pour les développeurs et des appareils compatibles avec Firefox OS.
Firefox OS - l'autre système pour smartphone
- 1. Firefox OS L'autre systèmepour smartphone Christophe Villeneuve @hellosct1
- 2.
- 3. Le 5 octobre2013 ✔ Le pourquoi ✔ Le comment ✔ Structure ✔ Démo ✔ Le + Sommaire
- 4. Le 5 octobre2013 Apporter l'ouverture du web pour les appareils mobiles (devices) Le pourquoi
- 5. Le 5 octobre2013 Avant
- 6. Le 5 octobre2013 Apple Google Microsoft De nos jours
- 7. Le 5 octobre2013 En résumé de nos jours
- 8. Le 5 octobre2013 Web mobile
- 9. Le 5 octobre2013 ✔ Navigation par onglets ✔ Gestion mémoire ✔ Créer vos applications personnalisées et différencier UX ✔ Tout en application Web Donc
- 11. Le 5 octobre2013 https://mdn.mozillademos.org/files/4605/FirefoxOS.png GONK ➢ GECKO ➢ GAIA
- 12. Le 5 octobre2013 GONK ✔ Couche basse ✔ Kernel Linux + Hardware ✔ Abstraction Layer (HAL) Architecture
- 13. Le 5 octobre2013 ➢ GONK ➢ GECKO ✔ Exécution des applications (runtime) ✔ Mécanisme de lancement dans Firefox pour HTML 5, CSS & Javascript ✔ Gestion des API Architecture
- 14. Le 5 octobre2013 ➢ GONK ➢ GECKO ➢ GAIA ✔ Interface utilisateur ✔ Construction API Full Web ✔ HTML 5 + open Web Architecture
- 16. Le 5 octobre2013 Application web
- 17. Le 5 octobre2013 <!DOCTYPE html> <html> <head> <meta charset="utf8"> <title>OSDC sur Firefox OS</title> <meta name="viewport" content="width=devicewidth"> <link rel="stylesheet" href="css/osdc.css"> </head> <body> <div id="container"> <p>OSDC</p> Open World Forum 2013 </div> </body> </html> p { background: #dddddd; fontweight:bold; color:#FF0000; height:200px; lineheight:200px; textalign:center; } #container{ position:absolute; textalign:center; lineheight: 200px; position:relative; border:2px solid #000000; verticalalign:center; } Index.html *.css Création API... OSDC
- 18. Le 5 octobre2013 Résultat
- 19. Le 5 octobre2013 { "version": "1.0", "name": "OSDC", "description": "OSDC sur Firefox OS", "launch_path": "/index.html", "icons": { "16": "/img/icons/osdc16.png", "48": "/img/icons/osdc48.png", "128": "/img/icons/osdc128.png" }, "developer": { "name": "Hello / Sector One", "url": "http://www.hellodesign.fr" }, "installs_allowed_from": ["*"], "appcache_path": "/cache.manifest", "locales": { "fr": { "description": "OSDC", "developer": { "url": "http://www.osdc.fr" } } }, "default_locale": "en" } Manifest.webapp
- 20. Le 5 octobre2013 Résultat
- 21. Le 5 octobre2013 https://addons.mozilla.org/fr/firefox/addon/firefox-os-simulator/ Demo... Simulator
- 23. Le 5 octobre2013 https://marketplace.firefox.com/developers/validator Validateur
- 24. Le 5 octobre2013 ✔ 100 % le contrôle ✔ Pas d'intermédiaire ✔ Chez vous ✔ Déporté ✔ Sur la market Marketplace
- 25. Le 5 octobre2013 https://marketplace.firefox.com/ Marketplace
- 26. Le 5 octobre2013 + Web APIs Web applications : mode vibreur
- 27. Le 5 octobre2013 // vibre 1 seconde navigator.vibrate(1000); // effet viration (pattern[vibration, pause...] navigator.vibrate ([200,100,200,100]); // vibre 5 secondes navigator.vibrate (5000); // Mode Off pour Vibration navigator.vibrate(0); Vibration
- 28. Le 5 octobre2013 Composants → web applications
- 29. Le 5 octobre2013 ZTE Open Alcatel One touch fire Appareils mobiles
- 30. Le 5 octobre2013 Ete 2013
- 31. Le 5 octobre2013 http://marketplace.mozilla.org http://www.mozilla.org/firefoxos http://wiki.mozilla.org/Gaia/Hacking URL ?
- 32. Le 5 octobre2013 Sources des slides : Tristan Nitot Robert Nyman Merci