Publication in the Diário da República: Despacho n.º 427/2023 de 09/01/2023
6 ECTS; 1º Ano, 2º Semestre, 45,0 PL + 15,0 TP , Cód. 602842.
Lecturer
- João Ricardo Mendes de Freitas Pereira (1)(2)
(1) Docente Responsável
(2) Docente que lecciona
Prerequisites
Advanced computer skills from a user's perspective
English Level B2
Objectives
A. Understand and apply fundamentals of semantic HTML5 and CSS in web contexts.
B. Master principles of User Experience (UX) and User Interface (UI) in interactive design.
C. Produce interactive content with Adobe Animate and web integration.
D. Conduct usability tests and iterate interactive projects based on structured feedback.
Program
1.Fundamentals of Semantic HTML5 and Web Structure
2.Fundamentals of CSS: Selectors, Properties, and Styling
3.Typography for Web and UI Principles
4.Layout with Flexbox and Basic Responsiveness
5.Principles of User Experience (UX) and Usability Heuristics
6.Web Navigation and Information Architecture
7.Fundamentals of Adobe Animate for HTML5 Canvas
8.Animation and Motion Tweens in Animate
9.Basic Interactivity: Buttons and Code Snippets
10.Interactive Infographics and Visual Information UX
11.Interactive Video Control and Multimedia Integration
12.Integration of Animate Modules into Web Pages
13.Usability Testing and Formative Evaluation
14.Web development support tools
15.Integrated Final Project
Evaluation Methodology
Continuous Assessment (Frequency):
.Participation and exercises: 15%.
.Project 1 HTML+CSS Labyrinth Site: 20%. Production and presentation of a multi-page site with semantic structure, consistent navigation, and CSS. Oral presentation.
.Project 2 Adobe Animate Interactive Infographic/Video: 25%. Production and presentation of an interactive infographic with a minimum of 3 clickable areas, exported to HTML5 Canvas. Oral presentation.
.Final Project Site + Integrated Animate Module: 40%. Production and presentation of a complete site (minimum 3 pages) with an integrated Adobe Animate module. Oral presentation.
Exam Assessment (Normal, Resit, Special):
.Final Project: 100%. Production and presentation of a complete site (minimum 3 pages) with an integrated Adobe Animate module, explanatory documentation of the Web development and animation process. Oral presentation.
The student obtains approval in accordance with the provisions of Points 11 and 12, of Article 11º, of the IPT Academic Regulations.
Bibliography
- Animate, A. (2024). Animate User Guide. Acedido em 19 de fevereiro de 2026 em https://helpx.adobe.com/animate/user-guide.html
- Krug, S. (2014). Dont Make Me Think, Revisited. EUA: New Riders
- Mazza, L. (2024). HTML5 e CSS3. São Paulo: Casa do Código
- Teixeira, F. (2022). Introdução e boas práticas em UX Design. São Paulo: Casa do Código
Teaching Method
1.Content presentation
2.Analysis of professional cases and examples
3.Production of individual and group practical exercises
4.Structured projects with progressive scaffolding
5.Usability tests and feedback
Software used in class
Vscode; Adobe Animate
