Meetup Drupal Paris Mai 2015
Une API Web en WebApps
Christophe Villeneuve
@hellosct1 
@neuros_paris
&
@drupalfr @firef...
Meetup Drupal Paris Mai 2015
Firefox OS, c'est ?
● Architecture 3 niveaux
 → Gonk / Gecko / Gaia
● Formats ouverts du Web
...
Meetup Drupal Paris Mai 2015
Compétences
● Web
● Techniques
https://developer.mozilla.org/en­US/docs/Web/Tutorials
Meetup Drupal Paris Mai 2015
Contrôle APPs
­ Multitouch
­ WebTelephony
­ WebSMS
­ Geolocalisation
­ Battery API
­ WebNFC
­...
Meetup Drupal Paris Mai 2015
Exemple
www.drupalfr.org
   
Meetup Drupal Paris Mai 2015
Appareils mobiles (Quelques modèles)
Alcatel One Touch
Flame
ZTE 
Open C
GeeksPhone Intex...
   
Meetup Drupal Paris Mai 2015
Icônes
Ex : Firefox OS 2.x Pour nous
● icone­16.png
● icone­32.png
● icone­48.png
● icone...
   
Meetup Drupal Paris Mai 2015
{
  "version": "1.0",
  "name": "DrupalFR",
  "description": "Drupal France et Francophon...
   
Meetup Drupal Paris Mai 2015
CACHE MANIFEST
# Version 1.0
CACHE:
/css/all.css
/js/lib/all.js
/js/all.js
/index.html
Ma...
   
Meetup Drupal Paris Mai 2015
<!DOCTYPE html>
<html>
<head>
<meta charset="utf­8">
<title>Drupal France et Francophonie...
   
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 2015
https://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 2015
https://marketplace.firefox.com/
Marketplace
   
Meetup Drupal Paris Mai 2015
En  résumé
● Pas de modules (pour l'instant)
● Respecter les formats ouverts et les stand...
Meetup Drupal Paris Mai 2015
Merci
● Présentation de
Christophe Villeneuve
<<
@hellosct1
● Liens : 
http://firefoxos.mozfr...
Prochain SlideShare
Chargement dans…5
×

Une api web en webapps firefox os - drupalfr

825 vues

Publié le

Présentation au Meetup Drupal Paris de Mars 2015 : rendre une API Web en WebAPPs Firefox OS par Christophe Villeneuve

Publié dans : Internet
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

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

Aucune remarque pour cette diapositive

Une api web en webapps firefox os - drupalfr

  1. 1.     Meetup Drupal Paris Mai 2015 Une API Web en WebApps Christophe Villeneuve @hellosct1  @neuros_paris & @drupalfr @firefoxosfr
  2. 2. 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
  3. 3. Meetup Drupal Paris Mai 2015 Compétences ● Web ● Techniques https://developer.mozilla.org/en­US/docs/Web/Tutorials
  4. 4. 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
  5. 5. Meetup Drupal Paris Mai 2015 Exemple www.drupalfr.org
  6. 6.     Meetup Drupal Paris Mai 2015 Appareils mobiles (Quelques modèles) Alcatel One Touch Flame ZTE  Open C GeeksPhone Intex  Cloud FX Et beaucoup d'autres disponibles :  https://www.mozilla.org/fr/firefox/os/devices/
  7. 7.     Meetup Drupal Paris Mai 2015 Icônes Ex : Firefox OS 2.x Pour nous ● icone­16.png ● icone­32.png ● icone­48.png ● icone­64.png ● icone­128.png ● icone­512.png
  8. 8.     Meetup Drupal Paris Mai 2015 {   "version": "1.0",   "name": "DrupalFR",   "description": "Drupal France et Francophonie",   "launch_path": "/index.html",   "icons": {     "48": "/img/icons/drupalfr­48.png",     "128": "/img/icons/drupalfr­128.png",     "512": "/img/icons/drupalfr­512.png"   },   "developer": {     "name": "Christophe Villeneuve",     "url": "http://www.hello­design.fr"   },     "installs_allowed_from": [     "*"   ],   "appcache_path": "/cache.manifest",   "locales": {     "fr": {       "description": "Drupal France et Francophonie",       "developer": {         "url": "http://www.hello­design.fr"       }     }   },   "default_locale": "en" } Manifest.webapp https://developer.mozilla.org/en­US/Apps/Build/Manifest Options possibles :  ­ Fullscreen ­ Permission ­ Orientation ­ Serveur ­ Etc.
  9. 9.     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
  10. 10.     Meetup Drupal Paris Mai 2015 <!DOCTYPE html> <html> <head> <meta charset="utf­8"> <title>Drupal France et Francophonie</title> <meta name="description" content=""> <meta name="viewport" content="width=device­width">    <meta http­equiv="refresh" content="5;url=http://www.drupalfr.org">    </head> <body> <p>Drupal France et Francophonie</p> <p>Loading...</p> </body> </html>  Index.html
  11. 11.     Meetup Drupal Paris Mai 2015 Structure (1/2) Firefox OSWeb
  12. 12.     Meetup Drupal Paris Mai 2015 Structure (2/2) Drupal /! Apache
  13. 13.     Meetup Drupal Paris Mai 2015 Résultat Simulateur (WebIDE Firefox)
  14. 14.     Meetup Drupal Paris Mai 2015 https://marketplace.firefox.com/developers/
  15. 15.     Meetup Drupal Paris Mai 2015 https://marketplace.firefox.com/developers/validator Validateur
  16. 16.     Meetup Drupal Paris Mai 2015 Déployer votre API https://marketplace.firefox.com/developers/submit/
  17. 17.     Meetup Drupal Paris Mai 2015 https://marketplace.firefox.com/ Marketplace
  18. 18.     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... 
  19. 19. Meetup Drupal Paris Mai 2015 Merci ● Présentation de Christophe Villeneuve << @hellosct1 ● Liens :  http://firefoxos.mozfr.org https://www.mozilla.org/fr/firefox/os/

×