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

    WordPress comme back office d'applications mobiles

    by benjamin-lupu

    on

    Report

    Category:

    Mobile

    Download: 0

    Comment: 0

    3,701

    views

    Comments

    Description

    Download WordPress comme back office d'applications mobiles

    Transcript

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