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).
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:
- About wireframes (Wikipedia):
http://en.wikipedia.org/wiki/Website_wireframe - Mockingbird – online wireframe tool:
https://gomockingbird.com/ - 35 Wireframe resources:
http://www.smashingmagazine.com/2009/09/01/35-excellent-wireframing-resources/ - 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/ - 10 Free wire framing tools for designers:
http://mashable.com/2010/07/15/wireframing-tools/ - POP – Prototyping on Paper:
https://itunes.apple.com/us/app/pop-prototyping-on-paper/id555647796
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:
http://darjaimke.wordpress.com/2013/04/19/ifi7154-developing-interactive-systems-project-proposal/
Project proposal
http://agynter.wordpress.com/2013/04/19/developing-interactive-systems-course-project/
Wireframe will be added on April 20th.
woreframes for the project
http://imkerina.wordpress.com/2013/04/20/qr-museum-prototyping/
My idea: http://randoimke.wordpress.com/2013/04/20/ifi7154-app-idea/
http://mehisimke.wordpress.com/2013/04/21/ios-app-proposal/
My project idea: http://kat-lyn2.blogspot.com/2013/04/sudoku-improved.html
Project idea:
http://tlustudyblog.wordpress.com/2013/04/21/35/
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:
http://mlab.taik.fi/mediacode/coursefiles/course_2012_MMA/ex6-circles-classes-vectors.zip
http://www.cplusplus.com/reference/vector/vector/
http://ifi7117ifi7118-darja.blogspot.com/?view=classic