Mise à jour de la page formation

anct-cnum · Oct 9, 2024 · d7ced84 · d7ced84
1 parent 8d02a3a
commit d7ced84
Show file tree

Hide file tree

Showing 10 changed files with 135 additions and 161 deletions.
diff --git a/src/assets/images/schema-parcours-formation-conseiller-numerique-2024.svg b/src/assets/images/schema-parcours-formation-conseiller-numerique-2024.svg
diff --git a/src/assets/images/schema-parcours-formation-conseiller-numerique.svg b/src/assets/images/schema-parcours-formation-conseiller-numerique.svg
diff --git a/src/assets/images/schema-parcours-possible.svg b/src/assets/images/schema-parcours-possible.svg
diff --git a/src/assets/sass/views/_formation.scss b/src/assets/sass/views/_formation.scss
@@ -19,7 +19,7 @@
   .title-h3 {
     font-size: 1.125rem;
     color: var(--info-425-625);
-    margin-bottom: 0;
+    margin-bottom: 1rem;
     margin-top: 0;
   }
 
@@ -33,7 +33,6 @@
 
   .cadre {
     border: 1px solid $lighter-grey;
-    margin: 0 auto;
   }
 
   .encart-bleu {
@@ -44,8 +43,6 @@
   .cadre-bleu {
     background: var(--info-950-100);
     text-align: center;
-    margin: 0 auto;
-    padding: 2% 0;
   }
 
   .lien-image-fabrik {

diff --git a/src/views/formation/FormationContinue.js b/src/views/formation/FormationContinue.js
@@ -1,60 +1,74 @@
 import React from 'react';
-import SchemaParcoursPossible from '../../assets/images/schema-parcours-possible.svg';
-
+
 function FormationContinue() {
   const mednumUrl = 'https://lamednum.coop/formation/';
-  const popschoolUrl = 'https://popschool.fr/inscription-pop-school/';
-  const popschoolAideUrl = 'https://popschool.fr/formation-conseiller-numerique/';
+  const histyaUrl = 'https://histya.fr/';
   const aidantsconnectUrl = 'https://aidantsconnect.beta.gouv.fr/habilitation';
+
   return (
     <div className="fr-col-9 fr-mt-5w cadre">
       <div className="fr-ml-5w fr-col-11">
-        <h2 className="fr-my-3w">La formation continue</h2>
+        <h2 className="fr-my-3w">
+          La formation continue des conseillers numériques
+        </h2>
       </div>
       <div className="fr-ml-5w fr-col-11">
-        <h3 style={{ fontSize: '20px' }}>-&nbsp;1 module par an, au choix</h3>
+        <h3 className="fr-mt-6w fr-mb-3w">
+          Les modules thématiques
+        </h3>
+        <p>
+          Les conseillers numériques se voient proposer un catalogue de quinze modules thématiques courts,
+          conçus spécifiquement pour eux par des experts de l’inclusion numérique.
+        </p>
+        <p>
+          Les thèmes proposés sont nombreux (la parentalité numérique, accompagnement des publics en situation de handicap,
+          numérique responsable…) et ont pour objectif d’accompagner les conseillers numériques dans leurs missions quotidiennes.
+        </p>
         <p>
-          Une fois la formation initiale termin&eacute;e, vous suivez chaque ann&eacute;e un module de formation de 7h ou 14h,
-          parmi 15 th&eacute;matiques au choix.
+          Le dispositif finance la formation continue des conseillers numériques à hauteur d’un module thématique obligatoire chaque année.
+          Les nouveaux entrants, éligibles à la formation initiale, doivent quant à eux s’inscrire à un deuxième
+          module (lui aussi financé) au cours de la première année.
         </p>
         <p>
-          <b>Inscriptions&nbsp;:</b>&nbsp;
+          <b>Inscriptions : </b>
           <a href={mednumUrl} rel="noopener noreferrer" target="_blank">
-            lamednum.coop/formation
+            https://lamednum.coop/formation/
           </a>
         </p>
         <p>
-          Si vous souhaitez suivre le module Aidants Connect, le calendrier des sessions vous sera partag&eacute; une fois
-          l&rsquo;habilitation de votre structure obtenue.
+          Si vous souhaitez suivre le module Aidants Connect, le calendrier des sessions vous sera partagé une fois l’habilitation
+          de votre structure obtenue. <strong>Vous pouvez entamer les démarches avant la réception de votre convocation pour
+            la préparation au CCP1, mais devrez attendre cette convocation pour vous inscrire à une session de formation.</strong>
         </p>
-        <p>Pour obtenir l&rsquo;habilitation Aidants Connect&nbsp;:&nbsp;
+        <p>
+          <b>Pour obtenir l’habilitation Aidants Connect : </b>
           <a href={aidantsconnectUrl} rel="noopener noreferrer" target="_blank">
-            aidantsconnect.beta.gouv.fr/habilitation
+            https://aidantsconnect.beta.gouv.fr/habilitation
           </a>
         </p>
-        <h3 style={{ fontSize: '20px' }}>-&nbsp;Passage du CCP2 et CCP3 du titre REMN</h3>
+        <h3 className="fr-mt-6w fr-mb-3w">
+          Préparation et vue l’obtention du titre REMN complet
+        </h3>
         <p>
-          Le nouveau dispositif de formation permet aux conseillers num&eacute;riques <b>ayant valid&eacute; le titre CCP1</b>,
-          et en accord avec leur structure, de pr&eacute;parer et de passer les &eacute;preuves du CCP2 et CCP3 du titre
-          professionnel de Responsable d&rsquo;Espace de M&eacute;diation Num&eacute;rique.
+          Les conseillers numériques ayant validé le titre CCP1 peuvent, en accord avec leur structure,
+          préparer et passer les examens des deux autres certificats de compétences, les CCP2 et CCP3,
+          en vue d’obtenir le titre professionnel de Responsable d’Espace de Médiation Numérique complet.
         </p>
         <p>
-          Pour accro&icirc;tre vos chances d&rsquo;obtenir chaque certificat, vous recevrez une formation de 70h. R&eacute;partie
-          sur environ 17 semaines, son objectif est de parfaire vos comp&eacute;tences en mati&egrave;re de d&eacute;veloppement
-          et gestion d&rsquo;espaces num&eacute;riques, et de mise en &oelig;uvre de projets collaboratifs.
+          L’objectif de cette formation diplômante est de parfaire vos compétences en matière de développement
+          et gestion d’espaces numériques, ou encore de mise en œuvre de projets collaboratifs, et de valoriser votre expertise en médiation numérique.
         </p>
         <p>
-          <b>Inscriptions&nbsp;:</b>&nbsp;
-          <a href={popschoolUrl} rel="noopener noreferrer" target="_blank">
-            popschool.fr/inscription-pop-school
-          </a>
-          <img src={SchemaParcoursPossible} style={{ width: '100%' }}
-            alt="image pr&eacute;sentant le site de La Fabrik" className="fr-my-3w" loading="lazy"/>
+          Elle se déploie sur 17 semaines dans un format hybride, selon un rythme moyen d’un jour de formation par semaine.
+        </p>
+        <p>
+          Pour s’inscrire, les conseillers numériques doivent contacter leur organisme de formation régional,
+          dont la liste est disponible sur le site internet d’Histya.
         </p>
         <p>
-          <b>Pour toute question relative au passage du titre REMN</b>, rendez-vous&nbsp;
-          <a href={popschoolAideUrl} rel="noopener noreferrer" target="_blank">
-            ici
+          <b>Site internet d’Histya : </b>
+          <a href={histyaUrl} rel="noopener noreferrer" target="_blank">
+            https://histya.fr/
           </a>
         </p>
       </div>

diff --git a/src/views/formation/FormationInitiale.js b/src/views/formation/FormationInitiale.js
@@ -2,114 +2,119 @@ import React from 'react';
 import ImageLaFabrik from '../../assets/images/fabrik-mediation-numerique.svg';
 
 function FormationInitiale() {
-  const contactOutreMerUrl = 'https://framaforms.org/formulaire-de-contact-structure-accueillant-un-cnfs-1699450618';
+  const contactOutreMerUrl = 'https://www.francilin.fr/nos-formations/';
   const fabrikUrl = 'https://fabrikmediationnumerique.org/';
   const mednumUrl = 'https://lamednum.coop/formation/';
   const aidantsconnectUrl = 'https://aidantsconnect.beta.gouv.fr/habilitation';
+  const dispenseUrl = `${import.meta.env.VITE_APP_AIDE_URL}/article/un-conseiller-numerique-peut-il-etre-dispense-de-la-formation-initiale-obligatoire-ywgzld/`;
+  const articleFaq = `${import.meta.env.VITE_APP_AIDE_URL}/article/quel-est-le-parcours-de-la-formation-initiale-de-linscription-aux-examens-ipolnd/`;
 
   return (
-    <div className="fr-col-9 fr-mt-3w cadre">
-      <div className="fr-ml-5w fr-col-11" >
-        <h2 className="fr-my-3w">Formation initiale</h2>
+    <div className="fr-col-9 cadre">
+      <div className="fr-ml-5w fr-col-11">
+        <h2 className="fr-my-3w">
+          La formation initiale des conseillers numériques
+        </h2>
       </div>
       <div className="fr-ml-5w fr-col-11">
         <p>
-          Cette formation obligatoire dans le cadre du dispositif est propos&eacute;e &agrave; tout nouveau conseiller num&eacute;rique entrant dans le
-          dispositif. Adapt&eacute;e &agrave; votre profil et votre exp&eacute;rience, elle vous permet d&rsquo;acqu&eacute;rir les comp&eacute;tences
-          n&eacute;cessaires &agrave; l&rsquo;exercice de vos fonctions.
+          Cette formation obligatoire est proposée à tout nouveau conseiller numérique entrant dans le
+          dispositif, <a href={dispenseUrl} rel="noopener noreferrer" target="_blank">s’il n’en est pas dispensé</a>.
+          Adaptée à votre profil et votre expérience, elle vous permet d’acquérir les compétences nécessaires à l’exercice de vos fonctions.
         </p>
       </div>
       <div className="fr-ml-5w fr-col-11">
-        <h2 className="fr-mt-6w fr-mb-3w">Passage du CCP1</h2>
+        <h3 className="fr-mt-6w fr-mb-3w">
+          Passage du CCP1 et de la certification Pix
+        </h3>
       </div>
       <div className="fr-ml-5w fr-col-11">
         <p>
-          Le passage du CCP1 du titre professionnel de Responsable d&rsquo;espace de m&eacute;diation num&eacute;rique, qui atteste
-          la capacit&eacute; &agrave; accompagner des publics divers vers l&rsquo;autonomie num&eacute;rique, est le point final de
-          votre formation initiale.
+          Le passage du <strong>CCP1</strong> du titre professionnel de Responsable d’espace de médiation numérique,
+          qui atteste la capacité à accompagner des publics divers vers l’autonomie numérique,
+          et de la <strong>certification PIX</strong> constitue le point final de votre formation initiale.
         </p>
         <p>
-          Pour vous y pr&eacute;parer, trois parcours de formation vous sont propos&eacute;s : 70h (court), 175h (interm&eacute;diaire) ou
-          315h (long). Un test de positionnement, en deux temps, sera organis&eacute; pour identifier le parcours le plus ad&eacute;quat
-          &agrave; vos besoins&nbsp;:
+          Pour vous y préparer, trois parcours de formation vous sont proposés : 70 heures (court), 175 heures (intermédiaire) ou 315 heures (long).
+          Un test de positionnement sera organisé pour identifier le parcours le plus adéquat à vos besoins.
         </p>
-        <ul>
-          <li>
-            Un test en ligne et en autonomie (d&rsquo;1h30 maximum) permettra une premi&egrave;re &eacute;valuation de votre culture
-            citoyenne et num&eacute;rique, et de vos comp&eacute;tences informatiques et p&eacute;dagogiques
-          </li>
-          <li>
-            Vous passerez ensuite un entretien avec une &eacute;quipe de l&rsquo;organisme de formation, o&ugrave; vous aurez l&rsquo;occasion
-            de discuter ensemble des r&eacute;sultats du test en ligne, et de revenir sur votre exp&eacute;rience professionnelle et vos
-            motivations. A la fin de l&rsquo;entretien, un petit temps d&rsquo;&eacute;change pourra &ecirc;tre pr&eacute;vu avec votre
-            structure d&rsquo;accueil pour pr&eacute;senter le d&eacute;roul&eacute; de la formation, en fonction du parcours choisi.
-          </li>
-        </ul>
         <p>
-          Les inscriptions ont lieu directement aupr&egrave;s de votre organisme de formation, qui vous contactera pour d&eacute;finir avec
-          vous le parcours le plus adapt&eacute; et vous proposer un calendrier de formation.
+          Les inscriptions s’effectuent auprès de votre organisme de formation,
+          qui définira avec vous le parcours le plus adapté et vous proposera un calendrier de formation.
         </p>
         <p>
-          <b>Inscriptions M&eacute;tropole&nbsp;:&nbsp;</b>
+          <b>Inscriptions Métropole : </b>
           <a href={fabrikUrl} rel="noopener noreferrer" target="_blank">
-            fabrikmediationnumerique.org
+            https://fabrikmediationnumerique.org/
           </a>
         </p>
         <p>
-          <b>Inscriptions Outre-mer&nbsp;:&nbsp;</b>
+          <b>Inscriptions Outre-mer : </b>
           <a href={contactOutreMerUrl} rel="noopener noreferrer" target="_blank">
-            acc&eacute;der au formulaire
+            https://www.francilin.fr/nos-formations/
           </a>
         </p>
+        <p>
+          Pour en savoir plus sur la formation initiale,
+          consultez <a href={articleFaq} rel="noopener noreferrer" target="_blank">cet article</a> de notre FAQ.
+        </p>
       </div>
       <div className="fr-ml-5w fr-col-11">
         <div className="fr-container encart-bleu fr-mt-5w">
           <div className="fr-grid-row fr-grid-row--gutters">
             <div className="fr-col-xs-12 fr-col-xl-6">
               <p>
                 <b>
-                  Pour suivre une formation en France m&eacute;tropolitaine, rendez-vous sur le site de La Fabrik&nbsp;:
+                  Pour suivre une formation en France métropolitaine, rendez-vous sur le site de La Fabrik :
                 </b>
               </p>
               <ol>
-                <li>Je clique sur &laquo;&nbsp;Inscription&nbsp;&raquo; et je r&eacute;ponds au questionnaire&nbsp;;</li>
-                <li>j&rsquo;effectue le test de positionnement&nbsp;;</li>
-                <li>j&rsquo;entre en formation.</li>
+                <li>Je clique sur &laquo; Inscription &raquo; et je réponds au questionnaire ;</li>
+                <li>j’effectue le test de positionnement ;</li>
+                <li>j’entre en formation.</li>
               </ol>
             </div>
             <div className="fr-col-xs-12 fr-col-xl-5 fr-m-3w img-fabrik">
               <a href={fabrikUrl} rel="noopener noreferrer" target="_blank" className="lien-image-fabrik">
-                <img src={ImageLaFabrik} alt="image pr&eacute;sentant le site de La Fabrik" loading="lazy"/>
+                <img src={ImageLaFabrik} alt="image présentant le site de La Fabrik" loading="lazy"/>
               </a>
             </div>
           </div>
         </div>
       </div>
       <div className="fr-ml-5w fr-col-11">
-        <h2 className="fr-mt-6w fr-mb-3w">Les modules compl&eacute;mentaires</h2>
+        <h3 className="fr-mt-6w fr-mb-3w">
+          Les modules thématiques complémentaires
+        </h3>
       </div>
       <div className="fr-ml-5w fr-col-11">
         <p>
-          Afin de vous permettre de personnaliser votre parcours, deux modules compl&eacute;mentaires de 7h ou 14h sont propos&eacute;s
-          au choix parmi 15 th&eacute;matiques.&nbsp;<b>Il est n&eacute;cessaire d&rsquo;avoir d&eacute;j&agrave; re&ccedil;u votre convocation
-          pour la pr&eacute;paration au CCP1 avant de proc&eacute;der &agrave; votre inscription sur une session de formation.</b>
+          Afin de leur permettre de personnaliser leur parcours, les conseillers numériques doivent choisir
+          deux modules de formation obligatoires, de 7h ou 14h, dans un catalogue de 15 thématiques.
+        </p>
+        <p>
+          Les modules thématiques complémentaires peuvent être suivis pendant ou après la formation initiale préparant au CCP1 du titre REMN.
+        </p>
+        <p>
+         NB : Les conseillers numériques nouvellement recrutés doivent être inscrits à la formation initiale préparant au CCP1,
+         et avoir reçu leur convocation, avant de se positionner sur un module complémentaire.
         </p>
         <p>
-          <b>Inscriptions&nbsp;:&nbsp;</b>
+          <b>Présentation des modules et inscription : </b>
           <a href={mednumUrl} rel="noopener noreferrer" target="_blank">
-           lamednum.coop/formation
+            https://lamednum.coop/formation/
           </a>
         </p>
         <p>
-          Si vous souhaitez suivre le module Aidants Connect, le calendrier des sessions vous sera partag&eacute; une fois
-          l&rsquo;habilitation de votre structure obtenue. <b>Vous pouvez entamer les d&eacute;marches avant la r&eacute;ception de
-          votre convocation pour la pr&eacute;paration au CCP1, mais devrez attendre cette convocation pour vous inscrire &agrave;
+          Si vous souhaitez suivre le module Aidants Connect, le calendrier des sessions vous sera partagé une fois
+          l’habilitation de votre structure obtenue. <b>Vous pouvez entamer les démarches avant la réception de
+          votre convocation pour la préparation au CCP1, mais devrez attendre cette convocation pour vous inscrire &agrave;
           une session de formation.</b>
         </p>
         <p>
-          <b>Pour obtenir l&rsquo;habilitation Aidants Connect&nbsp;:&nbsp;</b>
+          <b>Pour obtenir l’habilitation Aidants Connect : </b>
           <a href={aidantsconnectUrl} rel="noopener noreferrer" target="_blank">
-            aidantsconnect.beta.gouv.fr/habilitation
+            https://aidantsconnect.beta.gouv.fr/habilitation
           </a>
         </p>
       </div>