Pro je c t 2A.2: L ist pro je c t re q uire me nts Pla nning Do c - - PDF document

▶
pro je c t 2a 2
SMART_READER_LITE
LIVE PREVIEW

Pro je c t 2A.2: L ist pro je c t re q uire me nts Pla nning Do c - - PDF document

Jan 15, 2023 247 likes •285 views

11/9/2007 Pro je c t 2A FIT100 FIT100 FIT100 FIT100 FIT100 FIT100 Write a pla nning do c ume nt Pro je c t 2A.2: L ist pro je c t re q uire me nts Pla nning Do c ume nt Pla nning Do c ume nt Sho w PE Sho w PE RT RT c

slide-1
SLIDE 1

11/9/2007 1

FIT100 FIT100 FIT100

Pro je c t 2A.2: Pla nning Do c ume nt Pla nning Do c ume nt

S te ps to write in narrative fo rm

FIT100 FIT100 FIT100

Pro je c t 2A

  • Write a pla nning do c ume nt

∗ L ist pro je c t re q uire me nts ∗ Sho w PE RT c ha rt Sho w PE RT c ha rt ∗ I nc lude a list o f inputs a nd o utputs with na me s, a ka “Da ta Dic tio na ry” ∗ Write a na rra tive with c o de snippe ts e xpla ining wha t the ste ps a re a nd wha t yo u a re g o ing to do .

See examples at the end

FIT100 FIT100 FIT100

  • Pro je c t 2A

∗ Write q ue stio ns a nd a nswe rs

  • E

ig ht fill-in-the -b la nk q ue stio ns a nd a nswe rs

Pro je c t Re q uire me nts

  • One multiple -c ho ic e q ue stio n with o nly o ne c o rre c t

a nswe r

  • One multiple -c ho ic e q ue stio n with multiple c o rre c t

a nswe rs

∗ Build pa g e with HT ML

  • Write a GUI with e ig ht te xtb o xe s fo r the fill-in-the -b la nk

q ue stio ns

  • Add a sub mit b utto n

FIT100 FIT100 FIT100

Pro je c t Re q uire me nts

  • Pro je c t 2B

∗ Add ima g e with a ro llo ve r e ffe c t ∗ Add multiple -c ho ic e q ue stio ns ∗ Displa y the q uiz sc o re ∗ De pe nding o n the sc o re :

  • Displa y the Go o d Wo rk! Or Study Mo re ! pa g e with

c lo se b utto n

  • Cha ng e the b a c kg ro und c o lo r o f the q uiz pa g e

FIT100 FIT100 FIT100

Pro je c t Re q uire me nts

  • Pro je c t 2B

∗ Co de with Ja va Sc ript

  • Add a n ima g e with a ro llo ve r e ffe c t
  • Gra de the q uiz
  • Displa y the q uiz sc o re
  • I

f the sc o re is o ve r 6,

– Displa y the Go o d Wo rk! pa g e with c lo se b utto n – Cha ng e the b a c kg ro und c o lo r o f the q uiz pa g e

  • E

lse

– Displa y the Study Mo re ! Pa g e with c lo se b utto n – Cha ng e the b a c kg ro und c o lo r o f the q uiz pa g e

FIT100 FIT100 FIT100

PE RT

Build GUI Write questions & answers

  • Add this dra wing

to yo ur pla nning do c ume nt

Code Compare Functions Write 2 Comment pages Declare Score Variable Code Display Score Primp & Coolify Build Rollover Code Display Comment

slide-2
SLIDE 2

11/9/2007 2

FIT100 FIT100 FIT100

Pro je c t 2A

  • GUI

—ne e d b a sic HT ML struc ture

∗ Do wnlo a d fro m c o urse c a le nda r

  • F
  • rm—HT

ML c o ding

∗ <fo rm a c tio n="“></ fo rm>

  • T

e xt b o xe s—HT ML c o ding :

∗ <input type ="te xt" na me =“q ue stio n1">

  • Sub mit b utto n—HT

ML c o ding

∗ <input type ="sub mit" va lue ="Sub mit“>

FIT100 FIT100 FIT100

Pro je c t 2B

  • Co mme nt pa g e —b a sic HT

ML c o ding

∗ Do wnlo a d fro m c o urse c a le nda r

  • Clo se b utto n

∗ <input type ="b utto n" na me = "c lo se Windo w" va lue = "c lo se windo w" o nc lic k = "ja va sc ript:windo w.c lo se ()" / >

  • Multiple -c ho ic e q ue stio ns–ne e d HT

ML

http:/ / www.w3sc ho o ls.c o m/ html/ html_fo rms.a sp

∗ Multiple c o rre c t a nswe rs

  • Che c kb o xe s—find HT

ML a t W3 Sc ho o ls

∗ Sing le c o rre c t a nswe r

  • Ra dio b utto ns—find HT

ML a t W3 Sc ho o ls

FIT100 FIT100 FIT100

Pro je c t 2B

  • Add a n ima g e with a ro llo ve r e ffe c t

∗ I ma g e s--find o r c re a te two

  • Co pyrig ht-fre e

I t b i

  • I

ma g e s must b e sa me size

  • Ba c kg ro und sho uld no t b e tra nspa re nt

∗ I ma g e Ro llo ve r re pla c e s Sub mit Butto n

  • <img na me ="g ra de I

mg " src ="Up.JPG" width="40" he ig ht="20" o nmo use o ve r="b utto nDo wn()"

  • nmo use o ut="b utto nUp()" o nc lic k="g e tGra de ()" / >

FIT100 FIT100 FIT100

Pro je c t 2B

  • Gra de the q uiz—c re a te func tio n

∗ De c la re va ria b le sc o re ∗ Co mpa re stude nt a nswe rs with c o rre c t diti l t t t if l a nswe rs—c o nditio na l sta te me nts: if-e lse

  • Gra de te xtb o x a nswe rs--le a rn ho w to mo ve thro ug h

fo rm e le me nts

  • Gra de c he c kb o xe s—le a rn ho w to ha ndle

c he c kb o xe s

  • Gra de ra dio b utto ns—le a rn ho w to ha ndle ra dio

b utto ns

∗ Add to sc o re whe n a nswe r is c o rre c t

  • Displa y the sc o re

FIT100 FIT100 FIT100

Pro je c t 2B

  • I

nputs

∗ Arra y o f q uiz

  • Outputs

∗ F ina l sc o re a nswe rs ∗ Use r input fro m fo rm e le me nts a rra y ∗ Clic k e ve nt o n sub mit b utto n ∗ Mo use o ve r o n ro llo ve r ima g e ∗ Co mme nt pa g e s

  • Go o d jo b !
  • Study Mo re !

∗ Cha ng e b g c o lo r b a se d o n sc o re

FIT100 FIT100 FIT100

Pro je c t 2B

  • Displa y c o mme nt pa g e b a se d o n sc o re

∗ Ne e d to write func tio n to c o mpa re sc o re to 6

  • I

f the sc o re is o ve r 6

– Displa y the Go o d Wo rk! pa g e with c lo se b utto n – Cha ng e the b a c kg ro und c o lo r o f the q uiz pa g e

  • E

lse

– Displa y the Study Mo re ! Pa g e with c lo se b utto n – Cha ng e the b a c kg ro und c o lo r o f the q uiz pa g e

∗ Ne e d c o de to o pe n c o mme nt pa g e in ne w windo w ∗ Ne e d c o de to c ha ng e b a c kg ro und c o lo r o f pa g e

slide-3
SLIDE 3

11/9/2007 3

FIT100 FIT100 FIT100

Pro je c t 2B

  • F

ina l ste p

∗ Primp a nd “c o o lify” ∗ De sc rib e ho w yo u will ma ke yo ur q uiz spe c ia l:

  • Add c o o l fe a ture s?
  • Add ima g e s?
  • Add a c o o l “skin”?
  • I

mpro ve the use r e xpe rie nc e ?

  • Or ___________?

FIT100 FIT100 FIT100

T he Na rra tive

  • As yo u c a n se e , yo u do n’ t ne e d to

kno w allthe info rma tio n

  • I

nc lude wha t yo u a lre a dy kno w a nd I nc lude wha t yo u a lre a dy kno w a nd wha t info rma tio n yo u will ne e d to find

  • Yo u wo n’ t kno w “e ve rything ” until

yo ur pro je c t is do ne ! FIT100 FIT100 FIT100

E xa mple fo r this Ste p

  • Displa y c o mme nt pa g e b a se d o n sc o re

∗ Ne e d to write func tio n to c o mpa re sc o re to 6

  • I

f the sc o re is o ve r 6

– Displa y the Go o d Wo rk! pa g e with c lo se b utto n – Cha ng e the b a c kg ro und c o lo r o f the q uiz pa g e

  • E

lse

– Displa y the Study Mo re ! Pa g e with c lo se b utto n – Cha ng e the b a c kg ro und c o lo r o f the q uiz pa g e

∗ Ne e d c o de to o pe n c o mme nt pa g e in ne w windo w ∗ Ne e d c o de to c ha ng e b a c kg ro und c o lo r o f pa g e

FIT100 FIT100 FIT100

E xa mple Na rra tive

De pe nding o n the sc o re , a c o mme nt pa g e will

  • pe n in a ne w windo w. I

f sc o re > 6, the pa g e will b e g o o d.html, e lse study.html. Also , if the sc o re s > 6, the b a c kg ro und o f the q uiz pa g e will 6, e b a c g o u d o e q u pa g e c ha ng e to _______, e lse ______. A func tio n will b e de ve lo pe d to c o mpa re the q uiz sc o re with 6. I will ne e d to find a nd inc lude c o de to o pe n the c o mme nt pa g e in ne w windo w a nd to c ha ng e the b a c kg ro und c o lo r o f the q uiz pa g e