ONLY CLICK WHEN YOU SEE A LINK (WHEN YOUR CURSOR TURNS INTO A HAND) Tufts University Fall 2002 ...

25
Tufts University Fall 2002 CD-143 Technologies of the Self Project Prototype 1 ONLY CLICK WHEN YOU SEE A LINK (WHEN YOUR CURSOR TURNS INTO A HAND) IMPORTANT This is a PROTOTYPE of the Sorting Game. Please ONLY CLICK WHEN YOU SEE A LINK -- that is, when your cursor turns into a hand. If you click on other areas, the program will not nagivate as intended. CLICK HERE TO CONTINUE

Transcript of ONLY CLICK WHEN YOU SEE A LINK (WHEN YOUR CURSOR TURNS INTO A HAND) Tufts University Fall 2002 ...

Page 1: ONLY CLICK WHEN YOU SEE A LINK (WHEN YOUR CURSOR TURNS INTO A HAND)    Tufts University  Fall 2002  CD-143 Technologies of the Self  Project.

Tufts University Fall 2002 CD-143 Technologies of the Self Project Prototype 1

ONLY CLICK WHEN YOU SEE A LINK (WHEN YOUR CURSOR TURNS INTO A HAND)

IMPORTANT

This is a PROTOTYPE of the Sorting Game.

Please ONLY CLICK WHEN YOU SEE A LINK -- that is, when your cursor turns

into a hand.

If you click on other areas, the program will not nagivate as intended.

CLICK HERE TO CONTINUECLICK HERE TO CONTINUE

Page 2: ONLY CLICK WHEN YOU SEE A LINK (WHEN YOUR CURSOR TURNS INTO A HAND)    Tufts University  Fall 2002  CD-143 Technologies of the Self  Project.

Tufts University Fall 2002 CD-143 Technologies of the Self Project Prototype 2

ONLY CLICK WHEN YOU SEE A LINK (WHEN YOUR CURSOR TURNS INTO A HAND)

DESCRIPTION&

OVERVIEW

DESCRIPTION&

OVERVIEWEXAMPLE 1

SHAPES&

COLORS

EXAMPLE 1

SHAPES&

COLORS

EXAMPLE 2

HOUSEHOLDOBJECTS

EXAMPLE 2

HOUSEHOLDOBJECTS

Page 3: ONLY CLICK WHEN YOU SEE A LINK (WHEN YOUR CURSOR TURNS INTO A HAND)    Tufts University  Fall 2002  CD-143 Technologies of the Self  Project.

Tufts University Fall 2002 CD-143 Technologies of the Self Project Prototype 3

ONLY CLICK WHEN YOU SEE A LINK (WHEN YOUR CURSOR TURNS INTO A HAND)

Sorting GameSorting Game

• The program presents the user with a collection of “objects”– objects may be shapes, words, icons,

drawings...

• User sorts these objects into several “groups”– user may make their own groups, or

categories– user may also choose from existing categories,

which are compiled from past usersBACK TO HOME SCREENBACK TO HOME SCREEN

Page 4: ONLY CLICK WHEN YOU SEE A LINK (WHEN YOUR CURSOR TURNS INTO A HAND)    Tufts University  Fall 2002  CD-143 Technologies of the Self  Project.

Tufts University Fall 2002 CD-143 Technologies of the Self Project Prototype 4

ONLY CLICK WHEN YOU SEE A LINK (WHEN YOUR CURSOR TURNS INTO A HAND)

Example 1: Shapes & Colors

SAVEPROJECT

SAVEPROJECT

RESETPROJECTRESET

PROJECTUSE

EXISTINGGROUPS

USEEXISTINGGROUPS

QUITQUIT

MAKENEW

GROUPS

MAKENEW

GROUPS

HOMESCREENHOME

SCREEN

Page 5: ONLY CLICK WHEN YOU SEE A LINK (WHEN YOUR CURSOR TURNS INTO A HAND)    Tufts University  Fall 2002  CD-143 Technologies of the Self  Project.

Tufts University Fall 2002 CD-143 Technologies of the Self Project Prototype 5

ONLY CLICK WHEN YOU SEE A LINK (WHEN YOUR CURSOR TURNS INTO A HAND)

SAVEPROJECT

SAVEPROJECT

RESETPROJECTRESET

PROJECTUSE

EXISTINGGROUPS

USEEXISTINGGROUPS

QUITQUIT

MAKENEW

GROUPS

MAKENEW

GROUPS

HOMESCREENHOME

SCREEN

Example 1: Shapes & Colors

MAKE NEW GROUPS:Please choose one.

2GROUPS

3GROUPS

4GROUPS

Page 6: ONLY CLICK WHEN YOU SEE A LINK (WHEN YOUR CURSOR TURNS INTO A HAND)    Tufts University  Fall 2002  CD-143 Technologies of the Self  Project.

Tufts University Fall 2002 CD-143 Technologies of the Self Project Prototype 6

ONLY CLICK WHEN YOU SEE A LINK (WHEN YOUR CURSOR TURNS INTO A HAND)

SAVEPROJECT

SAVEPROJECT

RESETPROJECTRESET

PROJECTUSE

EXISTINGGROUPS

USEEXISTINGGROUPS

QUITQUIT

MAKENEW

GROUPS

MAKENEW

GROUPS

HOMESCREENHOME

SCREEN

Example 1: Shapes & Colors

USE EXISTING GROUPS:Please choose one.

ODD NUMBER OF SIDES – EVEN NUMBER OF SIDES

3 SIDES – 4 SIDES – 5 SIDES – 6 SIDES

BLUE – RED – YELLOW – GREEN

Page 7: ONLY CLICK WHEN YOU SEE A LINK (WHEN YOUR CURSOR TURNS INTO A HAND)    Tufts University  Fall 2002  CD-143 Technologies of the Self  Project.

Tufts University Fall 2002 CD-143 Technologies of the Self Project Prototype 7

ONLY CLICK WHEN YOU SEE A LINK (WHEN YOUR CURSOR TURNS INTO A HAND)

Example 1: Shapes & Colors

Group 1 Group 2

Here, the user will be able to define the Group Names, and

move each word into the appropriate box.

Click to return to Example 1

SAVEPROJECT

SAVEPROJECT

RESETPROJECTRESET

PROJECTUSE

EXISTINGGROUPS

USEEXISTINGGROUPS

QUITQUIT

MAKENEW

GROUPS

MAKENEW

GROUPS

HOMESCREENHOME

SCREEN

Page 8: ONLY CLICK WHEN YOU SEE A LINK (WHEN YOUR CURSOR TURNS INTO A HAND)    Tufts University  Fall 2002  CD-143 Technologies of the Self  Project.

Tufts University Fall 2002 CD-143 Technologies of the Self Project Prototype 8

ONLY CLICK WHEN YOU SEE A LINK (WHEN YOUR CURSOR TURNS INTO A HAND)

Example 1: Shapes & Colors

Group 1 Group 3Group 2

Here, the user will be able to define the Group Names, and

move each word into the appropriate box.

Click to return to Example 1

SAVEPROJECT

SAVEPROJECT

RESETPROJECTRESET

PROJECTUSE

EXISTINGGROUPS

USEEXISTINGGROUPS

QUITQUIT

MAKENEW

GROUPS

MAKENEW

GROUPS

HOMESCREENHOME

SCREEN

Page 9: ONLY CLICK WHEN YOU SEE A LINK (WHEN YOUR CURSOR TURNS INTO A HAND)    Tufts University  Fall 2002  CD-143 Technologies of the Self  Project.

Tufts University Fall 2002 CD-143 Technologies of the Self Project Prototype 9

ONLY CLICK WHEN YOU SEE A LINK (WHEN YOUR CURSOR TURNS INTO A HAND)

Example 1: Shapes & Colors

Group 1 Group 4Group 2 Group 3

Here, the user will be able to define the Group Names, and

move each word into the appropriate box.

Click to return to Example 1

SAVEPROJECT

SAVEPROJECT

RESETPROJECTRESET

PROJECTUSE

EXISTINGGROUPS

USEEXISTINGGROUPS

QUITQUIT

MAKENEW

GROUPS

MAKENEW

GROUPS

HOMESCREENHOME

SCREEN

Page 10: ONLY CLICK WHEN YOU SEE A LINK (WHEN YOUR CURSOR TURNS INTO A HAND)    Tufts University  Fall 2002  CD-143 Technologies of the Self  Project.

Tufts University Fall 2002 CD-143 Technologies of the Self Project Prototype 10

ONLY CLICK WHEN YOU SEE A LINK (WHEN YOUR CURSOR TURNS INTO A HAND)

Example 1: Shapes & Colors

ODD NUMBER OF SIDES EVEN NUMBER OF SIDES

SAVEPROJECT

SAVEPROJECT

RESETPROJECTRESET

PROJECTUSE

EXISTINGGROUPS

USEEXISTINGGROUPS

QUITQUIT

MAKENEW

GROUPS

MAKENEW

GROUPS

HOMESCREENHOME

SCREEN

Here, the user will move each word into the appropriate box.

Example of Finished Project

Page 11: ONLY CLICK WHEN YOU SEE A LINK (WHEN YOUR CURSOR TURNS INTO A HAND)    Tufts University  Fall 2002  CD-143 Technologies of the Self  Project.

Tufts University Fall 2002 CD-143 Technologies of the Self Project Prototype 11

ONLY CLICK WHEN YOU SEE A LINK (WHEN YOUR CURSOR TURNS INTO A HAND)

Example 1: Shapes & Colors

BLUE RED YELLOW GREEN

SAVEPROJECT

SAVEPROJECT

RESETPROJECTRESET

PROJECTUSE

EXISTINGGROUPS

USEEXISTINGGROUPS

QUITQUIT

MAKENEW

GROUPS

MAKENEW

GROUPS

HOMESCREENHOME

SCREEN

Here, the user will move each word into the appropriate box.

Example of Finished Project

Page 12: ONLY CLICK WHEN YOU SEE A LINK (WHEN YOUR CURSOR TURNS INTO A HAND)    Tufts University  Fall 2002  CD-143 Technologies of the Self  Project.

Tufts University Fall 2002 CD-143 Technologies of the Self Project Prototype 12

ONLY CLICK WHEN YOU SEE A LINK (WHEN YOUR CURSOR TURNS INTO A HAND)

Example 1: Shapes & Colors

3 SIDES 4 SIDES 5 SIDES 6 SIDES

SAVEPROJECT

SAVEPROJECT

RESETPROJECTRESET

PROJECTUSE

EXISTINGGROUPS

USEEXISTINGGROUPS

QUITQUIT

MAKENEW

GROUPS

MAKENEW

GROUPS

HOMESCREENHOME

SCREEN

Here, the user will move each word into the appropriate box.

Example of Finished Project

Page 13: ONLY CLICK WHEN YOU SEE A LINK (WHEN YOUR CURSOR TURNS INTO A HAND)    Tufts University  Fall 2002  CD-143 Technologies of the Self  Project.

Tufts University Fall 2002 CD-143 Technologies of the Self Project Prototype 13

ONLY CLICK WHEN YOU SEE A LINK (WHEN YOUR CURSOR TURNS INTO A HAND)

Example 1: Shapes & Colors

ODD NUMBER OF SIDES EVEN NUMBER OF SIDES

SAVEPROJECT

SAVEPROJECT

RESETPROJECTRESET

PROJECTUSE

EXISTINGGROUPS

USEEXISTINGGROUPS

QUITQUIT

MAKENEW

GROUPS

MAKENEW

GROUPS

HOMESCREENHOME

SCREEN

Page 14: ONLY CLICK WHEN YOU SEE A LINK (WHEN YOUR CURSOR TURNS INTO A HAND)    Tufts University  Fall 2002  CD-143 Technologies of the Self  Project.

Tufts University Fall 2002 CD-143 Technologies of the Self Project Prototype 14

ONLY CLICK WHEN YOU SEE A LINK (WHEN YOUR CURSOR TURNS INTO A HAND)

Example 1: Shapes & Colors

BLUE RED YELLOW GREEN

SAVEPROJECT

SAVEPROJECT

RESETPROJECTRESET

PROJECTUSE

EXISTINGGROUPS

USEEXISTINGGROUPS

QUITQUIT

MAKENEW

GROUPS

MAKENEW

GROUPS

HOMESCREENHOME

SCREEN

Page 15: ONLY CLICK WHEN YOU SEE A LINK (WHEN YOUR CURSOR TURNS INTO A HAND)    Tufts University  Fall 2002  CD-143 Technologies of the Self  Project.

Tufts University Fall 2002 CD-143 Technologies of the Self Project Prototype 15

ONLY CLICK WHEN YOU SEE A LINK (WHEN YOUR CURSOR TURNS INTO A HAND)

Example 1: Shapes & Colors

3 SIDES 4 SIDES 5 SIDES 6 SIDES

SAVEPROJECT

SAVEPROJECT

RESETPROJECTRESET

PROJECTUSE

EXISTINGGROUPS

USEEXISTINGGROUPS

QUITQUIT

MAKENEW

GROUPS

MAKENEW

GROUPS

HOMESCREENHOME

SCREEN

Page 16: ONLY CLICK WHEN YOU SEE A LINK (WHEN YOUR CURSOR TURNS INTO A HAND)    Tufts University  Fall 2002  CD-143 Technologies of the Self  Project.

Tufts University Fall 2002 CD-143 Technologies of the Self Project Prototype 16

ONLY CLICK WHEN YOU SEE A LINK (WHEN YOUR CURSOR TURNS INTO A HAND)

Example 2: Household Objects

stereo

shower

dining table

vacuumcleaner

TV

computer telephone

refrigerator

bed

sofadesk

hair dryer

airconditioner

coffeemaker

SAVEPROJECT

SAVEPROJECT

RESETPROJECTRESET

PROJECTUSE

EXISTINGGROUPS

USEEXISTINGGROUPS

QUITQUIT

MAKENEW

GROUPS

MAKENEW

GROUPS

HOMESCREENHOME

SCREEN

Page 17: ONLY CLICK WHEN YOU SEE A LINK (WHEN YOUR CURSOR TURNS INTO A HAND)    Tufts University  Fall 2002  CD-143 Technologies of the Self  Project.

Tufts University Fall 2002 CD-143 Technologies of the Self Project Prototype 17

ONLY CLICK WHEN YOU SEE A LINK (WHEN YOUR CURSOR TURNS INTO A HAND)

Example 2: Household Objects

stereo

shower

dining table

vacuumcleaner

TV

computer telephone

refrigerator

bed

sofadesk

hair dryer

SAVEPROJECT

SAVEPROJECT

RESETPROJECTRESET

PROJECTUSE

EXISTINGGROUPS

USEEXISTINGGROUPS

QUITQUIT

MAKENEW

GROUPS

MAKENEW

GROUPS

HOMESCREENHOME

SCREEN

airconditioner

coffeemaker

MAKE NEW GROUPS:Please choose one.

2GROUPS

3GROUPS

4GROUPS

Page 18: ONLY CLICK WHEN YOU SEE A LINK (WHEN YOUR CURSOR TURNS INTO A HAND)    Tufts University  Fall 2002  CD-143 Technologies of the Self  Project.

Tufts University Fall 2002 CD-143 Technologies of the Self Project Prototype 18

ONLY CLICK WHEN YOU SEE A LINK (WHEN YOUR CURSOR TURNS INTO A HAND)

Example 2: Household Objects

stereo

shower

dining table

vacuumcleaner

TV

computer telephone

refrigerator

bed

sofadesk

hair dryer

SAVEPROJECT

SAVEPROJECT

RESETPROJECTRESET

PROJECTUSE

EXISTINGGROUPS

USEEXISTINGGROUPS

QUITQUIT

MAKENEW

GROUPS

MAKENEW

GROUPS

HOMESCREENHOME

SCREEN

airconditioner

coffeemaker

USE EXISTING GROUPS:Please choose one.

CONVENIENCE – NECESSITY – COMFORT

BELONG TO ME – BELONG TO FAMILY

Page 19: ONLY CLICK WHEN YOU SEE A LINK (WHEN YOUR CURSOR TURNS INTO A HAND)    Tufts University  Fall 2002  CD-143 Technologies of the Self  Project.

Tufts University Fall 2002 CD-143 Technologies of the Self Project Prototype 19

ONLY CLICK WHEN YOU SEE A LINK (WHEN YOUR CURSOR TURNS INTO A HAND)

Example 2: Household Objects

stereo

shower

dining table

vacuumcleaner

TV

computer telephone

refrigerator

bed

sofadesk

hair dryer

airconditioner

coffeemaker

Group 1 Group 2

Here, the user will be able to define the Group Names, and

move each word into the appropriate box.

Click to return to Example 2

SAVEPROJECT

SAVEPROJECT

RESETPROJECTRESET

PROJECTUSE

EXISTINGGROUPS

USEEXISTINGGROUPS

QUITQUIT

MAKENEW

GROUPS

MAKENEW

GROUPS

HOMESCREENHOME

SCREEN

Page 20: ONLY CLICK WHEN YOU SEE A LINK (WHEN YOUR CURSOR TURNS INTO A HAND)    Tufts University  Fall 2002  CD-143 Technologies of the Self  Project.

Tufts University Fall 2002 CD-143 Technologies of the Self Project Prototype 20

ONLY CLICK WHEN YOU SEE A LINK (WHEN YOUR CURSOR TURNS INTO A HAND)

Example 2: Household Objects

stereo

shower

dining table

vacuumcleaner

TV

computer telephone

refrigerator

bed

sofadesk

hair dryer

airconditioner

coffeemaker

Group 1 Group 3Group 2

Here, the user will be able to define the Group Names, and

move each word into the appropriate box.

Click to return to Example 2

SAVEPROJECT

SAVEPROJECT

RESETPROJECTRESET

PROJECTUSE

EXISTINGGROUPS

USEEXISTINGGROUPS

QUITQUIT

MAKENEW

GROUPS

MAKENEW

GROUPS

HOMESCREENHOME

SCREEN

Page 21: ONLY CLICK WHEN YOU SEE A LINK (WHEN YOUR CURSOR TURNS INTO A HAND)    Tufts University  Fall 2002  CD-143 Technologies of the Self  Project.

Tufts University Fall 2002 CD-143 Technologies of the Self Project Prototype 21

ONLY CLICK WHEN YOU SEE A LINK (WHEN YOUR CURSOR TURNS INTO A HAND)

Example 2: Household Objects

stereo

shower

dining table

vacuumcleaner

TV

computer telephone

refrigerator

bed

sofadesk

hair dryer

airconditioner

coffeemaker

Group 1 Group 4Group 2 Group 3

Here, the user will be able to define the Group Names, and

move each word into the appropriate box.

Click to return to Example 2

SAVEPROJECT

SAVEPROJECT

RESETPROJECTRESET

PROJECTUSE

EXISTINGGROUPS

USEEXISTINGGROUPS

QUITQUIT

MAKENEW

GROUPS

MAKENEW

GROUPS

HOMESCREENHOME

SCREEN

Page 22: ONLY CLICK WHEN YOU SEE A LINK (WHEN YOUR CURSOR TURNS INTO A HAND)    Tufts University  Fall 2002  CD-143 Technologies of the Self  Project.

Tufts University Fall 2002 CD-143 Technologies of the Self Project Prototype 22

ONLY CLICK WHEN YOU SEE A LINK (WHEN YOUR CURSOR TURNS INTO A HAND)

Comfort

Example 2: Household Objects

Convenience Necessity

stereo

shower

dining table

vacuumcleaner

TV

computer telephone

refrigerator

bed

sofadesk

hair dryer

SAVEPROJECT

SAVEPROJECT

RESETPROJECTRESET

PROJECTUSE

EXISTINGGROUPS

USEEXISTINGGROUPS

QUITQUIT

MAKENEW

GROUPS

MAKENEW

GROUPS

HOMESCREENHOME

SCREEN

airconditioner

coffeemaker

Here, the user will move each word into the appropriate box.

Example of Finished Project

Page 23: ONLY CLICK WHEN YOU SEE A LINK (WHEN YOUR CURSOR TURNS INTO A HAND)    Tufts University  Fall 2002  CD-143 Technologies of the Self  Project.

Tufts University Fall 2002 CD-143 Technologies of the Self Project Prototype 23

ONLY CLICK WHEN YOU SEE A LINK (WHEN YOUR CURSOR TURNS INTO A HAND)

Example 2: Household Objects

Things that belong to me Things that belong to the family

stereo

shower

dining table

vacuumcleaner

TV

computer telephone

refrigerator

bed

sofadesk

hair dryer

SAVEPROJECT

SAVEPROJECT

RESETPROJECTRESET

PROJECTUSE

EXISTINGGROUPS

USEEXISTINGGROUPS

QUITQUIT

MAKENEW

GROUPS

MAKENEW

GROUPS

HOMESCREENHOME

SCREEN

airconditioner

coffeemaker

Here, the user will move each word into the appropriate box.

Example of Finished Project

Page 24: ONLY CLICK WHEN YOU SEE A LINK (WHEN YOUR CURSOR TURNS INTO A HAND)    Tufts University  Fall 2002  CD-143 Technologies of the Self  Project.

Tufts University Fall 2002 CD-143 Technologies of the Self Project Prototype 24

ONLY CLICK WHEN YOU SEE A LINK (WHEN YOUR CURSOR TURNS INTO A HAND)

Comfort

Example 2: Household Objects

Convenience Necessity

stereoshower

dining table

vacuumcleaner

TV

computer

telephone

refrigerator

bed

sofa

desk

hair dryer

airconditioner

coffeemaker

SAVEPROJECT

SAVEPROJECT

RESETPROJECTRESET

PROJECTUSE

EXISTINGGROUPS

USEEXISTINGGROUPS

QUITQUIT

MAKENEW

GROUPS

MAKENEW

GROUPS

HOMESCREENHOME

SCREEN

Page 25: ONLY CLICK WHEN YOU SEE A LINK (WHEN YOUR CURSOR TURNS INTO A HAND)    Tufts University  Fall 2002  CD-143 Technologies of the Self  Project.

Tufts University Fall 2002 CD-143 Technologies of the Self Project Prototype 25

ONLY CLICK WHEN YOU SEE A LINK (WHEN YOUR CURSOR TURNS INTO A HAND)

Example 2: Household Objects

Things that belong to me Things that belong to the family

stereo

showerdining table

vacuumcleanerTV

computertelephone

refrigeratorbedsofadesk

hair dryer air

conditionercoffeemaker

SAVEPROJECT

SAVEPROJECT

RESETPROJECTRESET

PROJECTUSE

EXISTINGGROUPS

USEEXISTINGGROUPS

QUITQUIT

MAKENEW

GROUPS

MAKENEW

GROUPS

HOMESCREENHOME

SCREEN