Introduction aux Open Web Apps

Antoine Duparay - antoine.duparay@mozfr.org

Introduction aux Open Web Apps

~$ whoami
>Antoine Duparay

  • En dernière année à l'ENSIMAG à Grenoble
  • Passionné par les usages du Web d'aujourd'hui et de demain
  • Et les interactions utilisateurs / entreprises qui en découlent
  • Contributeur Mozilla !

Choose your level

Définition

Qu'est ce qu'une WebApps ?
Une application créée avec les technologies du web

  • Un site web
  • Un fichier manifest
  • Et C'EST TOUT !

Tell me more !

Les avantages

  • Développée une fois, accessible partout
  • Langages, environnement, technologies... connus de tous (ou presque)
  • Mises à jour ultra simplifiées
  • Plus de dépendance à un marketplace (!coûts, !contraintes, !censure)

Les inconvénients

  • Des efforts à faire sur les performances
  • Attention à la sécurité
  • Run everywhere : pour l'instant, Firefox only

Comment ça marche ? Le manifest

  • Mais aussi...
  • les permissions
  • l'orientation
  • le fullscreen
  • le cache
  • le type
  • la version
  • ...Tell me more !
				{
				  "name": "My App",
				  "description": "My awesome app",
				  "launch_path": "/",
				  "icons": {
				    "128": "/img/icon-128.png"
				  },
				  "developer": {
				    "name": "Your name or organization",
				    "url": "http://your-homepage-here.org"
				  },
				  "default_locale": "en"
				}
			

Comment ça marche ?
L'installation

  • Un bout de JavaScript
  • Sur son propre site web
  • Sur le Mozilla MarketPlace
  • Est installé et géré par Firefox

Tell me more !

Comment ça marche ?
L'accès au matériel

  • API Javascript
  • En cours de standardisation au W3C
  • Pour pratiquement tout !
    Bluetooth, appareil photo, vibreur, géolocalisation...

Comment ça marche ?
Exemple sur Android

  • Permissions entre la WebApp et Firefox
  • Demandées à chaque fois / se souvenir
  • Permissions entre Firefox et Android
  • Demandées à l'installation, toutes ou aucune
  • Tell me more !
WebApps (locale ou distante)
Firefox / Gecko
Android
Hardware

Ouverture : Firefox OS

Gaia / WebApps UI
[HTML5/CSS3/JS]
Gecko Moteur de rendu [C++]
Gonk Kernel Linux Minimal [C]

Tell me more !

Des questions ?

Crédits