ONLY CLICK WHEN YOU SEE A LINK (WHEN YOUR CURSOR TURNS INTO A HAND) Tufts University Fall 2002 ...
-
Upload
ethan-garrett -
Category
Documents
-
view
214 -
download
1
Transcript of ONLY CLICK WHEN YOU SEE A LINK (WHEN YOUR CURSOR TURNS INTO A HAND) Tufts University Fall 2002 ...
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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