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

Application period has ended

Topics:

Programming,
User interfaces and usability,
Web programming

Course code:

ICAT1130

Study credits:

2 ECTS

Price:

0 €

Course level:

Teaching period:

4.2.–20.7.2025 (flexible start)

Application start date:

13.11.2024

Application deadline:

Application period has ended

Host university:

University of Vaasa

Who can apply:

Adult learner

Teaching method:

Online

Teaching language:

Finnish

General prerequisites:

Knowledge of user interface (UI) design is an advantage, but not essential. It is also useful to have a basic knowledge of programming.

Course suitable for:

Adult learners interested in learning programming and web application programming. The course is suitable as a precursor to a web application development course, as these courses typically do not give enough time to explore the features of the HTML language.