Une api web en webapps firefox os - drupalfr

•

0 gostou•1,083 visualizações

Christophe Villeneuve

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

Internet

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 Touch
Flame
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 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 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/

Mais conteúdo relacionado

Destaque

Personnaliser son ordinateurateliernumerique

Centre Raymond-Préfontaine - Présentation du 4 mai 2011Louis-Alexandre Cazal

Red conecta feb2011e-Inclusión Fundación Esplai

La isla de hierro(am)9001020

Caracterizacion de la logisticaandres felipe güiza peñaloza

Matriz valoración proyecto democracia y valores (2)LUZ ELENA GARCIA

Comment monter son cloud prive / public ?ALTER WAY

BienestarMariaAngelesSierra

$Presentacio del fracmento del texto de la artificialidad.$ $Presentacio del fracmento del texto de la artificialidad.$

Presentacio del fracmento del texto de la artificialidad.soledad

Guinée.ainoha.3ºeNuit72

Mujeres Emprendedoras en América Latina y el Caribe: Realidades, obstáculos y...Embajada de EE.UU. en el Perú

Derecho del Trabajo 2010 -2011. Derecho Sindical. Universidad Autónoma de Barcelona

La famille et professionsatoroperez

Análisis del Informe de la Ponencia del Proyecto de Ley de medidas urgentes p...Universidad Autónoma de Barcelona

Posició del grup per tocar pdfmonturiol

BeausauRené Ribeiro

Memoria proyecto educación intercultural 08 09IES El Rincón

Comercio justoIES El Rincón

Instrumento de evaluacion 3 etica y valoresniko03

Interaction webinair google_pandainteraction_multimedia

Destaque (20)

Personnaliser son ordinateur

Centre Raymond-Préfontaine - Présentation du 4 mai 2011

Red conecta feb2011

La isla de hierro(am)

Caracterizacion de la logistica

Matriz valoración proyecto democracia y valores (2)

Comment monter son cloud prive / public ?

Bienestar

$Presentacio del fracmento del texto de la artificialidad.$ $Presentacio del fracmento del texto de la artificialidad.$

Presentacio del fracmento del texto de la artificialidad.

Guinée.ainoha.3ºe

Mujeres Emprendedoras en América Latina y el Caribe: Realidades, obstáculos y...

Derecho del Trabajo 2010 -2011. Derecho Sindical.

La famille et professions

Análisis del Informe de la Ponencia del Proyecto de Ley de medidas urgentes p...

Posició del grup per tocar pdf

Beausau

Memoria proyecto educación intercultural 08 09

Comercio justo

Instrumento de evaluacion 3 etica y valores

Interaction webinair google_panda

Semelhante a Une api web en webapps firefox os - drupalfr

Wygday 2011 - Introduction à HTML5wyggio

Swagger, language pour décrire des API RESTPierre-André Vullioud

PilotThings @DigiWorldAwards2017IDATE DigiWorld

Compte rendu oscon 2013Jean Desbiens

Offre migrer vers_flutterJulien Saumande

1er Meetup Mobile Montpellier - Présentation Appcelerator Titanium - AlloyMeetup Mobile Montpellier

JCertif Tunisie 2015 - Le Web sur Mobile, Faisons le point !Rossi Oddet

Concevoir ses premiers objets connectés avec AzureMicrosoft Décideurs IT

Concevoir ses premiers objets connectés avec AzureMicrosoft Technet France

Concevoir ses premiers objets connectés avec azureAymeric Weinbach

Publier une application mobile en un clicFabernovel

Firefox OS dans le web - Journée du libre 2015 LilleChristophe Villeneuve

Pgapj formation-phonegap-et-jquery-mobileCERTyou Formation

ASP.NET MVC 6Microsoft

Architecturez vos applications mobiles avec Azure et XamarinThierry Buisson

Pgap formation-phonegapCERTyou Formation

[FR] Présentation de PhoneGapThomas Bassetto

Developpement mobile hybride avec Visual Studio, Apache CordovaMicrosoft

Presentation Laruelle 3Victor Ayub de Oliveira

PhonegapVISEO

Semelhante a Une api web en webapps firefox os - drupalfr (20)

Wygday 2011 - Introduction à HTML5

Swagger, language pour décrire des API REST

PilotThings @DigiWorldAwards2017

Compte rendu oscon 2013

Offre migrer vers_flutter

1er Meetup Mobile Montpellier - Présentation Appcelerator Titanium - Alloy

JCertif Tunisie 2015 - Le Web sur Mobile, Faisons le point !

Concevoir ses premiers objets connectés avec Azure

Concevoir ses premiers objets connectés avec azure

Publier une application mobile en un clic

Firefox OS dans le web - Journée du libre 2015 Lille

Pgapj formation-phonegap-et-jquery-mobile

ASP.NET MVC 6

Architecturez vos applications mobiles avec Azure et Xamarin

Pgap formation-phonegap

[FR] Présentation de PhoneGap

Developpement mobile hybride avec Visual Studio, Apache Cordova

Presentation Laruelle 3

Phonegap

Mais de Christophe Villeneuve

MariaDB une base de donnees NewSQLChristophe Villeneuve

La boîte à outils de développements dans FirefoxChristophe Villeneuve

pister les pisteursChristophe Villeneuve

controler vos donnees éthiques dans le webChristophe Villeneuve

Infrastructure as code drupalChristophe Villeneuve

Mariadb une base de données NewSQLChristophe Villeneuve

Open Source et contribution : Une association gagnanteChristophe Villeneuve

Pentest bus pirateChristophe Villeneuve

Peur de la migration vers l’open source ?Christophe Villeneuve

La sécurité applicative par le designChristophe Villeneuve

Foxfooding semaine 3Christophe Villeneuve

FoxfoodingChristophe Villeneuve

Accessibilite web wcag rgaaChristophe Villeneuve

Mozilla french speaking community activitesChristophe Villeneuve

Monitoring dynamique : Grafana et MicrosoftChristophe Villeneuve

Etes vous-pret pour php8 ?Christophe Villeneuve

Le futur de l'authentification webAuthnChristophe Villeneuve

Send large files with addonsChristophe Villeneuve

Tests d'accessibilite par la pratiqueChristophe Villeneuve

Donnez la voix aux machinesChristophe Villeneuve

Mais de Christophe Villeneuve (20)

MariaDB une base de donnees NewSQL

La boîte à outils de développements dans Firefox

pister les pisteurs

controler vos donnees éthiques dans le web

Infrastructure as code drupal

Mariadb une base de données NewSQL

Open Source et contribution : Une association gagnante

Pentest bus pirate

Peur de la migration vers l’open source ?

La sécurité applicative par le design

Foxfooding semaine 3

Foxfooding

Accessibilite web wcag rgaa

Mozilla french speaking community activites

Monitoring dynamique : Grafana et Microsoft

Etes vous-pret pour php8 ?

Le futur de l'authentification webAuthn

Send large files with addons

Tests d'accessibilite par la pratique

Donnez la voix aux machines

Une api web en webapps firefox os - drupalfr

1. Meetup Drupal Paris Mai 2015 Une API Web en WebApps Christophe Villeneuve @hellosct1 @neuros_paris & @drupalfr @firefoxosfr

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. Meetup Drupal Paris Mai 2015 Compétences ● Web ● Techniques https://developer.mozilla.org/enUS/docs/Web/Tutorials

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. Meetup Drupal Paris Mai 2015 Exemple www.drupalfr.org

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. 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

8. 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.

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. 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

11. Meetup Drupal Paris Mai 2015 Structure (1/2) Firefox OSWeb

12. Meetup Drupal Paris Mai 2015 Structure (2/2) Drupal /! Apache

13. Meetup Drupal Paris Mai 2015 Résultat Simulateur (WebIDE Firefox)

14. Meetup Drupal Paris Mai 2015 https://marketplace.firefox.com/developers/