UI:Veebilehtede põhjad

Selle praktikumi eesmärk on tutvuda ühe veebi ehitamist hõlbustava raamistikuga.

Ülesanne

Tööd võib teha kahekesi või individuaalselt.

Ülesanne: laadige Skeleton või mõni teine vabalt valitud veebiraamistik (Bootstrap, HTML5 Boilerplate jne) ja looge mõne vabalt valitud otstarbega veebilehe sisselogimise järgne vaade kavandina.

Kavand tähendab, et klõpsimine midagi põnevat ei tee: lihtsalt kujundus, paigutus ja need elemendid, mida kasutaja võiks soovida näha.

Märgake, et see eeldab mõtlemist navigatsioonimudelile: milline on menüü ja kuidas vaadete vahel liigutakse. Märgake, et kasutaja võiks pärast sisselogimist näha kas midagi kasulikku või valikuid võimalikest edasistest tegevustest. Mõelge ka siin enne kujundamist paberprototüübi sodimisele.

On oluline märkida, et kuna kasutaja on juba sisse logitud, siis ta kindlasti tahab näha, kes on sisse logitud, muuta seadeid ja võib olla isegi näha midagi ajalooga seotud nt arhiive.

Skeletoni spetsiifika

Skeleton on leitav siit: http://getskeleton.com/.

Tutvu elementide valiku ja näitega — et teaksid, mida sellega lihtsal moel ehitada saab.

Kui ülesanne on liiga lihtne, lisage javascriptiga täiendatud sisselogimise näidisfunktsionaalsus. Soovituslikult võite vaadata Vue.js suunas, sest seda kasutame edaspidi javascripti mugavamaks kirjutamiseks.

Küsimused

• Jah, sobib, kui liides ei ole interaktiivne või ei reageeri mobiilvaatele sobilikele laiustele.
• Jah, sobib kasutada teisi põhjasid (template) või mallide jaoks valmis ehitatud vabakasutuses olevaid kujundusi: oluline on teie oskus neid sobivalt kokku panna ja neist liidest ehitada.
• Ei, ei ole okei kui te esitate kellegi teise valmis liidest kui enda oma. Selle eest võib saada dekaani noomituse.

Alternatiivid

Kui Skeleton teile esteetilistel, poliitilistel, apoliitilistel, religioossetel, ideoloogilistel või muudel põhjustel ei sobi, võite otsida alternatiive Bootstrapiga sarnanevate asjade näol.

• Las ma aitan Googeldada.

Esitamine

Esitamiseks:

1. Laadige töö dijkstrasse kataloogi "public_html/ui/praks2"
2. kirjutage kiri, kus on töö klõpsitav aadress ja töö tegiate nimed ja täispikad tudengikoodid.
3. saatke kiri oma praktikumi õppejõule
   • erik.soekov@ttu.ee
   • mariliis.haalme@ttu.ee