DEEP LINKING | Enlaces profundos

00:00:00

Vamos con Deep Linking, enlaces profundos y un poco he buscado diferentes descripciones para poder tener una idea y el paso a paso

00:00:14

La URL es el mecanismo que tenemos para acceder a un recurso que está online En este caso online y offline en una red local también

00:00:26

Lo que nos compete sería un objeto, un media, un recurso que está online Por ejemplo, el PDF que nos acaba de pasar Marco, si nosotros lo subimos a un servidor online,

00:00:38

ese PDF tendría una URL que termina apuntando al recurso, al PDF Es una dirección que apunta a un recurso

00:00:52

Aquí os voy a ir dejando todas las URLs donde he cogido la información Por ir también a lo básico, las URLs tienen el protocolo en el que nos vamos a entender,

00:01:07

que es el HTTP o en este caso HTTPS, si vuestro servidor no tiene el protocolo HTTPS es un problema, porque en el caso si no ofrecéis el servidor,

00:01:20

no, pero el servidor en el que vaya a estar alojado del cliente tiene que tener HTTPS porque si no van a saltar las alarmas de todos los navegadores

00:01:30

Luego está el dominio, que la parte de VW puede ir o no ir, y como se entiende, yo que estuve viendo las redes locales, tú en las redes locales también tienes dominio,

00:01:44

y los puntos son, digamos que va desde el COM hacia atrás, pero esto es como se compone la URL

00:01:54

Luego podría ir el puerto, como cuando hacemos la previsualización de tres de vista, el puerto por el que él está generando los archivos web como servidor,

00:02:08

tú le das doble clic al índex HTML en tu equipo y no se ve nada Lo subes al servidor y se ve el turvirtual o la página web

00:02:17

Va por un puerto, lo mismo que el servidor está configurado por defecto para reconocer el índex HTML, está preparado por defecto para que sin ponerle un puerto,

00:02:29

vaya por un puerto y lo pone aquí El HTTP va por el puerto 80 y el HTTPS va por el 443

00:02:37

Entonces yo le podría poner midiominiocom, 2 puntos, 443, pero no hace falta porque es el por defecto Si el informático lo que sea tiene manipulado el servidor,

00:02:50

le tendría que poner a mano el puerto, información para que en algún momento le haga falta

00:02:58

Y luego esta es la parte de ruta relativa Si solo nos quedamos con esta parte, que es a partir de la raíz del servidor,

00:03:09

todas las archivos y subcarpetas en los que vamos a profundizar y aquí tenemos los parámetros de los que vamos a hablar con el LibLinking

00:03:19

Y los anchor point, las indicaciones que aportan información a la URL Si yo me voy a propulsals, esto es Wikipedia, para que veáis lo de el hashtag

00:03:37

Si yo tengo aquí arriba la URL y pongo la almohadilla y propulsals, me lleva sin recargar la página a propulsals, porque propulsals en código HTML tiene un ID que se llama propulsal

00:03:55

Y entonces ese ID me lo detecta con la almohadilla Esto es lo que se sirve 3D Vista para podernos mandar a ciertas opciones dentro del tour virtual

00:04:05

Y luego, los enlaces profundos En un entorno web es la acción de poner enlaces que apuntan directamente a una página o un elemento específico

00:04:16

Y dice que en HTML no hay diferencia entre link y deeplink No sé en qué otro entorno si habrá diferencia, pero en este caso deeplinking es una URL, hasta donde sabemos

00:04:30

No hay diferencia Y luego, el archivo que os suele dar, digamos pelea, el index HTML

00:04:41

Yo desde este momento digo que nunca en una URL, allá aparezca el index HTML, porque los servidores están preparados para que sin que aparezca, nos muestre el contenido

00:04:56

Entonces dice que es esencial para el funcionamiento de una web

00:05:01

Y si ajaremos a un website que no esté presente, es donde nos va a dar o el error 404, o un listado de los archivos

00:05:11

Como vemos en este pantalla

00:05:17

O el error 404, o el índice de los archivos sueltos

00:05:22

Esto os habrá parecido seguramente alguna vez en alguna búsqueda que habéis hecho en alguna web de alguien

00:05:29

Aparece esto y esto es cuando no hay index

00:05:33

Porque el servidor, el protocolo, por defecto, necesita un index HTML o un index PHP

00:05:40

Por ahí he leído que también un index TXT, pero no sé lo que te mostraría

00:05:45

Así que lo dejamos en index PHP, index HTML

00:05:50

Si no, por defecto te va a mostrar una cosa o la otra de estos dos pantallazos

00:05:55

Luego sí que pone que depende que gestor tenga servidor, te da esta pantalla en la que tú le puedes decir qué archivo HTML

00:06:07

Quieres que sea el índice por defecto con el dominio

00:06:11

Cuando apunte el dominio, medio dominiocom, ¿qué quieres que se vea?

00:06:15

Si no se llama index HTML y se llama mi página de pruebahtml

00:06:23

Bueno, lo mismo Esto es complicarse y sobre todo si vamos a convivir con alguien que es el que va a subir el tour virtual,

00:06:32

porque por lo que hablamos en el grupo, muy pocos ofrecéis el servicio del alojamiento del tour,

00:06:39

sino que le dais los archivos y lo aloja el cliente, index HTML

00:06:44

Entonces, como primer apunte del programa en editar preferencias, tener activado esta de aquí

00:06:54

Porque si tenéis el programa como lo instaláis por defecto y no está instalado,

00:06:59

no está activado esta opción de guardar como index HTML, te lo guarda como indexhtm

00:07:06

y tú lo subes al servidor y creo que le pasaba a Roberto la última vez, no se ve nada

00:07:11

Y ahí sí que tienes que poner a mano indexhtm

00:07:16

O sea que es una cosa que no entiendo por qué no la dejan predefinida los detres de vista cuando instalas el programa,

00:07:23

pero yo es lo primero que hago cuando he formateado o instalado en otro ordenador, activar en preferencias esta opción de aquí

00:07:32

Luego, lo mismo, no me meto porque esto ya es palabras mayores, el archivo HTACCES está viendo donde puedes poner el

00:07:42

que diga no, si no encuentras el index HTML, vete a este, pero esto ya es de programador,

00:07:50

pero simplemente que os suene que hay un archivo punto access que suele estar en oculto y que mejor ni tocar

00:07:57

Estructura de los URL de los deep linking

00:08:02

Aquí me remito a la clase de TVO que nos dio Mario y es crear, realmente el deep linking,

00:08:13

es crear un enlace directo a un punto en concreto de nuestro tour virtual, de nuestra visita virtual

00:08:20

A mí me siempre es más fácil buscar la similitud de la visita virtual con la visita real

00:08:28

Entonces creo que ponía Manolo en el WhatsApp, quiero ir a la parte del restaurante, quiero ir a la barra,

00:08:38

quiero ir a la entrada, pues eso es un deep linking, poder ir a un punto en concreto de la visita

00:08:46

En este caso si vemos la visita virtual como visita real

00:08:50

A mí me es muy fácil cuando hacemos esa similitud

00:08:54

Y en el caso de tres de vista tiene una serie de iconos, de símbolos que nos sirven para diferentes cosas

00:09:05

La interrogación de cierre lo que va a hacer es forzar al servidor a que se refresque la caché,

00:09:15

y nos dé el resultado último que va a estar disponible

00:09:20

Porque claro, aquí estamos hablando de emisor receptor, el que sube el archivo al hosting y el que ve, el visitante

00:09:29

Entonces como yo no sé, cuando ha subido tú la última versión del tour, el enlace ya hace que me fuercé a refrescar el contenido

00:09:39

Por eso algunas veces incluso a Mario cuando ha olvidado alguna cosa que no se le veía, siempre hemos intentado poner la interrogación,

00:09:47

porque lo que haces es refrescar la caché

00:09:50

Entonces siempre va a actualizar, y esto es lo que hacía cuando Mario explicaba que sale la precarga, sale ahí el loading, la pestaña que tenemos de cargar

00:10:04

Luego el hashtag, el almohadilla, lo que hace es esto en HTML, no sé si alguno conocéis, son los anchor point, los puntos de ancla,

00:10:16

y dentro de una misma página podemos ir a diferentes puntos de la página, normalmente los títulos

00:10:22

Tú tienes un enlace de la Wikipedia y te pone un índice arriba, le das al número dos, y lo que ha hecho es ponerle un id para que dentro de la misma página sin volverla a cargar, te baje el scroll al punto

00:10:38

Entonces es donde se nutre tres de vista para poderte cambiarte de panorámica o cambiarte o ocultar o mostrar un archivo sin tener que cargar la web entera, el tour virtual entero

00:10:52

Y luego el Ampersand y la coma nos sirven para compaginar y sumar diferentes controladores, diferentes valores

00:11:04

Por ejemplo quiero ir a la panorámica número cinco y que me quites el logotipo, pues le tengo que ir poniendo con Ampersand

00:11:14

Y esto en la página de tres de vista te dice, generalmente tiene sentido usar la cierre de interrogación en enlaces que envías a personas o utilizas fuera del tour en sí,

00:11:25

mientras que el signo al muadilla tiene sentido para vincularse a otros elementos del tour, pero desde el mismo tour

00:11:31

Cuando nosotros le damos a un hotspot que nos muestre una parte de la panorámica, normalmente lo vamos a poner con el al muadilla

00:11:41

Y aquí es donde también se diferencian las URL absolutas y las URL relativas

00:11:50

La URL absoluta incluye el dominio raíz, midominiocom, barra, panorámica uno

00:11:59

Eso sería la URL absoluta y las URL relativas serían lo que van después del dominio

00:12:05

Entonces cuando nosotros metamos un botón y queramos que en la misma panorámica nos muestre ciertas partes usaremos la relativa, solo la al muadilla

00:12:14

Nos sirve con entera, pero le estamos forzando un poco más al ordenador

00:12:20

Directamente le decimos con la muadilla que dentro de la misma panorámica no hace falta volver a cargar el tour y nos haga un movimiento de cámara, por ejemplo, o nos oculte un icono

00:12:34

La pantalla está de configuración que nos enseño Mario

00:12:41

Él pone aquí, que es lo que me preguntaba Pietro el otro día por privado, yo me olvido del indexHTML, primero porque es feo

00:12:50

En una URL amigable y todo es feo

00:12:54

Tenemos dos opciones, la interrogación y la al muadilla Luego iremos viendo qué efectos tiene, pero quiero ir como paso a paso y por qué de las cosas

00:13:06

Mario nos explicó que este recarga, este no recarga

00:13:10

Pero yo sí sabía que la al muadilla es para los puntos de anclaje, por ejemplo

00:13:15

También interpretar el tour virtual como una página web

00:13:19

Aquí le ponemos el ejemplo que he dicho

00:13:24

Quiero ir a la panorámica de comedor y que se mueste y que me apunte al hotspot de la mesa

00:13:31

Y todo lo vamos a ir separando con I

00:13:35

Luego veremos que si repetimos la clave, aquí los dos

00:13:40

Por ejemplo, de la media uno quiero que me ocultes el hotspot uno y dos

00:13:49

Pues el uno y dos de los hotspots les ponemos con coma

00:13:53

Aquí me ha gustado la le llama los pares clave valor

00:13:58

Que es lo que hemos visto en la clave de la mesa

00:14:03

Que son, siempre va a ir por pares

00:14:10

Media igual a uno, es un par clave valor

00:14:14

Y me muestras Focus Overline el hotspot dos, que estaba oculto

00:14:20

Otro par, y así todos los que quieras

00:14:24

Estos son en la página de tres de vista

00:14:27

Todos los parámetros y controladores que tienen programados

00:14:35

Y es el listador que yo tengo guardado

00:14:39

Siempre que copio la carpeta de los tours me lo guardo como chuleta

00:14:45

Aquí lo he separado claves y valores

00:14:48

Lo que va a la izquierda del igual y a la derecha del igual

00:14:52

Media Name, media index

00:15:01

pero de diferente forma MediaName le tenemos que dar el nombre de la panorámica que nosotros le

00:15:09

hayamos puesto aquí Si os fijáis, esto es el nombre del archivo, pero tú le puedes cambiar el

00:15:17

título de la panorámica en 3DVista, ¿vale? Los títulos amigables que yo le puedo decir Pues aquí

00:15:24

sería, mediaName sería el nombre que tiene dentro de 3DVista Por eso el otro día Manolo comentaba

00:15:30

algo de los espacios y tal Claro, si pensamos en archivos, en una página web y los archivos sobre

00:15:39

guión nosotros, vale, ahí queda muy bien el guión, pero en todas las plantillas de Mario tiene los

00:15:47

comodines, las variables de 3DVista que nos coge título y subtítulo Si tú aquí le tienes puesto

00:15:53

para que sea amigable la URL white of us, por ejemplo, pues eso se va a mostrar en el tour

00:16:05

virtual Por eso le quería hacer yo la diferencia de que no, de que necesitamos saber una serie de

00:16:12

conocimientos para jugar en este terreno que es 3DVista HTML servidor, ¿no? Que es un complejo,

00:16:20

complejo mundo Entonces mediaName igual a white MediaIndex nos va a coger el orden que tiene

00:16:29

desde la pestaña proyecto Por lo tanto, si yo quiero ir por deep linking a la panorámica número

00:16:35

de green, tendría que contar 1, 2, 3 y 4 Y en proyecto nos muestra aquí mezclados todas

00:16:44

los álbumes de foto, todos los vídeos y todos los audios Entonces el número, si usáis el mediaindex,

00:16:50

el número de todo que ocupe aquí en el lugar de la lista, ¿vale? MediaIndex igual a 4, ¿vale?

00:17:02

Este es más complejo porque aquí tengo 4 panorámicas, pero vosotros sabéis los proyectos

00:17:09

que estáis manejando cuántas fotos tienen Entonces yo creo que mediaName igual al nombre

00:17:16

Y luego está media que acepta los dos Si le pones media igual a 4, te lleva la verde y si le dices media

00:17:25

igual a green, te lleva la verde Pero sí que hoy, revisando la documentación 3DVista,

00:17:31

recomienda usar mediaGearName Yo hasta ahora está usando media igual por acortar la URL,

00:17:37

pero sí que en algún momento pone, recomendamos mediaGearName Yo hasta ahora estoy usando media

00:17:43

igual al nombre de la panorámica y me ha funcionado perfectamente Vale, entonces eso,

00:17:48

aquí dice nombre del mediaCargar, índice en la lista de medias, triggerOverlyName es el nombre del hotspot Vale, perdón, sí, el nombre del hotspot y lo que hace es trigger es lanzador, activador

00:18:06

Inicia la acción de un hotspot, ¿vale? Y dice tiene que ir junto con mediaName o mediaIndex o media,

00:18:16

¿vale? Porque le tienes que decir, en la panorámica verde, en la panorámica de la recepción,

00:18:24

activame el hotspot llamado información con la acción que tenga asociada Vale,

00:18:34

entonces si yo tengo la recepción de un hotel con un hotspot de información que me abre un

00:18:40

elemento, una pop-up, una ventanita informativa, pues con esto le digo media igual a recepción, ampersand, el I, triggerOverlyName, igual a información y hace como si le hiciéramos un clic en el botón, ¿vale? Y luego triggerOverlyEvent, este es el que es más difícil porque entre

00:19:09

OverlyName y Event funciona muy parecido, ¿vale? Luego vemos las diferencias Y FocusOverlyName

00:19:19

simplemente nos carga la vista de esa panorámica mirando hacia el hotspot, que esto es la duda

00:19:26

que salía por ahí hace ya unos meses con el tema de los museos, ¿no? Que si yo tengo una

00:19:32

galería de museo, quiero decirle que la cámara vaya hacia el cuadro de arriba o dentro del mismo

00:19:38

cuadro, a una área o a otra, ¿no? Con el FocusOverly, pero no dispara la acción que lleve, que

00:19:45

puede no tener incluso ninguna acción Luego Yaw y Peach, que aquí no lo he separado, he visto,

00:19:52

van por separado, Yaw igual a y le pones los grados, 90, 95, 45, 180, menos 180, ¿vale? Eso es para que

00:20:02

nos poder poderle orientar manualmente hacia una hacia un punto en concreto de nuestra

00:20:10

panorámica Language y Dioma Si tenemos varios idiomas, tendremos que compartir el el tour

00:20:19

virtual, la URL, con el parámetro language, si queremos forzarlo, a que cuando el usuario

00:20:25

clique le lleve a un a un idioma concreto, ¿vale? Ese te lo coge de aquí Le damos a proyecto

00:20:34

idioma y le damos al más Por ejemplo, España tiene ES, pero le damos a Inglaterra, a inglés,

00:20:45

EN Si le pones un país, le añade otro otro acepción, yo no le pongo, y entonces le diríamos

00:20:57

language igual a EN Language igual a ES Cuando es el idioma predefinido, no hace falta, pero en

00:21:06

los secundarios, todas las pestañas que tengamos de idioma, que no sean el predefinido, le tenemos

00:21:11

que añadir el parámetro language igual a las dos iniciales que nos da aquí Estas de aquí son

00:21:20

para 3D Como yo no he tocado 3D, pues el que toque 3D importe a un proyecto 3D que las traste,

00:21:28

porque yo no las he podido trastear Pero ahora esto sí, aquí es donde llega el mundo etiqueta,

00:21:34

que es al que yo os recomiendo que os metáis a fondo a etiquetar todo Mario ya está etiquetando

00:21:41

en todas las plantillas que está haciendo La primera no lo sé si la puso, pero las dos siguientes

00:21:48

tienen el cover, el skin, casi todo lo ha etiquetado Incluso lo que no haga falta lo ha etiquetado

00:21:56

Entonces, Hide Component Tax te esconde componentes del skin mediante etiquetas Entonces, si tú quieres

00:22:07

ocultar por deep linking el cover que él suele poner en los tours, tienes que decirle al cover en el

00:22:16

skin que tenga una etiqueta Cover, etiqueta, la que tú quieras Yo le pongo cover para que la URL

00:22:25

sea comprensible Al final le vamos a decir, miturvirtualcom, escóndeme el cover, muéstrame el skin

00:22:33

y ocultame el logotipo de la derecha y muéstrame el menú oculto inferior Como un lenguaje,

00:22:43

como estuviéramos escribiendo una orden Entonces, las más usadas, por lo menos por mí, Hide

00:22:49

Component Tax y Show Component Tax, que tienen sus atajos, que son HCT, Hide Content Tax,

00:23:01

HCT igual a skin, hace lo mismo Entonces, yo nunca escribo todo el parámetro entero porque HCT

00:23:10

hace lo mismo y SCT hace lo mismo Luego, Hide Overlight Tax Estos son los hotspot por etiquetas

00:23:22

y Hide Overlight Names, los hotspot por nombre Entonces, tú puedes tener, como él nos enseñó

00:23:31

alguna vez en alguna demo, tenemos hotspot de vídeo, hotspot de foto y hotspot de audio, en la misma panorámica Pues mediante Deep Linking, poder quitar solo los de vídeo Pues entonces,

00:23:44

tú a los de vídeo les has tenido que poner la etiqueta vídeo Entonces, ahí le dices, Hide

00:23:49

Overlight Tax vídeo y de esa panorámica te oculta, te ponen oculto todos los hotspot de vídeo o los que tú hayas filtrado por esa etiqueta Lo mismo, si quieres ocultar los de vídeo y los de audio y

00:24:04

dejar solo los de foto, pues le dices, Hide Overlight Tax vídeo, coma, audio Dentro de este

00:24:14

parámetro, poderle poner dos valores separados por comas No hay que poner Hide Overlight Tax o tal

00:24:22

Hide Overlight, tal si comparten la orden y quieres que afecte a varios elementos, los separas por

00:24:30

comas El de FOP es ese último que había añadido, que es el zoom, File of View, campo de visión,

00:24:39

más angular o más zoom sobre la panorámica Entonces, FOP combinado con Yaw y Pitch,

00:24:47

podemos meter zoom sobre un área muy en concreto de la panorámica Cerramos zoom y vamos hacia la

00:24:56

ventana o hacia el logotipo del negocio Skip Loading, que es el que quita la precarga

00:25:04

Disable Background Preload, como esa pequeña recarga del tour Yo realmente no me han sabido dos de tres

00:25:15

de vista explicar muy bien las dos, pero Skip Loading lo ponen ellos en la web y Disable Background, cuando tú haces vista previa, te aparece y no está en la página web publicado Te lo pone

00:25:31

aquí arriba Disable Background Preload, igual a true Incluso les pregunté, esto de V igual a un

00:25:39

número, me dice no es relevante Entonces, esto es con los que yo jugaría si queremos que nos haga una

00:25:47

transición limpia Por ejemplo, que nosotros usemos el Live Linking para poder, dentro de la misma

00:25:52

pano, girar de un punto de vista a otro Si vemos que de algún lado nos sale la precarga o refresca

00:26:00

cada dos por tres, aunque hayamos puesto la almohadilla, jugaría con estos Yo he hecho pruebas sin estos y

00:26:06

no hace, pero si lo voy a hacer como enlace final, igual la aprovecho y lo meto, porque te evita

00:26:13

Sobre todo si tú vas a la recepción del hotel con la URL, igual no me interesa que salga la precarga

00:26:19

No lo sé, esto ya son decisiones de cada uno, pero están ahí y por eso los he listado aquí todos Y aquí es donde lo que comenta Roberto, los nombres del sistema de dominios, los DNS,

00:26:33

no distinguen entre mayúsculas y minúsculas Y a esto yo añado, pero todo lo que vaya después

00:26:40

del dominio, las carpetas y los archivos, y en este caso los parámetros del Live Linking, son sensibles a las mayúsculas y minúsculas dependiendo si nuestro servidor es Linux o es Windows Y eso mayormente se sabe preguntándole a la empresa a la que tienes contratado el servidor

00:27:04

Entonces simplemente que si es Windows da igual que le pongas mayúsculas que minúsculas, que lo

00:27:11

iguala todo, pero en cambio si tu servidor es Linux, cuando tú pongas aquí media igual a white con minúscula en un servidor Linux, no te va a llevar a la panorámica white, porque white con

00:27:28

minúscula y white con mayúsculas son dos medios diferentes Y luego el tema de los espacios y

00:27:34

caracteres especiales En HTML5 se codifica en UTF-8, por lo tanto no se pueden poner espacios,

00:27:43

no se pueden poner determinados símbolos, no se pueden poner tilde, entonces por eso hay que

00:27:49

tener mucho cuidado en qué ponemos Pero claro, si los nombres de nuestros medias es recepción y

00:27:56

recepción tiene tilde en la O, pues aquí la voy a poner con tilde en la O, pero cuando comparta la URL, lo tengo que poner codificado Entonces aquí también os he dejado una URL encoder que tú le metes aquí

00:28:13

el texto, por ejemplo recepción, y le dices en UTF-8 encode y esto es lo que tendrías que pegar

00:28:25

Recept-C on, esto es la O con tilde El listado es espacio por centaje 20 Comillas por centaje 22

00:28:42

Si por ejemplo, yo que sé nuestra panorámica tiene una almohadilla para que no se contradiga con

00:28:48

la otra, pues lo tenemos que meter por código Los paréntesis, si yo en 3DVista estoy usando

00:29:00

los variables para que chupen el título de la media, pues tengo que priorizar o no uso variables y

00:29:10

pico toda mano, entonces no me vale ninguna de las plantillas de Mario que coge todo por variables

00:29:15

para que sea una plantilla Entonces en esta convivencia de peculiaridades, pues yo priorizo que

00:29:24

aquí cada nombre tenga el nombre que se va a ver en pantalla y luego utilizamos esas técnicas para

00:29:30

compartir la URL Etiquetas, esto es lo que os digo, puede ser sencillo, puede ser laborioso,

00:29:39

revisarlo muy bien, porque a mí me parece potente Lo he estado mirando y aquí hay gente que sabe

00:29:45

que ha metido al 3DVista cuando no había etiquetas Nosotros desde que hemos hecho el curso con Mario,

00:29:49

ya estaban las etiquetas implementadas, pero esto ha habido un momento en el que no había etiquetas,

00:29:54

por lo tanto es muy muy muy potente Puedes actuar directamente sobre las etiquetas

00:30:01

en las diferentes acciones de 3D Vista

00:30:03

Sólo admite letras, números, guiones y guiones bajos

00:30:08

Las etiquetas no permiten directamente ningún símbolo

00:30:13

Vale, las etiquetas, los nombres de las panorámicas y de los medios, sí,

00:30:17

pero las etiquetas no

00:30:18

Aquí tenemos una demo básica para ver cómo funciona el Dibling

00:30:25

Tengo un cover con el logotipo del cliente y un botón

00:30:31

Este botón lo que me hace es ocultar el cover y mostrar el skin

00:30:36

Hasta ahora lo que hemos hecho en todas las plantillas

00:30:40

El skin tiene el logo y cuatro botones por aquí

00:30:44

A mano

00:30:47

Borro hasta el index, que es lo que os he dicho

00:30:51

Interrogación, pero yo quiero pasar la habitación con terraza, con Vista Salmar

00:30:58

Vamos allá a la roja

00:31:00

Intro

00:31:01

Veis que me ha cargado la roja, pero no me ha quitado el cover

00:31:05

El orden en principio, no recuerdo si importa, no sé decirlo, porque no está en ningún lado, es probar

00:31:12

La lógica me dice, quiero ir al media rojo, lo primero que le indico es, vamos al rojo

00:31:17

Vaya, no se me quita el cover, pues vamos a quitar el cover

00:31:21

Ampersand, High Content Tag, HCT, ocultame el cover, igual a cover

00:31:31

Ampersand y Show Content Tag, muéstrame el elemento del skin con la etiqueta

00:31:41

Skin

00:31:42

Esta es la manera de quitarle el cover, al haber un cover, yo sí o sí siempre le pondría una etiqueta para poderlo ocultar por Deep Linkin

00:31:52

Aquí, por ejemplo, yo digo quiero ir a la piscina, quiero ir a las habitaciones o a la planta baja

00:32:01

Aquí lo he puesto que el único que me ha pedido cosas ha sido Manolo, que quería ir a un área y que sonara una audioguía

00:32:12

Cuando el reconocido arqueólogo surso allá

00:32:15

Vale, aquí tengo este

00:32:19

Entonces si yo voy aquí arriba, volvemos, media, igual a blue, and High Content Tag, cover, and Show Content Tag, skin

00:32:38

Esto vamos al azul y le digo en el azul que me reproduzca sin yo hacer click el audioguía, no?

00:32:46

Yo voy por la galería y digo, ah, vale, aquí me va a hablar el audioguía, pero no

00:32:51

Cuando yo te pase el enlace, que es lo que tú me dices, no? Ahí se reproduzca

00:32:55

Pues entonces venimos aquí y le digo Trigger, Overline Name, y este se llama Audio Guía, creo que le he puesto

00:33:07

And Trigger Overline Name, Audio Guía Ves? Ahí está, ahí me reproduce el audio

00:33:16

Y además, si le ponemos Focus, me mira hacia arriba, hacia el punto, si me interesa

00:33:23

Allá, calificó este formidable salón como una de las cápsulas históricas más interesantes del estado

00:33:29

Ves? Pumba, para arriba, que es donde está el hotspot y el audio

00:33:41

Ah, mira, aquí dice, usa esto junto con el Trigger Overline Name

00:33:47

O sea, que tendrían que estar los dos, del menú de abajo Top tiene

00:33:54

Abrir URL, lo que os he dicho, la ruta relativa, os funciona con la otra ruta, pero también Mario lo hizo así

00:34:04

Yo, si es con el, con el, dentro de la misma, del mismo tour, por ponerle y quitarle, yo pondría con la almohadilla

00:34:13

Y, ves, lo que he dicho es, vete a la media roja y Focus Overline Name al hotspot, que se llama Top

00:34:22

He ido en la panorámica roja hotspot, le he puesto un hotspot poligonal en el top y un hotspot poligonal oculto

00:34:34

Y con el nombre del hotspot, no tiene etiquetas, con el nombre del hotspot, le digo que me lo muestre

00:34:44

Y por eso, si os fijáis, va como que muevo la cámara para arriba y para abajo, ¿no? A que no sale ahí el loading ni nada

00:34:55

Mira, aquí por ejemplo, se me estaba cargando el dicentro comercial Yo, por ejemplo, aquí quiero ir a media igual a Belrose, que es una tienda que me sé

00:35:08

Me lleva a Belrose Entonces, este cliente, oye, las cuatro fotos que he actualizado y le envió el enlace

00:35:16

Y no tiene que ir él aquí, donde está, tienda, no sé cuántos, vale Directamente le estoy enviando la URL

00:35:24

¿Y esto es por el nombre del media? ¿Va a peligolí, eh? URL normal, ¿no? El tour por donde yo he decidido que empiece con lo que tenga

00:35:43

Le doy a la tecla U del teclado Mira todo lo que ha salido De cualquier tour que esté online Mira, FOB, 110, pitch, yao, nombre del media

00:36:06

Como os comenté, donde yo me tuve que aprender el tema de Dliblinking, cómo fue con el proyecto este de las galerías de Punta Begoña,

00:36:16

que es un monumento de aquí de Vizcaya que están restaurando Entonces, yo con este tour virtual, propuesta de cliente,

00:36:25

yo aquí tengo que él me, de repente, de un tour virtual me pide que sean tres, que ahora va a meter el tour virtual, la web se va a dividir en tres partes

00:36:37

Enconoce, comparte y crea Y encima de tres maneras diferentes Así es como lo veíamos y así es como está

00:36:46

Entonces, enconoce la rehabilitación en vivo Aquí está el eFrame del tour, ¿vale? Y ellos les han añadido las instrucciones,

00:36:57

que en vez de aparecer en el propio tour virtual, les han añadido ellos en la página web

00:37:02

Si accedes desde un ordenador, si accedes desde un móvil, al hacer clic en este icono verás el antes y el después, haz clic en los carteles para que te salga el pop-up de la información, haz clic en este otro icono para que te cuente más sobre un lugar

00:37:17

y haz clic sobre el icono del altavoz para que te haga la audio descripción

00:37:22

Entonces, en esta parte, en la rehabilitación en vivo, ellos querían que se viera el tour virtual, que antes de empezar la visita,

00:37:31

elijéramos el idioma, ¿vale? y que vayamos al rincón, el punto de la visita que nosotros queramos, que el usuario quiera

00:37:43

¿Vale? Y dentro de este punto, puede navegar, puede clicar y que me salga la ficha y puede pulsar en la audio descripción,

00:37:54

que ya está en el idioma que hemos elegido Tenemos el listado de miniaturas,

00:38:05

esto es una mezcla de una plantilla de Mario y cosas que le he añadido yo

00:38:12

El icono del antes y el después para hacer con el dual viewer

00:38:27

Comparte visita, visita virtual Y dentro de visita virtual, con panorámica animada, los cuatro guías en Euskera, en Castellano, en signos y en inglés

00:38:45

Entonces aquí ya entra el Diblingin Pues esto está en el mismo tour virtual que esto Pero esto, mira todos los parámetros que tenemos aquí,

00:39:01

hemos elegido el guía en español Tengo que ocultar el cover que se llama Bienvenido Tengo que mostrar el panel inferior, que es donde he metido estas flechitas que no están aquí

00:39:16

Estas son diferentes que esas, porque estas me llevan al siguiente punto de guía, al siguiente punto de guía

00:39:24

En cambio esta me lleva a la panorámica siguiente, a la panorámica siguiente No tiene nada que ver, alguna coincidirá

00:39:31

Además muéstrame el panel comparte, el selector en español, porque son cuatro guías

00:39:41

Ocultame los hotspot salida Los hotspot salida es que si vamos al guía, yo no puedo pasear Pero si yo voy aquí, sí puedo pasear

00:39:56

Entonces lo que he hecho es que a las panos claves donde está el guía, a los hotspot de alrededor, les he nombrado con la etiqueta salida, para que cuando vayamos a un guía le diga que los iconos, los hotspot salida,

00:40:12

me los oculte, para que el usuario no pueda navegar libremente Y además me oculte las panorámicas de 2017, como hay un antes y un después, la visita guiada es en el 2023, que es cuando están los guías

00:40:27

Entonces ocultame las miniaturas de 2017 y me muestras al guía todo eso por deep linking ¿Qué pasa? Aquí es donde viene el truco que alguno me preguntó

00:40:40

Si yo me pongo aquí y copio la URL, copiar enlace, me lleva a tour, al subdominio que han creado ellos, barra comparte Eso no se parece a ningún deep linking que nosotros hemos visto

00:40:57

Yo le doy a intro, que sería hacer clic, y se despliega todo eso Y eso es lo que tuve que investigar, es con una redirección Mi raíz del servidor Aquí lo único que faltan respecto al servidor son los archivos de 3D Vista, que eso os los conocéis todos

00:41:15

Pero junto con todo eso, en el servidor subo estas personalizadas Y barra comparte tiene un index Descubrí este código, igual ahora vosotros tenéis algún otro, pero descubrí este HTML, que es con subir ese index

00:41:30

Yo en el FTP le digo mi dominiocom barra y las carpetas son parte de la URL, entra en comparte y cuando se encuentra un indexhtml lo abre Y da igual puedo tener 500 indexhtml en diferentes rutas, que los va a abrir sin llamarlos, por defecto, por llamarse indexhtml

00:41:51

A ese indexhtml le meto una redirección, que tal cual la copié Y ahí es donde yo le meto el deep linking Entonces cuando el usuario entre a esa carpeta, redirigele a este deep linking

00:42:07

Entonces yo no le tengo que dar al cliente toda esa URL fea, con todos los parámetros La tercera pata es CREA, y crea directamente los edificios URL a cada punto informativo de la visita virtual

00:42:27

La galería de recreo, tour virtual A ese punto en concreto Yo no le doy toda esa URL, sino lo que me voy es aquí y en los diferentes idiomas, crea la galería

00:42:48

Y ese index me lleva a este deep linking Y esto nace porque el cliente también me pide que durante la visita va a imprimir los QRs de los diferentes puntos donde hay información en la visita

00:43:04

Y esa quiere que le lleve al punto informativo Investigando sus URLs dinámicas, creo que hablando con Óscar, algún día hay algunas plataformas de pago que tú le dices URL, QR, y luego le dices, y ahora asociame este destino

00:43:23

Hoy es este, mañana es este otro, pero la URL y el QR no cambian Simplemente está ese intermediario que dice, vale, ahora hacia hoy donde quieres que vaya, con la misma dirección, con el mismo coche

00:43:35

Vale, hoy vete a la derecha, vale, y te llevas a la derecha Pero tú te has montado en un coche, y no sabes hacia dónde va

00:43:42

Entonces no quería que fueran cortas o amigables, pero sí quería que el QR fuera siempre el mismo Entonces yo el día de mañana entro a la FTP y le cambio en el 3-salón las tripas de este index, y no afectan al QR porque el QR es midominocom

00:44:01

Barra crea barra 03 guión salón Y luego, por ejemplo, el apartado QR es que, como habéis visto, la visita virtual empieza con un cover y un selector de idiomas

00:44:20

Pero si yo con el QR voy directamente aquí al salón y quiero ir a este punto Aquí ya tengo el idioma elegido, predefinido de antemano, ¿verdad?

00:44:35

Suena en español Si yo vuelvo atrás y elijo en inglés y voy al salón y le doy al mismo punto, solo hay un icono y sale en inglés

00:44:53

Si yo voy por el QR y le llevo al salón y que se abra esto, no hay ni la panorama

00:45:01

quería que se viera esta información a pantalla completa en el móvil y le pudiera

00:45:06

andar a la audiogía, como dice Manolo Pues lo que entonces me tuve que inventar es que

00:45:10

aquí haya un selector oculto de idiomas solo para cuando se acceda por el QR

00:45:17

Entonces, si yo voy a QR y voy al salón, haré tu A, abrir con brackets, le digo vete al media salón, me ocultas bienvenido, que es el cover, los controles, el botón de cerrar, me lo ocultas, el botón de cerrar,

00:45:42

en móvil, los puntos informativos, cuando le das se ve así Entonces, con el QR,

00:45:50

quiero que me saques esta ficha pero que el usuario no pueda cerrar la ficha, por lo

00:45:55

tanto tengo que ocultar el botón cerrar y mostrar aquí el selector de idiomas para el móvil

00:46:02

Muéstrame los idiomas, so content tax idiomas y haz clic sobre el hotspot de la ficha

00:46:11

Esto como es con QR lo tengo que hacer de esta forma

00:46:21

No hay botón cerrar, no tengo manera de salir, voy andando físicamente porque esto es para la visita

00:46:39

física y escaneo el siguiente QR que es el número 4

00:46:47

En el barco de Bitcoin brackets, escaneo QR, el escanea el 04 de talaya y le lleva y le redirige a este y le dice vale en español, 3 turvirtuales más 4 el QR, 4 proyectos en uno y sin depender de una plataforma externa que haya que pagarle por el QR

00:47:24

Tiene un ejemplo en el que hace como quitar el logotipo y ponerle de otra marca

00:47:42

Aquí por ejemplo le tengo que poner, so content tax muéstrame el skin, muéstrame el menú y alfonso

00:48:02

Este es el turvirtual de las cerámicas de Castellón patrocinado por Alfonso o por Roberto o por Juan

00:48:23

Es lo que tu necesitabas Me carga la panorámica del STAN número 3 con su icono o el del número D con su icono

00:48:43

Muy bien, bravo

00:48:53

Buenas señores, cualquier duda por el WhatsApp porque ya las horas que son

00:49:03

Empezamos otra vez esto

00:49:05

Acaso las cinco de la tarde así que tengo un caca maravillado

00:49:11

¿Adriás repetir desde el principio? Sí, ahora te mando el replay

Transcription