This course focuses mainly on an introduction to programming; How to understand, use and write high-level code for interactivity using interaction-design concepts. The lectures cover the basic principles behind computer programming: variables, events, functions, animations, sound, video, image & loading, introduction to object-oriented programming. The student will also learn and practice how to “Think”/plan, analyze, and solve design/code-related problems.
The second part of the course gives an introduction to Multi-touch, with focus on designing and coding basic prototypes, working with touch-events & gestures, user interaction and final tests on a touch-device. The student will also have a chance to practice other physical interaction methods during the project-part.
The course includes theory, exercises, team-exercises, discussions and finally a project-work with documentation and presentation.
Programming languages: ActionScript 3.0, HTML5 (JavaScript) & Processing (Java)
Tools: Adobe Flash CS5.5/CS6, Dreamweaver, Aptana Studio, Processing (Flash CS6 & Dreamweaver can be downloaded as demos for 30 days, Aptana Studio & Processing are open source. All software will be available in the lab)
Time & place: Week 42-43 09.00 ~ 20.00 Green PC lab & Interaction Workshop at UID
(See schedule below for details)
Teacher/Tutor: Thomas Lövgren
thomas.lovgren@humlab.umu.se
Course Documents
programming_for_interactivity_ixd2_2012_course_description_v03.pdf
programming_for_interactivity_ixd2_2012_content_overview_v01.pdf
programming_for_interactivity_ixd2_2012_schedule_v01.pdf
programming_for_interactivity_ixd2_2012_multitouch_project_description_v01.pdf
Exercises
programming_for_interactivity_ixd2_2012_oop_team_exercise_lego_v01.pdf
programming_for_interactivity_ixd2_2012_week_exercises_v.01.pdf
Lecture Theory (slides)
programming_for_interactivity_ixd2_2012_lecture_theory_chapter01_introduction_techniques_tools.pdf
programming_for_interactivity_ixd2_2012_lecture_theory_chapter02_variables_datatypes.pdf
programming_for_interactivity_ixd2_2012_lecture_theory_chapter03_statements_loops.pdf
programming_for_interactivity_ixd2_2012_lecture_theory_chapter04_functions_objects.pdf
programming_for_interactivity_ixd2_2012_lecture_theory_chapter05_events.pdf
programming_for_interactivity_ixd2_2012_lecture_theory_chapter09_sound.pdf
programming_for_interactivity_ixd2_2012_lecture_theory_chapter12_13_oop.pdf
programming_for_interactivity_ixd2_2012_lecture_theory_chapter14_multi-touch_pt1_self-study_.pdf
programming_for_interactivity_ixd2_2012_lecture_theory_chapter15_multi-touch_pt2.pdf
AS3 Example-files
programming_for_interactivity_ixd2_2012_lecture_theory_chapter03_example_files_statements_loops.zip
programming_for_interactivity_ixd2_2012_lecture_theory_chapter04_example_files_functions_objects.zip
programming_for_interactivity_ixd2_2012_lecture_theory_chapter05_example_files_events.zip
programming_for_interactivity_ixd2_2012_lecture_theory_chapter12_13_example_files_oop.zip
programming_for_interactivity_ixd2_2012_lecture_theory_chapter14_15_example_files_multitouch.zip
HTML5 Example-files
programming_for_interactivity_ixd2_2012_lecture_example_files_html5_basic_examples.zip
programming_for_interactivity_ixd2_2012_example_files_html5_jquery_animation_bounching_ball.zip
programming_for_interactivity_ixd2_2012_example_files_html5_jquery_ui_drag_drop.zip
Processing Example-files
programming_for_interactivity_ixd2_2012_lecture_example_file_sound_visualizer.zip
programming_for_interactivity_ixd2_2012_lecture_example_file_oop_particles_mouse.zip
Media Files for Lectures
programming_for_interactivity_ixd2_2012_media_files_for_lectures_exercises.zip
Student work, Project-videos & Documetation
Fingster by Miguel Peres
search?q=52353053&btnI=lucky
Zombie Attack: 4 Days Later by Alexis Morin
search?q=51017944&btnI=lucky
Dots / Shapes
search?q=%2052298959&btnI=lucky
Tutorials, Links & Resources
HTML5
Flash, AIR & ActionScript3
Processing
Multi-Touch