Web-visualisointiLaajuus (5 op)
Tunnus: TTC8410
Laajuus
5 op
Opetuskieli
- suomi
- englanti
Vastuuhenkilö
- Moona Vesiluoma
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.2024 - 22.08.2024
Timing
26.08.2024 - 18.12.2024
Number of ECTS credits allocated
5 op
Virtual portion
5 op
Mode of delivery
Online learning
Unit
School of Technology
Campus
Lutakko Campus
Teaching languages
- English
Seats
20 - 35
Degree programmes
- Bachelor's Degree Programme in Information and Communications Technology
- Bachelor's Degree Programme in Information and Communications Technology
Teachers
- Moona Vesiluoma
- It Instituutti
Groups
-
TTV22S5Tieto- ja viestintätekniikka (AMK)
-
TTV22S2Tieto- ja viestintätekniikka (AMK)
-
TTV22S3Tieto- ja viestintätekniikka (AMK)
-
TIC22S1Bachelor's Degree Programme in Information and Communications Technology
-
TTV22S1Tieto- ja viestintätekniikka (AMK)
-
TTV22S4Tieto- ja viestintätekniikka (AMK)
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
Oppimateriaali ja suositeltava kirjallisuus
Materials in the e-learning environment.
Teaching methods
- lectures
- independent study
- distance learning
- webinars
- small group learning
- exercises
- learning tasks
- seminars
Exam schedules
The possible date and method of the exam will be announced in the course opening.
Vaihtoehtoiset suoritustavat
The admission procedures are described in the degree rule and the study guide. The teacher of the course will give you more information on possible specific course practices.
Student workload
One credit (1 Cr) corresponds to an average of 27 hours of work.
- independent study and contact lectures 54 h
- weekly exercises 54 h
- final assignment 27 h
Total 135 h
Evaluation scale
0-5
Arviointikriteerit, tyydyttävä (1-2)
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.
Arviointikriteerit, hyvä (3-4)
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
Enrollment
01.08.2022 - 25.08.2022
Timing
29.08.2022 - 16.12.2022
Number of ECTS credits allocated
5 op
Mode of delivery
Face-to-face
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
Oppimateriaali ja suositeltava kirjallisuus
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
Arviointikriteerit, tyydyttävä (1-2)
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.
Arviointikriteerit, hyvä (3-4)
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