Maestro Roberto - Tecnologie e didattica

Ti sarà capitato di creare piccole applicazioni, giochi didattici o pagine interattive con l'aiuto dell'intelligenza artificiale e probabilmente conoscerai già il problema: hai un bellissimo file HTML a disposizione, magari generato da Gemini, ChatGPT o Claude, ma non sai come farlo aprire agli studenti senza passare per mille complicazioni tecniche.

Visor Web-ZIP è uno strumento che genera un link web per condividere risorse digitali didattiche, in modo che possano essere aperte direttamente in qualsiasi browser. In pratica prende il tuo materiale (che sia un semplice file HTML, una cartella intera, un pacchetto ZIP, un file ELPX o un contenuto H5P) e lo trasforma in un indirizzo web pubblico, pronto da incollare in un messaggio, in una mail o su Classroom.

Lo strumento offre due strade diverse, pensate per situazioni differenti.

La prima, l'opzione A, è quella da usare quando hai file, cartelle o codice HTML direttamente sul computer, oppure quando vuoi impostare delle restrizioni, per esempio far sì che la risorsa sia visibile solo in un certo periodo dell'anno scolastico. Qui puoi trascinare la cartella o i file, incollare il codice HTML, dare un titolo alla risorsa e configurarne la disponibilità.

La seconda, l'opzione B, è pensata per chi ha già un file ZIP, ELPX o H5P caricato da qualche parte con un link pubblico (Google Drive, per esempio) e non ha bisogno di modificarlo. In questo caso basta incollare l'indirizzo e il sistema genera subito il link per visualizzarlo.

Un esempio concreto

Racconto come l'ho usato io, perché credo renda meglio l'idea di quanto sia comodo. Avevo chiesto a Gemini di crearmi un'applicazione, e l'AI mi ha restituito il codice in versione HTML. Ho copiato quel codice e l'ho incollato nell'apposito spazio dell'opzione A e il sistema mi ha generato il file ZIP.  Ho caricato quel file nel mio Drive, rendendolo aperto e ho copiato il link di condivisione e l'ho incollato nella funzionalità B di Visor Web-ZIP. Il risultato è stato un link diretto alla mia applicazione, funzionante e pronto da condividere con chiunque, senza bisogno che l'altra persona scaricasse nulla o avesse strumenti particolari installati.

Tutto qui: nessun hosting da configurare, nessuna competenza di programmazione richiesta, solo qualche clic.

Altre funzioni utili

Oltre alla generazione del link, lo strumento mette a disposizione anche un pannello di configurazione della risorsa, dove puoi decidere il titolo, forzare la visualizzazione come cartella e gestire la disponibilità nel tempo. Ci sono poi delle azioni aggiuntive: puoi fare un'anteprima prima di pubblicare, creare e scaricare uno ZIP della risorsa, oppure aggiornarla in un secondo momento se hai modificato qualcosa.

Interessante anche la funzione di inserimento in una pagina web: puoi copiare un codice HTML da incollare direttamente nel tuo sito o blog scolastico, con adattamento automatico dell'altezza se la pagina supporta gli script.

C'è pure un'opzione per la gestione della pulizia automatica delle risorse: puoi impostare dopo quanti giorni di inattività un file venga eliminato, così da non accumulare materiale inutilizzato nel tempo.

Questo strumento è perfetto per chi lavora spesso con contenuti generati dall'intelligenza artificiale (mini app, simulazioni, quiz interattivi, giochi didattici in HTML) e ha bisogno di un modo semplice per renderli accessibili agli studenti. 

Lo strumento è gratuito, sviluppato da Juan Jose de Haro e distribuito con licenza AGPLv3, con il codice disponibile su GitHub per chi volesse approfondire o segnalare problemi. 

https://visor-webzip.github.io/