Not speaking French?
Get an English version of this talk
http://slideshare.net/blupu/presentations
Benjamin Lupu
Directeur digital
WordPress
7 ans
@benjaminlupu
getwpappkit.com
WordPress comme back office
d’applications mobiles
WordCamp Paris – Janvier 2015
2 dates pour commencer
WordPress est créé en 2003
Steve Jobs présente le
premier iPhone en
2007
WordPress a été créé pour l’internet des ordinateurs de bureau
Mais internet a changé
http://www.marketingcharts.com/online/mobile-apps-now-capture-majority-of-digital-time-in-the-us-43657/
http://www.marketingcharts.com/online/mobile-apps-now-capture-majority-of-digital-time-in-the-us-43657/
http://www.marketingcharts.com/online/mobile-apps-now-capture-majority-of-digital-time-in-the-us-43657/
La réponse de WordPress
Un outil mobile
Une administration qui s’adapte
Ordinateur de bureau
Une administration qui s’adapte
Tablette
Une administration qui s’adapte
Mobile
Des applications mobiles
Android
Des applications mobiles
iOS
Disponibles en français
Fonctionnent pour les sites auto-hébergés et WordPress.com
apps.wordpress.org
Des extensions premium proposent également des applications mobiles
Ex. WooCommerce
Des sites mobiles
Les thèmes « responsives »
Ordinateur de bureau
Les thèmes « responsives »
Tablette
Les thèmes « responsives »
Mobile
Sites mobiles dédiés
Mais
Une très grande partie de l’expérience
mobile passe par les applications
http://www.marketingcharts.com/online/mobile-apps-now-capture-majority-of-digital-time-in-the-us-43657/
Utiliser un navigateur mobile
en situation de mobilité réelle reste malaisé.
disponibilité du réseau, passage par une URL ou la recherche, interface utilisateur
Exploiter la situation de mobilité
Ex. Utiliser la géolocalisation pour proposer un parcours dans une ville ou une musée,
lire l’actu dans un train, avoir le guide d’un lieu où il n’y a pas de réseau…
Mieux s’intégrer au téléphone
Directement accessible depuis le bureau, notifications, mode hors-ligne,
géolocalisation, appareil photo…
De nouvelles possibilités
Un constructeur d’énigmes et de parcours pour des
lieux culturels et touristiques ?
Une application pour trouver un bon plat le midi ?
Un guide pour votre jeu vidéo préféré ?
Poster vos photos de spots ?
Lire l’actu ?
On fait comment ?
Application mobile
API
Une API pour accéder aux données
XML-RPC
Depuis WordPress 1.5
Améliorée pour les versions 3.4 et 3.5
Utilisée par exemple par
les applications WordPress et Windows
Live Writer
WP REST API
Une API moderne
JSON via HTTP / OAuth
Plus de points d’accès et plus de sécurité
wp-api.org
L’extension JetPack propose
une API JSON
L’extension premium WooCommerce
a une API
Application mobile
API
Construire son application
Utiliser
un constructeur d’applications ?
Goodbarber.com
Propose des connecteurs
dont un pour WordPress
AppPresser développe un constructeur
d’applications intégré à WordPress
Intégration
de toute la chaîne technique
Interface utilisateur, connexion aux données,
notifications, Statistiques
Des besoins spécifiques ?
Développer soi-même ?
1 système d’exploitation = 1 technologie
Android Java
iOS / Objective C / Swift
Windows / .NET
Des technologies multiples
et qui ne sont pas web
Des coûts d’entrée souvent aux alentours de
10K€ par système d’exploitation
Mais des application natives
sur mesure, taillées pour vos besoins
et utilisant au mieux l’environnement
Utiliser les technologies web ?
Pas encore complétement prêt
Ex. Pas une intégration complète au système d’exploitation
Cordova / PhoneGap
Projet open source
soutenu par Adobe
Ecrire une application en
HTML/CSS/JavaScript
Accéder aux fonctions
du téléphone en JavaScript
Accéder aux données
de WordPress en Ajax
Une fois compilée et installée,
l’application utilise le moteur du
navigateur mobile
phonegap.com
Vraiment plus simple ?
Apprendre à développer une
application web
Application page unique,
événements tactiles, animations
Parfois étendre l’API JavaScript
de Cordova
Les stars du moment
Mais aussi
BackboneJS, VelocityJS, HammerJS
L’interface utilisateur à construire
Attention à la performance
Moins coûteux
si vous maîtrisez votre projet
Convient pour de très nombreux
projets basés sur du contenu
N’oubliez pas…
… Le contenu !
[shortcodes ?]
Les images s’adaptent-elles aux
différentes densités ?
Les éléments embarqués sont-ils
compatibles ?
Seront-ils disponibles sans réseau ?
Merci d’avoir suivi cette présentation
avec Steve Jobs, des schémas bleus, un t-rex, un
caméléon, des surfeurs, une navette spatiale, des
drones, Indiana Jones, des barbiers corses, des
Legos, le chimiste de MI:2 et plein de doigts en
gros plan.

WordPress comme back office d'applications mobiles