Curricula

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

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

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

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