Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Une api web en webapps firefox os - drupalfr

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

  • Login to see the comments

  • Be the first to like this

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/

×