Flash Multi-touch App

So as usual I’m catching up with blog posts. This is just one of the apps/games I’ve developed using the NUI Groups open source tutorials. We wanted an app that the user could draw/paint/colour with, basically a kind of artistic application. So here’s just some screen shots of the artistic results from the app. I have some live action video of the app at work I took that I have yet to edit and will put up at a later date.

This slideshow requires JavaScript.

Bus Shelter Construction

So we visited the gallery a couple of weeks ago to measure the area we thought would fit our shelter while also giving us the ability to control the lighting needed so that we could calibrate the touchscreen without having variance in light exposure and consequentially having to recalibrate it. From the measurements of the gallery space we designed the shelter so that it gave us space for all the equipment needed while also recreating a bus shelter environment relatively realistic. We made sketches of the bus shelter design with accurate measurements.  I got my boyfriend’s dad who is a carpenter to then start the construction of the bus shelter for us. We plan on then painting it this weekend and then doing some more user testing on it next week and adjusting and tweaking anything else that needs to be changed. We received the gallery space plan this week and we got our required space we wanted, which was great! No worries there! So here’s just a few images of one of the sketches we drew of the bus shelter:

This slideshow requires JavaScript.

Multi-touch Coding

Okay I haven’t updated the blog in while, Denise has been keeping it up to date on general things and her hardware development. Since we changed our idea I’ve been creating and developing playful, fun, interactive and multiple user applications and games as the content and instigators for causing interaction in the bus shelter. I’ve been using various tutorials and open source multi touch applications to develop the content for the touchscreen and also designing the logo and posters.

We’ve located tutorials from a group called the NUI Group where we’ve found multiple tutorials on creating multi-touch applications in flash as3. While Denise has been building the multitouch I’ve been using the mini multi-touch table we built originally to test the applications. We’re looking at have four games; fire/colours, drawing, bubble wrap and musical applications and have them randomly playing every few minutes or so.

Here’s a few images of the fire application tutorial I’ve been readjusting and altering the code to create a different type of flame and colours.

This slideshow requires JavaScript.

Inspirations!

So we’ve added a blackboard to the studio wall! We just sprayed it directly onto the wall! Room smelled for while after so had to go for lunch to  leave  it air out! We’re just gonna write on the blackboard what we need to do and rub it of when we’re done, so on so forth, for the next couple of weeks till we’ve nothing left to add! :P

We’ve also added a few images around the gantt chart for inspirations and encouragement while creating the our touchscreen and programmes. So here’s just a slideshow of the images:

This slideshow requires JavaScript.

Flash Programming

I’ve made a flash drawing application which allows me to draw over an image using a pencil tool and multiple colours, to change the size of the pencil tool, erase and save the image. We decided to start with just a normal flash application and then change it into a multi touch app after we have it working but after researching more into creating multitouch flash apps we found it wasn’t so simple as this. So we’ve begun to create a flash drawing app made for multi touch.

Here’s just a slideshow of some images of my flash drawing app:

This slideshow requires JavaScript.

UI Design – High Fidelity

This is the images for my high fidelity design of the user interface.  I’ve also done some user testing on this using the paper prototype method.  I basically gave them tasks to do and they had to carry out the task and then answer questions on their experience. I received a lot of helpful feedback from the user testing such as that they found it difficult to locate how to upload the video as it was different from the picture upload and so I should change this.  I have yet to make changes in the design from the suggestions and findings received from the user testings but will do so over the Easter hols.

Paper Prototype testing tasks and questions: UI – User testing

This slideshow requires JavaScript.

Previous Older Entries

Follow

Get every new post delivered to your Inbox.