Use case grieps semio8G

content/case-study/semio8g.md

@@ -0,0 +1,93 @@
+---
+title: "Semio8G"
+lastModified: "2022-11-15"
+date: "2022-11-15"
+
+# Params
+metaDescription: "Application de sémiologie en psychiatrie"
+description: "Le GRIEPS propose Semio8G permettant aux soignants en psychiatrie de maitriser la sémiologie de leur domaine."
+websiteUrl: https://semio8g.grieps.fr/
+shortDescription: "Application de sémiologie en psychiatrie"
+clients: Grieps
+size: 2 mois
+services: ["Accompagnement", "Développement"]
+terms: ["symfony", "html", "css", "strapi"]
+members: ["adefrance", "cmozzati", "xgorse", "afarrugia"]
+images: ["content/images/casestudies/headers/semio8g-banner.jpg"]
+credits: { name: "National Cancer Institute", url: "https://unsplash.com/@nci" }
+---
+
+## Le contexte du projet
+
+Le GRIEPS est un organisme de formation continue pour professionnels des établissements sanitaires et médico-sociaux.
+
+Le GRIEPS est parti du constat que les soignants en psychiatrie maîtrisent mal la sémiologie du domaine. 
+La sémiologie en médecine est la discipline qui étudie les signes (symptômes) des maladies. 
+Après un énorme travail de recueil et de classification,
+le GRIEPS dans sa démarche de formation à voulu partager ces connaissances via Semio8G.
+
+Le GRIEPS a confié à Elao le développement de l’application ainsi que de son back-office permettant d’avoir la main sur tout le contenu de son application.
+
+## L'expertise Elao déployée pour l'application Semio8G
+
+### Ateliers de recueil du besoin
+
+Elao a animé plusieurs ateliers d'expression du besoin, dans une démarche de co-conception. 
+Le GRIEPS étant un organisme de formation dans le domaine médical. 
+Elao en a profité pour accompagner l’équipe du GRIEPS dans les pratiques et la culture web.
+Le besoin étant de proposer une application fluide et retranscrivant le cheminement sémiologique.
+
+### Ateliers UX/UI
+
+Les développeurs Elao sont avant tout des concepteurs et n'hésitent pas à être force de proposition d'un point de vue fonctionnel. 
+Le GRIEPS n’étant pas familier avec la conception d’interfaces utilisateur, Christelle et Xavier ont proposé des maquettes et un prototype.
+Cette étape a permis à l’équipe du GRIEPS de se projeter sur l’utilisation de l’application, ainsi que dans la réflexion fonctionnelle de l'application.
+
+<figure>
+    <img src="content/images/casestudies/semio8g-screen-prototype.png" alt="Capture d'écran du prototype">
+    <figcaption>
+      <span class="figure__legend">Capture d'écran du prototype réalisé avec Figma</span>
+    </figcaption>
+</figure>
+
+### Phase de build (développement)
+
+C’est Amélie et Arthur qui ont accompagné Benjamin et Guillaume du GRIEPS dans l’élaboration 
+des spécifications fonctionnelles pour prendre en compte tous les cas nominaux.
+
+Ils ont ensuite posé les bases techniques.
+Le choix de proposer une interface d’administration via un outil tier était le plus adapté aux besoins du projet.
+Strapi, un CMS headless, fut le choix idéal permettant de se concentrer sur la valeur qu’apporte le produit.
+
+
+## Les applications
+
+### Pour les personnes qui souhaitent acquérir des connaissances
+
+Semio8G a depuis le début une volonté d’être clair et intuitive. 
+Pour que l’apprentissage et la recherche soit simple.
+
+
+Quelques fonctionnalités clés :
+
+- Permettre aux utilisateurs de naviguer dans les domaines sémiologiques
+- Permettre aux utilisateurs de faire la recherche d’une définition précise.
+
+Pour répondre à ces besoins et spécifications du produit Semio8G, l’équipe technique d’Elao a réalisé une application web avec Symfony. 
+L’intégration à été réalisée dans une réflexion mobile first, tout en étant consultable sur des écrans plus grands.
+
+
+### Pour que les membres du Grieps puissent modifier les données 
+
+L'équipe chargée de l’application a des besoins ponctuels d’administration. 
+C’est pourquoi l’équipe technique d’Elao a décidé d’utiliser un outil tiers : Strapi, 
+afin de concentrer le développement et le budget sur ce qui apporte le plus de valeur aux utilisateurs du produit.
+
+<figure>
+    <img src="content/images/casestudies/semio8g-interface-mobile.jpg" alt="L'interface mobile de l'application">
+    <figcaption>
+      <span class="figure__legend">L'interface mobile de l'application</span>
+      <span class="figure__credits">Crédit photo : <a href="https://psd.zone/mockups/iphone-x-in-hand-mockup-psd/">PSD zone</a></span>
+    </figcaption>
+</figure>
+

content/term/strapi.md

@@ -0,0 +1,7 @@
+---
+name: "Strapi"
+logo: "build/images/technos/strapi.svg"
+show: false
+title:
+- Strapi
+---

src/Model/CaseStudy.php

@@ -25,6 +25,7 @@ class CaseStudy
     public array $terms = [];
     public array $members = [];
     public bool $enabled = true;
+    public ?array $credits = null;
 
     public function hasMember(Member $member): bool
     {

templates/case_study/show.html.twig

@@ -108,6 +108,21 @@
         <div class="page-project__content">
             {{ caseStudy.content|raw }}
 
+            {% block credits %}
+                {% if caseStudy.credits %}
+                    <div class="article-credits">
+                        Crédits: photo de couverture par
+                        {% if caseStudy.credits.url %}
+                            <a href="{{ caseStudy.credits.url }}">
+                                {{ caseStudy.credits.name }}
+                            </a>
+                        {% else %}
+                            {{ caseStudy.credits.name }}
+                        {% endif %}
+                    </div>
+                {% endif %}
+            {% endblock %}
+
             <h2 class="h2--dash">La tribu</h2>
             <p>Voici les personnes de l'équipe qui ont contribué au projet.</p>
             <ul class="project-team">