Skip to main content

Web-visualisointi (5 op)

Toteutuksen tunnus: TTC8410-3002

Toteutuksen perustiedot


Ilmoittautumisaika

01.11.2022 - 05.01.2023

Ajoitus

09.01.2023 - 28.04.2023

Opintopistemäärä

5 op

Virtuaaliosuus

5 op

Toteutustapa

Verkko-opetus

Yksikkö

Teknologiayksikkö

Opetuskielet

  • Suomi

Paikat

0 - 70

Koulutus

  • Tieto- ja viestintätekniikka (AMK)

Opettaja

  • Moona Vesiluoma

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 web-sivut, web-materiaali

Teaching methods

Käytännön harjoitukset ja kurssin lopputyön tekeminen. Virtuaaliopetus.

Student workload

Luennot 24 h, harjoitukset 35 h, harjoitustyö 34 h, itsenäinen työskentely 15 h. Yhteensä 108 tuntia.

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.