Interactive origami

Rochester Institute of Technology

RIT Scholar Works

Theses

Thesis/Dissertation Collections

6-9-1992

Interactive origami

Wilai Asawadechsakdi

Follow this and additional works at:

http://scholarworks.rit.edu/theses

This Thesis is brought to you for free and open access by the Thesis/Dissertation Collections at RIT Scholar Works. It has been accepted for inclusion in Theses by an authorized administrator of RIT Scholar Works. For more information, please [email protected].

Recommended Citation

Rochester Institute

of

Technology

A ThesisSubmittedtothe

Faculty

of

TheCollegeofFineandApplied Arts

In

Candidacy

forthe Degreeof

MASTEROF FINE ARTS

Interactive

Origami

By

WilaiAsawadechsakdi

A

I

Advisor: James VerHague

Date:

7.1,

9.,.2..

Advisor: Robert Keough

Date:

G -

:3 '.'

</

'/.-Advisor: Mark Collien

Date:

<;/;JGI1

~

~ ;

Special Assist nt to the Dean for Graduate Affairs: Phillip Bornarth

Date:

Z.

12-Acting Dea1'

COI~9~

of Fine and Applied Arts: Dr. Peter Giopulos.

Date:

(p

,0

l

q

L---I,

Wilai Asawadechsakdi

,

prefer to be contacted each

time a request for reproduction is made. I can be reached at the

fol-lowing address:

458 Mangkorn Rd.

Pomprab, Bangkok

10100

Thailand

'fL--Trademarks

Macintoshand Macintosh I leiare registeredtrademarksofApple

Computer,

Inc.

ColorSpace Hi isa registeredtrademarkof Mass

Microsystems,

Inc.

MacRecorderSound Systemisa registeredtrademarkof Farallon Computing.

HyperCard isa registeredtrademarkofApple

Computer,

Inc.

SuperCard isa registeredtrademarkofSilicon Beach

Software,

Inc.

QuickTime is a registeredtrademarkofApple

Computer,

Inc.

MacroMind Director isa registeredtrademarkof

MacroMind,

Inc.

Swivel 3D Professional is a registeredtrademarkof

Paracomp,

Inc.

Adobe Photoshop isa registeredtrademarkofAdobe

Systems,

Inc.

Adobe Type Align isa registeredtrademarkofAdobe

Systems,

Inc.

1992 Wilai Asawadechsakdi 458 Mangkorn

Rd., Pomprab,

Bangkok,

Thailand.

Contents

*

Trademark

*

Introduction 1

*

Chapter1:Thesis Proposal

Why

Interactive? 2

Why

Origami? 2

TheObjectiveoftheProject 3

'

Chapter 2:Thesis Development

Research 4

SoftwareandHardwareConcerns 4

Design Process

Interactive Origami 6

Getting

toKnowOrigami 7

Getting

toLoveOrigami 7

Getting

to Join Origami 8

*

Chapter 3: Thesis Conclusion

Thesis Evaluation

Feedback fromthe Users 20

Feedback fromtheThesisCommittee 20 Thesis Consequence 21

*

Endnotes 22

*

Appendix A: ProjectStructureFlow Chart 23 *

Appendix B:

Scripting

24

*

Appendix C: The User Interface Design 51

*

Introduction

Thinking

inretrospect ofthepasttwo_years, I_clearly remember

howmuchI did feeluncomfortable

dealing

withthecomputer. Per

hapsitwasbecauseof _mydeep-rooted thought that thecomputer

was

functionally

designed and equipped_{for serving}engineers and

accountants ratherthanartists ordesigners.

Asa matter of

fact,

that

technology

is_goingforwardand_wrapping

around people'slives. Computer

technology

isan outgrowth which plays an importantroleinoursociety,

including

theprocess of creat

ing

artworks. Forthis reason, Iwasqualifiedtocometo the United

Statesto broaden myvision withthe_{responsibility}of

bringing

back

invaluable experiencestosharewithotherpeople in _mycountry.

Thiscaused metobe

here,

constructthe thesisproject,givebirth to

thiswrittenreport,and change_myattitude about_workingonthe

computer.

Sincethe Macintosh-systemplatform wasdesignedto takead

vantage oftextandgraphics, Iconsiderita goodtoolfor designers

to_{creatively integrate information}and ideas inonesystem. Also its

user-friendly atmospherehelpsalleviatethepressureofthe

man-machineinteraction. Macintosh featurespowerful

technology

thatis

easyto use. Itturnedmefromabrand-newuserwhodidnotknow

how tostart _upa computerto a_slightlyexpertone.

Today,

having

alreadystarted_{it up} morethanthousandsoftimes,

I somehowfindmyself at a loss toshutit down. Althoughyou al

readyphysicallyshutthecomputerdownthat_onlymeans youturn offthepower. Yourartworkwill never reachthe end as

long

asit is

basedona_changingtechnology.

However,

computer

technology

does fascinatemeto

dig

down toitsessencefromtheviewpoint ofa

graphicdesigner.

Thesis Proposal

In this thesis project, Iattemptedtocreateanelectronicbook

whichintroducesanddemonstrates"Origami:The Art Of

Folding

Paper."

Theprocess progressedthroughtheuse ofMacintoshsoft

wareapplications_alongwithaninteractive-designtechnique. The

userinterface design isaccomplished

by taking

advantageofa per sonal computer's utilities:Graphic

Application,

Data

Storage,

and Computer GeneratedAnimation.

Why

Interactive?

Interactivemedia wasintroduced to me sincethefirst time I in

vestigated

HyperCard,

theprogram whichprovides aplatformfor in

teractivity

by

empoweringtheusertomanage_{information using}

nearlyanytypeofmedia

including

_{text,graphics, sound, video,}voice

and animation. Users canbuildapplicationsformainframeinter

faces,

multimedia software andpersonal informationmanagers. Ba

sicallyHyperCardprovidesinteractive features built into itsown com

puterlanguagewhichallowsustoauthorand customizeourproject

by

scripting. _{This feature draws my interest}and_{feeds my}en thusiasm toconstruct_myowninteractiveproject.

Moreover,

inter

activityallowsuserstoshapetheirown experiences and givesthem the

flexibility

to viewimportant information inanonlinearway-one thatisuniqueto themand onethatattracts and holdstheirattention. Theuniquepart aboutinteractivemediaisthatdifferentpeople can

start atdifferentsections. Inotherwords, it does nothavetobea

serialprocessthatrequires peopletostart at pointAand_ultimately gettopoint

Z; they

canstart anywhere and proceed in _anyse quence.1

Why

Origami?

Origami is theartof

folding

uncut sheets of paperintodecorative

objectssuchasbirdsor animals. Thewordfor thisancient

Jap

anese art comesfrom

Oh-,

meaning"folded,"and-Kami, meaning "paper".

Therearetworeasons_{why I} chose"origami"asthecontentfor_my thesisidea. The firstone is theresult of_mypersonalfascinationwith thiskindof_art,whichIwould calltheart ofintelligenceand econ

this thesis project,soIpreferredtogive myselflesspressure

by

workingonthe topic I_enjoymost.

The first reason might notbeso rational withoutthe_{strengthening}

ofthesecond one: theappropriateness of_{using the}computeras a

mediumtointroduceorigami. Origami drawsso _manypeople's inter

estbutcan beaccessibleto_onlyahandful becauseofthe in

sufficient andineffectualorigamibooks. Mostoftheorigamibooks in

themarketplacehaveapoor

folding

demonstrationwhichfrustrates

thereaders.

Since

technology

willsoon makethehomeaninformationcenter

and computerswith interactive_exploringprogramswillsoonbecome

as common as an encyclopediain one's

house,

there isa great po

tentialfor thecomputertobeused asaninstructionaltool. Comput

ersallow ustoinputand combine_{art, animations, graphics,}

video-scanned

images,

sound,andtextinto _{multi-sensory}displayswhich

cannotbeaccomplished

by

_anyprint media.

The

Objective

ofthe

Project

Thepurpose ofthis thesisis toconstructaninteractiveproject

by

utilizing the Macintoshplatform_alongwithitsvarioussoftware_ap

plications. Iwould use_mythesisproject as amodelto impressaudi

ences notfamiliarwithcomputer_{capabilities,}and givethemabroad

visionofhowpersonalcomputers can serveourneeds

by

_providing

otherdesign_solutions,

bringing

ourworldclosertous.

Theproposedtargetaudienceisprimarilysetto anyone whois in

terestedintheartof

folding

paper. Sinceorigami canbecategorized

by

its

folding

procedureintothreelevels:_easy,

intermediate,

and a

morecomplex

level,

thereshouldbe_nearlynolimitation for_every

body

to join the_paperfoldingbasedupontheirindividualabilities.

But I realizethatorigamirequiressome skill and patiencetoac

complish eachmodel successfully. Thereforeit iswell-suitedfor

adultsratherthanchildren.

Hence,

_mythesisproject wasdesigned

foran adultuse.

Thesis Development

Research

BeforeI decidedtopick origami as_mythesistopic, I alreadypos

sessed_plentyof origami

books,

_{but unfortunately}none ofthem had

adequateinformationaboutthe

history

oforigami, nordid the books

in Wallace Memorial Library. Last fall

break,

Itooka chancetovisit

New York

City

withtheaim of_searchingfora good origamibook.

On the

day

Istopped

by

The American MuseumofNatural _History, I

ran across'The FriendsofOrigami CenterofAmerica"whichwas

establishingan exhibitionaboutorigami.

The FriendsofOrigami CenterofAmerica isanot-for-profit,

tax-exempteducationalandculturalartsorganization whichis dedicated

to the_sharingof_paperfoldingin Americaand aroundtheworld.

Thereare morethan1500enthusiastic membersin 49 states and19

countries, andthereareregionalgroupsincitiesall overAmerica. I

was_extremelyexcitedwhenIrealizedthatso_manypeople sharethe

sameinterest asI

do,

andthat thereevenis areal origamiorganiza tion thatexistsintheworld. The FriendsofOrigami CenterofAmer

icaprovided mewithsomeadditionalinformationthat_{helped my}pro

ject have somethingto_{relyon, that}itwasnotjust builtofcastlesin

theairasbefore.

Software

and

Hardware

Concerns

Being

bound toconstructanelectronicbook

incorporating

aninter

activefunctionality, Iselectedtobuildthemain projectwithintheen

vironmentofSuperCard:theprogramthatgives usersthepowerto

create customMacintoshsoftware. Itcombines a _scriptingenviron

mentwith graphics-creationcapabilities and provides a multimedia

platform

by importing

and_combiningvideo, digitized sound, anima

tionandgraphics2. SuperCard'sgraphics-creation environment pro

vides a256-color

look-up

table,and_anyobjects,such as graphics or

texts,in SuperCardcanbe afunctional button. These two dis

tinguishing

featuresgiveusersmorefreedomofdesignand make SuperCard farmore_outstandingthan HyperCard.

Someshort-animatedmovies were addedtocolorizetheproject.

They

were alldone in MacroMind

Director,

some were incorporated

withSwivel 3D. MacroMind Director isan

interactive,

multimedia

theusertocombine_{graphics,text,sound, animation,}special ef

fects,

music, and videofor_{communicating}messageswithimpact3.

The main problem ofthis thesisprojectwhichI intended toex

plore wasthe folding-demonstrationtechnique.I

thoroughly

in

vestigatedtwoapplications, MacroMind DirectorandSwivel

3D,

in

ordertofind the betterapproach. Swivel 3D Professional isathree

dimensionalcolor graphics and animationprogramthatcanbeused

tocreatedetailed illustrationsortoconceptualize andvisualize

complex productswithdynamic

linking,

whichisSwivel's featureof

attachingobjectstogether tobuildcomposite objects out ofseveral

smallerones anditcan affecthowone object movesin relationto

another. Swivel'sobject-manipulationinterfaceallowstheuserto

quicklyand_{easilycreate, rotate,}and move objects4. The

folding-demonstrationcan beaccomplishedwithinSwivel 3D_onlywitha

verysimplemodeldueto thelimitation ofthe

linking

property. An

otherexperiment was_{done using MacroMind Director}

by

_scanning

the

folding

procedure_step-by-stepand

importing

itto MacroMind

Directoras_{castmembers, thenplaying}themon screen

frame-by-frame. Thismethodwasquite simplebuttakesmoretime todem

onstrate each model. For betterdemonstration quality, more

cast-members are requiredtosmoothenthemovie,butthe moviefile

mustbe biggeraccordingly.

During

thefirstthesiscommitteemeeting, I investigated thisprob lemwiththe threeprofessors on _{my thesis}committee. Prof. Mark

Collien introduced QuickTime to me atfirstasanothersolution_ap

proach. QuickTime isa setofprotocolsdeveloped

by

Apple Com

puter_{for showing}video, animationand_playinga synchronized

soundtrack. Its featuresseemedtosuit _myrequirements. I had

studiedit forquite sometimetomake sure it didwork well withinthe

SuperCardenvironment.

Eventually

I decided touseQuickTimeto

solvethefolding-demonstrationproblem.

Mostofthegraphic elementswere produced, retouched and edit

ed inAdobe PhotoShop,whichisan image_processingsoftware.

Also Adobe

TypeAlign,

onekindof_{desk accessory,}wasusedto

specializetexteffects.

The hardware involved in thisproject wasbasedonthe_existing

equipmentinthedepartment: Macintosh llci computer, the NTSC

Micro-systemsColorSpacellvideo graphic

Board,

Farallon

MacRecorder,

andCanon Hi8i Video CamCorder. The Macintosh llci isahighper

formancecomputerwithbuilt-invideo. Thesystem's performance is

provided

by

aMotorola 25 MHz 68030 microprocessor whichisan

acceptable speedfor_{runningany interactive}projects.The Color

Spacell boardallows a high_qualityinterface between thecomputer

graphics RGBworld andtheNTSCvideo standard. MacRecorder

Sound System isa sounddigitizer thatallows_{recording, editing}and

mixingof_voices, music and soundeffects. Lastof_{all, the Canon}

Hi8i Video

CamCorder,

isa portablevideoCamCorderusedto

recordthemovie real-time onto a H8ivideocassette. Itcanbetrans

ferred into digitalsignals and playedbackonthecomputer

by

_using

MoviePlayerapplication_alongwiththe ColorSpacellfxvideographic

board.

Design Process

Thedesign processwasbasedontheinformationwhichI re

searched. Since I intendedtoconstructthis thesisas aninteractive

project, therefore theinformationwasanalyzed, synthesized, and re

organizedinorder_{to rationally form}the projectwithaninteractive

feature.

Interactive Origami

Theprojectbeganwiththe initialscreen usedtogreettheuser

(Figure 1). Thismain screenacts as a platformthat providesthree

terminals:

1)

Getting

to Know Origami:thesection_providinggeneral

informationaboutorigami,

2)

Getting

toLove Origami: thesection

representingtheessenceof origami

by

_givingtheusera real-time

folding

demonstration froma sheet of papertoa_{finished model,}

3)

Getting

to Join Origami: thesectionfor thosewho_alreadyfell in love

with origamiandwantto beamember ofan origami organization. I

callthisscreen"MainMenu"sinceitacts as ajunction fornavigation

withinthisproject.

I locatedanimageof a paperfolding-craneonthisfirst screen,

scaled _{it up}then embosseditoffsetfrom the 50%_graybackground.

Thecrane isatraditionalJapanesesymbolofgoodluckandtheor

igamicraneisasymbol of internationalpeace.Alsoit is the most

popular origamimodel. The embosstechniquewasappliedto_many

Iusedtheimagesof origami papertobe the logosofthethree

sections mention above. Each imagesharedthesame contourbut

was_slightlydifferent incolor and pattern. Theirappearances unite

thedesign throughoutthe project,although each sectionhas itsown

color scheme anddesign layout.

By

_clickingonthese

images,

the

userisgraduallybrought into the desirablesection.

Theuserinterface designwasconcernedwiththenavigation_path,

whichwouldenabletheuserto navigate_rationally

following

the

hier-achical information. All the buttonsare equippedwithan

auto-highlight function providingvisualfeedbackto theusertoindicate

whichitem has beenchosen and_somethingmustbe

happening

whenclickedtoexecute certain procedures. Almostallthe buttons

arelabeledwithaverbthatclarifiestheactionthai itperforms. I also provided acancelbuttonwhereverit isnecessary.

Thealertboxeswere usedthroughout theproject inordertopre

venttheuser_{from any}undesirableexecutions and

keep

theuserin

control.

Getting

to Know Origami

Onthe "KnowMenu"therearefourtopics:

"Folding History",

"Ma

terialsand

Tools",

'The Languageof

Origami",

and

"Folding

Tips"

(Figure2). Each topic bringstheuserto the_{corresponding in}

formationpanel(Figures 3-6). Iconsideredthatitwouldbequite

boring

fortheuserto perform_read-onlytaskswithinthewhole sec

tion. Therefore Iadded a short animationsequenceforeachtopic.

These MacroMind Directormovies were executedinSuperCardun

der XCMD's functionality. Eachwill_{play continuously}as a

loop

until

any mousedownevents occur.

Getting

toLove Origami

Icategorizedorigami modelsinto threecategories. I named it

"TheZoo"foranimal models,'The

Garden"

for floral models,and

'TheStore"forothermiscellaneous models(Figure 7). Eachcat

egory links

directly

toitssub-menu screen.On thesub-menu screen

thereareimagesoftheorigamimodel_{corresponding}to_{its category} (Figure8). Each imagewasequipped as abuttonwhichbrings the

userto the

folding

demonstration levelofeachmodel.Thisfinal

buttons:"

NOTE", "PAPER",

and"DEMO"button (Figure 9). "NOTE" buttonprovides some specific

folding

tips forthatmodel.

"PAPER"

button ifclickedwillcausetheconnected printerto print outthe

paperwhichhasa

folding

guidelinethatwould

help

easethe

folding

task(Figure 11)."DEMO"

buttonplaysthe QuickTimemoviewhich

wasinstalled (Figure 10).

Only

onemoviefilewasusedforeach categorydue to the limitationofdiskspace.

However,

it isenough

to

fairly

representtheconceptofthisprototype.Themovie-control

panelsimulatesthebasic functionof aVCRcontroller system.The usercan _{simplystop, play,play}

fastforward,

or_playthemovie fast-backward in thesame_wayas ahousehold VCR.

Getting

toJoinOrigami

Iset_{up 'The International Origami}

Center"

asan organization whichis inchargeofthisinteractiveprogram. Onthefirstscreen of

thissectionthereisabrief introductionabouttheOrigami Center (Figure12).The OrigamiCenter's

logo,

locatedonthe left hand

sideofthescreenwillbe placed on_everyscreenthroughout this

section.The"MEMBERSHIP"

button acts asanentranceto the Center.

Clicking

onthisbuttonwillcausetheshortanimationse

quencetooccurwhich_{psychologically} notifiestheuserthatsome procedures are

being

processed.Then theuser willbeasked

whetherhe isanew member(Figure 13). Ifyes, thenhewillbere quiredtocompletetheregistrationformfor

becoming

a member (Figure14).

Only

a registered member canaccessthe

member-only-section(Figure

15)

which allowstheusertoorderorigami booksand suppliesvia computer(Figures 16

-18),or updatehim

self withan on-lineinformationsystem(Figures 19 - 20).

Moreover,

the Centerprovides anelectronic mailservice sothe members can

directly

intercommunicatewitheach other(Figure21).

Figure1: _{Interactive Origami'sMain Menu}

ra>MM

Figure 2:

Getting

toKnowOrigami Menu (Know

Menu)

mm

mm

itiiiiiii

inif

:::::>::'::

'::::::

mmmmWmfmWmWmWmW

Folding History

Materials &

Tools

Folding

Language

Figure3: Topic 1 of Know Menu:

Folding History

gHJIM*

pais

WfflSSHBBM

fM.tBUI9*TjB4tKlinCUf.H0IWM11W1lT<*-flfrfcJ Kttej *.ti*nriiwahfi**!* HrtBj(*taWt>*i*Ky. Tht .JB^pfiwiwlhtrflhtt#tr#Ltofte"'?'.^-.<^HtntMttitinirf

Hi**$?teWflAW ' _<n4(.WvidcdH(

;:;/ri wna)nr^cryk*imi.-m\.

,,^

jO*t|arwi:j-arc-art -at.4"ftflrvy;J. fci:^.tittjj&ieferacHtMate* rlaBr****#JtJlff*S^tK3)^|S :*lt:!rtfi>iyMy* ttaant Opp3j.Tofta,Je|lof4K:mmfttilf<*t*'MKmWO

fcrm.alrjtla-t. *n<J

pr^r^rlf^n-> ,Knm<wtw |**4ttt%ifci>Jaioat+Kist ha*:tlwatepiMl at* aatgfittenimnfvfrqattfci aadfjiaif*:iJnr pnatarddulo**.Bffte HjiOfl(MllOtt.**J** fc 1141,4lt)Bttf 0JftKai-jH-iJ(KTt f

. Wiu paperbtmrrv

:.-ctuttla>

*'yWtttb <rttfltl**<*

*man*

y^mmmmmimm

n

Figure 4: Topic2ofKnow Menu: Materialsand Tools

1

|l!!!i

5:1 ssss:_Is

OfMU

Htini

lni.r.ofni:l,l*r.c-irtod. r<> <'' crtjBttlii^iturloTftlj.

<im.!-cS?,-<**%

io Aut)<ofpapttInprodUx,I Ito:orv atar n*tssif1*awyatnpltfffwt**

Ii tfcCpapar anamttinwpxmat

::--:*lafitttf*,Bfirf'Hif?k>aiit(fltxtt<r

(jpwifwkrf)*"*.**onjpaptrfti

hltttttW *****<U)*.u4VrH*th>qu.ap}i HOTtfffCKtff*J.<*?USlWSp-KBWMl Bl*H) ft tac*mit<lK,trilalur vtii <*>InnaauD><atl ouhiiit*l<xikllMt>:tdovfivrtr.<Dn SCTGS^WS *

i^m-otiwk a. u.x utio

katftvt- -at**!***-*

BtfS***H$8; /.Iw.Taote.'.orattttir OfMHfbh jj>.i<iS-

-jliTiii-:roiw.

rKKftldf.BO*tf,CH^

Figure 5: Topic3ofKnow Menu:

Folding

Language

111

Mm

111

l(3tailbe(alder?ititer oft*oiiri^Faata.

lit**>lt!><irY*[1tof irtti*w*r **iWi*f

Ik-_favtr

trigs:of p^per tjtdtffKDEk

eoltjava.lt*UrtftttmHtoifc syni.xprtBcMfct

*-r**tf jro<rftl()*??. i*ftrfBH

H4#-lfifcllBt-_{<Wt,ttrMiBW >fcJWtMveestfBKfc}

Uf!>38iWSB?<KJ3'i torr**'-oncotton:*

r-VHT*fitfB.<WH(Iflf* 10 fttfH> :f)I*m*IT*

Mtrm:fdlrl.SffrtmriIttOpKBC4|KJ aftKBO***,

uadawnfcMnjir>a*M BiaVcst*m.

Figure 6: Topic4ofKnow Menu:

Folding

Tips

*;:ll;Si!p&;

m

11

K8MESU

.:.'.\-.v.'.v.--. -.-.-.v.-...

-->::.>:.:-iiiiiiiii

s

<'t**>-ddtehttptptr a***>i-ieiMjaf_{wri :}

:SSS::::v:-:::::o:-:::-:>-:::::-: :>::SSSS:xSSS::::::::::::::v::v::x::::::::::::::;::::::::::::::x::::::::

DUianontasititlcimin.

3 U'd*taio^n-J:n<bct loltoinlfckf! an*

tyWlt.

> fttfOV"1Utl 3tp> \>"4ltfn?Kl\\KXfZI

S II b.sI. ou,artJapra-nr.IV,

prma.anjrtahnra aana.:. IIn _anmrn) la

<Ih*<I raw:* , ni ,i mt* att

crenkdi* oiowo-fcchum tan*.

4.rKH**'

h0li4?fBW*4 ItlaH*H4d<M

if.iucotaJ rtTfco a.euiuiaattii.

? fl(twMK:iia')r9M(-rBjB.iHc-i3

lnr-: lnr-::rjipjn wrwaajrrMlait nad jittawoirm conaaV:

[fc I *m::hiiMw:*(i(t"*tl*)it

Figure 7:

Getting

to Love Origami Menu (Love

Menu)

Figure9:

Folding

demonstration screen

Figure10: "DEMO"

Figure 1 1: Paperwitha

folding

guideline

CRANE

V\\\ \

>-I

\

"\

\

X

\

\

\

\

/

\ \ V -*,

.< \

\

^

x/

\

/

X

/

X

x

/

x\x"^

x

X / \

\

f\ /

/

!.

/

X

\ /

X

X

/

x\

/

X

/

/

/

\

/

y /X"

x--~

\

/

V

\

\

x<

\

X

/

\

\

x-

\

X

\ x

V

_\

A \ 'ill.

x.

X

\

\

\

\

Cut ite iiks^outstart_by fnkltogthrsnapsrlit h*r%n11at

thRitemntwtfsflrnn4vtos*9y.

Figure 12:

Getting

toJoinOrigami'sfirstscreen

...ntlrinTitrtafiHfQi-rjarg f4r*noi

Hi*tBr-ttrertt.lBKSic-flptrtiKnUeB*!nutt*ltittin&> annnialiMaihch mdararaaad k> IkuHhonaa

of(-ip*Mii>4iiBdit*)vciii.ttei#(mo* ton 1H0nlrmaoHkc miiaxma>IS>

caant-KM bmJitjkmI sr**tttf n 6* all a*trAmcflK*

,o.,AairawTa>tanatQtqd<a>

ertuhinnkjio-rtWKlIn ftwhtrtf^ RDitifrter tuWitfqf

fcth-naanrjr-iij^arfbdbyvnbrduKMmtf nmraoirtl ^*T**lt*iSi/*tkrlffmltil VWttfigtK* I*

IdWf

wrtrK-fc (1fcflMBt*TfrW**f*f lanaLMMflfiaia artutdul? ftflOUl ipoinfllii.

. llulraWrajSiaWBiraanaCualcfhiliuami RC*:tof an^uflit-irfJt*jnU flifjuIn^.BVTi'^al-BR*:? ei!r3*rip<)t?e<1waril*afeTPAC)Kt9 lamlratboat*4tutil*tp*t*.OalytarrrurvbwrI

ihJWftw&i

v:S:'::::::S":

Plliiliilli

>>;:::>::::::->::::::::::::.::::

\tmn

Figure14: Member Registration Form

^egjlti-attOA

IfTK ! w-x"*ri~^<!nl>li.V V'.,<arrMnKjr.-.>v,.ji-l

|!;1:

:::>;::

Hi

I

1B5SSHsSkS^

ll|ll!i!

.Xl:!'::l:i:is

'^^M^mmmmmymmm

J3*0 ^^₁

.:-:-:-:-:o>:->:-:^:::-x-:::-::i'x->:-:-:-:->S>x-y-:-:

:BB--:'-::->BBBB-x;:BB::B^xBB

:>V:-M-.-o.--:-:-.'':->:-:

Figure 15:

Member-Only

Section

|1

,

_.;;xxxxx

.V.V.-.-.-.-.-.-.-.:^;.:.;.:.':.;.;.:.;.:.:.;.:.>v.::.:.:.;.:.>-.;,>.:.;.;.;.;^.:.;.:.:.X. :'..: :-:. ::.*.-:/ :;v:>Xy:-::-:-{;-x-<x:^v::-:-:-^:--?::<^:::^^:^:;:-x:::::x::-::^^:

i

,-^,- - ,

Figure 16: Booksand SuppliesMenu

ill

IpiiHsf

lil!f|lli!!

i#Xi;:p^

lliii

Atx^x**...

,-.-.-::?::-xft:->:v:o:-Sft-*:v

*::-:-:.\-:-:^:-:-:-:v.:-:-:-:-^.-:-:-:

-ii-lXiX

v"

:;-,::: :

:;

$& afw;.ft-w*s-;*tt^tf* JM^tt***&*->fear-SJKd

Books

and-

Supplies;

mMmch

"books,

by

author

;

sSearch books

by

iirte

lilleir

ch*Ms?p

SI

s

by 11B

Figure17: Booksandsupplies'

electronic_catalog

Figure 18: Booksand

supplies'

Figure 19: The Origami Center'son-line informationsystem

'-mM

Thesis Conclusion

Thesis Evaluation

Feedback from the Users

The thesisproject wasfirstpresentedtousersatthethesisshow

onApril

3,

1992. I foundmost oftheusers were_veryexcitedabout

thesecond section:

Getting

to_{Love origami, especially the QuickTime}

movies.

Only

afewgotthroughto the thirdsection whichis theone

that Ispentthemost_{time on,}in

trying

tosimulatetheenvironment of

The International Origami Centerasrealas possible. Perhapsthe

fact that it isso realcausestheusertohesitatetomoveto the mem

bersection. Iobservedthatmost oftheusers wouldcanceltheac

tionand

immediately

exittheprogramif

they

wereasked_{to pay}the

annualfeeafter

filling

intheregistrationform.So far Iwouldconclude

thatmotion pictures andanimation sequenceswere_{better ap}

proachesto drawattentionfrom thepublic.

Feedback from the ThesisCommittee

The thesiscommitteewasformed

by

a_groupofprofessional users

who_{already have immense}experiences oncomputers, so

they

are

abletopoint outeithertheweakor_strong pointsof_myproject. For

instance,

theextravagant useofgraphic elements somehowdwindled

themain contentwhichshouldbe dominantandthe_primaryconcern

onthescreen. I resolvedthisproblem

by

_enlargingtheareawhich

wouldbeusedtointeractwith_{the users,} and stressedits dominance

by

applyingcolor

theory

todistinguish foreground from background.

Besides,

the

folding

demonstrationwouldbeclearerif the Quick

Time moviewascutintopieces,sotheusers can_easilyviewthe spe

cific

folding

proceduredesired. But due to the requiredtime

frame,

I

neededto leavethisprototype unchanged.

The last

thing

pointed outwasthe_ambiguityoftheicon-basedbut

ton(^J- _Return

Button)

_whichI

normallyuseto take theuserback

to thepreviousmenu. Forexample, if thenavigation path begins

from "A"

to _"B",thenfrom"B"to"C", and

finally

from"C"to"D", at

"D",

the returnbuttonwouldtake theuserbackto"C"andfrom"C" would

gobackto"B"

sequentially. I solvedthisproblem

by having

thedi

alog box appear

immediately

after_clickingthe button toinform the

userwherethedestinationwouldbe(Figure 22). Thustheuserwill

Thesis Consequence

Today,

as we embark on a newdecadeof personal_computing,

new and more sophisticated software andhardware is

being

de

velopedto increasethepotential of a personal computerwhichwould

beabletohandle thevast varieties of information in thenottoo dis

tant future.

The 1990swillbethedecadeof"informationatyour

fingertip."

This

term embodiestheconceptof_makingcomputers more_personal,

makingthem

indispensable,

_makingthem_somethingyou reachfor

naturallywhenever you need_anykindofinformation. Andweneedto

connect peopleto each otherina_waythatisasinteractiveandper

sonal as a phonecallbutthatcan_{convey information}much more

denseand complex.Computersmustbeso

interesting

thatpeople

feelcompelledtoexplore.Work_groupcommunications,which

today

largely

consistsof

E-mail,

willhavetobe broadenedtoact as abase

forother_groupactivitiessuchas electronic use anddistributionof

forms. The kindof informationthatit ispossibleto deliverandthe

waysinwhich itcanbe deliveredwillalso needtoexpandtoinclude

sound,text,graphics andlive motion onthecomputer screens.

Hencetheinteractive media project shouldbemore

fancy

and more

effective. Although

technology

hasindeedenrichedtheeffectiveness

of_{communication,}there isour wisdomtointegrate those

technolog

icaloutputs_rationallyand shapethembasedon our need.Asa com

putergraphics_designer, Iwouldsolicit all of you whomightbe in

volvedwiththismattertoreview our standing.What designersneed

tobeconcernedwithrightnowisnot_onlyhowmuch_capacitya

new-comingsoftware package canoffer,butalsohowmuch we can_apply

ourdesignprincipalstothe_existing resourcestoenhance human

Endnotes

I.Apple

Computer,

Inc.,

The AppleGuideto Publishing. Presenta

tionsand Interactive Media (Apple

Computer,

Inc. _1990),p.30

2.]bJL,

p.112

3.lbid..p.110

4. Ibid.. p.102

5.BHI

Gates,

"What'sAhead?."

Computerworld. (October_{31, 1991),}

p.37

6.Apple

Computer,

Inc.,

Inside Macintosh Volumn VI

(Addison-Wesley Publishing

Company, Inc.,

1991),p.2-3

Appendix A:

Project

Structure

Flow

Chart

Origami Main Menu

Theinitialscreen

usedtogreetthe

users

ooooccooooooMOOOOOCOOOOOOOOCixccQOggog

KnnwOrigami

hrl

Folding History

Providegeneral informationabout

origami

Love Origami

Demonstratethe

real-time_folding procedures

Formembersto interactwithThe International Origami Center

-|Materials andTools

-|

Folding

Language

-|

Folding

Tips

|

The Zoo

-|The

L|

The Store

BooksandSupplies

|~r-Search

books

by

author

-Searchbooks

by

title

-Searchsupplies

by

kind

'-Browseallitems

-|NewsandActivitiesryOrigamihotnews

Origamiworkshops

Appendix B:

scripting

Project

"Origami"

card graphic

"getting

toknoworigami"of card "Origami"

on mousedown

setthe inkof meto"blend"

end mousedown

on _mouseup

play"clavSwash"

setthe inkof meto"srcOr"

visualirisopen

gotocd"KnowMenu"of window"Know"of Project"KnowOrigami"

end_mouseup

card graphic"exif'ofcd"Origami"

onmousedown

setthe inkof meto"blend"

end mousedown

on_mouseup

play

"Boing"

settheinkofmeto"srcOr"

answer"Areyousuretoexitthisprogram?"

with"Yes"or"No"at

300,250

if it is"Yes" then

editor

domenu "Quit"

else

exit_mouseup

end if

end _mouseup

24

Project

"KnowOrigami"

card graphic"history"ofcard"KnowMenu"

on mousedown

setthe inkof meto"notsrcXor"

endmousedown

on _mouseup

play

"vibes"

setthe inkofmeto"srcOr"

visual Venetianblinds

gotocd"History1"

end_mouseup

card"history"

onopencard

playmovie"Know.history",movienodialogue,movienoclear,

moviebkcolor, movieloop, movienoupdate

Project "LoveOrigami'

cardgraphic"theZoo"ofcard"lovemenu"

on mousedown

setthe inkof meto"blend" end mousedown

on_mouseup

play

"vibes"

settheinkof meto"srcOr" visual irisopen slow gotocd 'TheZoo" end_mouseup

card graphic"crane'of card "theZoo" on mousedown

setthe inkof meto"blend"

end mousedown

on _mouseup play

"click"

settheinkof meto"srcOr"

visualdissolve gotocd"ZooDemo" end _mouseup

card graphic"other"ofcard"theZoo" on_mouseup

play

"syndrum"

answer"Sorry!Pleaseclick_onlyonthecrane."

with "O.K." at-285,253

end_mouseup

card "ZooDemo"

onopencard

lockscreen

settheinkofcd grc"Note"tosrcOr settheinkofcd grc"paper"to srcOr

settheinkofcd grc"demo"tosrcOr unlock screen

playmovie "The

Crane",

movienodialogue.movienoclear,-,

moviebkcolor, movieloop, movienoupdate

end opencard

onidle

globalmovieID

if movielDisnot_emptythen

QTMovie

direct,

movielD, idle endif

end idle

card graphic"Note"of card "ZooDemo"

on _mouseup

global movielD

play

"click"

if the inkof cd grc"demo"is"notSrcXor"

then

QTMovie

direct,

movielD,dispose lockscreen

show cd grc"Cover"

unlockscreenwithvisualbamdoorclose_veryslow

setthe inkof cd grc"demo"to"srcOr"

wait 10

endif

if the inkof meis"srcOr"

then

settheinkofmeto"blend" lockscreen

showcd grc

"NoteCrane"

unlockscreen with visual Venetianblinds

else

play "click"

settheinkof meto"srcOr" lockscreen

hidecdgrc"NoteCrane"

unlock screen with visual Venetianblinds

endif

end_mouseup

cardgraphic"Paper"of card"ZooDemo"

on mousedown

settheinkofmeto"blend"

end mousedown

on_mouseup

global movielD

play "click"

iftheinkof cd grc

"demo"

is"notSrcXor"

then

QTMovie

direct,

movielD,dispose lockscreen

showcd grc"Cover"

unlock screen with visualbam doorclose_veryslow

settheinkofcd grc"demo"to"srcOr" wait 10

endif

answer

"Printing

paper. Pleasewait..."

with"O.K."or"Cancel"at

285,253

if it is"Cancel"then

setthe inkofcd grc"paper"to"srcOr"

exit_mouseup

else

setthe inkofmeto"srcOr"

setthecursortowatch

print card

"CranePaper"

setthecursorto hand

end if

cardgraphic"demo"of card"ZooDemo" on_mouseup

global movielD

if the inkofme is"srcOr" then

play

"click"

setthe inkof meto"notsrcXor"

lockscreen

hidecd grc"Cover"

unlockscreenwith visual bamdooropen_veryslow

QTMovie

Openmovie, direct,"Cup

Cake:ThesisOrigami:-. The

Crane.QT',

therectofcdbtn"craneDemo",fastidle

puttheresultinto movielD

else

play"click"

setthe inkof meto"srcOr"

QTMovie

direct,

movielD,dispose lockscreen

show cd grc"Cover"

unlockscreen with visualbam doorclose_veryslow

playmovie"The

Crane",movienoclear,

moviebkcolor,-,

movieloop.movienoupdate endif

end_mouseup

cardgraphic"play"of card"ZooDemo"

on mousedown

settheinkof meto"blend"

endmousedown

on_mouseup

globalmovielD play

"click"

settheinkofmeto"srcOr"

if movielDisnot_emptythen

QTMoviedirect, movielD,set, rate, 1 QTMoviedirect, movielD,play

endif

endmouseup

card graphic"stop"of card "ZooDemo" onmousedown

setthe inkof meto"blend"

endmousedown

on_mouseup

global movielD

play

"click"

setthe inkof meto"srcOr"

ifmovielDisnot_emptythen

QTMovie

direct,

movielD, set, rate, 1

QTMovie

direct,

movielD, play

end if

card graphic"stepForward"ofcard "ZooDemo"

on mousestilldown

global movielD

setthe inkof meto"blend" if movielDisnot_emptythen

QTMovie

direct,

movielD,stepfwd

endif

end mousestilldown

on_mouseup

settheinkofmeto"srcOr"

end _mouseup

card graphic

"step

Backward"of card "ZooDemo"

on mousestilldown

global movielD

settheinkof meto"blend"

ifmovielD isnot_emptythen

QTMovie

direct,

movielD,steprev

end if

endmousestilldown

on_mouseup

settheinkofmeto"srcOr"

Project

"JoinOrigami'

cardgraphic"help"of card"Joinlntro"

on mousedown

lockscreen

iftheinkof cd grc"annualBtn"is"blend"

ortheinkofcd grc "privilegeBtn"

is"blend"

then

setthe inkof cd grc"annualBtn"to"srcOr"

hidecd grc"annualFee"

hidecd grc"annualDone"

setthe inkof cd grc"privilegeBtn"to"srcOr" hidecd grc"privilege"

hidecd grc"privilegeDone"

endif

unlockscreen with visual Venetianblinds

setthe inkof meto"blend"

end mousedown

on _mouseup

play "click"

settheinkof meto"srcOr" lockscreen

showcd grc"helpDone"

showcd grc"helplntro"

unlockscreenwith visualwipeleftslow

end_mouseup

card graphic"annualBtn"of card "Joinlntro"

on _mouseup

iftheinkofcd grc"privilegeBtn"is"blend"then

settheinkof cd grc

"privilegeBtn"

to"srcOr"

lockscreen

hidecd grc"privilege"

hidecd grc"privilegeDone"

unlockscreen with visual Venetianblinds

endif

iftheinkofme is"srcOr" then

play

"click"

settheinkof meto"blend" lockscreen

showcd grc"annualFee"

showcdgrc

"annualDone"

unlock screen with visual Venetianblinds

else

play "click"

settheinkof meto"srcOr" lockscreen

hidecd grc

"annualFee"

hidecd grc"annualDone"

unlock screen with visual Venetianblinds

end if

cardgraphic"menu"of card"Joinlntro" on mousedown

lockscreen

if the inkof cd grc"annualBtn"is"blend"

then

setthe inkof cd grc"annualBtn"to"srcOr"

hidecd grc"annualFee"

hidecd grc"annualDone" endif

if the inkof cd grc"privilegeBtn"is"blend"

then

setthe inkof cd grc"privilegeBtn"to "srcOr"

hidecd grc"privilege"

hidecd grc"privilegeDone" endif

unlockscreenwith visual Venetianblinds

setthe inkof meto"blend"

end mousedown

on_mouseup

play"click"

answer"ThiswilltakeyoutoOrigami'sMain Menu '"with"cancel"

or-"O.K."

at362,240

if it is"O.K."

then

setthe inkof meto"srcOr"

visualiriscloseslow

gotocd"Origami"of window"Origami"of project"Origami" else

settheinkof meto"srcOr"

exit_mouseup

endif

end_mouseup

cardgraphic"memberBtn"of card"Joinlntro" onmousedown

setthe inkofmeto"blend"

endmousedown

on_mouseup

iftheinkof cd grc

"privilegeBtn"

is"blend"

then

setthe inkofcd grc"privilegeBtn"to"srcOr" lockscreen

hidecd grc"privilege"

hidecd grc

"privilegeDone"

unlockscreenwith visual Venetianblinds

wait 10

endif

iftheinkof cd grc"annualBtn" is"blend"

then

settheinkofcd grc

"annualBtn"

to"srcOr"

lockscreen

hidecd grc

"annualFee"

hidecdgrc

"annualDone"

unlock screen with visual Venetianblinds

endif

play"click"

settheinkof meto"srcOr"

setthecursortonone

playmovie"The

Center",movienodialogue,movienoclear,

moviebkcolor

visualirisopen slow gotocd "MemberEntry" setthecursortohand

end_mouseup

card graphic"newMember"of card "MemberEntry" on mousedown

settheinkof meto"blend"

end mousedown

on _mouseup

play"click"

settheinkof meto"srcOr"

visualVenetian blinds

gotocd"NewMember" end_mouseup

card graphic"oldMember"of card"MemberEntry"

onmousedown

setthe inkof meto"blend"

end mousedown on_mouseup

play

"click"

setthe inkof meto"srcOr"

visualwipe right slow gotocd"OldMember" end_mouseup

card"NewMember" on opencard

global nameHello

lockscreen

hidecd grc"creditCard"

hidecdfid"cardNumber"

hidecdfid"expireDate"

hidecd grc"amex"

hidecd grc"visa"

hidecd grc"master" put_emptyintocdfid"fee"

put_emptyintocdfid "name"

put_emptyintocdfid"address"

put_empty intocdfid"phone"

put_emptyintocdfid "cardNumber"

put_emptyintocdfid "expireDate"

setthehiliteof cdbtn"jun"

setthehiliteofcd btn"reg"

tofalse

setthehiliteof cdbtn"fam"

tofalse

setthehiliteof cdbtn"ove"

tofalse

setthehiliteof cdbtn"bill"

tofalse

setthehiliteofcdbtn"credit"

to false

settheinkof cd grc"amex"to"srcOr"

setthe inkofcd grc"visa"to"srcOr"

setthe inkof cd grc"master"to"srcOr"

unlock screen

selectbefore line 1 ofcdfid"name"

end opencard

cardbutton"jun"

of card "NewMember"

on _mouseUp

ifcdfid"name"

is emptyorcdfid"address"

is emptythen

beep

answer"Pleasecompleteyour personal data."

with"O.K.

else

play"click"

setthe hiliteofmetotrue

setthe hiliteofcdbtn "reg"

tofalse

setthehiliteofcdbtn "fam"

tofalse

setthehiliteof cdbtn"ove"

tofalse

put"$15"intocdfid"fee"

end if

end _mouseUp

cardbutton "bill"of card"NewMember"

on_mouseUp

ifcdfid"fee"is emptythen

beep

answer"PleaseselectType ofMembership." at362,240

else

play

"click"

setthehiliteofmeto true

setthehiliteofcdbtn"credit"

tofalse

lockscreen

hidecd grc

"creditCard"

hidecdfid"cardNumber"

hidecdfid"expireDate"

hidecd grc"amex"

hidecd grc"visa"

hidecd grc

"master"

unlock screen withvisualwiperightslow

endif

end_mouseUp

cardbutton"credit"of card "NewMember

on_mouseUp

beep

answer"PleaseselectType ofMembership."at362,240

else

play"click"

setthehiliteof meto true

setthehiliteof cdbtn"bill"

tofalse lockscreen

show cd grc"creditCard" show cdfid"cardNumber"

show cdfid"expireDate"

show cd grc"amex" show cd grc"visa"

showcd grc"master"

unlockscreenwith visual wipeleftslow end if

end_mouseUp

card graphic"amex"of card"NewMember"

on_mouseup

play"click"

settheinkofmeto"blend"

settheinkofcd grc"visa"to"srcOr" settheinkof cd grc"master"to"srcOr"

selectbefore line1 ofcdfid"cardNumber"

end_mouseup

card graphic"done"ofcard"NewMember"

on _mouseup globalnameHello

ifcdfid"name"

is_emptyor cdfid"address"

is_emptythen

beep

answer"Pleasecompletetheregistrationform!"with"O.K."

else

ifthehiliteof cdbtn"bill"

is falseandthehiliteof cdbtn"credit"-,

is falsethen

beep

answer"Pleasecompletetheregistrationform!"with"O.K."

else

ifthehiliteof cdbtn"credit"

is truethen

ifcdfid "cardNumber"

isemptyor cdfid"expireDate"

is_empty

then

beep

answer"Pleasecompletethecredit-cardinfo."with"O.K." else

memberDone

endif

else

memberDone

endif

end if

end if

end _mouseup

on memberDone

global nameHello

play"click"

putline 1 of cdfid "name"&retumintonameHello

put nameHello after cdfid"memberList"

of cd"memberList"

setthe inkof meto"blend"

wait5

settheinkof meto"srcOr"

if the hiliteof cdbtn"credit"

is truethen lockscreen

setthe inkofcd grc"amex"to"srcOr"

settheinkofcd grc"visa"to"srcOr"

settheinkof cd grc"master"to"srcOr" hidecd grc"creditCard"

hidecdfid"cardNumber" hidecdfid"expireDate"

hidecd grc"amex"

hidecd grc"visa" hidecd grc"master"

put_emptyintocdfid"cardNumber"

put_{empty into}cdfid"expireDate"

unlockscreenwithvisualwiperightslow

endif

visualirisopen slow

gotocd"MemberSection"

end memberDone

card graphic"cancel"of card "NewMember"

on mousedown

settheinkof meto"blend" endmousedown

on_mouseup

play

"click-settheinkof meto"srcOr" if the hiliteof cdbtn"credit"

is truethen lockscreen

setthe inkofcdgrc"amex"to"srcOr"

setthe inkofcd grc"visa"to"srcOr" settheinkof cd grc

"master"

to"srcOr"

hidecdgrc

"creditCard"

hidecdfid"cardNumber"

hidecdfid"expireDate" hidecdgrc"amex"

hidecd grc"visa" hidecd grc

"master"

put_{empty into}cdfid "cardNumber"

put_{empty into}cdfid "expireDate"

end if

visual Venetianblinds

gotocd"MemberEntry"

end_mouseup

card "OldMember"

on opencard

global nameHello

selectbefore line 1 ofcdfid"nameEnter"

end opencard

on closecard

put_emptyintocdfid "nameEnter"

end closecard

card graphic"enter"of card "OldMember"

on mousedown

setthe inkof meto"blend"

end mousedown

on _mouseup

global nameHello

ifcdfid"nameEnter"is emptythen

beep

answer"Pleaseenter yourname."

with"O.K."at362,240

settheinkofmeto"srcOr"

else

play"click"

setthe inkof meto"srcOr"

setcursortonone

playmovie"TheOtherCenter",movienodialogue,movienoclear,-.

moviebkcolor

setcursortohand ifcdfid"memberList"

ofcd"memberList"contains line1 ofcdfid,

"nameEnter" then

put line 1 of cdfid"nameEnter"

intonameHello

visualirisopen slow

gotocd

"MemberSection"

else

beep

answer"Sorry!Youare notthemember."

with "cancel"or

"Enter-me!"

at362,240

if it is"cancel" then

put_{empty into}cdfid"nameEnter"

exit_mouseup

else

put cdfid"nameEnter"into nameHello

visualwipeleftslow

gotocd

"NewMember"

end if

end if

endif

card "MemberSection"

on opencard

globalnameHello,getMail

puttrueintogetMail

put nameHello intocdfid"nameHello"

end opencard

card graphic"books & supplies"

of cd"MemberSection"

on mousedown

setthe inkof meto"blend"

end mousedown

on _mouseup

play

"click-setthe inkofmeto"srcOr"

visualirisopen slow

gotocd "Books"

end_mouseup

cardgraphic"return"of card"MemberSection"

on mousedown

settheinkof meto"blend"

endmousedown

on _mouseup

play

"click"

answer"Areyou suretoexitthemembersection?"

with"Yes"or

"No"

at362,240 if it is"Yes"

then

put_{empty into}cdfid"nameHello"

setthe inkof meto"srcOr"

visual irisclose slow

gotocd"Joinlntro"

else

settheinkof meto"srcOr"

exit _mouseup

end if

end_mouseup

card graphic"search

Author"

of card "Books"

onmousedown

setthe inkof meto"blend"

endmousedown

on_mouseup

play

"vibes"

global nameHello,C

settheinkof meto"srcOr"

setcursortowatch

lockscreen

put_{empty into}C

put_{empty into}cdfid

"booksList"

of cd"BooksList"

go cd 1 ofwindow"Join2"

sort

by

field"Author"

putfield"Author"

into A putA &returninto B

put shortidofthiscard&returnintoC

repeat number of cards- 1

go next

if A isfield"Author"

then

put shortidofthiscard&return afterC

else

putfield"Author & return afterB

putfield"Author"

into A

put","&short idofthiscard &return afterC end if

end repeat

gotocd "BooksList"of window"Joinl"

putB intocdfid"booksList"

unlockscreenwith visual Venetianblinds putC intocdfid "idList"

end _mouseup

card graphic"browseAII"of card"Books"

onmousedown

setthe inkofmeto"blend"

end mousedown

on_mouseup global wholestack

play

"vibes"

settheinkofmeto"srcOr" puttrue intowholestack visualzoom open slow

gotocd id 101 of window"join2" show

bg

grc"backArrow2" end_mouseup

cardfield"bookslist"

of card"BooksList"

onclicklist

global

C,

thelist,

index,

wholestack

getthe hilitedlinesof me putit into X

putitem XofC intothelist

put1 into index

putfalseintowholestack

putlastword ofline indexofthelistinto D

visualzoom open slow

gotocd id Dofwindow"Join2"

hide

bg

grc

"backArrow2"

cardbutton"marked"

of card "Bookl" on _mouseup

if the hiliteof me is falsethen

play"click"

setthehiliteof meto true

put"yes"intocdfid"check"

selectbefore line1 of

bg

fid"qty"

else

play

"click"

setthehiliteof metofalse

put"no"intocdfid"check"

put_emptyinto

bg

fid"qty"

end if

end _mouseup

background graphic"next"of card"Bookl"

onmousedown

setthe inkof meto"notsrcXor"

end mousedown

on _mouseup

global _{index, thelist,}wholestack.M.N

setthe inkof meto"srcOr"

play

"click"

ifwholestackis truethen

visual wiperightslow

gotonext card add1 to N if N>=Mthen

visualwipe rightslow

gotocdid 103of window"Join3"

endif

else

ifindex>=number oflines inthelist then

beep

answer"Thereare no moreitemstothe right"

with"O.K.

else

add1 to index

putlastword ofline index ofthelistinto X

play

"Splat-visualwiperightslow

gotocdid X

endif endif

end_mouseup

background graphic

"prev"

of card"Bookl"

onmousedown

setthe inkofmeto"notsrcXor"

endmousedown

global

index,

_{thelist,wholestack,}

M,

N

setthe inkof meto"srcOr"

play"click"

ifwholestackis truethen visual wipeleftslow gotoprev card subtract1from M if M<1 then

visual wipeleftslow

gotocd id 113ofwindow"Join3"ofproject

"JoinOrigami"

endif

else

if index <=1 then

beep

answer"Thereare no moreitemsto theleft"with "O.K." else

subtract1 from index

put lastword ofline indexofthelistinto X

play "Splat"

visualwipeleftslow gotocd id X

end if

endif

end_mouseup

background graphic

"viewOrder"

of card "Bookl" on mousedown

settheinkof meto"blend" endmousedown

on_mouseup

globallistl,list2,list3,list4,list5

play "click"

settheinkofmeto"srcOr"

setthecursortowatch

put_{empty into listl} put_{empty into Iist2}

put_{empty into Iist3} put_{empty into Iist4} put_{empty into Iist5} put0into A

pushthiscard

lockscreen

repeat numberof cards

go next

if line 1 of cdfid"check"

is "yes"

then

add 1 to A

putA&return afterlistl

putchar1 to 17of line1 of

bg

fid"Title"

& return afterIist2 if

bg

fid"qty"

else

putline1 of

bg

fid"qty" into X

endif

putX & return afterlist3

put word2ofline 1 of

bg

fid"Price"

intoY

putY & return afterIist4

putX*Y into Z

putZ &return afterIist5

endif

end repeat

unlockscreen

popcard pushthiscard

visual Venetianblinds

gotocd "BookOrder"of window"Joinl"

setthecursorto hand

end _mouseup

card"BookOrder" on opencard

global _nameHello,

listl, Iist2, Iist3,

_Iist4,Iist5 lockscreen

sethilite of cdbtn"bill"

tofalse

sethilite ofcdbtn"credit"

tofalse hidecd grc"payment"

hidecd btn"bill" hidecdbtn"credit"

unlockscreen

putnameHellointocdfid "accountName"

putlistl intocdfid"listl"

putIist2 intocdfid "list2"

putIist3 intocdfid "list3"

putIist4 intocdfid "list4"

putIist5 intocdfid "list5"

putline 1 ofcdfid "list5" into X

repeatwith N=2 tonumber oflines incdfid "list5"

putline Nofcdfid "list5" into Y

putX+Y into X

end repeat

putX intocdfid"subTotal"

putX*20/100intoZ

putZ intocdfid

"discount-putX-Z intoQ

putQintocdfid "total"

endopencard

card graphic"order"of card"BookOrder"

on mousedown

settheinkof meto"blend"

on_mouseup

ifcdfid"total"

=0_{or cd}fid "total"

isemptythen

beep

answer"Youdidn'tselect _anybooksorsupplies!"

with"cancel"

setthe inkof meto"srcOr"

else

play

"click"

setthe inkof meto"srcOr"

lockscreen

show cd grc"payment"

showcdbtn"bill"

show cdbtn"credit"

unlock screen with visualwipe rightslow

end if

end_mouseup

card graphic"goback"

of card"BookOrder"

on mousedown

settheinkof meto"blend"

endmousedown

on _mouseup

play

"click-setthe inkof meto"srcOr"

ifthehiliteofcdbtn"bill"

istrueorthehiliteofcdbtn"credit"

istrue-,

then

beep

answer"Pleasecancel your orderfirst."with"O.K."

else

lockscreen

put_emptyintocdfid "list 1"

put_{empty into}cdfid "list2"

put_{empty into}cdfid "list3"

put_{empty into}cdfid "list4"

put_{empty into}cdfid "list5"

put_{empty into}cdfid"subTotal"

put_{empty into}cdfid"discount"

put_emptyintocdfid"total"

popcard

unlock screen with visual Venetianblinds

end if

end _mouseup

card graphic

"done"

ofcard"BookOrder"

on mousedown

settheinkof meto"blend"

end mousedown

on mouseup

global nameHello

settheinkof meto"srcOr" ifthe hiliteofcdbtn"credit"

if cdfid "cardNumber"

is emptyor cdfid"expireDate"

is emptythen answer"Pleasecompletethecredit-cardform."with "O.K."

else

orderDone

lockscreen

setthe inkof cd grc"amex"to"srcOr"

settheinkofcd grc"visa"to"srcOr" setthe inkof cd grc"master"to"srcOr"

hidecd grc"creditCard"

hidecdfid"cardNumber" hidecdfid"expireDate"

hidecd grc"amex"

hidecd grc"visa"

hidecd grc"master"

unlockscreenwith visual wipe right slow

endif

else

orderDone

endif

setcursortowatch

lockscreen

hidecd grc

"orderDone"

hidecd grc

"orderCancel"

hidecd grc

"done&cancel"

unlock screen with visualdissolve

lockscreen

gotocd 1 ofwindow

"Join2"

repeatnumberof cards

go next

if the hiliteof cdbtn"marked"

istrue then

setthe hiliteof cdbtn"marked"

tofalse

put _{empty into}

bg

fid "qty" put "no"intocdfid "check"

endif end repeat

gotocd1 ofwindow"Join3"

repeatnumberofcards

go next

ifthehiliteofcdbtn"marked"

is truethen

setthe hilite of cdbtn"marked"

tofalse

put_{empty into}

bg

fid "qty"

put"no" intocdfid"check" endif

end repeat

gotocd

"BookOrder"

of window"joinl" unlock screen

visualirisclose slow

gotocd

"MemberSection"

setcursortohand

onorderDone

dial

"(716)

475-2916"

wait50

answer"Yourorder*llbeshippedtoyouwithin3days!"

with"O.K."

end orderDone

cardgraphic"cancel"of card"BookOrder"

on_mouseup

settheinkof meto"srcOr" if the hiliteofcd btn"credit"

is truethen lockscreen

settheinkofcd grc"amex"to"srcOr"

settheinkofcd grc"visa"to"srcOr"

settheinkofcd grc"master"to"srcOr" hidecd grc"creditCard"

hidecdfid "cardNumber hidecdfid"expireDate" hidecd grc"amex"

hidecd grc"visa"

hidecd grc"master

unlockscreenwith visualwiperight slow endif

lockscreen

setthehiliteof cdbtn"bill"

tofalse

setthehiliteofcdbtn"credit"

tofalse hidecdbtn"bill"

hidecdbtn"credit"

hidecd grc"payment"

unlockscreenwith visualwipe leftslow

lockscreen

hidecdgrc"orderDone"

hidecd grc"orderCancel"

hidecd grc"done&cancel"

unlockscreenwith visualdissolve

end _mouseup

card graphic"bill"of card"BookOrder"

on _mouseUp

setthehiliteof meto true

play"click"

setthehiliteof cdbtn"credit"

tofalse

setcursortonone

lockscreen

show cd grc"done&cancel"

showcd grc"orderDone" showcd grc"orderCancel"

unlockscreen with visualdissolve lockscreen

hidecd grc"creditCard"

hidecdfid "expireDate" hidecd grc"amex"

hidecd grc"visa"

hidecd grc"master"

unlock screenwith visualwipe right slow set cursortohand

end_mouseUp

card graphic"credit"of card"BookOrder" on_mouseUp

setthehiliteof meto true

play"click"

setthehiliteof cdbtn"bill"

tofalse set cursortonone

lockscreen

put_emptyintocdfid"cardNumber"

put_emptyintocdfid"expireDate"

show cd grc"creditCard" show cdfid "cardNumber show cdfid"expireDate"

show cd grc"amex" showcd grc"visa" show cd grc"master

unlockscreenwith visualwipeleftslow lockscreen

show cd grc"done&cancel" show cd grc"orderDone"

showcd grc"orderCancel"

unlockscreenwith visualdissolve set cursorto hand

end _mouseUp

card graphic"hotNews"of card"News" onmousedown

setthe inkof meto"blend" end mousedown

on_mouseup

play"vibes"

settheinkof meto"srcOr"

visualirisopen slow

gotocd"HotNewsl"ofwindow"Join4" end_mouseup

card graphic"#124"of card "HotNewsl" on_mouseup

play

"click"

iftheinkofcdgrc"#125"is"notsrcXor then

settheinkof cd grc"#125"to"srcOr endif

setthe inkof cd grc"#126"

to "srcOr

endif

if the inkof meis"srcOr"

then

setthe inkof meto "notsrcXor else

setthe inkof meto"srcOr

endif

end_mouseup

card graphic"moreinfo"

of card"HotNewsl" on_mouseup

play"click"

if the inkofmeis"srcOr then

settheinkofmeto"blend"

ifthe inkofcd grc"#124"is"notsrcXor"

then

lockscreen

settheinkof cd grc"#124"to "srcOr

hidecd grc"#124"

showcd grc"info" show cd grc"done"

unlock screen with visual Venetianblinds

else

ifthe inkof cd grc"#124"is"srcOr andthe inkof cd grc"#125"

is-"srcOr"

andtheinkofcd grc"#126" is"srcOr then

answer"Pleaseselectthenews'number."

with"O.K."

settheinkofmeto"srcOr" else

answer"More_information, call

(716)

475-2916"with"O.K."

if it is"O.K."then

settheinkof cd grc"#125"to"srcOr" settheinkof cd grc"#126"to"srcOr" settheinkof meto "srcOr

end if

end if endif

else

setthe inkof meto"srcOr" setthe inkof cd

grc"done"

to"srcOr" lockscreen

hidecd grc"info"

showedgrc "#124"

hidecd grc "done"

unlock screen with visual Venetianblinds

endif

end _mouseup

card graphic

"reserve"

ofcard"HotNewsl"

on _mouseup

play

"click"

settheinkof meto"blend"

if the inkof cd grc"#124"is"srcOrandthe inkof cd grc"#125"is^ "srcOr"

andthe inkof cd grc"#126"is "srcOr then

answer"Pleaseselectthenews' number."

with"O.K."at364,243

settheinkof meto "srcOr

else

dial

"(716)

475-4231" get random

(2)

if it is 1 then

lockscreen

setthe inkof cd grc"#124"to"srcOr

settheinkofcd grc"#125"to"srcOr" settheinkofcd grc"#126"to"srcOr"

hidecd grc"#124"

hidecd grc"#125"

hidecd grc"#126" show cd grc"thank" show cd grc"thankDone" show cd grc"thankCancel"

unlockscreenwith visual Venetianblinds

else

lockscreen

setthe inkofcd grc"#124"to"srcOr

settheinkofcd grc"#125"to"srcOr" settheinkofcd grc"#126"to"srcOr"

hidecd grc"#124"

hidecd grc"#125"

hidecd grc"#126"

showcd grc"sorry"

showcd grc"sorryDone"

showcd grc"sorryList"

unlockscreenwith visual Venetianblinds

end if

endif

else

settheinkof meto"srcOr"

settheinkof cd grc"#124"to "srcOr

settheinkof cd grc"#125"to "srcOr

settheinkof cd grc"#126"to "srcOr lockscreen

hidecdgrc"thank"

hidecdgrc"thankDone"

hidecdgrc"thankCancel"

hidecdgrc"sorry"

hidecd grc

"sorryDone"

hidecd grc"sorryList"

showedgrc"#124"

showedgrc

"#125"

showedgrc"#126"

unlock screen with visual Venetianblinds

end if

card"ConnectSend" on opencard

global getMail

ifgetMailistruethen

repeat3 times

play"Beep"

setthe inkofcd grc"getmail"

to"blend"

wait38

setthe inkof cd grc"getmail"

to"srcOr"

wait38

end repeat

endif

selectbefore line1 ofcdfid"mailName"

end opencard

card graphic"done"of card"ConnectSend"

on mousedown

settheinkofmeto"blend"

end mousedown

on_mouseup

play"click"

ifcdfid"mailName"

is emptythen

answer"Pleaseenterthedestination."with "O.K."at356,234

else

ifcdfid"mailMessage"

is emptythen

answer"Thereisno message."

with"O.K."at356,234

else

dial"111,1111,11"

answer"Sendmail successful!"

with"O.K."at356,234

put_emptyintocdfid"mailMessage"

put_{empty into}cdfid"mailName"

endif

endif

settheinkofmeto"srcOr"

end _mouseup

card graphic"more"of card "ConnectSend"

on mousedown

setthe inkof meto"blend"

endmousedown

on_mouseup

play

"click"

ifcdfid"mailMessage"

isnot _emptythen

answer"Pleaseclickon DONEfirst"

with"O.K."

else

answer"Typeyourmessage andhitenterkey."with"O.K."

endif

setthe inkof meto"srcOr"

end mouseup

cardgraphic"cancel"of card"ConnectSend"

on mousedown

settheinkof meto"blend"

end mousedown

on _mouseup

play

"syndrum"

settheinkof meto "srcOr

put_emptyintocdfid"mailMessage"

put_emptyintocdfid"mailName"

end_mouseup

cd "ConnectGet"

on opencard

hidecdfid"myMessage"

put"WilaiAsawadechsakdi"

intocdfid"getName"

put cdfid"myMessage"

intocdfid"getMessage"

end opencard

card graphic"done"of card"ConnectGet"

onmousedown

settheinkofmeto"blend"

end mousedown

on_mouseup

global getMail

play"click"

setthe inkofmeto"srcOr"

putfalse intogetMail

visual wipe leftslow

gotocard "ConnectSend"

end _mouseup

card graphic"save"ofcard "ConnectGet"

on mousedown

settheinkof meto"blend"

end mousedown

on_mouseup

global saveName,saveMessage

play "click"

ask"Pleasenameyour

saved-message."

at356,234

putit intosaveName

put cdfidgetMessageintosaveMessage

settheinkof meto"srcOr

end _mouseup

card graphic

"retrieve"

of card "ConnectGet"

onmousedown

setthe inkof meto"blend"

end mousedown

onmouseup

play "click"

ask"Whichmessageyouwanttoretrieve?"

at356,234

if it issaveNamethen

put saveMessageintocdfid"getMessage"

else

answer"Filenotfound."with"O.K."at356,234

endif

setthe inkof meto"srcOr"

end _mouseup

Appendix C:

The

User Interface

Design6

User

Interface

Design Principles

Thissectiondescribesthe fundamentalprinciples oftheApple Desk

top

Interface. It'sabrief reminderofthebasicpremisesthatyou

should considerwhenyoudesignyour applicationfor theMacintosh

computer.

Metaphors from the realworld.

Concrete,

simple metaphors provide peoplewitha set of expectations

to_applytocomputer environment. Wheneverappropriate,audioand

visualeffectscansupportthemetaphors.

Directmanipulation.

Eachuseractionhasa perceptible response andthe

Operating

Sys

temprovidesfeedbackto_verifytheeffectoftheaction. Forexample,

iconsmovewhenusers

drag

them. IntheMacintosh

interface,

peo pledon't havetotrustthatabstract commands enteredina

text-based interface dowhat

they

promise. Thismeansthatwhen users choosetheBold command,a word changes

immediately

to boldface incomparisontoother_operating systemsinwhich userstype incom

mands andwaittoseetheresultswhenthedocument isprinted.

See-and-point (notremember-and-type).

Users relyon recognition, notrecall, so entities arevi