Skip to main content

Web VisualizationLaajuus (5 cr)

Code: TTC8410

Credits

5 op

Teaching language

  • Finnish
  • English

Responsible person

  • Moona Vesiluoma

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

Qualifications

Basics of User Interfaces and Usability design and implementation,
Web Technologies

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

Enrollment

18.11.2024 - 09.01.2025

Timing

13.01.2025 - 30.04.2025

Number of ECTS credits allocated

5 op

Virtual portion

5 op

Mode of delivery

Online learning

Unit

School of Technology

Teaching languages
  • Finnish
Seats

20 - 35

Degree programmes
  • Bachelor's Degree Programme in Information and Communications Technology
Teachers
  • Moona Vesiluoma
Groups
  • TTV22S5
    Tieto- ja viestintätekniikka (AMK)
  • TTV22S2
    Tieto- ja viestintätekniikka (AMK)
  • TTV22S3
    Tieto- ja viestintätekniikka (AMK)
  • TTV22S1
    Tieto- ja viestintätekniikka (AMK)
  • TTV22SM
    Tieto- ja viestintätekniikka (AMK)
  • TTV22S4
    Tieto- ja viestintätekniikka (AMK)
  • TTV22SM2
    Tieto- ja viestintätekniikka (AMK)
  • ZJA25KTISK1
    Avoin amk, Sovelluskehitys 1, Verkko

Objectives

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

Learning materials and recommended literature

Materials in the e-learning environment.

Teaching methods

- lectures
- independent study
- distance learning
- webinars
- small group learning
- exercises
- learning tasks
- seminars

Exam dates and retake possibilities

The possible date and method of the exam will be announced in the course opening.

Alternative completion methods

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

Evaluation criteria, satisfactory (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.

Evaluation criteria, good (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.

Evaluation 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).

Evaluation criteria, pass/failed

Fail 0: The student does not meet the minimum criteria set for the course

Prerequisites

Basics of User Interfaces and Usability design and implementation,
Web Technologies

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
Groups
  • TTV22S5
    Tieto- ja viestintätekniikka (AMK)
  • TTV22S2
    Tieto- ja viestintätekniikka (AMK)
  • TTV22S3
    Tieto- ja viestintätekniikka (AMK)
  • TIC22S1
    Bachelor's Degree Programme in Information and Communications Technology
  • TTV22S1
    Tieto- ja viestintätekniikka (AMK)
  • TTV22S4
    Tieto- ja viestintätekniikka (AMK)

Objectives

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

Learning materials and recommended literature

Materials in the e-learning environment.

Teaching methods

- lectures
- independent study
- distance learning
- webinars
- small group learning
- exercises
- learning tasks
- seminars

Exam dates and retake possibilities

The possible date and method of the exam will be announced in the course opening.

Alternative completion methods

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

Evaluation criteria, satisfactory (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.

Evaluation criteria, good (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.

Evaluation 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).

Evaluation criteria, pass/failed

Fail 0: The student does not meet the minimum criteria set for the course

Prerequisites

Basics of User Interfaces and Usability design and implementation,
Web Technologies

Enrollment

20.11.2023 - 04.01.2024

Timing

08.01.2024 - 30.04.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
  • Finnish
Seats

20 - 35

Degree programmes
  • Bachelor's Degree Programme in Information and Communications Technology
Teachers
  • Moona Vesiluoma
Groups
  • TTV21S3
    Tieto- ja viestintätekniikka (AMK)
  • TTV21S5
    Tieto- ja viestintätekniikka (AMK)
  • TTV21SM
    Tieto- ja viestintätekniikka (AMK)
  • ZJA24KTISK1
    Avoin amk, Sovelluskehitys 1, Verkko
  • TTV21S2
    Tieto- ja viestintätekniikka (AMK)
  • TTV21S1
    Tieto- ja viestintätekniikka (AMK)

Objectives

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

Time and location

Online

Learning materials and recommended literature

Moodle workspace and web material

Teaching methods

Contact lessons
Basics of theory as self study before contacts
Weekly exercises
Final assignment

Alternative completion methods

Self studying

Student workload

Studying the material 54h (2cr)
Weekly exercises 54h (2cr)
Final assignment 27h (1cr)
In total of 135h

Evaluation scale

0-5

Evaluation criteria, satisfactory (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.

Evaluation criteria, good (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.

Evaluation 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).

Evaluation criteria, pass/failed

Fail 0: The student does not meet the minimum criteria set for the course

Prerequisites

Basics of User Interfaces and Usability design and implementation,
Web Technologies

Enrollment

01.08.2023 - 24.08.2023

Timing

28.08.2023 - 19.12.2023

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
Groups
  • TTV21S3
    Tieto- ja viestintätekniikka (AMK)
  • TTV21S5
    Tieto- ja viestintätekniikka (AMK)
  • TIC21S1
    Bachelor's Degree Programme in Information and Communications Technology
  • TTV21S2
    Tieto- ja viestintätekniikka (AMK)
  • TTV21S1
    Tieto- ja viestintätekniikka (AMK)

Objectives

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

Time and location

Online

Learning materials and recommended literature

Course webpages and web material

Teaching methods

Contact lessons
Basics of theory as self study before contacts
Weekly exercises
Final assignment

Alternative completion methods

Self studying

Student workload

Studying the material 54h (2cr)
Weekly exercises 54h (2cr)
Final assignment 27h (1cr)
In total of 135h

Further information for students

Grading is based on the final assignment and the report.

Evaluation scale

0-5

Evaluation criteria, satisfactory (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.

Evaluation criteria, good (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.

Evaluation 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).

Evaluation criteria, pass/failed

Fail 0: The student does not meet the minimum criteria set for the course

Prerequisites

Basics of User Interfaces and Usability design and implementation,
Web Technologies

Enrollment

01.11.2022 - 05.01.2023

Timing

09.01.2023 - 28.04.2023

Number of ECTS credits allocated

5 op

Virtual portion

5 op

Mode of delivery

Online learning

Unit

School of Technology

Teaching languages
  • Finnish
Seats

0 - 70

Degree programmes
  • Bachelor's Degree Programme in Information and Communications Technology
Teachers
  • Moona Vesiluoma

Objectives

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

Time and location

Online

Learning materials and recommended literature

Course webpages and web material

Teaching methods

Practical exercises and the final course assignment. Online teaching.

Student workload

Lectures 24 h, exercises 35 h, course assignment 34 h, independent work 15 h. Total 108 hours.

Evaluation scale

0-5

Evaluation criteria, satisfactory (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.

Evaluation criteria, good (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.

Evaluation 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).

Evaluation criteria, pass/failed

Fail 0: The student does not meet the minimum criteria set for the course

Prerequisites

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

Objectives

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

Time and location

IT Dynamo. D300 or remote

Learning materials and recommended literature

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

Evaluation criteria, satisfactory (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.

Evaluation criteria, good (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.

Evaluation 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).

Evaluation criteria, pass/failed

Fail 0: The student does not meet the minimum criteria set for the course

Prerequisites

Basics of User Interfaces and Usability design and implementation,
Web Technologies