Présentation de la transformation d'un projet web pour s'adapter aux terminaux mobiles. Réalisé dans le cadre d'une présentation aux étudiants SUPINFO. 2016

1. (R)Évolution d’une solutionWeb en milieu
bancaire
Conférence SUPINFO
22/06/2017

2. Sommaire
2
Qui sommes-nous ?
Exakis, sur les routes digitales du succès
S’intégrer dans un groupe bancaire international
Groupe Crédit Agricole
Cycle de vie d’une solution naissante
Extranet des Elus
2
Appréhender l’avenir pour mieux évoluer
Et demain ?

3. Exakis, sur les routes digitales
du succès

4. Quelques mots pour me présenter …
4
Speaker
22/06/2017
Jonathan LE GUELLEC
Consultant Senior
.NET / SharePoint
jonathanl@exakis.com
Microsoft Certified
MCSE - Productivity (2016)
SharePoint 2013
MCSA - Windows Server 2012
SharePoint 2010 Administrator & Developer
Communautés Microsoft (Nantes)
Speaker & Membre

5. En tirant parti du potentiel offert par les
technologies de l’information, Magellan
Partners a pour raison d’être, d’aider les
entreprises à transformer leur business
model et leur manière de travailler pour
réaliser le plein potentiel de leur business.
Magellan Partners, notre proposition de valeur
7
Magellan Partners, groupe de conseil de 500
personnes accompagne ses clients à tous les
stades de leur transformation, de la
définition de la stratégie jusqu’à l’exécution
des projets.
Conseil
stratégique en
transformation
digitale
Création et
intégration de
solution digitale
Pilotage de
projets digitaux

6. 6
Notre Métier: Création et intégration de solutions digitales
Utiliser la technologie pour répondre aux besoins métiers, en
adaptant notre offre et en créant les réponses expertes en
transformation digitale
Apporter des solutions technologiques personnalisées pour
améliorer la performance en croisant les enjeux et la richesse du
catalogue de solutions Microsoft
Être le médiateur audacieux entre les fournisseurs et les clients
pour réaliser un changement de technologie en douceur et
stimulant
Industrialiser les phases techniques des métiers de façon simple et
efficace à travers une technologie toujours plus modulable.

7. 7
Exakis en une minute
15 ans d’expérience au service
des entreprises.
Création en 2001
avec 11 domaines de
compétences Gold & Silver
Le premier partenaire de
Microsoft
pour plus de 600 certifications
Microsoft
300 consultants et
experts
Dont 6 en France et 2 en Suisse
Un réseau de 8 agences
pour adresser la
transformation digitale
9 offres
Et un positionnement sur les
comptes CAC 40 / SBF 120 et
grandes collectivités
Plus de 500 clients
actifs
pour adresser les projets de
transformation digitale de
bout en bout
L’une des 7 entités
composant Magellan
Partners
2001
#1
300
8
9
500
7

8. contact@exakis.com +33 (0)1.53.94.82.82
Exakis, Aix en Provence Exakis, Biarritz Exakis, Lyon Exakis, Nantes
Exakis, Paris Exakis,Toulouse Exakis, Genève Exakis, Zurich
Nous contacter

9. 9
Groupe Crédit Agricole
S’intégrer dans un groupe bancaire international

10. La marque de réussite bancaire
Le Crédit Agricole est un groupe bancaire international découpé en 4 pôles :
Banque de proximité
Métiers spécialisés
Banque de financement et d’investissement
Activités et filiales spécialisées.
Au service de 51 millions de clients, 7 millions de sociétaires et 1,2 millions
d’actionnaires, le Crédit Agricole a réalisé un chiffre d’affaires de 16,3 milliards € en
2012.
La France compte 39 caisses régionales, qui détiennent le contrôle du Crédit Agricole
S.A. à hauteur de 56,3%.
10
Groupe CréditAgricole
22/06/2017

11. 11
CréditAgricoleTechnologies & Services
Une entité multi-sites
22/06/2017
1.700 collaborateurs
répartis sur…
16 sites
dont 1 (Albi) dédié uniquement à la monétique
au service de
39 Caisses régionales de Crédit Agricole

12. Historique d’une entreprise qui s’adapte au marché
CréditAgricoleTechnologies & Services
O
5 communautés autonomes géraient les systèmes d’information des 39 Caisses régionales.
En 2009, les caisses régionales lancent une étude de faisabilité pour le déploiement d’un système
d’information unique orienté client.
Les entités CA Technologies & CA Services voient le jour.
Une informatique hétérogène
La première étape du Programme NICE est franchie : les 39 Caisses régionales disposent du même
système d’information hébergé dans un centre de production unique, partagé avec Crédit Agricole
SA.
Un SI consolidé
Les entités distinctes Technologies et Services fusionnent au sein d’une entité unique
Fusion des entités
22/06/2017 12
L’évolution continue
L’entreprise poursuit ses ambitieuses transformations, tant organisationnelles que numériques.
2009
2013
2015

13. Objectif Transversalité !
13
CréditAgricoleTechnologies & Services
Activités Maîtrise d’Œuvre
MOE
CA-TS
22/06/2017
Conception, fabrication/maintenance, exploitation du SI dans le respect des exigences et des
niveaux de service définis par les Caisses régionales, formalisés et suivis par la MOA
Activités Maîtrise d’ouvrage
MOA
Relation avec les Caisses régionales depuis la définition des besoins, le pilotage des projets,
jusqu’à la mise en production et son suivi
Une entité unique pour facilité la
convergence transversale tout en
conservant ses rôles distincts.

14. Méthode « cAgile »
14
CréditAgricoleTechnologies & Services
22/06/2017
Phases de projet
&
Cycle de vie

15. Méthode « cAgile »
Cadrage
15
CréditAgricoleTechnologies & Services
22/06/2017

16. Méthode « cAgile »
Fabrication
16
CréditAgricoleTechnologies & Services
22/06/2017

17. Extranet des Elus
Cycle de vie d’une solution naissante

18. 18
Un extranet accessible depuis le web
Projet Extranet Elus
Un espace d’échanges dédié aux
élus et animé par les caisses
Un espace réservé
Mise à disposition de documents et
d’articles des caisses Régionales et Locale
Un espace documentaire
Un annuaire, des profils et des
moyens de communications
entre élus
Un espace de communication
2
4
6
Une volonté du Crédit Agricole d’informer
ses sociétaire sur les actions locales et son
engagement territorial
Un engagement à long terme
Une volonté d’impliquer les élus
dans la valorisation du
sociétariat
Une implication des utilisateurs
Vitrine de l’information auprès de ses
clients « privilégiés, les élus
Une image de marque
1
3
5
22/06/2017

19. Road
19
Timeline
Conception
Ateliers de conception MOA –
Banques (Caisses régionales)
2
3
4
1
Développement
Réalisation d’un projet initial
Livraison « Lot 1 »
Déploiement des caisses « Pilotes »
2015
2014
Déploiement & Stabilisation
Livraison « Lot 2 »
Déploiement des caisses « suiveuses »
Stabilisation de la plateforme
1er sem.
2016
Responsive
Evolutions « non critiques »
Ouvertures aux périphériques
mobiles
2ème sem.
2016
Maintenance
évolutive
Permettre l’intégration de
nouveaux besoins
découverts en fonction de
l’utilisation faite de la
plateforme
22/06/2017
Arrivée sur le projet

20. 20
Chronologie d’un projet actif
L’expertise du consultant pour la réussite de sa mission
Une ressource de développement
Mission : Renforcer le responsable/développeur présent sur le projet pour développer les fonctionnalités requises au déploiement des
caisses.
Contexte : Du retard accumulé avec une visibilité relativement sereine
Analyse de la situation
Le « retard » provient de difficultés de gestion, de communication et de développement. Ces anomalies cumulées grèvent
sérieusement le projet et concluent à un renouvellement de l’équipe => Je prend le lead et devient peu après l’unique dev !
Objectif : Stabilisation
A grand renforts de procédures remises à plat, le retard est absorbé dans l’objectif d’assurer le bon déploiement des caisses
« suiveuses ». Il s’agit avant tout de débloquer les fonctions critiques et de corriger les défauts techniques majeurs.
Le temps du renouveau
Les difficultés s’éloignent et la confiance de la direction revient. Cette situation permet d’envisager sereinement des évolutions de
mobilité concrètes, en coordination avec un projet de stage de fin d’études.
1
2
3
4
22/06/2017

21. Etude d’une étude …
21
La Mobilité de l’extranet Elus
Suggestion personnelle en tant que consultant :
Favoriser le Responsive pour fournir une compatibilité
mobile avec un budget limité et une maintenance
facilitée sur l’existant.
1
2 3
4 5
1 Avantage à l’application quand à la mise en service
d’une application sur les stores publics
Image de marque
2 Avantage à l’application, négligeable selon les
fonctions retenues
Accès au périphérique
3 Avantage au Responsive, qui se repose sur
l’existant et facilite la maintenance
Coût de développement
4 Avantage à l’application
Mode Hors Ligne
5 Neutre – Optimisations possibles des 2 côtés
Performance
Le projet de fin d’étude à pour but de comparer 2 éléments :
• Un site adapté aux mobiles
• Une application dédiée
Un projet de fin d’étude
60 Jours/h estimés
22/06/2017

22. 22
Mobilité
Un extranet jusque dans la poche
Une solution intermédiaire permettant d’adapter « à moindres frais » la consultation des
informations sur des périphériques mobiles, pour répondre aux besoins et enjeux actuels.
Responsive Design
1 • Révision des contenus
• Gestion automatique des miniatures d’images
• Optimisation JS / CSS
Optimisations SharePoint
3 • Réduction des transferts HTTP
• Guide de bonnes pratiques
Analyse des flux
2 • « Grid » pattern pour adaptation facilitée du rendu
• Remplacement d’images par des GlyphIcons (police d’écriture)
Framework Bootstrap
22/06/2017

23. Des caisses / clients très satisfaits de l’évolution et de la tournure des évènements
Un budget qui devrait s’en trouvé facilité, mais d’avantage limité car d’avantage basé
sur de la maintenance !
Un lot de nouveautés en attente …
23
Retours utilisateurs
22/06/2017

24. 24
Et demain ?
Appréhender l’avenir pour mieux évoluer

25. Garantir la pérennité de la mission dans le temps
25
Réflexions d’avenir
Business
Target
1 6
5
43
2
Application Mobile
Evaluer la nécessité d’une
application dédiée
Documentation
Préparer le transfert de
compétence du consultant
vers l’équipe interne
Migration
Evoluer l’outil sur les
nouvelles versions du socle
SharePoint
4
5
6
Evolutions fonctionnelles
Continuer à fournir de nouvelles
fonctionnalités pour répondre aux
besoins des caisses
Exploitation
Maintenir la qualité de service existant
Communication
Perfectionner la
communication MOE – MOA –
Caisses régionales
1
2
3
22/06/2017

26. ©Copyright Magellan Partners 2015 – Reproduction et utilisation interdites sans autorisation
Merci !