Embedded Files
Come ho creato un'accoglienza interattiva in classe con un Avatar Cartoon e un'App HTML5
Come ho creato un'accoglienza interattiva in classe con un Avatar Cartoon e un'App HTML5
Insegnare scienze nel primo anno di Liceo Scientifico è un'avventura entusiasmante, ma il primo giorno di scuola presenta sempre la stessa sfida: come rompere il ghiaccio, presentare il programma e catturare subito l'attenzione degli studenti nati nell'era digitale?
In questo articolo voglio raccontarvi l'esperienza e il dietro le quinte di un progetto che ho realizzato per l'inizio di questo anno scolastico: un video di presentazione in stile cartoon di 20 secondi preceduto da una mini Web App interattiva di benvenuto.
1. L'Idea: Un video-teaser da 30 secondi con un Avatar Cartoon
1. L'Idea: Un video-teaser da 30 secondi con un Avatar Cartoon
Volevo evitare la classica lezione frontale in cui si legge semplicemente il sillabo dei contenuti. L'obiettivo era creare un "trailer" ingaggiante per mostrare gli argomenti cardine di Scienze Naturali per la classe prima:
Scienze della Terra: l'Universo, le stelle e il Sistema Solare.
Chimica: la materia, le grandezze fisiche e le leggi ponderali.
Per farlo, ho creato un avatar personalizzato che fa da guida in questo viaggio. La sceneggiatura del video è stata studiata per durare esattamente 30 secondi, mantenendo un ritmo incalzante, il resto è stato costruito con l’aiuto dell’intelligenza artificiale:
Gancio iniziale: L'avatar fa il suo ingresso in classe per salutare e incuriosire gli studenti.
Viaggio nello Spazio: Lo sfondo si trasforma in un vortice cosmico mentre l'avatar fluttua tra i pianeti del Sistema Solare.
Immersione nel Laboratorio: Dallo spazio si passa al laboratorio di chimica, rimpicciolendo fino ad entrare nel mondo microscopico tra molecole e atomi.
Call to Action finale: Un ammiccamento d'intesa con la scritta "Pronti a partire?" per dare il via ufficiale all'anno scolastico.
2. La Magia della Gamification: La Sfida prima del Video
2. La Magia della Gamification: La Sfida prima del Video
Prima che il video possa partire, la classe deve superare 3 brevi sfide di logica e prerequisiti:
Sfida 1 (Spazio): Ordinare le dimensioni dei corpi celesti (dal più piccolo al più grande: Luna --> Marte --> Terra --> Sole).
Sfida 2 (Chimica & Misura): Associare la grandezza fisica alla sua unità del Sistema Internazionale (Massa --> kg, Volume -->m^3, Temperatura --> K).
Sfida 3 (Linea del Tempo): Associare l'era corretta agli eventi chiave (Big Bang ~14,5 mld di anni, Sistema Solare ~4,5 mld di anni, Origine della Vita ~3,5 mld di anni).
Non appena il terzo test viene completato con successo, l'app mostra un messaggio di sblocco e attiva il player con il video di presentazione dell'avatar.
3. Il "Dietro le Quinte" Tecnologico
3. Il "Dietro le Quinte" Tecnologico
Per realizzare l'intero pacchetto ho combinato strumenti di intelligenza artificiale generativa e sviluppo web, tutto creato con strumenti Google:
Generazione Visiva dell'Avatar: Ho definito lo stile e la continuità del personaggio nei vari ambienti (classe, spazio, laboratorio) mantenendo dettagli coerenti (occhiali, maglietta con dicitura personalizzata). In questo caso ho sfruttato Nano Banana in Gemini per creare la immagini per le scene iniziali.
Storyboarding e Video Prompts: Ho strutturato, sempre con l’asilio di Gemini, i prompt in inglese con indicazioni dettagliate su transizioni e movimenti di camera (zoom-in, dissolvenze cosmiche) per generare i clip video. In questo caso l’app è stata Google Vids con l’estensione per i video Veo 3.1.
Sviluppo dell'App HTML5: Ho racchiuso la logica di gioco, l'interfaccia responsive (con Tailwind CSS e FontAwesome) e il riproduttore video integrato all'interno di un unico file index.html, pronto per essere avviato su qualsiasi browser senza installazioni. L’interfaccia IA è stata Gemini Canvas.
4. Riflessioni e Spunti per i Colleghi
4. Riflessioni e Spunti per i Colleghi
Utilizzare la Gamification e un approccio Visual Storytelling fin dal primo minuto del primo giorno permette di:
Diminuire l'ansia da prestazione tipica del passaggio dalla scuola media al liceo.
Trasmettere l'idea che la scienza è un'avventura dinamica e un viaggio di scoperta.
Creare subito un clima collaborativo in classe se la sfida viene risolta insieme alla LIM.
L'app
L'app
Al seguente link trovate il simulatore HTML5 con il video e una Guida per l'attività didattica in cui si trova il codice che si può personalizzare inserendo un proprio video.
Page updated
Report abuse