Guide des fonctionnalités

Tout ce que fait
AffichageScolaire

Application de tableau d'affichage numérique pour les établissements scolaires — absences, menus, événements, conseils, tout en temps réel sur tous vos écrans.

Mode affichage TV
Tableau de bord
Mise à jour 60s
Responsive
affichagescolaire.html — Lycée Victor Hugo
🏫
Lycée Victor Hugo
14:32
En direct
🎉
Portes ouvertes
Samedi 5 avril · 9h–17h
🚫 Absences
M. MartinMaths · 14/03
Mme PetitFrançais · 15/03
🍽 Cantine
LunGratin dauphinois
MarPoulet rôti
✦ Bienvenue au Lycée Victor Hugo    ✦ Réunion parents-professeurs le 20 mars à 18h    ✦ La bibliothèque ferme à 17h le vendredi    ✦ Résultats bac blanc vendredi prochain   
Vue d'ensemble

9 sections pour couvrir
toute la vie scolaire

AffichageScolaire centralise toutes les informations utiles de votre établissement dans une interface unique, pilotée en temps réel depuis n'importe quel appareil.

🚫
Professeurs absents
Affichez les absences avec date, matière, classes concernées et type de remplacement. Badge "Aujourd'hui" pour les absences du jour, date précise pour les absences à venir.
Écran + Gestion
📅
Conseils de classe
Planning des conseils par trimestre. Chaque entrée affiche la classe, la date, l'heure et la salle. Filtrés automatiquement pour n'afficher que les dates à venir.
Écran + Gestion
🚌
Sorties scolaires
Voyages et sorties pédagogiques avec destination, classes, accompagnateur et heure de départ. S'affichent jusqu'à la date de la sortie.
Écran + Gestion
🎉
Événements
Portes ouvertes, spectacles, conférences, réunions. Titre, date, heure, lieu et description longue. Filtrés sur les événements futurs.
Écran + Gestion
🍽
Menu cantine
Entrée, plat, accompagnement, fromage et dessert par jour. Fenêtre glissante de 14 jours. Le jour de la semaine est calculé sans décalage de fuseau horaire.
Écran + Gestion
📢
Bandeau défilant
Messages permanents en bas d'écran. Vitesse réglable (4 niveaux). Taille de texte personnalisable. La durée d'animation s'adapte à la longueur des messages.
Écran + Gestion
🖼
Diaporama photos
Images uploadées dans le cloud ou fonds colorés avec emoji. Défilement automatique toutes les 6 secondes. Aperçu vignette dans le tableau de bord.
Écran + Gestion
🏫
Identité établissement
Nom, sous-titre, logo (image ou emoji), adresse, téléphone, email, site, académie, code UAI. Aperçu en temps réel de l'en-tête pendant la saisie.
Réglages
Tableau de bord

Un panneau de contrôle
pensé pour le quotidien

Accessible depuis n'importe quel navigateur après connexion avec votre adresse mail et votre mot de passe. Toute modification est répercutée sur les écrans en moins de 60 secondes.

⚙ Tableau de bord — AffichageScolaire Connecté
Contenu
🚫Profs absents
📅Conseils
🚌Sorties
🎉Événements
🍽Cantine
Affichage
🖼Diaporama
📢Bandeau
Réglages
🏫Établissement
Liste des absences
ProfesseurDateStatut
M. Martin14/03Annulé
Mme Petit15/03Remplacé
M. Dupont18/03À jour
1
Se connecter
Cliquez sur Se connecter depuis cette page. Saisissez votre adresse mail et votre mot de passe pour accéder au tableau de bord.
2
Naviguer entre les sections
La barre latérale gauche liste toutes les sections. Sur mobile, un menu burger ☰ la fait glisser depuis le bord. Cliquez sur une section pour l'ouvrir.
3
Ajouter une entrée
Remplissez le formulaire en haut de chaque section et cliquez sur ➕ Ajouter. L'entrée apparaît immédiatement dans le tableau.
4
Modifier une entrée
Cliquez sur ✏️ sur n'importe quelle ligne — elle devient éditable en place. Enregistrez avec 💾 ou annulez avec ✕. Aucun rechargement de page.
5
L'écran se met à jour seul
L'affichage se rafraîchit automatiquement toutes les 60 secondes. Vos modifications apparaissent sans aucune action supplémentaire.
Sections en détail

Comment utiliser
chaque section

🚫
Affichage
Professeurs absents
  • Badge "Aujourd'hui" en rouge pour les absences du jour
  • Date précise (jj/mm) pour les absences à venir
  • Matière · Classes · Type de remplacement
  • Titre dynamique : "2 aujourd'hui, 3 à venir"
Section absences

Profs absents

Signalez rapidement une absence avec toutes les informations utiles. Les élèves et les parents voient immédiatement qui est absent, quelle matière est concernée et comment le cours est géré.

Comment ajouter une absence

1
Dans le tableau de bord, ouvrez 🚫 Profs absents
2
Renseignez Nom du professeur et Date (obligatoires)
3
Ajoutez optionnellement la matière, les classes et le type de remplacement (Annulé / Remplacé / Travail à faire…)
4
Cliquez ➕ Ajouter — l'absence apparaît dans le tableau et sur l'écran au prochain rafraîchissement
🍽
Menu cantine
Menus de la semaine
  • Fenêtre glissante de 14 jours
  • Entrée, plat, accompagnement, fromage, dessert
  • Jour de la semaine calculé précisément
  • Modification inline directement dans le tableau
Section cantine

Menu cantine

Renseignez les menus de la semaine une fois, ils s'affichent automatiquement sur l'écran. L'application n'affiche que les menus des 14 prochains jours.

Comment ajouter un menu

1
Ouvrez 🍽 Menu cantine dans le tableau de bord
2
Sélectionnez la date du repas
3
Remplissez les champs : entrée, plat, accompagnement, fromage, dessert (tous optionnels sauf la date)
4
Pour modifier un menu existant, cliquez sur ✏️ dans le tableau — les champs deviennent éditables en place
📢
Bandeau défilant
Messages permanents
  • Plusieurs messages en rotation continue
  • 4 vitesses : 🐢 Lent · ▶ Normal · ⏩ Rapide · 🚀 Très rapide
  • Taille de texte S / M / L / XL
  • Vitesse et taille sauvegardées en base
Section bandeau

Bandeau d'informations

Le bandeau doré en bas d'écran défile en permanence. Idéal pour les annonces récurrentes ou urgentes que tout le monde doit voir.

Comment gérer le bandeau

1
Ouvrez 📢 Bandeau d'infos dans le tableau de bord
2
Tapez votre message et cliquez ➕ Ajouter
3
Ajustez la taille du texte (S/M/L/XL) et la vitesse (🐢/▶/⏩/🚀) avec les boutons en haut du panel
4
Cliquez ✏️ pour modifier un message existant sans le supprimer et recréer
🏫
Réglages
Identité établissement
  • Nom, sous-titre, logo (image ou emoji)
  • Adresse, téléphone, email, site, académie, UAI
  • Aperçu de l'en-tête en temps réel pendant la saisie
Section établissement

Réglages établissement

Personnalisez l'identité visuelle de votre tableau d'affichage — nom, logo et informations de contact affichés en en-tête sur tous vos écrans.

Configuration initiale recommandée

1
Ouvrez 🏫 Établissement dans le tableau de bord
2
Renseignez le nom de l'établissement — il s'affiche en temps réel dans l'aperçu
3
Uploadez votre logo (JPG/PNG/SVG, max 2 Mo) ou choisissez un emoji représentatif
4
Cliquez 💾 Enregistrer pour sauvegarder toutes les modifications
Référence rapide

Toutes les sections
en un coup d'œil

Section Champs obligatoires Champs optionnels Filtre affichage Visible sur
🚫 Profs absents Nom, Date Matière, Classes, Remplacement Date ≥ aujourd'hui Écran + Gestion
📅 Conseils de classe Classe, Date, Trimestre Heure, Salle Date ≥ aujourd'hui Écran + Gestion
🚌 Sorties scolaires Titre, Date Classes, Lieu, Accompagnateur, Heure départ Date ≥ aujourd'hui Écran + Gestion
🎉 Événements Titre, Date Heure, Lieu, Description Date ≥ aujourd'hui Écran + Gestion
🍽 Menu cantine Date Entrée, Plat, Accomp., Fromage, Dessert 14 jours glissants Écran + Gestion
📢 Bandeau Message Toujours affiché Écran + Gestion
🖼 Diaporama Titre Sous-titre, Image, Couleur, Emoji Tous les slides Écran + Gestion
🏫 Établissement Nom, Logo, Sous-titre, Adresse, UAI… En-tête de l'écran Gestion → Écran
Déploiement

Fonctionne sur
n'importe quel écran

Aucun boîtier propriétaire, aucun logiciel à installer. Un navigateur moderne suffit pour afficher AffichageScolaire.

📺
Smart TV
Samsung, LG, Sony — tout écran avec navigateur intégré Chrome ou WebKit
🔌
Chromecast / Fire Stick
Projetez l'onglet depuis un PC ou utilisez le navigateur intégré
🫐
Raspberry Pi
Mode kiosk avec Chromium — solution autonome et économique
📱
Tablette / Mobile
Interface responsive — tableau de bord accessible depuis smartphone ou tablette
Démarrage rapide

Prêt à utiliser
en quelques clics

Aucune installation requise — ouvrez l'application dans votre navigateur et commencez immédiatement.

1
Ouvrez l'application
Rendez-vous sur affichagescolaire.web.app depuis n'importe quel navigateur
L'écran d'affichage s'affiche immédiatement — aucune installation requise
2
Connectez-vous
Cliquez sur Se connecter en haut de cette page
Saisissez votre adresse mail et votre mot de passe
3
Configurez votre école
Allez dans 🏫 Établissement pour renseigner le nom et le logo
4
Ajoutez du contenu
Absences, menus, événements — remplissez les sections depuis le tableau de bord
Tout s'affiche sur l'écran en moins de 60 secondes
S'inscrire →

Rejoignez AffichageScolaire