Curricula

Objectives

Tarkoitus ja osaamistavoitteet:
Osaat suunnitella ja toteuttaa edistyneempiä nykyaikaisia Web-käyttöliittymiä ja käyttöliittymäelementtejä eri päätelaitteet huomioiden. Osaat dokumentoida harjoitustyön opintojaksolla annettujen kehikon mukaisesti (mm. suunnittelu, resursointi, prototyyppi, tekninen toteutus, optimointi, testaus).

EUR-ACE-osaamiset:
Tieto ja ymmärrys
Tekniikan soveltaminen käytäntöön

Content

- Web-sivuston sommittelu ja layout
- Typografia, kuviot, lomakkeet
- Responsiivinen käyttöliittymä ilman valmiita sovelluskehyksiä, sekä niitä hyödyntäen
- CSS esi-prosessorit
- Kuvioiden toteuttaminen selaimen tukemalla vektorigrafiikkaformaatilla
- Siirtymät ja animaatiot Web-sivulla

Time and location

Verkko

Learning materials and recommended literature

Opintojakson Moodle-työtila ja siellä esitetyt verkkomateriaalit

Teaching methods

Ohjaus-/tehtäväkontaktit
Teorian perusteet itse opiskeltuna ennen kontakteja
Viikkoharjoitukset
Lopputyö

Alternative completion methods

Itsenäinen työskentely

Student workload

Materiaalien opiskelu 54h (2op)
Viikkoharjoitukset 54h (2op)
Lopputyö 27h (1op)
Yhteensä 135h

Evaluation scale

0-5

Evaluation criteria, satisfactory (1-2)

Välttävä 1: Opiskelija tietää nykyaikaisen mukautuvan Web-sivuston käyttöliittymän suunnittelun ja toteutuksen eri päätelaitteet huomioiden sekä tietää suunnitteluun liittyvät lainalaisuudet ja tekniikat, mutta tuloksissa puutteita. Harjoitustyön dokumentointi on suppea ja siinä on virheitä.

Tyydyttävä 2: Opiskelija ymmärtää nykyaikaisen mukautuvan Web-sivuston käyttöliittymän suunnittelun ja toteutuksen eri päätelaitteet huomioiden sekä ymmärtää suunnitteluun liittyvät lainalaisuudet ja tekniikat. Opiskelijan harjoitustyön dokumentointi on tehty suppeasti.

Evaluation criteria, good (3-4)

Hyvä 3: Opiskelija osaa nykyaikaisen mukautuvan Web-sivuston käyttöliittymän suunnittelun ja toteutuksen eri päätelaitteet huomioiden sekä osaa suunnitteluun liittyvät lainalaisuudet ja tekniikat. Opiskelijan harjoitustyön dokumentointi on tehty vaatimusten mukaisesti

Kiitettävä 4: Opiskelija hallitsee nykyaikaisen tyylikkään ja mukautuvan Web-sivuston käyttöliittymän suunnittelun ja toteutuksen eri päätelaitteet huomioiden sekä hallitsee suunnitteluun liittyvät lainalaisuudet ja tekniikat. Opiskelijan harjoitustyön dokumentointi on tehty huolellisesti.

Evaluation criteria, excellent (5)

Erinomainen: Opiskelija hallitsee kattavasti nykyaikaisen tyylikkään (mm. layout, värit, kirjasimet, kuvat) ja mukautuvan Web-sivuston käyttöliittymän suunnittelun ja toteutuksen eri päätelaitteet huomioiden sekä hallitsee syvällisesti suunnitteluun liittyvät lainalaisuudet ja tekniikat. Opiskelijan harjoitustyön dokumentointi (kts. oppimistulokset) on tehty kattavasti ja huolella.

Evaluation criteria, pass/failed

Hylätty 0: Ei hallitse aihealuetta

Prerequisites

Käyttöliittymien ja käytettävyyden suunnittelun ja toteutuksen perusteet sekä Web-tekniikoiden perusteet.