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

Learning materials and recommended literature

Verkko-oppimisympäristössä julkaistava sähköinen materiaali.

Teaching methods

- luennot
- itseopiskelu
- verkko-opinnot
- webinaarit
- pienryhmätyöskentely
- harjoitustyöt
- oppimistehtävät
- seminaarit

Exam dates and retake possibilities

Mahdollinen tentin ajankohta ja toteutustapa ilmoitetaan opintojakson ensimmäisellä kerralla.

Alternative completion methods

Hyväksilukemisen menettelytavat kuvataan tutkintosäännössä ja opinto-oppaassa. Opintojakson opettaja antaa lisätietoa mahdollisista opintojakson erityiskäytänteistä.

Student workload

Yksi opintopiste (1 op) tarkoittaa keskimäärin 27 tunnin työtä.

- itsenäinen opiskelu ja ohjaukset 54 h
- viikkotehtävät 54 h
- harjoitustyö 27 h
Yhteensä 135 h

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.