Giter VIP home page Giter VIP logo

mda's Introduction

Maison Numérique de l'autisme

Ce projet a pour but d'aider les personnes concernées par l'autisme à trouver leurs réponses et à mener à bien leurs démarches.

Accessible sur https://maisondelautisme.gouv.fr/.

Ce dépôt est un monorepo créé pour faciliter le déploiement sur l'infrastructure de la Fabrique numérique des ministères sociaux.

Brève description

Mda est composé de deux applications :

  • Un CMS strapi.
  • Un serveur front en nextjs.

Les données sont stockées dans une base de données postgresql. La recherche utilise meilisearch.

Structure et projets

eslint-confing

La config eslint du monorepo. Ce projet est une dépendance de développement. Il n'est pas déployé.

strapi

Ce projet utilise strapi pour fournir une API pour le front et une interface administrateur de gestion de contenu.

Plus d'information dans le README.md du projet.

strapi-plugin-mda

Une extension pour l'interface administrateur de strapi. Elle contient le nécessaire pour gérer les parcours de diagnostic. Ce projet est déployé avec strapi.

Plus d'information dans le README.md du projet.

strapi-types

Ce projet est généré par le modèle de données strapi et contient également des types contrat entre le CMS et le frontend.

Plus d'information dans le README.md de strapi.

web

Ce projet utilise next.js pour servir le site web principal.

Plus d'information dans le README.md du projet.

shema simplifié d'architecture

flowchart TD
    subgraph internet[Internet]
        user[Utilisateur]
        admin[Administrateur]
    end

    subgraph Azure
        subgraph PostgreSQL
            db[(Base de données Strapi)]
        end

        subgraph kube[Kubernetes]
            subgraph servicesFrontEnd[Ingress]
                strapiCMS[CMS Strapi]
                frontend([Site web])
                strapiAdmin([Site Admin Strapi])
                mailer["maildev<br>tipimail (prod)"]
            end

            meilisearch{{Moteur de recherche Meilisearch}}
        end

        subgraph share[Share]
            shareStrapi[Uploads Strapi]
            shareMeilisearch["Indexes Meilisearch </br>(to remove for a shared volume)"]
        end
    end

    strapiCMS<-->|cache|frontend
    strapiCMS<-->|contenu|strapiAdmin
    shareStrapi<-->|"Librairie média (images, vidéos)"|strapiCMS
    meilisearch<-->|Synchro indexes de recherche + recherche|strapiCMS
    shareMeilisearch<-->|Indexes|meilisearch
    strapiCMS-->|Stockage|db
    frontend-->|Envoi d'email|mailer
    user-->|Consulte|frontend
    admin-->|Gère|strapiAdmin
    mailer-->|Feedback|admin

Prérequis

Le projet ayant besoin d'une base de donnée locale pour fonctionner, il est requis d'avoir docker et docker-compose d'installé.

Node

Le projet est en node version 18 minimum. Un fichier .nvmrc est disponible :

nvm use

Vous devez aussi installer yarn.

Installation des dépendances

yarn

Lancer

Vous pouvez lancer toutes les applications à l'aide du fichier docker-compose.yml mais pour développer, il est plus pratique de lancer les applications une à une.

Lancer les services nécessaires

Pour lancer les services docker, vous pouvez utiliser la commande

yarn up

Cela lancera la db + l'admin db et meilisearch.

Lancer strapi

Pour builder strapi, il faut d'abord builder le plugin. Plus d'information dans le README.md de strapi.

Lancer strapi en local

Plus d'information dans le README.md de strapi.

Lancer le front en local

Plus d'information dans le README.md du projet.

URLs

  • Strapi => http://localhost:1337/admin
  • Web => http://localhost:3000
  • PgAdmin (pour voir la db) => http://localhost:5050

Arrêter les services en local

Les commandes des projets s'arrêtent avec Ctrl+C. Pour arrêter les services docker, vous pouvez utiliser

yarn stop

ou

yarn down

Le volume base de données sera conservé. Si vous souhaitez le supprimer, veuillez le faire manuellement avec docker volume.

Tout lancer depuis la racine

Si vous voulez tout lancer en une commande, vous pouvez utiliser

yarn dev

Mais nous vous recommandons de vous assurer que tout fonctionne bien unitairement.

Valider le code (lint)

Soit lancer la commande à la racine, soit dans le dossier de chaque application :

yarn lint

Tester

Il n'y pas encore de tests en place.

Licence

Apache 2.0 - Direction du numérique des ministère sociaux.

Voir LICENSE

mda's People

Contributors

achauve avatar devthejo avatar gary-van-woerkens avatar igorrenquin avatar lsagetlethias avatar paulsouche avatar socialgroovybot avatar sutter avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

mda's Issues

Page mentions légales

  • Création du gabarit de page
  • Branchement aux élément de navigation
  • Ajout du contenu

Bouton replier / déplier

URL concernée : toutes les gabarits de fiches pratiques

J'observe ce qui ne va pas :
Si je déplie manuellement toutes les questions, le bouton "tout déplier" reste intact

Je demande ce que je souhaiterais :
Si je déplie manuellement toutes les questions, le bouton "tout déplier" doit se changer en "tout replier".
Idem, si je les ai toutes replié manuellement, le bouton doit se changer en "tout déplier"

image

Mesure d'impact - outillage

URL concernée : pas d'URL encore créée

J'observe ce qui ne va pas :
Besoin de mettre en place une mesure d'impact grâce aux outils de la Fabrique

Je demande ce que je souhaiterais :
1/ Un lien vers la page de stats publiques
2/ Un lien vers la page de stats internes (voir quelle est la diff ? interface grand public vs interface admin ?)
3/ Mettre en place la mesure des indicateurs validés durant le kick off - cf tableau disponible sur l'espace notion
4/ Mettre en place le suivi des parcours "externes" : le taux de complétion des parcours de simulateur MesDroitsSociaux

Ajout des logos & liens vers les réseaux sociaux MDA

URL concernée : toutes les pages https://maisondelautisme.fabrique.social.gouv.fr/

J'observe ce qui ne va pas :
Il serait important d'avoir les accès aux réseaux sociaux de la maison de l'autisme depuis le site

Je demande ce que je souhaiterais :
Ajouter les logos & liens vers les réseaux sociaux sur le site

Gabarit de page Fiche pratique

URL concernée : https://mda-preprod.dev.fabrique.social.gouv.fr/fiches-pratiques/qu-est-ce-que-l-autisme

J'observe ce qui ne va pas :
1/ le nom de l'auteur qui publie contient une coquille : Maison de l'austisme
2/ le bouton "tout déplier" ne fonctionne pas au clic (il ne déplie rien)
3/ les titres du sommaire (en bleu) ne sont pas cliquables
4/ il manque une section "Sources", qu'on pourrait plutot renommer en "Liens connexes" pour généraliser cette section (liens d'intérêts, sources, ressources à consulter etc...)

Je demande ce que je souhaiterais :
1/ Corriger le terme "austisme" en "autisme" dans le nom d'auteur
2/ activer le bouton "Tout déplier" afin que cela ouvre toutes les questions. Vérifier que cela s'applique aussi pour le bouton "tout replier"
3/ Rendre cliquable les titres du sommaire (en bleu)
4/ Ajouter une rubrique "Liens connexes" en bas de l'article ==> déplacé dans l'icebox ; à faire en Vx

Page mention légales

URL concernée : https://mda-preprod.dev.fabrique.social.gouv.fr/mentions-legales

J'observe ce qui ne va pas :
coquille

  • Paragraphe En savoir plus : Il manque un espace entre le : et l'URL
  • Paragraphe Signaler un dysfonctionnement : Il manque un espace entre le : et l'URL formulaire du défenseur des droits

Je demande ce que je souhaiterais :
Mettre un espace entre les : et les URL de ces deux paragraphes

image

chapô page maison de l'autisme physique

Dernier changement page maison de l'autisme

Remplacer le chapô par :

La Maison de l’autisme n’est plus un projet, c’est une réalité. Elle se poursuit avec vous. Ses portes ouvriront à Aubervilliers dès avril prochain ; en attendant nous avons hâte de recevoir votre avis sur ce site en version bêta.

Page annuaire

  • Création du gabarit de page
  • Branchement aux élément de navigation
  • Ajout du contenu

Page d'accueil

URL concernée : https://mda-preprod.dev.fabrique.social.gouv.fr/

J'observe ce qui ne va pas :
1/ Il manque un pavé de texte dans le 1er layer (qu'est ce que l'autisme)
2/ Il manque les pictos dans le 2e layer (boite à outils)
3/ Je souhaite revoir les fiches pratiques les plus lues affichées à ce jour
4/ Il manque des photos illustratives dans le 1er et le dernier layer (qu'est ce que l'autisme et maison physique)
5/ Je souhaite reformuler le texte de la rubrique "Mon parcours"
6/ Je souhaite reformuler le texte de la rubrique "Mes aides"

Je demande ce que je souhaiterais :

  • 1/ Corriger le bouton "Comprendre l'autisme" et utiliser le chapô validé : L’autisme est un trouble du neurodéveloppement (TND) précoce qui impacte les capacités de communication, les interactions sociales et les comportements des personnes. Ce trouble va souvent de pair avec d’autres manifestations : hyper ou hypo sensibilité aux sons, lumières, odeurs... , trouble du déficit de l’attention avec ou sans hyperactivité (TDA/H), troubles “dys” (dyslexie, dyspraxie, dysphasie,...).

Lien strapi ==> qu-est-ce-que-l-autisme

  • 2/ Utiliser les pictos utilisés dans la maquette Figma

  • 3/ Remplacer les fiches les plus lues affichées par la liste ci-après : Qu'est ce que l'autisme ? > Plateforme de Coordination et d'Orientation > Parcours de diagnostic > Dossier MDPH > Acteurs et organismes > Groupes d'entraides

Liens strapi
==> qu-est-ce-que-l-autisme
==> plateforme-coordination-et-d-orientation
==> parcours-de-diagnostic
==> dossier-mdph
==> acteurs-et-organismes
==> je-cherche-des-groupes-d-entraide

  • 4/ Utiliser les photos en PJ à ce ticket pour le layer 1 et dernier layer

  • 5/ Remplacer le descriptif de la rubrique "Mon parcours" dans le layer "Démarches et outils" : En tant que personne autiste, parent ou aidant, plusieurs étapes clés sont à réaliser pour mener sa vie de la manière la plus autonome possible.

  • 6/ Remplacer le descriptif de la rubrique "Mes aides" dans le layer "Démarches et outils" : Selon votre situation, celle de enfant ou de votre proche, des ressources sont disponibles pour vous aider au quotidien.

Nota bene : une fois toutes les pages créées, je retesterai les liens cliquables pour m'assurer de leur bonne redirection.

Immeuble_maison_autisme_facade
shutterstock_1698087613

Footer

URL concernée : https://mda-preprod.dev.fabrique.social.gouv.fr/

J'observe ce qui ne va pas :
1/ Quelques coquilles figurent dans le texte du footer
2/ Il manque le lien hypertexte "Plan du site"
3/ Il manque la mention du statut du RGAA
4/ Les pages CGU, Mentions Légales et Politiques de confidentialités ne sont pas à jour ==> viendra dans un deuxième temps, je vois Osiris le 24/01 à 16h30.

Je demande ce que je souhaiterais :

  • 1/ Texte du footer à remplacer :

Ce site est une version beta en cours de déploiement progressif. Il sera enrichi au fur et à mesure des retours des personnes concernées. Un oubli ? Une suggestion ? Utilisez le module Je donne mon avis pour soumettre vos idées afin de contribuer à enrichir ce service public construit par et pour les personnes autistes et leurs proches.

Attention, les demandes personnelles transmises via ce formulaire ne pourront être traités sur ce site, veuillez vous rapprocher de l'organisme en charge de votre dossier. Pour toute question, vous pouvez contacter Autisme Info Services.

  • 3/ Afficher dans les liens hypertextes tout en bas du footer, avant CGU, le statut RGAA :

Accessibilité : non conforme
Au clic ou au hover avec la souris, une pop in s'affiche pour indiquer le message suivant : Un audit d'accessibilité est prévu dans les prochaines semaines et permettra d'afficher un statut d'accessibilité certifié par l'organisme auditeur.

Aperçu des chapô sans mise en forme - mais avec des balises

URL concernée : https://maisondelautisme.fabrique.social.gouv.fr/fiches-pratiques

J'observe ce qui ne va pas :
L'aperçu des chapô ne prend pas en compte les balises de mise en forme qui sont dans les pages de fiche pratique et laisse apparaitre les balises. Exemple en screenshot.

Je demande ce que je souhaiterais :
Ne pas faire apparaitre les balises en texte ; ni faire apparaitre la mise en forme (le gras ou la mise en forme URL par exemple). Juste faire apparaitre le texte.

image

Mon parcours - Page Parent ou aidant

URL concernée : https://mda-preprod.dev.fabrique.social.gouv.fr/mon-parcours/parent-personne-aidante

J'observe ce qui ne va pas :
1/ Le titre est à modifier
2/ Le chapô est à modifier
3/ Les grandes étapes ne sont pas complètes et leur descriptif est à modifier
4/ Etape 6 - Les étapes de la vie du parcours parent sont à modifier
5/ Les liens de redirection sont à ajouter

Je demande ce que je souhaiterais :

  • 1/ Pour cette page là, renommer le titre en "Mon parcours de parent ou d'aidant"

  • 2/ Le chapô est le suivant : En tant que parent ou proche aidant, plusieurs étapes clés sont à réaliser pour accompagner votre proche à mener sa vie de la manière la plus autonome possible. Quelque soit votre situation, retrouvez ci-dessous des contenus et outils de guidance pour vous aider à y voir plus clair sur le déroulé de ces grandes étapes.

  • 3/ Les grandes étapes sont à compléter, dans l'ordre déjà validé sur les maquettes figma.

Les descriptifs de ces grandes étapes sont à modifier comme tel :
a) Je me pose des questions : Je m'interroge sur les comportements de mon enfant ou de mon proche.
Je souhaite repérer des signes de comportements ou de ressentis qui pourraient relever d'un trouble du neurodéveloppement comme l'autisme.
Lien Strapi ==> je-m-interroge-sur-mon-enfant

b) Je démarre un diagnostic : J'accompagne mon enfant ou mon proche auprès d'un professionnel de santé et selon son avis médical le parcours de diagnostic peut démarrer.
Lien Strapi : parcours-de-diagnostic

c) Je prends connaissance de mes aides ==> Mon enfant ou mon proche peut bénéficier d’aides financières, matérielles et humaines, même s'ils n'ont pas encore de diagnostic.
Lien Strapi : mes-aides

d) [le titre est également à modifier] Je sollicite la MDPH et je dépose un dossier : Lorsque mon enfant ou mon proche a finalisé son parcours de diagnostic et qu'il conclut à un TSA, je m'adresse à la Maison Départementale des Personnes Handicapées et je dépose un dossier.
Lien strapi : je-sollicite-la-mdph-et-je-monte-un-dossier

e) Je prends connaissance des nouvelles aides ==> Lorsque mon enfant ou mon proche ont reçu une réponse de la Maison Départementale des Personnes Handicapées suite au dépôt de leur dossier, ils peuvent bénéficier de nouvelles aides.
Lien Strapi : mes-aides

f) [le titre est également à modifier] J'accompagne mon enfant ou mon proche tout au long de sa vie : Plusieurs étapes clés sont à réaliser pour mener sa vie de la manière la plus autonome possible.

  • 4/ Etape 6 - Les étapes de la vie sont les suivantes :

a) Etre scolarisé

b) Etudier
Lien strapi ==> etudier-du-college-aux-etudes-superieures

c) Travailler
Lien Strapi ==> personne-tsa-travailler

c bis) Travailler quand on est parent ou aidant ==> griser le lien. Indiquer au hover ou avec une pop-up l'information suivante : Cette page est en cours de rédaction et sera prochainement disponible.

c) Se soigner
Lien Strapi ==>se-soigner

e) Se déplacer
Lien Strapi ==> se-deplacer

f) Se loger
Lien Strapi ==>se-loger

g) Partir en vacances,
Lien Strapi ==>partir-en-vacances

g bis) Avoir des loisirs
Lien Strapi ==>avoir-des-loisirs

h) Tisser du lien amical, amoureux et familial
Lien strapi ==> tisser-du-lien-amical-amoureux-et-familial

h) Etre protégé
Lien strapi ==> etre-protege

  • 5/ Les liens seront à ajouter lorsque les pages auront été créées dans Strapi.
    ==> cf liens strapi fournis ci-dessus

Page modèle de courrier

  • Création du gabarit de page
  • Branchement aux élément de navigation
  • Mise en place du contenu

Message d'accusé réception après l'envoi de formulaire

URL concernée : https://maisondelautisme.fabrique.social.gouv.fr/je-donne-mon-avis

J'observe ce qui ne va pas :
Les usagers ne savent pas si leur feedback a été envoyé une fois qu'ils ont cliqué sur "envoyer"

Je demande ce que je souhaiterais :
Afficher un message persistant (pas un toaster) sur un aplat vert (si OK avec le DSFR) qui dit "Merci pour votre participation ! Nous avons bien reçu votre message. Nous allons en prendre connaissance pour voir comment améliorer le site. "

Page La maison de l'autisme

  • Création du gabarit de page - pour la bêta, on prend uniquement un gabarit type fiche pratique avec le modèle questions réponses. Pour l'instant, on a pas encore de quoi créer une page intermédiaire + des sous pages, comme designé en cible dans les maquettes figma.
  • Branchement aux élément de navigation
  • Ajout du contenu de la page en statique
  • Pour le bouton "Me rendre à la Maison de l'autisme", ajouter un lien d'accès Google Maps avec l'adresse de la MDA : 10 rue Waldeck Rochet, 93300 Aubervilliers

Consent banner

  • création du composant de base
  • implémentation de la logique

Mon parcours - Page intermédiaire

URL concernée : https://mda-preprod.dev.fabrique.social.gouv.fr/mon-parcours

J'observe ce qui ne va pas :
1/ le titre contient une coquille (majuscule à Parcours)
2/ il manque les autres parcours (personne autiste et professionnel de santé)
3/ le chapô qui s'affiche dans la rubrique parcours parent est erronné

Je demande ce que je souhaiterais :

  • 1/ remplacer le titre de la page par "Mon parcours"

  • 2/ ajouter les autres parcours, dans l'ordre d'apparition suivante : Je suis une personne autiste > Je suis un parent ou un aidant > Je suis un professionnel de santé

  • 3/ les chapô à afficher sont les suivants :

a) Je suis une personne autiste : En tant que personne autiste, plusieurs étapes clés sont à réaliser pour mener votre vie de la manière la plus autonome possible. Quelque soit votre situation, retrouvez ci-dessous des contenus et outils de guidance pour vous aider à y voir plus clair sur le déroulé de ces grandes étapes.

b) Je suis un parent ou un aidant : En tant que parent ou proche aidant, plusieurs étapes clés sont à réaliser pour accompagner votre proche à mener sa vie de la manière la plus autonome possible. Quelque soit votre situation, retrouvez ci-dessous des contenus et outils de guidance pour vous aider à y voir plus clair sur le déroulé de ces grandes étapes.

c) Je suis un professionnel de santé ou du médico-social : Cette rubrique du site internet est en cours de construction pour le moment. Si vous êtes un professionnel de santé ou du médico-social, partagez-nous vos attentes en donnant votre avis via le formulaire "Je donne mon avis".

Mon parcours - Page Professionnel de santé ou du médico-social

URL concernée : Pas d'URL, c'est une page parcours à créer pour le personae Professionnel de santé ou du médico-social

J'observe ce qui ne va pas :
La page est à créer

Je demande ce que je souhaiterais :

  • - Le titre est : Mon parcours de professionnel de santé ou du médico-social

  • - Le chapô est le suivant : Cette rubrique du site internet est en cours de construction pour le moment. Si vous êtes un professionnel de santé ou du médico-social, partagez-nous vos attentes en donnant votre avis via le formulaire "Je donne mon avis".

  • - Afficher les rubriques carrées suivantes :

a) Comment diagnostiquer un patient potentiellement autiste
Lien strapi ==> comment-diagnostiquer-un-patient-potentiellement-autiste

b) Parcours de diagnostic ==> lien strapi : parcours-de-diagnostic
c) Je donne mon avis ==> https://mda-preprod.dev.fabrique.social.gouv.fr/je-donne-mon-avis
d) Recommandations de Bonnes Pratiques Professionnelles ==> lien strapi : recommandations-de-bonnes-pratiques-professionnelles

  • - Nota bene : Les liens seront à ajouter lorsque les pages auront été créées dans Strapi.

Fonctionnalité de partage ou d'impression d'une page

URL concernée : toutes les pages

J'observe ce qui ne va pas :
Il manque un bouton rapide d'impression, d'enregistrement en PDF ou de partage par email de la page en cours de consultation

Je demande ce que je souhaiterais :

  • Ajouter un module avec les liens d'accès rapide à la fonction d'impression, enregistrement PDF et partage par email.

Exemple trouvé sur service-public.fr

image

Rubrique "liens connexes" ou "Pour aller plus loin"

URL concernée : https://mda-preprod.dev.fabrique.social.gouv.fr/fiches-pratiques/xxxxx

J'observe ce qui ne va pas :
Besoin de dissocier le corps de l'article vs une rubrique "liens connexes" ou "Pour aller plus loin"

Je demande ce que je souhaiterais :
Ajouter une rubrique "Liens connexes" en bas des gabarits de page suivants :

  • Fiche pratique
  • Mes Aides

Il s'agit de dissocier ces liens connexes du reste du corps de la page.
Le titre n'est pas forcément Liens connexes, ça doit pouvoir être personnalisable (ex: "Pour aller plus loin" ou "Documents à télécharger")

Page plan du site

  • Création du gabarit de page
  • Branchement aux éléments de navigation
  • Ajout du contenu
  • afficher dans les liens hypertextes tout en bas du footer, en toute première position : Plan du site

Mon parcours - Page Personne autiste

URL concernée : Pas d'URL, c'est une page parcours à créer pour le personae Personne autiste

J'observe ce qui ne va pas :
La page est à créer

Je demande ce que je souhaiterais :

  • - Le titre est "Mon parcours de personne autiste"

  • - Le chapô est le suivant : En tant que personne autiste, plusieurs étapes clés sont à réaliser pour mener votre vie de la manière la plus autonome possible. Quelque soit votre situation, retrouvez ci-dessous des contenus et outils de guidance pour vous aider à y voir plus clair sur le déroulé de ces grandes étapes.

  • - Les grandes étapes sont à compléter, dans l'ordre déjà validé sur les maquettes figma.

Les descriptifs de ces grandes étapes sont à modifier comme tel :
a) Je me pose des questions : Je m'interroge sur mes comportements ou mes ressentis.
Je souhaite repérer des signes qui pourraient relever d'un trouble du neurodéveloppement comme l'autisme.
Lien strapi ==> je-m-interroge-envers-moi-meme

b) Je démarre un diagnostic : Je consulte un professionnel de santé et selon son avis médical le parcours de diagnostic peut démarrer.
Lien Strapi : parcours-de-diagnostic

c) Je prends connaissance de mes aides ==> Je peux bénéficier d’aides financières, matérielles et humaines, même si je n'ai pas encore de diagnostic.
Lien Strapi : mes-aides

d) [le titre est également à modifier] Je sollicite la MDPH et je dépose un dossier : Lorsque j'ai finalisé mon parcours de diagnostic et qu'il conclut à un TSA, je m'adresse à la Maison Départementale des Personnes Handicapées et je dépose un dossier.
Lien strapi : je-sollicite-la-mdph-et-je-monte-un-dossier

e) Je prends connaissance des nouvelles aides ==> Lorsque j'ai reçu une réponse de la Maison Départementale des Personnes Handicapées suite au dépôt de mon dossier, je peux bénéficier de nouvelles aides.
Lien Strapi : mes-aides

f) [le titre est également à modifier] Je mène à bien les différentes étapes de ma vie : Plusieurs étapes clés sont à réaliser pour mener sa vie de la manière la plus autonome possible.

  • - Etape 6 - Les étapes de la vie sont les suivantes :

a) Etudier
Lien strapi ==> etudier-du-college-aux-etudes-superieures

b) Travailler
Lien Strapi ==> personne-tsa-travailler

c) Se soigner
Lien Strapi ==>se-soigner

e) Se déplacer
Lien Strapi ==> se-deplacer

f) Se loger
Lien Strapi ==>se-loger

g) Partir en vacances,
Lien Strapi ==>partir-en-vacances

g bis) Avoir des loisirs
Lien Strapi ==>avoir-des-loisirs

g) Tisser du lien amical, amoureux et familial
Lien strapi ==> tisser-du-lien-amical-amoureux-et-familial

h) Etre protégé
Lien strapi ==> etre-protege

  • - Les liens seront à ajouter lorsque les pages auront été créées dans Strapi.
    ==> cf liens strapi fournis ci-dessus

Menu principal & secondaire

URL concernée : https://mda-preprod.dev.fabrique.social.gouv.fr/

J'observe ce qui ne va pas :

  • l'ordre d'apparition des entrées n'est pas bon
  • il manque des entrées au niveau 1 et au niveau 2
  • il y a des coquilles d'orthographe dans les entrées (ex: diagnostique)

Je demande ce que je souhaiterais :

  • - Ordre d'apparition : Mon parcours > Mon diagnostic > Mes aides > Fiches pratiques > Annuaire > Glossaire > La Maison de l'autisme

  • - Menu de niveau 2 à afficher, par ordre d'apparition : Personne autiste > Parent ou aidant > Professionnel de santé ou du médico-social

  • Liens de redirection à afficher pour l'entrée Annuaire => https://annuaire.autismeinfoservice.fr/

Page Je donne mon avis

URL concernée : https://mda-preprod.dev.fabrique.social.gouv.fr/je-donne-mon-avis

J'observe ce qui ne va pas :
1/ Le texte chapô est à remplacer
2/ Une mention de précaution est à afficher avant l'envoi du formulaire
3/ Checks de cohérence email et tel à confirmer
4/ Redirection des formulaires vers l'adresse email dédiée

Je demande ce que je souhaiterais :

  • 1/ Remplacer par le texte suivant : Ce site est fait pour les personnes autistes, par des personnes autistes, et avec des personnes concernées. C'est une version beta en cours de déploiement progressif. Vos commentaires, réactions et propositions sont précieux pour nous aider à améliorer ce service au fur et à mesure.

  • 2/ Afficher le texte suivant au dessus du bouton "Envoyer mon avis" : Attention, les demandes personnelles transmises via ce formulaire ne pourront être traitées sur ce site. Pour les demandes personnelles, veuillez vous rapprocher de l'organisme en charge de votre dossier. Pour toute question, vous pouvez contacter Autisme Info Services.

3/ Check de cohérence :

  • a) Mettre en place un simple check de cohérence sur la saisie des numéros de tel et email ? (ex: faute de frappe)

  • b) Limiter le champ libre de commentaire à 10 000 caractères max.

  • c) Ajouter l'option "Autre" dans le menu déroulant "Je suis"

  • d) Ne pas faire apparaitre en clair l'adresse email en front

  • 4/ Les formulaires doivent être transmis à l'adresse email. A date, le bouton "Envoyer mon avis" reste en gris et ne permet pas l'envoi : [email protected]

  • Lorsque le formulaire est envoyé, afficher le message : "Envoyé !" à la place du bouton "Envoyer mon avis"

Liens morts

J'observe plusieurs liens morts en prod :

Depuis la page parcours personne autiste : https://maisondelautisme.fabrique.social.gouv.fr/mon-parcours/personne-autiste
Quand je clique sur les liens ci-dessous, j'obtiens un 404 not found ou bien le message "Application error: a client-side exception has occurred (see the browser console for more information)."

Cela n'apparait pas quand je teste ces liens depuis la page parcours parent aidant.

Pour les liens ci-dessous, le message d'erreur suivant apparaissait : "Application error: a client-side exception has occurred (see the browser console for more information)." ; mais semble finalement avoir disparu :

Modif page Maison de l'autisme

URL concernée : https://maisondelautisme.fabrique.social.gouv.fr/la-maison-de-l-autisme

J'observe ce qui ne va pas : besoin d'ajouter une information dans le texte en statique.

Je demande ce que je souhaiterais :
Première question "comment pourrais-je me rendre ...", après le paragraphe : Si vous ne vivez pas en Île-de-France et que vous empruntez le réseau SNCF, vous accéderez à la Maison de l’autisme en 30 minutes en métro à compter de votre arrivée à la gare (du Nord, Saint-Lazare, de l’Est, Montparnasse, de Lyon, d’Austerlitz).

Faire un paragraphe dédié avec la phrase ci-après :

Nous avons prévu 10 places de parking dédiées. Elles seront reconnaissables grâce au logo de la Maison de l’autisme.
Par ailleurs, le parking de la Maison de l’autisme est accessible à tous les types de véhicule.

Questionnaire de diag - Rechargement du reste des questions

URL concernée : https://maisondelautisme.fabrique.social.gouv.fr/mon-diagnostic

J'observe ce qui ne va pas :
Cf vidéo envoyée en PJ :
https://user-images.githubusercontent.com/113974143/215592180-87150662-231b-4451-bc1f-a89943aedf91.MOV

Si je complète les réponses aux questions, puis que je décide finalement de changer une réponse à une question en cours de route, le questionnaire ne se rafraichit pas avec les nouvelles questions qui devraient découler de la réponse changée. Cela peut créer des confusions ou mal renseigner les personnes qui consultent ce questionnaire.

Je demande ce que je souhaiterais :
Si on change une réponse à une question, alors le reste du questionnaire déjà déroulé après cette réponse doit etre flushé.

Bandeau bêta

URL concernée : toutes les pages

J'observe ce qui ne va pas :
J'aimerais ajouter si possible un message au hover sur la mention bêta

Je demande ce que je souhaiterais :
AU CHOIX :

1/ soit on rend cliquable le bandeau et ça renvoit vers la page Je donne mon avis

SOIT

2/ Si ça rend bien (pas sûre), essayer d'afficher une pop-in au hover qui indiquerait :

Ce site est une version beta en cours de déploiement progressif. Il sera enrichi au fur et à mesure des retours des personnes concernées. Un oubli ? Une suggestion ? Utilisez le module Je donne mon avis pour soumettre vos idées afin de contribuer à enrichir ce service public construit par et pour les personnes autistes et leurs proches.

Attention, les demandes personnelles transmises via ce formulaire ne pourront être traités sur ce site, veuillez vous rapprocher de l'organisme en charge de votre dossier. Pour toute question, vous pouvez contacter Autisme Info Services.

Comportement pas ergonomique menu hamburger

URL concernée : toutes, mais cela concerne la nav depuis un mobile

J'observe ce qui ne va pas :
Quand je clique sur le bouton hamburger depuis un mobile et que je clique sur une rubrique du menu, "rien" ne se passe, car le menu reste replié et masque l'actualisation en arriere plan. En effet, si je clique sur la croix, la page en arriere plan a bien changé.

Je demande ce que je souhaiterais :
Revoir l'étendu du menu hamburger déplié pour qu'on puisse voir que la page en arrière plan est apparue.

WhatsApp.Video.2023-02-01.at.14.30.51.mp4

Mention d'information

  • Ajoute une petite mention d'information à placer juste au moment du champ libre, lorsque vous demandez l'avis des personnes

L'idée c'est de mettre un petit bouton "i" comme informer où le texte s'afficherait

Page de glossaire

  • Création du gabarit de page
  • Branchement aux élément de navigation
  • Intégrer le contenu en dur

Barre de recherche

URL concernée : https://mda-preprod.dev.fabrique.social.gouv.fr/

J'observe ce qui ne va pas :
Il manque la barre de recherche en haut à droite (cf maquettes Figma)

Je demande ce que je souhaiterais :
Ajouter la barre de recherche qui remonte tous les contenus recherchés (toute page confondue)
Utiliser le module Elastic Search à disposition si besoin ; cf Julien.

Nota bene : je ne pense pas que cette fonctionnalité fasse partie du scope de la bêta. A stocker en icelog si besoin.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.