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
Harjoitusten suorittaminen hyväksytysti.
Lisätietoja Vaasan yliopiston opinto-oppaassa.
Tämän kurssin suorituksesta on mahdollista saada digitaalinen suoritusmerkki.