UI:Bootstrap

Leht kuulub aine Kasutajaliidesed juurde.

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

Ülesanne

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

Ülesanne: ehitage Bootstrapi abil Koduraamatukogu programmi jaoks sisselogimise järgse lehekülje kavand. Teisisõnu see lehekülg, mida kasutaja võiks näha pärast sisselogimist. Kavand tähendab, et klõpsimine midagi põnevat ei tee: lihtsalt kujundus, paigutus ja need elemendid, mida näha soovite. Märgake, et see eeldab ka navigatsioonimudeli väljamõtlemist. Mõelge enne kujundamist paberprototüübi tegemisele.

Bootstrap on leitav siit: http://twitter.github.com/bootstrap/.

Tutvu bootstrapi näidetega (vt Scaffolding, mis aitab paigutusega; Base CSS, mis näitab lihtsamaid kujunduselemente ning Components keerulisemate elementide tarvis) — et teaksid, mida sellega lihtsal moel ehitada saab.

Hea lähtekoht: võta lahti Get started, ning leia üles HTML Template ja siis vaata ka Examples.

Kui ülesanne on liiga lihtne, lisage javascriptiga täiendatud sisselogimise näidisfunktsionaalsus (seda on nagunii kodutöö jaoks tarvis). Soovituslikult jQuery abil, mis nagunii Bootstrapiga kaasa tuleb, ning mida kursuse raames ka edaspidi kasutame.

Esitamine

• Salvestage töö arvutiklassi W: kettale või veebi.
• Saatke e-post jaagup.irve@ttu.ee aadressil, mille teemarida on "UI:Bootstrap" (mis on oluline, sest sortimine!), ning milles on teie töö aadress.

NB: Arvutiklasside veebiketastel leiduv on nähtav aadressil: http://www.tud.ttu.ee/web/Teie.Kasutajanimi/ ja vajab index.html faili (ning ärge unustage suuri tähti). Hindamise sissekandmisel on kasu ka ka autorite nimedest!