Projet Learn@Home

Mise en situation

Vous êtes employé depuis 5 ans chez Dev4U, une entreprise de services du numérique de 120 collaborateurs comportant deux entités de développement logiciel :

• une entité spécialisée dans le développement d'applications mobiles, qui comprend 10 personnes ;
• une dédiée au Web, qui comprend 8 personnes.

L'entité cliente dénommée Learn@Home est une association qui met en relation des enfants en difficulté scolaire avec des tuteurs bénévoles. En gros, leur objectif est de permettre à tout élève, où qu'il soit, d'avoir accès à un soutien scolaire à distance. Ils veulent permettre à leurs élèves et à leurs bénévoles de communiquer plus facilement, directement depuis leur site web. Jusqu'alors ils utilisaient surtout WhatsApp et les SMS ! Learn@Home souhaite travailler avec nous sur toute la conception de son site web.

Les indications du manager

Vous êtes le lead développeur de l'entité web. Votre rôle est de cadrer ce projet puis de coordonner tous les développements avec l'équipe. Vous devez définir les besoins client, avant démarrage du développement logiciel pur. Nous avons prévu une nouvelle réunion dans quelques semaines avec Learn@Home. L'objectif est de leur présenter les éléments suivants :

1. Le.s diagramme.s de cas d'usage pour chacune des fonctionnalités majeures de chaque page (connexion, chat, calendrier, gestionnaire de tâches, tableau de bord).
2. Les user stories avec critère.s d'acceptation pour chacune des fonctionnalités, partagées dans un format standard (PDF, DOCX, XLSX).
3. Les maquettes du site avec un design simple et au moins une maquette par page (Vous pouvez utiliser Figma ou Sketch et il faudra expliquer la navigation entre les pages pendant le meeting).
4. Un Kanban découpant le projet, de manière macro (détails techniques exclus) en blocs de fonctionnalités et sous-fonctionnalités pour le développement. J'ai démarré le découpage dans ce kanban sur Notion, à vous de finir de compléter la colonne ANALYZE sur le même modèle. Vous pouvez travailler sur Notion, Trello ou GitHub. Je vous envoie un document dans lequel j'ai synthétisé les attentes du client. Vous y trouverez nos prises de notes et quelques croquis. Bien sûr, il faudra fournir les maquettes pour desktop et mobile.

Les livrables

Diagramme des cas d'utilisation

Diagramme des cas d'utilisation.

Les User Stories

Les User Stories avec critères d'acceptation.

Liens vers les maquettes Figma avec prototypes

Les livrables sont ci-dessus au format PDF. De plus, les maquettes sont sur Figma avec prototypes pour aider à comprendre la navigation entre les pages et avoir une idée plus concrète du produit.

• Version desktop des maquettes sur Figma avec prototype.
• Version mobile des maquettes sur Figma avec prototype.

Pour démarrer le prototype, cliquez sur le triangle en haut à droite. Il y a 3 parcours :

• Lorsqu'on veut créer un compte,
• Lorsqu'on a oublié son mot de passe,
• Lorsqu'on considère que les identifiants sont corrects et qu'on clique sur le bouton Connexion.

Au cours d'un parcours, les champs texte ne sont pas modifiables mais les cases à cocher et certains boutons sont fonctionnels. Lorsqu'un élément est cliquable, le curseur de la souris se transforme en main (sauf pour la version mobile).

À la fin de chaque parcours, on peut appuyer sur la touche R pour revenir au début du parcours.

Liens vers les tableaux Kanban

• Tableau Kanban avec Kanboard.
• Tableau Kanban avec Trello.
• Tableau Kanban avec Github.