Paso 10: Techy - construcción de la interfaz visual
Mirar profundamente en el cerebro colectivo...
Una de las características claves que quería para el lector psíquico de la fortuna fue que es posible ver en su mente en tiempo real como está analizando el pensamiento colectivo de la conversación de Twitter. La pantalla de su cabeza es una ventana en su cerebro.
También es necesario tener un área de caja de forma simple para permitir a los usuarios interactuar introduciendo su nombre de usuario de Twitter.
Visualizar la discusión
Quería que la visualización debe ser un aleatorios animaron algo, pero no estaba segura de lo que funcionaría. Al mismo tiempo vagando por la web tratando de conseguir ideas, me encontré con un ejemplo de visualización bien de Jer Thorp. Respecto a lo de poner un claro ejemplo. Su visualización esencialmente está utilizando Twitter para obtener una lista de palabras, luego de presentar esta mostrando estas palabras al azar posiciones en la pantalla. Aquí está su ejemplo muy admirable y útil.
http://blog.blprnt.com/blog/blprnt/Updated-Quick-tutorial-Processing-Twitter
Ejemplo de Jer tiene un simple texto blanco sobre negro y obras cálculo del tamaño de la pantalla, y luego poner al azar el texto dentro de esos límites. Jugaba con este código. Tenía no uno, sino cuatro subconjuntos de tipos de datos: palabras, hashtags, usuarios y URLs.
Cada una de ellas di un rango distintivo de color y el tamaño. Para cada tipo de datos, las palabras aparecen con un color distinto y los rangos de tamaño entre un valor máximo y mínimo. Esto funcionó muy bien.
Aquí es una visualización de una discusión en MuseumNext en Amsterdam en mayo de 2013
Elementos de la interacción de la interfaz
Otra necesidad era para un área de entrada de usuario. Esto fue manejado por una librería de procesamiento conveniente llamada ControlP5, escrito por Andreas Schlegel, otra persona merecedora de respeto a su libre compartir de esta biblioteca muy útil.
www.sojamo.de/libraries/controlP5/
La forma es extremadamente simple y es un grupo de banner de acompañamiento, una entrada de texto y una etiqueta de texto...