Tutorial Geo QR e HTML

Tutorial Geo QR e HTML

ATTENZIONE: TUTORIAL IN PROGRESS

In questo tutorial faremo un sito con un gioco di domande molto speciale !

Ogni pagina del sito racchiude una domanda, ma per arrivare alla pagina bisogna scoprire l’indirizzo passeggiando per un percorso sul territorio ! Lungo l’itinerario potrai lasciare dei fogli che contengono gli indirizzi rappresentati come codici QR: i passanti che li scopriranno potranno con il loro smartphone partecipare al gioco e rispondere alle varie domande !

Il tutorial è stato realizzato nell’ambito del progetto pilota Into the Wild 2 – La strada romana di Sardagna, condotto da David Leoni e Alessandro Ebranati di CoderDolomiti APS in collaborazione con l’insegnante Valentina Musmeci e sperimentato con le classi 4/5 elementare di Sardagna dell’Istituto Comprensivo Trento 6 . Maggiori info: coderdolomiti.it/iw2

In questo tutorial imparerai a usare:

  • I codici QR
  • Le mappe di OpenStreetMap con stampe FieldPapers
  • Le form HTML
  • Come mettere il sito su una piattaforma di hosting

Requisiti

  • Per affrontare il tutorial è necessaria una conoscenza rudimentaria del codice HTML, che si può ottenere in un paio d’ore seguendo il tutorial coderdojotrento.it/web1
  • Per realizzare il sito basta un programma per editare codice HTML, cioè un qualsiasi editor di testo come il Blocco note di Windows. Noi consigliamo l’installazione di Visual Studio Code.
  • Per provare il sito basta un browser qualsiasi tra Chrome / Firefox / Safari ma possibilmente non Internet Explorer/Edge). Non serve alcun server, il tutto funziona interamente nel browser e si può provare sul proprio computer anche senza avere connessione internet
  • Servirà stampare in bianco/nero alcune mappe su carta per fare le rilevazioni sul territorio
  • Ultimato il sito sarà necessario metterlo su una piattaforma di hosting con indirizzi il più stabili possibile. come il sito web della scuola. In alternativa ci sono diverse soluzioni di hosting gratuito e affidabile, noi consigliamo altervista, per come fare vedere tutorial pubblicazione
  • Alla fine si potranno stampare i fogli con i codici QR (bianco e nero). I fogli possono essere racchiusi in buste di blastica trasparente e legati a punti in evidenza e stabili sul territorio come pali, panchine, etc. Se l’itinerario è su terreno pubblico, bisognerà chiedere permessi al Comune per lasciare i fogli sul territorio

Vai al codice di esempio su Github