Aller au contenu

Horloge simple#

L'horloge simple est pensée pour être utilisée avec un seul écran, on modifie les affichages directement sur l'horloge.

Les messages et horaires sont stockés localement dans le navigateur et persistent donc même en cas de rafraîchissement de la page.

Principe#

  • Décompresser le fichier clock.zip (cf. Installation)

  • Lancer le serveur avec la commande python <dossier>\server.py -s. Si le serveur ne peut pas se lancer sur le port par défaut (8010), il faut faire python <dossier>\server.py -s -p <port> en précisant un autre numéro de port. Si python est lancé depuis un autre dossier, il faut aussi l'option -d <chemin vers le dossier> Le lien à cliquer ou copier pour ouvrir dans le navigateur sera affiché dans le terminal.

  • Optionnellement, on peut mettre l'horloge en plein écran, ou basculer du mode clair au mode sombre à laide des des icônes en haut à droite.

Configuration des horaires de fin#

Ajout#

On peut ajouter un horaire de fin en cliquant sur le petit bouton situé sous l'horloge principale.

Horloge Exam sans horaire de fin

Cela ouvre un dialogue avec un label et une heure de fin. Si on clique sur le champ heure, on a un sélecteur d'heure et minute.

Horloge Exam avec le dialogue d'horaire ouvert Horloge Exam avec le dialogue d'horaire ouvert et le sélecteur heure/minute visible

On peut ajouter jusqu'à 4 horaires de fin.

Suppression#

On peut supprimer un horaire de fin en cliquant sur le petit bouton situé sous l'horaire voulu.

Affichage d'un horaire avec son bouton pour le supprimer

Messages#

Pour ajouter ou modifier des messages, il faut modifier cliquer sur la zone de message. Celle-ci est mise en avant lorsque l'on passe la souris par dessus avec un cadre en pointillés et un message.

Survol de la zone de messages faisant apparaître la zone où cliquer

Quand on clique dessus, la zone de texte devient éditable, et on peut saisir ses messages. Il suffit de cliquer n'importe où ailleurs sur la page pour quitter le mode édition et voir le message mis en forme.

Zone de messages en mode édition

Les messages sont au format Markdown, le script sait gérer le Markdown standard, le plus gros du Markdown CommonMark, et une partie du Markdown "Github".

  • L'extension marked-extended-tables est activée pour gérer les tables plus complexes.
  • La coloration syntaxique (avec highlight.js) pour le code est activée.
  • Quelques règles CSS sont mises en places pour pouvoir faire des colonnes (cf. fichier messages.md fourni) et des admonitions (idem).
  • MathJax est activé pour formatter les équations et expression mathématiques.

Admonitions#

Cf. la sous-section Admonitions de l'horloge avancée pour un exemple et les types d'admonitions disponibles.