Alessia NOBILE. Geomatica per la Conservazione e la Comunicazione dei Beni Culturali. Università degli Studi di Firenze

Transcript

1 TOUR VIRTUALI (PANOTOUR PRO) Laura BUCALOSSI Alessia NOBILE Geomatica per la Conservazione e la Comunicazione dei Beni Culturali Università degli Studi di Firenze Corso di perfezionamento in Geomatica per la Conservazione dei Beni Culturali info@geomaticaeconservazione.it TOUR VIRTUALI - PANOTOUR 1/66

2 CHE COS E UN TOUR VIRTUALE Definito come l'esperienza virtuale che più si avvicina alla visita reale di un luogo, sia come qualità visiva che come percezione emozionale E costituito da una serie di panoramiche immersive collegate tra loro (applicazioni multimediali fruibili online tramite internet oppure offline tramite CD o altro supporto) Puo essere arricchito con l'inserimento di elementi multimediali (testi, audio, video, mappe ecc.) atti a rendere l'esperienza ancora più coinvolgente Ha campi di utilizzo illimitati: strutture ricettive, negozi, cantine, fiere, musei, impianti sportivi, monumenti e località turistiche, parchi divertimento e parchi naturalistici, agenzie immobiliari, eventi e spettacoli, navi da crociera I software sono molteplici, la nostra attenzione si focalizzarà sul software Panotour Pro 1.7 (Kolor) Corso di perfezionamento in Geomatica per la Conservazione dei Beni Culturali info@geomaticaeconservazione.it TOUR VIRTUALI - PANOTOUR 2/66

3 ESEMPI DI TOUR VIRTUALI Alcuni esempi di tour virtuali in rete: it/panorama/index php?lan=it it/index html com/ net/map#lat=45&lng=19&zoom=2 Corso di perfezionamento in Geomatica per la Conservazione dei Beni Culturali info@geomaticaeconservazione.it TOUR VIRTUALI - PANOTOUR 3/66

4 ESEMPI DI TOUR VIRTUALI Tour virtuale it della Galleria dell Accademia d di Firenze (WORK IN PROGRESS) Corso di perfezionamento in Geomatica per la Conservazione dei Beni Culturali info@geomaticaeconservazione.it TOUR VIRTUALI - PANOTOUR 4/66

5 PERCHE PANOTOUR? Panotour nasce come evoluzione del programma Krpano (ideato, prodotto e gestito dal programmatore austriaco Klaus Reinfield) In Krpano non esiste una vera interaccia ed il tour va creato e gestito tramite linguaggio gg xml. Tutti gli aspetti del virtual tour, infatti, devono essere implementati tramite file xml e html Per questo motivo la Kolor, con l aiuto dello stesso Reinfield, ha creato Panotour come interfaccia friendly di Krpano Tutti gli aspetti più importanti di Krpano si ritrovano all interno di Panotour. La stessa licenza per la compatibilità con i dispositivi mobili è quella propria di Krpano (krpanoiphone.license.js) Corso di perfezionamento in Geomatica per la Conservazione dei Beni Culturali info@geomaticaeconservazione.it TOUR VIRTUALI - PANOTOUR 5/66

6 COSA PERMETTE DI FARE PANOTOUR? Inserisce e gestisce panoramiche sferiche totali e parziali Permette la conversione da immagini sferiche a immagini cubiche (e viceversa) Genera transizioni, effetti dinamici, animazioni attraverso il collegamento di panorami Permette l inserimento di mappe, loghi, suoni, immagini, video e testi Crea tour compatibili con dispositivi mobili Apple (iphone, ipad) Può essere sempre implementato modificando i file xml e html del tour Corso di perfezionamento in Geomatica per la Conservazione dei Beni Culturali info@geomaticaeconservazione.it TOUR VIRTUALI - PANOTOUR 6/66

7 Una volta acquisite tutte le immagini con la testa sferica e fatte tutte le procedure di stitching per la creazione del panorama, possiamo procedere con la creazione del tour virtuale E consigliabile progettare il percorso del tour E consigliabile creare una cartella contenente tutti i file necessari alla creazione del tour Corso di perfezionamento in Geomatica per la Conservazione dei Beni Culturali info@geomaticaeconservazione.it TOUR VIRTUALI - PANOTOUR 7/66

8 INTERFACCIA Barra degli strumenti Finestra centrale Proprietà del tour Hotspots editor 3D editor Corso di perfezionamento in Geomatica per la Conservazione dei Beni Culturali TOUR VIRTUALI - PANOTOUR 8/66

9 INTERFACCIA Barra degli strumenti Gruppo di funzioni essenziali di Panotour: - Apri il progetto - Salva il progetto - Chiudi il progetto - Annulla/ripeti - Inserisci panorama - Importa/Esporta - Crea il tour - Visualizza l ultimo tour realizzato - Aiuto Corso di perfezionamento in Geomatica per la Conservazione dei Beni Culturali info@geomaticaeconservazione.it TOUR VIRTUALI - PANOTOUR 9/66

10 INTERFACCIA Proprietà del tour Le finestre di proprietà influenzano tutti gli elementi selezionati nella finestra centrale (Panorami o hotspots) Quando sono selezionati più elementi, le proprietà impostate in queste finestre si applicano a tutti Le due chiavi in basso a destra consentono di: Ripristinare i parametri predefiniti (chiave rossa) e Impostare i parametri ticome predefiniti iti (chiave verde) Questa finestra di divide in 3 parti: Proprietà del progetto, Proprietà del panorama e Proprietà dell hotspot Corso di perfezionamento in Geomatica per la Conservazione dei Beni Culturali info@geomaticaeconservazione.it TOUR VIRTUALI - PANOTOUR 10/66

11 GEOMATICS FOR CONSERVATION & COMMUNICATION OF CULTURAL HERITAGE LABORATORY PANORAMI Corso di perfezionamento in Geomatica per la Conservazione dei Beni Culturali TOUR VIRTUALI - PANOTOUR 11/66

12 Inserimento dei panorami e definizione delle proprietà Nella barra degli strumenti, scegliere Inserisci Panorama e cliccare su tutti i panorami che dovranno essere inseritiiti nel tour. Il programma apre i panorami nella finestra centrale Disporli arbitrariamente in modo che risultino tutti visibili Corso di perfezionamento in Geomatica per la Conservazione dei Beni Culturali info@geomaticaeconservazione.it TOUR VIRTUALI - PANOTOUR 12/66

13 INTERFACCIA Finestra centrale La finestra centrale, consente di visualizzare ed editare tutti gli elementi di un progetto (panorami, hotspots, links, ecc.) I panorami sono rappresentati sotto forma di miniature,, gli hotspots come cerchi,, triangoli o quadrati (a seconda della tipologia) ed i collegamenti tra i panorami come frecce Corso di perfezionamento in Geomatica per la Conservazione dei Beni Culturali info@geomaticaeconservazione.it TOUR VIRTUALI - PANOTOUR 13/66

14 NAVIGAZIONE zoom in/zoom out (rotella) pan (click sinistro del mouse, barra di scorrimento, tasti freccia) info (nome dell'immagine ed eventuali dati EXIF appaiono quando vi si passa sopra con il mouse) SELEZIONE EDITING selezione singola (click sinistro del mouse) selezione multipla (Ctrl per Windows, Cmd per Mac) sposta (drag and drop) collega (trascinare un hotspot t da un panorama all altro) lt elimina ( elimina panorama dal menu contestuale con click destro, oppure da tastiera; elimina hotspots dal menu contestuale con click destro oppure da tastiera spostando il mouse nella finestra degli Hotspots t editors ) eselezione totale (Ctrl + A per Windows, Cmd + A per Mac) Finestra centrale INT TERFACCIA Corso di perfezionamento in Geomatica per la Conservazione dei Beni Culturali info@geomaticaeconservazione.it TOUR VIRTUALI - PANOTOUR 14/66

15 Proprietà del panorama del panorama Le proprietà del panorama sono accessibili quando uno o più panorami sono selezionati Si divide in 4 schede: Immagini Proiezione i Visualizza Suono Proprietà del tou ur Proprietà INT TERFACCIA Corso di perfezionamento in Geomatica per la Conservazione dei Beni Culturali info@geomaticaeconservazione.it TOUR VIRTUALI - PANOTOUR 15/66

16 IMMAGINI Consente di regolare la risoluzione delle immagini esportate A seconda del tipo di panorama sono possibili sue scenari: 1. PANORAMI SFERICI (360 x180 ) 2. PANORAMI PARZIALI (< di 360 x180 ) INT TERFACCIA Proprietà del tou ur Proprietà del panorama Corso di perfezionamento in Geomatica per la Conservazione dei Beni Culturali info@geomaticaeconservazione.it TOUR VIRTUALI - PANOTOUR 16/66

17 IMMAGINI 1. PANORAMI SFERICI (360 x 180 ) Calcola la dimensione ottimale Calcola automaticamente una dimensione che utilizzerà la miglior risoluzione i dell immagine i Dimensioni delle facce del cubo Definisce i le dimensioni i i in pixel delle facce del cubo nel quale si può scomporre il panorama sferico Dimensione i massima dell anteprima L anteprima è una immagine, di dimensioni ridotte, che appare all utente in attesa del caricamento del tour virtuale Proprietà del tou ur Proprietà del panorama INT TERFACCIA Corso di perfezionamento in Geomatica per la Conservazione dei Beni Culturali info@geomaticaeconservazione.it TOUR VIRTUALI - PANOTOUR 17/66

18 IMMAGINI 1. PANORAMI SFERICI (360 x180 ) Dimensioni del taglio Dimensione massima, in pixel, con la quale viene caricata un immagine. Se l immagine supera il valore indicato, viene automaticamente frazionata in tante immagini a differente risoluzione a seconda del livello di dettaglio. Serve per facilitare il caricamento complessivo dei dati Il valore 0 disattiva la funzione Qualità jpeg Fattore di qualità Jpeg applicato alle immagini quando il tour viene esportato. Influenza la dimensione del pacchetto finale del tour Sistema il nadir/scala Serve per colmare la zona nadirale del panorama laddove ci fossero delle imperfezioni (per es. mancanza di informazioni a causa della presenza del treppiede in fase di presa) La scala consente di definire le dimensioni della toppa da inserire Proprietà del tou ur Proprietà del panorama INT TERFACCIA Corso di perfezionamento in Geomatica per la Conservazione dei Beni Culturali info@geomaticaeconservazione.it TOUR VIRTUALI - PANOTOUR 18/66

19 IMMAGINI 2. PANORAMI PARZIALI (< di 360 x180 ) Calcola la dimensione ottimale Calcola automaticamente la dimensione ottimale relativa alla risoluzione dell immagine Ampiezza parziale del panorama Impostazione arbitraria dell ampiezza del panorama (in pixel) Dimensione massima dell anteprima L anteprima è una immagine, di dimensioni ridotte, che appare all utente in attesa del caricamento del tour virtuale Dimensioni del taglio Dimensione massima, in pixel, con la quale viene caricata un immagine. Se l immagine supera il valore indicato, viene automaticamente frazionata in tante immagini a differente risoluzione a seconda del livello di dettaglio. Serve per facilitare il caricamento complessivo dei dati Il valore 0 disattiva la funzione Qualità jpeg Fattore di qualità Jpeg applicato alle immagini quando il tour viene esportato. Influenza la dimensione del pacchetto finale del tour Proprietà del tou ur Proprietà del panorama INT TERFACCIA Corso di perfezionamento in Geomatica per la Conservazione dei Beni Culturali info@geomaticaeconservazione.it TOUR VIRTUALI - PANOTOUR 19/66

20 PROIEZIONE Campo visivo d ingresso Parametri editabili nella Scheda Proiezione e visibili nell Editor 3D - Orizzontale: campo visivo in orizzontale - Verticale: campo visivo in verticale - Offset verticale: linea d orizzonte del campo visivo Se nei panorami non sono presenti i dati EXIF relativi ai parametri dell ottica utilizzata, appare un punto esclamativo sia accanto a questi valori che sul panorama corrispondente. Le modifiche apportate cancellano il punto esclamativo Proiezione di uscita Permette di scegliere il tipo di proiezione che si vuole utilizzare per vedere il panorama nel tour (sferica o planare) Proprietà del tou ur Proprietà del panorama INT TERFACCIA Corso di perfezionamento in Geomatica per la Conservazione dei Beni Culturali info@geomaticaeconservazione.it TOUR VIRTUALI - PANOTOUR 20/66

21 VISUALIZZA Vista predefinita Imposta la visualizzazione predefinita del panorama - Fov (Field of View): Angolo di campo - Imbardata: Offset orizzontale in gradi dal punto centrale - Altezza: Offset verticale in gradi dal punto centrale Questa impostazione può essere modificata anche nella finestra 3D Editor in Imposta come visuale predefinita Limiti dell ingrandimento Consente di limitare i livelli di zoom del tour (massimo, minimo, limita l ingrandimento alla risoluzione dell immagine Questa impostazione può essere modificata anche nella finestra 3D Editor Proprietà del tou ur Proprietà del panorama INT TERFACCIA Corso di perfezionamento in Geomatica per la Conservazione dei Beni Culturali info@geomaticaeconservazione.it TOUR VIRTUALI - PANOTOUR 21/66

22 SUONO Consente di aggiungere un suono di sottofondo per il panorama. Questo suono verrà applicato solo per il panorama selezionato. Nel caso in cui sia stato inserito un sottofondo musicale anche per tutto il tour, il suono del singolo panorama ha la priorità File E possibile aggiungere solo formati di estensione mp3 Ripetizione Definisce il numero di volte che il suono verrà ripetuto durante il tour. Il valore 0 ripete il suono all infinito del panorama INT TERFACCIA Proprietà del tou ur Proprietà Corso di perfezionamento in Geomatica per la Conservazione dei Beni Culturali info@geomaticaeconservazione.it TOUR VIRTUALI - PANOTOUR 22/66

23 Riassumendo, i parametri da impostare per ogni panorama in Proprietà del Panorama: Nome Inserire un nome per il panorama Shd Scheda Immagini i Cliccare Calcola la Dimensione Ottimale Se necessario in Sistema il Nadir scegliere un immagine che andrà a colmare la mancanza d informazioni in posizione nadirale Scheda Proiezione Scegliere in Proiezione d uscita la Proiezione sferica Scheda Visualizza In Visuale predefinita scegliere la visuale che si vuole una volta che viene aperto il panorama. Per fare questo aprire l immagine nel 3D Editor e cliccare su Imposta come visuale predefinita it con il tastot destro In Limiti d ingrandimento spuntare Limita l ingrandimento alla risoluzione dell immagine Shd Scheda Suono (opzionale) Scegliere un suono di sottofondo al singolo panorama Proprietà del tou ur Proprietà del panorama INT TERFACCIA Corso di perfezionamento in Geomatica per la Conservazione dei Beni Culturali info@geomaticaeconservazione.it TOUR VIRTUALI - PANOTOUR 23/66

24 HOTSPOTS Corso di perfezionamento in Geomatica per la Conservazione dei Beni Culturali TOUR VIRTUALI - PANOTOUR 24/66

25 Inserimento di hotspots e collegamento con i panorami Selezionare il panorama e scegliere gli hotspots desiderati (punti, poligoni, rettangoli, riflessi) Corso di perfezionamento in Geomatica per la Conservazione dei Beni Culturali info@geomaticaeconservazione.it TOUR VIRTUALI - PANOTOUR 25/66

26 Una volta inseriti tutti gli hotspots è necessario creare i collegamenti tra i panorami. Nella finestra centrale cliccare sui singoli hotspots e, tenendo premuto, trascinarli sul panorama cui si desidera collegarlo. Il collegamento sarà rappresentato da una freccia Corso di perfezionamento in Geomatica per la Conservazione dei Beni Culturali info@geomaticaeconservazione.it TOUR VIRTUALI - PANOTOUR 26/66

27 INTERFACCIA Hotspots Editor L Editor degli Hotspot è lo spazio di lavoro che consente di aggiungere hotspots e regolare il campo di vista dei panorami Corso di perfezionamento in Geomatica per la Conservazione dei Beni Culturali info@geomaticaeconservazione.it TOUR VIRTUALI - PANOTOUR 27/66

28 STRUMENTI Seleziona Tasto di selezione Fullscreen Visualizza l anteprima a schermo intero Inserisci poligono Inserisce un hotspot definito da minimo 3 punti Ogni click aggiunge un punto. Le linee tracciate del poligono seguono automaticamente alle linee proiettive del panorama Hotspot Editor Inserisci rettangolo Inserisce un hotspot definito da massimo 4 punti Si differenzia dagli altri hotspots per la funzione di collegare contenuti video INT TERFACCIA Corso di perfezionamento in Geomatica per la Conservazione dei Beni Culturali info@geomaticaeconservazione.it TOUR VIRTUALI - PANOTOUR 28/66

29 STRUMENTI Inserisci punto Ogni click aggiunge un punto Inserisci riflesso Ogni click aggiunge una lente/riflesso Taglia Limita l area visibile del panorama per il tour finale Precedente/Successivo Consente di passare dal panorama selezionato al precedente/successivo (l ordine è quello con cui sono stati aggiungi i panorami) Hotspot Editor INT TERFACCIA Corso di perfezionamento in Geomatica per la Conservazione dei Beni Culturali info@geomaticaeconservazione.it TOUR VIRTUALI - PANOTOUR 29/66

30 VISUALIZZAZIONE ED EDITING Visualizzazione Editing Il panorama è visualizzato nella finestra Hotspots editor solo se è selezionato nella finestra centrale Un elemento è modificabile (colore giallo) se è attivo il comando relativo (per es. per editare un punto è necessario attivare il comando punto nella finestra Editor degli Hotspot). Hotspot Editor INT TERFACCIA Corso di perfezionamento in Geomatica per la Conservazione dei Beni Culturali TOUR VIRTUALI - PANOTOUR 30/66

31 INTERFACCIA 3D Editor Nell editor 3D viene visualizzata l anteprima della scena finale, cioè l immagine dinamica senza hotspots, effetti o limitazioni di zoom Corso di perfezionamento in Geomatica per la Conservazione dei Beni Culturali info@geomaticaeconservazione.it TOUR VIRTUALI - PANOTOUR 31/66

32 STRUMENTI Fullscreen Visualizza l anteprima a schermo intero Imposta come visuale predefinita (o imposta come vista dell hotspot) Imposta la visualizzazione predefinita per l elemento selezionato (panorama o hotspot) Imposta come ingrandimento massimo Imposta il desiderato livello di zoom massimo INT TERFACCIA 3D Editor Corso di perfezionamento in Geomatica per la Conservazione dei Beni Culturali info@geomaticaeconservazione.it TOUR VIRTUALI - PANOTOUR 32/66

33 STRUMENTI Imposta come ingrandimento minimo Imposta il desiderato livello di zoom minimo Precedente/Successivo Consente di passare dal panorama selezionato al precedente/successivo (l ordine è quello con cui sono stati aggiungi i panorami) Qualità Consente di selezionare il livello di risoluzione dell anteprima anteprima. Bassa, media, alta qualità INT TERFACCIA 3D Editor Corso di perfezionamento in Geomatica per la Conservazione dei Beni Culturali info@geomaticaeconservazione.it TOUR VIRTUALI - PANOTOUR 33/66

34 Proprietà dell hotspot La finestra proprietà dell hotspot consente di dare caratteristiche i specifiche agli hotspots selezionati Questa finestra è divisa in due parti: Collegamento e Visualizza à dell hotspot ur Proprietà Proprietà del tou INT TERFACCIA Corso di perfezionamento in Geomatica per la Conservazione dei Beni Culturali info@geomaticaeconservazione.it TOUR VIRTUALI - PANOTOUR 34/66

35 COLLEGAMENTO Panorama Collegamento di un hotspot ad un panorama URL Collegamento di un hotspot ad un indirizzo internet L indirizzo deve essere completo ( Il link viene aperto in una finestra separata, per aprire la pagina web nella solita finestra occorre aggiungere, _self alla fine dell URL HTML Collegamento di un hotspot ad un file html semplice Si può definire la posizione all interno del tour Oggetto Collegamento di un hotspot ad un oggetto (immagine, video, audio, ecc.) Anche in questo caso se ne può definire la posizione e le dimensioni Oggetti supportati: Immagini, Video (*.flv, *.m4v, *.mp4, *.mov), Flash (*.swf), Suoni (*.mp3). Il suono sarà direzionale durante la visualizzazione del tour E possibile cambiare la posizione e le dimensioni dell oggetto Proprietà del tou ur Proprietà dell hotspot INT TERFACCIA Corso di perfezionamento in Geomatica per la Conservazione dei Beni Culturali info@geomaticaeconservazione.it TOUR VIRTUALI - PANOTOUR 35/66

36 VISUALIZZA Hotspot Punto E possibile scegliere una serie di tipologie di punti hotspot, la larghezza e l altezza in pixel o percentuale, e cambiarne il colore. E possibile creare il proprio p hotspot ed integrarlo nel software. - Fumetto di informazioni: Se compilato farà apparire un fumetto al passaggio del mouse sopra l hotspot Hotspot Poligono - Visibile solo dall alto: visibile al solo passaggio del mouse - Colore: colore del contorno del poligono - Colore di riempimento: colore di riempimento del poligono -Fumetto di informazioni: fumetto di informazioni al passaggio del mouse Proprietà del tou ur Proprietà dell hotspot INT TERFACCIA Corso di perfezionamento in Geomatica per la Conservazione dei Beni Culturali info@geomaticaeconservazione.it TOUR VIRTUALI - PANOTOUR 36/66

37 Hotspot Rettangolo L hotspot rettangolo è un particolare tipo di hotspot poligono. Tutte le immagini ed i video associati a questo hotspot saranno ruotati e ridimensionati in modo da essere inclusi nel rettangolo. Questo dà l illusione che l oggetto inserito sia parte integrante del panorama L Hotspot rettangolo permette anche di creare un hotspot volante; l oggetto si muoverà dalla sua posizione originale verso il centro dello schermo con un animazione fluida. Per fare questo è necessario definire un immagine identica nel campo oggetto e link. - Oggetto: Serve per inserire l oggetto che sarà incorporato - Visibile solo dall alto: visibile al solo passaggio del mouse - Colore: colore del contorno del poligono -Colore di riempimento: colore di riempimento del poligono -Fumetto di informazioni: fumetto di informazioni al passaggio del mouse Proprietà del tou ur Proprietà dell hotspot INT TERFACCIA Corso di perfezionamento in Geomatica per la Conservazione dei Beni Culturali info@geomaticaeconservazione.it TOUR VIRTUALI - PANOTOUR 37/66

38 Riassumendo, una volta creati tutti i collegamenti è possibile agire, per ogni hotspot, sulla scheda Proprietà dell Hotspot - Scheda Collegamento E visualizzato il nome del panorama al quale l hotspot è collegato. Scegliere il tipo di transizione che si vuole applicare e dal 3D Editor impostare la visuale dell hotspot - Scheda Visualizza Scegliere il tipo di oggetto, la forma, il colore e le dimensioni dell hotspot. Inserire in Fumetto di Informazioni un testo visibile al passaggio del mouse Corso di perfezionamento in Geomatica per la Conservazione dei Beni Culturali info@geomaticaeconservazione.it TOUR VIRTUALI - PANOTOUR 38/66

39 PROGETTO Corso di perfezionamento in Geomatica per la Conservazione dei Beni Culturali TOUR VIRTUALI - PANOTOUR 39/66

40 Proprietà del progetto Le proprietà del progetto vengono applicate all intero progetto e sono quindi indipendenti dalle altre proprietà impostate La finestra si divide in 4 schede: Apparenza Comportamento Extra Creazione del tour Corso di perfezionamento in Geomatica per la Conservazione dei Beni Culturali info@geomaticaeconservazione.it TOUR VIRTUALI - PANOTOUR 40/66

41 APPARENZA Definisce le opzioni di visualizzazione del tour Tema/Barra dei controlli Consente di selezionare un modello grafico della barra dei controlli (2D, 3D, 3D glowing, Sketch), il tipo di comandi da visualizzare (Fullscreen navigation + rotation + help), il loro colore e lo spazio, in pixel, tra il bordo della finestra e la barra Testo Selezionare un carattere unico per tutti i testi presenti nel tour Barra di avanzamento Si può scegliere quando far apparire la barra di avanzamento Proprietà del tou ur Proprietà del progetto INT TERFACCIA Corso di perfezionamento in Geomatica per la Conservazione dei Beni Culturali info@geomaticaeconservazione.it TOUR VIRTUALI - PANOTOUR 41/66

42 COMPORTAMENTO Definisce l animazione del tour Primo panorama visualizzato Definisce il primo panorama da visualizzare all inizio del tour Utilizza la rotazione automatica Abilita o disabilita l immersione automatica nel tour virtuale. E possibile scegliere: - il tempo di attesa (ritardo), in sec, tra l ultima lti azione impostata t e l avvio automatico della rotazione - la velocità della rotazione ( /sec) Introduzione al mini-pianeta E un animazione aggiuntiva, applicabile solo per panorami completi (360 x180 ). E possibile variarne la durata Proprietà del tou ur Proprietà del progetto Schermata introduttiva Si può scegliere un immagine visualizzabile all inizio del tour virtuale it (per es. credits) Anche in questo caso si può definire la durata INT TERFACCIA Corso di perfezionamento in Geomatica per la Conservazione dei Beni Culturali info@geomaticaeconservazione.it TOUR VIRTUALI - PANOTOUR 42/66

43 EXTRA Definisce la grafica del tour Si divide in 6 ulteriori schede Mappa Provini Suono Logo Lista dei panorami Menu contestuale Proprietà del tou ur Proprietà del progetto INT TERFACCIA Corso di perfezionamento in Geomatica per la Conservazione dei Beni Culturali info@geomaticaeconservazione.it TOUR VIRTUALI - PANOTOUR 43/66

44 EXTRA - Mappa Inserisce una mappa L immagine è automaticamente inserita nella finestra centrale. La sua selezione la farà apparire nell Hotspot Editor dove sarà possibile aggiungere gli hotspots e collegarli ai panorami NB. Le dimensioni i i si possono inserire in due unità di misura: Pixel: dimensioni fisse Percentuale: Una percentuale sulla finestra di visualizzazione del tour, variabile File Utilizzare l icona seleziona per aggiungere il file Apri all avvio Se spuntata, la mappa si apre quando parte il tour Se non è spuntata, la mappa si apre solo con un click Chiudi in base all azione Se spuntata, la mappa si chiude quando si interagisce con il panorama Se non è spuntata, la mappa si chiude solo con un click Posizione i E possibile definire la posizione della mappa all interno del tour e le sue dimensioni 0,0 = dimensioni originali x,0 = dimensione i adattata, t senza distorsioni i i x,x = dimensioni scelte Proprietà del tou ur Proprietà del progetto INT TERFACCIA Corso di perfezionamento in Geomatica per la Conservazione dei Beni Culturali info@geomaticaeconservazione.it TOUR VIRTUALI - PANOTOUR 44/66

45 EXTRA Provini Attiva una barra contenente le anteprime in miniatura dei panorami presenti nel tour. La barra può essere ridotta e ampliata Ogni miniatura è collegata al panorama corrispondente Attiva Attiva (se spuntata) e disattiva (se non spuntata) Posizione E possibile definire i la posizione i dei provini i Apri all avvio Se spuntata, i provini si aprono quando parte il tour NB. Le dimensioni i i si Se non è spuntata, i provini i si aprono solo con un click possono inserire in due unità di misura: Chiudi in base all azione Pixel: dimensioni fisse Se spuntata, i provini si chiudono quando si interagisce con il panorama Se non è spuntata, i provini i si chiudono solo con un click Percentuale: Una percentuale sulla File/larghezza finestra di Indica il numero di file che compongono la barra dei provini visualizzazione del tour, Si può definire i inoltre la larghezza/altezza lt (a seconda della posizione) i variabile delle miniature Proprietà del tou ur Proprietà del progetto INT TERFACCIA Corso di perfezionamento in Geomatica per la Conservazione dei Beni Culturali info@geomaticaeconservazione.it TOUR VIRTUALI - PANOTOUR 45/66

46 EXTRA Suono Aggiunge un suono di fondo all intero tour virtuale. E temporaneamente disattivato se è presente il suono di fondo del singolo panorama File Utilizzare l icona seleziona per aggiungere il suono E possibile aggiungere g solo formati di estensione mp3 Ripetizione Definisce il numero di volte che l audio verrà ripetuto durante il tour Il valore 0 ripete il suono all infinito INT TERFACCIA Proprietà del tou ur Proprietà del progetto Corso di perfezionamento in Geomatica per la Conservazione dei Beni Culturali info@geomaticaeconservazione.it TOUR VIRTUALI - PANOTOUR 46/66

47 EXTRA Logo Consente di aggiungere un logo che sarà presente per tutto il tour virtuale File Utilizzare l icona seleziona per aggiungere g l immagine Collegamento Si può aggiungere un collegamento attivo ad un indirizzo internet. Cliccando sul logo si sarà reindirizzati alla pagina web Posizione E possibile definire la posizione del logo Dimensioni Indica le dimensioni del logo 0,0 = dimensioni originali; x,0 = dimensione adattata, senza distorsioni x,x = dimensioni scelte Proprietà del tou ur Proprietà del progetto INT TERFACCIA Corso di perfezionamento in Geomatica per la Conservazione dei Beni Culturali info@geomaticaeconservazione.it TOUR VIRTUALI - PANOTOUR 47/66

48 EXTRA - Lista dei panorama Aggiunge una lista, con il nome dei panorami che compongono il tour. Sarà visibile e accessibile per tutto il tour NB. Le dimensioni i i si possono inserire in due unità di misura: Pixel: dimensioni fisse Attiva Attiva (se spuntata) e disattiva (se non spuntata). Posizione Definisce la posizione della lista all interno del tour Proprietà del tou ur Proprietà del progetto Percentuale: Una percentuale sulla finestra di visualizzazione del tour, variabile Ordine dei panorami Definisce l ordine della lista dei panorami. Usare i tasti sposta in alto/in basso per cambiare l ordine INT TERFACCIA Corso di perfezionamento in Geomatica per la Conservazione dei Beni Culturali info@geomaticaeconservazione.it TOUR VIRTUALI - PANOTOUR 48/66

49 EXTRA - Menu contestuale Modifica/aggiunge elementi al menu contestuale del tour Licenza priva di marchio Consente di eliminare about Panotour Pro e about KrPano dal menu aggiungendo il file di licenza libera di KrPano (se si possiede) Etichetta Digitare il nome che si desidera visualizzare nel menu URL Digitare l indirizzo web completo collegato all etichetta Proprietà del tou ur Proprietà del progetto INT TERFACCIA Corso di perfezionamento in Geomatica per la Conservazione dei Beni Culturali info@geomaticaeconservazione.it TOUR VIRTUALI - PANOTOUR 49/66

50 CREAZIONE DEL TOUR Consente di impostare le opzioni di esportazione del tour Esportazione delle immagini E possibile scegliere se e come devono essere esportate le immagini Le scelte sono Sempre, Automatico, Mai Incorpora tutti i dati - Se la casella è spuntata: il file flash comprenderà al suo interno tutti i dati del tour, non sarà possibile quindi andare a modificare successivamente il tour agendo sul file *.xml (video e suoni non inclusi) Il caricamento è lento, essendo tutto al suo interno, il file è pesante. - Se la casella non è spuntata: E esportato un file *.swf e una cartella di dati; il file flash e tutti i dati sono correlati e non devono essere separati. Durante la visualizzazione, i il file flash carica tutti gli elementi leggendo quei dati. Il caricamento sarà più veloce. Proprietà del tou ur Proprietà del progetto INT TERFACCIA Corso di perfezionamento in Geomatica per la Conservazione dei Beni Culturali info@geomaticaeconservazione.it TOUR VIRTUALI - PANOTOUR 50/66

51 Incorpora i file XML L opzione è spuntata per default, significa che i file XML saranno inclusi nel file flash e saranno quindi invisibili e non modificabili Utilizza i file XML esistenti Consente di incorporare i file XML nel file flash e quindi di proteggerli. Il progetto non deve essere cambiato tra l ultima esportazione di file XML e l utilizzo di questa opzione. Compatibilità con i dispositivi mobili Selezionando questa opzione è possibile creare il tour virtuale compatibile con dispositivi iti i mobili Apple Insieme ai dati del tour viene esportato anche un file KrpanoIphone.js Se la casella è grigia e non cliccabile significa che non è possibile attivare questa compatibilità; è infatti necessario avere panorami sferici completi (360 x180 ) per poter attivare questa opzione. Modello HTML E possibile creare il proprio modello HTML ed incorporarlo nel tour Domini riservati Serve per definire un elenco di domini in cui il proprio tour può essere visualizzato. Funziona solo a livello ll locale l (workstation) ti Proprietà del tou ur Proprietà del progetto INT TERFACCIA Corso di perfezionamento in Geomatica per la Conservazione dei Beni Culturali info@geomaticaeconservazione.it TOUR VIRTUALI - PANOTOUR 51/66

52 Riassumendo, una volta sistemati i dati per ogni singolo panorama dobbiamo agire sulle impostazioni generali del tour agendo sulla scheda Proprietà del Progetto I dati seguenti NON devono essere impostati per ogni singolo panorama, sono relativi al tour - Scheda Apparenza Si sceglie il tema della barra dei controlli che saranno visibili durante il tour e che serviranno per la navigazione In Testo scegliere il carattere, la dimensione e il colore di tutti i testi - Scheda Comportamento Si sceglie il Primo Panorama Visualizzato Opzioni facoltative la Rotazione Automatica el Introduzione al mini-pianeta Altra opzione facoltativa, ma spesso usata, è la Schermata Introduttiva. Scegliere l immagine e le dimensioni desiderate (800,0). Corso di perfezionamento in Geomatica per la Conservazione dei Beni Culturali info@geomaticaeconservazione.it TOUR VIRTUALI - PANOTOUR 52/66

53 - Scheda Extra Mappa Si sceglie l immagine e si inserisce nel software alla giusta scala (800,0). Sarà trattata come un panorama aggiungendo hotspots e frecce di collegamento tra panorami Provini Anteprima dei panorami. Facoltativa. Premere Attiva per renderla visibile Suono Scegliere un file musicale di sfondo all intero tour Logo Immagine posizionabile arbitrariamente nella finestra di navigazione; può essere cliccabile se collegata ad una pagina web Lista dei Panorami Facoltativa. Lista dei nomi dei panorami in una posizione a scelta della schermata Menu contestuale Per inserire collegamenti a scelta al menù contestuale Corso di perfezionamento in Geomatica per la Conservazione dei Beni Culturali info@geomaticaeconservazione.it TOUR VIRTUALI - PANOTOUR 53/66

54 Creati tutti i collegamenti, prima di esportare il tour è necessario vedere le impostazioni in Creazione del tour nella Scheda Proprietà del Progetto - Esportazione delle immagini Automatico - Compatibilità con i dispositivi mobili Spuntare la casella e far riferimento al modello generic.html Per esportare il tour cliccare su Crea il tour con nome indicare il nome ed il percorso di salvataggio del file Corso di perfezionamento in Geomatica per la Conservazione dei Beni Culturali info@geomaticaeconservazione.it TOUR VIRTUALI - PANOTOUR 54/66

55 TOUR VIRTUALE Corso di perfezionamento in Geomatica per la Conservazione dei Beni Culturali TOUR VIRTUALI - PANOTOUR 55/66

56 FILE DI OUTPUT DI UN TOUR VIRTUALE I file di output di un tour virtuale sono gli stessi a prescindere dal tipo di software utilizzato Il software Panotour è strutturato sull azione combinata di una serie di file (almeno 3). Questi file cooperano tra loro per interpretare le immagini, deformarle, proiettarle sull output generando le animazioni, i i gli effetti dinamici, i i le transizioni i i I file di output principali i sono: Cartella immagini Contiene le immagini che creano il tour. Tipicamente il formato finale delle immagini i i viene trasformato t in.jpg *.swf Si tratta tt del player vero e proprio. L estensione swf è il formato proprio di Macromedia Flash Player. Per la lettura di questo file da parte del browser si rende necessaria l installazione del plug-in Macromedia Flash Player che è molto diffuso e scaricabile on-line. Il file *.swf ha il compito di interpretare l immagine, deformarla e proiettarla sull output. t Corso di perfezionamento in Geomatica per la Conservazione dei Beni Culturali info@geomaticaeconservazione.it TOUR VIRTUALI - PANOTOUR 56/66

57 *.xml Contiene una serie di azioni e comandi, che lo rendono complicato da comprendere. Può essere letto ed editato con un semplice notepad. Il suo compito è quello di passare alcuni parametri al player (*.swf), consentendogli di trovare l immagine da usare e di interpretarla correttamente. Nel file *.xml si impostano in modo opportuno una serie di parametri. Le regole per scrivere un file *.xml sono piuttosto rigide. L interfaccia del programma permette la scrittura automatica del file; tuttavia è possibile implementare il file *.xml con ulteriori elementi non presenti nel software. Sul sito Krpano.com alla sezione documenti sono presentate tutte le righe di comando, ampliamente commentate, fornendo anche dei semplici esempi di codice. *.html Costituisce la pagina web nella quale si vede la panoramica navigabile. Questo è il file che viene richiesto e processato per primo dal browser; anche questo è di solo testo. Contiene tra i suoi tag i riferimenti ad i files *.swf e *.xml che consentono di includere la panoramica della pagina web. E necessario, per far vedere al browser il player, inserire nell html qualche riga di Javascript, questo implica che l utente t finale deve aver installato t anche java (comunque gratuito e molto diffuso) in questo caso è possibile avvisare e reindirizzare al download. Per far questo Panotour si serve di un altro piccolo file: swfkrpano.jf FIL LE DI OUTPUT DI UN TOUR VIRT TUALE Corso di perfezionamento in Geomatica per la Conservazione dei Beni Culturali info@geomaticaeconservazione.it TOUR VIRTUALI - PANOTOUR 57/66

58 SCHEMA GRAFICO DEI FILE DI OUTPUT CON I RELATIVI RAPPORTI Per poter essere visualizzato, tutti i file devono rimanere nella cartella, così come vengono esportati dal software TUALE DI UN TOUR VIRT LE DI OUTPUT D FIL Corso di perfezionamento in Geomatica per la Conservazione dei Beni Culturali info@geomaticaeconservazione.it TOUR VIRTUALI - PANOTOUR 58/66

59 ALTRE FUNZIONI Corso di perfezionamento in Geomatica per la Conservazione dei Beni Culturali TOUR VIRTUALI - PANOTOUR 59/66

60 IMPORT - EXPORT Funzioni idi importazione ed esportazione sono accessibile dal menu file del software IMPORTA Consente di importare un immagine cubica in modo da creare un panorama sferico (360 x180 ) Selezionare le 6 immagini quadrate ed importarle, si aprirà una finestra che permette di vedere il cubo spiegato (riorganizzare le immagini se necessario). Il panorama creato sarà visualizzato nella finestra centrale ESPORTA Consente di esportare un panorama sferico come 6 facce del cubo. Scelto il panorama da esportare si può decidere il formato Corso di perfezionamento in Geomatica per la Conservazione dei Beni Culturali info@geomaticaeconservazione.it TOUR VIRTUALI - PANOTOUR 60/66

61 PREFERENZE La finestra Preferenze è attivabile dal menù a tendina sotto la voce modifica Si divide in due schede: Prestazioni e Globale PRESTAZIONI Contiene le impostazioni relative all uso delle risorse di sistema da parte di Panotour Cartelle temporanee Cartella in cui Panotour salverà i file temp. Memoria utilizzata Definisce la quantità di RAM che sarà disponibile per l applicazione Quantità di CPU Viene definito dal computer usato. Può essere modificata Corso di perfezionamento in Geomatica per la Conservazione dei Beni Culturali info@geomaticaeconservazione.it TOUR VIRTUALI - PANOTOUR 61/66

62 GLOBALE Definisce le opzioni di funzionamento interno del software Impostazioni di visualizzazione Esportare sempre il progetto prima della sua visualizzazione. Questa scelta consentirà di ri-esportare il progetto quando si clicca sul comando visualizza tour Impostazioni di esportazione rapida Esporta automaticamente il progetto in corso prima della sua visualizzazione. Sostituisce l ultimo file esportato Lingua Cambia la lingua di sistema del software PREFERENZE Corso di perfezionamento in Geomatica per la Conservazione dei Beni Culturali info@geomaticaeconservazione.it TOUR VIRTUALI - PANOTOUR 62/66

63 MODELLI TEMPLATES Panotour utilizza i modelli XML e HTML per generare visite virtuali. I modelli consentono di modificare molte caratteristiche che non sono graficamente modificabili dall interno del programma. La maggior parte dei modelli si ispirano direttamente a script XML interpretati da KrPano, di cui l accessibilità può non essere facile per alcuni utenti. Una lista di template di default è definita nel percorso Modifica/Apri la cartella dei modelli La struttura dei modelli è composta da: - Html templates (html) - Control templates (menù) - Progress bar templates (progress) - Font templates (textstyle) - Theme templates (themes) - Transition templates (transition) h / l/ l t Per aggiungere template XML o HTML è necessario basarsi sul linguaggio formato Krpano. Si consiglia di vedere il sito di Krpano dove sono contenuti molti riferimenti XML Corso di perfezionamento in Geomatica per la Conservazione dei Beni Culturali info@geomaticaeconservazione.it TOUR VIRTUALI - PANOTOUR 63/66

64 IMPLEMENTAZIONE SUL WEB Il software crea, per ciascun progetto, un file HTML, vari file XML, vari file JAVASCRIPT (.js), un file FLV ed un elevato numero di immagini articolate in più cartelle Per inserire un tour virtuale nel web è necessario il file *.html Duplico il file e li rinomino in -Tour_full.html -Tour_small.html Corso di perfezionamento in Geomatica per la Conservazione dei Beni Culturali info@geomaticaeconservazione.it TOUR VIRTUALI - PANOTOUR 64/66

65 In entrambi i file editare i tag <title> eiltag <h1> in modo da inserire il titolo corretto del tour virtuale sia nella barra del titolo della finestra che all interno della pagina nella modalità di visualizzazione a schermo intero Nel file Tour_small.html modificare i parametri di altezza e larghezza dei vari elementi in funzione della percentuale dello schermo (quindi variabile) o dei pixel (a dimensione fissa: width = 660px, height = 400px o altre dimensioni in base alla pagina web Corso di perfezionamento in Geomatica per la Conservazione dei Beni Culturali info@geomaticaeconservazione.it TOUR VIRTUALI - PANOTOUR 65/66

66 Rimuovere i campi #container, html#container e <h1> Inserire nel tag html, body {padding padding: 0; margin: 0;} Upload di tutti i file della panoramica all interno del server (per es. nella cartella panoramiche) ) Inserire sul server un codice puro che consente di caricare una pagina html esterna indipendente ed autonoma <html> <iframe src=" style="width: 660px; height: 400px; border 1px solid #000;"></iframe> </html> È possibile creare anche il tour virtuale compatibili con gli standard HTML 5, versione consigliata per dispositivi mobili [ versione a schermo intero] Corso di perfezionamento in Geomatica per la Conservazione dei Beni Culturali info@geomaticaeconservazione.it TOUR VIRTUALI - PANOTOUR 66/66