aram’s blog

To work continuously in related subject from midterm project - Tree Map, I did several graph visualization on Processing.

First, I attempt to create a simple graph with few nodes. My personal interest of movies has become the content of this graph, either movie title or name of the actor, director are shown in each node. Again, most important thing was not to show a beauty of floating text boxes, but to depict the ‘relationship’ between each word. In this example, people can see how James Cameron and his movies hatch actors who can be related to different movies.

Second images shows a ‘mess’ when dealing with a large number of data, later on these nodes+text combinations will become small sized ellipses.

Before taking a further step to utilize xml data parsing, I attempted pulling up data from my local hard drive. As a result, it shows segments of words in one of my .doc file ( I specified this file to show ‘text’ data into nodes rather than only specifying a folder. That would show a meaningless data.)

Finally, after several polishing on the visual part of the code, it shows following visualization with a kind of ‘halloween’ color scheme. It might look ‘pretty’ in a way, however, I am not fully satisfied with this result which could be meaning ‘all substance but no meaning’. This is, also, the main thing that I learn from this project. Creating data-visualizing isn’t that difficult, especially with all dynamic sources around. However, taking further step in order to make your visual more meaningful could be totally different thing. In code-wise, I know what I am lacking of- utilizing more dynamic data type. Parsing xml data would be a good example.

More refined version is the image shown below. It took me some time to figure out how to command ‘count’ to size the ellipse, and for the interaction, removing rollover and let some relatively large ellipses with more word frequency stay as they are when applet running.

aram_simonstabs_3

This game will have two players with two monitors in center facing each player. One player starts game by stabbing the space between fingers at any sequence, then ‘challenger’ should mimic the sequence exactly. In case any mistake was made by the challenger, game will be over.

That’s it. Simple, but rather than ‘following’ the typical rule of five finger fillet, players can create their own rule in very similar way of playing Simon Game. In Simon Game, player should ‘remember’ the sequence of four different colored buttons highlighted and replay it. As number goes higher, the player will have trouble remembering all sequence then make a mistake, game is over.

In fabrication, main platform will be made of wood to create a ‘table’ (this is because knife-skill is played on either a chopping mat or table(like Bishop in Alien2), copper mat will be placed for making scoring areas, Ipac+USB to create keyboard output.

1) What are the three big problems that you expect to have during the production? How will they affect your timeline schedule? How do you intend on solving them up-front?

• Flash! Although what I am planning to build in Flash seems ’simple’, I expect that completing Flash movie files will be the most time-consuming work among others. Therefore, I should put more hours to figure out two-interface for two-players and more complicated scoring system in Flash first, then move to fabricate the whole platform
• Difficulty to trouble-shoot any coding issues - posting them and asking helps fast
• Tendency to get stuck in fabrication - smart way of time-budgeting required

2) Which hardware does your project require? Do you have it all at hand? If not, complete an order of the equipment by next class.

• Wood plate/ Copper Tape(prepared)/ Wires(assorted)/ Ipac(prepared)/Push Buttons(Ordered for testing)
• Two monitors/Two desktops - Exhibition setting (will be requested to admi

3) Provide a timeline of milestones to be acomplish each week, on these dates:

April 1: I missed this class due to my sickness.

April 15: At least one platform for one player should be done in prototyping quality.

Though I came up with how to make the static mouse interaction more dynamic, I wanted to go a little further with ‘video -tracking’. Copying the code that manipulate mouse cursor interaction from last scratch with Vitamin Water bottles image wasn’t difficult, however, the video showed lots of noise which I thought unnecessary. I called my classmate who’s fluent with coding for help to eliminate noise, and he made it. Results are shown below:

As the prototype did, this application initially makes the captured image grayscale, then mouse cursor reveals a kind of ‘curtain’ effect with colorized part of the image.

If your cursor positioned anywhere around top of the screen, it will show black background like above. This effect is basically from Dan’s sample code- grab and brighten.

I changed my direction to finalize ‘fivefingerfillet’ game for my final and possibly ITP spring show exhibition after 15 minutes meeting with Amit. In order to enhance current piece of work, it appears to be challenging to create more ‘playful’ interface with simple-minded approach - make it ’six-button game’.

I’ve been skeptical of having knife thing even if it’s not harmful, finally decided to get rid of it. Instead of knife, I came up with ‘legs’ mounted on the whole body of system, then each leg would be moving up and down when player presses push buttons on top. They will still can provide similar feeling of ‘knife’ stabbing from top, but only with sound and movement.

One important rule about scoring is not just pressing different buttons fast, but pressing combinations of two buttons fast. For example, each space between fingers could be named as numbers from 1 to 6, then 1-6, 1-5, 1-4… will be the scoring combo.

Also this game will be connected to video of ‘bishop shows his knife skill’ part from the movie Alien2. Seeing the movie clip, players will be encouraged to produce faster speed to make Bill Paxton scream.
Read the rest of this entry »

A graph is a collection of elements, usually called nodes, linked together by edges(sometimes called brances). It is a common structure for mapping connections of many related elements. This is partly because the visual representation of a network shows the sort of connectedness that makes sense to someone familiar with the data, whether as a free-form map of associations written out on paper (sometimes called a mind map). - From Visualizing Data by Ben Fry

I decided to show a collection of words by using of “Mind Map” type of graph layout. What I will propose is not a big leap from the quote from the book above, but I believe it’d be a good ‘review’ of this semester doing next steps of data visualization that I have done this midterm - Tree Map.

Contents that I am going to use are up in the air for now, mainly because I want to focus more on the structure of how each element relate each other(e.g. nodes) on either Eclipse or Processing. However, after I presented overall concept, plan and thoughts for my final, Dan gave me a good ‘tip’ and examples of what could be the good ‘contents’ that fill the mind map - participatory platform of collective thoughts(or soul) from audiences. Similar to many mind-mapping software, mine could have blank area that user can fill whatever word that strikes his mind, keep gathering them, and finally shows them in networked map with minimal graphic touch on

Thanks to Maria, my classmate of A2Z, now I have a little sense of analyzing codes samples that I will need.

Inspiration and related links are below.

simple graph demo

Maria’s midterm

My idea for final project goes back to very first idea from early this semester. ‘A clock for visual impaired personnel’, I came up with a ‘touchable’ clock idea with several sketches and prototyping model. Since I was not fully prepared for user-testing at that time, colleagues guess of ‘what time is it?’ went all wrong, even the prototype was broken by someone’s pressing too hard on the surface.

Yes, I learned a lot this much hard-way, this experience was even more worthy enough to immediately come up with next ‘obvious’ corrections such as durability, softness of fabric, and most importantly(from Amit), prototype should have ‘function’ that creator intend to show even if it’s hard to realize. - mine was to make people ‘feel’ the roller underneath the fabric.

Now I am researching the roller from data sheet of ‘massage chair’ manufacturer in order to figure out technical difficulties when it comes to ‘minimizing’ it to the size that can fit into palm-sized clock.

1) What are the three big problems that you expect to have during the production? How will they affect your timeline schedule? How do you intend on solving them up-front?

• Lack of electronic parts ordering/surveying experience
• Difficulty to trouble-shoot any coding issues - collaborating required
• Tendency to get stuck in fabrication - smart time-budgeting required

2) Which hardware does your project require? Do you have it all at hand? If not, complete an order of the equipment by next class.

• A clock. typical one. should be palm-size or slightly larger but not too gigantic.
• Roller. Possibly be customized. Survey required.
• DC motor (or Servo motor? )
• Power supply or battery bo

3) Provide a timeline of milestones to be acomplish each week, on these dates:

April 1: I missed this class due to my sickness.

April 15: At least one roller should be working with the cover fabric mounted on top of the clock.

Welcome to WordPress. This is your first post. Edit or delete it, then start blogging!

I got intrigued by Chuck Close’s painting from last class when Dan showed us several artists’ works for inspiration.