WordPress comme back office d'applications mobiles

6 830 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
6 830
Sur SlideShare
0
Issues des intégrations
0
Intégrations
2 718
Actions
Partages
0
Téléchargements
19
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.

×