User Tools

Site Tools


courses:programming_for_interactivity_ixd2_2012

Programming for Interactivity IxD2 2012

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_chapter02_example_files_variables_datatypes.zip

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

programming_for_interactivity_ixd2_2012_lecture_example_files_html5_ship_bullets_keyboard_animation.zip

programming_for_interactivity_ixd2_2012_lecture_example_files_html5_oop_particles_mouse_processingjs.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

courses/programming_for_interactivity_ixd2_2012.txt · Last modified: 2012/11/06 04:10 by adam.henriksson