New anonymous landing page
authorSylvain Thénault <sylvain.thenault@logilab.fr>
Tue, 28 Feb 2017 14:41:28 +0100
changeset 185 2256c2d83372
parent 184 2a711576ebdf
child 186 38a9301ee877
New anonymous landing page Add quick access links and replace content by content synthetized from existing static pages. Should be enhanced graphically at some point.
cubicweb_sherpa/data/cubes.sherpa.css
cubicweb_sherpa/views/templates.py
cubicweb_sherpa/views/templates/index.jinja2.html
cubicweb_sherpa/views/templates/maintemplate.jinja2.html
--- a/cubicweb_sherpa/data/cubes.sherpa.css	Tue Feb 28 11:26:29 2017 +0100
+++ b/cubicweb_sherpa/data/cubes.sherpa.css	Tue Feb 28 14:41:28 2017 +0100
@@ -516,11 +516,6 @@
   border-right: 1px solid transparent;
 }
 
-#pagefooter #sherpa-navigation {
-  float: left;
-  margin-top: 2em;
-}
-
 #pagefooter  #footer-links{
   margin-top: 3em;
   padding: 1.5em 0 1.5em 0;
--- a/cubicweb_sherpa/views/templates.py	Tue Feb 28 11:26:29 2017 +0100
+++ b/cubicweb_sherpa/views/templates.py	Tue Feb 28 14:41:28 2017 +0100
@@ -127,14 +127,6 @@
                     {'url': url('documentation_technique'),
                      'label': 'Documentation technique'},
                 ],
-                'navigation_Link': [
-                    {'url': url('project'),
-                     'label': u'SHERPA, un générateur de profils'},
-                    {'url': url('utilisation'),
-                     'label': "Pour commencer"},
-                    {'url': url('seda'),
-                     'label': "Le SEDA"},
-                ]
             },
         })
         ctx.update(getattr(view, 'template_context', lambda: {})())
--- a/cubicweb_sherpa/views/templates/index.jinja2.html	Tue Feb 28 11:26:29 2017 +0100
+++ b/cubicweb_sherpa/views/templates/index.jinja2.html	Tue Feb 28 14:41:28 2017 +0100
@@ -1,38 +1,150 @@
 <div class="col-md-12" id="accueil">
 
   <section id="presentation">
-      <h2>Créer un profil</h2>
-      <div class="titleUnderline">
-        <span class="underline mr"></span>
-        <span class="losange"></span>
-        <span class="underline ml"></span>
-      </div>
+    <h1>Bienvenue sur le site SHERPA du Service Interministériel des Archives de France</h1>
+    <div class="titleUnderline">
+      <span class="underline mr"></span><span class="losange"></span><span class="underline ml"></span>
+    </div>
+    <p>
+SHERPA est un outil qui permet de créer des profils d'archivage conformes au standard d'échange (SEDA) en mode collaboratif. Suivez le guide ! Voulez-vous...
+    </p>
+    <div id="buttons-wrapper">
+      <a href="{{base_url}}#commencer" class="btn btn-default">commencer tout de suite ?</a>
+      <a href="{{base_url}}#project" class="btn btn-default">savoir ce qu'est un profil ?</a>
+      <a href="{{base_url}}#seda" class="btn btn-default">en savoir plus sur la norme SEDA ?</a>
+      <a href="{{base_url}}#utilisation" class="btn btn-default">découvrir quelques clés du SHERPA ?</a>
+    </div>
+  </section>
 
 
-      <div class="col-md-10 col-md-offset-1">
-      <div id="buttons-wrapper">
-        <a href="/SEDAArchiveTransfer" class="btn btn-default">Profils Seda</a>
-      </div>
+  <section id="commencer">
+    <h2>Commencer tout de suite</h2>
+    <div class="titleUnderline">
+      <span class="underline mr"></span>
+      <span class="losange"></span>
+      <span class="underline ml"></span>
+    </div>
+    <div id="buttons-wrapper">
+      <a href="{{base_url}}/sedaarchivetransfer" class="btn btn-default">Voir les profils d'archivage déja existants</a>
+      <a href="{{base_url}}/register" class="btn btn-default">Créer un compte et ajouter mes propres profils</a>
+    </div>
+  </section>
+
 
-        <p>
-SHERPA est un outil qui permet de créer des profils d'archivage conformes au standard d'échange en mode collaboratif.
-        </p>
-      </div>
+  <section id="project">
+    <h2>Qu'est ce qu'un profil ?</h2>
+    <div class="titleUnderline">
+      <span class="underline mr"></span>
+      <span class="losange"></span>
+      <span class="underline ml"></span>
+    </div>
+    <img class="img-responsive project-image" src="{{ data_url }}images/sherpa_general.png"/>
+    <p>
+      Le bordereau de versement matérialise le transfert de responsabilité entre le service
+      versant et le service d’archives. Il contient des informations sur le service producteur
+      et/ou versant, le service d’archives et une description sommaire des archives qui
+      constituent le versement. C’est donc un document indispensable.
+    </p>
+    <p>
+      Le Système d’archivage électronique (SAE) va, entre autres contrôles, évaluer la conformité
+      du bordereau à l'aide d'un profil d’archivage qui, pour un flux de versement donné, indique
+      la structure et les informations attendues.
+    </p>
+    <p>
+      SHERPA propose une interface simple et ergonomique pour rédiger des profils d’archivage et les
+      exporter dans un format utilisable par le SAE. Il permet également d’obtenir une documentation
+      du profil, lisible par un humain.
+    </p>
+    <p><a href="{{ base_url}}/project">En savoir plus</a></p>
   </section>
 
 
   <section id="seda">
-    <h2> Pour commencer </h2>
+    <h2>La norme SEDA</h2>
     <div class="titleUnderline">
       <span class="underline mr"></span>
       <span class="losange"></span>
       <span class="underline ml"></span>
     </div>
+    <div class="col-md-3">
+      <img class="img-responsive seda-img" src="{{ data_url }}images/seda.png"/>
+    </div>
+    <p>
+      Le Standard d’Échange de Données pour l’Archivage permet de modéliser les transactions d’un
+      processus d’archivage (transfert, communication…) entre différents acteurs (service
+      producteur, service d’archives…). Il précise les messages échangés ainsi que les métadonnées à
+      utiliser pour décrire, gérer et pérenniser l’information. La dernière version du standard (2.0
+      conforme à la norme MEDONA) a été publiée en décembre 2015.
+    </p>
+    <p>
+      Il reprend les concepts métier tels que l’usage des bordereaux (versement, élimination),
+      l’application du contrôle scientifique et technique (transaction de demande d’autorisation),
+      la définition des acteurs ou l’apposition de règles de gestion (sorts finaux et
+      communicabilité).
+    </p>
+    <p>
+      Des agents (personnes ou collectivités) sont associés afin de décrire les archives échangées
+      ou de spécifier des informations de gestion les concernant. SHERPA propose de gérer un seul
+      référentiel <a href="{{ base_url}}/authorityrecord">« Agents »</a> dont les notices peuvent
+      être utilisées dans tous les profils d’archivage rédigés dans l’application. Le rédacteur peut
+      ainsi alimenter et maintenir une seule liste de référence pour l’ensemble de son corpus de
+      profils.
+    </p>
+    <p>
+      Des termes d'indexations et des listes de valeurs contrôlées sont utilisées pour échanger les
+      métadonnées techniques (format, encodage…), descriptives (niveaux de description, langues…) et
+      de gestion (sorts finaux, les délais de communicabilité…). SHERPA fournit un référentiel <a
+      href="{{ base_url}}/conceptscheme">« Vocabulaires »</a> dont les références et les valeurs
+      peuvent être utilisées dans l’ensemble des profils rédigés dans l’application.
+    </p>
+    <p><a href="{{ base_url}}/project">En savoir plus</a></p>
+  </section>
 
-    <div id="buttons-wrapper">
-      <a href="/project" class="btn btn-default">SHERPA un générateur de profils</a>
-      <a href="/utilisation" class="btn btn-default">Comment utiliser SHERPA ?</a>
-      <a href="/seda" class="btn btn-default">Le SEDA</a>
+
+  <section id="utilisation">
+    <h2>Quelques clés du SHERPA</h2>
+    <div class="titleUnderline">
+      <span class="underline mr"></span>
+      <span class="losange"></span>
+      <span class="underline ml"></span>
+    </div>
+    <div>
+      <h3>Profil complet <span class="font-openSans">&amp;</span> profil simplifié</h3>
+      <p>
+        Le profil complet propose l’exhaustivité des métadonnées du SEDA 2.0 mais ne permet pas
+        d’exporter le profil créé dans les anciennes versions du SEDA (0.2 et 1.0).  Un profil
+        simplifié propose un ensemble restreint de métadonnées, mais facilite ainsi la prise en main
+        du standard et permet d’exporter des profils dans toutes les versions du Standard (0.2, 1.0
+        et 2.0).
+      </p>
+    </div>
+    <div>
+      <h3>Travail modulaire</h3>
+      <p>
+        Il est possible de décrire des unités d'archives qui seront ensuite importables dans vos profils.
+      </p>
     </div>
+    <div>
+      <h3>Travail en référentiel</h3>
+      <p>
+        Le SEDA 2 s'appuie sur des référentiels externes qu’il convient donc de définir à
+        l’extérieur du profil. SHERPA met en œuvre ce principe en proposant des zones permettant
+        d’alimenter et de mettre à jour les <a href="{{ base_url}}/authorityrecord">agents</a> et
+        les <a href="{{ base_url}}/conceptscheme">vocabulaires</a>.
+      </p>
+    </div>
+    <div>
+      <h3>Travail collaboratif</h3>
+      <p>
+        Les modules référentiels d’Agents et de Vocabulaires sont communs à toute la communauté
+        d’utilisateurs de SHERPA.
+
+        Un système d’habilitation permet à tous les utilisateurs de consulter le travail des autres
+        utilisateurs. Le rédacteur d’un profil peut le modifier à tout moment et peut étendre les
+        droits de modifications à d’autres utilisateurs s’il le souhaite.
+      </p>
+    </div>
+    <p><a href="{{ base_url}}/project">En savoir plus</a></p>
   </section>
+
 </div>
--- a/cubicweb_sherpa/views/templates/maintemplate.jinja2.html	Tue Feb 28 11:26:29 2017 +0100
+++ b/cubicweb_sherpa/views/templates/maintemplate.jinja2.html	Tue Feb 28 14:41:28 2017 +0100
@@ -60,12 +60,6 @@
           <a href='{{ resource.url }}'> {{ resource.label }}</a>
         {% endfor %}
         </div>
-        <div id="sherpa-navigation">
-        <h3>Navigation</h3>
-        {% for page in footer.navigation_Link %}
-          <a href='{{ page.url }}'> {{ page.label }}</a>
-        {% endfor %}
-        </div>
       </section>
       <div id="footer-links">
         <span><a href="{{ base_url }}/apropos">à propos</a></span> |