Web-käyttöliittymäsuunnittelun alkeet

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. Kurssin voi aloittaa joustavasti 1.5.2025 asti.

Lisätietoja Vaasan yliopiston opinto-oppaassa.

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

css html UI user interface web design