WordPress comme back office d'applications mobiles

Not speaking French?

Get an English version of this talkhttp://slideshare.net/blupu/presentations

Benjamin Lupu

Directeur digital

WordPress7 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çaisFonctionnent pour les sites auto-hébergés et WordPress.com

apps.wordpress.org

Des extensions premium proposent également des applications mobilesEx. 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 mobileen 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 moderneJSON via HTTP / OAuth

Plus de points d’accès et plus de sécurité

wp-api.org

L’extension JetPack proposeune API JSON

L’extension premium WooCommercea une API

Application mobile

API

Construire son application

Utiliserun constructeur d’applications ?

Goodbarber.com

Propose des connecteursdont un pour WordPress

AppPresser développe un constructeur d’applications intégré à WordPress

Intégrationde 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 JavaiOS / Objective C / Swift

Windows / .NET

Des technologies multipleset qui ne sont pas web

Des coûts d’entrée souvent aux alentours de 10K€ par système d’exploitation

Mais des application nativessur mesure, taillées pour vos besoinset utilisant au mieux l’environnement

Utiliser les technologies web ?

Pas encore complétement prêtEx. Pas une intégration complète au système d’exploitation

Cordova / PhoneGap

Projet open sourcesoutenu par Adobe

Ecrire une application en HTML/CSS/JavaScript

Accéder aux fonctionsdu téléphone en JavaScript

Accéder aux donnéesde 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 JavaScriptde Cordova

Les stars du moment

Mais aussiBackboneJS, VelocityJS, HammerJS

L’interface utilisateur à construire Attention à la performance

Moins coûteuxsi 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.