AbiClock (Countdown)

Zwei kleine Browser-HTML5-Apps für einen Countdown bei Abiturprüfungen z. B. auf einem Notebook vorn in der Aula:

Es gibt wirklich nur die Restarbeitszeit, keine Effekte, Farben, Farbübergänge oder gar Sound. In den letzten 10 Minuten wird auf rote Darstellung gewechselt.

Im unteren Bereich läuft zur Kontrolle neben der Anzeige der Parameter eine kleine Uhr mit.

Die aktuelle, erste und wahrscheinlich auch letzte Version: abiclock.zip

Wer etwas verändern oder ergänzen möchte, muss das bitte selbst tun

Die HTML-Dateien können lokal im Browser geöffnet und dieser dann mit F11 in den Vollbildmodus gesetzt werden.

Alle Einstellungen werden direkt im Body der HTML-Datei mit einem Texteditor vorgenommen:

abiclock2.html

<p id="label1" class="desc">LK</p>
<p id="time1"  class="time">0:00</p>
<p id="label2" class="desc">GK</p>
<p id="time2" class="time">0:00</p>
 
<p id="clock" class="clock">00:00:00</p>
<p id="status" class="status">00:00/0</p>
 
<script>
  start1="09:00";
  duration1=315;
 
  start2="09:00";
  duration2=255;
 
  start();
</script>

abiclock1.html

<p id="time" class="time">0:00</p>
 
<p id="status" class="status">Start: 00:00 Uhr, Dauer: 0 min</p>
<p id="clock" class="clock">00:00:00</p>
 
<script>
  start="16:00";
  duration=270;
  starte();
</script>

• Die passende Datei für jede Prüfung unter einem neuen Namen - biologie-26-04-22.html - speichern und bearbeiten. Im Download-Archiv gibt es Beispiele.
• Tablets dürfen lokale HTML5-Apps nicht ausführen. Hier müsste die App auf einem Webserver abgelegt werden und die HTML-Dateien z. B. in Moodle o. ä. verlinkt werden.

Die Lizenzen für die beiden verwendeten Schriftarten sind im Download-Archiv enthalten. Beide stehen unter „SIL OPEN FONT LICENSE“.