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

Posted in Multitouch Interaction 2015 | Leave a comment

I see You_Supersti+Tech Project

A mobile application telling your past life

iseeyou_Page_2

iseeyou_Page_3

 

 

Posted in Multitouch Interaction 2015 | Leave a comment

Let the box beat!

Let the box beat is a application that enhances its user to become beatboxer.

metro_beat01metro_beat02

metro_beat03metro_beat04

metro_beat05metro_beat06

metro_beat07

Posted in Multitouch Interaction 2015 | Leave a comment

Lottery machine with realistic physics

Initial screen 1st slot activated and captured 2nd slot activated and captured copy Last slot activated and captured Last screen

Posted in Multitouch Interaction 2015 | Leave a comment

Good Morning – Jaeyong

https://moqups.com/jaeyonglee05@gmail.com/NWP4lkwJ

Posted in Multitouch Interaction 2015 | Leave a comment

Generative art and sound

I have two basic ideas, both to do with sound and visuals. One is to make a simple app which has only a circle at the centre as the artwork. Different radiuses of the circle and rotation generate different sounds. Further layers can be added using more fingers. The idea is to use like a DJ spinning a wheel.

spin-01

The second is to make a basic generative art and sound app which uses mesh or particle generative art that corresponds to sound. These change depending on the number of fingers used to touch the screen. The larger idea is that a performer could use just his fingers to trigger both audio and visuals. I am yet to decide exactly what the images look like but below are some reference links and images.

For this course i want explore basic

re2 re1 re3

 

Here is another inspiring reference link of something similar but for children.

 

Posted in Multitouch Interaction 2015 | Leave a comment

Zoo – Lisa

FullSizeRender-7 FullSizeRender-8 FullSizeRender-2 FullSizeRender-3  FullSizeRender-6FullSizeRender-5

FullSizeRender-4

 

– two finger to create a new animal

– three finger to create a new plant

– four finger select and move/delete

– double tap to choose object

– single finger move to change color

Posted in Multitouch Interaction 2015 | Leave a comment

Project Proposals

On 19 May you will present your project proposals for Multitouch Interaction 2015.

Project requirements:

The project can be any application that involves multitouch interaction.
The projects “examples/iOS” in openFrameworks can be used for inspiration.
Also check other oF resources, such as the oF Forum. The Forum is very rich on information and resources, and has a dedicates iOS section.
In your project, you will probably have to mix parts of these exercises, and the exercises done during the classes.
How to present the concept:

Present your concept using wireframes (see links below), and a project description (a summary, 2-3 paragraphs of text). If your wireframes are low-fidelity (see difference to high-fidelity in Wikipedia link below), you should convey a visual character for the project, for example using mood boards: http://en.wikipedia.org/wiki/Mood_board – there are many more resources on the web and mobile regarding mood boards)
Then publish all these elements (description, high-fidelity wireframes, or low-fidelity wireframes + mood board) in the course blog. Registration is now open but will be closed as soon as all students are in (preventing spammers).

Please be realistic regarding what you plan to present on 26 May.
In the project description, explain how far the project will be implemented by 26 May.
In class you will present your project idea for 5min after which we will take 5min per project to discuss feasibility of the projects and the steps to take to implement your idea by 26 May.
After the final project presentation on 26 May you will have one week to write a reflection on your project (more info on this will appear here soon).

Wireframe links:

About wireframes (Wikipedia):
http://en.wikipedia.org/wiki/Website_wireframe
Mockups: https://moqups.com/
Mockingbird – online wireframe tool:
https://gomockingbird.com/
10 useful iOS developer resources:
http://www.maclife.com/article/feature/10_useful_resources_every_ios_developer
Wireframe apps for iPad:
http://apple.stackexchange.com/questions/14324/wireframe-ios-design-apps-for-ipad
On iPhone and iPad mockups:
http://www.iosdevnotes.com/tag/mockups/
POP – Prototyping on Paper:
https://itunes.apple.com/us/app/pop-prototyping-on-paper/id555647796
Invision – Interactive High-Fi Prototyping: http://www.invisionapp.com/

Posted in Multitouch Interaction 2015 | Leave a comment

making the simulator work

Here is a hack to make the simulator work with the current version of OpenFrameworks and Xcode 6. Add the following piece of code in the very end of main.mm (after the curly bracket of int main()</ closes.


extern "C"{
    size_t fwrite$UNIX2003( const void *a, size_t b, size_t c, FILE *d )
    {
        return fwrite(a, b, c, d);
    }
    char* strerror$UNIX2003( int errnum )
    {
        return strerror(errnum);
    }
    time_t mktime$UNIX2003(struct tm * a)
    {
        return mktime(a);
    }
    double strtod$UNIX2003(const char * a, char ** b) {
        return strtod(a, b);
    }
}


The code redirects a number of functions to work with XCode 6 simulators.

Posted in Multitouch Interaction 2015 | Leave a comment

enable Retina support

To enable retina support in your project go to main.mm. replace the standard line:

ofSetupOpenGL(1024,768,OF_FULLSCREEN);// 

with:

ofAppiOSWindow * iOSWindow = new ofAppiOSWindow();
ofSetupOpenGL(iOSWindow, 1024, 768, OF_FULLSCREEN);		
iOSWindow->enableRetina();
Posted in Courses / Projects, Multitouch Interaction, Multitouch Interaction 2015 | Leave a comment

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] aalto.fi
  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 (https://developer.apple.com/xcode/downloads/)
    – Download openFrameworks for iOS (current version 0.8.4): http://openframeworks.cc/download/ (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] aalto.fi

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