Theory/ Practice

Research/ Enterpirse

Live Electronic Performance

Digital Media


The History of Interaction 1

Applied Philosophy: Philosophy of Technology 1

Maurice Merleau-Ponty’s approach to consciousness

Slides Arduino GPS Data Logging Session 070314

Reviewing And Plotting The Data Logs Back At The Lab

Download the PowerPoint Slides from the session here:

Arduino gps2 060314 from Benjamin Freeth
Images From The Session:

Capturing GPS Data On Northumberland Street

Data Logging In Newcastle CIty Centre


Research and Enterprise 1: The Concept of Embodiment

Philosophy of Technology 2: Embodiment, Disembodiment and Immersion / 28 February 2014

Reading Material: Paul Dourish – Where the Action Is?, Chapter 4: “Being-in-the-World”: Embodied Interaction

TASK1: Please Upload a short summary to your blog: Your perspective and potential applications of the concept of embodiment.

First Processing Session Material

(on 27 Jan 2014)

Projects developed with Processing

  1. Digital Natives and Glitched Realitiesby Matthew Plummer-Fernandez
  2. City Symphoniesby Mark McKeague
  3. Continuumby Mary Huang
  4. Process Compendium 2004-2010by Casey Reas
  5. Platonic Solidsby Michael Hansmeyer
  6. Cell Cycle by Nervous System

The Very Basic

1. My first code: Make a canvas!

  1. Canvas is a coordinate system
  2. x and y = (500, 400)
  3. size();
// my first code!!


2. Create some Shapes (2D primitives)

Rectangle function = “ Rect + ( parameters ) + ;

// function name + parenthesis + semicolon

// to draw a rectangle on the screen starting on (100,50)

// with 200 in width and 50 in height


  1. rect();
  2. ellipse();
  3. line();
  4. point();

3. RGB Colors:

  • Red + Green = Yellow
  • Red + Blue = Purple
  • Green + Blue = Cyan (blue-green)
  • Red + Green + Blue = White
  • no colors = Black
  1. backgound();
  2. stroke();
  3. noStroke();
  4. fill();
  5. noFill();
  6. Tools – Color Selector
  7. random();
  8. println();

4.Introduction of structures and functions

Useful Drawing Tool: For loop

5. for loop

  1. Controls a sequence of repetitions.
  2. A basic for structure has three parts: init,test, and update.
// draw a few ellipses with ” for ” loop

for (int i= 0; i<5; i+=1) { // i = 0 1 2 3 4

ellipse(50+i*50, 150, 30, 30);


Easy Interaction

6. Interact

  1. setup() v.s. draw()
  2. Think about: how do we animate things?
  3. setup(): initialization, only runs once
  4. draw(): loop again and again
// my first interactive code!

void setup() {

size(600, 600);


voiddraw() {

ellipse(mouseX, mouseY, 100, 100);


mouseX is a variable to hold X position of your mouse

7. Variable:

  1. Variable is a word that holds a value
  2. = (ASSIGN) and == (EQUALS TO)
  3. int
  4. float
  5. color
  6. boolean
  7. PImage


  1. if()
  2. True and False
  3. || (logical OR)
  4. && (logical AND)
  5. != (logical NOT EQUAL TO)
int x = 100;

if(x >10){



// YES! The ellispe will be drawn


9. Work with images !

  1. PImage is a variable that can hold a picture
//declare an image data type

PImage myPic;

void setup() {


// load and assign image data to your image variable

myPic=loadImage(“XXXX.png“); // can be jpg, png, gif


voiddraw() {

//draw the image at the top left with 400 in with and 300 in height




Creative Web – reminder

Creative Web students – the presentations next week will take place at 4pm in space 7 – Please note the change of time.

Creative Web 2012 / 2013 – Week 7

The beginning of the session was spent discussing project ideas – remember to keep it simple, achievable and to be open minded / creative about how people will interact with the work. A strong idea and concept is key – once you have that the rest will follow.

IMPORTANT: Next week’s presentations will be held at 4pm in space 7. You should be able to access the space before the session if you want to test out the computer / projector etc.

Details »

Creative Web 2012/2013 – week 6

A summary of week 5 of the Creative Web module…

Details »

Creative Web 2012/13 Week 5

We began the session by wrapping up assignment 1 – the deadline for which has now passed.

The remainder of the session Stevie presented his own practice and various examples of electronic literature.

You can download a pdf of the slides here:


They don’t include the images relating to Stevie’s work but you can find most of them on his website:

The final project brief was presented and discussed. You can download an electronic copy of it here:

project brief 2013


Creative Web 2012/2013 – Week 4

Identity assignment

The session revolved around a discussion of progress that has been made on the first assignment.

Students were reminded to post online and comment on the online posts of others in order to gain maximum marks for participation.

Creative Web student blogs are available at:

Details »

Creative Web 2012/13 – week 3

After catching up on introductions we looked at the DM courseblog and developed some fictional characters for use in the first assignment (which was also assigned). We then discussed the history of the internet and introduced the idea of web 2.0.

It was noted that the schedule (including some of the assignment deadlines) has been changed to reflect the session which was not held last week. Please use the online schedule (on the creative web page of the DM courseblog) for the avoidance of any doubt with regards to submission deadlines etc. If you are unsure contact Stevie for confirmation.

Details »

Creative Web 2012/13 week 1

Welcome to Creative Web and Interactive Narrative! Here’s a summary of the introductory session…

Details »

Thinking 1 – Applied Philosophy: Philosophy of Technology 1/2

Applied Philosophy: Philosophy of Technology 1

  • Introduction to Phenomenology
  • Martin Heidegger and the Tool
  • Concept of Embodiment and Immersion

Applied Philosophy: Philosophy of Technology 1
Reading Material: Martin Heidegger: Being and Time

Applied Philosophy: Philosophy of Technology 2

  • Don Ihde’s Experimental Phenomenology
  • Paul Dourish’ Embodied Interaction
  • Concept of Embodiment /Disembodiment and Immersion

Philosophy of Technology 2: Embodiment, Disembodiment and Immersion

Thinking 2 – The Philosophy of Experience: Maurice Merleau-Ponty’s approach to consciousness and embodiement

The Philosophy of Experience

  • Maurice Merleau-Ponty’s approach to consciousness and embodiement

Reading Material: Page 3-12

PDF Document of the Presentation – Maurice Merleau-Ponty_15Feb12

Processing – 2 – More Programming (Tom Schofield), 16/2/11

This week we continue with some programming fundamentals namely:

  • arrays and array lists
  • “for” loops
  • functions and scope
  • classes
  • libraries

Aims and Objectives

This session is once again designed to be as “ground up” as possible within the restraints of time. We will focus more on the tricky bits that are likely to trip people up when working alone. Although it’s really tempting to jump straight in and start working with images, text, movies or libraries my intention is to try and get people towards the stage where they will be better equipped to use processing more creatively/independently.

Arrays and array lists


Arrays are a way of storing sets or lists of data of any type. They have a finite size which you can find by adding .length to the end of your variable like this:


The reference number which tells you which part of the array (element) we are looking at is the index which you can find between square brackets:

in myArray[5] the “5” refers to the 6th element in the array because arrays start at zero which can be confusing!

For loops – (iteration) Details »

THINKING – 23/11/11 – Introduction to the Philosophy of Human Experience

Art & Science 1: What is Consciousness?

  • Introduction into the philosophical and scientific concept of cognition
  • Descartes, Body-Mind problem
  • Cognitive Sciences, Scientific Methods

Reading: Susan Blackmore – Consciousness: An Introduction 2003

More info:


THINKING – 26/10/11 – The History of Interactivity I

“The History of Interactivity I” session will explore the concept of “interaction” and how this has been transformed by the applications of modern technology. We look into artistic and design applications of interfaces and discuss the current states of digital media and emerging technologies. We will talk about the human-technology interrelationship and compare that with the artwork-spectator relationship.The session will provide a comprehensive overview of pioneering scientists and artist working in the field of interactive art and interface design.

The History of Interaction 1



DOING – 01/11/11 – Sensors (Inputs) and Actuators (Outputs)


  • Results from your sensor walk assignments
  • Questions from Arduino assignments – anything you’d like to show us, talk about?  You should have…


Today will be a quite practical session – looking at the input and output options for your Arduino systems.  We’ll also go through some tips and trips for programming with Arduino.

From Last Week

  • Go through the – what’s going on in there…
  • We’ll develop a few more practical examples in class

Details »