Tableau de bord
Bienvenue dans votre espace administrateur — créez et gérez vos formations e-learning
0
Formations créées
0
Slides au total
0
Publiées & accessibles
Mes formations
Gérez vos formations · ✏️ Éditer le contenu · 🚀 Publier pour partager · 🗑️ Supprimer
Éditeur
0 slides
Informations de la formation
→ Apparaît sur la slide d'accueil et dans l'attestation finale
→ Affiché sous le titre principal sur la slide d'accueil
→ Icône du personnage qui accompagne l'apprenant
→ Affiché au-dessus de chaque bulle de texte
→ Affiché sous le nom du guide sur chaque slide
→ 70 = l'apprenant doit obtenir au moins 70%
→ Affichés comme étiquettes colorées sur la slide d'accueil
✓
Cliquez sur un slide pour l'éditer à droite. Glissez-déposez pour réordonner.
Sélectionnez un slide dans la liste
ou ajoutez-en un nouveau
ou ajoutez-en un nouveau
Publier une formation
Générez un lien ou un code à partager — vos apprenants l'utilisent dans l'Espace apprenant (user.html)
ℹ️
Comment ça marche ?
① Cliquez 🚀 Publier sur une formation ci-dessous
② Copiez le 🔗 lien direct et envoyez-le à vos apprenants (le plus simple)
③ Ou copiez le 📋 code brut — l'apprenant le colle manuellement dans user.html
④ L'apprenant ouvre le lien ou colle le code → la formation se lance immédiatement
① Cliquez 🚀 Publier sur une formation ci-dessous
② Copiez le 🔗 lien direct et envoyez-le à vos apprenants (le plus simple)
③ Ou copiez le 📋 code brut — l'apprenant le colle manuellement dans user.html
④ L'apprenant ouvre le lien ou colle le code → la formation se lance immédiatement
Guide d'utilisation
Tout ce que vous devez savoir pour créer et partager une formation
🗺️ Flux de travail en 5 étapes
① Créer → ② Éditer les slides → ③ Aperçu → ④ Publier → ⑤ Partager le lien
① Créer une formation
Cliquez "+ Nouvelle formation" → entrez le titre → choisissez une couleur → cliquez "Créer". La formation n'existe dans le système qu'après confirmation.
② Éditeur : gauche = structure, droite = contenu du slide
Colonne gauche : infos générales + liste des slides (glisser-déposer pour réordonner). Colonne droite : cliquez un slide dans la liste → son formulaire s'ouvre. Point orange = modifications non sauvegardées → cliquez 💾 Sauvegarder.
③ Les 8 types de slides — à quoi sert chacun ?
🎯 Hero — Slide d'accueil avec titre, description et badges
📂 Accordion — L'apprenant clique pour révéler chaque concept
🃏 Flipcard — Cartes recto/verso : question → réponse cachée
⚡ Scenario — Cas concret avec choix de réponse (comme un quiz)
❓ Quiz — Question notée : bonne réponse = points au score
📋 Bullets — Points clés qui apparaissent animés un à un
🔁 Recap — Synthèse des points importants à retenir
🏆 Examen final — Évaluation multi-questions avec minuteur optionnel
📂 Accordion — L'apprenant clique pour révéler chaque concept
🃏 Flipcard — Cartes recto/verso : question → réponse cachée
⚡ Scenario — Cas concret avec choix de réponse (comme un quiz)
❓ Quiz — Question notée : bonne réponse = points au score
📋 Bullets — Points clés qui apparaissent animés un à un
🔁 Recap — Synthèse des points importants à retenir
🏆 Examen final — Évaluation multi-questions avec minuteur optionnel
④ Aperçu avant publication
Dans l'éditeur, cliquez "👁 Aperçu" pour tester la formation dans l'espace apprenant sans la publier. Aucun code à copier — s'ouvre directement.
⑤ Publier et partager
Onglet 🚀 Publier → cliquez "Publier" → deux options :
🔗 Copier le lien — envoyez l'URL directement (recommandé : un clic suffit à l'apprenant)
📋 Code brut — l'apprenant ouvre user.html et colle le code manuellement
🔗 Copier le lien — envoyez l'URL directement (recommandé : un clic suffit à l'apprenant)
📋 Code brut — l'apprenant ouvre user.html et colle le code manuellement
🔄 Basculer entre l'interface Admin et l'interface Apprenant
Admin → Apprenant : bouton "👤 Espace apprenant" dans la barre du haut (ce fichier = index.html, apprenant = user.html)
Apprenant → Admin : lien "⚙️ Espace administrateur" en bas de l'écran d'accueil de user.html
Important : les deux fichiers doivent être dans le même dossier.
Apprenant → Admin : lien "⚙️ Espace administrateur" en bas de l'écran d'accueil de user.html
Important : les deux fichiers doivent être dans le même dossier.