2013/05 Developing Interactive Systems, IMKE MA, Tallinn University

Between March and May 2013, I taught the 28 hour Developing Interactive Systems course, part of Interactive Media and Knowledge Environments MA of Tallinn University. The course focused on mobile development with openFrameworks and iOS (although 2 of the 7 projects used other technologies).

Photos and a video from the course:


Introduction

My teaching blog:

Getting started with iOS development:

About openFrameworks:

More on oF, C++, Xcode:

Bibliography:

Dropbox link with exercises:

 

Program

WEEK 1

  • Session 1 – 09/03/2013 – Introduction and developer registration
  • Session 2 – 09/03/2013 – Text

WEEK 2

  • Session 3 – 22/03/2013 – Generative graphics; multi-touch; accelerometer
  • Session 4 – 23/03/2013 – Bitmap image

WEEK 3

  • 05,06/04/2013 (Jaagup Kippar)

WEEK 4

  • Session 7 – 20/04/2013 – Video; sound (*); project proposal presentations
  • Session 8 – 21/04/2013 – Classes; GUI; project supervision

WEEK 5

  • Session 9 – 03/05/2013 – Project presentations

 
(*) Link about sound in iOS and conversion to .CAF format: http://mlab.taik.fi/mediacode/archives/1784
 

Project proposals and presentation

Schedule:

  • On 20/April, you will present your project proposals.
  • On 21/April, I will see your work in progress, and offer assistance, if necessary.
  • On 3/May, you will present your projects.

Theme of the project:

  • The project can be any mobile application.
  • Many of the exercises under examples > ios folder in openFrameworks are a good representation of the techniques we are learning in the course, and 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.
  • You might choose to use any other platform/technology for your project, but I might not be able to provide support in that case.

How to present the project proposals (20/April):

  • Present your concept using wireframes (see links below), and a project synopsis (a summary, 2-3 paragraphs of text).
  • I would like something closer to high-fidelity than low-fidelity wireframes (check Wikipedia link below for distinction).
  • If your wireframes are low-fidelity, 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 (synopsis, high-fidelity wireframes, or low-fidelity wireframes + mood board) somewhere on the web.
  • Add a URL to those materials as a comment to this post (see “comment” box below). Ideally, the materials should be easily accessible online (for example, a webpage / blog post / Google Doc / SlideShare), not a downloadable file.

About the final project presentation (3/May):

  • Please be realistic regarding what you plan to present 3/May.
  • In the project synopsis, explain how far the project will be implemented by 3/May.
  • It is OK to present a project prototype on 3/May, but it should be interactive.
  • You can also see it as a beta or “version 0.1” of a project, which is getting closer to a final release (this is more developed than a prototype in my opinion, therefore preferable).
  • If what will be presented in 3/May is only an early stage of something else (a prototype, a beta) you should indicate a clear path to its development in the future (meaning, it has to be something feasible anyway).

Wireframe links:

Preparation for project (before 20/April)

  • Redo exercises from previous programming course (Java)
  • Redo exercises done until now, changing them slightly according to your own explorations
  • Run several (or all) examples from the examples > ios folder in openFrameworks, to get an idea of what can be done and what you can reuse
  • Get the suggested book (Noble, Joshua (2012) Programming Interactivity (2nd Edition), O’Reilly Media) and follow the relevant chapters
  • In general, check all the links suggested in the “Introduction” section of this post
  • In particular, check the tutorials sections of openFrameworks http://www.openframeworks.cc/tutorials/
  • and also the openFrameworks “wiki” http://wiki.openframeworks.cc/
  • Search with terms “openframeworks ios tutorials” and “openframeworks tutorials”, you will find many materials

10 Comments

  1. Nuno Correia (Author)

    This tutorial might be useful for some of the projects: Integrating native UIKit to your existing OpenFrameworks iOS project http://www.creativeapplications.net/iphone/integrating-native-uikit-to-your-existing-openframeworks-ios-project/ (more advanced tutorial)