Diagrama de colores

Para etsa práctica hemos tenido que hacer dos archivos uno con modo RGB y otro con el modo de color CMYK. Para comenzar hemos creado el archivo con las medidas que nos pedían, luego hemos creado un circulo con la herramienta de elipse y lo hemos copiado tres veces y los hemos empezado a situarlos de la manera y donde nos pedían, cuando ya los hemos puesto tenemos que ir seleccionando los trozos y ir rellenandolos de los colores del ejemplo.
Acontinuación insertamos un cuadro de texto y le ponemos los titutlos, lo guardas primero en modo RGB y luego lo pones en CMYK  y tienes como resultado :

Rollover simple

Este arrastre , o rollover, se puede entender como una renovción de la posición.
Para esta práctica hemos tenido qu abrir un archivo nuevo en el fireworks  con las dimensiones que nos pedia en este caso de 120 X 600 un Skyscraper. Cuando ya lo tenemos creado lo selleccionamos entero elegimos el color que nosotro queramos y le damos al bote de rellenar, después tenemos que poner el texto que queramos con el tamaño y tipo de letra que queramos y lo coloamos a nuestro gusto . Luego tienes que selleccionar todo y darle a una ventanita que aparece en el lado izquierdo del menu en la parte de web ..

Cuando ya le hemos pnchado se abira una ventana en la parte inferior de la pantalla con una serie de opciones pues donde pone vinculo tenemos que poner el enlace de algun blog de un compañero de clase que cuando le des a abrir a vista previa en firewox se te habra en el navegador y que al pincharle te envie automáticamente al blog del enlace que habias puesto y con eso ya finalizariamos esta práctica.
Hemos obtenido como resultado final:

Botón

Para esta práctica hemos tenido que hacer un rectángulo y un cuadro del texto rellenar el cuadrado del color que queramos y escribir el texto que queramos lo seleccionamos todo y le damos al botón izquierdo del ratón y le damos a convertir en símbolo y ahí nos saldrán tres opciones y le tenemos que dar a las de botón y automáticamente te lo convertirá en un botón gift animado. Cuando lo hemos creado se nos pondrá en lista previa y le tenemos que dar a original y en la parte derecha de la pantalla aparecerá una ventana donde ahí cuatro estados para dependiendo de la posición del ratón o si le pincha o no y lo tenemos que ir copiando y pegando como nosotros queramos en los 4 estados y con esto ya finalizaríamos la práctica.
Hemos obtenido como resultado:

cuando el ratón no esta encima de él.

cuando el ratón esta sobre el :

cuando pinchamos el ratón y esta sobre el :

si pinchamos lo colocamos fuera y luego volvemos se pone así:

Diagramas de colores

Para esta práctica hemos tenido que en el photoshop hacer el mismo trabajo pero con distinto modo de color en este caso en RGB y en CMYK.
Hemos tenido que hacer una elipse copiarla tres veces y colocarlas y ir rellenando los huecos con los colores que nos pedía hemos puesto el texto y con eso hemos finalizado esta práctica.

Usabilidad y accesibilidad

1.  La usabilidad : se refieres a la facilidad con la que las personas puedan utilizar una herramienta particular o cualquier otro obeto fabricaado por humanos con el in de alcanzar el objetivo concreto. También puede referirse al estudio de los principios que hay tras la eficacia percibida de un objeto. No forma parte del diccionario de la RAE, aunque es bastante habitual en el ámbito de la informática y la tecnología.

En interacción persona-ordenador , la usabilidad se refiere a la claridad y la eleganciacon que    se diseña la interacción con un programa de ordenador  o un sitio Web. El término también se usa a menudo en el contexto de productos como la electrónica de consumo o en áres de comunicación, y en objetos que transmiten conocimiento.

También puede referirse al diseño eficiente de objetos mecánicos como, por ejemplo, un manubrio o un martillo.El grado de usabilidad de un sistema es, por su parte, una medida empírica y relativa de la usabilidad del mismo. Se mide a partit de pruebas empíricas y relativas.

• Empírica: se basa en pruebas de usabilidad realizadas en el laboratorio u observadas mediante trabajo de campo y no se basa en opiniones ni sensaciones.
• Relativa: el resultado no es ni bueno ni malo, sino que depende de las metas planteadaso de una comparación con otros sistemas similares.

El concepto de usabilidad se refiere a una aplicacón de Software o un aparato hardware, aunque también puede aplicarse a cualquier sistema hecho con algún objetivo particuar.

El modelo conceptual de la usbilidad, proveniente del diseño centrado en el usario, no está completo.

The Big Short

En esta práctica hemos tenido que hacer este montaje en Photoshop utilizando las herramientas como la de recorte de máscara y hemos insetdo figuras en este caso flechas. Cuando ya lo hemos obtenido en el photoshop lo hemos tenido que montar en Indesign con estas medidas 20X14 y cuando lo teniamos ya exportarlo a PDF y le hemos tenido que poner sangrado y en a paisado y ya lo llevariamos a imprimir.

Banner Puerta Bonita

Para esta práctica hemos tenido que crear un Banner de tipo Leaderboard en el que promocionemos el módulo de las AAGG.
Para comenzar hemos abierto el photoshop le hemos dado a archivo y hemos dado a nuevo y nos aparece una pestaña donde tenemos que poner las medidas, etc.. del dcumento que vamos a crear. Hemos puesto las medidas que nos pedia la profe que tuviese el banner y le hemosdao a crear y se nos crea el documento. Acontinuación hemos rellenado esa capa del color que queramos en este caso una especie de verde turquesa oscuro y cuando ya lo tenemos hemos tenido que ir al navegador y buscar el logotipo del Puerta Bonita.
Luego le hemos introducido una imágen relacionado con las artes gráficas y la hemos bajado la opacidad para que cree un efecto de que esta en el fondo.
Luego hemos empezado a introducir cuadros de texto para ir poniendo los títulos y los ciclos que teníamos que poner. cuando ya los hemos echo y lo hemos colocado de la manera que nos guste lo tenemos que dinamizar con la línea del tiempo que es muy sencillo. Habiendo echo eso ya finalizariamos la práctica y la tendremos qe guardar.
hemos obtenido como resultado final:

Ballena Recorte

Para hacer esta práctica en el photoshop hemos tenido que trabajar con los recortes de las mascaras. hemos partido de dos imágenes:

Hemos puesto las dos imágenes en una sola en capas distintas, cuando ya lo hemos echo hemos creado una capa nueva y la hemos rellenado de negro.Después hemos pueto el texto que queriamos introducir en la imagen hemos trabajado con el paque quedase igual y una vez habido creado el cuadro de texto lo combinamos hacia abjo . Hemos colocado el texto por debajo de la iamgen de la ballena hemos ido a capa  y hemos pinchado en hacer máscara de recorte y se nos han quedado las letras del texto rellenadas por la imagen de la ballena.
Depués de que ya hemos echo eso tenemos que poner la brujula la primera capa y ahi convertirla en recorte de capa y le hemos bajado la opacidad al trece y hemos obtenido como resultado...

Tipos de banner

BANNER ESTÁTICO

Tipo: Square Pop-Up

Dimensiones: 439 x 338

Formato: PNG

Modo de Color: RGB

Tipo: Medium rectangle 

Dimensiones: 300 x 250

Formato: JPEG

Modo de Color: RGB

Tipo: Intersitial
Dimensiones: 710 X 600
Formato: PNG
Modo de color : RGB

Tipo: Square Button

Dimensiones: 290 X 174

Formato: JPEG

Modo de color: RGB

Tipo: Half page

Dimensiones: 300 x 600

Formato: JPEG

Modo de color: RGB

Tipo: Leaderboard

Dimensiones: 728 X 91

Formato: JPEG

Modo de color: RGB

BANNER DINÁMICO

Tipo: Wide Skyscraper 

Dimnsiones: 160 X 600

Formato: GIF

Modo de color: RGB

Tipo: Medium Rectangle

Dimensiones: 300 X 250

Formato: GIF

Modo de color: RGB

Tipo: Layer

Dimensiones: 300 X 300

Formato: GIF

Modo de color: RGB

Tipo: Medium Rectangle 

Dimensiones: 300 X 250

Formato: GIF

Modo de color: RGB

Tipo: Half page

Diemnsiones: 300 X 600

Formato: GIF

Modo de Color: RGB

Tipo: Leaderboard
Dimensiones: 728 X 90
Formato: GIf
Modo de color: RGB

Autobús

En esta práctica hems tenido que apartir de 4 fotos ir cogiendo los elementos de las fotos que vamos a necesitar para hacer nuestro montaje para ello hemos utilizado una serie de herramientas en el photoshop como la de lazo poligonal o la de recorte o la de seleccion y también consistia en trabaar con las capas.
para comenzar hemos tenido estas cuatro imágenes :

Después de haber trabajado sobre ellas  hemos obtenido como resultado final :

Capas

 Las capas dentro de la aplicación de photoshop  se semejan a hojas apiladas de acetato. Puede ver las capas que se encuentran debajo através de las áreas tranparentes de una capa de manera que su contenido sea parcialmente transparente.
Las carpas sirven para realizar diversas tareas, entre otras, componer varias imágenes, añadir texto a una imagen o añadir formas de gráficos vactoriales. La aplicación de un estilo de capa facilita la adición de efectos especiales como sombras paralelas o algún tipo de resplandor.

En la práctica que nos ha tocado realizar teniamos que utilizar las capas dentro del Photoshop. Apartir de cuatro fotos hemos tenido que trabajar con ellas y meterlas toda en una con texto a los lados, etc..
Para ello hemos utilizado las herramientas del photoshop como el lazo magnético, la herramienta de recorte.
Hemos partido de estas imágenes:

 Y hemos obtenido como resultado final :

Realidad aumnetada

La realidad aumentada de investigación explora la aplicación de imágenes generadas por ordenador en tiempo real a secuencias de vídeo como una forma de ampliar el mundo real. La investigación incluye el uso de pantallas colocadas en la cabeza, un display virtual colocado en la retina para mejorar la visualización, y la construcción de ambientes controlados a partir sensores y actuadores.
Recientemente, el término realidad aumentada se ha difundido por el creciente interés del público en general.
La realidad aumentada es el término que se usa para definir una visión a través de un dispositivo tecnológico, directa, o indirecta, de un entorno físico del mundo real, cuyos eementos se combinan con elementos virtuales para la creación de una realidad mixta en tiempo real.
Consiste en un conjunto de dispositivos que añaden información virtual a la información física ya existente, es decir, añadir una parte sintética virtual a lo real. Esta es la principal diferencia con la realidad virtual, puesto que no sustituye la realidad física, sino que sobreimprime los datos informáticos al mundo real.
Con la ayuda de la tecnología la información sobre el mundo real alrededor del usuario se convierte en interactiva y digital. La información artificial sobre el medio ambiente y los objetos pueden ser almacenada y recuperada como una capa de información en la parte superior de la visión del mundo real.
La realidad aumentada de investigación explora la aplicación de imagénes generadas por ordenador en tiempo real a secuencias de vídeo como una forma de ampliar el mundo real.

Aqui os dejo unos cuantos links de vídeos con ejemplos de realidad virtual:

• https://www.youtube.com/watch?v=m3SJo2u7tQo
• https://www.youtube.com/watch?v=o-E8OC8EyHA
•  https://www.youtube.com/watch?v=OElik_UM01w

Aqui os dejo unos cuantos de artículos de realidad aumentada:

 

 

  http://www.turismoytecnologia.com/aplicaciones-y-software-apps-soft-para-turismo/item/4041-la-tecnologia-hara-de-guia-turistico-gracias-a-la-realidad-aumentada-y-se-impondran-los-flashpackers

 

 http://www.turismoytecnologia.com/aplicaciones-y-software-apps-soft-para-turismo/item/2906-desarrollan-aplicacion-de-realidad-aumentada-para-arquitectura

 http://www.turismoytecnologia.com/aplicaciones-y-software-apps-soft-para-turismo/item/2641-proyecto-linkto-innovacion-en-informacion-turistica-en-cordoba

Explicació de los códigos QR

Un Código QR es un módulo para almacenar información en una matriz de puntos o en un código de barras bidimensional. Fue creado en 1994 por la compañía japonesa Denso Wave, subsidiaria por Toyota. Presenta tres cuadrados en las esquinas que permiten detectar la posición del código al lector.
El objetivo de los creadores  fue que el código permitiera que su contenido se leyera a alta velocidad. Los códigos QR son muy comunes en Japón, donde son el código bidimensional más popular.
Aquí os dejo ejemplos de QR que yo he creado en clase:

Códigos QR

Imagen 360º

Para esta práctica hemos tenido que hacer almenos 5 fotos pra crear una panorámica. Cuand ya las tenemos nos las pasamos al ordenador y de ahí nos metemos a internet a una página que se llama Demander donde nos tenemos que dar de alta y meter algunos datos.

Cuando ya etsamos registrados lo que tenmos que hacer es dar a la opción de create que sale en el menu superior de la captura y nos saldra una pantallita con dos opciones pues pinchamos en la opción de 360º que es con la que vamos a trabajar nocotros.

Cuando pinchamos en 360º nos aparece el menú de las carpetas y es donde tenemos que buscar las imágenes que ya nos habiamos pasado y automáticamente se nos crea la panorámica.
Cuando la tenemos echa le tenemos que dar a la ruede que aparece en la parte superior de la pantalla y nos sale una tabla azul con una serie de opcines pues tenemos que darle a upload para guardarla. ya una vez guardada pinchamos a nuestro perfil y ahi se ve que esta guardada.

Acontinuación y por último tenemos que pinchar a Embed que es una de las opciones qeu encontramos en el menú superior. Cuando le das se nos abre una pestaña donde arriba nos aparece una opción donde le tenos que poner el URL de la panorámica.

y nos aparece un código que es el que tenemos que hemos subido a este blog mediante HTML y con eso ya finalizamos nuestra imágen.