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 ...
Exploiter la situation de mobilité
Ex. Utiliser la géolocalisation pour proposer un parcours dans une ville ou une musée,
...
Mieux s’intégrer au téléphone
Directement accessible depuis le bureau, notifications, mode hors-ligne,
géolocalisation, ap...
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 navett...
WordPress comme back office d'applications mobiles
Prochain SlideShare
Chargement dans…5
×

WordPress comme back office d'applications mobiles

7 076 vues

Publié le

WordPress a gagné ses lettres de noblesse en tant que CMS. Mais le web mobile change la donne. Il faut maintenant connecter WordPress à des applications mobiles. Cette présentation fait un état des lieux sur les possibilités qui existent aujourd'hui sur ce sujet.

Cette présentation a été faite au WordCamp Paris 2015.

Publié dans : Mobile
0 commentaire
3 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
7 076
Sur SlideShare
0
Issues des intégrations
0
Intégrations
2 747
Actions
Partages
0
Téléchargements
20
Commentaires
0
J’aime
3
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

WordPress comme back office d'applications mobiles

  1. 1. Not speaking French? Get an English version of this talk http://slideshare.net/blupu/presentations
  2. 2. Benjamin Lupu
  3. 3. Directeur digital
  4. 4. WordPress 7 ans
  5. 5. @benjaminlupu
  6. 6. getwpappkit.com
  7. 7. WordPress comme back office d’applications mobiles WordCamp Paris – Janvier 2015
  8. 8. 2 dates pour commencer
  9. 9. WordPress est créé en 2003
  10. 10. Steve Jobs présente le premier iPhone en 2007
  11. 11. WordPress a été créé pour l’internet des ordinateurs de bureau
  12. 12. Mais internet a changé
  13. 13. http://www.marketingcharts.com/online/mobile-apps-now-capture-majority-of-digital-time-in-the-us-43657/
  14. 14. http://www.marketingcharts.com/online/mobile-apps-now-capture-majority-of-digital-time-in-the-us-43657/
  15. 15. http://www.marketingcharts.com/online/mobile-apps-now-capture-majority-of-digital-time-in-the-us-43657/
  16. 16. La réponse de WordPress
  17. 17. Un outil mobile
  18. 18. Une administration qui s’adapte Ordinateur de bureau
  19. 19. Une administration qui s’adapte Tablette
  20. 20. Une administration qui s’adapte Mobile
  21. 21. Des applications mobiles Android
  22. 22. Des applications mobiles iOS
  23. 23. Disponibles en français Fonctionnent pour les sites auto-hébergés et WordPress.com apps.wordpress.org
  24. 24. Des extensions premium proposent également des applications mobiles Ex. WooCommerce
  25. 25. Des sites mobiles
  26. 26. Les thèmes « responsives » Ordinateur de bureau
  27. 27. Les thèmes « responsives » Tablette
  28. 28. Les thèmes « responsives » Mobile
  29. 29. Sites mobiles dédiés
  30. 30. Mais
  31. 31. Une très grande partie de l’expérience mobile passe par les applications
  32. 32. http://www.marketingcharts.com/online/mobile-apps-now-capture-majority-of-digital-time-in-the-us-43657/
  33. 33. 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
  34. 34. 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…
  35. 35. Mieux s’intégrer au téléphone Directement accessible depuis le bureau, notifications, mode hors-ligne, géolocalisation, appareil photo…
  36. 36. De nouvelles possibilités
  37. 37. Un constructeur d’énigmes et de parcours pour des lieux culturels et touristiques ?
  38. 38. Une application pour trouver un bon plat le midi ?
  39. 39. Un guide pour votre jeu vidéo préféré ?
  40. 40. Poster vos photos de spots ?
  41. 41. Lire l’actu ?
  42. 42. On fait comment ?
  43. 43. Application mobile API Une API pour accéder aux données
  44. 44. XML-RPC
  45. 45. Depuis WordPress 1.5 Améliorée pour les versions 3.4 et 3.5
  46. 46. Utilisée par exemple par les applications WordPress et Windows Live Writer
  47. 47. WP REST API
  48. 48. Une API moderne JSON via HTTP / OAuth Plus de points d’accès et plus de sécurité
  49. 49. wp-api.org
  50. 50. L’extension JetPack propose une API JSON
  51. 51. L’extension premium WooCommerce a une API
  52. 52. Application mobile API Construire son application
  53. 53. Utiliser un constructeur d’applications ?
  54. 54. Goodbarber.com
  55. 55. Propose des connecteurs dont un pour WordPress
  56. 56. AppPresser développe un constructeur d’applications intégré à WordPress
  57. 57. Intégration de toute la chaîne technique Interface utilisateur, connexion aux données, notifications, Statistiques
  58. 58. Des besoins spécifiques ?
  59. 59. Développer soi-même ?
  60. 60. 1 système d’exploitation = 1 technologie
  61. 61. Android Java iOS / Objective C / Swift Windows / .NET
  62. 62. Des technologies multiples et qui ne sont pas web
  63. 63. Des coûts d’entrée souvent aux alentours de 10K€ par système d’exploitation
  64. 64. Mais des application natives sur mesure, taillées pour vos besoins et utilisant au mieux l’environnement
  65. 65. Utiliser les technologies web ?
  66. 66. Pas encore complétement prêt Ex. Pas une intégration complète au système d’exploitation
  67. 67. Cordova / PhoneGap
  68. 68. Projet open source soutenu par Adobe
  69. 69. Ecrire une application en HTML/CSS/JavaScript
  70. 70. Accéder aux fonctions du téléphone en JavaScript
  71. 71. Accéder aux données de WordPress en Ajax
  72. 72. Une fois compilée et installée, l’application utilise le moteur du navigateur mobile
  73. 73. phonegap.com
  74. 74. Vraiment plus simple ?
  75. 75. Apprendre à développer une application web
  76. 76. Application page unique, événements tactiles, animations
  77. 77. Parfois étendre l’API JavaScript de Cordova
  78. 78. Les stars du moment
  79. 79. Mais aussi BackboneJS, VelocityJS, HammerJS
  80. 80. L’interface utilisateur à construire Attention à la performance
  81. 81. Moins coûteux si vous maîtrisez votre projet Convient pour de très nombreux projets basés sur du contenu
  82. 82. N’oubliez pas…
  83. 83. … Le contenu !
  84. 84. [shortcodes ?]
  85. 85. Les images s’adaptent-elles aux différentes densités ?
  86. 86. Les éléments embarqués sont-ils compatibles ?
  87. 87. Seront-ils disponibles sans réseau ?
  88. 88. 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.

×