Curricula

Objectives

Web UI 2 -opintojaksolla opit kehittämään ja suunnittelemaan itsenäisesti monipuolisia, responsiivisia verkkosivuja ja käyttöliittymäkomponentteja. Tulet ymmärtämään saavutettavuuden, informaatiohierarkian ja visuaalisen hierarkian merkityksen websovelluksien suunnittelussa. Suunnitteluun käytetään prototypointityokaluja ja käytettävyyskeskeisiä menetelmiä. Kehittämiseen käytetään web-teknologioita.

Käytyäsi opintojakson olet oppinut luomaan itsenäisesti responsiivisia verkkosivustoja CSS-ulkoasukirjastolla prototypointityökaluja käyttäen ja luomaan käyttöliittymäkomponentteja.

Opintojakson osaamiset
- Sovelluskehitysosaaminen
- Tietojärjestelmäosaaminen
- Oppimisen ja tiedonhallinan osaaminen

Opintojakson osaamistavoite
Opit käyttämään prototypointityokaluja ja ulkoasukirjastoja. Ymmärrät ulkoasusuunnittelun ja käytettävyyden tärkeyden websovelluskehityksessä. Osaat luoda käytettävän, saavutettavan ja ulkoasultaan toimivan verkkosivuston itse luomasi prototyypin perusteella.

Content

- UI/UX-suunnittelu
- Ulkoasukirjastot
- Responsiivinen verkkosivusuunnittelu
- Saavutettavuus

Learning materials and recommended literature

Opettajan kirjoittama oppimateriaali.

Kirjastojen omat dokumentaatiot:
https://help.figma.com/hc/en-us
https://tailwindcss.com/docs

Teaching methods

- Luennot (verkossa ja luokassa, tallenteet tarjolla)
- Ohjaus- ja tehtäväkontaktit
- Tehtävät
- Lopputyö

Exam dates and retake possibilities

Lopputentti järjestetään opintojakson lopussa joko konetenttinä tai loppukeskusteluna. Uusintamahdollisuuksista tiedotetaan erikseen opintojakson lopussa.

Alternative completion methods

Sinulla on oikeus hakea osaamisen tunnistamista ja tunnustamista, jos sinulla on aiemmin hankittua osaamista (esimerkiksi muualla suoritettuja korkeakouluopintoja), joita voidaan katsoa hyväksi nyt suoritettavaan tutkintoon.

Osaamisen tunnistamisessa ja tunnustamisessa on kolme päätapaa: hyväksilukeminen (korvaaminen, sisällyttäminen) ja muulla tavoin hankitun osaamisen tunnistaminen ja tunnustaminen sekä opinnollistaminen. Lisätietoa JAMKin tutkintosäännössä, luku 17.

Lisätietoja saa opintojakson vastuuopettajalta.

Student workload

Opintojakson keskimääräinen kuormittavuus on 80 tuntia (3op)

~20h webinaareja
~15h kontaktiohjausta
- 20h itsenäistä työtä
~25h lopputyötä

Content scheduling

Voit tarkentaa toteutuksen etenemistä ja aikataulua, esim. jos on erilaisia vaiheistuksia (labrat tai harjoitukset, työelämään tutustuminen jne.), voit kertoa, miten ne ajoittuvat toteutukselle.

Evaluation scale

0-5

Evaluation criteria, satisfactory (1-2)

Välttävä 1: Tunnistat opintojaksolla käytetyt termit. Tiedät asetteluiden, animaatioiden, informaatiohierarkian, käytettävyyden, värien ja typografian merkityksen verkkosovellusten ulkoasuissa. Osaat käyttää prototypointityökalua luodaksesi prototyypin verkkosivustosta.

Tyydyttävä 2: Käytät opintojakson termistöä. Tiedät asetteluiden, animaatioiden, informaatiohierarkian, käytettävyyden, värien ja typografian merkityksen verkkosovellusten ulkoasuissa. Osaat käyttää prototypointityökalua luodaksesi prototyypin verkkosivustosta, ja sen perusteella toimivan version.

Evaluation criteria, good (3-4)

Hyvä 3: Käytät opintojakson termistöä sujuvasti. Tiedät asetteluiden, animaatioiden, informaatiohierarkian, käytettävyyden, värien ja typografian merkityksen verkkosovellusten ulkoasuissa ja pystyt soveltamaan osaa tästä tietämyksestä käytännössä. Osaat käyttää prototypointityökalua luodaksesi prototyypin verkkosivustosta, ja sen perusteella toimivan version. Osaat perustella ratkaisujasi verkkosovellusten ulkoasusuunnittelussa ja kehityksessä.

Kiitettävä 4: Käytät opintojakson termistöä sujuvasti. Ymmärrät asetteluiden, animaatioiden, informaatiohierarkian, käytettävyyden, värien ja typografian merkityksen verkkosovellusten ulkoasuissa ja pystyt soveltamaan tietämystäsi käytännössä. Osaat käyttää prototypointityökalua luodaksesi prototyypin verkkosivustosta, ja sen perusteella valmiin version. Analysoit ja pystyt perustelemaan ratkaisujasi verkkosovellusten ulkoasusuunnittelussa ja kehityksessä.

Evaluation criteria, excellent (5)

Erinomainen 5: Hallitset UI-suunnitteluun liittyvän termistön. Ymmärrät asetteluiden, animaatioiden, informaatiohierarkian, käytettävyyden, värien ja typografian merkityksen verkkosovellusten ulkoasuissa ja pystyt soveltamaan tietämystäsi käytännössä. Osaat käyttää prototypiointityökalua luodaksesi prototyypin verkkosivustosta, ja sen perusteella valmiin version. Analysoit ja pystyt perustelemaan ratkaisujasi verkkosovellusten ulkoasusuunnittelussa ja kehityksessä. Hallitset suunnitteluprosessin vaiheet ja kykenet ratkaisemaan ongelmatilanteita.

Prerequisites

Web UI -opintojakson suorittaminen tai muulla tavoin saavutettu riittävä HTML- ja CSS-osaaminen.