WordPress is the leading CMS but how can it stand as a back office for mobile applications? This presentation has been done at WordCamp Paris 2015.

1. WordPress as Back Office for Mobile Apps

2. Benjamin Lupu

3. Head of Digital

4. WordPress
7 years

5. @benjaminlupu

6. getwpappkit.com

7. WordPress as Back Office for
Mobile Apps
WordCamp Paris – January 2015

8. 2 dates to begin

9. WordPress has been created in 2003

10. Steve Jobs presents the
first iPhone in
2007

11. WordPress has been created for the desktop internet

12. But the situation has changed

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. How WordPress has adapted

17. A mobile tool

18. Responsive admin
Desktop

19. Responsive admin
Tablet

20. Responsive admin
Mobile

21. Mobile apps
Android

22. Mobile apps
iOS

23. Available in French
Play nice with self-hosted sites and WordPress.com
apps.wordpress.org

24. Some premium plugins also come with mobile apps
eg. WooCommerce

25. Frontend

26. Responsive themes
Desktop

27. Responsive themes
Tablet

28. Responsive themes
Mobile

29. Mobile sites

30. But

31. Apps dominate the mobile experience

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

33. Using a mobile browser
in a real mobility situation is not easy
Network availability, using URL or search, UI

34. Make the most of mobility
eg. Use geolocation to guide somebody in a city, enhance a museum visit, read news in
a train, have a guide for an offline place…

35. Integration with the phone
Direct access, notifications, offline mode, geolocation, camera access…

36. New possibilities

37. A riddle and game courses builder
for cultural and tourist sites?

38. Find a tasty dish for your lunch?

39. A guide for your favorite video game?

40. A social network for surfers?

41. Simply read news?

42. How

43. Mobile app
API
An API to access data

44. XML-RPC

45. Since WordPress 1.5
Enhanced for versions 3.4 and 3.5

46. Used by WordPress apps
and Windows Live Writer

47. WP REST API

48. Modern API
JSON over HTTP / OAuth
More endpoints and more security

49. wp-api.org

50. JetPack offers a JSON API

51. The premium plugin WooCommerce
has also an API

52. Mobile App
API
Build an app

53. App builders?

54. Goodbarber.com

55. Offers connectors
including one for
WordPress

56. AppPresser even offers an app builder
inside the WordPress admin

57. Cover the whole
technical chain
UI, data access,
push notifications, analytics

58. You have specific needs?

59. DIY?

60. 1 OS = 1 technology

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

62. Multiple non-web technologies

63. Entry cost often around 10K€ per OS version

64. But effective apps tailored for your needs

65. Using web technologies?

66. Not totally ready yet
Ex. Lack of OS integration

67. Cordova / PhoneGap

68. Open source project
supported by Adobe

69. Write apps with HTML/CSS/JavaScript

70. Access to phone functions
with JavaScript

71. Access WordPress with Ajax

72. When compiled and installed
apps use the browser webview

73. phonegap.com

74. Is that simple?

75. Learn how to develop a webapp

76. Single page app,
touch events, animations

77. Sometimes extend the Cordova
JavaScript API

78. Stars of the moment

79. But also keep those in your radar
BackboneJS, VelocityJS, HammerJS

80. You have to build the UI
Watch the performance issues

81. Cost less
if you keep under control
your project
Suits a lot of content based projects

82. Don’t forget…

83. … Content!

84. [shortcodes ?]

85. Graphics for all densities

86. Embeds compatibilities

87. Offline compatibility

88. Thank to have attended this talk
with Steve Jobs, blue schemas, a t-rex, a
chameleon, surfers, the space shuttle, drones,
Indiana Jones, corsican barbers, Legos, the MI:2
chemist et plenty of close-up fingers.