ITV0110 2. töö: CSS, javascript, veebiserver

Rakenduse ülevaade

Sinu ülesandeks on kirjutada brauseris jooksev, javascripti ja css-i peale ehitatud ülilihtne kahe inimese täringumäng pig. Loe kõigepealt läbi ülevaade wikipediast ja vaata tausta mõttes lisaks optimaalset programmi ja kogumikku artikleid.

Ühe mängija asemel mängib sinu programmis arvuti, st mängija mängib arvuti vastu. Optimaalne mängustrateegia on suhteliselt keeruline, sestap piisab, kui arvuti mängib põhimõttega:

• kui 100 punkti on juba täis, siis katkesta kohe.
• muidu võta alati täis 20 punkti ja siis anna käik vastasele

Nõuded kasutajaliidesele

Mängu alustamiseks peab kasutaja sisestama vormile eraldi väljadele oma nime ja emaili ja mängupandava summa suuruse ning vajutama "Alusta" nuppu. Kui need väljad ei ole täidetud mõistliku sisuga, mängu alustada ei lubata (seda pead kontrollima javascriptiga). Täitmata/valesti täidetud väljade korral tuleb osutada, mis/kus on valesti, värvida sisendvälja taust erivärvi ja anda sinna fookus.

"Alusta" nupule vajutamise korral kuvatakse mängu põhileht, kus nime/emaili vormi enam pole. Väljadele sisestatud teksti mängus ei kasutata, see on niisama "dummy".

Mängu käigus pead sa:

• Kuvama alati selge info, kelle käik parajasti on ning mis on mängu seis.
• Esitama seisu alati nii numbriliselt kui graafiliselt kahe riba/postiga, mis kumbki näitab ühe mängija

seisu (vahemikus 0-100)

• Iga täringuveeretuse järel tuleb kuvada graafiliselt täringukülg (otsi veebist täringukülgede pilte või joonista soovi korral ise).
• Arvuti täringuveeretused peavad võtma mõistliku aja, et neid oleks võimalik jälgida (ca 1 sekund või rohkem).
• Mängija käigu korral peavad tal olema selgelt nähtavad kaks nuppu: veereta ja katkesta.
• Kui ei ole parjasti mängija käik, siis ei tule neid nuppe näidata (või näidata "hallilt" vms).
• Info paigutus ekraanil peab olema stabiilne, tekst/nupud ei tohi hüpata vahel ühte, vahel teise kohta.

Tehnoloogianõuded

Kasutajainfo vorm peab olema ühel html lehel ja mängu põhileht teisel html lehel - ilma freimide ja ifreimideta. Html lehed võivad kasutada sisselaetavaid css ja javascripti faile ja pilte.

Kogu rakendus peab kasutama ainult html+css+javascripti ja olema üles laetud serverisse staatiliste lehtedena. Flashi, java jms tehnoloogiate kasutamine on keelatud.

CSS-i harjutamise eesmärgil tuleb vältida kujunduslikke html tage (font, b, center, h1...h6, table jne) ja teha kujundus puhtalt CSS-ga. Elementaarsed tagid nagu p ja br ning head, script, body jms on ok. Vormi tagid (form, input, button jne) on hädavajalikud. Põhiliselt soovitav kasutada id-de ja class-dega varustatud div ja span tage.