Firefox OS 1.1 L'autre systeme pour smartphone

1.1
Firefox OS
L'autre système pour smartphone

16/11/13

1/34

Sommaire
✔

Le pourquoi

✔

Le comment

✔

Structure

✔

Démo

✔

Le +

Le pourquoi

Apporter l'ouverture du web
pour les appareils mobiles (devices)

De nos jours
Apple

Google

Microsoft

Donc
✔

Navigation par onglets

✔

Gestion mémoire

✔

✔

Créer vos applications
personnalisées et
différencier UX
Tout en application Web

➢

➢

GAIA

GECKO

GONK

https://mdn.mozillademos.org/files/4605/FirefoxOS.png

Architecture
✔

Couche basse

✔

Kernel Linux + Hardware

✔

Abstraction Layer (HAL)

GONK

Architecture
✔
➢

GONK

➢

GECKO

Exécution des applications

(runtime)
Mécanisme de lancement dans
Firefox pour HTML 5, CSS &
Javascript
✔

✔

Gestion des API

Architecture
➢

GONK

✔

Interface utilisateur

➢

GECKO

✔

Construction API Full Web

➢

GAIA

✔

HTML 5 + open Web

Création API... ALCHIMIE

Index.html

<!DOCTYPE html>
<html>
  <head>

    <meta charset="utf8">
    <title>ALCHIMIE sur Firefox OS</title>
    <meta name="viewport"
content="width=devicewidth">
    <link rel="stylesheet" href="css/osdc.css">

p {
background: #dddddd;
fontweight:bold;
color:#FF0000;
height:200px;
lineheight:200px;
textalign:center;
}

  </head>
  <body>
    <div id="container">
        <p>ALCHIMIE</p>
        X

#container{
position:absolute;
textalign:center;
lineheight: 200px;
position:relative;

    </div>

border:2px solid #000000;

  </body>

verticalalign:center;

</html>

}

*.css

Manifest.webapp
{

"installs_allowed_from": ["*"],

  "version": "1.0",

  "appcache_path": "/cache.manifest",

  "name": "ALCHIMIE",
  "description": "Alchimie",
  "launch_path": "/index.html",
  "icons": {

  "locales": {
    "fr": {
      "description": "Alchimie",

    "16": "/img/icons/alchimie16.png",

      "developer": {

    "48": "/img/icons/alchimie48.png",

        "url": "http://www.triplea.fr/alchimie"

    "128": "/img/icons/alchimie128.png"

      }

  },
  "developer": {
    "name": "Hello / Sector One",
    "url": "http://www.hellodesign.fr"
  },

    }
  },
  "default_locale": "en"
}

Demo... Simulator

https://addons.mozilla.org/fr/firefox/addon/firefox-os-simulator/

Validateur

https://marketplace.firefox.com/developers/validator

Marketplace
✔

100 % le contrôle

✔

Pas d'intermédiaire

✔

Chez vous

✔

Déporté

✔

Sur la market

Marketplace

https://marketplace.firefox.com/

Web applications : mode vibreur

+ Web APIs

Vibration
// 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);

Composants → web applications

1.1
●

Android 4.0 +

●

Basé sur Firefox 24

●

Améliorations....
–
–

●

CSS / HTML / JS
DOM / mathML

Des mobiles disponibles

Appareils mobiles
Alcatel One touch fire

ZTE Open

Ete 2013

ZTE Open

Alcatel One touch fire

LG D300

=> 2014

URL ?
http://marketplace.mozilla.org
http://www.mozilla.org/firefoxos
http://wiki.mozilla.org/Gaia/Hacking
https://developer.mozilla.org/enUS/docs/Mozilla/Firefox_OS

Merci

Sources des slides :
Tristan Nitot
Robert Nyman

Firefox OS 1.1 L'autre systeme pour smartphone

Recommandé

Recommandé

Contenu connexe

Tendances

Tendances (12)

Similaire à Firefox OS 1.1 L'autre systeme pour smartphone

Similaire à Firefox OS 1.1 L'autre systeme pour smartphone (20)

Plus de Christophe Villeneuve

Plus de Christophe Villeneuve (20)

Firefox OS 1.1 L'autre systeme pour smartphone