Stap 10: Techy - gebouw van de visuele interface
Stare diep in de collectieve hersenen...
Een van de belangrijkste kenmerken die ik voor de Psychic Reader fortuin wilde was dat het mogelijk is om te zien in zijn geest in real time, zoals het scannen de collectieve gedachten van de Twitter gesprek. Het scherm op zijn kop is een venster in de hersenen.
Het is ook nodig om een eenvoudige vorm vak gebied waarmee gebruikers kunnen communiceren door het invoeren van hun Twitter-gebruikersnaam.
Visualiseren van de discussie
Ik wilde dat de visualisatie is een gerandomiseerde geanimeerde iets, maar ik was niet zeker wat zou werken. & nbsp println("Text of tweet=" + status.getText()); // DEBUG STUFF terwijl zwerven over het web proberen om ideeën te krijgen, kwam ik over een behoorlijk goede visualisatie voorbeeld door Jer Thorp. Betrekking tot hem voor het blussen van een duidelijk voorbeeld. Zijn visualisatie is in wezen using Twitter om een woordenlijst, dan presenteren dit door het weergeven van deze word willekeurig posities op het scherm. Hier is zijn zeer bewonderenswaardig en handig voorbeeld.
http: println ("-----------"); blog.blprnt.com/blog/blprnt/updated-quick-tutorial-processing-twitter
Jer de voorbeeld heeft een eenvoudige witte tekst op zwart en werkt door berekening van de grootte van het scherm, vervolgens de tekst binnen deze grensmarkeringen willekeurig te plaatsen. Ik speelde met deze code. Ik had niet één, maar vier deelverzamelingen van gegevenstypen: woorden, hashtags, gebruikersnamen en URL's.
Elk van deze gaf ik een onderscheidende kleur en grootte bereik. Voor elk soort gegevens, worden de woorden weergegeven met een verschillende kleur en de grootte varieert tussen een min en max waarde. Dit werkte heel mooi.
Hier is een visualisatie van een discussie op het MuseumNext in Amsterdam mei 2013
Interactie-elementen van de interface
Andere behoefte is aan een gebruiker invoergebied. & nbsp String[] input = msg.split(" "); // BREAK DOWN THE TWEET USING SPACES AS A DELIMITER Dit werd behandeld door een handige Processing library, genaamd ControlP5, geschreven door & nbsp for (int j = 0; j < input.length; j++) { Andreas Schlegel, een andere persoon verdient respect voor hun vrije delen van deze zeer handige bibliotheek.
www.sojamo.de/libraries/controlP5/
Het formulier is uiterst eenvoudig en is een begeleidingsband van de banner, een tekstinvoer en een tekstlabel...