Web UI 2 (3 op)

Arviointiasteikko

0-5

Sisällön jaksotus

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.

Tavoitteet

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.

Sisältö

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

Oppimateriaalit

Opettajan kirjoittama oppimateriaali.

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

Opetusmenetelmät

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

Tenttien ajankohdat ja uusintamahdollisuudet

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

Toteutuksen valinnaiset suoritustavat

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.

Opiskelijan ajankäyttö ja kuormitus

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

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

Arviointikriteerit, tyydyttävä (1)

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.

Arviointikriteerit, hyvä (3)

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ä.

Arviointikriteerit, kiitettävä (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.

Esitietovaatimukset

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