| Les deux révisions précédentes Révision précédente Prochaine révision | Révision précédente |
| informatique:tutos [23/07/2026 18:33] – supprimée - modification externe (Date inconnue) 127.0.0.1 | informatique:tutos [07/09/2026 10:54] (Version actuelle) – ajean |
|---|
| | ~~NOCACHE~~ |
| |
| | <PHP> |
| | |
| | $TUTORIELS = [ |
| | 'Divers' => [ |
| | 'color' => '#1A4A7A', |
| | 'bg' => '#E6F1FB', |
| | 'items' => [ |
| | ['titre' => 'Bonnes Pratiques Informatiques', 'version' => '1.0', 'desc' => 'Les Bonnes Pratiques Informatiques', 'url' => 'https://files.gretani.com/it/tutos/Bonnes-pratiques-informatique.pdf', 'type' => 'pdf'], |
| | ['titre' => 'Accès TSE', 'version' => '1.0', 'desc' => 'Pour l\'accès à distance (TSE) au GNI', 'url' => '/doku.php?id=informatique:vpn', 'type' => 'lien'], |
| | ['titre' => 'Logiciel de congés (Jorani)', 'version' => '1.0', 'desc' => 'Pour l\'utilisation du logiciel de prise de congés', 'url' => 'https://files.gretani.com/it/tutos/jorani.pdf', 'type' => 'pdf'], |
| | ['titre' => 'Formation Référents Numériques', 'version' => '1.1', 'desc' => 'Pour aller plus loin dans les dépannages informatiques', 'url' => 'https://files.gretani.com/it/tutos/GNI-formation_referents_numeriques.pdf', 'type' => 'pdf'], |
| | ['titre' => 'Règles de sécurité numérique', 'version' => '1.0', 'desc' => 'Règles de sécurité et bonnes pratiques de l\'Éducation Nationale', 'url' => 'https://files.gretani.com/it/tutos/regles_securite_numérique.pdf', 'type' => 'pdf'], |
| | ], |
| | ], |
| | 'Impressions' => [ |
| | 'color' => '#639922', |
| | 'bg' => '#F0F7E6', |
| | 'items' => [ |
| | ['titre' => 'Utilisation des copieurs SHARP', 'version' => '1.0', 'desc' => 'Pour l\'utilisation des photocopieurs Sharp 2025', 'url' => 'https://files.gretani.com/it/tutos/sharp-copieur.pdf', 'type' => 'pdf'], |
| | ], |
| | ], |
| | 'Email et Téléphonie' => [ |
| | 'color' => '#185FA5', |
| | 'bg' => '#E8F0FB', |
| | 'items' => [ |
| | ['titre' => 'Outlook 2016', 'version' => '1.0', 'desc' => 'Configuration d\'Outlook 2016 sur les postes et/ou le serveur TSE', 'url' => 'https://files.gretani.com/it/tutos/outlook2016.pdf', 'type' => 'pdf'], |
| | ['titre' => 'Outlook 2019', 'version' => '1.0', 'desc' => 'Configuration d\'Outlook 2019 sur les postes et/ou le serveur TSE', 'url' => 'https://files.gretani.com/it/tutos/outlook2019.pdf', 'type' => 'pdf'], |
| | ['titre' => 'Signature Outlook', 'version' => '3.0', 'desc' => 'Pour l\'ajout des signatures du GNI dans Outlook (Interne et Externe)', 'url' => 'https://files.gretani.com/it/tutos/signaturedemail.mp4', 'type' => 'video'], |
| | ['titre' => 'Signature Outlook GNI', 'version' => '2023','desc' => 'Pour l\'ajout de la signature GNI', 'url' => 'https://files.gretani.com/it/tutos/signaturegni_2023.docx', 'type' => 'word'], |
| | ['titre' => 'Signature Outlook Alternance', 'version' => '2023','desc' => 'Pour l\'ajout de la signature Alternance', 'url' => 'https://files.gretani.com/it/tutos/signaturegni_alternance 2023.docx', 'type' => 'word'], |
| | ['titre' => 'Outils Mail GNI', 'version' => '1.0', 'desc' => 'Configuration, ajout de Calendrier partagé, quota...', 'url' => 'https://files.gretani.com/it/tutos/mail-gni.pdf', 'type' => 'pdf'], |
| | ['titre' => 'Prise de Réunion', 'version' => '1.0', 'desc' => 'Créer une réunion avec réservation de salle et invitation des participants', 'url' => 'https://files.gretani.com/it/tutos/outlook-reunion.pdf', 'type' => 'pdf'], |
| | ['titre' => 'Mail via un mobile ActiveSync', 'version' => '1.0', 'desc' => 'Configurer votre email GNI sur votre mobile Android', 'url' => 'https://files.gretani.com/it/tutos/mobile_activesync.pdf', 'type' => 'pdf'], |
| | ['titre' => 'Mail mobile / Gestion des dossiers', 'version' => '1.0', 'desc' => 'Configurer les dossiers mail à synchroniser sur votre mobile Android', 'url' => 'https://files.gretani.com/it/tutos/mobile_activesync_dossiers.pdf', 'type' => 'pdf'], |
| | ['titre' => 'Point d\'accès Mobile', 'version' => '1.0', 'desc' => 'Partager votre connexion internet mobile', 'url' => 'https://files.gretani.com/it/tutos/mobile-pam.pdf', 'type' => 'pdf'], |
| | ['titre' => 'Archivage sous Outlook', 'version' => '1.0', 'desc' => 'Mettre en place l\'archivage de vos emails sous Outlook', 'url' => 'https://files.gretani.com/it/tutos/archivage-outlook.pdf', 'type' => 'pdf'], |
| | ['titre' => 'Connexion d\'un téléphone au siège', 'version' => '1.0', 'desc' => 'Connecter un poste téléphonique Avaya au siège', 'url' => 'https://files.gretani.com/it/tutos/avaya.pdf', 'type' => 'pdf'], |
| | ['titre' => 'SMS Factor', 'version' => '1.0', 'desc' => 'Utilisation de l\'outil SMS Factor', 'url' => 'https://files.gretani.com/it/tutos/sms_factor.pdf', 'type' => 'pdf'], |
| | ['titre' => 'Client Softphone', 'version' => '1.0', 'desc' => 'Configuration du client téléphonique Avaya Workspace (Softphone)', 'url' => 'https://files.gretani.com/it/tutos/tel_avaya_softphone.pdf', 'type' => 'pdf'], |
| | ['titre' => 'Gestion des spams', 'version' => '1.0', 'desc' => 'Pour la gestion personnelle des spams', 'url' => 'https://files.gretani.com/it/tutos/spam.pdf', 'type' => 'pdf'], |
| | ], |
| | ], |
| | 'Poste de Travail' => [ |
| | 'color' => '#7F77DD', |
| | 'bg' => '#F0EFFF', |
| | 'items' => [ |
| | ['titre' => 'Raccourcis Win10 & TSE 2016', 'version' => '1.0', 'desc' => 'Ajout de raccourcis sur le bureau et/ou la barre des tâches', 'url' => 'https://files.gretani.com/it/tutos/racc_win10_tse2016.pdf', 'type' => 'pdf'], |
| | ['titre' => 'Utilisation TSE', 'version' => '1.0', 'desc' => 'Consignes d\'utilisation des sessions TSE', 'url' => 'https://files.gretani.com/it/tutos/tse.pdf', 'type' => 'pdf'], |
| | ['titre' => 'Programmes par défaut', 'version' => '1.0', 'desc' => 'Configurer les programmes par défaut sur Windows 10 et/ou TSE', 'url' => 'https://files.gretani.com/it/tutos/prog-defaut.pdf', 'type' => 'pdf'], |
| | ['titre' => 'Modifier son mot de passe', 'version' => '1.0', 'desc' => 'Pour modifier son mot de passe GNI', 'url' => 'https://files.gretani.com/it/tutos/cghtpasswd.pdf', 'type' => 'pdf'], |
| | ['titre' => 'Ajouter une imprimante', 'version' => '2.0', 'desc' => 'Ajouter une imprimante sur le serveur TSE ou un PC au SC', 'url' => 'https://files.gretani.com/it/tutos/addprinter.pdf', 'type' => 'pdf'], |
| | ['titre' => 'Impression Equitrac', 'version' => '1.0', 'desc' => 'Utilisation des copieurs via Equitrac (authentification, badges...)', 'url' => 'https://files.gretani.com/it/tutos/equitrac.pdf', 'type' => 'pdf'], |
| | ['titre' => 'Impression depuis une Clé USB', 'version' => '1.0', 'desc' => 'Utilisation des clés USB sur les copieurs', 'url' => 'https://files.gretani.com/it/tutos/copieur_cle_usb.pdf', 'type' => 'pdf'], |
| | ['titre' => 'Prise de contrôle à distance', 'version' => '2.0', 'desc' => 'Installation du logiciel Teamviewer', 'url' => 'https://files.gretani.com/it/tutos/teamviewer.pdf', 'type' => 'pdf'], |
| | ['titre' => 'Afficher les lecteurs réseaux', 'version' => '1.0', 'desc' => 'Afficher les lecteurs réseaux (J et P) dans l\'explorateur de fichiers', 'url' => 'https://files.gretani.com/it/tutos/lecteurs_reseaux.pdf', 'type' => 'pdf'], |
| | ], |
| | ], |
| | 'Navigateurs Internet' => [ |
| | 'color' => '#D85A30', |
| | 'bg' => '#FEF0EB', |
| | 'items' => [ |
| | ['titre' => 'Gestion des Favoris', 'version' => '1.0', 'desc' => 'Ajouter, créer ou modifier des favoris dans votre navigateur', 'url' => 'https://files.gretani.com/it/tutos/browser-favoris.pdf', 'type' => 'pdf'], |
| | ['titre' => 'PDF dans Firefox', 'version' => '1.0', 'desc' => 'Visualiser les fichiers PDF via le logiciel dédié', 'url' => 'https://files.gretani.com/it/tutos/browser-pdf.pdf', 'type' => 'pdf'], |
| | ['titre' => 'Exception sur les certificats', 'version' => '1.0', 'desc' => 'Valider des exceptions sur les certificats des navigateurs', 'url' => 'https://files.gretani.com/it/tutos/brower-exception-certificat.pdf', 'type' => 'pdf'], |
| | ], |
| | ], |
| | 'Teams' => [ |
| | 'color' => '#185FA5', |
| | 'bg' => '#E8F0FB', |
| | 'items' => [ |
| | ['titre' => 'Microsoft Teams', 'version' => '1.1', 'desc' => 'Pour l\'utilisation de l\'outil Microsoft Teams', 'url' => 'https://files.gretani.com/it/tutos/teams/teams.pdf', 'type' => 'pdf'], |
| | ['titre' => 'Compte Invité Outlook.com', 'version' => '5.0', 'desc' => 'Créer un compte TEAMS invité à partir du mail invitation en outlook.com', 'url' => 'https://files.gretani.com/it/tutos/teams/T1-Comment_creer_un_compte_TEAMS_invite.pdf', 'type' => 'pdf'], |
| | ['titre' => 'Compte Invité Autre', 'version' => '5.0', 'desc' => 'Créer un compte TEAMS invité pour les autres adresses email', 'url' => 'https://files.gretani.com/it/tutos/teams/T1-Comment_creer_un_compte_TEAMS_invite_autre.pdf', 'type' => 'pdf'], |
| | ['titre' => 'Compte Invité Smartphone', 'version' => '2.0', 'desc' => 'Créer un compte TEAMS invité sur Smartphone ou iPhone', 'url' => 'https://files.gretani.com/it/tutos/teams/T1bis-SMARTPHONE-Comment_creer_un_compte_TEAMS_invite.pdf', 'type' => 'pdf'], |
| | ['titre' => 'Stagiaire', 'version' => '2.0', 'desc' => 'Comment accéder à son compte Teams en ligne (stagiaire)', 'url' => 'https://files.gretani.com/it/tutos/teams/T2-STAGIAIRE-Comment_acceder_a_son_compte_teams.pdf', 'type' => 'pdf'], |
| | ['titre' => 'Formateur Vacataire', 'version' => '1.0', 'desc' => 'Comment accéder à son compte Teams en ligne (vacataire)', 'url' => 'https://files.gretani.com/it/tutos/teams/T2bis-VACATAIRE-Comment_acceder_a_son_compte_teams.pdf', 'type' => 'pdf'], |
| | ['titre' => 'Navigation Privée', 'version' => '1.0', 'desc' => 'Ouvrir une fenêtre de navigation privée sur EDGE pour TEAMS', 'url' => 'https://files.gretani.com/it/tutos/teams/T3-Navigation_privee_EDGE_TEAMS.pdf', 'type' => 'pdf'], |
| | ['titre' => 'Notifications dans TEAMS', 'version' => '1.0', 'desc' => 'Tutoriel sur les notifications dans TEAMS', 'url' => 'https://files.gretani.com/gni/tutos_applicatif/teams/Notifications_Teams.pdf', 'type' => 'pdf'], |
| | ['titre' => 'Devoirs dans TEAMS', 'version' => '1.0', 'desc' => 'Tutoriel sur les devoirs dans TEAMS', 'url' => 'https://files.gretani.com/gni/tutos_applicatif/teams/Creer_un_Devoir_Teams.pdf', 'type' => 'pdf'], |
| | ['titre' => 'Charte Communiquer Stagiaires','version' => '1.0', 'desc' => 'Charte pour communiquer dans un espace réservé à un groupe stagiaires dans Teams', 'url' => 'https://files.gretani.com/gni/tutos_applicatif/teams/Charte_communiquer_stagiaires_Teams.pdf', 'type' => 'pdf'], |
| | ], |
| | ], |
| | 'Forms' => [ |
| | 'color' => '#0F6E56', |
| | 'bg' => '#E1F5EE', |
| | 'items' => [ |
| | ['titre' => 'GoogleForms', 'version' => '1.0', 'desc' => 'Utilisation et création de formulaires GoogleForm, nouvelle interface', 'url' => 'https://files.gretani.com/it/tutos/GoogleForms.pdf', 'type' => 'pdf'], |
| | ['titre' => 'GoogleForms Réponses', 'version' => '1.0', 'desc' => 'Consulter les réponses d\'un fichier partagé en lecture seule', 'url' => 'https://files.gretani.com/it/tutos/GoogleForms-reponses.pdf', 'type' => 'pdf'], |
| | ['titre' => 'Microsoft Forms — Créer un formulaire','version' => '1.0', 'desc' => 'Créer un formulaire ou un questionnaire dans Microsoft Forms', 'url' => 'https://files.gretani.com/gni/tutos_applicatif/forms/Creer_un_formulaire_Forms.pdf', 'type' => 'pdf'], |
| | ], |
| | ], |
| | 'eGreta-CFA' => [ |
| | 'color' => '#BA7517', |
| | 'bg' => '#FEF3C7', |
| | 'items' => [ |
| | ['titre' => 'Mot de Passe', 'version' => '1.0', 'desc' => 'Réinitialiser son mot de passe eGreta-CFA', 'url' => 'https://files.gretani.com/gni/tutos_applicatif/egreta/e-greta-cfa-mdp.pdf', 'type' => 'pdf'], |
| | ], |
| | ], |
| | 'Docuseal' => [ |
| | 'color' => '#5B21B6', |
| | 'bg' => '#F1EBFB', |
| | 'items' => [ |
| | ['titre' => 'Accéder à Docuseal', 'version' => '-', 'desc' => 'Lien direct vers l\'application Docuseal', 'url' => 'https://sign.gretani.com/', 'type' => 'lien'], |
| | ['titre' => 'Présentation Docuseal', 'version' => '1.0', 'desc' => 'Présentation générale de l\'outil Docuseal', 'url' => 'https://files.gretani.com/gni/Docuseal/PRESENTATION%20DOCUSEAL.pdf', 'type' => 'pdf'], |
| | ['titre' => 'Procédure vidéo Docuseal', 'version' => '1.0', 'desc' => 'Vidéo de présentation de Docuseal', 'url' => 'https://files.gretani.com/gni/Docuseal/Procédure%20vidéo%20DocuSeal.mp4', 'type' => 'video'], |
| | ['titre' => 'Arborescence', 'version' => '1.0', 'desc' => 'Arborescence des dossiers Docuseal', 'url' => 'https://files.gretani.com/gni/Docuseal/ARBORESCENCE.pdf', 'type' => 'pdf'], |
| | ['titre' => 'Bonnes pratiques Docuseal', 'version' => '1.0', 'desc' => 'Bonnes pratiques d\'utilisation de Docuseal', 'url' => 'https://files.gretani.com/gni/Docuseal/Bonnes%20pratiques%20DOCUSEAL.pdf', 'type' => 'pdf'], |
| | ['titre' => 'Création de compte', 'version' => '1.0', 'desc' => 'Créer son compte Docuseal', 'url' => 'https://files.gretani.com/gni/Docuseal/CREATION%20COMPTE.pdf', 'type' => 'pdf'], |
| | ['titre' => 'Envoi du document', 'version' => '1.0', 'desc' => 'Envoyer un document à signer', 'url' => 'https://files.gretani.com/gni/Docuseal/ENVOI%20DU%20DOCUMENT.pdf', 'type' => 'pdf'], |
| | ['titre' => 'Demande de signature', 'version' => '1.0', 'desc' => 'Effectuer une demande de signature', 'url' => 'https://files.gretani.com/gni/Docuseal/DEMANDE%20SIGNATURE.pdf', 'type' => 'pdf'], |
| | ['titre' => 'Règle Outlook', 'version' => '1.0', 'desc' => 'Configurer une règle Outlook pour Docuseal', 'url' => 'https://files.gretani.com/gni/Docuseal/REGLE%20OUTLOOK.pdf', 'type' => 'pdf'], |
| | ['titre' => 'Suivi', 'version' => '1.0', 'desc' => 'Suivre l\'état des documents envoyés', 'url' => 'https://files.gretani.com/gni/Docuseal/SUIVI.pdf', 'type' => 'pdf'], |
| | ['titre' => 'Télécharger et archiver', 'version' => '1.0', 'desc' => 'Télécharger et archiver les documents signés', 'url' => 'https://files.gretani.com/gni/Docuseal/TELECHARGER%20ET%20ARCHIVER.pdf', 'type' => 'pdf'], |
| | ], |
| | ], |
| | ]; |
| | |
| | // Icônes selon le type de fichier |
| | function get_type_badge($type, $color, $bg) { |
| | switch ($type) { |
| | case 'pdf': |
| | return "<span style='display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:2px 8px;border-radius:4px;background:#FDECEA;color:#E53935;border:1px solid #FECACA;white-space:nowrap'>📄 PDF</span>"; |
| | case 'video': |
| | return "<span style='display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:2px 8px;border-radius:4px;background:#FEF3C7;color:#B45309;border:1px solid #FCD34D;white-space:nowrap'>🎬 Vidéo</span>"; |
| | case 'word': |
| | return "<span style='display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:2px 8px;border-radius:4px;background:#E8F0FB;color:#185FA5;border:1px solid #BFDBFE;white-space:nowrap'>📝 Word</span>"; |
| | default: |
| | return "<span style='display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:2px 8px;border-radius:4px;background:{$bg};color:{$color};border:1px solid {$color};white-space:nowrap'>🔗 Lien</span>"; |
| | } |
| | } |
| | |
| | echo ' |
| | <style> |
| | .tuto-wrap { font-family: Arial, sans-serif; font-size: 14px; color: #333; } |
| | .tuto-intro { font-size: 13px; color: #666; margin-bottom: 24px; border-left: 3px solid #378ADD; padding: 6px 0 6px 14px; line-height: 1.6; } |
| | .tuto-section { margin-bottom: 24px; } |
| | .tuto-cat-title { display: inline-block; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.2px; padding: 5px 14px; border-radius: 20px; color: #fff; margin-bottom: 12px; } |
| | .tuto-table { width: 100%; border-collapse: collapse; } |
| | .tuto-table tr { border-bottom: 1px solid #f0f0f0; } |
| | .tuto-table tr:last-child { border-bottom: none; } |
| | .tuto-table tr:hover { background: #fafafa; } |
| | .tuto-table td { padding: 9px 12px; vertical-align: middle; } |
| | .tuto-title-link { font-weight: 600; font-size: 13px; text-decoration: none; } |
| | .tuto-title-link:hover { text-decoration: underline; } |
| | .tuto-desc { font-size: 12px; color: #888; } |
| | .tuto-version { font-size: 11px; color: #aaa; white-space: nowrap; text-align: center; } |
| | .tuto-divider { border: none; border-top: 1px solid #f0f0f0; margin: 8px 0 24px; } |
| | </style>'; |
| | |
| | echo '<div class="tuto-wrap">'; |
| | echo '<p class="tuto-intro">Retrouvez ici l\'ensemble des tutoriels et guides d\'utilisation mis à disposition par le service informatique du GNI.</p>'; |
| | |
| | $first = true; |
| | foreach ($TUTORIELS as $cat_name => $cat) { |
| | if (!$first) echo '<hr class="tuto-divider">'; |
| | $first = false; |
| | |
| | $color = $cat['color']; |
| | $bg = $cat['bg']; |
| | |
| | echo "<div class='tuto-section'>"; |
| | echo "<span class='tuto-cat-title' style='background:{$color}'>" . htmlspecialchars($cat_name) . "</span>"; |
| | echo "<table class='tuto-table'>"; |
| | echo "<thead><tr style='background:#f8f9fa;'> |
| | <td style='padding:7px 12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;color:#888;width:240px'>Nom</td> |
| | <td style='padding:7px 12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;color:#888'>Description</td> |
| | <td style='padding:7px 12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;color:#888;width:70px;text-align:center'>Version</td> |
| | <td style='padding:7px 12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;color:#888;width:90px;text-align:center'>Format</td> |
| | </tr></thead><tbody>"; |
| | |
| | foreach ($cat['items'] as $item) { |
| | $titre = htmlspecialchars($item['titre']); |
| | $url = htmlspecialchars($item['url']); |
| | $desc = htmlspecialchars($item['desc']); |
| | $version = htmlspecialchars($item['version']); |
| | $badge = get_type_badge($item['type'], $color, $bg); |
| | |
| | echo "<tr>"; |
| | echo "<td><a class='tuto-title-link' href='{$url}' target='_blank' style='color:{$color}'>{$titre}</a></td>"; |
| | echo "<td><span class='tuto-desc'>{$desc}</span></td>"; |
| | echo "<td class='tuto-version'>v{$version}</td>"; |
| | echo "<td style='text-align:center'>{$badge}</td>"; |
| | echo "</tr>"; |
| | } |
| | |
| | echo "</tbody></table></div>"; |
| | } |
| | |
| | echo '</div>'; |
| | |
| | </PHP> |