Différences

Ci-dessous, les différences entre deux révisions de la page.

--- gni:app:gfd:gfd [10/03/2024 10:35] – créée - modification externe 127.0.0.1
+++ gni:app:gfd:gfd [03/07/2026 07:46] (Version actuelle) – ajean
@@ Ligne 1: / Ligne 1: @@
-====== La Gestion des Frais de Déplacements (GFD) ======
+~~NOCACHE~~
-Comme nous vous l’avions annoncé lors de la réunion des personnels, le logiciel de GFD entre en phase de production.\\
+<PHP>
-L’entière gestion des déplacements doit se faire au-travers de cet outil, de la demande préalable de déplacement jusqu’à la saisie des états frais.\\
-**Cela vaut pour tout déplacement à compter du 1er janvier 2024.**\\
-==== 1- Accès et connexion ====
+echo '
+<style>
+.gfd-wrap { font-family: Arial, sans-serif; font-size: 14px; color: #333; max-width: 780px; }
+.gfd-title { font-size: 20px; font-weight: 700; color: #1a2d4a; margin-bottom: 6px; }
+.gfd-intro { font-size: 13px; color: #666; margin-bottom: 28px; border-left: 3px solid #378ADD; padding: 6px 0 6px 14px; line-height: 1.6; }
-Les utilisateurs ont accès au portail à l’adresse : [[https://gfd.gretani.com|https://gfd.gretani.com]]  \\  \\
+.gfd-section { margin-bottom: 26px; }
-Lors de la première connexion, votre identifiant et votre de mot passe sont 1° lettre du prénom – Nom (Ex : MJOUVE/MJOUVE) \\
+.gfd-section-head { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; }
-Vous devez **<color #ed1c24>OBLIGATOIREMENT</color>** changer votre mot de passe lors de cette première connexion pour garantir la confidentialité des accès : \\ \\
+.gfd-section-num { flex-shrink: 0; width: 32px; height: 32px; border-radius: 50%; background: #1A4A7A; color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 14px; }
-Sous votre nom, en haut à droite, vous cliquez sur Mon compte, puis changer de mot de passe. \\
+.gfd-section-title { font-size: 16px; font-weight: 700; color: #1a2d4a; }
-Une fois que c’est fait, Enregistrer puis Déconnexion.\\
-Vous vous connectez ensuite avec votre nouveau mot de passe\\
-Aide par un [[https://files.gretani.com/gni/gfd/tutos/Guide_GFD_Connexion.pdf|Tutoriel]] \\
-==== 2- Gestion des Frais ====
+.gfd-block { background: #fff; border: 0.5px solid #dde3ec; border-radius: 12px; padding: 18px 20px; margin-bottom: 14px; }
+.gfd-block:last-child { margin-bottom: 0; }
+.gfd-block-title { font-size: 13.5px; font-weight: 700; color: #1A4A7A; margin-bottom: 10px; }
+.gfd-subblock-title { font-size: 12.5px; font-weight: 700; color: #666; margin: 12px 0 6px; }
+.gfd-subblock-title:first-child { margin-top: 0; }
+.gfd-text { font-size: 13px; color: #444; line-height: 1.75; margin-bottom: 10px; }
+.gfd-text:last-child { margin-bottom: 0; }
+.gfd-text a { color: #1A4A7A; font-weight: 600; text-decoration: none; }
+.gfd-text a:hover { text-decoration: underline; }
-=== a. Etape 1 : la gestion du véhicule personnel ===
+.gfd-warning-inline { display: inline-block; background: #FEF3C7; color: #B45309; font-weight: 700; padding: 1px 8px; border-radius: 4px; }
-Avant toute chose, vous devez avoir préalablement numérisé votre carte grise et votre attestation d’assurance : ce sont des pièces obligatoires dans le système.\\
+.gfd-btn { display: inline-flex; align-items: center; gap: 8px; background: #1A4A7A; color: #fff !important; font-weight: 600; padding: 9px 18px; border-radius: 8px; text-decoration: none !important; font-size: 12.5px; margin-top: 4px; margin-right: 8px; }
-Vous devez transmettre ces justificatifs au gestionnaire des Frais de Déplacements "GFD" par l'intermédiaire du service [[https://glpi.gretani.com|GLPI]] de ticket ou éventuellement par email uniquement sur l'adresse <gfd@gretani.com>.\\
+.gfd-btn:hover { background: #378ADD; }
-\\
+.gfd-btn-secondary { background: #0F6E56; }
-=== b. Etape 2 : les Ordres de mission ===
+.gfd-btn-secondary:hover { background: #1D9E75; }
-== Cas 1 – Vous avez un ordre de Mission Permanent ==
-Le document a été préalablement établi et visé, vous le trouverez  dans votre espace personnel.\\
-== Cas 2 – Vous devez compléter un OMI Ordre de Mission Individuel ==
-L’OMI doit être complété AVANT de partir en déplacement (un contrôle des dates est opéré par le système).\\
-\\
-=== c. Etape 3 : la saisie des Frais ===
-Une fois votre véhicule renseigné, votre "Autorisation d'Utilisation du Véhicule" (AUV) et votre OMI et/ou OMP visé par l'ordonnateur (VISA7) vous pourrez commencer la saisie de vos frais.\\
-Une fois le déplacement réalisé, vous devrez saisir vos frais accompagnés de vos justificatifs directement dans l’outil.\\
-Nous n’accepterons plus les fichiers Excel pour 2024.\\
-\\
-==== 3- Aide utilisateur ====
-Une **[[gni:app:gfd:tutos|listes des guides]]** est disponible qui reprend tous les éléments utiles.\\
-Nous avons également prévu d’alimenter une **[[gni:app:gfd:faq|FAQ]]** qui rependra les questions les plus fréquemment posées.\\
-Enfin vous trouverez tous les **[[gni:app:gfd:textes|textes]]** relatifs aux frais de déplacements.\\
-\\
-Pour toute demande, merci d’utiliser **UNIQUEMENT** le service [[https://glpi.gretani.com|GLPI]] de ticket qui s’est enrichi de la thématique GFD. La charge de travail engendrée étant conséquente notamment pour la période de mise en place, merci de bien renseigner votre ticket, le "GFD" vous contactera si besoin directement.\\
-\\
-==== 4- Conclusion ====
-L’arrivée de cet outil va bousculer nos habitudes mais va nous permettre de fluidifier le traitement des frais de déplacement.\\
-Ergonomique, le portail va simplifier et sécuriser les demandes de déplacement et la saisie des frais : \\
-- L’ensemble des visas est intégré dans l’outil => plus de signature\\
-- Les pièces sont conservées et accessibles dans votre espace\\
+.gfd-callout { background: #FEF3C7; border: 1px solid #FCD34D; border-left: 4px solid #F59E0B; border-radius: 0 8px 8px 0; padding: 14px 18px; font-size: 13px; color: #92400E; margin-top: 10px; }
+.gfd-check-list { display: flex; flex-direction: column; gap: 8px; margin-top: 10px; }
+.gfd-check-item { display: flex; align-items: flex-start; gap: 10px; font-size: 13px; color: #444; line-height: 1.6; }
+.gfd-check-item svg { flex-shrink: 0; margin-top: 3px; }
+.gfd-final { background: #E1F5EE; border: 1px solid #b9e6d3; border-radius: 12px; padding: 18px 20px; }
+</style>';
+echo '<div class="gfd-wrap">';
+echo '<div class="gfd-title">La Gestion des Frais de Déplacements (GFD)</div>';
+echo '<p class="gfd-intro">L\'entière gestion des déplacements doit se faire au travers du logiciel GFD pour tous les personnels, de la demande préalable de déplacement jusqu\'à la saisie des états de frais.</p>';
+// ── Section 1 : Accès et connexion ──────────────────────────
+echo '<div class="gfd-section">';
+echo '<div class="gfd-section-head"><div class="gfd-section-num">1</div><div class="gfd-section-title">Accès et connexion</div></div>';
+echo '<div class="gfd-block">';
+echo '<p class="gfd-text">Les utilisateurs ont accès au portail à l\'adresse : <a href="https://gfd.gretani.com" target="_blank">gfd.gretani.com</a></p>';
+echo '<p class="gfd-text">Lors de la première connexion, votre identifiant et votre mot de passe sont : 1<sup>re</sup> lettre du prénom – Nom (Ex : MJOUVE / MJOUVE).</p>';
+echo '<p class="gfd-text">Vous devez <span class="gfd-warning-inline">OBLIGATOIREMENT</span> changer votre mot de passe lors de cette première connexion pour garantir la confidentialité des accès :</p>';
+echo '<p class="gfd-text">Sous votre nom, en haut à droite, cliquez sur <strong>Mon compte</strong>, puis <strong>Changer de mot de passe</strong>.<br>
+Une fois que c\'est fait, cliquez sur <strong>Enregistrer</strong> puis <strong>Déconnexion</strong>.<br>
+Vous vous connectez ensuite avec votre nouveau mot de passe.</p>';
+echo '<a class="gfd-btn" href="https://files.gretani.com/gni/gfd/tutos/Guide_GFD_Connexion.pdf" target="_blank">
+    <svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="#fff" stroke-width="2"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6z"/><path d="M14 2v6h6"/></svg>
+    Tutoriel de connexion
+</a>';
+echo '</div>'; // gfd-block
+echo '</div>'; // gfd-section
+// ── Section 2 : Gestion des Frais ────────────────────────────
+echo '<div class="gfd-section">';
+echo '<div class="gfd-section-head"><div class="gfd-section-num">2</div><div class="gfd-section-title">Gestion des Frais</div></div>';
+echo '<div class="gfd-block">';
+echo '<div class="gfd-block-title">a. Étape 1 : la gestion du véhicule personnel</div>';
+echo '<p class="gfd-text">Avant toute chose, vous devez avoir préalablement numérisé votre carte grise et votre attestation d\'assurance comportant des dates : ce sont des pièces obligatoires dans le système.</p>';
+echo '<p class="gfd-text">La carte grise doit être à votre nom. Si ce n\'est pas le cas, il faudra nous transmettre une preuve d\'affiliation (exemple : livret de famille).</p>';
+echo '<p class="gfd-text">Vous devez transmettre ces justificatifs au gestionnaire des Frais de Déplacements "GFD" par l\'intermédiaire du service <a href="https://glpi.gretani.com" target="_blank">GLPI</a> de ticket (rubrique Applicatifs/GFD) ou, pour les vacataires, par email uniquement sur l\'adresse <a href="mailto:gfd@gretani.com">gfd@gretani.com</a>.</p>';
+echo '</div>'; // gfd-block
+echo '<div class="gfd-block">';
+echo '<div class="gfd-block-title">b. Étape 2 : les Ordres de mission</div>';
+echo '<div class="gfd-subblock-title">Cas 1 – Vous avez un ordre de Mission Permanent</div>';
+echo '<p class="gfd-text">Le document a été préalablement établi et visé, vous le trouverez dans votre espace personnel.</p>';
+echo '<div class="gfd-subblock-title">Cas 2 – Vous devez compléter un OMI (Ordre de Mission Individuel)</div>';
+echo '<p class="gfd-text">L\'OMI doit être complété <strong>avant</strong> de partir en déplacement (un contrôle des dates est opéré par le système).</p>';
+echo '</div>'; // gfd-block
+echo '<div class="gfd-block">';
+echo '<div class="gfd-block-title">c. Étape 3 : la saisie des Frais</div>';
+echo '<p class="gfd-text">Une fois votre véhicule renseigné, votre « Autorisation d\'Utilisation du Véhicule » (AUV) et votre OMI et/ou OMP visé par l\'ordonnateur (VISA7), vous pourrez commencer la saisie de vos frais.</p>';
+echo '<p class="gfd-text">Une fois le déplacement réalisé, vous devrez saisir vos frais accompagnés de vos justificatifs directement dans l\'outil.</p>';
+echo '<div class="gfd-callout"><strong>Nous n\'acceptons aucun autre canal.</strong></div>';
+echo '</div>'; // gfd-block
+echo '</div>'; // gfd-section
+// ── Section 3 : Aide utilisateur ─────────────────────────────
+echo '<div class="gfd-section">';
+echo '<div class="gfd-section-head"><div class="gfd-section-num">3</div><div class="gfd-section-title">Aide utilisateur</div></div>';
+echo '<div class="gfd-block">';
+$base = defined('DOKU_BASE') ? DOKU_BASE : '/';
+echo '<p class="gfd-text">Une <a href="' . htmlspecialchars($base . 'doku.php?id=gni:app:gfd:tutos') . '">liste des guides</a> est disponible et reprend tous les éléments utiles.</p>';
+echo '<p class="gfd-text">Nous avons alimenté une <a href="https://gni.gretani.com/doku.php?id=gni:app:gfd:faq" target="_blank">FAQ</a> qui reprend les questions les plus fréquemment posées.</p>';
+echo '<p class="gfd-text">Enfin, vous trouverez tous les <a href="https://glpi.gretani.com" target="_blank">GLPI</a> relatifs aux frais de déplacements.</p>';
+echo '<div class="gfd-callout">Pour toute demande, merci d\'utiliser <strong>UNIQUEMENT</strong> le service GLPI de ticket avec la thématique GFD. Merci de bien renseigner votre ticket, les gestionnaires vous contacteront directement si besoin.</div>';
+echo '</div>'; // gfd-block
+echo '</div>'; // gfd-section
+// ── Section 4 : Conclusion ────────────────────────────────────
+echo '<div class="gfd-section">';
+echo '<div class="gfd-section-head"><div class="gfd-section-num">4</div><div class="gfd-section-title">Conclusion</div></div>';
+echo '<div class="gfd-final">';
+echo '<p class="gfd-text">GFD nous permet de fluidifier le traitement des frais de déplacement.</p>';
+echo '<p class="gfd-text">Ergonomique, le portail simplifie et sécurise les demandes de déplacement et la saisie des frais :</p>';
+echo '<div class="gfd-check-list">';
+echo '<div class="gfd-check-item">
+    <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="#1D9E75" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 11-5.93-9.14"/><path d="M22 4L12 14.01l-3-3"/></svg>
+    <span>L\'ensemble des visas est intégré dans l\'outil ⇒ plus de signature</span>
+</div>';
+echo '<div class="gfd-check-item">
+    <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="#1D9E75" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 11-5.93-9.14"/><path d="M22 4L12 14.01l-3-3"/></svg>
+    <span>Les pièces sont conservées et accessibles dans votre espace</span>
+</div>';
+echo '</div>'; // gfd-check-list
+echo '</div>'; // gfd-final
+echo '</div>'; // gfd-section
+echo '</div>'; // gfd-wrap
+</PHP>