anct-cnum · MorganP-projects · Mar 25, 2024 · Mar 14, 2024 · Mar 15, 2024 · Mar 15, 2024
diff --git a/.github/workflows/deploy-recette.yml b/.github/workflows/deploy-recette.yml
@@ -56,18 +56,23 @@ jobs:
           envkey_REACT_APP_AIDE_URL: "https://aide.conseiller-numerique.gouv.fr/fr"
           envkey_REACT_APP_API_URL: ${{ secrets.REACT_APP_API_RECETTE }}
           file_name: .env
+      - name: copy robots.txt
+        uses: canastro/copy-file-action@master
+        with:
+          source: "desindexation/robots.txt"
+          target: "public/robots.txt"
+      - name: copy index.html
+        uses: canastro/copy-file-action@master
+        with:
+          source: "desindexation/index.html"
+          target: "public/index.html"
       - name: Build application
         run: npm run build
       - name: copy .htaccess
         uses: canastro/copy-file-action@master
         with:
           source: ".htaccess"
           target: "build/.htaccess"
-      - name: copy robots.txt
-        uses: canastro/copy-file-action@master
-        with:
-          source: "robots-recette.txt"
-          target: "build/robots.txt"
       - name: Upload release bundle as artifact
         uses: actions/upload-artifact@v3
         with:

diff --git a/desindexation/index.html b/desindexation/index.html
@@ -0,0 +1,70 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="theme-color" content="#000091" />
+    <!-- Validation de propriété pour désindexation -->
+    <meta name="google-site-verification" content="eND3WF_iW6YzE4bYPRUYnRxnMR_5cyk54SOAB50HVug" />
+    <meta name='robots' content='noindex,nofollow' />
+    <meta
+      name="description"
+      content="Sur une dur&eacute;e de deux ans, l&rsquo;&Eacute;tat finance la formation et le d&eacute;ploiement de 4 000 Conseillers num&eacute;riques."
+    />
+    <meta name="robots" content="noarchive" />
+    <meta 
+      name="twitter:description"
+      content="Sur une dur&eacute;e de deux ans, l&rsquo;&Eacute;tat finance la formation et le d&eacute;ploiement de 4 000 Conseillers num&eacute;riques." />
+    <meta property="og:image" content="%PUBLIC_URL%/cartographie-cnfs-min.svg" />
+    <meta property="og:url" content="https://www.conseiller-numerique.gouv.fr" />
+    <meta property="og:title" content="Conseiller num&eacute;rique" />
+    <meta 
+      property="og:description"
+      content="Sur une dur&eacute;e de deux ans, l&rsquo;&Eacute;tat finance la formation et le d&eacute;ploiement de 4 000 Conseillers num&eacute;riques." />
+    <meta property="og:type" content="website" />
+    <meta property="og:locale" content="fr_FR" />
+    <meta property="og:site_name" content="Conseiller num&eacute;rique" />
+    <meta name="twitter:url" content="https://www.conseiller.numerique.gouv.fr" />
+    <meta name="twitter:title" content="Conseiller num&eacute;rique" />
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta name="twitter:image" content="https://www.gouvernement.fr/sites/all/themes/custom/gouvernement/img/thumbnail_site.png" />
+    <meta 
+      name="twitter:description"
+      content="Sur une dur&eacute;e de deux ans, l&rsquo;&Eacute;tat finance la formation et le d&eacute;ploiement de 4 000 Conseillers num&eacute;riques." />
+    <meta property="fb:app_id" content="" />
+    <link rel="apple-touch-icon" href="%PUBLIC_URL%/apple-touch-icon.png" />
+    <link rel="icon" type="image/png" sizes="32x32" href="%PUBLIC_URL%/favicon-16x16.png" />
+    <link rel="icon" type="image/png" sizes="16x16" href="%PUBLIC_URL%/favicon-32*32.png" />
+
+    <!--
+      manifest.json provides metadata used when your web app is installed on a
+      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
+    -->
+    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+    <!--
+      Notice the use of %PUBLIC_URL% in the tags above.
+      It will be replaced with the URL of the `public` folder during the build.
+      Only files inside the `public` folder can be referenced from the HTML.
+
+      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
+      work correctly both with client-side routing and a non-root public URL.
+      Learn how to configure a non-root public URL by running `npm run build`.
+    -->
+    <title>Conseiller num&eacute;rique</title>
+  </head>
+  <body>
+    <noscript>You need to enable JavaScript to run this app.</noscript>
+    <div id="root"></div>
+    <!--
+      This HTML file is a template.
+      If you open it directly in the browser, you will see an empty page.
+
+      You can add webfonts, meta tags, or analytics to this file.
+      The build step will place the bundled scripts into the <body> tag.
+
+      To begin the development, run `npm start` or `yarn start`.
+      To create a production bundle, use `npm run build` or `yarn build`.
+    -->
+  </body>
+</html>
diff --git a/robots-recette.txt → desindexation/robots.txt b/robots-recette.txt → desindexation/robots.txt
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;
@@ -45,6 +52,13 @@
     margin: 0 auto;    
     padding: 2% 0;
   }
+
+  .lien-image-fabrik {
+    background: none;
+    &::after{
+      display: none;
+    }
+  }
 
   @media (max-width: 1247px) {
     .img-fabrik {

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>
+        <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 un module 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 au passage du titre REMN</b>, rendez-vous&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">
@@ -19,23 +19,27 @@ function FormationInitiale() {
         </p>
       </div>
       <div className="fr-ml-5w fr-col-11">
-        <h2 className="fr-mt-6w fr-mb-3w">Passage CCP1</h2>
+        <h2 className="fr-mt-6w fr-mb-3w">Passage du CCP1</h2>
       </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, 135 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;:</b>
+          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.
+        </p>
+        <p>
+          <b>Inscriptions M&eacute;tropole&nbsp;:&nbsp;</b>
           <a href={fabrikUrl} rel="noopener noreferrer" target="_blank">
             fabrikmediationnumerique.org
           </a>
         </p>
         <p>
-          <b>Inscriptions Outre-mer&nbsp;:</b>
+          <b>Inscriptions Outre-mer&nbsp;:&nbsp;</b>
           <a href={contactOutreMerUrl} rel="noopener noreferrer" target="_blank">
             acc&eacute;der au formulaire
           </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>
@@ -58,7 +61,9 @@ function FormationInitiale() {
               </p>
             </div>
             <div className="fr-col-xs-12 fr-col-xl-5 fr-m-3w img-fabrik">
-              <img src={ImageLaFabrik} alt="image pr&eacute;sentant le site de La Fabrik" loading="lazy"/>
+              <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"/>
+              </a>
             </div>
           </div>
         </div>
@@ -72,11 +77,10 @@ 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
+          <b>Inscriptions&nbsp;:&nbsp;</b>
+          <a href={mednumUrl} rel="noopener noreferrer" target="_blank">
+           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 la premi&egrave;re ann&eacute;e puis un module 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
+          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 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 <b>en alternance</b>.
+        </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/ParcoursFormation.js b/src/views/formation/ParcoursFormation.js
@@ -22,7 +22,7 @@ function ParcoursFormation() {
       </div>
       <div className="fr-col-offset-2 fr-col-8">
         <p className="fr-ml-n1w description">
-          <b>La Fabrik</b> repr&eacute;sente le consortium La Fabrik de la m&eacute;diation num&eacute;rique port&eacute;par CEFIAC et M2i.<br/>
+          <b>La Fabrik</b> repr&eacute;sente le consortium La Fabrik de la m&eacute;diation num&eacute;rique port&eacute; par CEFIAC et M2i.<br/>
           <b>La Mednum</b> repr&eacute;sente le consortium port&eacute; par la Mednum, les hubs territoriaux pour un num&eacute;rique inclusif et
           organismes de formation impliqu&eacute;s dans la d&eacute;livrance de ces formations.
         </p>

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>