LearnBriq · Guide d'utilisation
Comment utiliser LearnBriq
Guide pratique des principales fonctionnalités : de la création de contenu au pilotage en direct de votre session de formation.
Sommaire
Console de contrôle
controle.html
Lancer une présentation
1
Ouvrez controle.html dans un onglet et view-veille.html sur l'écran projecteur.
2
Dans la console, choisissez l'onglet Slides, Images ou Sons dans le panneau de droite.
3
Cliquez sur l'élément à projeter — il s'affiche immédiatement sur la page projecteur.
4
Cliquez sur ⏹ Terminer dans le panneau de contrôle pour revenir à l'écran de veille.
Naviguer dans un slide
←
Diapo précédente→
Diapo suivanteEspace
Diapo suivanteLes boutons ‹ et › du panneau flottant fonctionnent aussi depuis la page de présentation elle-même.
Résolution de l'aperçu
Le sélecteur en haut de l'aperçu propose Auto (projecteur) — sélectionné par défaut. La résolution de view-veille est détectée automatiquement et l'aperçu s'y adapte.
Vous pouvez aussi forcer une résolution fixe (FHD 1920×1080, HD, etc.) ou saisir une valeur personnalisée.
Vous pouvez aussi forcer une résolution fixe (FHD 1920×1080, HD, etc.) ou saisir une valeur personnalisée.
Tableau blanc
Cliquez sur le bouton Tableau blanc dans la barre d'outils pour ouvrir une toile vierge sur le projecteur. Le panneau de contrôle sur la page de présentation permet d'écrire et d'annoter en temps réel.
Note : La console et la page projecteur communiquent en temps réel via PocketBase. Toute action dans la console se répercute instantanément sur l'écran du public.
Page de présentation (view-veille)
view-veille.html
Plein écran
Cliquez sur le bouton ⛶ Plein écran dans la barre du haut, ou appuyez sur F pour basculer en plein écran et masquer la barre du navigateur.
Horloge & date
L'horloge, la date et la phrase du jour s'affichent en veille si configurés depuis la console. Leur position et visibilité sont pilotables à distance.
Radio en veille
Quand la radio est active depuis la console, la piste en cours s'affiche en bas de l'écran de veille avec une animation d'égaliseur.
Conseil : Ouvrez view-veille.html sur l'écran secondaire (projecteur) et controle.html sur l'écran principal. Les deux onglets doivent être connectés à PocketBase avec le même compte.
Zoom & panoramique
Nouveau
Souris / trackpad
CtrlMolette ↑↓
Zoomer / dézoomerClic + glisser
Déplacer la vue (si zoomé)Molette ↑↓
Faire défiler le contenu
Tactile (tablette)
Pinch 2 doigts
Zoomer / dézoomer1 doigt (zoomé)
Déplacer la vue2 doigts (glisser)
Faire défiler le contenu
Reset automatique
Le zoom et le panoramique sont réinitialisés automatiquement à la fin de la présentation (clic sur ⏹ Terminer). Vous n'avez pas à revenir manuellement au niveau de zoom 1×.
Note : Le zoom est appliqué côté console ET transmis en temps réel au projecteur via PocketBase. Le public voit exactement la même vue que l'aperçu de la console.
Mode dessin
Bêta
Activer le dessin
1
Dans view-veille.html, cliquez sur ✏️ Dessin dans la barre du haut. Le bouton s'illumine.
2
Un bouton flottant Dessin apparaît sur l'écran. Cliquez dessus pour ouvrir le menu de couleurs et épaisseurs.
3
Dessinez directement sur le contenu projeté.
Options du crayon
Dans le menu flottant : choisissez la couleur (noir, rouge, bleu, vert, orange, gomme) et l'épaisseur (5 niveaux). Les boutons ↶ Annuler et ↷ Rétablir permettent de corriger un trait.
Désactiver le dessin
Cliquez à nouveau sur ✏️ Dessin dans la barre du haut pour désactiver le mode et masquer le bouton flottant. Le dessin existant est effacé.
Note : Le mode dessin est désactivé par défaut au chargement d'un contenu pour éviter les tracés accidentels. Activez-le manuellement quand nécessaire.
Créer une formation
create-formation.html
Structure d'une formation
Une formation est organisée en Journées → Sections → Blocs de contenu.
Depuis
Depuis
create-formation.html, créez autant de journées que nécessaire, ajoutez des sections dans chaque journée, puis remplissez chaque section avec des blocs.
Types de blocs disponibles
Texte — éditeur enrichi (police, taille, gras, italique, couleur)
Liste — liste à puces ou numérotée
Bouton — lien cliquable
Image — sélecteur depuis la bibliothèque
Son — fichier audio depuis la bibliothèque
Liste — liste à puces ou numérotée
Bouton — lien cliquable
Image — sélecteur depuis la bibliothèque
Son — fichier audio depuis la bibliothèque
Éditeur de texte enrichi
Dans un bloc Texte, la barre d'outils propose : 6 polices, 12 tailles, gras / italique / souligné, 36 couleurs pour le texte et 72 couleurs pour le fond du bloc. Annuler/Rétablir disponibles.
Activer une formation
1
Depuis index.html ou controle.html, sélectionnez la formation à activer.
2
L'activation est synchronisée en temps réel — tous les clients connectés voient le changement immédiatement.
Slides
diapositive.html
Créer un slide manuellement
Depuis
diapositive.html, cliquez sur + Nouveau slide. Donnez-lui un titre et un numéro d'ordre. Ouvrez l'éditeur pour ajouter des pages, du texte, des images et des sons.
Importer depuis PDF
1
Cliquez sur Importer PDF et sélectionnez votre fichier.
2
Chaque page est convertie en image et uploadée automatiquement.
3
Un nouveau slide LearnBriq est créé avec toutes les pages.
Importer depuis PowerPoint
Importez un fichier .pptx : le texte (titre + corps) et les images de chaque diapo sont extraits automatiquement. Un slide LearnBriq est créé avec une page par diapo.
Organisation en dossiers
Les slides peuvent être classés dans des dossiers. La console de contrôle affiche l'arborescence complète avec navigation par dossier et compteur de fichiers.
Images & Sons
images.html · sounds.html
Uploader des images
Depuis
images.html, glissez-déposez vos fichiers ou cliquez sur Choisir des fichiers. Formats acceptés : JPG, PNG, GIF, WEBP, SVG. Les images sont stockées sur PocketBase et disponibles partout dans l'application.
Projeter une image directement
Dans la console, onglet Images : cliquez sur n'importe quelle image pour la projeter instantanément en plein écran sur la page de présentation. Idéal pour les schémas ou photos à commenter.
Sons
Uploadez des fichiers audio depuis
sounds.html (MP3, WAV, OGG…). Depuis la console onglet Sons, cliquez sur un son pour le jouer sur le projecteur avec affichage du titre et animation d'égaliseur.
Dossiers
Images et sons peuvent être organisés en dossiers et sous-dossiers. La navigation dans la console respecte cette arborescence avec bouton Retour et compteur de fichiers par dossier.
Radio d'ambiance & tirage au sort
Lancer la radio
Dans la console, cliquez sur le bouton Radio pour démarrer une station. La piste en cours s'affiche sur l'écran de veille. Idéal pendant les pauses ou l'accueil des participants.
Auto-radio
Activez Auto-radio dans la barre de la console : la radio se lance automatiquement à chaque fin de présentation, sans action manuelle.
Tirage au sort
1
Cliquez sur le bouton Tirage dans la console.
2
Saisissez la liste des participants (un par ligne) ou utilisez la liste enregistrée.
3
Cliquez sur Tirer — un nom est sélectionné aléatoirement et projeté.
Feuilles de mission
Accès restreint
Projeter une mission
Dans la console, onglet Missions : cliquez sur une feuille de mission pour la projeter. Elle s'affiche en grand sur l'écran du public pour que chacun puisse lire les consignes.
Marquer comme faite
Chaque mission dans la liste a une case à cocher Fait. Cochez-la une fois la mission terminée pour la griser et suivre la progression en un coup d'œil.
Note : L'onglet Missions n'est visible que pour les comptes autorisés.