Rapport de stage de première année Stage industriel au Crédit du

DUBRULLE Alain
ENSEEIHT
IMA promotion 2009
Rapport de stage de première année
Stage industriel au Crédit du Nord
Sommaire
Présentation de l’entreprise
Le Crédit du Nord
La Direction des Systèmes d'Information et des Projets
L’équipe pilotage et outils
3
3
3
Sujets du stage
Tâches récurrentes
Refonte du glossaire de l’exploitation
Amélioration des listes de reporting
Ergonomie de l’intranet
4
4
6
6
Outils utilisés
ASP, SQL et Javascript
7
Expérience acquise
Développement d’applications web
ITIL et l’organisation de l’entreprise
8
8
Conclusion
8
2
Présentation de l’entreprise
Le Crédit du Nord
Le groupe crédit du Nord est une société bancaire de 8500 salariés présente dans toute la
France.
Organisée par régions, elle est connue à Toulouse sous le nom de banque Courtois. Le centre
social est situé à Paris, mais la Direction des Systèmes d'Information et des Projets (DSIP) se
trouve dans le Nord à Seclin, près de Lille.
La Direction des Systèmes d'Information et des Projets
La DSIP est divisée en deux grandes sections réparties dans deux bâtiments voisins. L’une
rassemble les équipes de projet qui développent l’architecture et les futures applications
utilisées par la banque.
L’exploitation quant à elle, assure le bon fonctionnement des services fournis aux agences et
aux clients. Elle comporte l’imprimerie chargée de l’envoi des relevés bancaires et autres
documents, une « salle morte » contenant les serveurs qui traitent les transactions bancaires,
l’assistance informatique par téléphone pour les agents du crédit du nord et enfin les équipes
techniques qui contrôlent, entretiennent et mettent à jour cette infrastructure.
L’équipe pilotage et outils
J’ai effectué mon stage dans l’équipe pilotage et outils. Son rôle est de fournir à l’exploitation
des procédures et des moyens pour assurer une qualité de service constante.
Suivant les principes de l’ITIL (Information Technology Infrastructure Library), elle s’occupe
par exemple de fournir un inventaire complet et détaillé du matériel du crédit du nord ainsi
que de sa localisation, d’industrialiser la gestion des incidents (incidents et problèmes sont
répertoriés par un logiciel spécialisé qui facilite leur traitement, évite qu’ils ne soient signalés
plusieurs fois aux équipes de maintenance, etc.) ou de regrouper et d’organiser la
documentation technique.
Travailler au sein de cette équipe a été particulièrement enrichissant.
Elle nécessite en effet une bonne compréhension de l’organisation de l’exploitation (ma
première matinée a consisté en une visite complète du bâtiment et une présentation des
principales équipes).
Elle n’est pas soumise non plus à la même pression que d’autres équipes très réactives
(assistance téléphonique, etc.), ni aux mêmes exigences techniques (expertise en maintien des
serveurs, etc.).
Je me suis donc vu confier des tâches intéressantes, techniques mais accessibles à mon
niveau.
3
Sujets du stage
Tâches récurrentes
L’équipe ASPIL gère plusieurs bases de données qui nécessite parfois des mises à jours ou
des corrections.
Je me suis ainsi vu confier la suppression des comptes utilisateur périmés et la mise à jour
manuelle de la base des demandes de changement, lorsque certaines demandes ne pouvaient
pas, à cause d’un bug quelconque, être modifiée via l’interface prévue à cet effet.
Refonte du glossaire de l’exploitation
Le projet qui m’a été confié au départ et qui constituait l’objectif premier de mon stage était
l’amélioration du glossaire de l’exploitation.
Voici la capture d’écran qui m’a été envoyée avec le code source en prévision de mon arrivée
au crédit du Nord :
Capture d’écran de l’ancien glossaire, annotée par le responsable de l’équipe
4
Le glossaire était divisé en deux frames. La première, en haut, contenait une liste de lien
permettant d’accéder directement à une lettre, ainsi qu’un bouton pour ajouter une définition.
La seconde contenait l’ensemble des termes du glossaire, classés par ordre alphabétique.
Cette structure générale a été conservée. Elle nécessitait cependant d’importantes retouches et
améliorations.
Le premier défaut de l’ancien glossaire était son temps de chargement.
L’affichage de tous les termes du glossaire, de leur définition, de la liste des mots associés et
des icônes (pour corriger, supprimer ou afficher des informations complémentaires sur un
terme), le tout aligné dans un tableau HTML, prenait près de 10 secondes.
L’autre grosse lacune était la fonction de recherche. La seule possibilité offerte était d’utiliser
la fonction de recherche du navigateur internet (« Utiliser ctrl + F pour effectuer une
recherche dans la page »).
L’objectif de la refonte était de régler ces deux problèmes, et d’ajouter éventuellement des
fonctions supplémentaires et des améliorations cosmétiques.
Le fait de partir d’un code préexistant m’a beaucoup aidé, car je n’avais aucune expérience de
ce genre d’applications.
J’ai conservé tels quels les fonctions d’ajout, de remplacement et de suppression de termes
(gérés par des fichiers ASP séparés) et l’essentiel du code générant la liste des termes. J’ai
juste éclaté la boucle qui générait un entête et la liste des termes pour une lettre passée en
paramètres.
Une fois la page éclatée en 27 morceaux accessibles en passant un paramètre dans l’url, le
plus gros du travail concernait l’entête.
J’ai ajouté un champ de recherche avec différentes options, pour effectuer des recherches
directement dans la base de données et non plus sur la page HTML.
Le reste de mon travail, achevé en une dizaine de jours, a consisté en quelques améliorations
cosmétiques (l’occasion de revoir le CSS), l’ajout d’une aide pour la recherche, d’une page
d’accueil (voir capture d’écran), d’une page affichant rapidement la liste des termes sans leur
définition et du surlignage dans l’entête de la lettre actuellement visualisée.
Capture d’écran du nouveau glossaire, intégré dans l’intranet
5
Amélioration des listes de reporting
Les listes de reporting permettent d’afficher les appels reçus par l’assistance informatique, les
incidents et problèmes répertoriés ainsi que les changements prévus et les éléments de
configuration (matériel, logiciels, réseaux, etc.) inventoriés, triés suivant différents critères.
Une partie de ces listes n’était pas fonctionnelle, d’autres, au format html, n’étaient pas
structurées visuellement (affichage des informations les unes à la suite des autres, petites
icônes plutôt qu’un surlignage pour les incidents critiques…) ; d’autres encore n’étaient
même pas fonctionnelles.
L’entête contenant les options de recherche a également du être perfectionné (possibilité de
masquer le filtre expert, mise à jour en javascript des champs les uns en fonctions des autres,
ergonomie de certains entêtes particuliers…).
La principale difficulté de ce sujet était que tout le code de ces listes était mélangé dans les
mêmes fichiers. Les blocs conditionnels omniprésents (une vingtaine de listes différentes
générées par le même code) rendaient la lecture difficile. J’ai essayé autant que possible
d’améliorer la lisibilité du code, mais je ne disposais pas du temps nécessaire pour le
réorganiser complètement.
L’ensemble de ces travaux m’a occupé jusqu’au 10 août, sans compter les corrections à
apporter après la mise en production.
Ergonomie de l’intranet
L’intranet de l’exploitation, géré par l’équipe de pilotage, s’est beaucoup enrichi au fil du
temps. A tel point que le menu était surchargé et l’information difficile à trouver malgré le
système de sous-menus. Comme il était de plus affiché à gauche de la majorité des pages de
l’intranet, il consommait beaucoup d’espace.
Mon troisième et dernier projet consista donc à revoir l’ergonomie de ce menu et à ajouter
une page d’accueil facilitant la navigation (voir la capture d’écran ci-dessous).
Capture d’écran de la nouvelle page d’accueil
6
L’ancienne page d’accueil ne contenait que le menu et le petit encart « actualités ».
La nouvelle vise à offrir une organisation visuelle de l’information, à l’aide d’icônes. Les
liens sont classés par catégories repensées et identifiées par des icônes. Seuls les liens les plus
importants de chaque catégorie sont visibles, les liens secondaires peuvent être rendus visibles
en cliquant sur la petite icône « + » à la fin de la liste des liens principaux.
Le menu à gauche a été replacé en haut, en dessous de la bannière de l’intranet.
Il fonctionne d’une façon assez proche des explorateurs des systèmes d’exploitation. On
trouve en haut, en grand, l’emplacement actuel (« Accueil » ou « Accueil > Métrologie » par
exemple).
On trouve en dessous la liste des éléments accessibles dans le sous-menu courant (l’ensemble
des sous-menus pour la page d’accueil), avec les liens secondaires sur une ligne à part.
Tout clic sur un lien modifie en conséquence le menu par javascript.
J’ai créé des fonctions ASP pour créer chaque sous-menu et chaque lien rapidement et
simplement. Lors de mon départ du Crédit du Nord, l’ensemble était opérationnel et un autre
stagiaire a été chargé de compléter ces fonctions pour établir des statistiques et déterminer
quels étaient les liens et catégories à mettre en avant.
Outils utilisés
ASP, SQL et Javascript
L’ensemble de l’intranet est codé en ASP (Active Server Page), un langage qui a marqué le
début du web dynamique et qui comporte quelques éléments de programmation objet.
Comme la plupart des applications web, l’intranet fonctionne avec une base de données
(Microsoft Access) à laquelle on fait appel via SQL (Structured Query Language).
Enfin, pour modifier la page sans devoir la recharger, j’ai été amené à utiliser le javascript.
Ayant étudié java au cours de ma première année à l’ENSEEIHT, la syntaxe m’était familière.
Le plus compliqué fut donc d’apprendre les petites astuces pour, par exemple, transmettre les
informations de la base de données à javascript qui ne peut pas y accéder directement.
7
Expérience acquise
Développement d’applications web
Malgré une certaine expérience de l’HTML, je n’avais jamais développé de page web
dynamique.
Le fait de travailler sur des applications déjà existantes m’a heureusement permis d’assimiler
rapidement la syntaxe d’ASP et les principes de base et l’équipe m’a apporté aide et conseil
lorsque j’en avais besoin.
Ce travail m’a également incité à apprendre le PHP, langage semblable à l’ASP, pour
construire une page personnelle sur le serveur de l’association de l’élève, qui contiendra entre
autres mon portfolio et une présentation de mes réalisations informatiques.
ITIL et l’organisation de l’entreprise
Je n’avais jamais entendu parler d’ITIL auparavant. Ensemble de bonnes pratiques
informatiques pour faire fonctionner plus efficacement une entreprise (ou toute organisation
du même type), ITIL m’a été présenté d’un point de vue théorique mais surtout pratique.
J’ai travaillé sur les applications répertoriant incidents, changements, éléments de
configuration… et lors de la visite de l’entreprise avec le chef d’équipe, j’ai pu réaliser
l’importance de l’inventaire et de l’étiquetage du matériel, notamment dans la salle morte qui
contient des centaines de serveurs, de switchs, etc.
Conclusion
Ce stage de première année a été une expérience très enrichissante et satisfaisante.
J’ai pu rapidement combler mes lacunes techniques et fournir un travail qui m’a moi-même
surpris. Les conseils et la qualité exigée par mon parrain de stage y ont beaucoup contribué,
ainsi que l’ambiance de l’entreprise, conviviale et travailleuse.
Mon intégration à l’équipe s’est déroulée sans problème et les sujets qui m’ont été confiés
étaient à la fois intéressants et abordables ; tout a contribué à faire de ce stage une réussite.
8