Manual de Usuario.

Nuestro manual de usuario, es más para la implementación del prototipo;

ya que la interacción del usuario es natural, no se necesitan instrucciones.

VideoPrototipo

Proyecto Paralelo

El proyecto paralelo finalizó satisfactoriamente, con el montaje de la página web del laboratorio sensor, en compañía con Mario Muñoz.
Fue un trabajo muy enriquecedor ya que me relacioné con herramientas que antes no conocía, y ahora puedo desenvolverme mejor en ellas, tales como DreamWeaver y Joomla.
En el siguiente enlace pueden visitar la página.

Laboratorio Sensor

Programa Sensor de flujo-LCD

La primera prueba de unión del sensor de flujo y la LCD, fue exitosa, aún no se imprimen cosas determinadas por consumo, pero ya funciona!.  :)

Informe Ejecutivo

Una Gota de Eco – Informe Ejecutivo
Juan David López Herrera – Alejandra Osorio Osorio


¿Qué es?..

Es una instalación interactiva que busca concienciar sobre el consumo de agua a las personas, por medio de una interacción natural con un objeto cotidiano como lo es la llave de agua de un lavamanos. La instalación propone que por medio de un objeto multimedial construido, el usuario reaccione sorpresivamente al percibir mensajes sonoros y visuales, que le informarán sobre su consumo de agua por medio de equivalentes reales que le permitirán dimensionar este último, y que harán de su experiencia con la llave un hecho mucho más emocional y reflexivo.

Código sensor de flujo (programa principal)

// reading liquid flow rate using Seeeduino and Water Flow Sensor from Seeedstudio.com
// Code adapted by Charles Gantt from PC Fan RPM code written by Crenn @thebestcasescenario.com
// http:/themakersworkbench.com http://thebestcasescenario.com http://seeedstudio.com
// Modificado por Jose David López A, Juan David López H, Alejandra Osorio O.

volatile int Contpulsos; //measuring the rising edges of the signal
float Q; // Caudal en lritos / seg
int hallsensor = 2; //The pin location of the sensor
float v; //Volumen en litros
float Sv; //Sumatoria de volumen en litros
int t = 1*1000; //Tiempo 1 seg (delay=1000)

Diagrama de flujo

Diagrama de Flujo Programa Una Gota de Eco

Prueba sensor de flujo

Después de algunos problemas de conexión, nos ha funcionado muy bien el sensor de flujo.

Experimentación Pixel Profile

Después de una extensa búsqueda en la web, se encuentra el programa Pixel Profile el cual permite procesar una linea de la imagen y arroja sus datos RGB.



Selección de imagen

Avances Proyecto

Practicas Arduino

Escritura Digital
Lectura Digital
Lectura Análoga
Escritura Análoga
Impresión

Practicas Arduino / LCD
Practicas Arduino / Color LCD
Practicas Arduino / mp3 Shield

En terminos generales los avances del proyecto en este semestre se enfocan principalmente en el funcionamiento individual de cada placa anexa al Arduino con el fin de integrar posteriormente cada programa en uno general.

Se ha condicionado el diseño de la información visual al dispositivo y sus posibilidades. lo que ha prolongado el desarrollo gráfico de los mensajes.

MP3 shield

Las pruebas con este dispositivo han demostrado su gran funcionalidad para nuestro proyecto, ya que hace fácil el cambio entre pistas mp3, como respuesta a determinada orden, por lo que será muy adecuado para la orden que transmita el sensor de flujo respecto a los litros consumidos.

Hola Mundo - Spark Fun Color Shield LCD

Hola Mundo
Utilización de librería LCD_driver.h y LCD_driver.c
Impresión de "Hola Mundo"
Modificación de Color y contraste
Utilización de Colores Hexadecimales(12bits)
Utilización de botones de la placa (Manejo de Variables)
La finalidad del ejercicio es la de identificar y conocer el código, la cantidad de conexiones y la dificultad de este tipo de salidas.

Ejercicio con LCD

Hola Mundo
Utilización de librería LiquidCrystal
Impresión de "Hola Mundo" y cronometro

La finalidad del ejercicio es la de identificar y conocer el código, la cantidad de conexiones y la dificultad de este tipo de salidas.

Portafolio

Portafolio Alejandra Osorio Osorio

alejandraosorio.com

El portafolio pretende servir de exhibición a trabajos realizados entre los años 2008 y 2011. Está categorizado por las áreas del diseño y la imagen en las que he tenido un mayor desarrollo.

Es una interfaz que propone una navegación hipermedial, en la que el usuario pueda acceder a todos los niveles del portafolio, estando ubicado en cualquiera de ellos; además de esto la interfaz le propicia al usuario una comunicación sencilla con ella, en la que puede hacer un reconocimiento de las temáticas del portafolio por medio de la percepción de un lenguaje gráfico, que maneja una metáfora objetual, y que al mismo tiempo empieza a identificar el estilo del diseñador.

Práctica con fotoresistencia - Aprendiendo--

Objetivos del ejercicio

-Despejar mediante formulas el valor en ohmios necesarios para trabajar con foto resistencias

-Identificar el valor del voltaje de una foto resistencia con ausencia de luz y sin ausencia de la misma.

-Visualizar el valor modificado de la foto resistencia  mediante un multimetro.

Arduino

Se han elaborado pruebas con Arduino en los siguientes topicos.

Lectura y escritura en entradas y salidas digitales.
(LED,Swich)


Se han elaborado montajes en protoboard siguiendo la guía básica de aprendizaje de Arduino.


Entre los textos de referencia consultados están:
30 arduino projects for the evil genius.
ARDUINO_NOTEBOOK
Getting_Started_with_Arduino
Practical Arduino - Cool Projects for Open Source Hardware Dec 2009

Se está haciendo un acercamiento al lenguaje básico de electrónica, y programación, con asesoría de un ingeniero electrónico.

Empezando con CSS

Estos son ejemplos de plantillas que he realizado, la plantilla de MUSE ha tenido problemas con el código en DW, ya que se visualiza bien en el programa, pero en el navegador no.
Las plantillas de Bubble Under - The diving Club. estan todavía en etapa de desarrollo, ya que se está siguiendo el libro mencionado en la entrada anterior.

En el navegador

En DreamWeaver

Con código.

Las partes que se adquirieron...

Las esperamos en 2 semanas....
Color LCD Arduino Shield

CSS

Estoy en el proceso de la creación de las plantillas CSS en DreamWeaver - o en editores de texto.
Voy poco a poco, desde lo básico del html (porque no lo entendía todo bien), me encontré este libro que me sirve mucho de guía. Y se los recomiendo a ustedes.
Es un paso a paso muy explicativo de que significa cada parte del html, y del css... propone ejercicios lo que ayuda  a entender todo muy facilmente.
Ahí vamos en el proceso, con la intensión de entender todo bien.

El libro: Build Your Own Website The Right Way Using HTML & CSS, 2nd Edition

Portafolio

www.alejandraosorio.com

Cronograma

Cronograma Una Gota de EcoCronograma 2011

7-11 de febrero
Asesoría Tecno parque SENA
Reunión Gamatec
Consulta sobre llaves y tuberías.

14-18 de febrero
Reunión Gamatec
Definición del diseño sonoro

21-25 de febrero
Visita a Aguas de Manizales
Obtención de datos sobre el consumo real
Documentación

28-4 de marzo
Diseño sonoro-información

Solución Tecnológica

Arduino es la Solución....


Ya existen desarrollados sensores de flujo que funcionan con arduino, que son de fácil acceso económico.
Tenemos que empezar entonces con el proceso de adquisición de los mismos, y del microprocesador.
También hay que empezar con el entendimiento del lenguaje de programación. Para empezar con las pruebas.

Guía del sonido

______________________________________________________

Estamos en el proceso de recolección y creación de sonidos. 

Medición Casera

Debido a los pocos datos que Aguas de Manizales pudo brindarnos acerca del consumo promedio de una persona al lavarse las manos, hicimos el ejercicio de medirlo en nuestra casa.

Después de medir el consumo de 10 personas, se saca el promedio de 2,2 litros por cada 36 segundos.
Considerando los 2 litros como un consumo regulado.

Cronograma

7-11 de febrero

Asesoría Tecno parque SENA

Reunión Gamatec

Consulta sobre llaves y tuberías.


14-18 de febrero

Asesoría Tecno parque SENA

Reunión Gamatec

Identificar sensor de flujo

Definición del diseño sonoro

Electrónica-Verde

Información llaves - Tecnoparque

En el tecnoparque estamos empezando la recolección de información sobre las llaves, para ir direccionando el uso de las mismas en el proyecto.


Tipos de Grifo

Los grifos son diferentes de las llaves.

Las llaves son las que permiten el paso del agua o cortar su flujo, los grifos son los que difieren entre caliente y fría, dependiendo del que sea se necesitan dos vertientes o una.

Proyecto Paralelo - Laboratorio Sensor

Sensor. Laboratorio de investigación en imagen, sonido, háptica y control. Universidad de Caldas.

Lo que se ha realizado en este semestre como proyecto paralelo, ha sido el apoyo a la construcción de la págna web del laboratorio. Se ha intervenido en la fase de recolección y clasificación de la información que irá dispuesta en la página. Lo que comprende Investigaciones, proyectos, documentos escritos, videos e imágenes de lo que se ha realizado en el laboratorio.

Después de esto se ha procedido a replantear aspectos de la interfaz, como categorías, redes sociales a vincular, disposición de la información.......
También se han hecho modificaciones del logo y planteamientos a su aplicación tanto en el sitio web, como en soportes físicos.
Tener esta vinculación con este proyecto al laboratorio, ha sido una experiencia de aprendizaje enriquecedora, agradezco mucho a sus integrantes.
El proyecto paralelo este semestre tuvo una intensidad horaria de 6 horas semanales. Se está trabajando con el profesor Mario H. Valencia, y Santiago Rubio.

Exposición Proyecto

Aquí está la presentación para la exposición del proyecto "Una Gota de Eco". (Megaupload)

En ella esta la explicación del proyecto, desde el concepto, hasta la aplicación tecnológica, además de la demostración en video de como la persona percibe los mensajes sonoros o  infografías (dependiendo del tipo de pantalla para visualización), y el video-prototipo. 

EXPOSICION descarga

Documento Anteproyecto Una Gota de Eco

ANTEPROYECTOGOTADEECO

Alternativas para el desarrollo tecnológico

Fuimos a una reunión donde nos contaron que es el tecno parqué, para acceder a asesoría es necesario inscribir el proyecto, Hoy tuvimos la primera!

también tuvimos una asesoría con un estudiante de ingeniería electrónica... escribíamos a la par que hablaba y este fue el resultado.. luego montamos el documento arreglado.... estamos pendientes de más soluciones... seguimos consultando.

Bathroom innovation awards 2010

Encontramos este proyecto que nos salió adelante!! una buena realización, cambia en la parte sonora, pero consta de una pantalla táctil, en la que se ven registrados los datos de consumo como medio de conciencia para el usuario... Le escribimos al diseñador con fines de asesoría esperemos a ver que pasa.....

http://dandesign.org/

Esta imagen es una infografía de la construcción de la llave..... puede servirnos....

datos de la tecnología a utilizar en Una Gota de Eco

Conversando con algunos amigos ingenieros, nos dan unos atisbos de solución aparte de processing y arduino,

-un sensor de flujo, conectándolo a un microcontrolador y luego conectar el microcontrolador a un computador
-También nos dan la opción de llevar el proyecto al tecnoparque del sena, donde apoyan tecnologicamente los proyectos de innovación...
....

Seguimos consultando.....

Video Prototipo

escrito- Una Gota de Eco

Origen… 

El proyecto una gota de eco (instalación reactiva) fue concebido después de una acercamiento previo a las categorías que competen o se abarcan en el taller de profundización digital, la elección de instalaciones reactivas se hizo por el alcance y poder comunicativo que tienen en una sociedad como la nuestra, además de ser un campo poco explorado en la ciudad.

También se plantea desde la visión de una situación ecológica actual, que demanda atención y acción, y dónde el diseño puede ejercer un rol importante y responsable, comunicando la problemática actual y concienciando a la comunidad sobre el uso adecuado del recurso hídrico, a través de estructuras de comunicación innovadoras que involucren a la sociedad.

Gota de Eco - Pecha Kucha

Video realizado para explicar el proyecto - modelo pechakucha

Portafolio - Correcciones

Se realizaron modificaciones a los íconos de impresos y Biografía, ya que no tenían suficiente fuerza

y se perdían en la estructura. Se plantean entonces íconos con más peso cromático, sin perder relación con el resto de la apariencia del portafolio. Como se puede ver en la siguiente imagen.

Resultados más rápidos -

Google agiliza la búsqueda y se evita abrir pestañas. - El usuario verá una miniatura de los resultados

http://www.elpais.com/articulo/tecnologia/Resultados/rapidos/elpeputec/20101109elpeputec_6/Tes

Portafolio-anexo

Pantallazo imagenes faltantes
Video Animación. (con el que se pretende potenciar la metáfora objetual del portafolio, y de cada uno de los objetos que se mostrarán en las categorías.)

logo gota de eco

hemos creado el logo de nuestro proyecto GOTA DE ECO.!

Wiki - Twitter - Blog

Cuenta de Twitter: @aleosooso

Wiki: http://unagotadeeco.wikispaces.com/

Bookmarks: http://www.diigo.com/user/alejandraosorio

Red Social: IXDA. nombre de usuario Alejandra Osorio Osorio

Blog sobre lectura y música: http://lirelamusique.blogspot.com/

Portafolio - Leyes de simplicidad John Maeda

Portafolio Alejandra Osorio Osorio – Leyes de Simplicidad. John Maeda 

El portafolio maneja una metáfora Objetual, Los elementos gráficos de la interfaz aluden a ello, logrando caracterizar el estilo propio del diseñador. Se plantea una navegación hipermedial donde el usuario pueda acceder de manera sencilla a cualquiera de los contenidos desde cualquier nivel del portafolio, propiciando así la inmediatez de la información.

Interfaz Transparente

Empezando a escribir....

Una Gota de Eco propone la interacción del usuario con un objeto común, como es la llave del agua, esta interacción trasciende de éste sistema básico de entrada y salida, que media la necesidad del usuario del recurso hídrico, con la satisfacción del mismo; convirtiéndolo en un sistema que le brindará al usuario información sonora, acerca del ahorro del agua, a partir de una recolección previa del consumo que el usuario haga de la misma.

Portafolio - Imágenes

El portafolio maneja una metáfora Objetual, Los elementos gráficos de la interfaz aluden a ello, logrando caracterizar el estilo propio del diseñador. Se plantea una navegación hipermedial donde el usuario pueda acceder de manera sencilla a cualquiera de los contenidos desde cualquier nivel del portafolio, propiciando así la inmediatez de la información.

Espíritu de la época - Una Gota de Eco.

El espíritu de una época es lo que une a todos los que la viven, ese espíritu les da una identidad a los individuos, les da una identidad en el tiempo, y en los espacios que habitan.
Las épocas pasadas se han caracterizado por diferentes espíritus, en la edad media fue el Teocentrismo, en el Renacimiento fue el antropocentrismo, en el Barroco fue el placer, la exaltación de los sentidos y de las formas.
Nuestra época tiene un espíritu combinado, individualizado y focalizado. No hay un espíritu absoluto que la defina, pero tiene muchas influencias que la caracterizan. El orden de esta época está dado por el poco contacto con personas, y por la personalización de objetos, de espacios y de experiencias.

TUI—tangible user interface - Hiroshi Ishii

The key idea is giving a physical form, a tangible representation, to information and computation; this differentiates our approach from the graphical user interface. The tangible representation is tightly coupled with the computation inside the computer, but the representation is physical, so that it also serves as a control mechanism, allowing people to directly grab and manipulate. By doing so, they can control the internal computation or digital information. So the coupling of tangible representation and control is one of the key features of the tangible user interface.

Hiroshi Ishii - Designing Interactions

Además de poder controlar desde un objeto, la idea es experimentar con estimulos más allá de lo visuales, el tacto, el oído... que brinden otro tipo de experiencia y de conocimiento al usuario. La información sonora juega un rol importante en el desarrollo de la instalación, y el tacto y el movimiento de la llave, son determinantes para la interacción y el funcionamiento del sistema.

Alessandro Vali - Notes of Natural Interaction

“El exito de una interacción natural depende de como se influencia en la experiencia de las personas, generar asombro, diversión, satisfacción y tal vez responder sus cuestionamientos.
crear la ilusión que estan frente a algo que esta vivo.
Una interfaz natural activa las dinamicas cognitivas y ciberneticas que las personas comunmente experimentan en la vida real, sin lidiar con lo abstracto, pero si con objetos reales, de esta forma disminuye la carga cognitiva y la atención que el usuario debe tener para procesar toda la información.

Del Objeto a la Interfaz, Gui Bonsiepe . Piscitelli.

Del objeto a la interfaz. Las pulidas y sanas teorias de Gui Bonsiepe

por Piscitelli

Artículo

La oposición de las dos culturas

Durante mucho tiempo la opción mas señera entre formas de ver (o de sentir) al mundo fue la que opuso la primera cultura a la segunda cultura. Que enfrento a las ciencias blandas en contra de las ciencias duras. Que opuso las matemáticas contra el arte. No es fácil determinar como y cuando emergieron estos dualismos, pero que hicieron (y siguen haciendo) mucho mal es algo que constatamos a diario tanto en la academia como en las empresas, en la cola del banco como en el estadio de fútbol.

Referencias, para Una Gota de Eco

En la página de "Entresuelo", se pueden observar objetos con un diseño enfocado a la experiencia, que es en gran parte lo que nuestro proyecto busca darle al usuario a partir de su interacción con el objeto.

http://www.entresuelo1a.com/

En el siguiente link se puede ver, la tematica del recurso hídrico, llevada a la conciencia por medio del diseño de baños "ecológicos", que se concentran en el reciclaje del agua por una conexión de tuberías entre el lavamanos y el tanque de agua.

http://www.home-designing.com/2009/09/bathrooms-of-the-future

En water.org, y en http://www.waterfootprint.org/?page=files/home podemos acceder a datos reales sobre el agua, para llevarlos a la realización de la instalación.

Fun Theory

Es un buen ejemplo para mostrar el tipo de experiencia que se quiere generar en el usuario, y el uso del objeto mismo como interfaz, dónde no se le exige al usuario un conocimiento diferente para interactuar con la instalación.

Alessandro Vali - Natural Interaction

Presenta el concepto de Interacción natural, aquí en su página se encuentran unos buenos ejemplos de la interacción natural entre objetos, ambientes y usuarios

http://www.naturalinteraction.org/

Asignación Proyecto Paralelo

Se ha asignado como proyecto paralelo de la profundización de diseño digital, la colaboración en la realización de la página web del laboratorio SENSOR

LABORATORIO DE IMAGEN SONIDO HÁPTICA Y CONTROL

El Laboratorio Sensor es un espacio de creación fundamentado en unos lineamientos temáticos y un soporte de base tecnológica y, donde investigadores y creadores encuentran la posibilidad de realizar sus proyectos de investigación y desarrollo (I+D), abordando temas enmarcados en diseños de ambientes poliperceptivos construidos a partir de la relación entre medios sonoros, visuales y tangibles soportados por tecnologías digitales. Adicionalmente el laboratorio cuenta con un espacio físico dotado de elementos de hardware, software y un equipo de expertos que permiten asesorar y viabilizar las propuestas planteadas al laboratorio.

Partiendo desde un mapa de navegación y unas categorías de información ya establecidas, se procede a ordenar la información y a clasificarla en las categorías respectivas, para tener los contenidos definidos, y después proceder a implementarlos en la página Web.

Análisis Portafolio Juan Pablo Velásquez Salazar

Análisis Portafolio

Juan Pablo Velásquez Salazar

http://www.juanvelasquez.110mb.com/

El portafolio mantiene una unidad visual, en cuestiones de interfaz, hay un buen uso tipográfico, ya que no hay un uso indiscriminado de este recurso, los elementos de la interfaz gráfica de usuario, son principalmente tipográficos y no tienen una legibilidad demasiado clara ya que no tienen una relación muy definida de contraste, y no son fáciles de ubicar a simple vista. Utiliza una geometría simple y un buen uso de tamaño que deja espacio suficiente para la visualización de los trabajos. 

Una gota de Eco

Una gota de Eco -

Alejandra Osorio Osorio, Juan David López Herrera

Es una instalación reactiva que pretende hacer uso de las llaves de los lavamanos en los baños públicos, como una interfaz transparente por medio de la cual se accedería a informaciones sonoras que llegarían al usuario, impartiendo datos sobre el consumo de agua en tiempo real(escucha semántica), sonidos exagerados como cascadas o grifos expulsando mucha agua (escucha reducida),

haciendo uso de cronómetros y contadores que midan el tiempo y la cantidad de consumo, para poder entonces a partir de eso dar una información determinada al usuario.

Portafolios

cubemen.com

Este portafolio claramente evidencia la intensión de mostrar material de ilustración digital.

Tiene una sencillez visual, y un buen y consistente uso de tipografía.

Navegación hipermedia, simple, fácil de entender, no tiene un componente alto de innovación.

Maneja una estructura irregular como cuadricula para ubicar las imágenes(completas) de los trabajos en la galería, pero sin causar un caos visual, sino más bien un sutil dinamismo. Maneja como recurso más notorio el contraste, tanto de la tipografía con el fondo como de los colores, resaltando los trabajos y su riqueza cromática sobre los colores de la interfaz.

Casos de Estudio

(Calificación en la parte inferior del blog)

Casos de Estudio

Conectando Espacios:

Creativoscolombianos

http://www.creativoscolombianos.com/

Red latinoamericana de diseño

http://www.rldiseno.com/

Publicación Colectiva

http://wikanda.cordobapedia.es/wiki/Portada Mayor locapedia abierta del mundo.

http://notaland.com/ Compartir elementos multimediales sobre temas específicos, y posibilidad de compartir los resultados en blogs y comunidades virtuales.

Categorías en Diseño Digital (1)

(Calificación en la parte inferior del blog)

Tecnología Apropiada:

"hacer las cosas de una manera barata y efectiva, controladas por la gente de un contexto determinado, métodos que se adapten a las necesidades y habilidades de las personas. Tecnologías desarrolladas de acuerdo a la disponibilidad de recursos del contexto mismo. "

Conferencia AER

Conferencia, 14 Agosto de 2010

" La Interacción no va hacia el Diseño Web "

Dejo aquí los links recomendados por Cristóbal Castilla, en la conferencia, por si quieren dar un vistazo.

www.uva.com.uk
www.quayola.com
www.trsp.net
www.touchelliss.com
www.wefeelfine.org

www.aerstudio.com

"la objetividad entre paréntesis"

Después de una recomendación leí algunas cosas de este científico y encontré este texto sobre la objetividad, que me parece interesante para entender un poco más...o al menos tener otra visión sobre la percepción y la experiencia humana que se deriva de ella.

ENTREVISTA CON HUMBERTO MATURANA
(La objetividad entre paréntesis)

Desde los trabajos sobre la visión en la rana y la percepción de los colores que lo hicieron famoso en los años 60, Humberto Maturana (biólogo, chileno y hoy investigador del MIT) ha recorrido un largo camino de crítica radical a la ciencia pura y dura. La pregunta por la cosa no se puede responder sin incluir a quien la observa, dice.
Por Denise Najmanovich y Ana María Llamazares

William Blake

El árbol que mueve algunos a lágrimas de felicidad,
en la Mirada de otros no es más que un objeto Verde
que se interpone en el camino.
Algunas personas Ven la Naturaleza como algo Ridículo y Deforme,
pero para ellos no dirijo mi discurso;
y aun algunos pocos no ven en la naturaleza nada en especial.

Pero para los ojos de la persona de imaginación,
la Naturaleza es imaginación misma.
Así como un hombre es, ve.
Así como el ojo es formado, así es como sus potencias quedan establecidas.