Erinevus lehekülje "UI:Kodutöö 2 (2019)" redaktsioonide vahel

Allikas: Kursused
Mine navigeerimisribale Mine otsikasti
6. rida: 6. rida:
  
 
# HTML rakendus peab võimaldama läbida kasutajal loodava teenuse põhiflow algusest lõpuni.  
 
# HTML rakendus peab võimaldama läbida kasutajal loodava teenuse põhiflow algusest lõpuni.  
# Rakendus peab olema kasutatav nii desktopis kui mobiilis
+
 
# HTML rakendus peab vastama 1 praktikumitöös joonistatud vaadetele. Kui realisatsiooni käigus selgub et joonistatud protot üüpi on keeruline või ebaotstarbekas sellisel kujul realiseerida, tuleb muudatused viia prototüüpi - s.t. HTML ja proto peavad kooskõlas olema. Võib juhtuda, et HTMLi tehes selgub, et päris nii nagu joonistatud on liiga keeruline või ebaotstarbekas. Sellisel juhul tuleb muuta staatilist protoüüpi. See tagab, et saame suhtuda staatilisse prototüüpi kui dokumentatsiooni.
 
 
# Rakendus on realiseeritud mõnel CSS raamistiku standardkomponentidel - kursuse käigus kasutame Bootstrap 4, aga lubatud on nt Semantic UI, Material CSS, Zepto vms.
 
# Rakendus on realiseeritud mõnel CSS raamistiku standardkomponentidel - kursuse käigus kasutame Bootstrap 4, aga lubatud on nt Semantic UI, Material CSS, Zepto vms.
 +
 +
# Rakendus peab olema kasutatav nii desktopis kui mobiilis. Kui järgisid eelmist punkti, s.t. ehitasid rakenduse mõnele standardraamistikule  siis suure tõenäosusega enam suuremaid lisategevusi tegema ei pea.  l
 +
 +
# HTML rakenduse flow ja elementide paigutus peab vastama 1 praktikumitöös joonistatud vaadetele. Kui realisatsiooni käigus selgub et joonistatud protot üüpi on keeruline või ebaotstarbekas sellisel kujul realiseerida, tuleb muudatused viia prototüüpi - s.t. HTML ja proto peavad kooskõlas olema. Võib juhtuda, et HTMLi tehes selgub, et päris nii nagu joonistatud on liiga keeruline või ebaotstarbekas. Sellisel juhul tuleb muuta staatilist protoüüpi. See tagab, et saame suhtuda staatilisse prototüüpi kui dokumentatsiooni.
 +
 
# Rakendus peab olema stiilitud. Stiilimiseks tuleb kasutada CSS eelprotsessoreid - LESSi, SASSi vms
 
# Rakendus peab olema stiilitud. Stiilimiseks tuleb kasutada CSS eelprotsessoreid - LESSi, SASSi vms
 +
 
# Rakendus peab CSS strukturereerimiseks kasutama mõnda tunnustatud nimetamisloogikat. Kursuse käigus vaatame BEMi, aga lubatud on ka mõne muu metoodika kasutamine, nt OOCSS, LSCSS vms
 
# Rakendus peab CSS strukturereerimiseks kasutama mõnda tunnustatud nimetamisloogikat. Kursuse käigus vaatame BEMi, aga lubatud on ka mõne muu metoodika kasutamine, nt OOCSS, LSCSS vms
 +
 
# Rakenduses peab olema jälgitud joondust ja elementide paigutust.  
 
# Rakenduses peab olema jälgitud joondust ja elementide paigutust.  
 +
 
# Loodavate lehtede HTML peab olema valideeruv. Valideerimiseks on kõige lihtsam kasutada Web Developer brauseripluginat (https://chrispederick.com/) Kui oled selle enda brauserile lisanud (töötab Firefoxis, Operas ja Chromes) vali sealt "Tools -> Validate Local HTML" oma koodi kontrollimiseks lokaalses arvutis ja "Tools -> Validate HTML" serverisse paigaldatud koodi vaatamiseks.  
 
# Loodavate lehtede HTML peab olema valideeruv. Valideerimiseks on kõige lihtsam kasutada Web Developer brauseripluginat (https://chrispederick.com/) Kui oled selle enda brauserile lisanud (töötab Firefoxis, Operas ja Chromes) vali sealt "Tools -> Validate Local HTML" oma koodi kontrollimiseks lokaalses arvutis ja "Tools -> Validate HTML" serverisse paigaldatud koodi vaatamiseks.  
  

Redaktsioon: 25. märts 2019, kell 15:45

Esimese praktikumi käigus saite valmis ja valideerisite staatilise prototüübi. Teise praktikumitöö põhieesmärk on realiseerida staatiline prototüüp HTML lehtedena kasutades selleks standardraamistikke ja parimaid CSS struktureerimise praktikaid.

Töö peab esitamiseks olema paigutatud Dijkstra serverisse aadressile http://dijkstra.cs.ttu.ee/~Eesnimi.Perenimi/kasutajaliidesed2/ kus Eesnimi.Perenimi on sinu kasutajatunnus arvutiklassides (suured/väikesed tähed õigesti, kui on lisanumbreid vms, siis need ka).

Nõuded:

  1. HTML rakendus peab võimaldama läbida kasutajal loodava teenuse põhiflow algusest lõpuni.
  1. Rakendus on realiseeritud mõnel CSS raamistiku standardkomponentidel - kursuse käigus kasutame Bootstrap 4, aga lubatud on nt Semantic UI, Material CSS, Zepto vms.
  1. Rakendus peab olema kasutatav nii desktopis kui mobiilis. Kui järgisid eelmist punkti, s.t. ehitasid rakenduse mõnele standardraamistikule siis suure tõenäosusega enam suuremaid lisategevusi tegema ei pea. l
  1. HTML rakenduse flow ja elementide paigutus peab vastama 1 praktikumitöös joonistatud vaadetele. Kui realisatsiooni käigus selgub et joonistatud protot üüpi on keeruline või ebaotstarbekas sellisel kujul realiseerida, tuleb muudatused viia prototüüpi - s.t. HTML ja proto peavad kooskõlas olema. Võib juhtuda, et HTMLi tehes selgub, et päris nii nagu joonistatud on liiga keeruline või ebaotstarbekas. Sellisel juhul tuleb muuta staatilist protoüüpi. See tagab, et saame suhtuda staatilisse prototüüpi kui dokumentatsiooni.
  1. Rakendus peab olema stiilitud. Stiilimiseks tuleb kasutada CSS eelprotsessoreid - LESSi, SASSi vms
  1. Rakendus peab CSS strukturereerimiseks kasutama mõnda tunnustatud nimetamisloogikat. Kursuse käigus vaatame BEMi, aga lubatud on ka mõne muu metoodika kasutamine, nt OOCSS, LSCSS vms
  1. Rakenduses peab olema jälgitud joondust ja elementide paigutust.
  1. Loodavate lehtede HTML peab olema valideeruv. Valideerimiseks on kõige lihtsam kasutada Web Developer brauseripluginat (https://chrispederick.com/) Kui oled selle enda brauserile lisanud (töötab Firefoxis, Operas ja Chromes) vali sealt "Tools -> Validate Local HTML" oma koodi kontrollimiseks lokaalses arvutis ja "Tools -> Validate HTML" serverisse paigaldatud koodi vaatamiseks.