EXPANDED INTERFACES GENERAL RESEARCH:
IDEAS:
We are asked to create up to three interfaces. Chara and me decided to work as a group. Under cooperation we came up with two(2) ideas of work: -Digital Noticeboard -Digital Mirror Drawing
Interfaces: INPUT –> OUTPUT, USER –>/<-- MACHINE, MACHINE--> MACHINE It’s the place where the interaction of two systems can occur. Usually are simple and friendly to the user, boring, straight to the point. Examples: Mouse / Keyboard / Touch-screen / Scanner / Dance Pad
Expanded Interfaces: The expanded interfaces are more interesting, playful. They question current conventional interfaces, make people aware and they are also more experimental. The first picture (above-left) presents the “SoundFire-Smoke” by POIETICstudio. Sound is introduced to a gas filled tube and pushes out more of the gas where the wave peaks, resulting in a sound wave of fire. The second one (above-right) presents “Close-up” project by Raphael Lozano. The camera on the TV records videos of the people standing in front of it; then the TV shows his/her silhouette full of videos of other people who stood there before.
Website link: www.kleanthismichael.com
EXPANDED INTERFACES DIGITAL NOTICEBOARD: THE IDEA:
RESEARCH: Smart Board: Smart Board is a series of interactive whiteboards, that uses touch detection for user input, developed by Smart Technologies. It was introduced in 1991 and now is used by many educational institutes, schools and universities. A projector is used to display a computer’s screen on the interactive whiteboard, which then acts as a large touch screen.
Aram Bartholl:
Analogue Noticeboard into Digital:
Aram Bartholl is an artist from Germany and work on making digital information forms into analogue/physical. In most of his work he takes digital pieces and elements of video games and internet and transforms them into physical object, adding them in the real world.
This is our first expanded interface. The idea is an analogue noticeboard for schools, universities and cinemas that has the ability to convert analogue posts (handwriting), pictures and other information into digital form on a LED screen in a public place. Conversions: text–>digital text, symbols–>digital symbols(faces), pictures (place)– >name the place – google maps, pictures(person)–>facebook-other social networks, pictures(objects)–>google picture-animation, logo–>goes to site, advertisement-poster–>goes to site.
Listening Post:
by Ben Rubin and Mark Hansen. This project is located at Science Museum Arts Projects gallery. It displays uncensored fragments of text, from public internet chatrooms and bulletin boards. We were influenced by the way it’s presented; electronic forms of lettes are showing up in seven separate ‘scenes’. Our interface output will be a Led screen and its appearance could be similar with that.
EXPANDED INTERFACES DIGITAL NOTICEBOARD: DIGITAL TO ANALOGUE: Chara and me, made some experiments on transforming the digital into analogue in order to explore and understand more the theme of our chosen field of work: Analogue to Digital.
GDNM.org:
Facebook:
We took our courseâ&#x20AC;&#x2122;s logo from our blog website. We pixelated it to 40Ă&#x2014;40 and made a physical/analogue form of it.
On Facebook you: (1)meet people, (2)talk to friends, (3) send emails. We tried to make the physical form of facebook. We made a notification board, a friend request board and an email board. Then, we created some videos (experiments) trying to present the apathy (no emotions or expressions) of people when they communicate with friends or family.
Crossing Lights: We used the crossing lights for our third experiment. We made a video presenting them in physical form, using light for candle or lighter. Unfortunately, the results were not successful. The forms were too small and the materials we used were not proper for a good piece.of work.
EXPANDED INTERFACES DIGITAL NOTICEBOARD: FINAL EXPERIMENTS:
Words: We tested the Digital Noticeboard on the â&#x20AC;&#x153;post hereâ&#x20AC;? wall at the entrance of the university. The video presents how the handwritten text is being converted into digital letters.
Picture-Place: Barcelona: Here, our inteface scans a picture of a place and identifies what location it is. Google earth, at the same time, appears on screen and loads the location of that place. For example, in this video it is Barcelona
Face (Picture) and Notes:
Movie and Event:
In these snapshots you can see a photograph of a face on the noticeboard. Our interface recognizes the face and searches for his/her newest or busiest social network. Then it is shown on the screen. Also, it converts the handwriting (notes) into digital and shows them as well.
In this video you will see what happens when you pin a movie poster or event on the noticeboard. Digital noticeboard identifies the movie, and its trailer (youtube) appears on the screen. It also tells you where to go to watch the movie. As for the poster of the event, the interface scans it and searches on the internet for any information and shows up its site if it is available.
PROBLEMS AND SOLUTIONS:
Before we start to make our final experiments, we knew that because of the insufficient development of technology, it was impossible to make the Digital Noticeboard in reality. So we decided to create four(4) videos to present the conversion of the analogue forms into digital.
EXPANDED INTERFACES DIGITAL DRAWING MIRROR: THE IDEA:
RESEARCH:
Weave Mirror: Weave Mirror collects and accumulates 768 motorized and laminated c-shaped prints along the surface of a picture plane that texturally imitates a homespun basket. It paints a picture of viewers using a gradual rotation in greyscale value on each C-ring.
Julian Opie: Context – What can it do: A camera connected to a LED Screen (mirror) that captures the outlines of figure (face-portrait) and its characteristics (head, nose, eyes e.c.t) making the rest in white and show that on the screen. Moreover it extracts the basic colors of the figure (up to six colors) and creates a palette. From the palette the user can choose any colour, touching the screen and starts to coloured the blank space among the outlines. The colours come out in the shape of little squares. The result will be a pixelate picture. “Digital Drawing Mirror” can give great experience to the user through unique and enjoyable way of drawing. Moreover the user can interact to an evnironment that is beyond his everyday life. It can also be used by children of any age in schools and nurseries and people with special needs / disorders (physical/mental problems) that like to draw and create pictures.
The work of Julian is very helpful and gives us ideas of how might the outlines of the Digital Mirror will look like. Drawing from influences as diverse as billboard signs, classical portraiture and sculpture, to classical Japanese woodblock prints, Opie ‘paints’ using a variety of media and technologies which enable him to make three-dimensional explorations of his subjects.
Pulse Mirror : by Chris Lee & Henry Chang: It’s an interactive device that captures and visualises pulse rates into a visual image. The image is created by a series of circles that pulsate heart rate data collected from different participants. [Processing, Arduino]
EXPANDED INTERFACES DIGITAL DRAWING MIRROR: PROCEDURE:
Procedure Steps: 1. The camera detects the face. 2. It takes a portrait photo of the user and stops detecting. 3. Its outlines are shown on the screen. 4. The user touches the screen and a piece (rectangle) of the photograph appears. 5. A basic-colour palette is created on the screen. (colour of the photograph) 6. The user chooses colours from the palette and colours the rectangles. 7. Prints it out. 8. The user leaves and the camera starts detecting again.
Processing Code: Key-Press on Keyboard:
Processing code: Face detection:
The user can pick-up the colours from a keyboard and then draw with the mouse. Colours: red, pink, yellow, green, light blue, blue and brown.
The user is detected by the screenâ&#x20AC;&#x2122;s camera which immediately takes a picture.
We used prossecing codes to build-up some of the steps above.
Processing code: Colour palette on screen: The user can choose any colour from the palette which appears on the upper left corner. Colours: Any colour.
EXPANDED INTERFACES DIGITAL DRAWING MIRROR: FINAL EXPERIMENTS:
INTERVIEWS: To evaluate our final work and get some feedback on it, we interviewed our users, Pani, Maxime and Mika. We asked them: (1)how was it? -If it was fun, (2)which way of drawing the prefered and (3)if it’s difficult to draw with rectancles. Pani: “The way of drawing with the mouse choosing colours from the palette was the most difficult”. Max: “It was interesting. At the beginning it was a bit stressing drawing with rectangles”. Mika: “I found the ideas simple, but very exciting. It looks nicer drawing with rectagles because I am not a good drawer”.
For our final experiments we used a mac (processing, screen, keyboard), a mouse and a graphics tablet. Our interface’s users played around with them and tried them to create the digital drawing with three ways: -Mouse and keyboard buttons. -Mouse and digital colour palette. -Graphics tablet and keyboard buttons. Every user had it’s own way of drawing and expressing theirselves and characteristics like glasses, hair or beard.
PROBLEMS AND SOLUTIONS: 1) We could not make the original idea of this interface cause of the limited time. We did not use a touch-screen. >>We used a laptop screen. 2) We did not build-up a completed code for the whole interface (no code for the outline part and the basic colour extracting from the camera). >> We used Photoshop to extract the outlines >> List of procedure’s parts – individual codes >> Making of the videos. We came up with two ways of drawing: >>Choose colours from the keyboard. >>Create and choose colours from a palette on the screen.