Visuele aanpassing van informatieschermen

De informatieschermen van Omniscol zijn ontworpen om visueel aan te sluiten bij uw huisstijl. Er zijn twee niveaus van aanpassing mogelijk: (1) de instellingen in de interface (voor de meeste gevallen voldoende), (2) de volledige vervanging van de webpagina die het scherm toont (voor implementaties met een sterke visuele identiteit).

Instellingen in de interface

In de module Rooster opent de knop Informatiescherm het configuratiescherm van de informatieschermen. Dat scherm biedt de volgende weergaveopties, die u kunt wijzigen zonder de code aan te raken:

  • Lettergrootte — klein, middelgroot of groot. De weergave gebruikt eenheden die relatief zijn aan de venstergrootte (vmin), zodat de leesbaarheid consistent blijft, ongeacht het schermformaat (16:9, 4:3, staand).
  • Kleuren — achtergrondkleur, tekstkleur, kleuren van de even en oneven regels van het lessenraster. Alle hexadecimale codes worden geaccepteerd; u kunt het palet van uw huisstijl overnemen.
  • Kopbalk — een geordende combinatie van: titel, logo, datum van vandaag. U kiest wat er in de kop verschijnt en in welke volgorde.
  • Kolommen van het raster — selectie en volgorde uit: lokaal, klassen, docenten, vak, tijden. Een kolom verbergen (bijvoorbeeld de docenten op een openbaar scherm bij de ingang) of verplaatsen werkt onmiddellijk.
  • Notatie van de docentnamen — voornaam-achternaam, achternaam-voornaam, aanspreektitel + achternaam (Mevr. De Vries), aanspreektitel + voornaam. De aanspreektitels Dhr. en Mevr. volgen automatisch de taal van de interface; wat u per scherm instelt, is de gekozen notatie.
  • Logo — het logo van de school dat in de schoolconfiguratie is geüpload, kan in de kopbalk worden getoond.

Deze instellingen worden opgeslagen in de configuratie van het scherm. Let op: anders dan de lessen en de berichten, die zichzelf verversen, worden deze visuele opties (kleuren, grootte, kolommen, kopbalk, naamnotatie) in de pagina opgenomen op het moment dat die laadt. Nadat u ze hebt opgeslagen, herlaadt u de tabbladen die al op de schermen open staan (F5 of de kioskpagina opnieuw starten), zodat ze de nieuwe weergave overnemen.

Volledige vervanging van het sjabloon (MIT-licentie)

Het sjabloon dat de weergavepagina rendert, staat uitdrukkelijk onder de MIT-licentie en mag worden gekopieerd en aangepast om het scherm van een school te personaliseren.

Dat opent verschillende scenario's voor scholen die verder willen gaan dan de instellingen:

  • Volledige visuele herziening — de HTML/CSS van het sjabloon herschrijven om aan te sluiten bij een uitgesproken huisstijl (eigen lettertype, specifieke animaties, niet-standaard opmaak).
  • Integratie in een bestaand narrowcastingsysteem — de inhoud van een Omniscol-scherm inbedden in een overkoepelende weergavepagina die lessen, weerbericht, schoolnieuws, video's… combineert.
  • Specifieke werkweergaven — een weergave maken voor bijvoorbeeld de toezichthouders (wie moet wat doen), voor een technische dienst (bezetting van de lokalen met materiaalbehoefte), enzovoort.

Daarvoor zijn er twee complementaire benaderingen:

  1. Het sjabloon forken — als u Omniscol zelf host, dupliceert u panel.dot, past u het aan en rolt u uw eigen versie uit. De MIT-licentie staat wijzigingen, herdistributie en commercieel gebruik uitdrukkelijk toe.
  2. JSON-API van het scherm — wilt u Omniscol als gegevensbron houden maar de weergave bij een derde partij renderen, dan biedt de URL van het scherm ook een JSON-variant (GET /panels/:accesshash/lessons). Die geeft de lijst met lessen terug, gefilterd volgens de configuratie van het scherm en klaar om te worden verwerkt door een narrowcastingsysteem van derden (Yodeck, Xibo, ScreenCloud, een zelfgebouwd dashboard). Deze URL opent u met de toegangssleutel van het scherm, zonder extra token. Voor bredere integraties van systeem tot systeem is de REST-API van Omniscol beschreven in Omniscol-API.

Praktische aanbevelingen

Een paar punten die bij implementaties vaak terugkomen:

  • Contrast — een donkere achtergrond met lichte tekst is rustiger voor een scherm dat 12 uur per dag aanstaat dan een witte achtergrond.
  • Lettergrootte “Groot” zodra het scherm van meer dan 2 m afstand wordt gelezen (typisch voor een entreehal). Houd “Middelgroot” aan voor schermen bij een lokaaldeur, die van dichterbij worden bekeken.
  • Logo in de kopbalk — altijd nuttig om schermen snel te herkennen wanneer er meerdere naast elkaar staan op een grote vestiging.
  • Datum in de kopbalk — nuttig in de hal (bezoekers controleren de datum), minder nuttig bij een lokaal (de context spreekt voor zich).
  • De kolom docenten verbergen op openbare schermen als uw school interne regels heeft over het tonen van namen.

Stappenplan

De huisstijl van de school op een scherm overnemen

  1. Twee niveaus van aanpassing: (1) instellingen in de interface (in 90% van de gevallen voldoende), (2) volledige vervanging van het MIT-sjabloon voor een uitgesproken huisstijl.

  2. Open de configuratie van het scherm in de module Rooster, via de knop Informatiescherm. Het scherm toont de weergaveopties: kleuren, grootte, kopbalk, kolommen, naamnotatie.

  3. Stem de kleuren af op uw huisstijl: achtergrondkleur, tekstkleur, kleuren van de even/oneven regels. Hexadecimale codes worden geaccepteerd. Voor een scherm dat 12 uur per dag aanstaat, kiest u bij voorkeur een donkere achtergrond met lichte tekst (rustiger).

  4. Kopbalk: kies de volgorde van logo, titel, datum. Het logo is nuttig zodra er meerdere schermen op één vestiging staan. De datum is nuttig in de hal, overbodig bij een lokaal.

  5. Kolommen van het raster: selecteer en herschik uit lokaal, klassen, docenten, vak, tijden. Voor een openbaar scherm bij de ingang waar uw huisregels het tonen van namen verbieden, verbergt u de kolom docenten.

    Naamnotatie (als u die kolom houdt): voornaam-achternaam, achternaam-voornaam, aanspreektitel+achternaam, aanspreektitel+voornaam.

  6. Lettergrootte: groot zodra het scherm van meer dan 2 m afstand wordt gelezen (hal), middelgroot bij een lokaaldeur (van dichtbij bekeken). Relatieve eenheden in vmin — de leesbaarheid blijft consistent, ongeacht het schermformaat.

  7. Sla op en herlaad daarna de schermen. Deze visuele instellingen worden bij het laden in de pagina opgenomen: herlaad (F5) de tabbladen die al op de schermen open staan, zodat ze de nieuwe weergave overnemen.

    Wilt u verder gaan (volledige herziening, integratie in narrowcasting van derden zoals Yodeck/Xibo/ScreenCloud): het sjabloon panel.dot valt onder de MIT-licentie, forken is toegestaan. De JSON-variant van de URL van het scherm (GET /panels/:accesshash/lessons) levert de gegevens kant-en-klaar aan een extern systeem, met de toegangssleutel van het scherm. Voor de bredere REST-API, zie Omniscol-API.

Zie ook