Repositorio del grupo 5 del curso del taller de HCI.
El taller propone poner en práctica las nociones básicas sobre diseño de interacción, diseño centrado en el usuario, usabilidad y metodologías de evaluación de interfaces.
Programa del curso: Link
- "Milagros Garicoits" [email protected]
- "Agustín Prado" [email protected]
- "Juan Pereira" [email protected]
Nuestra representación de la memoria fue sobre el movimiento de las personas en Montevideo. Decidimos desarrollar una aplicación que localice la ubicación de la persona y que envie como se esta moviendo, para luego se muestre en una aplicación web a través de mapas de calor.
Enlace al código: Link
El proyecto consta de tres partes:
- Aplicación web (HTML5 + CSS3 + JavaScript + GoogleMaps)
- Servidor web (NodeJs + MongoDb)
- Aplicación mobile (Android nativo)
Algunas imagenes de la app:
Para el segundo laboratorio dentro del reconocimiento facial nos enfocamos en el tracking del movimiento ocular. Decidimos hacer un juego que reconozca a donde esta mirando el jugador y le vaya mostrando una imagen escondida, la cual es de una persona famosa que debe adivinar.
- Para el tracking del movimiento del ojo utilizamos EyeTribe: Link
- El desarrollo del juego fue todo sobre openFrameworks: Link
Imagen del juego:
En este labortario decidimos tomar los datos de la deforestación mundial para mostrarlos de una manera particular usando Processing. Hicimos el cruce de datos entre la deforestación de los países sumado a la emisión de CO2, la emisión de CO2 es representada por la cantidad de lluvia que cae sobre los árboles, cuanto más lluvia también más fuerte es el ruido de la misma.
Datos de la deforestación: Link
Imagen de la aplicación:
El laboratorio cuatro se trató sobre crear un instrumento musical. Nostros tuvimos la idea de hacer un instrumento musical que reproduzca música según el RGB de una imagen. Por lo que el usuario podría cargar una imagen y reproducir música con tan solo moverse por la imagen.
El proyecto lo realizamos sobre OpenFrameworks (usamos el addon ofxMidi), y utilizamos Live Ableton para reproducir la música que pasaba por el contorlador MIDI.
El usuario luego de cargada la imagen tiene la posiblidad de cambiar los tonos de RGB apretando las teclas 'r', 'g' y 'b' para dismunir los tonos o 'R', 'G' y 'B' para aumentar los tonos. También se puede cambiar la altura de los tonos y los puertos por los cuales pueden salir las notas (usamos tres puertos, numerados del 1 al 3).