Siirry suoraan sisältöön

Web UI 2 (3 op)

Toteutuksen tunnus: HT00BP68-3004

Toteutuksen perustiedot


Ilmoittautumisaika
18.11.2024 - 09.01.2025
Ilmoittautuminen toteutukselle on päättynyt.
Ajoitus
13.01.2025 - 19.05.2025
Toteutus on käynnissä.
Opintopistemäärä
3 op
Lähiosuus
3 op
Toteutustapa
Lähiopetus
Yksikkö
Liiketoimintayksikkö
Toimipiste
Pääkampus
Opetuskielet
suomi
Paikat
0 - 51
Koulutus
Tietojenkäsittely (AMK)
Opettajat
Heikki Sateila
Ryhmät
HTK21S1
Tietojenkäsittely (AMK)
HTK22S1
Tietojenkäsittely (AMK)
HTK23S1
Tietojenkäsittely (AMK)
HTK20S1
Tietojenkäsittely
Opintojakso
HT00BP68

Toteutuksella on 12 opetustapahtumaa joiden yhteenlaskettu kesto on 24 t 0 min.

Aika Aihe Tila
Ti 14.01.2025 klo 12:45 - 14:45
(2 t 0 min)
Web UI 2 HT00BP68-3004
R35F408 Oppimistila Diploma/LIKE
Pe 17.01.2025 klo 13:00 - 15:00
(2 t 0 min)
Web UI 2 HT00BP68-3004
R35BP15 Oppimistila LITA/LIKE
Ti 21.01.2025 klo 12:45 - 14:45
(2 t 0 min)
Web UI 2 HT00BP68-3004
R35G205 Oppimistila KIKE/KOPA
Pe 24.01.2025 klo 13:00 - 15:00
(2 t 0 min)
Web UI 2 HT00BP68-3004
R35G203 Oppimistila UTI/TEKN
Ti 28.01.2025 klo 12:45 - 14:45
(2 t 0 min)
Web UI 2 HT00BP68-3004
R35G205 Oppimistila KIKE/KOPA
Pe 31.01.2025 klo 13:00 - 15:00
(2 t 0 min)
Web UI 2 HT00BP68-3004
R35G203 Oppimistila UTI/TEKN
Ti 04.02.2025 klo 12:45 - 14:45
(2 t 0 min)
Web UI 2 HT00BP68-3004
R35G205 Oppimistila KIKE/KOPA
Pe 07.02.2025 klo 13:00 - 15:00
(2 t 0 min)
Web UI 2 HT00BP68-3004
R35G203 Oppimistila UTI/TEKN
Ti 11.02.2025 klo 12:45 - 14:45
(2 t 0 min)
Web UI 2 HT00BP68-3004
R35G205 Oppimistila KIKE/KOPA
Pe 14.02.2025 klo 13:00 - 15:00
(2 t 0 min)
Web UI 2 HT00BP68-3004
R35G203 Oppimistila UTI/TEKN
Ti 18.02.2025 klo 12:45 - 14:45
(2 t 0 min)
Web UI 2 HT00BP68-3004
R35G205 Oppimistila KIKE/KOPA
Pe 21.02.2025 klo 13:00 - 15:00
(2 t 0 min)
Web UI 2 HT00BP68-3004
R35G203 Oppimistila UTI/TEKN
Muutokset varauksiin voivat olla mahdollisia.

Arviointiasteikko

0-5

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 osoittama oppimateriaali.

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

Opetusmenetelmät

- Kontaktitunnit
- Tehtävät
- Lopputyö

Tenttien ajankohdat ja uusintamahdollisuudet

Loppytyö esitellään opintojakson lopuksi järjestettävässä seminaarissa.

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 81 tuntia

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.

Lisätiedot

Avoin amk 10 (included in the total capacity)

Siirry alkuun