Une api web en webapps firefox os - drupalfr

786 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
786
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/

×