Group Crit – 28th October Friday

The Critique

In our groups we each went around to each group displaying our Projection Mapping, and talking about our ideas and how we came to create them. We went around each group giving our opinions and feedback on their work, giving constructive criticism and suggesting any things that could be done to enhance their work. For example one of the critics I made for one of the groups, was that their bubbles didn’t indicate what their stats were for, as for their group project was on ethnicity in Elephant and Castle.

When it came to our group, we presented our projection on Club Closure. Some points were raised about our work, for example we attempted to make a calendar effect on our second screen. However, our peers suggested that the calendar wasn’t necessarily needed as it would draw focus from the key information from the neon text which was our main focus as it showed the passing of all the clubs fading out. From this we decided to later on replace the calendar with some text to help give further context about the project and what the neon effect is about. Another point, that was quite critical in explaining what exactly our project was for was that it just needed a title – for this we decided to put it on the other panel.

Preparations for the Projections

After receiving feedback we then went on to amending our projection based on our feedback in time for it to be displayed.

20161028_183252450_ios
Image of some of the Projectors we used.

We then regrouped as a class at the Typo Café were we where going to project our visualisations, and measured the panes. From this we worked that each window needed 9.5 sheets of A1 paper for the panes to be completely covered.

20161028_184336053_ios
The Set Up.

After covering all the panes, and helping each other set up our Projections we then went onto ours to set up.

20161028_192529456_ios
Setting up our Projection using Mad Mapper.

After successfully setting it up on both panes despite the measurements not being accurate to the window panes – we then went out to look at our projection from the outside.

20161028_193541260_ios
Close-up of our projection from the outside.

 

20161028_194032297_iOS.jpg
Street View of our Projection – with pedestrian looking at it.

Once we looked at ours we then went around looking at the classes Projections to see how they turned out. I left like I had learned a lot from this project looking into further detail on how to develop and outcome as well as the task of group work and learning how to use Mad Mapper that I feel like I could use again for future projects.

 

 

IID Workshop – 24th October Monday

On the Monday we did some more group work focusing on our project aided by Oliver over the weekend we decided to drop the idea of the map design and focus on just using the neon text to display our idea.

projection-design
A screenshot of our testing for our design piece using the neon text

After talking our idea to Oliver and showing our current progress it was pointed out that we needed something to add to our piece to help give some context about our projection. We decided to add a second screen after on Friday working out the measurements of the windows we would be projecting on. The second panel would have a few short statements talking about the piece to help give a idea and a countdown to show the passing of time to show how many clubs disappeared over our time frame.

As we decided to have two screens I decided to change the layout of the designs and added further clubs that my group members researched I decided to right align it as it would be on two screens it would look like they are linked. Furthermore to reduce the size of the larger clubs as originally I left them big as they were the clubs that were remaining still, and instead have them be the last that remain before going back on a loop.

 

IID Projection Mapping Workshop – 17th October Monday

On Monday we had further introduction into Mad Mapper and Project Mapping as a whole given by Oliver. He showed us further how to use Mad Mapper using projectors and how to use projects as well as the settings that comes with that you have to adjust and change. One of the advice he gave up during the introduction is that preferable you want the background to be a similar colour to the background which you’re displayed so its not obvious that its a projection for example in a dark room you want the background to be black. Where as on a white surface you want it to be white, if the tone is still different you can change the brightness and contrast to get it exactly how you want it.

 

20161017_102025849_ios
Photo of us using MadMapper

 

We then went into groups and were given a projector each among the groups we then had to set up the projector and use Mad Mapper and display a video. After completing the first taste we then were given the taste to project a image or a video onto small post it notes, one of the videos we did we masked it across two post it notes. Once we were familiar with the software we then as a class we placed our 4 projections around a series of columns and sides from different angles to cover the different areas. We first started by each group using a solid cover to identify which area was being covered by each group, our group in particular had green and one side of a panel/board. After everyone set up their projections and configured it correctly we then each played different videos across the different sides creating this rather cool and interesting effects with various videos overlapping or combined with each other.

 

20161017_112843835_ios
Photo of the class projecting light over various object using multiple projects in preparation to cast various effects over the surfaces.

 

IID InDesign Workshop Tutorial and Assignment Work – 14th October Friday

In our workshop class Tobias went through how to use Adobe InDesign and the different tools associated with it.

He explained how different colour formats were when printing files. Examples of these are CYMYK & RBG, CYMYK is used mainly in printing to describe the colours that is used in standard printers, whilst RGB, is red, green and blue which is used for viewing on screen.

He talked about different graphic types such as a bitmap and a vectors. A bitmap is a image that is treated as individual pixels. In comparison to a vector graphic is a series of co-ordinates that is connected by lines and shapes using a mathematical formula, which means it can be endlessly scaled and will not blur in comparison to a pixel based image.

After the induction into InDesign we then went back into our project groups working further on the design work looking at this neon effect I created and how we could layout our design work for our interactive piece.

 

untitled
One of the design tests my group member Emma did based on our sketches

 

After a while we then went through again presenting each of our work to Tobias and Tobias giving feedback on our group. After Tobias went back and gave feedback on our project and what we were doing when then decided to alter our original design to instead focus on club closure times which was  one of the idea Tobias suggested as a possible route. We then as a group set ourselves the task of collecting data specifically on club closure times as well as why they closed and when the clubs was first opened.

 

20161105_141415887_iOS.jpg
One of the sketches I did exploring the design using the UFO infographic as inspiration.

 

 

 

IID Workshop Into Perspective -Tuesday 11th of October 2016

In this workshop taught by Biggles we looked into ‘Perspective: Forgotten Language’. He talked about how if we were taught perspective at School that it was actually wrong. We went through the history of perspective looking at viewpoints, and how artists such as Albrecht Durer painted his paintings with the idea to be looked at from a certain viewpoint in order to see them without distortion. Exploring the works of Leonardo Da Vinci and others as we as viewers looking at them at the correct viewpoint it would make us feel like they are real and that we are in those spaces.

We then went on into pairs and drew on glass drawing at different viewpoints looking further into this idea of distortion, and that that is in fact “true perspective”. After the initial task of drawing from different viewpoints we then did various drawing techniques using pen looking at forms and shapes and drawing just using the eye not looking at the page. We did various different techniques like, drawing with just lines, drawing with a few details and drawing particular features such as a silhouette.

This is very useful as it gave insight into how I could possible project for the mapping project. Furthermore, It aided in thinking how I could possibly display and what “view points” I could use to display our content.

Workshop HTML and Projection Mapping & CTS – Monday 10th of October

Web Development & Projection Mapping

In todays workshop we looked into HTML (Hyper Text Markup Language). One of the points that was made was that it is not for layout or styling rather it provides structure for web design and through this makes it accessible for a large rage of audiences and platforms no matter how outdated the software.

We were taken through the basics of HTML exploring various tag types and web addresses that we could use when we explore it further in later projects. Atom was the text editing tool we used to program in and we used chrome as we could use their developer tools page to see into the code of a website, so that we could look into how particular websites were made and how they presented their pages.

Towards the end of the workshop we then looked into projection mapping looking at various examples such as works by Joanie Lemercie and the design company Kimchi and Chips. Furthermore briefing looking at the software that we would use to do this called Mad Mapper showing what we could do on it when we display for out assignment.

 

20161010_094415421_iOS.jpg
Learning how to use HTML in Atom.

 

CTS

In the afternoon we had a CTS lesson exploring “What we do when we talk about critical thinking.” with our lecturer Rachael Finney. One of the points we made from this is that we use critical thinking skills in everyday life all the time – automatically, and that CTS aims to help articulate that critically. One of the main points that came out from the lesson was “to think critically is to question.” with this in mind we where paired into groups and given a image to think “critically” about.  In the task our pair was given this obscure image of what we initially thought was a exhibition of some kind, midway through the task our groups were given some context about out images to help suggest gain a further understanding of the image or to give us a direction to think about. Through the task the main steps we where to ask about when thinking critically was to look into the Description, Analysis and Evaluation and a point she gave us was before looking at a reading “the date itself can give us already a lot of information and understanding the context and history”. In my opinion one of the points I personally came out of the CTS is that you cannot analyse without a brief understanding of the context something is it and through that you can think critically.

 

IID Workshop Tuesday 4th-Wednesday 5th October 

The Brief for our Project titled Aligning Signs, was to design and produce a graphical data visualisation to be projected onto the façade of the LCC.

After a short initial discussion talking about what exactly Is a data visualisation and the ways information is shown and displayed we where taken to the façade. The exhibition was to show and display infographics about the local area in Elephant and Castle as well as the History behind it. This directly correlates with our brief as one of the specifications of the brief was to design based on the local area of Elephant and Castle, or if we desired to expand further London as a whole. One of the examples they showed us displayed various information about the history as well as categories, which was displayed around a polygon which could be controlled via a button on a pedestal. The user interaction of the visualisation was simple and quick to understand, you could turn it to look at different topics and sections and then press down to see further information about a specific topic. One of the points I noted was that its shape was similar to what was displayed so they could link it to the display so as a user you could tell what it was for, furthermore it had instructions on the pedestal to explain further how the button works if more help was required. Another example used live data from transport for London.

20161005_130034832_ios
One of those Infographics showed at the ‘SE1 Data Stories’ Exhibition Titled ‘Datacore’.

We as a group came up with a few ideas taking influence from current design work displayed in the façade of the LCC. This helped establish a basis for what directions we could explore, and the possibilities and resources we could use for when we create our own graphical data visualisation piece.

My original idea was based around the police in terms of tracking were certain police force are in the area, for examples if there are hazards or emergencies. The other idea that was to create a design based on the growth in the music industry looking at either attendance or other criteria to look at.

Exploring further into the idea around the music industry as we felt we could gain information about Night Clubs easier than that of getting information on police which they after researching further are not allowed to give out, furthermore one of the members in our group has worked in clubs so has inside knowledge about how nightclubs work.

Visual Interactive Exemplars –  Wednesday 5th October

I researched into different types of infographics and designs to gather ideas on how I could create the piece for our group and what possible designs we could do a produce. Furthermore, how other examples produce their work.

Capture.PNG
A Infographic displaying recordings of UFO sightings in Germany from 1945-2016

Link for Above Infographic:

http://visualoop.com/infographics/in-the-land-of-the-flying-saucers-ufo-sightings-in-germany-from-1945-2016?interactive=1

This example in particular I liked as it although being unable to understand it I could still work out what purpose each section was for, for example having the main information central with any supporting text to the side. Due to the large sample size ranging from 1945-2016 you can work out that its a map of Germany due to all the points from the Alien sightings. This idea and look I wanted to try to incorporate into a possible design idea, for our project as we decided to focus on night clubs.

Further Links for Infographics I researched Into:

https://www.nyi.net/5-awesome-interactive-data-visualizations/

http://armsglobe.chromeexperiments.com

http://www.evolutionoftheweb.com

http://www.siegemedia.com/creation/best-infographics

http://www.informationisbeautiful.net/visualizations/worlds-biggest-data-breaches-hacks/

https://www.theguardian.com/world/ng-interactive/2014/aviation-100-years

http://www.google.com/insidesearch/howsearchworks/thestory/

http://www.downgraf.com/wp-content/uploads/2013/04/brief_introduction_typography.jpg

http://dingo.care2.com/pictures/greenliving/uploads/2015/09/creative-routines-edit4.png