Tutorial HP REVEAL Realizzare un applicazione in AR utilizzando HP REVEAL

Transcript

1 Tutorial HP REVEAL Realizzare un applicazione in AR utilizzando HP REVEAL A cura della Prof.ssa Daniela D Andrea I.C. Marconi Castelfranco Emilia (MO) L App HP REVEAL funziona in due modalità: programmatore e utente. - Il programmatore è in grado di inserire contenuti virtuali sovrapposti al mondo reale. - L utente può guardare attraverso il proprio smartphone o tablet i risultati di questa programmazione (la spiegazione dell utilizzo su device e l installazione si trova in fondo a questo tutorial). La programmazione avviene sempre sul sito internet di HP Reveal, quindi su pc. L applicazione scaricabile dagli store si chiama HP Reveal. L app non è a pagamento. Se si vuole realizzare la propria AR per scopi commerciali, in esposizioni o qualsiasi altra applicazione non vengono richiesti degli abbonamenti o altro tipo di pagamento. Tuttavia se si vuole eliminare dall applicazione il logo e la breve animazione iniziale, si deve pagare. Sul sito è presente un link per entrare in contatto con gli sviluppatori del software e chiedere ulteriori informazioni. UTILIZZO DELL APP su PC Registrazione Per registrarti devi andare su questo sito: Una volta effettuata la registrazione ti troverai all interno del pannello di controllo.

2 Creazione Aura da PC 1) Collegati al sito: Accedi, su LOG IN in alto a destra, con Username e Password. 2) Clicca su CREATE NEW AURA (in alto a destra) 3) Seleziona CLICK TO UPLOAD TRIGGER IMAGE Dopo averla scaricata dalla rete, seleziona l immagine sul PC. Trigger Image Le Trigger Image sono quelle immagini che, se inquadrate, svelano il contenuto aumentato sul nostro display. Le trigger image sono un MARKER visivo. Possono essere disegni, fotografie, qr code, grafiche, ecc 4) Inserisci i dati della tua immagine TRIGGER Name: inserisci il nome della tua foto (es: colosseo_giorno). Coordinates: salta questo campo. Trigger Image: clicca su From File e su Browse (a destra). Seleziona l immagine da caricare. Clicca Save. Se appare l immagine che vedi qui sotto, significa che l immagine scelta è un po dispersiva e potrebbe funzionare poco. Intanto, clicca YES e procedi. Se l Aura non dovesse andar bene, non facendo visualizzare l animazione, la modificherai in seguito. L immagine apparirà al centro della finestra (come nella figura qui sotto).

3 5) Seleziona CLICK TO UPLOAD OVERLAY. Overlay Il bottone Overlay viene utilizzato per caricare sul pannello di controllo l elemento che deve apparire sul display una volta riconosciuto il marker. Gli elementi overlay posso essere di quattro tipi : immagini, video, siti web e oggetti 3d. Non tutti gli smartphone e tablet riescono a leggere gli oggetti 3d. Come primo esempio inserisci un immagine che verrà posizionata esattamente sopra la prima Nell esempio è stata scelta un immagine del Colosseo notturna, da sovrapporre a quella diurna. 6) Inserisci i dati della tua immagine OVERLAY Una volta scelta la seconda immagine sul pc, inserisci un nome su Type e seleziona Image* (dal menu a tendina). In Image clicca su Browse e carica l immagine scelta dal pc. Clicca su Save. *Ricordati di selezionare sempre la corretta tipologia di contenuto che vuoi aggiungere dai menu a tendina. (es.: video, image, ecc ). 7) Ridimensiona e Adatta Nella schermata dopo, clicca su RESIZE e su RESTORE ASPECT RATIO. In questo modo l immagine Overlay apparirà delle giuste dimensioni. A questo punto è possibile muovere l immagine e allargarla per cercare di sovrapporla il più possibile all immagine trigger. NOTA BENE: se vuoi allargare o restringere l immagine posizionare il mouse in uno degli angoli della foto, clicca con il mouse tenendo premuto il tasto SHIFT (Maiuscolo) per ridimensionare la foto in maniera proporzionale.

4 Qui sotto l immagine Overlay allargata e posizionata sopra l immagine Trigger. 8) Rinomina il progetto definitivo Clicca su NEXT. Si aprirà l ultima schermata. Qui è possibile dare un nome al nostro progetto in realtà aumentata, In questo caso, per esempio: Colosseo Giorno e Notte, per la prima applicazione creata. 9) Salva il progetto Clicca su SAVE. Clicca su SHARE. Assicurati che il pulsante in alto a destra indichi "Unshare". Ciò indica che l'aura è condivisa. Se il pulsante dice "Condividi", fai clicca per condividere l'aura sul tuo canale. In questo modo condividerai la tua applicazione con l App dove potrai vedere il risultato ottenuto.

5 UTILIZZO DELL APP su dispositivi mobili Effettuare un test o eseguire i contenuti del proprio canale in HP REVEAL 1) Scarica l applicazione HP Reveal da Google Play (per Android) o dall App Store (per Apple) e installa sul tablet o smartphone (per Android dalla versione 4.0 in su per Apple IOS 7.0 in su). 2) Lancia l App e accedi con le tue credenziali. A questo punto sei pronto per vedere la tua prima applicazione: 3) Clicca sull icona al centro (a forma di quadrato tratteggiato) e attiva la modalità SCANSIONE. Inizia una scansione con pallini che iniziano a muoversi sullo schermo. Finchè l app non riconosce un marker visivo di un immagine trigger, visualizza questa animazione. 4) Inquadra con lo smartphone l immagine TRIGGER e testa il tuo OVERLAY in realtà aumentata.

6 UTILIZZO DELL APP su dispositivi mobili Eseguire i contenuti caricati da un altro utente su HP REVEAL 1) Scarica l applicazione HP Reveal da Google Play (per Android) o dall App Store (per Apple) e installa sul tablet o smartphone (per Android dalla versione 4.0 in su per Apple IOS 7.0 in su). 2) Lancia l App e accedi con le tue credenziali. 3) Clicca sull icona a forma di lente d ingrandimento e cerca il contenuto o il nome dell utente. 4) Seleziona il canale e poi clicca su FOLLOW. Il pulsante deve cambiare colore. 5) Clicca sull icona al centro (a forma di quadrato tratteggiato) e attiva la modalità SCANSIONE. 6) Inquadra con lo smartphone l immagine TRIGGER del canale che segui e testa l immagine OVERLAY in realtà aumentata I canali di HP REVEAL Ricorda: quando cerchi il nome utente all interno dell App, stai selezionando i contenuti da visualizzare. Il canale permette di visualizzare sul tuo dispositivo solamente alcune AR create da specifici utenti. Ad esempio puoi creare un canale chiamato MOSTRA 900 dove inserirai tutti i contenuti in realtà aumentata riferiti a una mostra specifica sulle Avanguardie, oppure MAGAZINE MARCONI dove aggiungerai tutti i contenuti che riguardano il magazine della scuola Marconi. Il tutorial è liberamente scaricabile e condivisibile con licenza Creative Commons.