WEBminore un progetto multidisciplinare per l apprendimento immersivo delle nuove tecnologie realizzato su una piattaforma 3D

Transcript

1 WEBminore un progetto multidisciplinare per l apprendimento immersivo delle nuove tecnologie realizzato su una piattaforma 3D il miglior modo per interagire con i giovani è comprendere il loro linguaggio e renderli partecipi alla costruzione della conoscenza Alessandro Trivilini Docente e ricercatore SUPSI Manno, giovedì 28 ottobre 2010 Agenda L idea, il progetto e il prodotto Videogame: un esperienza IA: per una navigazione + sicura Profili ed infrastrutture di rete Grafica e design in un mondo 3D Conclusioni & Ringraziamenti Demo, Domande Alessandro Trivilini 2 1

2 Partners e Collaborazioni Ufficio del Governo elettronico del Cantone Ticino Polizia Cantonale della Svizzera italiana Action Innocence di Ginevra Fondazione ASPI della Svizzera italiana Alessandro Trivilini 3 Team Prima fila da sinistra Alessandro Trivilini Marco Cinus Secondafila da sinistra Tiziano Bizzini Stefano Zolllinger Lara Zgraggen Victor Huerlimann Assenti Nguyen Quyen Doriano Van Essen Raffaele Cristodaro Alessandro Trivilini 4 2

3 Nativi e Migranti Digitali, chi sono? Leggerezza Ignoranza Presunzione Superficialità Ingenuità Dimestichezza? Buon senso? Alessandro Trivilini 5 Progetto WEBminore Progetto multidisciplinare Informatici Grafici Educatori, altri specialisti Piattaforma 3D Apprendimento Comunicazione Collaborazione Edutainment 4 mini giochi Contenuti multimediali Docenti Allievi/e Architettura Modulare Multilingua Alessandro Trivilini 6 3

4 Tecnologie e Ambienti Motore grafico (game engine) Shark 3D (Spinor GmbH, Monaco) Gestione fisica, audio, animazioni, rete, collisioni, grafica in tempo reale Motore di rendering 3D Studio Max (Autodesk) Modellazione, animazione 2D e 3D e formattazione dell output Alessandro Trivilini 7 Approccio Immersivo alle Informazioni Niente menù a tendina Niente finestre pop-up Niente form da riempire Niente pagine html da navigare (up/down) Modelli e artefatti da vivere a 360 gradi, in modo immersivo e interattivo nell ambiente in cui si trovano Situati! Progettazione / Architettura Approccio multidisciplinare in cui la l esperienza utente assume un ruolo fondamentale Alessandro Trivilini 8 4

5 Prototipi Realizzati (4) Primo prototipo Secondo prototipo Terzo prototipo Quarto prototipo Alessandro Trivilini 9 Contenuti Multimediali e Super Poteri Giornali TV contenuti formali Super poteri di movimento Video utenti Alessandro Trivilini 10 5

6 Architettura e Utilizzo Casa, Scuola users profiles Server centrale Alessandro Trivilini 11 La Piattaforma 3D - Usabilità Piattaforma 3D Modelli reali vs Modelli virtuali Efficacia Riproduzione di ambienti famigliari Efficienza Ambienti immersivi Soddisfazione Modalità di utilizzo (mouse e tastiera), D&D Apprendimento Formazione, edutainment (uso di metafore) Memoria Manuali, tutorial, guide Robustezza Aspetti cognitivi congiunti e diversificati Alessandro Trivilini 12 6

7 Piattaforma 3D: Interazione - esempi canonico opzionale iconico astratto? Alessandro Trivilini 13 Videogame: un esperienza Ing. Tiziano Bizzini 14 7

8 Strumenti utilizzati Game Engine: Shark 3D Fasi affrontate per la realizzazione di un minigioco Componenti principali di un videogame TizianoBizzini 15 L Età TizianoBizzini 16 8

9 L Evoluzione 1977 ~ TizianoBizzini 17 La Piramide TizianoBizzini 18 9

10 Il Confronto VS TizianoBizzini 19 Il Giudizio Tiziano Bizzini 20 10

11 Grazie di Tiziano Bizzini 21 IA: per una navigazione + sicura Ing. Marco Cinus 22 11

12 Cos è un browser? Un browser, o navigatore, è un programma che consente di visualizzare i contenuti delle pagine dei siti web e di interagire con essi. Marco Cinus 23 Perché? Insegnare la navigazione in un ambiente protetto. Obiettivo: Formare l utente per una navigazione SICURA, CONSAPEVOLE e LEGALE Marco Cinus 24 12

13 Come fornire un ambiente protetto? Filtri URL (indirizzi) espressamente vietati Contenuto delle pagine Marco Cinus 25 URL vietati Se l URL è contenuto in una lista tale pagina non è visibile. Pro Massimo grado di personalizzazione Ogni supervisore è in grado di adattare il filtro alle proprie esigenze Contro Lavoro oneroso e non automatizzabile Marco Cinus 26 13

14 Filtri Applicazioni SW Analisi del contenuto della pagina Classificazione in base al contenuto Permesso / Vietato in base a delle categorie Marco Cinus 27 Classificatori Bayesiani Lavorano a livello probabilistico Pro Automatici In grado di apprendere Contro Non affidabili al 100% Problemi con le immagini Contenuti equivoci Marco Cinus 28 14

15 La matematica dietro un classificatore Statistica Necessaria per acquisire informazione Calcolo delle Probabilità Dati questi attributi che probabilità ho che una pagina appartenga ad una determinata categoria? Marco Cinus 29 Profili ed infrastrutture di rete Victor Huerlimann 30 15

16 Profili Identità per giocare, imparare, condividere Cosa contengono? Generalità di un utente Informazioni relative al gioco Contatti Victor Huerlimann 31 Profili Identità per giocare, imparare, condividere Perchè esistono? Controllo dell'attività degli utenti Raccolta di informazioni Reti di contatti Punteggi personali Victor Huerlimann 32 16

17 Profili Identità per giocare, imparare, condividere Come vengono gestiti? Archiviazione su apposito server: Aggiornamento dei dati utente Generazione delle classifiche Funzionalità amministrative Victor Huerlimann 33 Applicazione di login Personalizza il tuo ambiente con un click, accedi Cosa consente di fare? Autenticazione semplice e diretta Selezione della lingua Sincronizzazione del profilo Aggiornamento interattivo del profilo Victor Huerlimann 34 17

18 Applicazione di login Personalizza il tuo ambiente con un click, accedi Victor Huerlimann 35 Applicazione di login Personalizza il tuo ambiente con un click, accedi Perchè esiste? Accesso rapido all'ambiente di gioco É una raccolta di strumenti Victor Huerlimann 18

19 Applicazione di login Personalizza il tuo ambiente con un click, accedi Com'è strutturata? L'applicazione è strutturata in tre parti: Credenziali e scelta della lingua Profilo visuale Maschera di aggiornamento interattivo del profilo Victor Huerlimann Applicazione di login Personalizza il tuo ambiente con un click, accedi Victor Huerlimann 19

20 Applicazione di login Personalizza il tuo ambiente con un click, accedi Victor Huerlimann 39 Applicazione di login Personalizza il tuo ambiente con un click, accedi Perchè aggiornamento interattivo? Sincronizzazione on-the-fly del profilo su aggiornamento: Permette di mantenere attiva la sessione Victor Huerlimann 40 20

21 Cronologia d'ambiente Per un servizio che fa il suo dovere Cosa offre? Registrazione delle conversazioni Supervisione dei contenuti scambiati Victor Huerlimann 41 Cronologia d'ambiente Per un servizio che fa il suo dovere Perchè esiste? Per offrire un ambiente di gioco sicuro Per individuare eventuali comportamenti offensivi Victor Huerlimann 42 21

22 Cronologia d'ambiente Per un servizio che fa il suo dovere Come viene usata dagli amministratori? Tramite uno strumento per il monitoraggio dei contenuti. Gestione visuale e interattiva delle cronologie Ricerca e filtraggio Victor Huerlimann 43 Registrazione Prendere parte alla comunità di WEBminore Perchè? Raccolta preventiva di informazioni Assenza di pericolosi utenti anonimi Victor Huerlimann 44 22

23 Registrazione Prendere parte alla comunità di WEBminore Come? Pagina web di registrazione Pagina web di conferma della registrazione Victor Huerlimann 45 Registrazione Prendere parte alla comunità di WEBminore Victor Huerlimann 46 23

24 Registrazione Prendere parte alla comunità di WEBminore Victor Huerlimann 47 Grafica e design in un mondo 3D 48 24

25 L importanza della grafica Primo impatto con l utente Coinvolgimento emotivo Dare forma al contenuto Auto promozione Grafica = immagine 49 Dall animazione al videogioco Punti in comune Progettazione su carta Conoscenze tecniche Competenze artistiche Layout ambienti Nuove conoscenze Motore grafico realtime Level design Piattaforme di utilizzo Collaborazione con nuove figure professionali 50 25

26 Versione intermedia 51 Studio del progetto Valutazione del materiale esistente Considerazione del target Obiettivi da raggiungere Scelta degli elementi Ritorno alla progettazione 52 26

27 Level Design Level design basato sul gameplay Gestione degli spazi Esplorazione a 3 livelliprogressione verso l alto Intuire il percorso Liberi ma non troppo Premio progressivo Esplorazione verticale Ambienti diversificati Isola livello di selezione / raccoglitore di contenuti / spazio multiplayer Nuvola livello premio Minigiochi design dedicato 53 Si riparte dalla carta Libertà di espressione Tempi rapidi di progettazione Linguaggio universale Comprensione generale degli obiettivi 54 27

28 Disegni preparatori 55 Disegni preparatori 56 28

29 Disegni preparatori 57 Disegni preparatori 58 29

30 Un buon compromesso Scelta di uno stile adeguato Studio della fattibilità Rinuncia agli elementi superflui (ombre, effetti speciali) Fattori che entrano in gioco 59 Processo creativo Ricercare Disegnare Scolpire Dipingere Animare Illuminare Scomporre Ordinare Rendere interattivo Ottimizzare Testare 60 30

31 Strumenti e risorse 61 Fasi di lavorazione 62 31

32 Fonti d ispirazione 63 Isola 64 32

33 Fonti d ispirazione 65 Tempio 66 33

34 67 Conclusioni & Ringraziamenti 68 34

35 Conclusioni Forte e Concreta Multidisciplinarità Team operativo Collaborazioni esterne Scuole medie/elementari TI (concorsi, test e momenti informativi di prevenzione) Coinvolgimenti Prof. Beltrametti e studenti DFA (video realizzati) Studenti bachelor informatica DTI (tesi e progetti) Tecnologie innovative impiegate Raggiungimento degli obiettivi iniziali Alessandro Trivilini 69 Ringraziamenti La SUPSI e la Direzione del Dipartimento Tecnologie Innovative (DTI) I rappresentanti del comitato guida Tutte le Persone, Associazioni, Scuole e Istituzioni che hanno contribuito al raggiungimento degli obiettivi del progetto. Alessandro Trivilini 70 35

36 Contatti e Maggiori Informazioni Alessandro Trivilini P: alessandro.trivilini@supsi.ch W: Tiziano Bizzini P: tiziano.bizzini@supsi.ch Marco Cinus P: marco@idsia.ch Victor victor.huerlimann@supsi.ch P: alan.marghitola@supsi.ch 71 Demo World of Worlds 72 36