Firefox OS
L'autre système pour smartphone
Christophe Villeneuve
@hellosct1
Christophe
Villeneuve
Qui ?
Le 5 octobre 2013
✔
Le pourquoi
✔
Le comment
✔
Structure
✔
Démo
✔
Le +
Sommaire
Le 5 octobre 2013
Apporter l'ouverture du web
pour les appareils mobiles (devices)
Le pourquoi
Le 5 octobre 2013
Avant
Le 5 octobre 2013
Apple Google Microsoft
De nos jours
Le 5 octobre 2013
En résumé de nos jours
Le 5 octobre 2013
Web mobile
Le 5 octobre 2013
✔
Navigation par onglets
✔
Gestion mémoire
✔
Créer vos applications 
personnalisées et 
différencier UX
...
Le 5 octobre 2013
https://mdn.mozillademos.org/files/4605/FirefoxOS.png
GONK
➢
GECKO
➢
GAIA
Le 5 octobre 2013
GONK
✔
 Couche basse
✔
 Kernel Linux + Hardware
✔
 Abstraction Layer (HAL) 
Architecture
Le 5 octobre 2013
➢
GONK
➢
GECKO
✔
 Exécution des applications 
(runtime)
✔
 Mécanisme de lancement dans 
Firefox pour HTM...
Le 5 octobre 2013
➢
GONK
➢
GECKO
➢
GAIA
✔
 Interface utilisateur
✔
 Construction API Full Web
✔
 HTML 5 + open Web
Archite...
Le 5 octobre 2013
Application web
Le 5 octobre 2013
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf­8">
    <title>OSDC sur Firefox OS</title>
    <m...
Le 5 octobre 2013
Résultat
Le 5 octobre 2013
{
  "version": "1.0",
  "name": "OSDC",
  "description": "OSDC sur Firefox OS",
  "launch_path": "/index...
Le 5 octobre 2013
Résultat
Le 5 octobre 2013
https://addons.mozilla.org/fr/firefox/addon/firefox-os-simulator/
Demo... Simulator
Le 5 octobre 2013
https://marketplace.firefox.com/developers/validator
Validateur
Le 5 octobre 2013
✔
100 % le contrôle
✔
Pas d'intermédiaire
✔
Chez vous
✔
Déporté
✔
Sur la market
Marketplace
Le 5 octobre 2013
https://marketplace.firefox.com/
Marketplace
Le 5 octobre 2013
+ Web APIs
Web applications : mode vibreur
Le 5 octobre 2013
// vibre 1 seconde
navigator.vibrate(1000);
// effet viration (pattern[vibration, pause...]
navigator.vi...
Le 5 octobre 2013
Composants → web applications
Le 5 octobre 2013
ZTE Open
Alcatel One touch fire
Appareils mobiles
Le 5 octobre 2013
Ete 2013
Le 5 octobre 2013
http://marketplace.mozilla.org
http://www.mozilla.org/firefoxos
http://wiki.mozilla.org/Gaia/Hacking
URL...
Le 5 octobre 2013
Sources des slides : 
Tristan Nitot
Robert Nyman
Merci
Firefox OS - l'autre système pour smartphone‎
Firefox OS - l'autre système pour smartphone‎
Firefox OS - l'autre système pour smartphone‎
Prochain SlideShare
Chargement dans…5
×

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

886 vues

Publié le

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

0 commentaire
2 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
886
Sur SlideShare
0
Issues des intégrations
0
Intégrations
2
Actions
Partages
0
Téléchargements
13
Commentaires
0
J’aime
2
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

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

×