AI per la didattica, come funziona il cuore
Ho creato un simulatore del funzionamento del cuore, lo scopo è didattico, serve pe spiegare come funziona questo organo, sia pure in modo semplificato.
Provate a spiegare come funziona il cuore a qualcuno che non ha mai studiato anatomia. Potete usare un disegno statico, descrivere a parole il ciclo cardiaco, mostrare un video.
Oppure potete dare alla persona un modello interattivo, la persona può cliccare sulle camere cardiache per capire cosa sono, avanzare fase per fase nel ciclo quando si sente pronta, esplorare ogni elemento al proprio ritmo.
La differenza è enorme, nel primo caso state trasmettendo informazioni, nel secondo state creando comprensione attraverso l’esperienza attiva.
Provate voi stessi
Ecco un simulatore del ciclo cardiaco che ho realizzato con Claude.
Cliccate su qualsiasi elemento anatomico: atri, ventricoli, valvole, vasi sanguigni. Ogni clic apre un popup che spiega cos’è quell’elemento e che ruolo ha nel ciclo cardiaco.
Poi usate il pulsante “Avanti” per avanzare attraverso le sette fasi del ciclo cardiaco. Andate al vostro ritmo: potete fermarvi su ogni fase quanto volete, tornare indietro, esplorare cosa succede a ogni elemento in quel momento specifico. Ricordate che state imparando facendo, non leggendo.
Per attivarlo basta cliccare sull’immagine
Artifacts: quando l’AI produce strumenti, non solo testo
Quello che avete appena usato è un “artifact” di Claude. Per chi non ha familiarità con il termine: gli artifacts sono applicazioni interattive complete che Claude può generare durante una conversazione. Non semplici frammenti di codice da copiare e incollare altrove, ma applicazioni funzionanti che girano direttamente nell’interfaccia.
Potete chiedere a Claude di creare un calcolatore, un gioco, una visualizzazione di dati, un simulatore didattico. Claude scrive il codice (HTML, CSS, JavaScript) e l’applicazione appare immediatamente utilizzabile in una finestra dedicata. Potete testarla, chiedere modifiche, perfezionarla attraverso iterazioni successive.
Nel contesto didattico, questo cambia radicalmente le possibilità perché il formatore può creare strumenti di apprendimento attivo, simulatori che permettono di esplorare al proprio ritmo, visualizzazioni che rendono comprensibili concetti astratti, esercizi interattivi che danno feedback immediato.
La differenza non è solo quantitativa (più strumenti), ma qualitativa, si passa dalla trasmissione di contenuti alla creazione di esperienze di apprendimento.
Il simulatore cardiaco: anatomia di uno strumento didattico
Torniamo al cuore. Il simulatore che avete provato rappresenta visualmente il ciclo cardiaco completo attraverso sette fasi distinte:
Ritorno venoso all’atrio destro
Dall’atrio al ventricolo destro
Verso i polmoni
Ossigenazione nei polmoni
Ritorno all’atrio sinistro
Dall’atrio al ventricolo sinistro
Distribuzione al corpo
Ogni fase mostra lo stato delle quattro camere cardiache, l’apertura o chiusura delle valvole, il flusso del sangue attraverso i vasi. Gli elementi anatomici sono interattivi: cliccando su atri, ventricoli, valvole o vasi si apre un popup informativo che spiega cos’è quell’elemento e la sua funzione.
Perché funziona come strumento pedagogico:
Controllo dell’utente sul ritmo: non c’è un’animazione automatica che scorre. È lo studente che decide quando passare alla fase successiva. Questo gli permette di fermarsi sulle parti più complesse, tornare indietro per verificare una comprensione, procedere rapidamente dove il concetto è già chiaro. Il controllo attivo mantiene alta l’attenzione e riduce il sovraccarico cognitivo.
Esplorazione autonoma: ogni elemento cliccabile fornisce informazioni contestuali. Lo studente non deve seguire un percorso lineare predefinito, ma può esplorare ciò che lo incuriosisce. Questa libertà di navigazione sostiene l’apprendimento per scoperta e permette di costruire connessioni personali tra i concetti.
Integrazione visuale e testuale: la rappresentazione grafica mostra le relazioni spaziali e il flusso, i popup testuali forniscono le spiegazioni necessarie. Questa combinazione risponde a stili di apprendimento diversi e rinforza la comprensione attraverso canali multipli.
Progressione graduale della complessità: le sette fasi spezzano un processo continuo in momenti comprensibili. Invece di dover afferrare tutto il ciclo in una volta, lo studente può costruire la comprensione incrementalmente, fase per fase.
Come l’ho realizzato (e perché è rilevante per voi)
Ho descritto a Claude cosa volevo, entrando in profondità nella descrizione, un simulatore con le sette fasi del ciclo cardiaco e con elementi cliccabili per approfondimenti, controllo manuale dell’avanzamento, supporto bilingue.
Dopo una prima versione ho testato il risultato ed ho chiesto modifiche (posizionamento dei popup, testi informativi, gestione della lingua, chiarezza visiva delle fasi). In diverse iterazioni avevo uno strumento funzionante.
Poi l’ho pubblicato su GitHub con licenza MIT, così chiunque può usarlo liberamente.
Perché questo processo è rilevante per voi formatori?
Non serve saper programmare per creare strumenti didattici interattivi. Serve saper descrivere chiaramente cosa si vuole ottenere e avere la capacità di valutare se lo strumento realizzato funziona pedagogicamente. Le competenze necessarie sono quelle che già avete: conoscenza della materia, comprensione di come funziona l’apprendimento, capacità di iterare e perfezionare.
La scelta di dare controllo manuale all’utente invece di creare un’animazione automatica, per esempio, non è una decisione tecnica ma pedagogica. È il tipo di ragionamento che fate già quotidianamente quando progettate attività didattiche. Con gli artifacts, potete trasformare queste intuizioni pedagogiche in strumenti concreti.
Come usarlo
Il simulatore è disponibile su GitHub: https://github.com/paolodalprato/interactive-simulators/blob/main/heart/readme-heart.md
Potete:
Usarlo direttamente copiando il link: https://paolodalprato.github.io/interactive-simulators/heart/heart-simulator.html
Integrarlo nel vostro sito con un iframe (le istruzioni sono nel README)
Scaricare il codice e modificarlo per adattarlo alle vostre esigenze specifiche
Il repository è rilasciato con licenza MIT: siete liberi di usarlo, modificarlo, distribuirlo come preferite.
Oltre il cuore
Questo è il primo simulatore che pubblico, ma la logica si applica a qualsiasi processo che benefici di esplorazione guidata e progressione controllata: cicli biologici, fenomeni fisici, processi chimici, dinamiche economiche, algoritmi informatici.
Se state insegnando qualcosa che può essere scomposto in fasi o che ha elementi da esplorare individualmente, probabilmente potete creare un simulatore che renda quel concetto più comprensibile.
Non si tratta di sostituire la spiegazione verbale o il testo scritto, ma di affiancare questi strumenti con esperienze che permettono di costruire comprensione attraverso l’interazione diretta, al ritmo di chi apprende.
Gli artifacts di Claude rendono questo approccio accessibile senza richiedere competenze di programmazione. Quello che serve è chiarezza su cosa si vuole insegnare, consapevolezza di come funziona l’apprendimento, e disponibilità a sperimentare iterativamente fino a ottenere uno strumento che funziona.
Il simulatore cardiaco che avete provato all’inizio dell’articolo è la dimostrazione che funziona.
