Middlesex University Masters in Electronic Arts 2003

Research work for MA by Geoff Davis, London. This is a site explaining the working software, which was written in Flash Actionscript. It went to over 8000 lines of code.

What is the software?

A zoomable interface that uses two levels of access to a collection of text and image files. One level is for grouping, rearranging, and sequencing (slide show) files. The second level is for examination of content, with pan and zoom. There are navigation tools to allow orientation.

This is a demonstration or prototype version only, and was the result of research into interfaces, particularly ZUIs (Zoomable User Interfaces) and, from a content angle, non-linear narrative. See also on request the dissertations on Interface Design and Non-linear Narrative.

Level One (zoomed out)




Control panel at top (can be hidden), with Radar




Level Two (zoomed in)

Initial zoom scale and controls:

     
Radar - red start point, green location scope
 
 
 
 
 
 
Help - Hide/Show
 
 
 
 
 
 
Scale - zoom in/out/reset
Increased zoom scale:




In more detail: Grouping (Level One, zoomed out):

There is different functionality at each level. Level One is for seeing all of the content items, and grouping them. This can be achieved by: Colour spots (Level One, zoomed out)

These are the least obvious feature. By using the Shift, Ctrl and Alt keys on the bottom left of the computer keyboard, whilst pressing the mouse button on an image, a colour spot can be added to the image (red, green and blue respectively). Then there are controls to allow stacking of colours (including combinations), and also a Show/Hide control that fades out any coloured images.

From the Calm as a Dead Clam example:

Red spots added (to all the vowels) with Shift + mouse press - also note a red tick in box at top left (small):



Red spots stacked:



Red spots faded - note the red tick has turned to a red cross to indicate hidden images (faded).
This is also the clickable switch toggle area to show or hide (fade) the images:




Examples

The zoomed photographic and plan images above are from the Architect version - this is a portfolio of images and notes from a recent job in Malaysia. It shows how the software could be used for presentations. It is envisaged that the work would be presented to the client, who could then examine and group the images into a more specific arrangement. The software could be 'left behind' with the client as a reference (although this is not often done by architects due to liability and intellectual copyright issues). It could be used by designers or anyone 'pitching' for a job. Since images can be zoomed, anything of interest to a prospective client can be examined in more detail than others.

There is also Calm as a Dead Clam.




This does not use smaller images at Level One, but icons, which are letters. These letters jump to short pieces of text from various stories that have been published over the years. This is an attempt to fuse a letter game approach to making up words and phrases at Level One, with a 'hyper-fictional' non-narrative approach to reading the various texts when zoomed in at Level Two.

Rather than invent a new text, and chop it up into paragraphs for use on Level Two, I used paragraphs from old stories. Since they were all written by me, there may (or may not) be some narrative sense to be made of their proximity when read in Level Two.



Zoomed out within Level Two to see the position of other texts:



Sequencer

There is also a Sequencer (top left in controls) which does a slide show of the texts. This is a bit clunky but always returns to Level One. It can be used to slide show colour spotted images - so some images could be spotted green, then only these sequenced. The grey control is for the left-over images if colour spotting is used.

Animals

This is an educational example using pictures of birds, frogs, cats and fish. Informative text is shown when zoomed in. This can be used by teachers to set information search projects, as well as testing grouping knowledge.

Red, green and blue spots stacked:



Zoomed in at level 2:



Fully zoomed in at level 2:



Sequencer (pause/stop/loop control):



References:

Architect: Ivy Ngeow Architects

Fiction used in these examples: Geoff Davis (G P Davis)

Bubble World (novella) was published in three parts in:
Em One (anthology 1997, ed. Karl Sinfield, with Hanif Kureishi, Steve Aylett), Em Two 1998, Em Three: (Em Publishing);

African Story (short story)
PEN New Fiction Vol. 1 (anthology, ed. Peter Ackroyd with Ben Okri, Iain Sinclair) published by Quartet in UK and USA;

Nnn Goes Mobile (novel)
Published by Juma Publishing 1994 reprinted 1995;
This was published with ParisieNnn multimedia.
The multimedia was also on the UK Arts Council Hub site.

top