Merge pull request #154 from anct-cnum/mp/nouvelleVersionFormation

Mp/nouvelle version formation
anct-cnum · Mar 25, 2024 · aab9eeb · aab9eeb
2 parents 6b72406 + 6f65b7e
commit aab9eeb
Show file tree

Hide file tree

Showing 7 changed files with 112 additions and 64 deletions.
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/sass/views/_formation.scss b/src/assets/sass/views/_formation.scss
@@ -21,6 +21,13 @@
     font-size: 18px;
   }
 
+  .title-h3 {
+    font-size: 18px; 
+    color: $blue-light;
+    margin-bottom: 0;
+    margin-top: 0; 
+  }
+
   .description {
     color: $light-grey;
     font-size: 12px;

diff --git a/src/views/formation/FormationContinue.js b/src/views/formation/FormationContinue.js
@@ -1,19 +1,48 @@
 import React from 'react';
 
 function FormationContinue() {
-
+  const mednumUrl = 'https://lamednum.coop/formation/';
+  const popschoolUrl = 'https://popschool.fr/inscription-pop-school/';
+  const popschoolAideUrl = 'https://popschool.fr/formation-conseiller-numerique/';
   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>
       </div>
       <div className="fr-ml-5w fr-col-11">
+        <h3 style={{ fontSize: '20px' }}>-&nbsp;1 module par an, au choix</h3>
+        <p>
+          Une fois la formation initiale termin&eacute;e, vous suivez chaque ann&eacute;e deux modules de formation de 7h ou 14h,
+          parmi 15 th&eacute;matiques au choix.
+        </p>
+        <p>
+          <b>Inscriptions&nbsp;:</b>&nbsp;
+          <a href={mednumUrl} rel="noopener noreferrer" target="_blank">
+            lamednum.coop/formation
+          </a>
+        </p>
+        <h3 style={{ fontSize: '20px' }}>-&nbsp;Passage du CCP2 et CCP3 du titre REMN</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.
+        </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.
+        </p>
         <p>
-          Une fois l&rsquo;ann&eacute;e d&rsquo;int&eacute;gration pass&eacute;e, tout conseiller num&eacute;rique suit
-          chaque ann&eacute;e un module de formation compl&eacute;mentaire de 7h ou 14h parmi 15 th&eacute;matiques au choix.
+          <b>Inscriptions&nbsp;:</b>&nbsp;
+          <a href={popschoolUrl} rel="noopener noreferrer" target="_blank">
+            popschool.fr/inscription-pop-school
+          </a>
         </p>
         <p>
-          <b>Les modalit&eacute;s d&rsquo;inscription vous seront prochainement communiqu&eacute;es.</b>
+          <b>Pour toute question relative à la formation</b>, rendez-vous sur&nbsp;
+          <a href={popschoolAideUrl} rel="noopener noreferrer" target="_blank">
+            ici
+          </a>
         </p>
       </div>
     </div>

diff --git a/src/views/formation/FormationInitiale.js b/src/views/formation/FormationInitiale.js
@@ -4,7 +4,7 @@ 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 fabrikUrl = 'https://fabrikmediationnumerique.org/';
-  const aideUrl = `${process.env.REACT_APP_AIDE_URL}/category/la-formation-des-conseillers-numeriques-objectifs-et-modalite-dorganisation-1dj9ogr/`;
+  const mednumUrl = 'https://lamednum.coop/formation/';
 
   return (
     <div className="fr-col-9 fr-mt-3w cadre">
@@ -23,13 +23,17 @@ function FormationInitiale() {
       </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 est la premi&egrave;re
-          &eacute;tape de votre formation initiale. Pour cela, un parcours de formation en 70, 175 ou 315 h vous est propos&eacute; selon votre
-          profil et votre exp&eacute;rience. Les inscriptions ont lieu directement aupr&egrave;s de votre organisme de formation, qui vous
-          recontactera pour d&eacute;finir avec vous le parcours le plus adapt&eacute; et vous proposer un calendrier de formation.
+          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. Pour vous y pr&eacute;parer, un parcours de formation en 70, 175 ou 315h vous est propos&eacute; selon
+          votre profil et votre exp&eacute;rience.
         </p>
         <p>
-          <b>Inscriptions m&eacute;tropole&nbsp;:&nbsp;</b>
+          Les inscriptions ont lieu directement aupr&egrave;s de votre organisme de formation, qui vous recontactera pour d&eacute;finir
+          avec vous le parcours le plus adapt&eacute; et vous proposer un calendrier de formation.
+        </p>
+        <p>
+          <b>Inscriptions M&eacute;tropole&nbsp;:&nbsp;</b>
           <a href={fabrikUrl} rel="noopener noreferrer" target="_blank">
             fabrikmediationnumerique.org
           </a>
@@ -47,8 +51,7 @@ function FormationInitiale() {
             <div className="fr-col-xs-12 fr-col-xl-6">
               <p>
                 <b>
-                  Les inscriptions s&rsquo;effectuent directement sur la plateforme des organismes de formation &laquo;&nbsp;La Fabrik de la
-                  m&eacute;diation num&eacute;rique&nbsp;&raquo;&nbsp;:
+                  Pour suivre une formation en France m&eacute;tropolitaine, rendez-vous sur le site de La Fabrik&nbsp;:
                 </b>
                 <ol>
                   <li>Je clique sur &laquo;&nbsp;Inscription&nbsp;&raquo; et je r&eacute;ponds au questionnaire&nbsp;;</li>
@@ -72,11 +75,9 @@ function FormationInitiale() {
           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.
         </p>
-        <p><b>Les modalit&eacute;s d&rsquo;inscription vous seront prochainement communiqu&eacute;es.</b></p>
         <p>
-          <b>Pour toute question sur les modules compl&eacute;mentaires&nbsp;:&nbsp;</b>
-          <a href={aideUrl} rel="noopener noreferrer" target="_blank">
-            je consulte la FAQ Formation
+          <a href={mednumUrl} rel="noopener noreferrer" target="_blank">
+            Inscriptions&nbsp;: lamednum.coop/formation
           </a>
         </p>
       </div>

diff --git a/src/views/formation/Introduction.js b/src/views/formation/Introduction.js
@@ -9,16 +9,65 @@ function Introduction() {
       </div>
       <div className="fr-col-offset-2 fr-col-10">
         <p className="fr-ml-n1w introduction">
-          En 2024, la formation des conseiller num&eacute;riques reprend et s&rsquo;enrichit&nbsp;!
+          Tout au long de leur parcours, les conseillers num&eacute;riques b&eacute;n&eacute;ficient d&rsquo;une formation
+          initiale puis continue, int&eacute;gralement financ&eacute;e par l&rsquo;&Eacute;tat, pour leur donner les moyens
+          d&rsquo;accompagner la mont&eacute;e en comp&eacute;tence de leur public.
+        </p>
+        <p className="fr-ml-n1w introduction">
+          <b>En 2024, la formation des conseillers num&eacute;riques &eacute;volue&nbsp;!</b>
+        </p>
+        <p className="fr-ml-n1w introduction">
+          Les nouveaux besoins exprim&eacute;s par les conseillers num&eacute;riques dans le cadre de leur activit&eacute;,
+          et les retours d&rsquo;exp&eacute;rience sur les deux premi&egrave;res ann&eacute;es du dispositif, ont initi&eacute;
+          une refonte de l&rsquo;offre de formation.
         </p>
       </div>
-      <div className="fr-col-offset-2 fr-col-8">
+      <div className="fr-col-offset-2 fr-col-10">
+        <h3 className="title-h3 fr-ml-n1w">
+          Le d&eacute;ploiement de la formation continue constitue la principale nouveaut&eacute;
+        </h3>
         <p className="fr-ml-n1w introduction">
-          Obligatoire et prise en charge par l&rsquo;&Eacute;tat dans le cadre du dispositif, cette formation<br/>
-          vous permet de d&eacute;velopper vos comp&eacute;tences &agrave; chaque &eacute;tape de votre parcours
-          professionnel en tant que conseiller num&eacute;rique.
+          &Agrave; partir de 2024, les conseillers num&eacute;riques, une fois form&eacute;s, suivront deux modules th&eacute;matiques
+          chaque ann&eacute;e pour mettre &agrave; jour leurs comp&eacute;tences. Ils se verront parall&egrave;lement proposer des
+          formations pour obtenir le titre professionnel.<br/>
+          Responsable d&rsquo;espace de m&eacute;diation num&eacute;rique (<i>REMN</i>) complet.
         </p>
       </div>
+      <div className="fr-col-offset-2 fr-col-10">
+        <h3 className="title-h3 fr-ml-n1w">
+          La formation initiale &eacute;volue
+        </h3>
+        <p className="fr-ml-n1w introduction">
+          Elle permet d&eacute;sormais aux conseillers de personnaliser leur parcours, en choisissant deux modules compl&eacute;mentaires
+          du tronc commun. Les programmes ont eux aussi &eacute;t&eacute; actualis&eacute;s pour mieux s&rsquo;adapter aux attentes
+          r&eacute;elles et &agrave; l&rsquo;activit&eacute; des conseillers.&egrave;res num&eacute;riques.<br/>
+          Afin de faciliter leur entr&eacute;e en poste, le calendrier de la formation initiale a &eacute;galement &eacute;t&eacute;
+          optimis&eacute;&nbsp;: elle dure moins longtemps, et s&rsquo;effectue d&eacute;sormais en alternance.
+        </p>
+      </div>
+
+      <div className="fr-col-offset-1 fr-col-9 cadre">
+        <div className="fr-ml-5w fr-col-11" >
+          <h3 className="title-h3">
+            Une formation certifiante
+          </h3>
+          <p className="fr-mt-3w fr-mb-1w introduction">
+            <b>Jusqu&rsquo;en 2024</b>
+          </p>
+          <p className="introduction">
+            La formation initiale des conseillers num&eacute;riques les pr&eacute;parait uniquement &agrave; l&rsquo;obtention du premier
+            certificat de comp&eacute;tences professionnelles (CCP1) du titre professionnel Responsable d&rsquo;espace de m&eacute;diation
+            num&eacute;rique (REMN).
+          </p>
+          <p className="fr-mt-3w fr-mb-1w introduction">
+            <b>Depuis 2024</b>
+          </p>
+          <p className="introduction">
+            Le dispositif offre aux conseillers l&rsquo;opportunit&eacute; de suivre une formation en vue de l&rsquo;acquisition du CCP2
+            puis du CCP3, acc&eacute;dant ainsi au titre REMN complet.
+          </p>
+        </div>
+      </div>
     </>
   );
 }

diff --git a/src/views/formation/PassageTitreREMN.js b/src/views/formation/PassageTitreREMN.js
diff --git a/src/views/formation/index.js b/src/views/formation/index.js
@@ -4,7 +4,6 @@ import Introduction from './Introduction';
 import ParcoursFormation from './ParcoursFormation';
 import FormationInitiale from './FormationInitiale';
 import FormationContinue from './FormationContinue';
-import PassageTitreREMN from './PassageTitreREMN';
 import Question from './Question';
 
 function Formation() {
@@ -19,7 +18,6 @@ function Formation() {
             <ParcoursFormation />
             <FormationInitiale />
             <FormationContinue />
-            <PassageTitreREMN />
             <Question />
           </div>
         </div>