Category Archives: Stage 1

Website


Changelist:

  • Menu -relocated
  • Menu – changed to look like tabs
  • Menu – now consistent across browsers
  • Networking icons – reduced file size
  • Networking icons – moved to the left and made vertical
  • Various fixes and improvement to style.css
  • Tidied up code
  • Moved style images to seperate folder

Experimenting with:

The latest experimental version of my site can be found at http://www.jonathanredwood.co.uk/beta/

IDAT106- XML Parsing

After several hours I’ve managed to cobble together some actionscript 3 to parse the XML information outputted by the program we are using.

xmlLoader.addEventListener(Event.COMPLETE, LoadXML);
xmlLoader.load(new URLRequest("data.xml"));

function LoadXML(e:Event):void {
xmlData = new XML(e.target.data);
Parse(xmlData);
}

This loads and reads the XML document and sends it to be Parsed.

This is the start of the code seeks out data by its tags and puts it into array. An if statement is used for each tag and i++; is used within the last if to cycle the array index.

var address = new Array(); ...

function Parse(Input:XML):void {
var Children:XMLList = Input.item.children();

for each (var Info:XML in Children) {

if (Info.name() == "address") {
address[i] = Info;
}
...

Inorder to load date information which comes in this form: 4/03/2010 11:53:33, into a form the times can be compared to find the greatest and lowest of all of them I used substring to extract them and then joined the data back together.

Fdetect[i] = temp.substring(11,13) + temp.substring(14,16) + temp.substring(17,19);

if (Fdetect[i] <>
style="font-size:78%;">Earliest = Fdetect[i];
}

If the current value is less then the stored lowest value then it replaces it. This allows me to automatically find the earliest and latest time for all of the data which is useful for visually representing it.

IDAT106

After weighing up the benefits of both ways of doing our project we have decided that the use of Arduino, though exciting, is over complex and that collecting the data using a laptop will allow us to focus on the visual element of our project.

After various inquiries using ardiuno for this project is possible however the original intention and motivation to have a number of small units left unattended is not achievable.

I will continue to post regarding Arduino as I would like to do a project using it at some point in the future.

IDAT101 – New Look

Over the last few days I have been working on the appearance and functionality of my website. I don’t consider this to be what I want it to look like but more as an intermediate step towards getting there.

  • Replaced H1 with digital signature using CSS, text is hidden yet keeps its SEO value.
  • Made clicking on logo link back to main page.
  • Replaced entire header with a single image.
  • Switched entire site to .php
  • Added automatic year updating functionality to copyright statement.
  • Cropped and merged a number of pages.
  • Cleaned up image locations on server.
  • Updated all links.
  • Moved navigation menu position.
  • New favicon.
  • Altered .htaccess to direct 404 errors to 404.php.
  • Removed all iframes.
  • Removed all facebook API integration.
  • Replaced invalid embedded flash code with valid code.

Known issues:

  • Navigation menu stretches vertically in IE6 & IE7.
  • Navigation menu could look better.
  • Blog page loads awkwardly in IE6-8, maybe waiting for feedburner javascript to fininsh.
  • Imported blog content needs styling.
  • Gallery and connectivity link buttons uses some inline CSS.
  • Somewhat hacky use of CSS.

To do:

  • Fix known issues.
  • Add content to portfolio and about page.
  • Reintergrate twitter API.
  • Make site more dynamic.

IDAT106 – Visualisation

So far most of our thought has gone into how to collect the data rather than what we actually want to do with it. With our current skills it makes sense to use actionscript 3, processing which we are now learning or a combination.

One possible componant of the projection:

However we feel this might be too direct.