Web-visualisointiLaajuus (5 op)
Tunnus: TTC8410
Laajuus
5 op
Opetuskieli
- suomi
- englanti
Vastuuhenkilö
- Moona Taavitsainen
Osaamistavoitteet
Tarkoitus ja osaamistavoitteet:
Osaat suunnitella ja toteuttaa edistyneempiä nykyaikaisia Web-käyttöliittymiä ja käyttöliittymäelementtejä eri päätelaitteet huomioiden. Osaat dokumentoida harjoitustyön opintojaksolla annettujen kehikon mukaisesti (mm. suunnittelu, resursointi, prototyyppi, tekninen toteutus, optimointi, testaus).
EUR-ACE-osaamiset:
Tieto ja ymmärrys
Tekniikan soveltaminen käytäntöön
Sisältö
- Web-sivuston sommittelu ja layout
- Typografia, kuviot, lomakkeet
- Responsiivinen käyttöliittymä ilman valmiita sovelluskehyksiä, sekä niitä hyödyntäen
- CSS esi-prosessorit
- Kuvioiden toteuttaminen selaimen tukemalla vektorigrafiikkaformaatilla
- Siirtymät ja animaatiot Web-sivulla
Esitietovaatimukset
Käyttöliittymien ja käytettävyyden suunnittelun ja toteutuksen perusteet sekä Web-tekniikoiden perusteet.
Arviointikriteerit, tyydyttävä (1)
Välttävä 1: Opiskelija tietää nykyaikaisen mukautuvan Web-sivuston käyttöliittymän suunnittelun ja toteutuksen eri päätelaitteet huomioiden sekä tietää suunnitteluun liittyvät lainalaisuudet ja tekniikat, mutta tuloksissa puutteita. Harjoitustyön dokumentointi on suppea ja siinä on virheitä.
Tyydyttävä 2: Opiskelija ymmärtää nykyaikaisen mukautuvan Web-sivuston käyttöliittymän suunnittelun ja toteutuksen eri päätelaitteet huomioiden sekä ymmärtää suunnitteluun liittyvät lainalaisuudet ja tekniikat. Opiskelijan harjoitustyön dokumentointi on tehty suppeasti.
Arviointikriteerit, hyvä (3)
Hyvä 3: Opiskelija osaa nykyaikaisen mukautuvan Web-sivuston käyttöliittymän suunnittelun ja toteutuksen eri päätelaitteet huomioiden sekä osaa suunnitteluun liittyvät lainalaisuudet ja tekniikat. Opiskelijan harjoitustyön dokumentointi on tehty vaatimusten mukaisesti
Kiitettävä 4: Opiskelija hallitsee nykyaikaisen tyylikkään ja mukautuvan Web-sivuston käyttöliittymän suunnittelun ja toteutuksen eri päätelaitteet huomioiden sekä hallitsee suunnitteluun liittyvät lainalaisuudet ja tekniikat. Opiskelijan harjoitustyön dokumentointi on tehty huolellisesti.
Arviointikriteerit, kiitettävä (5)
Erinomainen: Opiskelija hallitsee kattavasti nykyaikaisen tyylikkään (mm. layout, värit, kirjasimet, kuvat) ja mukautuvan Web-sivuston käyttöliittymän suunnittelun ja toteutuksen eri päätelaitteet huomioiden sekä hallitsee syvällisesti suunnitteluun liittyvät lainalaisuudet ja tekniikat. Opiskelijan harjoitustyön dokumentointi (kts. oppimistulokset) on tehty kattavasti ja huolella.
Arviointikriteeri, hyväksytty/hylätty
Hylätty 0: Ei hallitse aihealuetta
Enrollment
01.08.2022 - 25.08.2022
Timing
29.08.2022 - 16.12.2022
Number of ECTS credits allocated
5 op
Mode of delivery
Contact teaching
Unit
School of Technology
Campus
Lutakko Campus
Teaching languages
- English
Seats
0 - 35
Degree programmes
- Bachelor's Degree Programme in Information and Communications Technology
Teachers
- Paavo Nelimarkka
Objective
Purpose and objectives:
You are able to design and implement advanced modern web user interfaces and user interface elements considering various end user terminals. You are able to document the assignment according to the framework given in the course. (e.g. design, resourcing, prototype, technical implementation, optimization, testing).
EUR-ACE Competences:
Knowledge and Understanding
Engineering Practice
Content
- Composition and layout of a website
- Typography, images, forms
- Responsive user interface with and without application frameworks
- CSS pre-processors
- Implementation of vector based illustrations supported by web browsers
- Transitions and animations on Web-page
Location and time
IT Dynamo. D300 or remote
Materials
Course webpages and web material
Teaching methods
Lectures, practical exercises and course assignment. Exercises and the course assignment can be completed as virtual studies.
Student workload
Exercises 68 h and course assignment 40 h. Total 108 hours.
Evaluation scale
0-5
Assessment criteria, satisfactory (1)
Sufficient 1: The student knows the design and implementation of a modern responsive user interface for a website and knows the laws and technologies related to it; however, the results are insufficient. The documentation of the course assignment is brief and contains errors.
Satisfactory 2: The student understands the design and implementation of a modern responsive user interface for a website as well as the laws and technologies related to design. The documentation of the student’s course assignment is restricted.
Assessment criteria, good (3)
Good 3: The student is able to design and implement a modern responsive user interface for a website considering various end user terminals and knows the laws and technologies related to design. The student has documented their course assignment according to requirements.
Very good 4: The student masters the design and implementation of a modern stylish and responsive user interface for a website concerning various end terminals as well as the laws and technologies related to design. The documentation of the student’s course assignment is meticulous.
Assessment criteria, excellent (5)
Excellent: The student has an extensive command of design and implementation (layout, colors, fonts, images) of a modern stylish and responsive interface for a website concerning various end terminals and a deep mastery of laws and technologies related to design. The documentation of student’s course assignment is comprehensive and meticulous (See Learning Outcomes).
Assessment criteria, approved/failed
Fail 0: The student does not meet the minimum criteria set for the course
Qualifications
Basics of User Interfaces and Usability design and implementation,
Web Technologies