Interaction Design II
		Next

Interaction Design II

Niels Müller Larsen

Copyright © 2011 Niels Müller Larsen

Dette arbejde er beskyttet af Creative Commons Attribution 3.0 License. For at se denne licens må du besøge http://creativecommons.org/licenses/by/3.0/deed.da eller skrive til Creative Commons, 559 Nathan Abbott Way, Stanford, California 94305, USA.

This work is licensed under the Creative Commons Attribution 3.0 License. To view a copy of this license, visit http://creativecommons.org/licenses/by/3.0/ or send a letter to Creative Commons, 559 Nathan Abbott Way, Stanford, California 94305, USA.

2011-03-28

Table of Contents

Interaction?

Introduction to the course

Interaction Design II
Course Curriculum
Literature

I. PHP, PHP Home Pages

PHP Home Pages

Some Basic FAQ Items
Just Testing - The First Small Step for Man
An Example
The PHP Way
Running PHP

Assignments

Hand in procedure:
Assignment 1.0

The Great Leap Forward

Example Server Variables, PHP Variables

PHP Variables and Data Types

Declaration and Operation
Simple Operations
Let us go live

Variable Values

First Source: Values with the URI

Second Source: Values From a Form

Assignments

Hand in procedure:
Assignment 2.0
Assignment 2.1
Assignment 2.2

3. PHP Practical Work and Writing Text Files

Assignments - Model Solutions

Assignment 2.0
Assignment 2.1
Assignment 2.2

Assignments - Model Solutions - Alternative

Assignment 2.0 - Model Solution Alternative

Assignments - Model Solutions - Alternative - Extra

Assignment 2.0 - Model Solution Alternative Extra

Writing Text Files

Writing Flat Files - One More Time

Assignments

Hand in procedure:
Assignment 3.0
Assignment 3.1
Assignment 3.2 - An Extra, Useful, Assignment

4. PHP and Text - Writing a File and Reading It Again

Model Solution Assignment 2.1/3.1 (a)

Model Solution Assignment 2.1/3.1 /b)

Model Solution Assignment 3.2 Extra Useful Ass.

Reading Text Files

Reading Text Files - One More Time

Assignments

Hand in procedure:
Assignment 4.0
Assignment 4.1

5. PHP - Program Control

Model Solution Assignment 2.1/3.1/4.1 b)

Program Control

Look Out for Your Surroundings

Standard PHP Functions - date()

Assignments

Hand in procedure:
Assignment 5.0

6. PHP - Security and Sessions

Model Solution Assignment 5.0

Assignments

Hand in procedure:
Assignment 6.0

7. PHP - Programming a Website

Model Solution Assignment 6.0

Assignments

Hand in procedure:
Assignment 7.0
Assignment 7.1
Assignment 7.2

II. JavaScript

8. Yet Another Programming Language

References for this Lesson
Model Solutions Assignments 7.n (PHP)
JavaScript - What? Where? Why? How?
JavaScript
Example 1
Example 2
Example 3
Example 4
Example 5
Example 6

9. ... with JavaScript

References for this Lesson

JavaScript Fundamentals

DOM Example

If - You Can't Live Without It
Switch - Serial Ifs

The Finest Repetition Available
While - Over and Over
For - Again and Again
The toality of these fundamentals in one page

Assignments

Hand in procedure:
Assignment 10.0
Assignment 10.1
Assignment 10.2

10. Validating User Input With JavaScript

References for this Lesson

Form Input Validation

Live Example

Assignments

Hand in procedure:
Assignment 11.0
Assignment 11.1

11. Animation with JavaScript

References for this Lesson

Animation with JavaScript, Example 1

Animation with JavaScript, Example 2

Animation with JavaScript, Example 3

Assignments

Hand in procedure:
Assignment 12.0
Assignment 12.1

12. Cookies with JavaScript

References for this Lesson
Cookies with JavaScript
Cookie Example
Cookie Example Embedded in XHTML

III. PHP, MMDays Workshop

13. PHP Basics Workshop

Workshop: You Work, and Ask, I Answer

The Work of the Workshop

Sample Solution

IV. OO PHP, MMDays Object Oriented PHP Home Pages Workshop

14. Object Oriented PHP Programming I

The First Steps in OO PHP

Some Basic Concepts
Definition of a Class
Using the Class Definition
Exercise
Run of the Mill Example

The Final Table

Using the Table Class

The Finished Class
Usage

15. Object Oriented PHP Programming II

References
More OO PHP

16. Object Oriented PHP Programming III

References
Lets Us Play What If

V. Flexing AS

17. ActionScript 3.0 in Flex

The Context

Using ActionScript - Two Bits of Code Examples

Let's Finish Here

A. The Client/Server Model

Architechture
What Happens Where?
WWW som client/server
Technology in three tiers

B. Setting Up 3 Tier Client Server Environment

Apache, MySQL, PHP

Prerequisites
MySQL setup under Windows
Installation of a Sample Database

List of Figures

1. Two tier client/server
2. Three tier client/server
1.1. Illustration of assignment files structure
2.1. Variable Sources
2.2. Email Form
2.3. Newsletter Subscription
2.4. Primitive Calculator
3.1. Email Form
3.2. Newsletter Subscription
3.3. Primitive Calculator
3.4. MultiMediaGallery Initial
3.5. MultiMediaGallery In Use
7.1. Navigating the Site
13.1. For You To Make
14.1. Class Diagram
14.2. An XHTML Table
A.1. Client/Server Model Illustrated
B.1. Windows environment setup
B.2. Path edit
B.3. Creation of the database
B.4. After the creation

List of Examples

4.1. Greg's Solution - Slightly Changed
4.2. The Teacher's Simplest Solution
4.3. HTML5 Solution - With a Vision
5.1. varFormAss1a.php
5.2. varFormAss1ServerSave1.php
5.3. myFollowers.txt
5.4. 4.0
5.5. 4.1
5.6. Sample Text File
6.1. varFormAss1Saved50.php, first change
6.2. varFormAss1Saved50.php, second change
6.3. login.php
6.4. x.php
6.5. x1.php
6.6. passwd.txt
6.7. logout.php
7.1. project42
7.2. project42 with Flash
9.1. jsSample42.html
13.1. xhtmlTop.inc.php
13.2. xhtmlNeck.inc.php
13.3. xhtmlFoot.inc.php
13.4. phpWorkshop.css
13.5. firmaFront.txt
13.6. firmaFrontLinks.txt
13.7. Start With This
13.8. One Possible Solution Is

		Next
		Preface