L’APPLICATION 
GAZETTE DES 
COMMUNES 
Réaliser une application mobile pour un groupe de presse avec 
PhoneGap 
Meetup Pari...
Les intervenants
Benjamin LUPU 
Directeur digital 
Pour le Groupe Moniteur 
Aujourd’hui pour le Groupe Jeune Afrique 
@benjaminlupu
Comme tout le monde, j’ai bien sûr une 
identité secrète… 
http://uncatcrea.com
Benoît Desnos 
Responsable offre Mobile 
Pour Netapsys 
@netapsys 
Création en 2004 
350 collaborateurs 
Couvre tout le sp...
Groupe Moniteur 
• Cadrage du projet 
marketing, fonctionnel 
• Conception 
analytics, wireframing, design, 
spécification...
La Gazette des communes
Information et services à 
destinations des collectivités 
locales 
Actualité 
Veille juridique 
Information métier payant...
Convaincre de l’intérêt du projet
Versions iOS et Android disponibles depuis le 27 février 2014
Mi‐2013 
• Un trafic mobile encore réduit 
5% des visites du site 
• Mais en croissance forte 
+120% vs 2012 
• 25% des ut...
Mais… 
• Un questionnement sur l’intérêt par 
rapport à un site mobile 
• Un précédent : l’application native 
iOS Emploi ...
Mais… 
• Un usage qui s’impose à nous 
• Une occasion 
• d’enrichir nos offres 
• d’atteindre notre audience sur 
des nouv...
La démarche
Une opportunité à maîtriser 
Périmètre fonctionnel, design et technologie. 
• Les solutions hybrides repérées tôt dans le ...
Les fonctionnalités en 1 slide 
Écran d’accueil favori 
Paramètres 
Gestion de la connexion pour 
accéder aux contenus 
pr...
Enfin avec quand même un petit schéma… 
Offres d’emploi 
Authentification 
Recherche 
Détail des offres 
Contenus 
droits ...
Les technologies mises en oeuvre 
• PhoneGap 
Gestion de conteneur natif 
• BackBoneJS 
Framework MVC 
• jQueryMobile 
Com...
Côté interface utilisateur 
+ ? 
• Orienté MVC 
• Peu de composants disponibles 
• Complexité pour faire évoluer des compo...
Listes infinies 
Pull to refresh
Quelle alternative ?
Apporte des compléments IHM à 
jQueryMobile sous la forme de composants 
Quelle alternative ?
• Librairies compatibles multi‐devices 
– Stockage local (Limite de 5Mo pour le 
localstorage) – illimité avec librairie 
...
Alors ça a marché ?
Les objectifs ont été atteints 
• Les applications sont sorties en février 2014 
• Les coûts ont été maîtrisés 
• 18 000 u...
http://www.lagazettedescommunes.com/mobile/
Prochain SlideShare
Chargement dans…5
×

Réaliser une application mobile pour un groupe de presse avec PhoneGap

4 099 vues

Publié le

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.

Publié dans : Mobile
0 commentaire
1 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
4 099
Sur SlideShare
0
Issues des intégrations
0
Intégrations
2 145
Actions
Partages
0
Téléchargements
63
Commentaires
0
J’aime
1
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Réaliser une application mobile pour un groupe de presse avec PhoneGap

  1. 1. L’APPLICATION GAZETTE DES COMMUNES Réaliser une application mobile pour un groupe de presse avec PhoneGap Meetup Paris #8
  2. 2. Les intervenants
  3. 3. Benjamin LUPU Directeur digital Pour le Groupe Moniteur Aujourd’hui pour le Groupe Jeune Afrique @benjaminlupu
  4. 4. Comme tout le monde, j’ai bien sûr une identité secrète… http://uncatcrea.com
  5. 5. Benoît Desnos Responsable 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
  6. 6. Groupe Moniteur • Cadrage du projet marketing, fonctionnel • Conception analytics, 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
  7. 7. La Gazette des communes
  8. 8. Information et services à destinations des collectivités locales Actualité Veille juridique Information métier payante Offres d’emploi Formations Préparation aux concours Magazine / Site web • 1,7 million de professionnels • 1 million visites/mois • Dans le top 5 des sites professionnels en France
  9. 9. Convaincre de l’intérêt du projet
  10. 10. Versions iOS et Android disponibles depuis le 27 février 2014
  11. 11. Mi‐2013 • Un trafic mobile encore réduit 5% 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
  12. 12. 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
  13. 13. 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. app books, 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).
  14. 14. La démarche
  15. 15. Une opportunité à maîtriser Pé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)
  16. 16. Les fonctionnalités en 1 slide Écran d’accueil favori Paramètres Gestion de la connexion pour accéder aux contenus premium Actualité Contenus premium Offres d’emploi Accessibles si on est connecté
  17. 17. Enfin avec quand même un petit schéma… Offres d’emploi Authentification Recherche Détail des offres Contenus droits d’accès attachés aux contenus Connexion droits d’accès attachés à l’utilisateur Web services
  18. 18. Les technologies mises en oeuvre • PhoneGap Gestion de conteneur natif • BackBoneJS Framework MVC • jQueryMobile Composants frontend, web services
  19. 19. 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 oeuvre : – Pull to refresh – Listes infinies • Compatibilité iOS 8 (jQuery)
  20. 20. Listes infinies Pull to refresh
  21. 21. Quelle alternative ?
  22. 22. Apporte des compléments IHM à jQueryMobile sous la forme de composants Quelle alternative ?
  23. 23. • 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 ?
  24. 24. Alors ça a marché ?
  25. 25. 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
  26. 26. http://www.lagazettedescommunes.com/mobile/

×