Stage de première année

Entreprise concernée :

CAPGEMINI en bref

La compagnie CAPGEMINI, est implantée à Digulleville (RUE DU HAGUE DICK) dans le département de la Manche.

Ses principales activités sont :

► Conseil en systèmes et logiciels informatiques.

► Audit et conseil informatiques

Informations principales :

• Localisation : Digulleville, rue du Hague Dick

• Nom du tuteur : Guillaume Faudemer

• Durée du stage : 5 semaines

Objectif du stage :

Le sujet concernera une première étude de la refonte de l'IHM de l'application GREF d'Orange.

• Critique de l'ergonomie actuelle du logiciel
• Proposition d'amélioration, se basant sur les standards que l'on trouve sur le Net
• Maquettage de quelques écrans
• Maquettage d'une nouvelle charte Graphique

Lors de la première semaine, on m'a tout d'abord présenté à une grande partie de l'équipe informatique du site de Digullville où je me suis installé dans le même bureau que mon tuteur Guillaume Faudemer à la place d'un alternant. La première semaine était globalement centrée sur la présentation de l'application Orange GREF, qui est une application de gestion de flux qui sert aux administrateurs Orange. Cette application à 9 ans et possède donc beaucoup de défauts autant sur le plan de l’ergonomie que du design. Durant la première partie de la semaine, j'ai taché de comprendre les subtilités de cette application que j'ai pu tester en simulation. Elle se trouve être complexe avec un nombre importants d'informations à saisir selon différentes situations. A la fin de la semaine, j'ai pu commencer à proposer quelques améliorations autant sur le design que sur l'ergonomie (nombre de clics à diminuer, nombre de pages différentes à réduire, etc.).

La deuxième semaine de stage, j'ai d'abord commencé par m’intéresser au code de l'application. Je me suis rendu compte qu'il était composé de javascript, d'ajax, de xml, de xsl et autres. A la suite de cela, j'ai proposé dans un premier temps des visuels graphiques comme maquette d’amélioration de la page de présentation (menu, header, couleurs, etc.) Nous avons montré les maquettes au client Orange qui a approuvé ces premières améliorations proposées.

Ensuite, il fallait proposer des maquettes sur des éléments plus complexes de l'application, afin de montrer une nette amélioration de l'ergonomie et du visuel sur les éléments qui gênés particulièrement les utilisateurs de l'application. Ces principaux éléments étaient la gestion des formulaires de saisis pour, par exemple, une création de flux. J'ai donc commencé à faire des maquettes de ce type de pages en web static avec une partie de JavaScript pour rendre l'application plus fluide, moderne et intuitive sur certains éléments importants. J'ai rencontré plus de difficultés car la page en question était beaucoup plus complexe en terme de compréhension de l'utilité de certains éléments. De plus, le client ne nous a que très peu aiguillé sur leurs attentes, mis à part la réduction du nombre de clics, de pages, et quelques détails.

Cette deuxième semaine a été très instructive sur : - Les normes ergonomiques des IHM - L'utilisation de Bootstrap - L'utilisation du JavaScript orientée web - L'utilisation du css/html d'une manière plus poussée

Le mardi de cette troisième semaine, j'ai enfin terminé la maquette de cette grande page de Création des flux. Guillaume Faudemer, mon tuteur, va pouvoir envoyer ces maquettes au client. Le temps de la réponse du client, mon travail est terminé pour l'instant, je prend donc le temps d'écrire ce rapport.

— Antoine BURNEL