Firefox OS - l'autre système pour smartphone‎

973 views

Published on

Présentation effectuée à l'OSDC & Open World Forum 2013 - Track Code par Christophe Villeneuve

0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
973
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
13
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Firefox OS - l'autre système pour smartphone‎

  1. 1. Firefox OS L'autre système pour smartphone Christophe Villeneuve @hellosct1
  2. 2. Christophe Villeneuve Qui ?
  3. 3. Le 5 octobre 2013 ✔ Le pourquoi ✔ Le comment ✔ Structure ✔ Démo ✔ Le + Sommaire
  4. 4. Le 5 octobre 2013 Apporter l'ouverture du web pour les appareils mobiles (devices) Le pourquoi
  5. 5. Le 5 octobre 2013 Avant
  6. 6. Le 5 octobre 2013 Apple Google Microsoft De nos jours
  7. 7. Le 5 octobre 2013 En résumé de nos jours
  8. 8. Le 5 octobre 2013 Web mobile
  9. 9. Le 5 octobre 2013 ✔ Navigation par onglets ✔ Gestion mémoire ✔ Créer vos applications  personnalisées et  différencier UX ✔ Tout en application Web Donc
  10. 10. Le 5 octobre 2013 https://mdn.mozillademos.org/files/4605/FirefoxOS.png GONK ➢ GECKO ➢ GAIA
  11. 11. Le 5 octobre 2013 GONK ✔  Couche basse ✔  Kernel Linux + Hardware ✔  Abstraction Layer (HAL)  Architecture
  12. 12. Le 5 octobre 2013 ➢ GONK ➢ GECKO ✔  Exécution des applications  (runtime) ✔  Mécanisme de lancement dans  Firefox pour HTML 5, CSS &  Javascript ✔  Gestion des API Architecture
  13. 13. Le 5 octobre 2013 ➢ GONK ➢ GECKO ➢ GAIA ✔  Interface utilisateur ✔  Construction API Full Web ✔  HTML 5 + open Web Architecture
  14. 14. Le 5 octobre 2013 Application web
  15. 15. Le 5 octobre 2013 <!DOCTYPE html> <html>   <head>     <meta charset="utf­8">     <title>OSDC sur Firefox OS</title>     <meta name="viewport"  content="width=device­width">     <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; font­weight:bold; color:#FF0000; height:200px; line­height:200px; text­align:center; } #container{  position:absolute;   text­align:center; line­height: 200px; position:relative; border:2px solid #000000;   vertical­align:center; }  Index.html *.css Création API... OSDC
  16. 16. Le 5 octobre 2013 Résultat
  17. 17. Le 5 octobre 2013 {   "version": "1.0",   "name": "OSDC",   "description": "OSDC sur Firefox OS",   "launch_path": "/index.html",   "icons": {     "16": "/img/icons/osdc­16.png",     "48": "/img/icons/osdc­48.png",     "128": "/img/icons/osdc­128.png"   },   "developer": {     "name": "Hello / Sector One",     "url": "http://www.hello­design.fr"   },   "installs_allowed_from": ["*"],   "appcache_path": "/cache.manifest",   "locales": {     "fr": {       "description": "OSDC",       "developer": {         "url": "http://www.osdc.fr"       }     }   },   "default_locale": "en" } Manifest.webapp
  18. 18. Le 5 octobre 2013 Résultat
  19. 19. Le 5 octobre 2013 https://addons.mozilla.org/fr/firefox/addon/firefox-os-simulator/ Demo... Simulator
  20. 20. Le 5 octobre 2013 https://marketplace.firefox.com/developers/validator Validateur
  21. 21. Le 5 octobre 2013 ✔ 100 % le contrôle ✔ Pas d'intermédiaire ✔ Chez vous ✔ Déporté ✔ Sur la market Marketplace
  22. 22. Le 5 octobre 2013 https://marketplace.firefox.com/ Marketplace
  23. 23. Le 5 octobre 2013 + Web APIs Web applications : mode vibreur
  24. 24. 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
  25. 25. Le 5 octobre 2013 Composants → web applications
  26. 26. Le 5 octobre 2013 ZTE Open Alcatel One touch fire Appareils mobiles
  27. 27. Le 5 octobre 2013 Ete 2013
  28. 28. Le 5 octobre 2013 http://marketplace.mozilla.org http://www.mozilla.org/firefoxos http://wiki.mozilla.org/Gaia/Hacking URL ?
  29. 29. Le 5 octobre 2013 Sources des slides :  Tristan Nitot Robert Nyman Merci

×