Interaction Development: Construction and Modeling

Lecturer: Bjarne Slipsager (bsl@ats.dk)
Lessons: 82
Lessons in class: 55 = 11*5
Lessons in Project: 27 (supervision, technical supervision)

 

Lecture plan   (9.00 – 13.30 ) class A, spring 2008

28.01

5 Lessons

Programming, JavaScript Intro, Variables , Event handlers

Readings:
http://www.yourhtmlsource.com/javascript/basicjavascript.htm

http://www.yourhtmlsource.com/javascript/writingscripts.html

http://www.yourhtmlsource.com/forms/basicforms.htm
Pollock: Module 1 – 3

Documents:


Examples:

Exercises:

Day 1 exercises (pdf)

  1. Change the variable name in webpage variables from
    age to myAge and name to myName.
  2. Is Java the same as JavaScript ?
  3. What is the latest version of JavaScript?
  4. Try to put comments in the code on some of the examples

Other things:

a lot of new things (only in Internet Explore)

29.01

5 Lessons

Functions, Operators , Events

http://www.yourhtmlsource.com/javascript/eventhandlers.html
http://www.yourhtmlsource.com/javascript/functions.html
Pollock: Module 4 – 5

Documents:
Functions and operators

Examples:

types of functions (only in Internet Explore :( )


function_definition1
function_definition2_param
function_return

goldenmean
Input from the user with the prompt function that returns the input to a variable:
var width =prompt("Please enter the width of your screenresolution","0");

operator_test (comparison of a and b with the operators ==, < , > )

Exercises:

Exercises for functions

 

Other things:
HAL.swf , HAL.fla

(Have a break and see the Stanley Kubrick movie
2001: A Space Odyssey )

07.02

5 Lessons

Pollock: Module 6 – 7
Conditional Statements, Loops


http://www.yourhtmlsource.com/javascript/writingscripts.html
http://www.w3schools.com/js/js_loop_for.asp

Documents:

dag 3 condition and loops

Examples:

email_valid

texttest

Exercises

:function_rep_exercise

exercise_loops_condition

 

18.02

5 Lessons

Pollock: Module 8 – 10
Predefined Objects and the DOM

http://www.yourhtmlsource.com/javascript/objectsproperties.html

Documents:

DOM and DHTML

http://www.w3schools.com/htmldom/dom_obj_window.ashttp://www.w3schools.com/htmldom/dom_examples.asp

Examples:

hotelplaner
cookie
newpage
domscript_demo (In Danish)

Exercises:

Exercises object and DOM

20.02

5 Lessons

Pollock: Module 13 – 14
Handling Strings and Numbers, Menus, Cookies


http://www.yourhtmlsource.com/javascript/formvalidation.html
http://www.yourhtmlsource.com/javascript/dhtmlexplained.html
http://www.yourhtmlsource.com/javascript/cookies.html

Documents

  1. String, Date, Math object =>Form  validation, Form calculation
  2. Menus  
  3. Cookies

:

Examples:

Case 1 project example
menu

Exercises:

Exercises for JavaScript_DOM_String_Emailvalid_Menu

 

21.02

5 Lessons

Rosenzweig: Charter 1
Basic ActionScript 3.0

Documents:

A1 :Zip file with documents and Flash examples used in the Lecture

Plan


9.00 – 10.15 Lecture

  1. Intro_as_trace.fla  (javascript =>as1+2 => as3)
  2. Action overview doc ( the book, mouse events, videotutourial)
  3. Button in As3 (click_to_play.fla)
  4. EnterFrame event for animation loops.   MovieClip properties, Instance names
    (animation_with_as3_enterframe.fla)

10.30 – 12.45 Exercises
12.45-13.30: Presentation of solutions

A1: Exercises:

    1. Make and ActionScript 3.0 (AS3) program that write 10 times  ‘Hello Flash World’ to the output window in Flash. Save it as a11.fla
    2. Make and AS3 where you write ‘Hello ActionScript 3.0’ to a Textfield. Save it as a12.fla
    3. Make and external AS3 file named HelloAction.as that contains a Class that writes 10 times ‘Hello Flash World’ to the output window. Save it as a13.fla
    4. Make button start some kind of tween animation using As3
    5. Which good programming practices does Rosenzweig emphasize in chapter 1?  ( mention at least four)

22.02

5 Lessons

Rosenzweig: Charter 2
ActionScript Game Elements

Files for chaarter 2

9.00 – 10.15 Lecture

  • Creating Visual objects  ( UsingMovieClips.fla )
    • Linkage Properties for symbols , expert for ActionScript, Class Name
    • Var myMovieClip:Mascot = new Mascot();  // creating and instance of the Mascot class
  • Drawing Shapes (Drawing shapes.fla)
  • Sprite Movement.fla
  • Programming User Interaction
    • Keyboard control (Moving Sprites.fla)
    • Mouse dragging (DraggingSprites.fla)
  • Collision Detection (CollisionDetection.fla)

10.30 – 12.45 Exercises

  • Make a combination creating a Visual object and using a for loop
  • Draw a  red circle, green square and a blue triangle
  • Make a combination of User Interaction and Drawing
  • Make a combination of sprite movement , mouse dragging and collision detection.

12.45-13.30: Presentation of solutions

 

25.02

5 Lessons

Garrett: The Element of User Experience , Chapter 2-3
Case 1 project

Documents:

Systemdevelopment

 

Exercises:

Feedback on your requirement specification for case 1

exercise - implementing a requirement specification

What is the Agile development metode and how is it compared with waterfall and prototyping ?

 

 

06.03

5 Lessons

Rosenzweig: Charter 3
A Matching Game

Documents:

Zip files for charter 3

Bjarnes notes for chapter 3

Exercises:

ex1.

Change the constant of boardWidth a and boardHeight to 2 and 3 in the matching games examples and test the result.
private static const boardWidth:uint = 2;

private static const boardHeight:uint = 3;
Try to explain what is going on in the examples to a fellow student.
Try to change some of the constants and see what happens.

ex2.

 Convert game into a math game for children with 3 relations (e.g.  1,I,2,II,3,III )

ex3.

Feedback on case 1 requirement specifications.

 

 

10.03

5 Lessons

Rosenzweig: Charter 10
Trivia and Quiz Games, Semestertest (obligatorisk)

Documents:

Examples:

Exercises:

14.04

5 Lessons

Rosenzweig: Chapter 10
Trivia and Quiz Games, evaluering

  1. Case 1 reflection, supervision
  2. Lectureplan , Status, Evaluation (books, teaching methodes, exercises..)
  3. Chapter 10. Quiz game + XML
  4. Requirements for case 2
  5. Test in It’s Learning

Documents:

Zip file for chapter 10