Files & Formats – 13th March Monday

Today we looked at files and formats and where to get these to use for projects.

What is Data?

  • Data is a collection of facts or statistics, known as data points.
  • Data points are grouped or collected together to allow reference or analysis.

It comes from measurements of the world around us. These can be via;

  • Interviews
  • Observation
  • Technology etc.

Where does this data come from?

You may undertake the measurements yourself or get the data from a source that has done it for you e.g.

  • APIs
  • Governments
  • Companies
  • Other Organisations (charities, etc)

The measurements may be quantitative or qualitative. Qualitative measurements may undergo further analysis to be represented quantitatively.

Data Cleaning

Data is rarely usable exactly as it is collected. It may have errors, or require restructured to be useful. If it has come from an official source, this will most likely have been done.

This might involve;

  • Removing Outliers
  • Removing empty or incomplete data
  • Identifying glitches (human or machine)

We went out collecting Street Data in various categories and exported them into different types of formats;

CSV – text file is separated via comma’s.

JSON – JSON stands for Java Script Object Notation. It uses the same format as objects in JavaScript.

XML – eXtensible Markup Language. It uses tags and attributes, a lot like HTML does (html is also a markup language).

Live Locations in JavaScript – 27th February Monday

Speed Tracker

Today our workshop session, introduced us to codepen, using this we created a test that tracked our location, and calculated the speed we where going.




This is a map



font-family: helvetica;

width: 800px;
height: 300px;


var map = new google.maps.Map( document.getElementById(‘map’), {
center: {
lat: 51.4944662,
lng: -0.1037091,
zoom: 6,
disableDefaultUI: true,
draggable: true,
scrollwheel: true,
guestureHandling: ‘none’,
backgroundColor: ‘#fffff’,
mapTypeId: ‘roadmap’,

navigator.geolocation.getCurrentPosition(function( position ){
console.log( position );

‘Ten Thousand Years’ Task – 24 February Friday

We were introduced to ‘99% Invisible’ a show that talks about various things. Episode 114 titled ‘Ten Thousand Years’, this particular episode discusses the problems of Waste Isolation Pilot Plant which is a underground repository for nuclear waste. They discuss how in 1990 the federal government invited different groups ranging from geologists, linguists, astrophysicists, architects, artists, and writers. What the federal government had tasked them to do was to communicate  a way for in ‘Ten Thousand Years’ our decedents would be able to understand that the area is a hazardous zone due to the waste buried there. They in particular talk about how designs and various things meanings can change over the course of time, various ideas such as using icons, songs, and storytelling.


For our task we had to find a way to communicate a secret, without using any form of dialogue. My secret that I got randomly given was ‘I cut my own hair’ (super secret). From this I decided to do imagery. Using a play on words with and current recognisable things, such as the image ‘eye’ for I, and the image of a pair of scissors to infer ‘cut’.

CTS: Westfield London Shopping Centre – 23rd February Thursday

This week we went to Westfield Shopping Centre. It contains over 300 shops, and over 60 places to eat, ranging from high street to designer stores.

DS AUTOMOBILES – DS 3 Hatchback Installation in Westfield London

For our task ‘Reasoned Action’ we had to identify the ways in which media is present in a chosen space, and the messages they are trying to communicate.

We analysed the Installation for the DS Automobiles. From it we identified what media was present in the space, ranging from merchandise, the car it’s promoting, using VR to show the experience as well as the car itself.

From researching into DS Automobiles we found out the the brand is French, and that the installation was trying to create that mood of “French High Life”. Furthermore, through the design and colours such as chrome, black, gold, silver to give a classy feel to the brand and car. Through this we came to the opinion that you don’t need to know much about the car or the products it’s sell to know they’re a Luxury items.

Embodied Interaction -21st February Tuesday

Today in class we looked at different types of Maps, for example Maps of the body and embodied interactions.

Asokananda Meridian Chart

Looking at the idea of linking the body with certain memories or feelings. Furthermore different types and ways the body is used as a medium for maps, or to map onto. For example one of the activities we looked at was linking an orange to what emotions came from them. Another activity we did was mapping what emotions eating a orange conveys.

Geo-location Workshop pt.2 – 20th February Monday

Using what we learnt last week then had to create markers on a map of various locations.

Adding Markers.PNG
Creating the Marker Variables.

From there we went on to creating a variable that would ‘jump’ to these points and cycle through them. Additionally adding a ‘Random Location’ button that would jump to a random location around the world.

‘Jump’ feature that cycles through points and a random location on the map.

CTS: London King’s Cross Railway Station & Central Saint Martin’s – 16th February Thursday

For CTS this week we went to London King’s Cross Railway Station and Central Saint Martin’s. Kings Cross Railway Station is London’s major terminus to around the country, providing services to Yorkshire, the North East and Scotland. Central Saint Martin’s is part of University of the Arts London.

Kings Cross Railway Station

‘Show me the money!’ – This task involved identifying the sources of money in this space (King’s Cross Station), and the ways they are visible within the designs we see. One of the sources of the income in King’s Cross Station is there shop stores. We identified the ways they attract consumers through, having shop displays and showing any offers or deals they may have.

One of the stores in particular we looked at was ‘The Pasty Shop’, which first started in Liverpool Street Station and expanded to 15 locations across London and the UK. It serves traditional Cornish pasties. Furthermore, due to it’s limited number of locations it could be argued that people would take a higher interest into it. As it’s main product that it sells is unique and making it more attractive to buy.

Among other tasks we looked at the information boards at the Station, how the grids are used to convey clear information and how it’s positioned high so you can read it from afar or any level of the station.

Google Maps Workshop – 13th February Monday

We signed into our Google account and went onto Google’s API. From there we obtained a key so we could use Google Maps API for the web. Using the template Oliver supplied us we then managed to get a local version of Maps working, proceeding to tweak and remove sections of the interface.

Google Maps API

Oliver then introduced us to Styling Wizard for a easier way of customising the look of the Maps and changing elements or removing things we might not want or need to see.

Styling Wizard: Google Maps

We then went onto using our data we collected, once we customised our Maps to how we want it. As the Data is a JSON file we had to run a local host to be able to view the data, using a mix of JavaScript and Googles References for their API I managed to get a Journey of my way to Uni and back (using this data due to Open Paths being down), complete with animated markers.

Journey to University and back

Maps Workshop – 10th February Friday

On Friday we were set a task to take a sticky label around the building with our names on it, then after draw a map so someone could locate it. We went around the building searching for these labels, then after returned. Looking at other class members some of them where simple and contained just enough so you could locate it.

After completing that task we then went onto the next task. This involved us being given at random an image of map that had some importance, and having to identify it by the picture alone. The picture I was given I found out, it was the Hereford Cathedral Mappa Mundi dating to the medieval times. Among the other examples given to other people were escape maps, sewage pipelines and other different types of maps.

Hereford Mappa Mundi
Escape Map of Italy

The Design Museum Review – 9th February

The Design Museum

The Design Museum is located in Kensington London, showcasing projects and pieces from product, industrial, graphic, fashion and architectural design disciplines. One of the exhibition we visited was the The Beazley Designs of the Year exhibition. It is an annual survey bringing together relevant new and innovative design projects internationally. These 70 projects on display are selected by design experts and sorted into various categories – digital, graphics, fashion, product, transport and architecture.

Exhibition hall showcasing Renewable related projects

In addition, some of these projects look into various examples of how designers are exploring new ways of sustainable ways of living. Other projects are a direct reaction to the abrupt change brought by the war. Ranging from political angst and the mass migration of people – how design can accustom and communicate these changes and give insight on the lives affected by conflict.

Back end of the exhibition hall

Each section of the exhibition is displayed into various themes – Self, Renew, Place, Start, Connect, Unite, Act designated by large banners with it’s accompanying symbol. Through the exhibitions use of these themes, it helps guide viewers to gain an understanding of the projects. Additionally, You can clearly see how different design disciplines communicate a common theme through their specialised use of mediums and practice.

In the Eyes of the Animal‘ designed by – Marshmallow Laser Feast

One project that took my interest uses VR to create an interpretation of how a forest could be seen from it’s inhabitants: an owl, a dragonfly and a frog. One example displayed, recreates the dragonfly’s experience of life at more than ten times the rate of humans, and in 12 colour wavelengths rather than the human three.