Présentation La Caisse nationale des allocations familiales (CNAF) forme la branche « famille » de la Sécurité sociale française, qu'elle gère au travers le réseau formé par les 102 caisses d'allocations familiales (CAF) réparties sur tout le territoire. Actuellement tout le site internet caf.fr est en refonte. Celle-ci se divise entre trois sites (Montreuil, Rennes et Nice). Montreuil s'occupe de la Demande d'Aide au Logement (DAL).

Contact

• Adresse : Site de Île de France, Immeuble Gaumont II, 36 rue Valmy 93100, Montreuil

Site de Rennes, 1 rue André et Yvonne Meynier, Rennes

• Tuteurs : Jean-Michel Paquaux (01 55 85 89 00) & Daniel Mandelbaum (01 55 85 89 43)

Période de stage

• Date : Du 28 mai au 29 juin 2018
• Durée : 5 semaines - cinq semaines à Montreuil (dont deux jours à Rennes - le 11 et 12 juin)

Contexte

Le site caf.fr est depuis plusieurs mois en pleine mutation pour s'adapter aux nouveaux usages numériques. Un programme de refonte des services en ligne est en cours.

Mission

Analyse des travaux déjà réalisés sur le plan ergonomique et en matière d'accessibilité. Sur la base de la charte nationale CNAF existante, il s'agit de détecter les incohérences d'implémentation, de proposer des solutions d'harmonisation, d'optimisation de l’expérience utilisateur. Participation aux tests de validation et aide au codage.

• 28/05 : Visite des locaux, présentation du personnel et de mon équipe de projet sur les deux plateaux Agile. Explication de la méthode Agile et du projet de refonte du site caf.fr. Mise en place de l'environnement de travail (ordinateur, session, mail, internet …) Prise en main des documents sur la charte graphique, la charte Eden (spécifique à la CNAF) et la libellisation CERFA. En mode développement, test d'utilisation quand l'utilisateur est un nouvel allocataire (demande de l'aide au logement) et démonstration du Scrum Manager (manager du plateau 1) si l'utilisateur est un étudiant et célibataire.

• 29/05 : Participation à une réunion d'équipe (mise en place des objectifs 2019, évocation du changement de lieu des équipes des plateaux 1 et 2 pour Juillet, point sur l'avancement du projet …) Comparaison de l'ancien site et du nouveau site caf.fr, définition de l'ergonomie et de l'accessibilité sur la nouvelle version du site.

• 30/05 : Entretien avec mon tuteur pour faire le point sur mes premiers jours dans l'entreprise (remplissage d'un tableau de suivi). Mise en place des tâches à faire pour la journée. En mode développement, découverte de l'espace “Mon compte” puis test d'utilisation de l'espace “Mon compte”, test de la demande de l'aide au logement. Vérification du placement des boutons, des composants de saisis, des messages d'erreur lorsqu'un champ est non-saisi et de la taille des marges (à droite, à gauche de la page, entre les boutons et les champs de saisis).

• 31/05 : Suite des vérifications du site caf.fr sur tout l'espace “Mon compte”. Explication de l'accessibilité sur le site de la caf.fr. Étude des documents techniques sur l'accessibilité (explication du code Jsb pour rendre une page accessible et compréhension d'un audit d'une société externe qui gère l'accessibilité du site caf.fr). Entretien rapide en fin de journée avec mon tuteur pour faire le point sur la journée.

• 01/06 : Début d'explication du langage Angular. Explication de la base de données du site caf.fr. Participation à un atelier (réunion) sur l'élaboration des maquettes écrans des pages “Déclaration des ressources” du site caf.fr (les écrans doivent être full responsive, simple et compréhensible pour l'utilisateur …)

• 04/06 : Entretien pour faire le point sur la journée de vendredi avec mes deux tuteurs et me donner une tâche à faire. Analyse de l'audit rendu le 03/05/18. Vérification que les problèmes trouvés ont été corrigé et noté ce qui n'a pas encore été corrigé (faire le lien entre le site caf.fr et l'audit).

• 05/06 : Suite et fin de l'analyse et de la vérification de l'Audit. Installation d'Oracle pour accéder à la machine virtuelle utilisée par la CNAF (permet d'accéder aux codes du projet). Commencement de la rédaction du cahier de recette en lien avec l'Audit étudié( un cahier de recette permet de vérifier que l'application est conforme aux attentes).

• 06/06 : Explication du fonctionnement des phases de tests avec les contributeurs (personnes qui travail dans les caf -techniciens-). Participation aux tests de validation des nouvelles pages caf.fr qui ont été produite. Suite de la rédaction du cahier de recette (trouver les erreurs à corriger, les noter et informer des modifications à apporter en respectant la charte graphique). Faire le lien entre le site caf.fr et la charte graphique. Utilisation du logiciel Squash.

• 07/06 : Suite de la rédaction du cahier de recette. Participation à la réunion de maquettage (bilan de la réunion de vendredi dernier, étude de la réalisation web de la maquette de la semaine dernière faite par le web designer -choses à modifier …-, réalisation des maquettes de Mon compte, demande d'aide au logement -actualisation des ressources- et la simulation d'une demande d'aide au logement).

• 08/06 : Suite et fin de la rédaction du cahier de recette corrective. Téléchargement et installation des outils d'accessibilité (NDVA et Color Contrast Analyser). Utilisation de NVDA et de Color Contrast Analyser (vérification que les contrastes sur caf.fr sont correct -AA ou AAA- et vérifier que NVDA lit tout ce qui est écrit sur les pages du site caf.fr). Fin de l'installation de la machine virtuelle Oracle.

• 11/06 : Journée en déplacement à Rennes. Présentation rapide des locaux et du personnel ainsi que les personnes qui s'occuperont de moi. Participation aux tests de validation, avec les contributeurs, de la partie RSL (Refonte des Services en Ligne) déclaration de situation sur chaque moteur de recherche (chrome, Firefox, internet explorer) et sur chaque surface (tablette, smartphone, pc …). Utilisation du logiciel squash qui donne les situations à tester. Explication de la formation UX design, exercices d'applications puis prise en main du logiciel Axure (logiciel qui permet de faire des maquettes dynamique).

• 12/06 : Journée en déplacement à Rennes. Lecture des documents d'explication de l'UX design. Prise en main d'Axure, faire des exercices d'applications en s'appuyant sur les documents. Explication du fonctionnement des tests avec les développeurs (ils testent ce qui a été produit par les développeurs).

• 13/06 : Utilisation d'Oracle pour accéder à la VM et regarder le code de la DALPrimoAppli et DALPrimoFront pour la partie erreur. Faire une demande d'aide au logement en primo (l'utilisateur n'est pas encore allocataire). Regarder sur chaque page si elle est responsive et vérification que tout le code CSS est utilisé. Étude des règles de gestion établies à la dernière réunion Règle De Gestion. Installation du logiciel Axure sur mon poste. Exercices d'entrainement pour l'utilisation du logiciel.

• 14/06 : Suite et fin de l'exercice d'entraînement sur Axure de la partie Situation Professionnelle et Ressources, en s'appuyant sur les pages caf.fr déjà existante et en utilisant les règles de gestion dites lors de la dernière réunion.

• 15/06 : Approfondissement des exercices d'entraînement sur Axure. Participation à la réunion de maquettage n°3 (revoir tout ce qui a été fait jusqu'à maintenant et faire les maquettes des écrans de login/mot de passe, de la création de Mon compte et la barre d'étape).

• 18/06 : Exercices sur Axure. Analyse des pages de la DAL primo (quand un utilisateur n'est pas allocataire). Vérification des messages d'erreurs (les mêmes sur toutes les pages), la largeurs des zones de saisies et des boutons (alignement du formulaire). Remplir la feuille Excel qui recense tous les messages d'erreurs existant.

• 19/06 : Suite et fin du remplissage de la feuille Excel qui recense tous les types d'erreurs qui existes sur caf.fr. Aide aux développeurs pour trouver des erreurs sur le code CSS (class inutile).

• 20/06 : Participation à une formation AT Internet (cette formation permet à la DSI et à la maîtrise d'ouvrage de monter en compétence sur cet outil car elle est théorique et pratique). Début de la mise en pratique de ce qui a été vu en théorie (tableau de bord). L'outil AT Internet permet d'avoir des statistiques sur le site caf.fr (nombre de clic, trafic sur chaque page …) grâce en partie aux cookies, en prenant en compte tout ce qui est connecté, tous les supports (ordinateur, tablette, smartphone …)

• 21/06 : Participation à la suite de la formation AT Internet. Pratique : utilisation des segmentations, de custom metrics et approfondissement des tableaux de bord. Théorique : les différents types de segmentation, la différence entre les dimensions et les métriques.

• 22/06 : Relecture de l'audit, mise en valeur des parties non comprises. Suite du remplissage de la feuille d'étude de l'audit. Avec le deuxième plateau Agile, explication de la feuille d'erreur que j'ai faite (harmonisation des messages d'erreur) et du fonctionnement de l'affichage des messages d'erreur (vérification en cours de saisie et en fin de saisie avec les micro-services, (lien avec la base de données)).

• 25/06 : Suite et fin de l'étude de l'Audit puis vérification que l'étude faite est correcte. Commencement de la rédaction d'un document pour recenser toutes les erreurs sur la DAL Primo Demandeur (Demande d'Aide au Logement pour un utilisation qui n'est pas allocataire). Défilement des téléprocédures pour vérifier les majuscules, les espacements entre les questions, les messages d'erreur, les comportements, la largeur des champs et entre les champs …

• 26/06 : Suite de la rédaction de la feuille d'erreurs de la DAL Primo (première option : locataire ou colocataire). Entretien avec mes deux tuteurs pour faire le point sur mes semaines de stage et remplir l'attestation de stage ensemble.

• 27/06 : Suite et fin du remplissage de la feuille d'erreurs de la DAL Primo (page commune aux 4 options : option 1 location ou colocation, option 2 sous-location, option 3 logé par le Crous, option 4 foyer hors Crous). La DAL Primo est la dernière production des plateaux Agile de Montreuil.

• 28/06 : Rédaction d'un rapport de stage

• 29/06 : Rédaction d'un rapport de stage

• Axure
• Oracle, machine virtuelle
• NVDA
• Color Contrast Analyser

• Nolwenn Sabot