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 suorittanut varsinaista Web-sovelluskehitysopintojaksoa. 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 helppoa 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 Visual Studio Code -editori, joka on maksuton, tai muu tekstieditori. Lisäksi tarvitaan web-selain kuten Google Chrome.

Opetuksen aikataulu

Opintojaksolla on neljä vapaahetoista harjoituskertaa, jotka pidetään aikataulun mukaan (ks. opinto-opas). Harjoitustyö pitää palauttaa viimeistään 17.7.2024.

Suoritustapa

Harjoitustyö tai jokaisen viikkoharjoituksen suorittaminen hyväksytysti.

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

css