mercredi 29 septembre 2010

Poster assignment description (dutch)

e-paper eindopdracht
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
REMAKE INTERACTIVE
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Maak een remake van een bestaand affiche (of eerder zelfontworpen affiche) en of bestaand boek (cover).

Gebruik binnen deze opdracht de nodige e-paper technieken die je de afgelopen weken hebt opgedaan.
Denk na over de toegevoegde waarde van de 'virtuele laag' en de toegevoegde waarde van interactie.
Laat je niet qua concept beperken door de techniek maar vergeet tegelijkertijd niet dat je 4 november een werkend en mooi af ding kan laten zien. Dat mooie affe ding kan ook een prototype zijn!
Kortom gebruik je tijd goed en focus je op het ontwerp en de uitvoering!

Belangrijke toetsingscriteria zijn:
- Wat is de rol van interactie in relatie tot de inhoud van het affiche of boek
- Hoe ziet het uiteindelijke ontwerp eruit; vorm/esthetiek in relatie tot het concept
- Hoe is de technische uitvoering?

De beamer
Voor de poster, maar ook voor de cover van het boek is de aangewezen techniek het projecteren van het computerbeeld (afbeelding, geluid of video) op de poster (of het boek). Dit betekent het gebruik van een beamer ipv een beeldscherm.
(Houd rekening met de afstand van de beamer tot de poster, de groote van het geprojecteerde beeld, de wijze waarop het beamerbeeld aansluit bij de poster zelf, de resolutie. Zorg voor een goede test voor afgaand aan de definitieve presentatie!)

Opmerking: er zijn geen 20 beamers, (waarschijnlijk werken we met 3 beamers tijdens de eindpresentaties) dus de beamers moeten worden gebruikt en geinstalleerd tijdens de presentaties door verschillende studenten. Probeer dus het installeren zo eenvoudig en overzichtelijk mogelijk te houden. Gebruik van eigen laptop's is aan te raden!

Rules:
Deadline 4 november
Maximaal 2 personen werken samen aan een project

mardi 14 septembre 2010

E-paper modern industry

What we do in the e-paper course is an introduction in a couple of weeks of low tech, do it yourself, paper interfaces to computers.

The fun is that you can do everything you want with the material "paper".

This post gives a couple of links to indicate what is done, and what will be done in the future, by more experienced and commercially driven companies and more profound research.

E-paper as an idea is for a lot of people equivalent to e-readers, so there is a lot of research to get better reading surfaces, a bit recreating the magnificent properties of paper, adding one: erasing.
The e-paper.blogspot.com site is a blog follwing these developments.

We search for interfaces which are DIY, cheap, disposable, pliable...

Then we have MIT, always looking for interesting corners of research attack:
http://www.media.mit.edu/research/groups/high-low-tech

make your own radio, could be connected through buttons to a computer:
http://fab.cba.mit.edu/classes/MIT/863.09/people/mellis/final/index.html

living wall:
http://hlt.media.mit.edu/?p=27

a paper on some experiments to get rapid interfaces with cardboard:
http://icie.cs.byu.edu/cs656/Papers/HudsonRapidPhysical.pdf

a 10 dollar paper mobile phone:
http://www.theregister.co.uk/2001/01/19/10_paper_mobile_phone/
another one: "we printed a phone"
http://inventors.about.com/library/weekly/aa022801a.htm

The Chinese version looks nice, this must be design:
http://www.handcellphone.com/archives/chineses-paper-says-disposable-concept-cellular-phone-design

Which brings us to paper laptops (why not?)
http://www.yankodesign.com/2009/11/03/disposable-paper-laptops/

more modest: paper circuitry on business cards
http://www.core77.com/blog/technology/this_just_inbox_paper_circuit_business_cards_from_sparkle_labs_14005.asp

printed circuitry is also big business:
http://www.zazzle.com/wordsunwords/gifts?cg=196388290104329435

jeudi 9 septembre 2010

e-paper 3D and video

Download the flashfile needed to make streaming video, start stop resume on one button, six videos can be streamed with this example:
http://www.contrechoc.com/flash/flash template.zip

We wil use .flv format video's downloaded from youtube using this prog (on MACOS):
http://download.cnet.com/YouTube-Downloader/3000-2071_4-192611.html
what is downloaded has a rather long title, make sure that this title is reduced before putting the title into the flash movie.

take an interesting box, cardboard paper with you...

If you have a MAC and work with Safari, Seph showed me another method to download youtube movies:
in your beloved youtube page:
CMD ALT A, you get a window called activity
you have to search your movie in this list, mosly the biggest
Select, copy CMD C and paste into address bar of Safari window....
miracle! download starts....
Sometimes this method does not work (?)

Third method: (discontinued)
in youtube get your movie,
look at link address
put pwn between www. en youtube
choose dirpy
download in the quality you want

remark:
sadly I just saw that dirpy isn't anymore.......

but we have:
  • www.clibnabber.com
  • www.keepvid.com
  • and a video plugin for downloading in Chrome

lundi 6 septembre 2010

e-paper 2 imagery

Downloadable FLASH movie showing an image on touching a button: (3images - 3buttons)
http://www.contrechoc.com/flash/keyboard input examples.zip

Downloadable FLASH movie cycling through images on touching a button: (four images - one button)
http://www.contrechoc.com/flash/keyboard input cycle images.zip

Downloadable FLASH movie cycling through images on touching a button: (four images - one button)
playing a sound with each image
http://www.contrechoc.com/flash/keyboard input cycle sound and images.zip

e-paper 1 instructions and links

Instructions how to make a button:
http://www.instructables.com/id/Paper-button/

Downloadable FLASH movie we used for playing a sound using one button:
(using a hacked keyboard or a usb keyboard interface)
http://www.contrechoc.com/flash/e-paper-sound.zip

Downloadable folder with free sounds: (mp3)
http://www.contrechoc.com/flash/mp3Sounds.zip

Downloadable folder with starting images:
http://www.contrechoc.com/flash/startingImages.zip

Links:
E-Paper professional examples urls:

Simon Elvins
Nice example of patterns and drawing
http://www.pixelsumo.com/post/simon-elvins
http://www.simonelvins.com/notation.html

Fold Loud
Great example of folding, design, and sound.
Playing Fold Loud involves folding origami shapes to create soothing harmonic vocal sounds. Opened circuits made out of conductive fabric are visibly stitched onto the sheets of paper which creates a meta-technological aesthetic. When the sheets are folded along crease lines, a circuit is closed like a switch. Thus, the interface guides participants to use repetitive delicate hand gestures such as flipping, pushing and creasing.
http://www.jooyounpaek.com/foldloud.html

FlatFutures
Nice examples and inspiration on folding, scratching, crunching, cutting paper techniques.
http://www.miquelmora.com/flatfutures.html
More info;
http://www.we-make-money-not-art.com/archives/2007/01/more-works-from.php

Graffiti light roller
http://www.random-international.com/temporary-graffiti-light-roller-2/

Interactive paper cd cover
Nice example of technical aesthetics
http://www.matthewfalla.com/projects/new%20project%20pages/cd.html

Audible Drawings
About:
http://www.isea2010ruhr.org/programme/exhibitions/trust/joyce-hinterding
Pictures:
http://www.flickr.com/photos/transphormetic/4927690650/

Leah Buechley - electronics and paper
http://www.youtube.com/watch?v=lij4rV4h_SA
http://www.talk2myshirt.com/blog/archives/1057

Conductive ink on the body
http://fashioningtechnology.ning.com/profiles/blogs/conductive-ink-for-your-skin