View
295
Download
0
Category
Preview:
Citation preview
Meetup Drupal Paris Mai 2015
Une API Web en WebApps
Christophe Villeneuve@hellosct1
@neuros_paris
&
@drupalfr @firefoxosfr
Meetup Drupal Paris Mai 2015
Firefox OS, c'est ?
● Architecture 3 niveaux
→ Gonk / Gecko / Gaia
● Formats ouverts du Web● Boutique ouverte
→ Market Place
→ 100 % le contrôle● Besoin de contrôler ses données / contenus
● Lancé en 2013
● Mozilla
● Le WEB sur Smartphone
● WebAPPs
Meetup Drupal Paris Mai 2015
Compétences
● Web
● Techniques
https://developer.mozilla.org/enUS/docs/Web/Tutorials
Meetup Drupal Paris Mai 2015
Contrôle APPs
Multitouch WebTelephony WebSMS Geolocalisation Battery API WebNFC WebVibration
WebContacts FullScreen API Settings API WebUSB Camera WebBluetooth WebGL
Meetup Drupal Paris Mai 2015
Exemple
www.drupalfr.org
Meetup Drupal Paris Mai 2015
Appareils mobiles (Quelques modèles)
Alcatel One TouchFlame
ZTE Open C
GeeksPhone Intex Cloud FX
Et beaucoup d'autres disponibles :
https://www.mozilla.org/fr/firefox/os/devices/
Meetup Drupal Paris Mai 2015
Icônes
Ex : Firefox OS 2.x Pour nous
● icone16.png
● icone32.png
● icone48.png
● icone64.png
● icone128.png
● icone512.png
Meetup Drupal Paris Mai 2015
{
"version": "1.0",
"name": "DrupalFR",
"description": "Drupal France et Francophonie",
"launch_path": "/index.html",
"icons": {
"48": "/img/icons/drupalfr48.png",
"128": "/img/icons/drupalfr128.png",
"512": "/img/icons/drupalfr512.png"
},
"developer": {
"name": "Christophe Villeneuve",
"url": "http://www.hellodesign.fr"
},
"installs_allowed_from": [
"*"
],
"appcache_path": "/cache.manifest",
"locales": {
"fr": {
"description": "Drupal France et Francophonie",
"developer": {
"url": "http://www.hellodesign.fr"
}
}
},
"default_locale": "en"
}
Manifest.webapp
https://developer.mozilla.org/enUS/Apps/Build/Manifest
Options possibles : Fullscreen Permission Orientation Serveur Etc.
Meetup Drupal Paris Mai 2015
CACHE MANIFEST
# Version 1.0
CACHE:
/css/all.css
/js/lib/all.js
/js/all.js
/index.html
Manifest.appcache
Meetup Drupal Paris Mai 2015
<!DOCTYPE html>
<html>
<head>
<meta charset="utf8">
<title>Drupal France et Francophonie</title>
<meta name="description" content="">
<meta name="viewport" content="width=devicewidth">
<meta httpequiv="refresh" content="5;url=http://www.drupalfr.org">
</head>
<body>
<p>Drupal France et Francophonie</p>
<p>Loading...</p>
</body>
</html>
Index.html
Meetup Drupal Paris Mai 2015
Structure (1/2)
Firefox OSWeb
Meetup Drupal Paris Mai 2015
Structure (2/2)
Drupal
/!\ Apache
Meetup Drupal Paris Mai 2015
Résultat Simulateur (WebIDE Firefox)
Meetup Drupal Paris Mai 2015https://marketplace.firefox.com/developers/
Meetup Drupal Paris Mai 2015
https://marketplace.firefox.com/developers/validator
Validateur
Meetup Drupal Paris Mai 2015
Déployer votre API
https://marketplace.firefox.com/developers/submit/
Meetup Drupal Paris Mai 2015https://marketplace.firefox.com/
Marketplace
Meetup Drupal Paris Mai 2015
En résumé
● Pas de modules (pour l'instant)● Respecter les formats ouverts et les standards● Faites le Web comme vous...
Meetup Drupal Paris Mai 2015
Merci
● Présentation de
Christophe Villeneuve
<<
@hellosct1
● Liens :
http://firefoxos.mozfr.org
https://www.mozilla.org/fr/firefox/os/
Recommended