Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

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

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

  • Be the first to comment

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

    Be the first to comment

    Login to see the comments

  • thierrymarianne

    Oct. 12, 2013
  • YvesForrestKouakou

    Feb. 3, 2015

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

Views

Total views

1,423

On Slideshare

0

From embeds

0

Number of embeds

2

Actions

Downloads

14

Shares

0

Comments

0

Likes

2

×