The amazing world of Audino.

So our ideas have all fallen in to place. Were happy with what we want to achieve and are ready to get down to business.

Until recently none of us had really a strong idea about how we were going to tackle what seems now an easy task but that's thanks to Lee Nutbean.

So our first challenge was to work out how we would pick up the traffic light transition to red. At this point we were introduced to arduino.

Arduino  

"Arduino is an open-source electronics prototyping platform based on flexible, easy-to-use hardware and software. It's intended for artists, designers, hobbyists, and anyone interested in creating interactive objects or environments."

Over the course of the last few weeks we've been toying about with arduino, processing and general errrm stuff. I had never seen this technology before on a hands on basis and was really keen to get to grips with it. What made it so fascinating is that all code designed for anything arduino is open source! Ideas being shared on a global scale, lovely! So a lot of inspiration was available quickly and easily. As you can see from this video some really cool things can be done.....

How do they work?

Put simply, Arduino boards do what they are told. Using processing/Arduino which is freely available on the web, users can programme a set of instructions and upload them to the boards. Users can set the code to be run automatically but what makes these boards a cool subject is that light/sound pretty much any sensor can be applied to them. So now we knew what we would be using to detect the traffic light turning red!

Now we have arudino technology geing used in our project which is not only a useful technology it is also cost effective. Now we had to think of a way of producing a cheap wireless communication between the light sensor/Arduino board to the laptop/computer we are going to use to show our Flash projection on the Dance Academy.

Twitter.

Twitter is obviously a social craze, one of which all us IDAT'ers have jumped on board with.
Its easy enough to put a simple twitter widget into your website but im not happy with that.

Ive decided that im going to use my uber flash skillz ( which arent so uber) to make my own widget.

Not an amazing idea, but its going that extra step.

Blood, Sweat and Photoshop.

I wasn't happy at all with the pure beginner standard of my website. Not impressive at all. So once again i set out to redesign the whole site, with a more web 2.0 aesthetic, but while keeping the same colour scheme.

So here it is...Ta daaaaa

.

The sidebar has greatly been improved visually.
The website as a whole has a more pleasing user experience now.
I think headers are too bulky so i got rid of it and designed a new logo to replace a bulky mess.

Im still working on roll-overs, and i have a problem that when i zoom out the background moves away from the content, this being due to the background being a JPEG. Probably a simple solution, one which ill find :).

How we got this far

Our plan is a happy plan. Meaning we are happy with it.

We've gone from idea to idea and finally settled on what we want to do, but the main aim has always been to send a message that circles the idea of how controversial buildings such as our one have been in the space of stonehouse.

Over the past few lectures we've also been discussing what technologies we are going to incorporate into our project meaning how we are actually going to make our design work.

So a brief run-down...

How are we going to use data?

Using RSS ("Really Simple Syndication") is a family of web feed formats used to publish frequently updated works—such as blog entries, news headlines, audio, and video—in a standardized format.- wikipedia)

So here's a small layout of our plan....

1. 
   
    Traffic light turns red
2. 
   
   Light sensor picks up this action
3. 
   
   wirelessly communicates with processing/audino
4. 
   
   Displays RSS feed until red light changes.
5. 
   
   RSS feed will be incorporated into a flash animation.
6. 
   
   Flash animation ends when traffic light turns from red to orange.

RSS in general is for me a piece of coding genius. Such a simple idea and integrates into browsers so well, but what made RSS so appealing is the constant updating of any given feed. Take BBC news, each headline is posted into the feed for any reader to see quickly and easily. So as luck would have it the dance academy building has its own feed here http://www.thisisplymouth.co.uk/danceacademy via the herald.

Even though its not updated daily perhaps even weekly, if it was it would provide a different experience for the public.

So we plan to project this feed in a way in which the public who see it talk about it afterwards. Perhaps simplicity could be the way forward with this?

So now we know what information we want displaying and how we want it to work. The next step is to figure out how we will do it.

Back to buisness!

Our project is now developing and evolving into something I think we as a group are all going to be proud of. In relation to previous post's our concept for the project has changed significantly.

We moved on from the Mise en Abyme effect because, while it did look cool we weren't sure how to incorporate it into our project with significant meaning. We also decided that we were going to use skills we actually had as opposed to ones we didn't HA! So we've thought about having a flash based projection involved in our work.

Next, ideas circling the history of the building also began to fade due to lack of ideas. Its also a subject we think that many of the Plymouth people may know about but aren't so up to date on recent news involving the Academy's closure etc.

Therefore we focused on the more recent state of the building as a nightclub "the Dance Academy". Drugs dancing and crime are three topics that spring to mind when the Dance Academy is mentioned so our visualisation via the projector was going to incorporate this, very controversial but yet it may send a message to the public and hopefully council, kind of what were aiming for.

Instead of having a boring and perhaps tacky looking questionnaire on a website built by us, we've decided to use RSS feeds. So we intend to use the data from an RSS feed that relates to Union Street or better yet the dance academy and project it onto the chosen location which is now point B on the map in a previous post. This location has been chosen because we want our main audience (The people driving through) to see it, so we are going to have our entire project somehow be activated by the traffic lights at the pedestrian crossing right in front of dance academy.

We want the effect that hopefully people in the cars will create a mini traffic jam due to focusing on our projection in Stonehouse. Therefore publicising our work via word of mouth instead of us trying to promote a website with a questionnaire used for data they probably don't care about. This way it happens automatically without anyone's input.

We think this is a much better approach of A. incorporating contemporary technology formats, and B. making people stop and stare, and being as that's what we are trying to achieve it makes sense.

So then....

OUR IDEA IN A BUBBLE !

1. Taffic light at crossing turns red

2. 
   
   RSS feed is displayed.

Sounds simple, ahhh well no. Many technologies have to be incorporated to make this work, and we must choose which ones will work best, whilst bearing in mind cost and practicality. However hopefully its going to look something like this...

-

( courtesy of www.pixel13.lukemears.com)

Design update

So i went ahead and changed the website logo to match the twitter layout. Looks much better and more coherent. Also my header now doesn't use the reapeat-x function in the CSS file. Instead my header is now a singular .PNG file. Much better.

The design falls into place

www.busy-signal.co.uk 2.0!!

Check the new design yo, nothing amazing or even that special but ive got a colour scheme that a like and think works. The header will need more work it doesn't exactly fit, in fact after taking this very screen shot its easy to see that the logo needs an entire rework but still a vast improvement from how busy signal 1.0 looked.

As for the code itself, using twitters website ive incorporated my latest tweets into the sidebar of all my pages.

The script....

<script>
new TWTR.Widget({
  version: 2,
  type: 'profile',
  rpp: 6,
  interval: 6000,
  width: 250,
  height: 300,
  theme: {
    shell: {
      background: '#1590ce',
      color: '#fafafa'
    },
    tweets: {
      background: '#151a4d',
      color: '#f704ff',
      links: '#1590ce'
    }
  },
  features: {
    scrollbar: true,
    loop: false,
    live: false,
    hashtags: true,
    timestamp: true,
    avatars: true,
    behavior: 'all'
  }
}).render().setUser('busysuk').start();
</script>

Im in the process of converting my blog to Wordpress so that should be on the website very soon. stay tuned....