Opetussuunnitelmat

Objective

During Web UI 2 course, you will learn how to independently develop and design versatile, responsive websites and user interface components. You will understand the importance of accessibility, information hierarchy, and visual hierarchy in the design of web applications. Web-technologies are used for development. Prototyping tools and usability-focused methods are used for design.

After completing the course, you have learned to create independently responsive and usable websites with a CSS library using prototyping tools and to create user interface components.

Course competencies
- Web development competence
- Systems and methods in ICT
- Learning and information management competence

You will learn to use prototyping tools and layout libraries. You understand the importance of layout design and usability in web application development. You can create a usable, accessible, and functional website based on a prototype you create.

Content

- UI / UX design
- Layout libraries
- Responsible website design
- Accessibility

Oppimateriaali ja suositeltava kirjallisuus

Opettajan osoittama oppimateriaali.

Kirjastojen omat dokumentaatiot:
https://help.figma.com/hc/en-us
https://tailwindcss.com/docs

Teaching methods

- Luennot
- Ohjaus- ja tehtäväkontaktit
- Tehtävät
- Lopputyö

Exam schedules

Loppytyö esitellään opintojakson lopuksi järjestettävässä seminaarissa.

Vaihtoehtoiset suoritustavat

Sinulla on oikeus hakea osaamisen tunnistamista ja tunnustamista, jos sinulla on aiemmin hankittua osaamista (esimerkiksi muualla suoritettuja korkeakouluopintoja), joita voidaan katsoa hyväksi nyt suoritettavaan tutkintoon.

Osaamisen tunnistamisessa ja tunnustamisessa on kolme päätapaa: hyväksilukeminen (korvaaminen, sisällyttäminen) ja muulla tavoin hankitun osaamisen tunnistaminen ja tunnustaminen sekä opinnollistaminen. Lisätietoa JAMKin tutkintosäännössä, luku 17.

Lisätietoja saa opintojakson vastuuopettajalta.

Student workload

Opintojakson keskimääräinen kuormittavuus on 80 tuntia

Further information

Avoin amk 5 (included in the total capacity)

Evaluation scale

0-5

Arviointikriteerit, tyydyttävä (1-2)

Sufficient 1: You recognize the terms used in the course. You know the importance of layouts, animations, information hierarchy, usability, colors, and typography in the user interface of website. You can use the prototyping tool to create a prototype of a website.

Satisfactory 2: You use the terminology of the course. You know the importance of layouts, animations, information hierarchy, usability, colors, and typography in the user interface of website. You can use a prototyping tool to create a prototype of a website, and a working version based on it.

Arviointikriteerit, hyvä (3-4)

Good 3: You use the terminology of the course fluently. You know the importance of layouts, animations, information hierarchy, usability, colors, and typography in the user interface of website and are able to apply some of this knowledge in practice. You can use a prototyping tool to create a prototype of a website, and a working version based on it. You can justify your solutions in the design and development of web applications.

Very good 4: You use the terminology of the course fluently. You understand the importance of layouts, animations, information hierarchy, usability, colors and typography in the layout of web applications and will be able to apply your knowledge in practice. You can use the prototyping tool to create a prototype of a website, and based on that prototype, a ready-made version. You analyze and are able to justify your solutions in the design and development of web applications.

Assessment criteria, excellent (5)

Excellent 5: You use the terminology of the course fluently. You understand the importance of layouts, animations, information hierarchy, usability, colors and typography in user interface of website and will be able to apply your knowledge in practice. You can use the prototyping tool to create a prototype from a website, and based on that, a ready-made version. You analyze and be able to justify your solutions in the design and development of web applications. You master the planning process and are abloe to solve problem situations.

Qualifications

Web UI (HTKA0030) or adequate HTML and CSS skills.