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.

1. Not speaking French?
Get an English version of this talk
http://slideshare.net/blupu/presentations

3. Benjamin Lupu

4. Directeur digital

5. WordPress
7 ans

6. @benjaminlupu

7. getwpappkit.com

8. WordPress comme back office
d’applications mobiles
WordCamp Paris – Janvier 2015

9. 2 dates pour commencer

10. WordPress est créé en 2003

11. Steve Jobs présente le
premier iPhone en
2007

12. WordPress a été créé pour l’internet des ordinateurs de bureau

13. Mais internet a changé

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. http://www.marketingcharts.com/online/mobile-apps-now-capture-majority-of-digital-time-in-the-us-43657/

17. La réponse de WordPress

18. Un outil mobile

19. Une administration qui s’adapte
Ordinateur de bureau

20. Une administration qui s’adapte
Tablette

21. Une administration qui s’adapte
Mobile

22. Des applications mobiles
Android

23. Des applications mobiles
iOS

24. Disponibles en français
Fonctionnent pour les sites auto-hébergés et WordPress.com
apps.wordpress.org

25. Des extensions premium proposent également des applications mobiles
Ex. WooCommerce

26. Des sites mobiles

27. Les thèmes « responsives »
Ordinateur de bureau

28. Les thèmes « responsives »
Tablette

29. Les thèmes « responsives »
Mobile

30. Sites mobiles dédiés

31. Mais

32. Une très grande partie de l’expérience
mobile passe par les applications

33. http://www.marketingcharts.com/online/mobile-apps-now-capture-majority-of-digital-time-in-the-us-43657/

34. 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

35. 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…

36. Mieux s’intégrer au téléphone
Directement accessible depuis le bureau, notifications, mode hors-ligne,
géolocalisation, appareil photo…

37. De nouvelles possibilités

38. Un constructeur d’énigmes et de parcours pour des
lieux culturels et touristiques ?

39. Une application pour trouver un bon plat le midi ?

40. Un guide pour votre jeu vidéo préféré ?

41. Poster vos photos de spots ?

42. Lire l’actu ?

43. On fait comment ?

44. Application mobile
API
Une API pour accéder aux données

45. XML-RPC

46. Depuis WordPress 1.5
Améliorée pour les versions 3.4 et 3.5

47. Utilisée par exemple par
les applications WordPress et Windows
Live Writer

48. WP REST API

49. Une API moderne
JSON via HTTP / OAuth
Plus de points d’accès et plus de sécurité

50. wp-api.org

51. L’extension JetPack propose
une API JSON

52. L’extension premium WooCommerce
a une API

53. Application mobile
API
Construire son application

54. Utiliser
un constructeur d’applications ?

55. Goodbarber.com

56. Propose des connecteurs
dont un pour WordPress

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

58. Intégration
de toute la chaîne technique
Interface utilisateur, connexion aux données,
notifications, Statistiques

59. Des besoins spécifiques ?

60. Développer soi-même ?

61. 1 système d’exploitation = 1 technologie

62. Android Java
iOS / Objective C / Swift
Windows / .NET

63. Des technologies multiples
et qui ne sont pas web

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

65. Mais des application natives
sur mesure, taillées pour vos besoins
et utilisant au mieux l’environnement

66. Utiliser les technologies web ?

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

68. Cordova / PhoneGap

69. Projet open source
soutenu par Adobe

70. Ecrire une application en
HTML/CSS/JavaScript

71. Accéder aux fonctions
du téléphone en JavaScript

72. Accéder aux données
de WordPress en Ajax

73. Une fois compilée et installée,
l’application utilise le moteur du
navigateur mobile

74. phonegap.com

75. Vraiment plus simple ?

76. Apprendre à développer une
application web

77. Application page unique,
événements tactiles, animations

78. Parfois étendre l’API JavaScript
de Cordova

79. Les stars du moment

80. Mais aussi
BackboneJS, VelocityJS, HammerJS

81. L’interface utilisateur à construire
Attention à la performance

82. Moins coûteux
si vous maîtrisez votre projet
Convient pour de très nombreux
projets basés sur du contenu

83. N’oubliez pas…

84. … Le contenu !

85. [shortcodes ?]

86. Les images s’adaptent-elles aux
différentes densités ?

87. Les éléments embarqués sont-ils
compatibles ?

88. Seront-ils disponibles sans réseau ?

89. 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.