TOUR VIRTUALI (PANOTOUR PRO) - geomaticaeconservazione.it · 2013-03-27 · Definisce le dimensioni...

GEOMATICS FOR CONSERVATION & COMMUNICATION OF CULTURAL HERITAGE LABORATORY

TOUR VIRTUALITOUR VIRTUALI(PANOTOUR PRO)(PANOTOUR PRO)(PANOTOUR PRO)(PANOTOUR PRO)

La ra BUCALOSSILaura BUCALOSSIAlessia 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 | [email protected] | TOUR VIRTUALI - PANOTOUR| 1/66


CHE COS’E’ UN TOUR VIRTUALE

Definito come l'esperienza virtuale che più si avvicina alla visita reale di un luogo, sia comequalità visiva che come percezione emozionale

E’ costituito da una serie di panoramiche immersive collegate tra loro (applicazionimultimediali fruibili online tramite internet oppure offline tramite CD o altro supporto)

Puo’ essere arricchito con l'inserimento di elementi multimediali (testi, audio, video, mappeecc.) atti a rendere l'esperienza ancora più coinvolgente

Ha campi di utilizzo illimitati: strutture ricettive, negozi, cantine, fiere, musei, impiantisportivi, monumenti e località turistiche, parchi divertimento e parchi naturalistici, agenzieimmobiliari, eventi e spettacoli, navi da crociera

I software sono molteplici, la nostra attenzione si focalizzarà sul software Panotour Pro 1.7

(Kolor)


( )


ESEMPI DI TOUR VIRTUALI

Alcuni esempi di tour virtuali in rete:

http://www arounder com/- http://www.arounder.com/

- http://1001wanders.org/

- http://www ladinia it/panorama/index php?lan=it- http://www.ladinia.it/panorama/index.php?lan=it

- http://immobiliare360.net/descrizioneservizio.php?sezione=hogiaunvirtualtour

- http://www italy360 it/index html- http://www.italy360.it/index.html

- http://www.360tr.com/kudus/kiyamet_eng/index.html

- http://www googleartproject com/- http://www.googleartproject.com/

- http://www.giannimaragno.altervista.org/tour/indice.swf

- http://www 360cities net/map#lat=45&lng=19&zoom=2


http://www.360cities.net/map#lat 45&lng 19&zoom 2


ESEMPI DI TOUR VIRTUALI

T i t l d ll G ll i d ll’A d i di Fi (WORK IN PROGRESS) Tour virtuale della Galleria dell’Accademia di Firenze (WORK IN PROGRESS)



PERCHE’ PANOTOUR ?

Panotour nasce come evoluzione del programma Krpano (ideato, prodotto e gestito dalprogrammatore austriaco Klaus Reinfield)programmatore austriaco Klaus Reinfield)

In Krpano non esiste una vera interaccia ed il tour va creato e gestito tramite linguaggiop g g ggxml. Tutti gli aspetti del virtual tour, infatti, devono essere implementati tramite file xml e html

i l l l’ i d ll i fi ld h Per questo motivo la Kolor, con l’aiuto dello stesso Reinfield, ha creato Panotour comeinterfaccia friendly di Krpano

Tutti gli aspetti più importanti di Krpano si ritrovano all’interno di Panotour. La stessalicenza per la compatibilità con i dispositivi mobili è quella propria di Krpano(krpanoiphone.license.js)



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 testipp , g , , g ,

Crea tour compatibili con dispositivi mobili Apple (iPhone, iPad)

Può essere sempre implementato modificando i file xml e html del tour



Una volta acquisite tutte le immagini con la testa sferica e fatte tutte le procedure distitching per la creazione del panorama, possiamo procedere con la creazione del tour virtuale

E’ consigliabile progettare il percorso del tour

E’ i li bil E’ consigliabile

creare una cartella

contenente tutti i file


necessari alla

creazione del tour


INTERFACCIA

Barra degli strumenti

Finestra centrale

Proprietà del tour

Hotspots editor 3D editor



Barra degli strumentiINTERFACCIA

Gruppo di funzioni essenziali di Panotour:

- Apri il progetto

- Salva il progetto

- Chiudi il progetto

- Annulla/ripeti

- Inserisci panorama

- Importa/Esporta

- Crea il tourCrea il tour

- Visualizza l’ultimo tour realizzato

- Aiuto



Proprietà del tourINTERFACCIA

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 tuttipp

Le due chiavi in basso a destra consentono di: Ripristinare i parametri predefiniti (chiave

) I t i t i d fi iti ( hi d )rossa) e Impostare i parametri come predefiniti (chiave verde)

Questa finestra di divide in 3 parti:


Proprietà del progetto, Proprietà del panorama e Proprietà dell’hotspot


P A N O R A M I



Inserimento dei panorami e definizione delle proprietàNella barra degli strumenti, scegliere Inserisci Panorama e cliccare su tutti i panoramih d i iti l tche dovranno essere inseriti nel tour.

Il programma apre i panorami nella finestra centraleDisporli arbitrariamente in modo che risultino tutti visibili



Finestra centraleINTERFACCIA

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


p pp , g p , g

o quadrati (a seconda della tipologia) ed i collegamenti tra i panorami come frecce


NAVIGAZIONEzoom 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 info (nome dell immagine ed eventuali dati EXIF appaiono quando vi si passa sopra con il mouse)

SELEZIONEselezione singola (click sinistro del mouse)selezione multipla (Ctrl per Windows, Cmd per Mac) selezione totale (Ctrl + A per Windows, Cmd + A per Mac) e

EDITING sposta (drag and drop)ll (t i h t t d ll’ lt ) Fi

nest

ra c

entr

ale

collega (trascinare un hotspot da un panorama all’altro)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 H t t dit ) TE

RFA

CC

IA


Hotspots editors ) INT


Proprietà del panorama

del

pan

oram

a

Le proprietà del panorama sono accessibili quando uno o più panorami sono selezionati

urPr

opri

età

Si divide in 4 schede:

Immagini

P i i Prop

riet

à de

l tou

Proiezione

Visualizza

Suono

PTE

RFA

CC

IA


INT


IMMAGINIConsente di regolare la risoluzione delle immagini esportateA seconda del tipo di panorama sono possibili sue scenari:

1. PANORAMI SFERICI (360°x180°)

del

pan

oram

aur

Prop

riet

à

2. PANORAMI PARZIALI (< di 360°x180°)

Prop

riet

à de

l tou

PTE

RFA

CC

IA


INT


IMMAGINI1. PANORAMI SFERICI (360° x 180°)

Calcola la dimensione ottimaleCalcola automaticamente una dimensione che utilizzerà la miglior i l i d ll’i i d

el p

anor

ama

risoluzione dell’immagine

Dimensioni delle facce del cuboD fi i l di i i i i l d ll f d l b l l i ò ur

Prop

riet

à

Definisce le dimensioni in pixel delle facce del cubo nel quale si può scomporre il panorama sferico

Di i i d ll’ t i Prop

riet

à de

l tou

Dimensione massima dell’anteprimaL’anteprima è una immagine, di dimensioni ridotte, che appare all’utente in attesa del caricamento del tour virtuale

PTE

RFA

CC

IA


INT


IMMAGINI1. PANORAMI SFERICI (360°x180°)

Dimensioni del tagliogDimensione 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 d

el p

anor

ama

g p pIl valore 0 disattiva la funzione

Qualità jpeg

urPr

opri

età

jp gFattore di qualità Jpeg applicato alle immagini quando il tour viene esportato. Influenza la dimensione del pacchetto finale del tour

Prop

riet

à de

l tou

Sistema il nadir/scalaServe 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)

PTE

RFA

CC

IA


La scala consente di definire le dimensioni della “toppa” da inserire INT


IMMAGINI2. PANORAMI PARZIALI (< di 360°x180°)

Calcola la dimensione ottimaleCalcola automaticamente la dimensione ottimale relativa alla risoluzione dell’immagine

Ampiezza parziale del panoramaImpostazione arbitraria dell’ampiezza del panorama (in pixel)

Dimensione massima dell’anteprima del

pan

oram

a

Dimensione massima dell anteprimaL’anteprima è una immagine, di dimensioni ridotte, che appare all’utente in attesa del caricamento del tour virtuale

Dimensioni del taglio urPr

opri

età

Dimensioni del taglioDimensione 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 Pr

opri

età

del t

ou

di dettaglio. Serve per facilitare il caricamento complessivo dei datiIl valore 0 disattiva la funzione

Qualità jpegFattore di qualità Jpeg applicato alle immagini quando il tour viene

PTE

RFA

CC

IA


Fattore di qualità Jpeg applicato alle immagini quando il tour viene esportato. Influenza la dimensione del pacchetto finale del tour IN

T


PROIEZIONE

Campo visivo d’ingressoParametri editabili nella Scheda Proiezione e visibili nell’Editor 3DParametri 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

del

pan

oram

aur

Prop

riet

à

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 Pr

opri

età

del t

ou

valori che sul panorama corrispondente. Le modifiche apportate cancellano il punto esclamativo

Proiezione di uscitaPermette di scegliere il tipo di proiezione che si vuole utilizzare per vedere

PTE

RFA

CC

IA


Permette di scegliere il tipo di proiezione che si vuole utilizzare per vedere il panorama nel tour (sferica o planare) IN

T


VISUALIZZA

Vista predefinitaImposta la visualizzazione predefinita del panorama d

el p

anor

ama

p p p- 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

urPr

opri

età

Q p pEditor in “Imposta come visuale predefinita”

Limiti dell’ingrandimento Prop

riet

à de

l tou

gConsente di limitare i livelli di zoom del tour (massimo, minimo, limita l’ingrandimento alla risoluzione dell’immagineQuesta impostazione può essere modificata anche nella finestra 3D Editor

PTE

RFA

CC

IA


INT


SUONOConsente 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àanche per tutto il tour, il suono del singolo panorama ha la priorità

File del

pan

oram

a

FileE’ possibile aggiungere solo formati di estensione mp3

Ripetizione urPr

opri

età

RipetizioneDefinisce il numero di volte che il suono verrà ripetuto durante il tour. Il valore 0 ripete il suono all’infinito

Prop

riet

à de

l tou

PTE

RFA

CC

IA


INT


Riassumendo, i parametri da impostare per ogni panorama in Proprietà del Panorama:

N– NomeInserire un nome per il panorama

S h d I i i– Scheda ImmaginiCliccare Calcola la Dimensione OttimaleSe necessario in Sistema il Nadir scegliere un’immagine che andrà a colmare la mancanzad’informazioni in posizione nadirale

del

pan

oram

a

– Scheda ProiezioneScegliere in Proiezione d’uscita la Proiezione sferica

urPr

opri

età

– Scheda VisualizzaIn Visuale predefinita scegliere la visuale che si vuole una volta che viene aperto ilpanorama. Per fare questo aprire l’immagine nel 3D Editor e cliccare su Imposta comei l d fi it il t t d t Pr

opri

età

del t

ou

visuale predefinita con il tasto destroIn Limiti d’ingrandimento spuntare Limita l’ingrandimento alla risoluzione dell’immagine

S h d S ( i l )

PTE

RFA

CC

IA


– Scheda Suono (opzionale)Scegliere un suono di sottofondo al singolo panorama

INT


H O T S P O T S



Inserimento di hotspots e collegamento con i panorami

Selezionare il panorama e scegliere gli hotspots desiderati (punti poligoni rettangoli riflessi)Selezionare il panorama e scegliere gli hotspots desiderati (punti, poligoni, rettangoli, riflessi)



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



Hotspots EditorINTERFACCIA

L‘Editor degli Hotspot è lo spazio di lavoro che consente di aggiungere hotspots e regolare

il campo di vista dei panorami



STRUMENTI

SelezionaSelezionaTasto di selezione

FullscreenFullscreenVisualizza l’anteprima a schermo intero

Inserisci poligonoInserisce un hotspot definito da minimo 3 puntiOgni click aggiunge un punto. Le linee tracciate del poligono seguono Le linee tracciate del poligono seguono automaticamente alle linee proiettive del panorama

Hot

spot

Edi

tor

Inserisci rettangoloInserisce un hotspot definito da massimo 4 punti Si differenzia dagli altri hotspots per la funzione di collegare contenuti video TE

RFA

CC

IA


collegare contenuti video

INT


STRUMENTI

Inserisci puntoOgni click aggiunge un punto

Inserisci riflessoOgni click aggiunge una lente/riflesso

TagliaLimita l’area visibile del panorama per il tourfinale

Precedente/SuccessivoConsente di passare dal panorama selezionato al H

otsp

otE

dito

r

p pprecedente/successivo (l’ordine è quello con cui sono stati aggiungi i panorami)

TER

FAC

CIA


INT


VISUALIZZAZIONE ED EDITINGVISUALIZZAZIONE ED EDITING

VisualizzazioneIl panorama è visualizzato nella finestra Hotspotseditor solo se è selezionato nella finestra centraleeditor solo se è selezionato nella finestra centrale

EditingUn elemento è modificabile (colore giallo) se è attivo H

otsp

otE

dito

r

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).

TER

FAC

CIA


INT


3D EditorINTERFACCIA

Nell’ editor 3D viene visualizzata l’anteprima della scena finale, cioè l’immagine dinamica

senza hotspots, effetti o limitazioni di zoom



STRUMENTISTRUMENTI

FullscreenVisualizza l’anteprima a schermo interoVisualizza l anteprima a schermo intero

Imposta come visuale predefinita (o imposta come vista Imposta come visuale predefinita (o imposta come vista dell’hotspot)

Imposta la visualizzazione predefinita per l’elemento selezionato (panorama o hotspot)

Imposta come ingrandimento massimoImposta il desiderato livello di zoom massimo

3D E

dito

r

Imposta il desiderato livello di zoom massimo

TER

FAC

CIA


INT


STRUMENTI

Imposta come ingrandimento minimoImposta il desiderato livello di zoom minimoImposta il desiderato livello di zoom minimo

Precedente/SuccessivoPrecedente/SuccessivoConsente di passare dal panorama selezionato alprecedente/successivo (l’ordine è quello con cuisono stati aggiungi i panorami)

Qualità Consente di selezionare il livello di risoluzionedell’anteprima Bassa media alta qualità

3D E

dito

r

dell anteprima. Bassa, media, alta qualità

TER

FAC

CIA


INT


Proprietà dell’hotspot

à de

ll’ho

tspo

tur

Prop

riet

à

L fi i à d ll’h di d i i h ifi h li h Prop

riet

à de

l tou

La finestra proprietà dell’hotspot consente di dare caratteristiche specifiche agli hotspots

selezionati

PTE

RFA

CC

IA


Questa finestra è divisa in due parti: Collegamento e Visualizza INT


COLLEGAMENTO

PanoramaCollegamento di un hotspot ad un panorama

URLURLCollegamento di un hotspot ad un indirizzo internet L’indirizzo deve essere completo (http://......). Il link viene aperto in una finestra separata, per aprire la pagina web nella solita finestra occorre aggiungere ‘ ’ self alla fine dell’URL à

dell’

hots

pot

aggiungere , _self alla fine dell URL

HTMLCollegamento di un hotspot ad un file html sempliceSi può definire la posizione all’interno del tour ur

Prop

riet

à

Si può definire la posizione all interno del tour

OggettoCollegamento di un hotspot ad un oggetto (immagine, video, audio, ecc.) Anche in questo caso se ne può definire la posizione e le dimensioni Pr

opri

età

del t

ou

Anche in questo caso se ne può definire la posizione e le dimensioniOggetti supportati: Immagini, Video (*.flv, *.m4v, *.mp4, *.mov), Flash (*.swf), Suoni (*.mp3). Il suono sarà direzionale durante la visualizzazione del tourE’ possibile cambiare la posizione e le dimensioni dell’oggetto

PTE

RFA

CC

IA


E possibile cambiare la posizione e le dimensioni dell oggetto

INT


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 hotspot ed integrarlo nel software. à

dell’

hots

pot

p p p p g- Fumetto di informazioni: Se compilato farà apparire un fumetto al passaggio del mouse sopra l’hotspot

urPr

opri

età

Hotspot Poligono

Prop

riet

à de

l tou

- 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

PTE

RFA

CC

IA


del mouse INT


Hotspot RettangoloHotspot RettangoloL’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 Questo dà l illusione che l oggetto inserito sia parte integrante del panorama

L’Hotspot rettangolo permette anche di creare un hotspot volante; à de

ll’ho

tspo

t

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.

urPr

opri

età

- 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 Pr

opri

età

del t

ou

Colore: colore del contorno del poligono-Colore di riempimento: colore di riempimento del poligono-Fumetto di informazioni: fumetto di informazioni al passaggiodel mouse

PTE

RFA

CC

IA


INT


Riassumendo, una volta creati tutti i collegamenti è possibile agire, per ogni hotspot,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 mousedi Informazioni un testo visibile al passaggio del mouse



P R O G E T T O



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

ComportamentoComportamento

Extra

Creazione del tour



APPARENZADefinisce le opzioni di visualizzazione del tour p

Tema/Barra dei controlliConsente di selezionare un modello grafico della barra dei controlli (2D,

del p

roge

tto

g (3D, 3D glowing, Sketch), il tipo di comandi da visualizzare (Fullscreennavigation + rotation + help), il loro colore e lo spazio, in pixel, tra il bordo della finestra e la barra

urPr

opri

età

d

TestoSelezionare un carattere unico per tutti i testi presenti nel tour

Prop

riet

à de

l tou

Barra di avanzamentoSi può scegliere quando far apparire la barra di avanzamento

PTE

RFA

CC

IA


INT


COMPORTAMENTODefinisce l’animazione del tour

Primo panorama visualizzatoDefinisce il primo panorama da visualizzare all’inizio del tour

Utilizza la rotazione automaticaAbilita o disabilita l’immersione automatica nel tour virtuale. E’ possibile scegliere:

il t di tt ( it d ) i t l’ lti i i t t del p

roge

tto

- il tempo di attesa (ritardo), in sec, tra l’ultima azione impostata e l’avvio automatico della rotazione- la velocità della rotazione (°/sec)

urPr

opri

età

d

Introduzione al mini-pianetaE’ un’animazione aggiuntiva, applicabile solo per panorami completi (360°x180°). E’ possibile variarne la durata

Prop

riet

à de

l tou

Schermata introduttivaSi può scegliere un’immagine visualizzabile all’inizio del tour i t l ( dit )

PTE

RFA

CC

IA


virtuale (per es. credits)Anche in questo caso si può definire la durata

INT


EXTRADefinisce la grafica del tour

Si divide in 6 ulteriori schede

del p

roge

tto

Mappa

Provini

urPr

opri

età

d

Suono

Logo

Prop

riet

à de

l tou

Lista dei panorami

Menu contestuale

PTE

RFA

CC

IA


INT


EXTRA - Mappa

I i Inserisce una mappaL’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

FileUtilizzare l’icona “seleziona” per aggiungere il file

A i ll’ i del p

roge

tto

Apri all’avvioSe spuntata, la mappa si apre quando parte il tourSe non è spuntata, la mappa si apre solo con un click

Chi di i b ll’ iNB L di i i i urPr

opri

età

d

Chiudi in base all’azioneSe spuntata, la mappa si chiude quando si interagisce con il panoramaSe non è spuntata, la mappa si chiude solo con un click

P i i

NB. Le dimensioni si possono inserire in due unità di misura:

Pixel: dimensioni fisse Prop

riet

à de

l tou

PosizioneE’ possibile definire la posizione della mappa all’interno del tour e le sue dimensioni0,0 = dimensioni originali

0 di i d tt t di t i i

Percentuale: Una percentuale sulla finestra di visualizzazione del tour

PTE

RFA

CC

IA


x,0 = dimensione adattata, senza distorsionix,x = dimensioni scelte

visualizzazione del tour, variabile IN

T


EXTRA – ProviniAttiva una barra contenente le anteprime in miniatura dei panorami presenti nel tour. p p pLa barra può essere ridotta e ampliataOgni miniatura è collegata al panorama corrispondente

iAttivaAttiva (se spuntata) e disattiva (se non spuntata)

Posizione’ ibil d fi i l i i d i i i de

l pro

gett

o

E’ possibile definire la posizione dei provini

Apri all’avvioSe spuntata, i provini si aprono quando parte il tourS è i i i i l li k ur

Prop

riet

à d

NB L di i i i Se non è spuntata, i provini si aprono solo con un click

Chiudi in base all’azioneSe spuntata, i provini si chiudono quando si interagisce con il panorama S è i i i i hi d l li k Pr

opri

età

del t

ouNB. Le dimensioni si possono inserire in due unità di misura:

Pixel: dimensioni fisseSe non è spuntata, i provini si chiudono solo con un click

File/larghezzaIndica il numero di file che compongono la barra dei proviniSi ò d fi i i lt l l h / lt ( d d ll i i )

PTE

RFA

CC

IAPercentuale: Una percentuale sulla finestra di visualizzazione del tour


Si può definire inoltre la larghezza/altezza (a seconda della posizione) delle miniature

INTvisualizzazione del tour,

variabile


EXTRA – SuonoAggiunge un suono di fondo all’intero tour virtuale. E’ temporaneamente disattivato se è presente il suono di fondo del singolo panoramap g p

del p

roge

tto

FileUtilizzare l’icona “seleziona” per aggiungere il suonoE’ possibile aggiungere solo formati di estensione mp3

urPr

opri

età

d

p gg g p

RipetizioneDefinisce il numero di volte che l’audio verrà ripetuto durante il tour Pr

opri

età

del t

ou

pIl valore 0 ripete il suono all’infinito

PTE

RFA

CC

IA


INT


EXTRA – LogoConsente di aggiungere un logo che sarà presente per tutto il tour virtuale

FileUtilizzare l’icona “seleziona” per aggiungere l’immagine de

l pro

gett

o

p gg g g

CollegamentoSi può aggiungere un collegamento attivo ad un indirizzointernet. Cliccando sul logo si sarà reindirizzati alla pagina web ur

Prop

riet

à d

g p g

PosizioneE’ possibile definire la posizione del logo

Prop

riet

à de

l tou

DimensioniIndica le dimensioni del logo0,0 = dimensioni originali; x,0 = dimensione adattata, senza distorsioni

PTE

RFA

CC

IA


, ,x,x = dimensioni scelte IN

T


EXTRA - Lista dei panoramaAggiunge una lista, con il nome dei panorami che compongono il tour. Sarà visibile e accessibile per tutto il tour de

l pro

gett

o

p

AttivaAttiva (se spuntata) e disattiva (se non spuntata). ur

Prop

riet

à d

NB L di i i i ( p ) ( p )

PosizioneDefinisce la posizione della lista all’interno del tour Pr

opri

età

del t

ouNB. Le dimensioni si possono inserire in due unità di misura:

Pixel: dimensioni fisse p

Ordine dei panoramiDefinisce l’ordine della lista dei panorami. Usare i tasti sposta in alto/in

PTE

RFA

CC

IAPercentuale: Una percentuale sulla finestra di visualizzazione del tour


p p /basso per cambiare l’ordine IN

Tvisualizzazione del tour, variabile


EXTRA - Menu contestualeModifica/aggiunge elementi al menu contestuale del tour

del p

roge

tto

Licenza priva di marchioConsente di eliminare “about Panotour Pro” e “about KrPano” dal menuaggiungendo il file di licenza libera di KrPano (se si possiede) ur

Prop

riet

à d

aggiungendo il file di licenza libera di KrPano (se si possiede)

EtichettaDigitare il nome che si desidera visualizzare nel menu Pr

opri

età

del t

ou

Digitare il nome che si desidera visualizzare nel menu

URLDigitare l’indirizzo web completo collegato all’etichetta

PTE

RFA

CC

IA


Digitare l indirizzo web completo collegato all etichetta

INT


CREAZIONE DEL TOURConsente di impostare le opzioni di esportazione del tour

Esportazione delle immaginiE’ possibile scegliere se e come devono essere esportate le immagini

del p

roge

tto

Le scelte sono Sempre, Automatico, Mai

Incorpora tutti i dati

urPr

opri

età

d

- 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)

Prop

riet

à de

l tou

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.

l i li i il fil fl h i i li l i

PTE

RFA

CC

IA


Durante la visualizzazione, il file flash carica tutti gli elementileggendo quei dati. Il caricamento sarà più veloce.

INT


Incorpora i file XMLL’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 esistentiConsente 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’ tili di t il’utilizzo di questa opzione.

Compatibilità con i dispositivi mobiliSelezionando questa opzione è possibile creare il tour virtuale

tibil di iti i bili A l del p

roge

tto

compatibile con dispositivi mobili AppleInsieme ai dati del tour viene esportato anche un file KrpanoIphone.jsSe la casella è grigia e non cliccabile significa che non è possibile attivare questa compatibilità; è infatti necessario avere panorami sferici completi (360° 180°) t tti t i ur

Prop

riet

à d

(360°x180°) per poter attivare questa opzione.

Modello HTMLE’ possibile creare il proprio modello HTML ed i l l t Pr

opri

età

del t

ou

incorporarlo nel tour

Domini riservatiServe per definire un elenco di domini in cui il proprio t ò i li t F i l li ll l l ( k t ti )

PTE

RFA

CC

IA


tour può essere visualizzato. Funziona solo a livello locale (workstation) INT


Riassumendo, una volta sistemati i dati per ogni singolo panorama dobbiamo agire sullep g g p gimpostazioni generali del tour agendo sulla scheda Proprietà del ProgettoI dati seguenti NON devono essere impostati per ogni singolo panorama, sono relativi al tour

- Scheda ApparenzaSi sceglie il tema della barra dei controlli che saranno visibili durante il tour e che servirannogper la navigazioneIn Testo scegliere il carattere, la dimensione e il colore di tutti i testi

- Scheda ComportamentoSi sceglie il Primo Panorama VisualizzatogOpzioni facoltative la Rotazione Automatica e l’Introduzione al mini-pianetaAltra opzione facoltativa, ma spesso usata, è la Schermata Introduttiva. Scegliere l’immaginee le dimensioni desiderate (800,0).



- Scheda Extra

MappappSi 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

ProviniProviniAnteprima dei panorami. Facoltativa. Premere Attiva per renderla visibile

SuonoScegliere un file musicale di sfondo all’intero tour

LogoImmagine posizionabile arbitrariamente nella finestra di navigazione; può essere cliccabile seImmagine posizionabile arbitrariamente nella finestra di navigazione; può essere cliccabile secollegata ad una pagina web

Lista dei PanoramiFacoltativa. Lista dei nomi dei panorami in una posizione a scelta della schermata

Menu contestualePer inserire collegamenti a scelta al menù contestuale


Per inserire collegamenti a scelta al menù contestuale


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 mobiliCompatibilità 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



T O U R V I R T U A L E



FILE DI OUTPUT DI UN TOUR VIRTUALE

fil di di i l li i i d d l i di f ili 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

d l i i i li ff i di i i l i i igenerando le animazioni, gli effetti dinamici, le transizioni

I fil di i i li I file di output principali sono:

Cartella immaginiContiene le immagini che creano il tour. Tipicamente il formato finale delle i i i i t f t i jimmagini viene trasformato in .jpg

*.swfSi t tt d l l i L’ t i f è il f t i di Si tratta 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, d f l i tt l ll’ t t


deformarla e proiettarla sull’output.


*.xmlContiene una serie di azioni e comandi, che lo rendono complicato da comprendere. Può essere letto ed editato con un semplice notepad. l i è ll di l i i l l (* f) d li 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

i i d l fil i è ibil i l il fil * l 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.

*.htmlCostituisce la pagina web nella quale si vede la panoramica navigabile. Q t è il fil h i i hi t t i d l b h t TU

ALE

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 J i t t i li h l’ t t fi l d i t ll t h j DI

UN

TO

UR

VIR

T

Javascript, questo implica che l’utente finale deve aver installato 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

LE D

I O

UTP

UT

D


FIL


SCHEMA GRAFICO DEI FILE DI OUTPUT CON I RELATIVI RAPPORTI

TUA

LED

I U

N T

OU

R V

IRT

LE D

I O

UTP

UT

D

Per poter essere visualizzato, tutti i file devono rimanere nella cartella, così come


FILPer poter essere visualizzato, tutti i file devono rimanere nella cartella, così come vengono esportati dal software


A L T R E F U N Z I O N I



IMPORT - EXPORT

Funzioni idi importazione ed esportazione sono accessibile dal menu file del software

IMPORTAIMPORTA

Consente di importare un’immagine cubica in modo da creare n 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 centralenecessario). 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


Scelto il panorama da esportare si può decidere il formato


PREFERENZE

La finestra Preferenze è attivabile dal menù a

tendina sotto la voce ”modifica”

Si divide in due schede: Prestazioni e Globale

PRESTAZIONIContiene le impostazioni relative all’uso delle risorse di sistema da parte di Panotour

Cartelle temporaneeCartella in cui Panotour salverà i file temp.

Memoria utilizzataDefinisce la quantità di RAM che sarà disponibile per l’applicazione

Quantità di CPU


QViene definito dal computer usato. Può essere modificata


GLOBALEDefinisce le opzioni di funzionamento interno del software

Impostazioni di visualizzazioneEsportare sempre il progetto prima della sua visualizzazione. Questa p p p g p Qscelta consentirà di ri-esportare il progetto quando si clicca sul comando visualizza tour

Impostazioni di esportazione rapida p p pEsporta automaticamente il progetto in corso prima della sua visualizzazione. Sostituisce l’ultimo file esportato

Lingua PRE

FER

EN

ZE


gCambia la lingua di sistema del software


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ù)

htt // 3 h l / l/ l t- Progress bar templates (progress)- Font templates (textstyle)- Theme templates (themes)- Transition templates (transition)

http://krpano.com/docu/xml/

http://www.w3schools.com/xml/xml_syntax.asp

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


Si consiglia di vedere il sito di Krpano dove sono contenuti molti riferimenti XML


Il software crea, per ciascun progetto, un file HTML, vari file XML, vari file JAVASCRIPT (.js),

IMPLEMENTAZIONE SUL WEB IMPLEMENTAZIONE SUL WEB , p p g , , , ( j ),

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



In entrambi i file editare i tag <title> e il tag <h1> in modo da inserire il titolo corretto deltour virtuale sia nella barra del titolo della finestra che all’interno della pagina nella modalità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 infunzione della percentuale dello schermo (quindi variabile) o dei pixel (a dimensione fissa:


funzione della percentuale dello schermo (quindi variabile) o dei pixel (a dimensione fissa:widthwidth = “660px”, heightheight = “400px” o altre dimensioni in base alla pagina web


Rimuovere i campi #container, html#container e <h1>

Inserire nel tag html, body {paddingpadding: 0; marginmargin: 0;}g , y {p gp g ; gg ;}

Upload di tutti i file della panoramica all’interno del server (per es. nella cartellapanoramiche)p )

Inserire sul server un codice puro che consente di caricare una pagina html esternaindipendente ed autonomap<html><iframe src="http://www.XXXX.it/panoramiche/Tour_small.html" style="width: 660px; height: 400px; border 1px solid #000;"></iframe></html>

È possibile creare anche il tour virtuale compatibili con gli standard HTML 5, versioneconsigliata per dispositivi mobili


g p p[http://www.XXXX.it/panoramiche/Tour_full.html versione a schermo intero]

TOUR VIRTUALI (PANOTOUR PRO) - geomaticaeconservazione.it · 2013-03-27 · Definisce le dimensioni...

Documents

Transcript of TOUR VIRTUALI (PANOTOUR PRO) - geomaticaeconservazione.it · 2013-03-27 · Definisce le dimensioni...