Étape 10 : Techy - bâtiment l’interface visuelle
Regarder profondément dans le cerveau collectif...
Une des caractéristiques clés que je voulais pour le lecteur de Fortune psychique a été que l'on peut voir dans son esprit en temps réel, comme c’est la numérisation les pensées collectives de la conversation Twitter. L’écran sur sa tête est une fenêtre dans son cerveau.
Il est également nécessaire d’avoir une zone de formulaire simple permettant aux utilisateurs d’interagir en entrant leur nom d’utilisateur Twitter.
Visualiser la discussion
J’ai voulu que la visualisation doit être un essais randomisés animés quelque chose, mais je n’étais pas sûr de ce qui pourrait fonctionner. Tout en errant sur le web, essayant de trouver des idées, j’ai trouvé un exemple assez bonne visualisation par Jer Thorp. Respect à lui pour éteindre un exemple clair. Sa visualisation est essentiellement en utilisant Twitter pour obtenir une liste de mots, puis présenter cela en affichant ces mots au hasard se positionne sur l’écran. Voici son exemple très admirable et très pratique.
http://blog.blprnt.com/blog/blprnt/updated-Quick-Tutorial-Processing-Twitter
Exemple de jer a un simple texte blanc sur noir et travaux de calcul de la taille de l’écran, puis placer au hasard le texte à l’intérieur de ces limites. J’ai joué avec ce code. J’ai eu non pas un, mais quatre sous-ensembles des types de données : mots, les hashtags, les noms d’utilisateur et les URLs.
J’ai donné chacun d'entre eux une gamme distinctive de couleur et de taille. Pour chaque type de données, les mots sont affichés avec une couleur distincte et l’écart maximal entre min et max valeur. Cela a fonctionné à merveille.
Voici une visualisation d’une discussion au MuseumNext d’Amsterdam mai 2013
Éléments d’interaction de l’interface
L’autre besoin était pour une zone d’entrée de l’utilisateur. Cela a été gérée par une bibliothèque de traitement pratique appelée ControlP5, rédigés par Andreas Schlegel, une autre personne digne de respect pour leur libre partage de cette bibliothèque très pratique.
www.sojamo.de/libraries/controlP5/
La forme est très simple et est un groupe bannière, une saisie de texte et une étiquette de texte...