 Grazie a Nicola per la presentazione, grazie a tutti voi per essere qui. Io sono Giovanni Nicocci, vengo da Lecce e lavoro da oltre 15 anni nell'ambito della progettazione dello sviluppo web. Ho fondato lo studio in Gengenian Ultimediale appunto che è uno studio che opera nella realizzazione di soluzioni tecnologiche strategie digitali che ci piace definire su misura. C'è, andiamo proprio a cercare di realizzare quello che al cliente serve. Utilizzando nel 70% dei casi WordPress che utilizzo in ambito personale dal 2005 e dalla lezione Sononero 2.0 e poi dal 2009 sempre più frequentemente in ambito professionale. Perché? Perché sono pienamente convinto che WordPress è una piattaforma che ben si presta non solo alla realizzazione dello sviluppo di blog e situeb ma attraverso il fondamentale apporto delle API. Possiamo andare a utilizzarla appunto per realizzare quello che più ci interessa o che dobbiamo andare a realizzare. Nello specifico oggi appunto vi farò vedere un progetto che stiamo portando anche da circa un annetto che prevede un utilizzo di WordPress esplicamente lato backend. Cioè non è il classico sito che noi normalmente andiamo a fruire in cui ci sono dei contenuti ma il backend di WordPress ci fa in qualche modo da contenitore e ci organizza i contenuti che noi andiamo a presentare in modalità diretta ad urquale. Pertanto tra l'attimo fui farò vedere la piattaforma di realtà virtuale che abbiamo individuato abbiamo scelto che i frame poi presenterò brevamente Panovue che è la nostra soluzione web che abbiamo sviluppato e restando molto non scendendo troppo nei dettagli del codice ma in maniera molto semplice provo a farvi vedere l'approccia in realtà che poi abbiamo adottato per farci che i frame dialogasse con WordPress o meglio che WordPress generasse poi il codice che serve ad i frame e poi come dicevano i code insomma alla fine si rimarrà del tempo durante il coffee break e volete provare la modalità con i visori sono qui a vostra esplosizione anche per eventuali come dicevo tutto è nato un anno fa perché volevamo trovare se volete dei modi alternativi di sviluppare qualcosa del propogo ai nostri clienti l'ambito della realtà virtuale si iniziava a sentire e si inizi a sentire sempre di più supportato forse anche dal del gaming dove si fa un largo uso e se volete l'amendoto che c'è stato che ci ha fatto in partire nello sviluppo di questo progetto è stata la richiesta di un cliente che banalmente voleva inserire la foto fatta con l'iPhone, la foto panoramica all'interno del suo website web un po' quello che poi ha fatto Facebook subito dopo c'è la possibilità di applaudare una foto e vederla votata a 360 gradi girando in lungo e in largo ci siamo ritrovati in i frame in questa piattaforma che in un attimo vi faccio vedere che c'è piaciuta molto se volete poi anche la realtà virtuale e tutta questa nuova tecnologia a 360 gradi si sta molto sviluppando anche grazie ai supporti dei vari player online per i video a 360 gradi che stanno offrendo questo supporto e le varie Google map eccetera c'è un proliferare di servizi che permettono insomma di fluire di questa tecnologia. Vi parlavo di frame cos'è i frame per definizione come si collegia nell'osito è un framework word per costruire esperienze di realtà virtuale c'è subito catturato e per la semplicità se volete per un attimo la farò vedere ma soprattutto per chi era un progetto che nasce da Mozilla è nato da Mozilla successivamente è diventato un progetto per un surzo indipendente però comunque supportato sempre da Mozilla. Ha un linguaggio di markup per questo ci è sembrato molto semplice anche da capire e utilizzare basato sul concetto dell'entità componente e se volete la cosa ancora più importante era un po' quello che serviva noi può essere fluido attraverso un normale browser quindi non serve nessun tipo di app non serve nulla di nulla se non un browser questo ci permette e vi fa intuire subito che lo possiamo vedere in ambito desktop in ambito mobile non c'è una particolare requisito di carattere hardware e soprattutto l'utilizzo di un framework di questo genere permette di demandare al framework stesso tutto quello che il lavoro sporco che per chi è sviluppatore sa bene bisogna andare a gestire vuoi per compatibilità di sistemi operativi vuoi per compatibilità di piattaform allora noi ci preoccupiamo solamente di gestire il codice di markup di tab tutto quello che è interfacciamento con piattaforme browser hardware se la vede in maniera del tutto trasparente il framework si basa su l'html quindi si basa su delle comunissime pagine html ed è e supporta la maggior parte di tutte le varie piattaforme dei vari anti-device orientate all'altra di il quale per ultimo quello dell'altro giorno che è venuto fuori da facebook e con ioculus go ma c'e ne sono tanti c'e il vital rift c'e gli arroar fino ad arrivare anche se volete senza spendere scifre sorbitanti i cardboard in cartone di pochissimi euro che ovviamente magari non ti offrono un'esperienza visiva degli hardware più di alta fascia però ti danno comunque la possibilità di vivere un'esperienza di questo tipo e il framework ci consente di avere delle performance ottimizzate per il web e quindi siamo tranquilli che tutto quello che gira all'interno della pagina è abbastanza semplice per tutto quello che è il browser e la cosa sempre da sviluppatore che secondo me abbastanza apprezzabile è che c'e l'esistenza del visual inspector esattamente lo strumento per gli sviluppatori di safari i vari anche strumenti supportati da tutti gli altri browser io ho la possibilità attraverso il visual inspector di entrare nella scena e andare a capire le va così come faccio con l'HTML che vado a vedere i CSS e le varie cose di vari tagli, stessa cosa vado a vedere per l'entità della scena virtuale che cosa accade. Altra cosa importante c'e stanno a librerie di componenti spesso sui vari ripositori di sviluppabile tranquillamente online dove liberamente gli sviluppatori possono andare a contribuire facendo crescere quindi le funzionalità che può andare a realizzare la piattaforma. Questo e il codice HTML di una pagina molto semplice che non fa altro che disegnare una scena in cui c'e un piano verde su cui eppoggiata una sfena, un box e un cilindro. Come potete vedere di teto una conoscenza HTML molto molto basica io vado a importare lo script di i frame, ditiamo la scena e poi vado a posizionare il tag e i box il tag di la sfena dando di una posizione un raggio e un colore, vado a posizionare il cilindro dando di una posizione il raggio che deve avere il cilindro e l'altezza e il colore in piano d'appoggio e dò anche un colore allo sfondo qui sul preto che non si vede comunque un riggio molto chiaro. Lanciando banalmente, andando di su quelli in che riusciamo a vedere quella scena che in un attimo ha implementato una scena a 360 gradi nella quale sono posizionati quei tre oggetti. Andiamo a PanoView. PanoView è il nome che abbiamo dato alla nostra soluzione web basata appunto sui concetti di realtà virtuale su tutte le funzionalità che c'è dato i frame abbinandola a un backend fatto in WordPress. PanoView permette di vivere sostanzialmente delle esperienze di realtà virtuale immersiva utilizzando un semplice browser, quindi tranquillamente ben daddola all'interno di un sito web oppure posso fluire delle esperienze di realtà virtuale immersiva attraverso dei visori banalmente anche dei carboli in cartoni, quindi andando a vedere dei contenuti che possono essere foto, video a 360 gradi e abbinati anche ad un audio. Come dicevo prima, possibilità di vedere su desktop, tablet, smartphone non c'è necessità di scaricare nessuna app, va ad affare un unico sviluppo per pii platform, non ha la necessità di sviluppare l'app o il codice per l'app, ma un unico sviluppo è la possibilità di vederla ovunque. L'unico requisito è una commissione internet e un browser e la nostra prima release l'anno scorso è stata fatta per un cliente, come vedete dei cardboard in foto, che andava al binitali, quindi alla fiera del vino al barona dov'è stato abbastanza interessante se volete per i compratori da tutto il mondo potersi vedere catapultati all'interno dei vigneti a oltre mille chilometri di distanza, potevano vedere, potevano sentire, ovviamente gli altri sensi non potevano trasmettere, però dallo stende del binitali si sono trovati catapultati all'interno del vigneto ed è stata una cosa abbastanza interessante. Quali sono gli ambiti nei quali noi, diciamo, pensiamo possessero di una soluzione di questo tipo? Sicuramente i musei e i poli culturali dove riusciamo o è possibile fluire in qualunque parte del mondo di quella che è un'esperienza che invece normalmente devi andare a fare all'interno di un museo, una mostra, un allestimento. In ambito dei retail, lì nello schermo c'è una foto di un nostro virtual tool per un negozio a lecce dove dare la possibilità al tuo cliente di visitarti ed eventualmente anche interagire in maniera visiva con i tuoi prodotti che vado a scegliere. Un altro ambito molto interessante è quello della formazione dove per esempio un'azienda, sempre sulle nuove assunzioni nel futuro posto di lavoro, in modalità remote, in modalità virtuale da casa hanno che poi in realtà si troverà sul futuro posto di lavoro dove è in maniera tale che nel momento in cui inizia un'attività si trova già in un contesto un attimino più familiare. Gli altri due ambiti anche qui hanno trovato un successo abbastanza interessante e sono stati indubbiamente quelli della fruttura e delle agenzie immobiliari perché andando a lavorare con i render e straccio 360 sostanzialmente tu dai la possibilità ad esempio un futuro acquirente di un'abitazione di poter vivere l'abitazione quando ancora non è stato in meno costruita. E anche questa è stessa cosa per le strutture ricettive se tu vale a comprare la tua vacanza per esempio io ti posso dare la possibilità di vivere già la tua stanza d'hotel, la tua sala di ristorante tutto quello che è una struttura ricettiva tipo un villaggio o un hotel lo hanno fatto per esempio anche per le navi da cosciera cioè io attraverso i carbo io ti do la possibilità di vivere l'esperienza di viaggio, di vacanza che andrai a fare in questo modo qui e se volete a livello commerciale di marketing è una cosa abbastanza interessante quali sono i tuoi quali sono i conti di una soluzione di questo tipo sicuramente quella di poter vivere l'esperienza già dal browser quindi non necessariamente avere un device per immergersi nella renta intuale ma e' andandola all'interno di un sito web offrendo direttamente dal browser non ho necessità di app, posso andare a personalizzare l'esperienza e la scena diretta virtuale secondo quelle che sono le caratteristiche del mio cliente quindi logo, cologhi, font e' più quello che un discorso di identità aziendale posso facilmente aggiungere e togliere contenuti così come posso velocemente tramite il back end di walkers non vedremo craccio andare a aggiornare quelli che sono tutte le modalità di noi che ne hanno un fo pane, cioè tutti quei pannelli, quei popappi testuali che appaiono nei vari punti sensibili quali sono i contri? i contri sono che utilizzando sicuramente lo smartphone e quindi i visori la durata della batteria dello smartphone crolla in maniera rapidissima e quindi quasi sempre vedete queste esperienze qui come ho collegato il carretto dell'unarcon hai la necessità di essere connesso? ho aggiunto almeno fino a quando uno scarica nella case del browser tutti i contenuti e la modalità a 360 gradi fruita con i visori e con lo smartphone è legata unicamente all'utilizzo hardware del gioscopio quindi non mi posso muovere in attacchia questa è la domanda che ci fanno quasi tutti non mi posso muovere semplicemente indossando il visore avanti e indietro nella scena c'è da dire anche non è tanto un limite dello smartphone ma anche un limite dettato dal fatto che il contenuto fotografico o video che noi facciamo vedere in realtà è un 2D se tutti vuoi muovere all'interno della scena e tanti dispositivi di fascia alta che sono mediante dei controlli tattivi o anche tramite tastiera lo puoi fare appappo che però la scena che tu quindi la tua camera dal verbo, la tua futura abitazione deve essere un oggetto 3D all'interno del quale tu puoi muovere ed arriviamo a WordPress perché WordPress, perché come vi dicevo, siamo pienamente convinti che si tratti di un framework che sviluppa tutti gli effetti e della soluzione ideale quando devo andare a gestire dei contenuti abbiamo realizzato, vi dicevo, un template personalizzato per implementare le specifiche della pettaforma e frame e il plugin ACF però per la gestione dei contenuti e per realizzare l'interfaccia di backend personalizzata immagino che lo sappiamo tutti i plugin ACF cosa fa cosa non fa ad ogni modo è uno dei più utilizzati in WordPress perché ci permette di creare delle interfacce di backend personalizzate e sfruttamente una delle grandi potenzialità di WordPress che sono i custom field nello specifico noi abbiamo utilizzato il campo repeat che ci consente di raggioppare dinamicamente le informazioni e di renderle diciamo disponibili in maniera abbastanza organizzata perché ci troviamo di fronte ad un aperto di questo tipo ne abbiamo immaginato di avere un cliente e un cliente a diverse scene che vuole rappresentare all'interno del nostro default tool per ogni scene ci possono essere degli hotspot che sostanzialmente sono di due tipi o sono di tipo informativo vale a dire mi danno un messaggio di testo mi danno una foto mi danno qualcosa oppure semplicemente sono i link che occorre inquadrare per spostarsi nella scena successiva ad ogni hotspot devo andare ad attribuire un componente per quanto mi guardo la piattaforma e frame quindi devo dire dove deve essere posizionato anche in modo deve essere orientato cosa deve cosa si deve portare dietro e quindi ecco qui che ci vedo incontro WordPress andando a identificare il cliente come un custom post type andando a definica all'interno di questo custom post type l'abbiamo definito così un custom file di primo livello attraverso un access repeater per ogni scena quindi io all'interno del mio backend all'interno del mio post cliente vado ad aggiungere le varie scene andando a iterare sul tag repeater all'interno di ogni scena ci sono appunto, vi dicevo, degli hotspot e quindi ciò un custom file abbiamo chiamato di secondo livello cioè io sono all'interno della scena e vado ad aggiungere di continuo i vari hotspot all'interno di ogni hotspot poi devo andare ad attribuire posizione orientalmente eccedere che altrimenti sono che dei campi di testo associati al campo repeater qui bremente degli screenshots di come è cambiato il backend di WordPress implementando queste funzioni qui proviamo un attimo, vi faccio vedere scendendo sotto, ecco qui che io trovo la mia real experience in cui sempre attraverso facendo l'uso di ACF vado ad identificare i miei logi, i miei colori i miei vari icone e vado a gestire le varie scene quindi in questo caso è un living all'interno del living c'ho un hotspot di tipo info che mi dice un mobile film 2 modello 123 che è posizionato, queste sono le tre coordinate x y e z e questo anche la rotazione sempre sulle tre coordinate e così via questo è un link per esempio alla scena numero 2 e vado a gestire tornando WordPress dei frame adesso quindi questo è il codice che per esempio serve a dei frame per caricare di base le immagini vedendolo abbiamo immaginato che con un ciclo full tutto questo potrebbe essere abbastanza semplice pertanto abbiamo immaginato appunto che le nostre immagini altrimenti non sono che il contenuto che abbiamo caricato nel backend è fino a quando contenuto io sostanzialmente stampo il tag HTML andandolo a popolare con le indie e con il sorgente memorizzato all'interno del mio campo cf queste sono le varie entità gli hotspot sono le entità che vado a collocare all'interno della scena e quindi anche qui io vedo che c'è un'entità che ha una indie etc etc a lavorare sulla posizione, la sua posizione, se è un'immagine, se è del test etc etc e allo stesso modo di come abbiamo fatto con prima con un ciclo full andando a iterare sempre sul plugin cf i vari hotspot andiamo a stampare tutte quelle che sono le informazioni memorizzate quindi se per esempio è un hotspot che va verso un link avranno sua sintasi e mi vado a stampare la posizione, la rotazione etc etc se è un info panel vado per esempio a stamparmi il contenuto testuale che deve rappresentare e così via ora se ci riesco da qui volevo farvi vedere una demo questa è una chiesa non so se si riesce a sentire c'è anche l'audio di sottofondo io c'è un visore verde qui al centro e quindi sto l'esperienza attraverso il browser ci sono degli hotspot qui in basso che mi servono a dispostare qui per esempio c'è un hotspot informativo gli affreschi medi al bizantini santa panacea e incontro facciata così come salgo su guardando il mosaico ne vede degli altri inquadrando l'altro hotspot mi inizio a muovere vado alla scena successiva tutto questo vedendolo su uno smartphone o su tablet facendo in qualche modo un largo uso del giroscopio la mia scena si muove in base al movimento dello smartphone e andando a come dicevo lasciando il lavoro sporco a e-frame banalmente cliccando il pulsante di cardboard ha diviso in due la scena mettendo i due di quadri e adesso così come lo andiamo ad inserire all'interno di un cardboard e ci ritroviamo catapultati all'interno questo caso della chesa di Casarenello ci sono degli altri magari alle slides che vi potete interessa vi può vedere io sono andato super rapido ci sono qualche minuto per qualche domanda