{"id":6706,"date":"2021-02-23T11:32:01","date_gmt":"2021-02-23T10:32:01","guid":{"rendered":"https:\/\/steamerproject.eu\/grain\/4-17\/"},"modified":"2021-05-10T10:31:30","modified_gmt":"2021-05-10T08:31:30","slug":"4-17","status":"publish","type":"grain","link":"https:\/\/steamerproject.eu\/it\/lezione\/4-17\/","title":{"rendered":"Strumenti Online: Strumenti di Supporto Digitale per la creazione di Escape Room &#8211; Capitolo 4 Lezione 17"},"content":{"rendered":"\n<p>Ci sono molti elementi che entrano in gioco quando si crea una Escape Room come quella di un\u2019esperienza immersiva. Il creatore utilizzer\u00e0 tutti i tipi di strumenti per creare un&#8217;atmosfera e anche per creare enigmi e indizi per gli alunni. &#13;\n<\/p>\n\n<p>Questi elementi sono principalmente visivi, come:<\/p>\n\n<ol><li>Immagini decorative<\/li><li>Rompicapi<\/li><li>Mappe<\/li><li>Indizi Visivi<\/li><li>Videos<\/li><\/ol>\n<h3>Sono disponibili diversi strumenti per creare immagini online gratuitamente. <\/h3>\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" width=\"626\" height=\"417\" src=\"https:\/\/steamerproject.eu\/wp-content\/uploads\/2021\/02\/image-79.png\" alt=\"\" class=\"wp-image-3821\" srcset=\"https:\/\/steamerproject.eu\/wp-content\/uploads\/2021\/02\/image-79.png 626w, https:\/\/steamerproject.eu\/wp-content\/uploads\/2021\/02\/image-79-480x320.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 626px, 100vw\" \/><figcaption><em> Fonte 1 -Vectorjuice. (2020, ottobre). Freepik.com. <\/em>&#13;\n<\/figcaption><\/figure><\/div>\n\n<h2>Database di immagini:&#13;\n<\/h2>\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" width=\"1024\" height=\"542\" src=\"https:\/\/steamerproject.eu\/wp-content\/uploads\/2021\/02\/image-81-1024x542.png\" alt=\"\" class=\"wp-image-3833\" srcset=\"https:\/\/steamerproject.eu\/wp-content\/uploads\/2021\/02\/image-81-980x519.png 980w, https:\/\/steamerproject.eu\/wp-content\/uploads\/2021\/02\/image-81-480x254.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/><figcaption><em> Fonte 2: [Screenshot della home page di Freepik.com]. (2020, 11 dicembre). <\/em>&#13;\n<\/figcaption><\/figure><\/div>\n\n<p>Per creare immagini  potrebbe essere necessaria un&#8217;immagine esistente come base. Si potrebbe avere quello che serve nella biblioteca o nei libri di scuola, ma nel caso in cui si abbiano, risuta pi\u00f9 facile trovarla gratuitamente online. Ecco una lista di database online di immagini, vettori o icone, ad esempio, che sono sotto licenza Creative Commons e gratuiti, con il riconoscimento della fonte: &#13;\n<\/p>\n\n<ul><li><a href=\"https:\/\/pixabay.com\/\"><strong>Pixabay<\/strong><\/a><\/li><li><a href=\"https:\/\/www.pexels.com\/\"><strong>Pexels<\/strong><\/a><\/li><li><a href=\"https:\/\/unsplash.com\/\"><strong>Unsplash<\/strong><\/a><\/li><li><a href=\"https:\/\/thenounproject.com\/\"><u><strong>The Noun Projec<\/strong><\/u><u>t<\/u><\/a><\/li><li><a href=\"https:\/\/www.freepik.com\/\"><strong>Freepik<\/strong><\/a><\/li><li><a href=\"https:\/\/commons.wikimedia.org\/wiki\/Accueil\"><strong>Wikimedia Commons<\/strong><\/a><\/li><li><a href=\"https:\/\/visualhunt.com\/\"><strong>Visual Hunt<\/strong><\/a><\/li><li><a href=\"https:\/\/www.istockphoto.com\/\"><strong>iStock<\/strong><\/a><\/li><\/ul>\n<h2>Modificare le immagini&#13;\n<\/h2>\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" width=\"1024\" height=\"489\" src=\"https:\/\/steamerproject.eu\/wp-content\/uploads\/2021\/02\/image-83-1024x489.png\" alt=\"\" class=\"wp-image-3845\" srcset=\"https:\/\/steamerproject.eu\/wp-content\/uploads\/2021\/02\/image-83-980x468.png 980w, https:\/\/steamerproject.eu\/wp-content\/uploads\/2021\/02\/image-83-480x229.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/><figcaption><em> Fonte 3 [Screenshot della home page di Freepik.com]. (2020, 11 dicembre). <\/em>&#13;\n<\/figcaption><\/figure><\/div>\n\n<p>Per poter utilizzare le immagini che si possono trovare su questi siti web per gli obiettivi che si vogliono traggiungere, potrebbe essere necessario modificarle o rimuovere il loro sfondo. A volte si possono trovare le immagini gi\u00e0 prive di sfondo, come ad esempio su questo sito web &#8220;Stick PNG&#8221;, o si pu\u00f2 andare su altri siti web, utili a questo scopo:&#13;\n<\/p>\n\n<ul><li><a href=\"https:\/\/www.stickpng.com\/\">Stick PNG<\/a><\/li><li><a href=\"https:\/\/www.remove.bg\/\"><u>Remove BG<\/u><u><\/u><\/a><\/li><li><a href=\"https:\/\/www.gimp.org\/\">GIMP<\/a><\/li><li><a href=\"https:\/\/pixlr.com\/\">Pixlr<\/a><\/li><li><a href=\"http:\/\/pickupimage.com\/\">Pick up image<\/a><\/li><\/ul>\n<h2>Creare Immagini&#13;\n<\/h2>\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" width=\"626\" height=\"417\" src=\"https:\/\/steamerproject.eu\/wp-content\/uploads\/2021\/02\/image-85.png\" alt=\"\" class=\"wp-image-3857\" srcset=\"https:\/\/steamerproject.eu\/wp-content\/uploads\/2021\/02\/image-85.png 626w, https:\/\/steamerproject.eu\/wp-content\/uploads\/2021\/02\/image-85-480x320.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 626px, 100vw\" \/><\/figure><\/div>\n\n<p><em>Fonte 4: pch.vector. (2020, November). Woman creating sculpture from stone Free Vector. www.freepik.com.<\/em><\/p>\n\n<p>Alcune risorse online permetteranno di creare immagini tutte vostre, e disporranno di modelli, icone, sfondi, immagini e font gratuiti. Per una Escape Room online, le immagini possono anche consistere in sfondi o video, che aggiungono interattivit\u00e0 e realismo all&#8217;esperienza.&#13;\n<\/p>\n\n<p>Ecco alcune delle risorse online pi\u00f9 utili:<\/p>\n\n<ul><li><a href=\"https:\/\/www.canva.com\/\">Canva<\/a><\/li><li><a href=\"https:\/\/www.genial.ly\/en\">Genially<\/a><\/li><li><a href=\"https:\/\/chrome.google.com\/webstore\/detail\/google-drawings\/mkaakpdehdafacodkgkpghoibnmamcme\/related?hl=en-US\">Google Drawing<\/a><\/li><\/ul>\n<p>Nota: Google Drawings \u00e8 una App Google gratuita. Come Google Sheets o Google Slides deve essere aggiunta ad un Account Google. &#13;\n<\/p>\n\n<h2>Creare Font&#13;\n<\/h2>\n\n<p>Per attenersi allo scenario giusto come descritto nelle precedenti sezioni e creare l&#8217;atmosfera appropriata, si consiglia di prestare attenzione ai dettagli. Poich\u00e9 di solito ci sono molte informazioni scritte nell\u2019ambito di una escape room, la scelta di un font appropriato per scrivere le informazioni pu\u00f2 essere molto efficace nel creare un&#8217;atmosfera. &#13;\n<\/p>\n\n<p>Per temi misteriosi\/horror, i font scritti a mano \u201ctraballanti\u201d o frastagliati possono andare piuttosto bene. Per i periodi antichi, \u00e8 possibile utilizzare font che sono visivamente associati, come lo stile calligrafico per il Medioevo, la scrittura edoardiana per il XVIII secolo, ecc.  &#13;\n<\/p>\n\n<p> Ad esempio: <\/p>\n\n<p>Edwardian Script ITC <br\/> (attenzione, questo carattere non \u00e8 incluso)&#13;\n<\/p>\n\n<p>Chiller <br\/> (attenzione, questo carattere non \u00e8 incluso)&#13;\n<\/p>\n\n<p>Ricordiamo tuttavia che occorre prestare particolare attenzione a mantenere i font adattati nel caso vi fossero alunni con DSA all&#8217;interno del gruppo (OpenDyslexic, Arial, Century Gothic sarebbero meglio ad esempio) e a concentrarvi su altri dettagli per impostare invece la scena (musica, immagini, video, oggetti, ecc.). &#13;\n<\/p>\n\n<p>Gli script precedentemente menzionati per l&#8217;atmosfera, come l\u2019Edwardian Script, non sono generalmente inclusivi per gli alunni con disturbi della lettura, quindi si prega di prestare attenzione a progettare la escape room tenendo presente il gruppo target, compresi i potenziali DSA. Se l\u2019 escape room \u00e8 destinata ad essere riutilizzata senza essere modificata per diversi anni, dato che la dislessia \u00e8 il disturbo pi\u00f9 frequente, si raccomanda di utilizzare direttamente font scritti inclusivi.   &#13;\n<\/p>\n\n<p>Ecco alcuni database di font; <\/p>\n\n<ul><li><a href=\"https:\/\/fonts.google.com\/\"><strong>Google fonts<\/strong><\/a><\/li><li><a href=\"https:\/\/www.dafont.com\/\"><strong>Dafont<\/strong><\/a><\/li><li><a href=\"https:\/\/www.1001freefonts.com\/\"><strong>1001freefonts<\/strong><\/a><\/li><li><a href=\"https:\/\/www.fontsquirrel.com\/\"><strong>Fontsquirrel<\/strong><\/a><\/li><li><a href=\"https:\/\/www.myfonts.com\/WhatTheFont\/\"><strong>What the Font<\/strong><\/a><\/li><li><a href=\"https:\/\/www.myfonts.com\/search\/tag%3Afree\/fonts\/\"><strong>My Fonts<\/strong><\/a><\/li><\/ul>\n<h2><strong> Creazione di video <\/strong>&#13;\n<\/h2>\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" width=\"626\" height=\"437\" src=\"https:\/\/steamerproject.eu\/wp-content\/uploads\/2021\/02\/image-87.png\" alt=\"\" class=\"wp-image-3869\" srcset=\"https:\/\/steamerproject.eu\/wp-content\/uploads\/2021\/02\/image-87.png 626w, https:\/\/steamerproject.eu\/wp-content\/uploads\/2021\/02\/image-87-480x335.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 626px, 100vw\" \/><\/figure><\/div>\n\n<p><em>Fonte 5: Katemangostar. (2019). People creating film Free Vector. www.freepik.com.<\/em><\/p>\n\n<p>I video sono un mezzo molto utile per arricchire l\u2019Escape Room per introdurre  e creare atmosetra. Poich\u00e9 la realizzazione di video \u00e8 trattata nella sezione 22, non approfondiremo qui l&#8217;argomento. Daremo solo uno strumento di base per aiutarvi con il montaggio video, ma nella sezione 22 saranno disponibili pi\u00f9 contenuti e strumenti. Clideo \u00e8 una piattaforma online che permette di montare gratuitamente i vostri file video, gif e immagini. &#13;\n<\/p>\n\n<ul><li><a href=\"https:\/\/clideo.com\/video-maker\"><strong>Clideo<\/strong><\/a><\/li><\/ul>\n<h2><strong> Creazione di puzzle <\/strong>&#13;\n<\/h2>\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" width=\"626\" height=\"417\" src=\"https:\/\/steamerproject.eu\/wp-content\/uploads\/2021\/02\/image-89.png\" alt=\"\" class=\"wp-image-3881\" srcset=\"https:\/\/steamerproject.eu\/wp-content\/uploads\/2021\/02\/image-89.png 626w, https:\/\/steamerproject.eu\/wp-content\/uploads\/2021\/02\/image-89-480x320.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 626px, 100vw\" \/><\/figure><\/div>\n\n<p><em>Fonte 6: Freepik license. (2020, January). Teamwork people creating a puzzle Free Vector. www.freepik.com.<\/em><\/p>\n\n<p>I rompicapi sono parte integrante di una escape room, quindi essere in grado di creare i vostri rompicapi pu\u00f2 essere molto utile. Ecco alcune risorse online che possono essere utilizzate. Altri consigli sulla progettazione dei rompicapi saranno forniti nella Sezione 18.&#13;\n<\/p>\n\n<ul><li><a href=\"https:\/\/www.jigsawplanet.com\/\"><strong>Jigsaw Planet<\/strong><\/a><\/li><\/ul>\n<ul><li><a href=\"https:\/\/www.classtime.com\/en\/\"><strong>Classtime<\/strong><\/a><\/li><\/ul>\n<p>Puoi trovare un esempio <a href=\"https:\/\/www.classtime.com\/share\/d67114a8-7f43-4502-9d74-24932b7bfcda\"> qui <\/a>, oltre a <a href=\"https: \/\/www.youtube.com\/watch?v=J8y1TEZo34I&amp;feature=emb_title\">video <\/a>.&#13;\n<\/p>\n\n<ul><li><a href=\"https:\/\/drive.google.com\/file\/d\/1mvytAjWvXTNrGvW_2C9BoeER__anRQ-M\/view\"><strong>Schema gratuito per rompicapi <\/strong><\/a><\/li><\/ul>\n<h2>Creare contenuti per l\u2019arricchimento&#13;\n<\/h2>\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" width=\"626\" height=\"626\" src=\"https:\/\/steamerproject.eu\/wp-content\/uploads\/2021\/02\/image-90.png\" alt=\"\" class=\"wp-image-3887\" srcset=\"https:\/\/steamerproject.eu\/wp-content\/uploads\/2021\/02\/image-90.png 626w, https:\/\/steamerproject.eu\/wp-content\/uploads\/2021\/02\/image-90-480x480.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 626px, 100vw\" \/><\/figure><\/div>\n\n<p><em>Fonte 7: Pikisuperstar. (2020, November). People using aumented reality on smartphones Free Vector. www.freepik.com.<\/em><br\/><\/p>\n\n<p>Esistono diversi modi per arricchire il contenuto della tua escape room. Pu\u00f2 essere arricchendo i materiali stampati con contenuti di realt\u00e0 aumentata (AR), ad esempio. Puoi anche esplorare alcune immagini o informazioni con un codice QR, utilizzare Widget o inserire una Gif nel tuo modulo Google per aggiungere una dimensione interattiva ai materiali della tua escape room. Queste tecniche AR e QRcode sono trattate ampiamente in Grain 23, ti invitiamo a esplorarle di pi\u00f9 in quel Grain. Anche i seguenti link saranno spiegati pi\u00f9 precisamente nel gi\u00e0 citato Grain.&#13;\n<\/p>\n\n<h3><strong> App Aurasma <\/strong>&#13;\n<\/h3>\n\n<p>Aurasma \u00e8 un&#8217;applicazione di Realt\u00e0 Aumentata che consente di sovrapporre qualsiasi video o immagine sopra qualsiasi cosa che il tuo tablet, cellulare o qualsiasi altro dispositivo mobile possa scansionare con la sua fotocamera.&#13;\n<\/p>\n\n<h3><strong> Utilizzo di codici QR <\/strong>&#13;\n<\/h3>\n\n<p>Un codice QR ti permetter\u00e0 di dare accesso a pi\u00f9 informazioni agli alunni scansionando un codice QR stampato.&#13;\n<\/p>\n\n<p><a href=\"https:\/\/www.qr-code-generator.com\/\">QR Code Generator<\/a><\/p>\n\n<h3><strong> Creazione di widget <\/strong>&#13;\n<\/h3>\n\n<ul><li><a href=\"https:\/\/widgitonline.com\/\">Widgits Online<\/a><\/li><li><a href=\"https:\/\/www.bookwidgets.com\/blog\/2019\/10\/how-to-create-an-escape-the-classroom-game-free-lesson-examples\">BookWidgets<\/a> permette agli insegnanti di creare lezioni divertenti e interattive per tablet, smartphone e computer. Offre una variet\u00e0 di modelli diversi da utilizzare gratuitamente.<\/li><\/ul>\n<h3><strong> Creazione di GIF <\/strong>&#13;\n<\/h3>\n\n<ul><li><a href=\"https:\/\/gifmaker.me\/\">GIF maker<\/a><\/li><\/ul>\n<h2><strong>Copyright<\/strong><\/h2>\n\n<p>Come per ogni contenuto che viene preso da una fonte secondaria o da un autore, che si tratti di immagini, icone, disegni o video, \u00e8 molto importante prestare attenzione allo stato del copyright e dare credito quando si utilizza qualcosa che non \u00e8 di propria creazione. L&#8217;unica cosa da cercare sono i materiali che rientrano nelle licenze Creative Commons. Questa licenza significa fondamentalmente che l&#8217;autore o il creatore di questo materiale ha espresso il permesso di utilizzarlo e distribuirlo, a condizione che si seguano le regole e le linee guida scritte nelle Licenze Creative Commons. &#13;\n<\/p>\n\n<p>Ulteriori informazioni sui diversi tipi di licenze Creative Commons si possono trovare <a href=\"http:\/\/creativecommons.org\/licenses\">qui<\/a>..&#13;\n<\/p>\n\n<h3>Istruzioni (procedura dettagliata)<\/h3>\n\n<h3>Progetta la roadmap del tuo pronto soccorso<\/h3>\n\n<p>Il primo passo da compiere prima di esplorare tutti questi strumenti \u00e8 definire le tue esigenze. Che tipo di materiali avrai a portata di mano? Un solo computer? Diversi smartphone? Nessun computer, ma hai bisogno di creare molte immagini e puzzle che verranno stampati? Qual \u00e8 il tuo badget? Questo ER verr\u00e0 ripetuto? E se s\u00ec, quanto sar\u00e0 facile rimontarlo? <br\/><br\/> Avere la planimetria generale della struttura della tua escape room, gli enigmi principali e il loro ordine ti aiuter\u00e0 a definire gli strumenti e le tecniche che utilizzi utilizzer\u00e0 per crearli tutti. <br\/><br\/> Per definire correttamente le esigenze, \u00e8 necessario scegliere il formato della tua escape room in base ai materiali disponibili:&#13;\n<\/p>\n\n<ul><li>Materiali per lo pi\u00f9 stampati, <\/li><li>Materiali stampati con arricchimenti online (VR su un\u2019immagine, codici QR, ecc\u2026), <\/li><li>Materiali met\u00e0 online\/met\u00e0 stampati (materiali stampati con una serie di Google Form per inserire i diversi codici e le risposte che gli alunni trovano e per ricevere l\u2019enigma seguente, ad esempio), <\/li><li>Per lo pi\u00f9 online (magari con Genially ad esempio).<\/li><\/ul>\n<h3>Fai un elenco dei diversi materiali di cui avresti bisogno.<\/h3>\n\n<p> Ad esempio: <\/p>\n\n<ul><li>Un rompicapo<\/li><li>Una mappa<\/li><li>Un\u2019immagine di un uomo con i baffi<\/li><li>Una finta lista della spesa<\/li><li>Una lettera scritta a mano<\/li><li>Ecc\u2026<\/li><\/ul>\n<h3>Trova gli strumenti pi\u00f9 appropriati per creare i tuoi materiali.<\/h3>\n\n<h3>Diventa creativo e produci i tuoi materiali.<\/h3>\n\n<h3>Qualunque cosa crei, provalo sempre per vedere se funziona.<\/h3>\n","protected":false},"featured_media":0,"template":"","gender":[],"steam":[],"acf":[],"_links":{"self":[{"href":"https:\/\/steamerproject.eu\/it\/wp-json\/wp\/v2\/grain\/6706"}],"collection":[{"href":"https:\/\/steamerproject.eu\/it\/wp-json\/wp\/v2\/grain"}],"about":[{"href":"https:\/\/steamerproject.eu\/it\/wp-json\/wp\/v2\/types\/grain"}],"wp:attachment":[{"href":"https:\/\/steamerproject.eu\/it\/wp-json\/wp\/v2\/media?parent=6706"}],"wp:term":[{"taxonomy":"gender","embeddable":true,"href":"https:\/\/steamerproject.eu\/it\/wp-json\/wp\/v2\/gender?post=6706"},{"taxonomy":"steam","embeddable":true,"href":"https:\/\/steamerproject.eu\/it\/wp-json\/wp\/v2\/steam?post=6706"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}