réaliser une application mobile pour un groupe de presse avec phonegap
DESCRIPTION
Retour d'expérience sur la création d'une application mobile pour une groupe de presse professionnelle. Ce retour d'expérience a eu lieu lors du 8ème meetup PhoneGap Paris.TRANSCRIPT
![Page 1: Réaliser une application mobile pour un groupe de presse avec PhoneGap](https://reader035.vdocuments.pub/reader035/viewer/2022062406/558a28d2d8b42a3e028b457f/html5/thumbnails/1.jpg)
L’APPLICATION GAZETTE DES COMMUNESRéaliser une application mobile pour un groupe de presse avec PhoneGap
Meetup Paris #8
![Page 2: Réaliser une application mobile pour un groupe de presse avec PhoneGap](https://reader035.vdocuments.pub/reader035/viewer/2022062406/558a28d2d8b42a3e028b457f/html5/thumbnails/2.jpg)
Les intervenants
![Page 3: Réaliser une application mobile pour un groupe de presse avec PhoneGap](https://reader035.vdocuments.pub/reader035/viewer/2022062406/558a28d2d8b42a3e028b457f/html5/thumbnails/3.jpg)
Benjamin LUPUDirecteur digital
Pour le Groupe Moniteur
Aujourd’hui pour le Groupe Jeune Afrique
@benjaminlupu
![Page 4: Réaliser une application mobile pour un groupe de presse avec PhoneGap](https://reader035.vdocuments.pub/reader035/viewer/2022062406/558a28d2d8b42a3e028b457f/html5/thumbnails/4.jpg)
Comme tout le monde, j’ai bien sûr une identité secrète…
http://uncatcrea.com
![Page 5: Réaliser une application mobile pour un groupe de presse avec PhoneGap](https://reader035.vdocuments.pub/reader035/viewer/2022062406/558a28d2d8b42a3e028b457f/html5/thumbnails/5.jpg)
Benoît DesnosResponsable offre Mobile
Pour Netapsys
@netapsys
Création en 2004
350 collaborateurs
Couvre tout le spectre des technologies mobiles
Couvre toute la chaîne d’un projet mobile
![Page 6: Réaliser une application mobile pour un groupe de presse avec PhoneGap](https://reader035.vdocuments.pub/reader035/viewer/2022062406/558a28d2d8b42a3e028b457f/html5/thumbnails/6.jpg)
Groupe Moniteur
• Cadrage du projetmarketing, fonctionnel
• Conceptionanalytics, wireframing, design, spécifications fonctionnelles
• Développement et mise à disposition des web services
• Recette fonctionnelle
Netapsys
• Conseil durant la phase de conception (faisabilité)
• Conception technique
• Développements et intégrations technique
![Page 7: Réaliser une application mobile pour un groupe de presse avec PhoneGap](https://reader035.vdocuments.pub/reader035/viewer/2022062406/558a28d2d8b42a3e028b457f/html5/thumbnails/7.jpg)
La Gazette des communes
![Page 8: Réaliser une application mobile pour un groupe de presse avec PhoneGap](https://reader035.vdocuments.pub/reader035/viewer/2022062406/558a28d2d8b42a3e028b457f/html5/thumbnails/8.jpg)
Information et services à destinations des collectivités locales
ActualitéVeille juridiqueInformation métier payanteOffres d’emploiFormationsPréparation aux concours
Magazine / Site web
• 1,7 million de professionnels• 1 million visites/mois• Dans le top 5 des sites professionnels en France
![Page 9: Réaliser une application mobile pour un groupe de presse avec PhoneGap](https://reader035.vdocuments.pub/reader035/viewer/2022062406/558a28d2d8b42a3e028b457f/html5/thumbnails/9.jpg)
Convaincre de l’intérêt du projet
![Page 10: Réaliser une application mobile pour un groupe de presse avec PhoneGap](https://reader035.vdocuments.pub/reader035/viewer/2022062406/558a28d2d8b42a3e028b457f/html5/thumbnails/10.jpg)
Versions iOS et Android disponibles depuis le 27 février 2014
![Page 11: Réaliser une application mobile pour un groupe de presse avec PhoneGap](https://reader035.vdocuments.pub/reader035/viewer/2022062406/558a28d2d8b42a3e028b457f/html5/thumbnails/11.jpg)
Mi‐2013
• Un trafic mobile encore réduit5% des visites du site
• Mais en croissance forte+120% vs 2012
• 25% des utilisateurs équipés de smartphones
• 67% des possesseurs de smartphones l’utilisent pour un usage professionnel
![Page 12: Réaliser une application mobile pour un groupe de presse avec PhoneGap](https://reader035.vdocuments.pub/reader035/viewer/2022062406/558a28d2d8b42a3e028b457f/html5/thumbnails/12.jpg)
Mais…
• Un questionnement sur l’intérêt par rapport à un site mobile
• Un précédent : l’application native iOS Emploi public
• Un coût et un impact organisationnel importants
• Ça vous rappelle quelque chose ?*
* « Il vous faut un site internet ! Ah… Pourquoi ? » Hit du début des années 2000
![Page 13: Réaliser une application mobile pour un groupe de presse avec PhoneGap](https://reader035.vdocuments.pub/reader035/viewer/2022062406/558a28d2d8b42a3e028b457f/html5/thumbnails/13.jpg)
Mais…
• Un usage qui s’impose à nous
• Une occasion
• d’enrichir nos offres
• d’atteindre notre audience sur des nouvelles plages de temps et de nouveaux canaux
• d’engager une démarche vers de nouveaux services portés par des applications mobiles (ex. appbooks, m‐learning)
• Défendre la marque
45% de l’audience mobile se fait tôt le matin et en soirée (vs 18% pour les ordinateurs).
![Page 14: Réaliser une application mobile pour un groupe de presse avec PhoneGap](https://reader035.vdocuments.pub/reader035/viewer/2022062406/558a28d2d8b42a3e028b457f/html5/thumbnails/14.jpg)
La démarche
![Page 15: Réaliser une application mobile pour un groupe de presse avec PhoneGap](https://reader035.vdocuments.pub/reader035/viewer/2022062406/558a28d2d8b42a3e028b457f/html5/thumbnails/15.jpg)
Une opportunité à maîtriserPérimètre fonctionnel, design et technologie.
• Les solutions hybrides repérées tôt dans le projet
• PhoneGap choisi après un prototypage
• Un fact checking tout au long de la conception pour s’assurer des coûts et de la faisaibilité technique
• Un périmètre volontairement restreint mais avec les fonctions essentielles notifications, consultation offline, accès aux contenus premium, offres d’emploi
• Une implication forte des concepteurs pour garantir à la fois une bonne intégration et une parité des versions pour chaque OS (iOS et Android)
![Page 16: Réaliser une application mobile pour un groupe de presse avec PhoneGap](https://reader035.vdocuments.pub/reader035/viewer/2022062406/558a28d2d8b42a3e028b457f/html5/thumbnails/16.jpg)
Écran d’accueil favori
ParamètresGestion de la connexion pour accéder aux contenus premium
Offres d’emploiContenus premiumAccessibles si on est connecté
Actualité
Les fonctionnalités en 1 slide
![Page 17: Réaliser une application mobile pour un groupe de presse avec PhoneGap](https://reader035.vdocuments.pub/reader035/viewer/2022062406/558a28d2d8b42a3e028b457f/html5/thumbnails/17.jpg)
Authentification
Offres d’emploiRecherche
Contenus
Connexiondroits d’accès attachés à l’utilisateur
droits d’accès attachés aux contenus
Web services
Détail des offres
Enfin avec quand même un petit schéma…
![Page 18: Réaliser une application mobile pour un groupe de presse avec PhoneGap](https://reader035.vdocuments.pub/reader035/viewer/2022062406/558a28d2d8b42a3e028b457f/html5/thumbnails/18.jpg)
Les technologies mises en œuvre
• PhoneGapGestion de conteneur natif
• BackBoneJSFramework MVC
• jQueryMobileComposants frontend, web services
![Page 19: Réaliser une application mobile pour un groupe de presse avec PhoneGap](https://reader035.vdocuments.pub/reader035/viewer/2022062406/558a28d2d8b42a3e028b457f/html5/thumbnails/19.jpg)
Côté interface utilisateur
?+• Orienté MVC• Peu de composants disponibles • Complexité pour faire évoluer des composants existants
• Gestion facilitée de l’IHM avec des devices différents – CSS par plateforme
• Fonctions mobiles complexes à mettre en œuvre :– Pull to refresh– Listes infinies
• Compatibilité iOS 8 (jQuery)
![Page 20: Réaliser une application mobile pour un groupe de presse avec PhoneGap](https://reader035.vdocuments.pub/reader035/viewer/2022062406/558a28d2d8b42a3e028b457f/html5/thumbnails/20.jpg)
Listes infinies
Pull to refresh
![Page 21: Réaliser une application mobile pour un groupe de presse avec PhoneGap](https://reader035.vdocuments.pub/reader035/viewer/2022062406/558a28d2d8b42a3e028b457f/html5/thumbnails/21.jpg)
Quelle alternative ?
![Page 22: Réaliser une application mobile pour un groupe de presse avec PhoneGap](https://reader035.vdocuments.pub/reader035/viewer/2022062406/558a28d2d8b42a3e028b457f/html5/thumbnails/22.jpg)
Apporte des compléments IHM à jQueryMobile sous la forme de composants
Quelle alternative ?
![Page 23: Réaliser une application mobile pour un groupe de presse avec PhoneGap](https://reader035.vdocuments.pub/reader035/viewer/2022062406/558a28d2d8b42a3e028b457f/html5/thumbnails/23.jpg)
• Librairies compatibles multi‐devices– Stockage local (Limite de 5Mo pour le
localstorage) – illimité avec librairie– Google Analytics
• Évènements déconnectés
• Avantages– Simplicité– Gestion de composants natifs
Et PhoneGap dans tout ça ?
![Page 24: Réaliser une application mobile pour un groupe de presse avec PhoneGap](https://reader035.vdocuments.pub/reader035/viewer/2022062406/558a28d2d8b42a3e028b457f/html5/thumbnails/24.jpg)
Alors ça a marché ?
![Page 25: Réaliser une application mobile pour un groupe de presse avec PhoneGap](https://reader035.vdocuments.pub/reader035/viewer/2022062406/558a28d2d8b42a3e028b457f/html5/thumbnails/25.jpg)
Les objectifs ont été atteints• Les applications sont sorties en février 2014• Les coûts ont été maîtrisés• 18 000 utilisateurs les ont adoptées• Une première mise à jour est en attente de validation
Les points à travailler• L’adaptation des contenus au mobile• La disponibilité des web services• L’implication des équipes internes sur le support, les mises à jour• Optimisation de la présence dans les app stores (ex. notations)• Une nécessaire évolution technologique dans la prochaine
version majeure
![Page 26: Réaliser une application mobile pour un groupe de presse avec PhoneGap](https://reader035.vdocuments.pub/reader035/viewer/2022062406/558a28d2d8b42a3e028b457f/html5/thumbnails/26.jpg)
http://www.lagazettedescommunes.com/mobile/