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).
My teaching blog:
Getting started with iOS development:
More on oF, C++, Xcode:
Dropbox link with exercises:
- Session 1 – 09/03/2013 – Introduction and developer registration
- Session 2 – 09/03/2013 – Text
- Session 3 – 22/03/2013 – Generative graphics; multi-touch; accelerometer
- Session 4 – 23/03/2013 – Bitmap image
- 05,06/04/2013 (Jaagup Kippar)
- Session 7 – 20/04/2013 – Video; sound (*); project proposal presentations
- Session 8 – 21/04/2013 – Classes; GUI; project supervision
- 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
- 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:
(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).
- About wireframes (Wikipedia):
- Mockingbird – online wireframe tool:
- 35 Wireframe resources:
- 10 useful iOS developer resources:
- Wireframe apps for iPad:
- On iPhone and iPad mockups:
- 10 Free wire framing tools for designers:
- POP – Prototyping on Paper:
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 replies on “2013/05 Developing Interactive Systems @ Tallinn University”
Project proposal for 20.04:
Wireframe will be added on April 20th.
woreframes for the project
My idea: http://randoimke.wordpress.com/2013/04/20/ifi7154-app-idea/
My project idea: http://kat-lyn2.blogspot.com/2013/04/sudoku-improved.html
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)
Vector tips, particularly for Mehis: