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

4 572 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 572
Sur SlideShare
0
Issues des intégrations
0
Intégrations
2 462
Actions
Partages
0
Téléchargements
67
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/

×