Web-käyttöliittymäsuunnittelun alkeet

Individual course

Web-käyttöliittymäsuunnittelun alkeiskurssi antaa hyvän pohjaosaamisen Web-sovelluskehittäjäksi aikovalle, joka ei vielä ole opiskellut Web-sovelluskehitystä.

Web-ohjelmointiin sisältyy paljon erilaisia osa-alueita, joista Web-sivupohjien toteutus ja käyttöliittymäsuunnittelu ovat vain pieni osa. Tällä opintojaksolla opit tekemään HTML-sivupohjia tietokantapohjaiselle Web-sovellukselle, jolloin varsinainen sovellusohjelmointi on helpompaa omaksua myöhemmin. Kurssilla keskitytään sovelluksen sivupohjien laadintaan HTML-kielellä siten, että ne on helppo siirtää osaksi sovellusta.

Kurssin sisältö

  • Helppokäyttöisen Web-käyttöliittymän suunnittelu
  • Sivunäkymän käyttöliittymäelementtien suunnittelu sovelluksen tarpeisiin
  • Käyttöliittymän toteuttaminen HTML-kielellä
  • Web-lomakkeiden suunnittelu ja toteutus tietokantapohjaiselle sovellukselle
  • Tiedon esittäminen Web-sivulla (taulukot ja listat)
  • Tilaviestien esittäminen
  • Komponenttiajattelun alkeet
  • HTML-pohjainen syötevalidointi ja erilaiset syötetyypit
  • HTML-lomakkeen laatiminen valmiille JavaScript-funktiolle
  • Responsiivisen, skaalautuvan sivuasettelun laatiminen CSS-tyyleillä (flexbox)
  • Web-näkymien (sivujen) välinen navigointi linkeillä

Osaamistavoitteet

  • HTML-lomakkeen laatiminen tiedon lisäämiseen tietokantatauluun
  • HTML-lomakkeen laatiminen viiteavaimen tallettamiseen
  • Syötetyyppien valinta ja käyttö
  • Syötteen validointi HTML-kielellä
  • Web-sivujen välisen navigoinnin suunnittelu
  • Tiedon esittäminen listoissa ja taulukoissa
  • Responsiivisen sivupohjan laatiminen ja testaaminen
  • Valmiin JavaScript-funktion kutsuminen HTML-lomakkeelta

Kurssimateriaali ja teknologiat

Luentomoniste ja -esitykset sekä esimerkkiohjelmakoodit ovat saatavana kurssin Moodlessa. Luennot on saatavana nauhoituksina, kun opintojakso alkaa. Harjoitusten tekemiseen tarvitaan maksuton Visual Studio Code -editori tai muu tekstieditori. Lisäksi tarvitaan web-selain kuten Google Chrome.

Opetuksen aikataulu

Kurssimateriaali on nauhoitettu. Ei kiinteää opetusaikataulua.

Suoritustapa

Harjoitustyö tai jokaisen viikkoharjoituksen suorittaminen hyväksytysti. Kurssi tulee suorittaa 20.7.2025 mennessä.

Lisätietoja Vaasan yliopiston opinto-oppaassa.

Tämän kurssin suorituksesta on mahdollista saada digitaalinen suoritusmerkki.

css html UI user interface web design

Responsible teacher

University of Vaasa
Maarit Välisuo
maarit.valisuo(at)uwasa.fi

Further information about the course and studying

University of Vaasa
Piia Tiainen
piia.tiainen(at)uwasa.fi

Contact person for applications

FITech-verkostoyliopisto
Fanny Qvickström, Opintoasioiden suunnittelija
info(at)fitech.io

Topics:

Course code:

Study credits:

Price:

Course level:

Teaching period:

Application start date:

Application deadline:

Host university:

Who can apply:

Teaching method:

Teaching language:

General prerequisites:

Course suitable for:

Interested in this course? Subscribe and get updates about the course directly to your email. You can cancel subscription any time you want.