Cesco
Cesco

Il mio blog personale

Francesco
Author

Share


Tags


Flashcards in HTML5/CSS/Javascript generate da Python

FrancescoFrancesco

Un programma che legga una cartella pieni di file di testo - per metà scritti con YAML Front matter, e per l'altra metà scritti in markdown - e che li converta in un minisito che presenta una serie di domande e risposte in stile flashcards.

Il formato di ogni singola domanda potrebbe essere il seguente:

----
ordine: 1
titolo: < Titolo della domanda >
tags: < tag1 >, < tag 2 >, ...
immagine: < immagine da allegare alla domanda >
video: < video da allegare alla domanda >
----

Di che colore era il cavallo bianco di Napoleone ?

{ bianco >> rosso | verde | blu | giallo }

----

Vedi, è piuttosto logico che il cavallo bianco di 
Napoleone non potesse essere che di colore **bianco**

La prima parte con il front-matter contiene i meta-dati per gestire la domanda, il testo in markdown che segue rappresenta il testo della domanda e la forma della domanda in se stessa, e quello che segue dopo i quattro trattini è la risposta dettagliata che appare sul retro della flashcard e che viene visualizzata allo studente dopo che questo ha risposto.

Vari formati delle domande possibile

Come negli altri casi sarebbe possibile utilizzare tre diversi tipi di quesito: il quesito a risposta aperta, il quesito a risposta chiusa ed il saggio.

Quesito a risposta aperta

Qual'è la capitale d'Italia ?

{{ Roma }}

In questo caso all'utente apparirà una textbox in cui inserire la risposta. Solo quella segnalata fra doppie parentesi graffe è considerata corretta.
Per segnalare un'altra risposta come parzialmente corretta utilizzo un segno - davanti alla risposta, così:

Qual'è la capitale d'Italia ?

{{ Roma | -roma }}

In questo caso se l'utente scrive "Roma" prende il punteggio pieno, mentre se scrive "roma" prende metà punteggio.

Quesito a risposta chiusa

Viene gestito con la classica risposta da scegliere da un elenco a discesa, così:

Di che colore era il cavallo bianco di Napoleone ?

{{ Bianco >> Rosso | Verde | Blu | Giallo }}

Se ho bisogno di segnalare più risposte corrette scrivo:

{{ Bianco | Bianco sporco >> Rosso | Verde | Blu }}

Se ho bisogno di segnalare che una risposta è meno corretta delle altre, scrivo come prima:

{{ Bianco | -Bianco sporco >> Rosso | Verde | Blu }}

Saggio

Se voglio che lo studente scriva quello che vuole, inserisco questo:

{{__}}
Francesco
Author

Francesco

Comments