Conférence dans le cadre des Académies du Tourisme Numérique, sur les bons plans APIs et mobile / bonnes pratiques.

1. APIs et Mobile

2. @AlexJubien

3. Pioneer of mobile development

4. 2003 - 2007
Games

5. 2003 - 2007
Games Apps

6. Deezer
2008 - 2012

7. Deezer Viadeo
2008 - 2012

8. ThinkMobile
Mobile Strategy Consulting
Passion Expertise Commitment
Social StrategyMonetization M-Commerce
Webapps Innovation iPad Apps ProductiPhone Usage
Android Agile R&DBlackberry Multiplatform Windows Phone
Massive Downloads MarketingAppstores
Investment Audit Solutions

9. Le tourisme et moi
La Rochelle - je suis né ici

10. Ile de Ré – j’ai grandis là
Le tourisme et moi

11. J’ai bossé là, là et là… (saisons)
Le tourisme et moi

12. Maison-iledere.com
Le tourisme et moi

13. Ma sœur est directrice de l’OT de La Flotte en Ré
Le tourisme et moi

14. Qui êtes-vous ?

15. API

16. ApiEvangelist.com
What Is An API?
An API -- Application Programming Interface -- at its
most basic level, allows your product or service to talk to other
products or services. In this way, an API allows you to open
up data and functionality to other developers, to other
businesses or even between departments and locations within
your company. It is increasingly the way in which companies
exchange data, services and complex resources, both
internally, externally with partners, and openly with the public.

17. ApiEvangelist.com
Qu’est ce qu’une API ?
Une API – Interface de Programmation d’Application –
à son niveau le plus basique, permet à vos produits ou
services de communiquer avec d’autres produits ou services.
Ainsi, une API permet d’ouvrir les données et les
fonctionnalités d’un service à d’autres développeurs, d’autres
entreprises ou organismes, et ce même entre départements
ou filiales d’une entreprise. C’est de plus en plus le moyen
adopté par les entreprises d’échanger des données, des
services ou des ressources, aussi bien en interne qu’en
externe avec des partenaires, ou de manière ouverte avec le
public.

18. ApiEvangelist.com
Qu’est ce qu’une API ?
Une API – Interface de Programmation d’Application –
à son niveau le plus basique, permet à vos produits ou
services de communiquer avec d’autres produits ou services.
Ainsi, une API permet d’ouvrir les données et les
fonctionnalités d’un service à d’autres développeurs, d’autres
entreprises ou organismes, et ce même entre départements
ou filiales d’une entreprise. C’est de plus en plus le moyen
adopté par les entreprises d’échanger des données, des
services ou des ressources, aussi bien en interne qu’en
externe avec des partenaires, ou de manière ouverte avec le
public.

19. Développement : Back end VS
Front end
http://blog.teamtreehouse.com/i-dont-speak-your-language-frontend-vs-backend

20. Back end VS Front end
• Back end :
• Serveurs, bases de données, …
• Métaphore : la cuisine du restaurant
• Front end :
• Pages, affichage, apps, …
• Métaphore : la salle et le service du
restaurant

21. Before APIs
Base de données
Serveur back end
Serveur web
Navigateur web
pages

22. Before APIs : Widgets
• Moyen d’inclure un service
externe dans un autre site
• Mais la vue et la donnée sont
liées, rien n’est modifiable
=> manque de souplesse
• Non orienté mobile

23. Before APIs
Base de données
Serveur back end
Serveur web
Navigateur web
?
Mobile
pages

24. Before APIs
Base de données
Serveur back end
Serveur web
Navigateur web
Serveur mobile
Mobile
pages
Bricolage !

25. API
• Application Programming Interface
• Moyen d’exposer les données, l’intelligence
et les règles d’un service
• Métaphore : la multiprise qui permet de tout
brancher

26. API centric
Base de données
Serveur back end
API
Partners
TV
Web
Mobile

27. API centric
Base de données
Serveur back end
API
Partners
TV
Web
Mobile
Bornes

28. API + Backoffice
Base de données
Serveur back end
API
Partners
TV
Web
Mobile
Bornes
Backoffice =
• Site ou logiciel
• Gestion, saisie, …

29. Les mots barbares
SDK, JSon, XML, Soap, Token, REST, Oauth,
clé d’API, …

30. SDK
• Sotfware Development Kit
• Un composant logiciel spécifique à une
plateforme (côté web, on parle plutôt de
framework)
• Pas forcément lié à une API
• Mais souvent un moyen de faciliter
l’intégration d’une API / SDK d’API

31. L’authentification
• Clé d’API = sésame du service externe
• Le service demande l’accès à l’API, pour tout
ou partie des données
• Par exemple, données d’un utilisateur
Facebook
• Il obtient un « token » qui représente un droit
d’accès

32. Ex. Facebook Connect

33. Pomme de reinette et pomme
d’API
• Jouons avec l’API de Facebook
• https://developers.facebook.com/tools/explor
er/
• Jouez vous même / avec votre compte

34. Exemples d’API / thèmes
• Météo (+météo marine, plages, marées, …)
• Lieux publics, POIs
• Evénements, culture
• Commerces physiques
• Hébergements
• Restaurants, bars
• Transports (+comparatifs, réservations, …)
• Cartographie et itinéraires
• Réseaux sociaux, images
• SMS, QR codes, notifications, appels vocaux, …
• Réalité augmentée, reconnaissance faciale, paiement, …

35. Exemples d’API / services

36. API Discovery
• Trouver les APIs dont vous avez besoin
• Permettre à d’autres de découvrir votre API

37. API Discovery
• Trouver les APIs dont vous avez besoin
• Permettre à d’autres de découvrir votre API
Publicapis.com

38. No (public) API

39. Ex. Kayak

40. Documentation
• Importance de la documentation
• Regardons la doc de
• Regardons la doc de Paris is {API}

41. Documentation
• Importance de la documentation
• Regardons la doc de
• Regardons la doc de Paris is {API}
• « Accédez aux données de la Mairie de Paris en
temps réel »

42. Open Data

43. Video Open Data

44. Nantes
• Comment je l’ai su ?
=> http://www.programmableweb.com/api/nantes-open-data
• http://data.nantes.fr/api/

45. SNCF
• http://data.sncf.com
• Open SNCF ou comment l’open data transforme la
SNCF – Article

46. Systèmes d’Information
Touristique

47. C’est génial !

48. Infos / Produits / services
Utilisateurs / Consommateurs

49. Ce schéma, ça vous rappelle rien ?

50. SIT = API !
Mais aussi :
• « Proxy » de standardisation
• Backoffice pour saisie, gestion,
qualification
• Collaboration, mutualisation
• Peu d’industries ont ça…

51. Qqs SITs

52. Qqs SITs

53. Video SIT

54. Bémol – SIT Down?
• Usines à gaz ?
• Saisie et collaboration non triviales
• Quantité VS Qualité => besoin de curation
• Article - « Quel avenir pour les SITs » (2011)

55. Divers

56. Construire son API
• apigee.com
• mashery.com
• apiary.io
• restlet.com
• 3scale.net
• soa.com
• azure.microsoft.com/en-us/services/api-management/
• CitySDK - http://tourism.citysdk.eu/ (Institut tech Lisbone)
• Et évidemment, les SITs

57. Au marché, tu peux
tout trouver !
• Google+ Local + Google Maps API
= Google Places API
• Désintermédiation : l’open data renforce-t-il le
risque ? – Article
• Google VS Acteurs locaux
• Statique VS Dynamique et temporel
• Exemple d’un marché traditionnel
= Mise en scène !

59. Mobile

60. Qui a un service mobile ?
App ?

61. Succès ?

62. Révolution Mobile

63. Smartphones ?

64. Smartphones ?
49%

65. Plus de SIMs activées que
d’hommes sur terre
Mobile guru @TomiAhonen

66. Plus adopté que le stylo !!!
Mobile guru @TomiAhonen

68. Révolutionnaire

69. Pourquoi ?

70. Partout, tout le temps

71. Même là – 75% !

72. Parité

73. There’s an app for that

74. 1er appareil connecté
qu’on a toujours sur soi

75. Compagnon de vie

76. Compagnon de vie
Vie
=
gens moments lieux objets

77. Compagnon de vie
Vie
=
gens moments lieux objets
Facebook Path Foursquare Pinterest

78. Monde digital / Monde physique

79. Monde digital / monde physique

80. QR Code
30%
http://bit.ly/AlexJubien

81. QR Code
• Catalogue papier (But)
• Magazines (Inrocks)
• Affiches
• Emballage Produits
(colle Pater)
• Street marketing
• …http://bit.ly/AlexJubien

83. Réalité augmentée

84. Réalité augmentée Géoloc

85. Réalité augmentée Géoloc
M-Paiement

86. Réalité augmentée Géoloc
M-Commerce M-Paiement

87. M Commerce
Tesco virtual supermarket in a subway station - South Korea

88. Le mariage de la vente
physique et digitale
Source : Kontestapp - http://fr.slideshare.net/Kontest/strategie-web-tostorefr

89. M2Store / trafic en magasin

90. PassBook
• Quoi : coupons, tickets, cartes de fidélité,
bons d’achat, …

91. iBeacon

92. iBeacon

93. Instantanéité

94. 5 h
TV
Météo

95. 5 h
TV Web
5 m
Météo

96. 5 h
TV Web
5 m
Mobile
5 s
Météo

97. Vos désirs exaucés

98. Vos désirs exaucés
5 s
Envie d’écouter
une musique
Deezer

99. Vos désirs exaucés
5 s
Envie d’écouter
une musique
Besoin d’appeler
un contact pro
5 s
Deezer
Viadeo

100. Facilité d’utilisation

101. Facilité d’utilisation

102. Réduire les points
de friction

103. La friction
Ce qui empêche nos utilisateurs /
consommateurs d’avancer

104. Anti friction services

105. Video LP Mobile

106. Techcrunch: Reduce Friction, Increase Happiness

107. Location de voiture entre
particuliers
Pb = récupérer les clés
Techcrunch: Reduce Friction, Increase Happiness

108. Location de voiture entre
particuliers
Pb = récupérer les clés
Getaround Carkit
Techcrunch: Reduce Friction, Increase Happiness

109. Hub des capteurs

110. IoT
/
Objets Connectés

111. miCoach
Adidas miCoach
Suivi entrainement
sportif

112. Thermostat Nest

113. On ajoute des capteurs,
on se rajoute des pouvoirs

114. Des supers pouvoirs ?

115. Qui est télépathe ?

116. Transmission de pensée 1.0 :
• Latence de 30 secondes
• Nécessite de parler à voie haute
• Ne marche pas toujours => messagerie

117. Pouvoirs

118. Pouvoir
Transmission de pensée
Omniscience
Télékinésie
Maîtrise du temps
Prévoir l’avenir
Etre invincible / guérir
Lancer des éclairs
Voler
Téléportation

119. Pouvoir Version
Transmission de pensée 1.0
Omniscience 0.8
Télékinésie 0.3
Maîtrise du temps 0.3
Prévoir l’avenir 0.1
Etre invincible / guérir 0.3
Lancer des éclairs 0
Voler 0.5
Téléportation 0.2

120. Pouvoir Version Mobile powered
Transmission de pensée 1.0
Omniscience 0.8
Télékinésie 0.3
Maîtrise du temps 0.3
Prévoir l’avenir 0.1
Etre invincible / guérir 0.3
Lancer des éclairs 0
Voler 0.5
Téléportation 0.2

121. Pouvoir Version Mobile powered
Transmission de pensée 1.0
Omniscience 0.8
Télékinésie 0.3
Maîtrise du temps 0.3
Prévoir l’avenir 0.1
Etre invincible / guérir 0.3
Lancer des éclairs 0
Voler 0.5
Téléportation 0.2
Conscience / intelligence collective 2.0
+ 3D printing

122. Donnez du (super)pouvoir
à vos utilisateurs / clients !

123. Un peu de tech ?

124. Webapp mobile
VS
App native

125. Mobile Friendly
VS
Responsive
VS
Mobile Optimized

126. Product

127. Stratégie produit :
Quel(s) problème(s) résout
votre produit pour ses
utilisateurs ?

128. Parallèle startups
• Moyens limités (digital)
• Niche
• Opportunité
• Echec fort probable
• Financement incertain

129. Build the right product
+
Build it right
and nice !
Product that people love =

130. Customer development / Lean
Startup
+
Build it right
and nice !
Product that people love =

131. Customer development / Lean
Startup
+
Agile / Scrum
and nice !
Product that people love =

132. Customer development / Lean
Startup
+
Agile / Scrum
Design / UX
Product that people love =

133. Startup VS Mass Market
Mass Market
Niche VS Mass : Why big opportunities crush small companies

134. Lean Startup
• Livre d’Eric Ries, mouvement Lean
• ‘‘Fail fast, succeed faster’’
• Rencontrer les vrais besoins
• Pivots
• Eviter le gâchis

135. Philosophie Lean
• Processus de découverte
• Ce que veulent les clients n’est pas
forcément ce qu’on a imaginé
• Il faut pouvoir lâcher prise
• Une définition intéressante ici
• Une vidéo <3mns ici

136. Customer Development
• Qqs slides d’intro de François Biller
• Validation du problème
• Validation de la solution
• Validation de l’adoption (VS concurrence,
habitudes, … – ex. photo+mail, horaire de
piscine)

137. Customer Development
• Qqs slides d’intro de François Biller
• Validation du problème
• Validation de la solution
• Validation de l’adoption (VS concurrence,
habitudes, … – ex. photo+mail, horaire de
piscine)
=> Product / Market Fit

138. Mobile product
• Communication de marque, info non
contextuelle : ça ne fonctionne pas
• Succès mitigés du Brand Content
=> Utilitaire, résolution de problème, Solomo

139. Mobile product

140. Mobile et tourisme

141. Spécificités tourisme
• Roaming (SIM locale !)

142. Spécificités tourisme
• Roaming (SIM locale !)
• Téléchargement d’apps / poids
• Need Wifi !

143. Spécificités tourisme
• Roaming (SIM locale !)
• Téléchargement d’apps / poids
• Need Wifi !
• Offices de Tourisme de France fonce
vers l’i-mobile - Article

144. Spécificités tourisme
• Importance de la curation
• Importance de l’échelle géographique
• Importance des traductions

145. Fonctionnalités intéressantes
• Offline Map
• Offline info
• Ticketing / pass
• Bons plans

146. Mise en scène
• Itinéraires à thème (POIs, spécialités,
vignobles, activités, kids, films et
personnalités, …)
• Van Cleef & Arpels
• Les Heures Heureuses

147. Van Cleef & Arpels

148. Les Heures Heureuses

149. Your local App Store
• Apps utiles à vos visiteurs => vous leur
rendez service !
• Ce n’est pas à vous de construire ces applis,
mais aucune raison de ne pas les proposer
au touristes si ça peut changer leur séjour !
• Pb de discovery / curation des apps sur les
app stores
• Intégrer ça aux SITs ?

150. Your local App Store
Activités, parcs d’attraction, festivals, …
Et utilitaires :
Infographie – Must have Apps for the savvy traveler

151. Your local App Store

152. Your local App Store
?

153. Your local App Store
OT - Aix Les Bains
Les apps utiles
?

154. Ressources (très)
intéressantes

155. Etourisme.info
• Panorama des meilleures pratiques du
M-Tourisme – Article
• La mobilité joue les trouble fête (mise en
scène, importance échelle géographique, …)
– Article
• Quoi de neuf dans le web mobile touristique
– Article

156. Carnet du développement
M-Tourisme
http://pro.auvergne-tourisme.info/articles/parution-du-carnet-du-developpement-m-tourisme-410-1.html

157. White label
Article – 2 solutions pour une appli à destination
http://business.mtrip.com
http://www.whatnowtravel.com
http://www.mobitour.fr
http://www.opencanvas.co

158. Marketing Mobile

159. Plein d’apps

160. Difficile d’émerger !
=> Importance de l’ASO
(App Store Optimization)
/ App marketing

161. ①Recherche / catégorie
②Icône, nom,
moyenne notes
③Notes et avis
④Screenshots et description
Décision d’install (ou pas !)
= 10 à 30 secondes

162. Notifications
30% d’acceptation en moyenne

163. Notifications
2 semaines temps
visites
Sans

164. Notifications
Avec
Notif 1 temps
visites
Notif 2 Notif 3 Notif 4

165. SMS
• Toujours aussi puissant !
• Les prix ont chuté
• Mtarget.fr : moins de 4cts
• SMSMode.com
• Convaincant pour les consommateurs

166. QR code
• Déceptif ? (10% de 30%...)
• Pratique
• Ne coûte rien
• En magasin VS vendeur
• Mettre une shorten url ! http://bit.ly/sncf

168. Réseaux sociaux
• 819M d’utilisateurs mobiles Facebook
• 60 à 80% des utilisateurs deTwitter
• Intégrés nativement

170. Click2Call

171. Click2Call

172. Email
• Adaptation INDISPENSABLE
• 50% ouverts sur mobiles
• ¼ seulement st adaptés
• Comportement ‘Scan&Delete’

173. Email
• Adaptation INDISPENSABLE
• 50% ouverts sur mobiles
• ¼ seulement st adaptés
• Comportement ‘Scan&Delete’

174. Email
Non adapté

175. Email
Non adapté

176. Email
Ok, mes emails sont adaptés
=> Et les liens ?

177. Parcours en multicanal
• Investir à un seul endroit n’est pas suffisant,
il faut toute la chaîne
• Ex. Mail ou SMS
vers web mobile
• Expérience service

178. Parcours en multicanal
• Investir à un seul endroit n’est pas suffisant,
il faut toute la chaîne
• Ex. Mail ou SMS
vers web mobile
• Expérience service

179. Recos

180. Metrics pour une
destination
• Succès ?
• Nb téléchargements = vanity metrics
• Durée de vie limitée, peu de récurrence
• Proportion de visiteurs activés = ayant utilisé
l’application pdt leur séjour (ou avant / après)

181. App Discovery
• Bien travailler l’ASO
• Idem pr présence web et SEO
• PLVs et dépliants avec QR code
• A tester : SMS to App Install directement
dans l’OT / point de renseignement

182. Rétention
• Notifications ou SMS = super canaux pour animer
un séjour touristique !
• Ex. event « Demain matin, marché traditionnel
Rétais à La Noue en Ré ! »
• Ex. partenaire « A ne pas rater, la visite du
château… »

183. Rétention
• Notifications ou SMS = super canaux pour animer
un séjour touristique !
• Ex. event « Demain matin, marché traditionnel
Rétais à La Noue en Ré ! »
• Ex. partenaire « A ne pas rater, la visite du
château… »
• CRM : ne pas pousser une visite déjà effectuée
• Enjeu du mobile = CRMiser le monde physique !