Imagen inateractiva

Hola a todos.

Hoy vengo a exlicar que es una imagen interactiva y enseñaros como crear una a partir de una aplicación online.

Una imagen interactiva es cualquier imagen con botones que te dan información al posicionar el cursor encima de estos. Dependiendo del botón, al ser pulsado te llevara a otro lugar, una pagina web, un video etc.

Estos botones se volverán visibles al poner el cursor encima de la imagen.

Os enseñare ha hacerlo a partir de una pagina web llamada Thinglink

En primer lugar debemos elegir una imagen de nuestro agrado y cargarla en la pagina.

Seguidamente podrás personalizara a tu gusto.

A  cada botón que pongas podrás darle una función distinta y personalizarlo a tu gusto., ademas de poder cambiar su posición.

Finalmente cuando lo tengas terminado podrás guardarlo y si quieres subirlo a alguna red social o pagina web a traves del codigó que debes poner en HTML. 

Intentar no ponerle mucha calidad a la imagen para la web pues tardara mas en cargar.

El siguiente ejemplo es uno que hice yo a través de la pagina.

Y hasta aquí esta entrada. Espero que os haya servido. Un abrazo y nos vemos pronto.

Realidad Aumentada

Buenas y bienvenido a otra entrada más. Hoy te explicare lo que es la realidad aumentada.

La realidad aumentada es un conjunto de tecnologías que permiten la visualización a partir de un dispositivo con información, una imagen virtual, en el mundo real.

link para ver un articulo relacionado.

Realidad aumentada aplicada al sector industrial.

un video.

Aplicaciones de realidad aumentada

La realidad aumentada es un gran avance debido a que gracias a ella se podrían mejorar muchísimas cosas, crear prototipos en 3D por ejemplo, ademas en el area educativa seria mucho más entretenido y fácil aprender cosas y entenderlas. 

Y hasta aqui esta entrada. espero que os haya gustado. Un abrazo y hasta pronto. 

Código QR

Buenas y bienvenido a otra entrada más. El día de hoy vengo a enseñarte a ti, querido sujeto a como hacer un código QR a través de la Unitag.
Es bastante sencillo y rápido.

Pero ante voy a explicarte que es un QR, aunque imagino que ya lo sabes pero bueno. :v

Un código QR es una matriz de puntos blancos y negros que permiten almacenar información mediante un código de barras. Es una versión mejorada del código de barras normal ya que puede almacenar información en dos direcciones y puede contener mucha mas información.

En primer lugar debes copiar y pegar la URL de la página y a continuación verificarlo. A partir de aquí puedes personalizarlo como tu quieras.


IMPORTANTE: valida el link para que al escanear el código te lleve a la pagina.



Cuando lo termines debes darle a descargar el código QR. Te aparecerá un flip. Descomprimelo dentro tendrás varios archivos entre ellos la imagen del QR.


Yo hice varios para que veais los cambios que puedes hacerle al código. 😄



                                                 



Y hasta aqui esta entrada. Un abrazo. Hasta la proxima

vista 360

Hola y bienvenidos a una nueva entrada.

En esta ocasión voy a explicaros como hacer una imagen 360 a través de una pagina online.

Dejare el link para que podáis crear la imagen directamente.

Dermandar

Me imagino que  todos sabeis lo que es una imagen de 360º pero lo voy a explicar igualmente :v

Una imagen 360 es un modelo 3D generado a partir de fotografías independientes de un objeto en eje circular en todas direcciones.

Os voy a explicar como hacerla

primero te aparecerán dos opciones 

   

Cuando hayas elegido la que quieras tendrás que seleccionar dos o mas fotos

(recomiendo tenerlas en orden por que el programa si las tienes desordenadas las pondrá como quiera)

Una vez elegidas las imágenes le das a abrir y tendrás tu imagen creada. Si quieres guardarla debes crearte una cuenta, es fácil, sencillo y para toda la familia.

Una vez creada la cuenta le das al engranaje de la esquina superior derecha

Se abrirá una ventana con varias opciones. Debes darle a "upload". Seguidamente te aparecerá otra ventana para poner nombre a tu panorama. Una vez escrito le das de nuevo a opción "upload". Te dirá que esperes. En la siguiente ventana debes clikear a "confirm". Otra ventana de espera y te saldrá una ventana con un texto y dos opciones en blanco. Si deseas simplemente guardarlo dale al segundo "here" si quieres colgarlo en internet, te metes en el primero y copias el código HTML que te aparece.

y eso es todo amigos.

Este es mi resultado

Panoramica

Buenas y ser bienvenidos a una nueva entrada.

En esta ocasión os mostrare como hacer una imagen panoramica con photoshop.

No asustarse que no es muy complicado ;)

En primer lugar tienes que hacer varias fotos consecutivas.

Yo he escojido estas.

 

Seguidamente abres photoshop. 

Y te vas al menu archivo, automatizar, photomerge.

Al hacer clic te aparecera una ventana con varias opciones.

eliges las imagenes abiertas y dale a ok. 

Yyyyyyyy ya la tenemos. ahora solo tienes que recortarla y ya la tienes.

Legibilidad en la web

Hola y bienvenidos a una nueva entrada

hoy os traigo errores que la gente comete al hacer sus paginas web, con dos ejemplos. una mala web y otra buena, usando las reglas de legibilidad que conocemos, pero antes una pequeña definición del concepto de mapa de sitio web

Mapa web: es una lista que enlaza con los distintos apartados de una pagina como si fuera un buscador de palabras clave. Suele estar al final de la pagina

Primeramente vamos a ver la pagina web mala.

Blog de trabajos de Photoshop de un agradable sujeto

Bueno, en primer lugar la pagina tarda en cargar y al hacerlo vemos que este agradable sujeto ha puesto demasiado margen y lo ha usado para poner una animación repetitiva y algo molesta de fondo. A parte de un gif de la tierra girando que sinceramente no se que pinta ahí pero bueno.

Vemos que nos pone una presentación de el mismo donde explica cual es la finalidad de su blog, también pone su correo electrónico (que no se ni porque lo ha puesto ahí ni para que :v. continuemos)

Al parecer este agradable sujeto sube videos a youtube y amablemente nos los pone a disposición en su blog, en lugar de en alguna entrada poner el link a su canal.

La pagina no tiene jerarquía ninguna respecto a la fecha de las entradas ni siquiera se si tiene entradas en su blog. Muchos de los colores utilizados son muy saturados y pueden molestar al usuario.

Blog sobre la historia de Van Gogh

Vamos con este. En primer lugar tenemos que no tarda nada en cargar la pagina, vemos que el fondo es agradable y tiene en un lateral las fechas de cuando se publicaron cada una de las entradas. En las entradas se diferencia perfectamente que es el titulo, ademas de tener imagines para amenizar la lectura.

Te viene su perfil y sus redes sociales para que la sigas si te interesa su trabajo.  También te viene paginas interesantes relacionadas al tema principal, en este caso la vida de Van Gogh.

Ahora os voy a explicar las diferentes estructuras de navegación web.

Lineal: Es la estructura de  navegación mas simple. Unicamente sigue una dirección.

Reticular: Usan hiperviculos enlazados que te llevan a otras paginas web.

Jerarquizado: Es una fusión de las dos modalidades anteriores. 

Telaraña: Todas las paginas estan enlazadas entre ellas sin ningún orden aparente.

Y hasta aqui esta entrada, espero que os haya gustado y os sirva. 

Streaming

Hola.

En esta entrada os explicare que es el streaming y  un webinar ademas de poneros algun ejemplo de ambos.

Streaming: Es la distribución digital de contenido multimedia a través de la red, esto permite al usuario ver el contenido a la vez que se descarga. El contenido multimedia puede ser audio o video.

Algunas herramientas en el mercado que ofrecen este tipo de servicio son;

Youtube

Periscope

Snapchat

Vlive

Estos son solo algunos ejemplos de los muchos que hay. Algunos con un funcionamiento más sencillo que otros. Algunos son para hacer simples videos para internet y otros son para empresas.

Ahora os explicare que es un webinar.

Un Webinar es una conferencia, clase o curso que se imparte de forma online a través de internet. Una gran ventaja de este tipo de herramientas es la interacción entre usuarios.