PEC 2

Asignatura Proyecto 1. Web
Pública

¡Hola!

Aprovecho este espacio para enseñaros mi propuesta de diseño. Será bienvenida cualquier crítica constructiva.

En esta segunda PEC he corregido los wireframes en base a la corrección de la PEC 1. El resultado final es el siguiente:

Tras el diseño de baja fidelidad, realicé el mockup final. A medida que lo realizaba tuve que ir cambiando levemente la estructura de los wireframes por temas de usabilidad y accesibilidad. Por ejemplo, para la versión móvil, el tamaño de la fuente resultaba muy pequeña y poco legible para la estructura inicial. Por lo tanto, se fue reajustando y se obtuvo el siguiente resultado:

Respecto al logotipo, se diseñaron dos versiones. La idea inicial fue la siguiente:

No obstante, al integrarlo en la página, no acababa de quedar en sintonía. Si que es cierto que los colores siguen la paleta cromática escogida, pero no acababa de encajar. Finalmente, se optó por rediseñarlo con el fondo del color secundario y unos bordes redondeados. Esto tenia mas sintonía con la página ya que la mayoría de elementos ese encuentran dentro de bloques con los bordes redondeados.

Además, para que el espacio no quedará tan vacío y el usuario supiese en que página se encontraba, se añadió el nombre de la cooperativa en el lado derecho del logo.

Para el diseño móvil se eliminó el logotipo y se dejó solo el nombre de la web con tal de dejar más espacio entre los elementos del navegador, sin tener tan saturada esa zona.

 

Gracias por la atención, espero que os guste.

PEC 3. Proyecto de interacción tangible (conceptualización)

Mi propuesta para esta práctica es el diseño y construcción de un detector de temperatura para neveras industriales que detecte y avise de forma temprana anomalías en la temperatura de los arcones frigoríficos. El objetivo principal del diseño es ofrecer una solución sencilla y eficaz para una mejor gestión y prevención de problemas en la conservación de alimentos en neveras industriales.

El prototipo está compuesto por 3 LEDs, un sensor de temperatura y una pantalla LCD. Según si la temperatura es alta, correcta o baja, se encenderá el LED correspondiente y la información de la temperatura se verá reflejada en la pantalla.

Os dejo el vídeo y la documentación con la explicación más detallada:

 

 

 

https://youtu.be/GI5zHLSuHF0

 

PEC 2. Proyecto Arduino (Introducción al entorno de Arduino)

Introducción

En esta práctica se plantea el diseño y construcción de un prototipo de alarma que detecte movimiento mediante un sensor y emita una alerta lumínica y sonora.

Este proyecto puede usarse tanto en sistemas de seguridad para el hogar como en entornos empresariales.

Proyecto

Para la realización de este proyecto se ha utilizado el kit de Arduino, un LED, un buzzer piezoeléctrico, un fototransistor y los cables de conexión necesarios para que la alarma se active si el sensor detecta movimiento.

Para llevarlo a cabo se ha utilizado el kit de Arduino y la plataforma de simulación en línea Tinkercad.

 

Vídeo de muestra

Enlace: https://youtu.be/1i6EAxnwuMg

 

Memoria del proyecto

PEC 1. ¿Qué es la interacción tangible?

Hola,

en esta entradilla os expongo los proyectos que me han parecido relevantes para esta PEC.

Los proyectos destacados son los siguientes:

  1. Reactable. Se trata de un proyecto desarrollado por un equipo de investigación de la Universitat Pompeu Fabra (UPF). Se trata de una mesa musical interactiva, la cual consta de una interfaz visual y táctil que permite a los usuarios manipular objetos físicos para crear música. Para poder llevar a cabo esta función, el tablero utiliza tecnología de reconocimiento de objetos (dos cámaras) y sensores para interpretar los movimientos y las interacciones de los usuarios con los objetos (visión artificial). Además, esta mesa permite la participación y composición colaborativa de varios usuarios.
  2. Dynamicland. Desarrollado por el diseñador de interfaces Bret Victor, se trata de un espacio físico interactivo donde los usuarios pueden crear, experimentar y colaborar en proyectos utilizando herramientas analógicas y digitales. La información digital es proyectada en elementos físicos como papeles y los transforma en elementos virtuales que los usuarios pueden manipular para experimentar y observar las consecuencias de sus acciones (Design Toolkit, s. f.). Según la página web de Dynamicland (s. f.), la misión del proyecto es “incubar un medio dinámico humano cuyo pleno poder sea accesible a todas las personas”. Al igual que el anterior proyecto, se trata de un proyecto colaborativo.
  3. Tangible Landscape. En este caso se combinan herramientas físicas con herramientas visuales para ayudar a los usuarios a comprender mejor los procesos y las interacciones en los ecosistemas. De este modo, el usuario puede sentir la forma de la tierra y esculpir su topografía. Según la página web de Tangible Landscape (s. f.) el sistema funciona combinando «una mesa de arena con un proyector estereoscópico, una cámara de profundidad y software de modelado geoespacial».
  4. LEGO Mindstorms. Tal y como su nombre indica, se trata de un proyecto desarrollado por LEGO. Se trata de una plataforma de robótica educativa que permite a los usuarios construir y programar sus propios robots utilizando piezas de LEGO y un controlador programable llamado brick. La plataforma combina elementos tangibles con programación y robótica para crear una experiencia de aprendizaje única. Los usuarios tienen la posibilidad de construir robots capaces de realizar una amplia variedad de tareas, desde movimientos sencillos hasta la resolución de problemas más complejos.

REFERENCIAS

Design Toolkit | Interacción tangible. (s. f.). http://design-toolkit.uoc.edu/es/interaccion-tangible/

Dynamicland. (s. f.). https://dynamicland.org/

Tangible Landscape. (s. f.). http://tangible-landscape.github.io/


Os adjunto también el documento PDF que contiene toda la PEC: