Back to all courses

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

Opintojaksolla on neljä vapaaehtoista 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 html UI user interface web design

Responsible teacher

University of Vaasa
Maarit Välisuo

Further information about the course and studying

University of Vaasa
Piia Tiainen

Contact person for applications

FITech Network University
Fanny Qvickström, Student services specialist
Start here
Start here
Topics:
Programming,
User interfaces and usability,
Web programming
Course code:
ICAT1130
Study credits:
2 ECTS
Price:
0 €
Course level:
Teaching period:
15.5.–20.7.2024 (flexible start)
Application start date:
04.04.2024
Application deadline:
5.6.2024
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.
Interested in this course? Subscribe and get updates about the course directly to your email. You can cancel subscription any time you want.

What to study next?