Preparations for the course

Note: these instructions were sent to all participants registered for Multitouch Interaction 2015.

The teaching will use iOS devices, which means that there are a few requirements in order to be able to run projects on physical devices. In order to kickstart the course I attach a number of things that I require you to do before the course starts:

  1. Create an Apple ID and send me the email address associated with it. Some of you probably already have an apple ID. Do not create a new one then, just send me the email address you used for registration. (Due date: Thursday, May 7th)
    email: Susanne.miessner [at]
  2. Will you use your own device (iPhone, iPad, iPod touch)? (Due date: Thursday, May 7th)
    – If not, borrow a device from the Media Lab library. Tell me device type, your name, and its number (written on the sticker; usually something like: M05318)
    – If yes, get your device’s UDID, device type (e.g., iPhone 5C, iPad mini), owner name and send it to me: susanne.miessner [at] aalto.fiHow to get your device’s UDID (on Mac):
    – Launch iTunes.
    – Connect your device. Click on the device.
    – In the Info-tab click on “Serial Number” until UDID appears, copy the UDID (use right-click to copy) and send them to me (also include device type and your name).
  3. If you want to use your own computer (Mac only) to do the exercises and your own project (Due date: Tuesday May 12th – course start):
    – Download Xcode 6.3 (
    – Download openFrameworks for iOS (current version 0.8.4): (and remember where you put it)
    If you haven’t downloaded these files before the course starts you will need to use a school’s computer in the classroom for the whole course.

Use this email address to send all the information to Susanne.miessner [at]

Pekka (Salonen) will send you an invitation to Media Lab’s developer program after Thursday. Please accept this invitation. It is part of the process required by Apple. I will explain more about this when the course starts.

If you have any problems following these instructions please let me know as soon as possible. Also if you have any questions regarding the course, drop me an email or talk to me when you see me.

See you next week!

Posted in Courses / Projects, Multitouch Interaction, Multitouch Interaction 2015 | Leave a comment

Multitouch Interaction 2015 – overview

The course focuses on using multitouch interaction to create engaging experiences on mobile devices (focus: smartphones/tablets). The course concentrates on the iOS platform, but for their own projects students can also use other platforms.

The main development environment for the course will consist of openFrameworks/C++ with Xcode. Students should have previously attended the Software Studies for Media Designers course, or have equivalent skills. As part of the course students are required to plan, develop, document, present and reflect on their own project at the end of the course.

schedule (might be subject to change)

Tue   12.5. 9-12    Introduction (developer registration, development environment (oF, Xcode)
Wed  13.5. 9-12    Text, accelerometer, touch
Thu   14.5.              No class, Ascension Day
Fri      15.5. 9-12    Generative graphics, playing video + sound

Tue   19.5. 9-12    Image manipulation, project proposals
Wed  20.5. 9-12   navigation and/or classes
Thu   21.5. 9-12    Project development
Fri     22. 5. 9-12  Project development

Mon 25.5 11-3       Optional tutoring
Tue   26.5. 10-12   Project presentation

course files (will appear here during the course)

Example 1: Hello World
Example 2: Spin Text
Example3: Touch
Example 4: Move Squares (generative graphics)
Example 5: Video Player
Example 6: SoundPlayer (take a look at it. We didn’t go through this one in class)
Example 7: Image Manipulation
Example 8: Snow Flake Class

students’ project code:

Beatbox by Poyan Mohseninia
Good Morning by Jae Yong Kim
I see you by Jinhee Kim
Lottery Machine by Antti Ottonen
Zoo by Lisa Dai

Posted in Multitouch Interaction 2015 | Leave a comment

Multimedia Authoring @ Media Lab Helsinki 03/2015

Video and photo documentation from the Multimedia Authoring 2015 course:


Multimedia Authoring 2015. Generative Audio/Visuals. Aalto University, Media Lab Helsinki
Projects by: André Vicentini, Eduard Shagal, Fernando Visockis, Johanna Lehto, Niklas Pöllönen, Samir Hassaine, Ralf Baumann, Roupen Bastadjan, Tuomas Ahva, Yun Hsuan Huang, Chen Ling
Teacher: Nuno Correia
Made with:

Posted in Multimedia Authoring 2015 | Leave a comment

Multimedia Authoring: Mar/2015

23/Mar/2015, 9-16h: Introduction to openFrameworks; Animation; Generative graphics
24/Mar/2015, 9-16h: Particle systems; Physics; Audio
25/Mar/2015, 9-16h: Audio-visuals; Project development
26/Mar/2015, 9-16h: Project development
27/Mar/2015, 9-16h: Project development and presentation

The course is focused on the generative aspects of multimedia design and the authoring process, interaction design and the control of media elements in interactive projects. Students will experiment with a broad range of media elements with an emphasis on controlling media behavior through code. Special emphasis will be given to crossings between sound and image: sound visualisation; sonification; audiovisual composition; visual music; etc.

The main development environment for the course will be openFrameworks (, although other environments will be explored. Students should have previously attended the Software Studies for Media Designers course, or demonstrate having acquired equivalent skills. Students are required to plan, develop, document and present a project at the end of the course. An introduction to openFrameworks:

Recommended bibliography:
Noble, J., 2012. “Programming Interactivity: A Designer’s Guide to Processing, Arduino, and openFrameworks” (2nd Edition), O’Reilly Media.
Perevalov, D., 2013. “Mastering openFrameworks: Creative Coding Demystified”, Packt

Posted in Multimedia Authoring 2015 | Leave a comment

Multitouch Interaction @ Media Lab Helsinki 03/2014

Video and photo documentation from the Multitouch Interaction 2014 course:

Thank you:
course participants
openFrameworks community
More info on individual projects:
John Roberts – Palace – Dial Records

Posted in Multitouch Interaction 2014 | Leave a comment

Multitouch Interaction – project presentations

We will have project presentations from the Multitouch Interaction course tomorrow (14/March) at 10am. Location: Media Lab (Otaniemi campus, Miestentie 3), 5th floor computer room. Everybody’s welcome.

You can get an idea of the around 13 projects that will be presented (mostly mobile apps) by checking the project concepts:

Photos from the initial exercises:

Posted in Multitouch Interaction 2014 | Leave a comment

Using addons in openFrameworks (such as ofxBox2d)

Using addons in openFrameworks might create problems, compiler errors, files not found etc. Therefore, I recommend that you use projectGenerator, an app that comes within the openFrameworks folder (inside the “projectGenerator” folder).

More info:

(note: in ofxBox2d, testApp.h, there is a typo, you have to fix it (line 7): ofxiOS > ofxiOSApp)

Posted in Multitouch Interaction 2014, openFrameworks | Leave a comment

RGB Blender

I would like to make RGB blender app. Tapping top color pot, each color will drop to bottom, and blended.
The reason why I want to make this is, I am bad at imaging to mix color.

Also if there are enough time, I want to make “quiz mode”.
Quiz mode asks you to make some particular color i.e. “Blend the color of Facebook”.


Posted in Multitouch Interaction 2014 | Leave a comment

OSC StepSequeser

A basic step-sequencer with OSC output, I want to make it in 3D, with GLSL interaction, in the future.


Posted in Multitouch Interaction 2014 | Leave a comment

Balloon Note

My project is a Note app. It’s not a rectangular shape note that you can organize texts linearly, but a circular shape note borrows a motif from balloons. There’s no complex menu, a user can just drag the screen and create balloons in size he/she wants, then write a short text on it. The user can decide classification and importance by selecting size, color and weight (position of the balloon : light balloons go up, heavy ones go down). Also, the user can delete the note (pop the balloon) by double tapping or two finger touch.

-to do list, idea note, keyword memo.

-free and creative approach to organize memos

default main


Posted in Multitouch Interaction 2014 | Leave a comment