User Tools

Site Tools


courses:programming_for_interactivity_ixd2_2012

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
courses:programming_for_interactivity_ixd2_2012 [2012/10/29 15:39]
94.255.159.249
courses:programming_for_interactivity_ixd2_2012 [2012/11/06 04:10] (current)
adam.henriksson
Line 1: Line 1:
 +==== 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** ​
 +
 +{{:​courses:​Programming_for_Interactivity_IxD2_2012_course_description_v03.pdf|}}
 +
 +{{:​courses:​programming_for_interactivity_ixd2_2012_content_overview_v01.pdf|}}
 +
 +{{:​courses:​programming_for_interactivity_ixd2_2012_schedule_v01.pdf|}}
 +
 +{{:​courses:​Programming_for_Interactivity_IxD2_2012_multitouch_project_description_v01.pdf|}}
 +
 +----
 +**Exercises**
 +
 +{{:​courses:​programming_for_interactivity_ixd2_2012_oop_team_exercise_lego_v01.pdf|}}
 +
 +{{:​courses:​Programming_for_interactivity_IxD2_2012_week_exercises_v.01.pdf|}}
 +
 +
 +----
 +**Lecture Theory (slides)**
 + 
 +{{:​courses:​Programming_for_Interactivity_IxD2_2012_Lecture_theory_chapter01_introduction_techniques_tools.pdf|}}
 +
 +{{:​courses:​Programming_for_Interactivity_IxD2_2012_Lecture_theory_chapter02_variables_datatypes.pdf|}}
 +
 +{{:​courses:​Programming_for_Interactivity_IxD2_2012_Lecture_theory_chapter03_statements_loops.pdf|}}
 +
 +{{:​courses:​Programming_for_Interactivity_IxD2_2012_Lecture_theory_chapter04_functions_objects.pdf|}}
 +
 +{{:​courses:​Programming_for_Interactivity_IxD2_2012_Lecture_theory_chapter05_events.pdf|}}
 +
 +{{:​courses:​programming_for_interactivity_ixd2_2012_lecture_theory_chapter09_sound.pdf|}}
 +
 +{{:​courses:​programming_for_interactivity_IxD2_2012_lecture_theory_chapter12&​13_OOP.pdf|}}
 +
 +{{:​courses:​Programming_for_Interactivity_IxD2_2012_Lecture_theory_chapter14_multi-touch_pt1_(self-study).pdf|}}
 +
 +{{:​courses:​Programming_for_Interactivity_IxD2_2012_Lecture_theory_chapter15_multi-touch_pt2.pdf|}}
 +
 +----
 +**AS3 Example-files**
 +
 +{{:​courses:​Programming_for_Interactivity_IxD2_2012_Lecture_theory_chapter02_example_files_variables & datatypes.zip|}}
 +
 +{{:​courses:​Programming_for_Interactivity_IxD2_2012_Lecture_theory_chapter03_example_files_statements & loops.zip|}}
 +
 +{{:​courses:​Programming_for_Interactivity_IxD2_2012_Lecture_theory_chapter04_example_files_functions & objects.zip|}}
 +
 +{{:​courses:​Programming_for_Interactivity_IxD2_2012_Lecture_theory_chapter05_example_files_events.zip|}}
 +
 +{{:​courses:​Programming_for_Interactivity_IxD2_2012_Lecture_theory_chapter12&​13_example_files_OOP.zip|}}
 +
 +{{:​courses:​Programming_for_Interactivity_IxD2_2012_Lecture_theory_chapter14&​15_example_files_multitouch.zip|}}
 +
 +
 +
 +----
 +**HTML5 Example-files**
 +
 +{{:​courses:​Programming_for_Interactivity_IxD2_2012_Lecture_example_files_HTML5_basic_examples.zip}}
 +
 +{{:​courses:​Programming_for_Interactivity_IxD2_2012_example_files_HTML5_jQuery_animation_bounching_ball.zip}}
 +
 +{{:​courses:​Programming_for_Interactivity_IxD2_2012_example_files_HTML5_jQuery_UI_drag_drop.zip}}
 +
 +{{:​courses:​Programming_for_Interactivity_IxD2_2012_Lecture_example_files_HTML5_ship_bullets_keyboard_animation.zip}}
 +
 +{{:​courses:​Programming_for_Interactivity_IxD2_2012_Lecture_example_files_HTML5_OOP_Particles_mouse_ProcessingJS.zip}}
 +
 +
 +----
 +**Processing Example-files**
 +
 +{{:​courses:​Programming_for_Interactivity_IxD2_2012_lecture_example_file_sound_visualizer.zip}}
 +
 +{{:​courses:​Programming_for_Interactivity_IxD2_2012_lecture_example_file_oop_particles_mouse.zip|}}
 +
 +
 +----
 +**Media Files for Lectures**
 +
 +{{:​courses:​Programming_for_Interactivity_IxD2_2012_media_files_for_lectures_exercises.zip}}
 +
 +
 +----
 +**Student work, Project-videos & Documetation**
 +
 +Fingster by Miguel Peres
 +
 +{{vimeo>​52353053?​large}} ​
 +
 +  * [[http://​www.miguelperes.com/​Fingster/​Fingster.pdf|Fingster - Short article]]
 +  * [[http://​www.miguelperes.com/​Fingster/​Fingster.zip|Fingster - Source code]]
 +
 +
 +Zombie Attack: 4 Days Later by Alexis Morin
 +
 +{{vimeo>​51017944?​large}} ​
 +
 +  * [[https://​github.com/​carignanboy1/​ZombieAttack/​tree/​android|Zombie Attack - Source code]]
 +
 +
 +Dots / Shapes
 +
 +{{vimeo> 52298959?​large}} ​
 +
 +
 +----
 +**Tutorials,​ Links & Resources**
 +
 +HTML5
 +
 +  * [[http://​html.adobe.com/​|Adobe HTML5]]
 +  * [[http://​html.adobe.com/​events/​videos/​|Adobe HTML5 Edge & Tools videos]]
 +  * [[http://​www.html5rocks.com/​en/​|HTML5Rocks]]
 +  * [[http://​www.w3schools.com/​html/​default.asp|HTML5 W3school Tutorials]]
 +  * [[http://​www.jQuery.com|jQuery]]
 +  * [[http://​jquerymobile.com/​|jQueryMobile]]
 +  * [[http://​www.webkit.org|Webkit]]
 +  * [[http://​www.findmebyip.com/​litmus/​|HTML5 Browser Compatibilities]]
 +  * [[http://​processingjs.org/​| ProcessingJS]]
 +  * [[http://​www.youtube.com/​watch?​v=V2EjipWZ7co| Prototyping Responsive HTML5 Web Apps Video (40 min)]]
 +  * [[http://​sixrevisions.com/​mobile/​native-app-vs-mobile-web-app-comparison/​| Native App vs. Mobile Web App: A Quick Comparison]]
 +  * [[http://​www.w3schools.com/​tags/​tag_audio.asp|HTML5 Audio tag]]
 +  * [[http://​www.w3schools.com/​tags/​tag_video.asp/​|HTML5 Video tag]]
 +
 +
 +
 +
 +Flash, AIR & ActionScript3
 +
 +  * [[http://​www.adobe.com/​en/​products/​flash.html| Adobe Flash]]
 +  * [[http://​www.adobe.com/​se/​products/​air.html| Adobe AIR]]
 +  * [[http://​www.adobe.com/​support/​documentation/​en/​flash/​| ActionScript Documentation]]
 +  * [[http://​help.adobe.com/​en_US/​as3/​learn/​index.html| Learn ActionScript]]
 +  * [[http://​livedocs.adobe.com/​flash/​9.0/​ActionScriptLangRefV3/​|Adobe AS3 Livedocs]]
 +  * [[http://​help.adobe.com/​en_US/​ActionScript/​3.0_ProgrammingAS3/​flash_as3_programming.pdf| Flash AS3 Programming (PDF 16 MB)]]
 +  * [[http://​www.kirupa.com/​developer/​flash/​index.htm|Kirupa]]
 +  * [[http://​www.gotoandlearn.com/​|GoToAndLearn]]
 +  * [[http://​www.flashandmath.com/​|Flash and Math]]
 +  * [[http://​beautifl.net/​|Beautifl - AS3 visual galleries]]
 +  * [[http://​wonderfl.net/​|Wonderfl - AS3 visual examples with code]]
 +
 +
 +
 +
 +Processing
 +
 +  * [[http://​processing.org/​| Processing]]
 +  * [[http://​code.compartmental.net/​minim-beta/​javadoc/​| Minim - Audio library Reference]]
 +  * [[http://​processingjs.org/​| ProcessingJS]]
 +  * [[http://​sketchpad.cc/​| Sketchpad.cc]]
 +  * [[http://​www.interactiondesign.se/​wiki/​processing:​processing_android| Processing - Android Install Guide + Multi-touch]]
 +
 +Multi-Touch
 +  * [[http://​gesturecons.com/​| Gesturecons - Icons for Multi-Touch Interfaces]]
 +  * [[http://​www.adobe.com/​devnet/​flash/​articles/​multitouch_gestures.html| Multitouch and gesture support on the Flash Platform]]
courses/programming_for_interactivity_ixd2_2012.txt · Last modified: 2012/11/06 04:10 by adam.henriksson