Fechas: Diciembre 05 y 06 de 2016
Por: Tatiana Mahecha, Leidy Sánchez y Gina Muñoz
La infografía interactiva es una integración de un sistema de hardware y uno de software cuyo propósito es disponer de una infografía física que contenga alguna información básica y que al ubicar fichas sobre ella se pueda ampliar la información de una sección específica, en un formato digital.
La infografía interactiva tiene cuatro elementos
fundamentales: el Hardware, el Software, la estructura del sistema y por último
la comunicación. En el software se utiliza Processing y un editor de XML. Este software está diseñado de tal forma que sólo es necesario modificar un XML para poder cambiar los contenidos. Adicionalmente, el software puede funcionar sólo con teclado (para cambiar los contenidos en caso de no tener Arduino) o a través de comunicación serial (Cuando se disponga de la infografía física y la Arduino).
Software
En estos enlaces se encuentran los programas de software:
El XML tiene una estructura de árbol diseñada para la infografía y que nos permite modificar el contenido de manera que si queremos hacer otras infografías no es necesario recompilar el software (re programarlo) sino que con solo modificar el archivo config.xml en la carpeta data será suficiente.
La estructura del xml es la que se muestra en las siguientes imágenes:
Hardware
En el Hardware lo que se utilizó Arduino.
Y... ¿Qué es el Arduino?, el Arduino es ese cerebro que se va
a programar para que sea capaz de comunicarse con lo digital, es decir
que el hecho de utilizar el Arduino es para reconocer qué acciones se están
haciendo y comunicarse con el Software. Al comunicase con el Software se informa a Processing qué debe mostrar según la señal. En este caso el contenido tiene tres partes: una imagen, un texto y un título.
A
continuación se mostrarán algunas imágenes de los diferentes tipos de Arduinos que se usaron en la clase:
UNO
Nano
Mega
Seguidamente la docente, hace un breve repaso
en cuanto al cableado que consiste en la estructura de la infografía y
posteriormente se dirigió a explicar el último
fundamento la comunicación y el proceso que hace el arduino en cuanto a la
información.
Posteriormente se realiza la instalación de los dirvers. Para la Arduino UNO y la MEGA, al instalar el software de Arduino se instalan los drivers automáticamente. Para el caso de la Arduino NANO, los drivers no son directos, por lo que es necesario realizar la instalación manual. Para los Arduino utilizados en clase, el driver es: http://www.geekfactory.mx/sin-categoria/driver-ch340-para-arduino-chinos-o-genericos/
En seguida se aprendió el manejo de Arduino empezando por el Hola Mundo (Hacer que un LED, conectado a una salida digital, titile) El siguiente ejercicio consistió en aprender el manejo de entradas digitales. Posteriormente se realizó un ejercicio para aprender a manejar la comunicación serial a través de Arduino (de lectura y de escritura). Finalmente, los estudiantes programamos Arduino para que al ubicar cada ficha (con un funcionamiento equivalente al de presionar un pulsador) enviara una letra de acuerdo con la configuración que se había realizado en el XML. A continuación un ejemplo del programa:
https://www.dropbox.com/s/q2kqkyyy3qukeoi/Info_Hardware.ino?dl=0
Algunas de las infografías construidas se muestras a continuación:
Algunas de las infografías construidas se muestras a continuación:
No hay comentarios:
Publicar un comentario