Publicação em 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.
Docente(s)
- João Ricardo Mendes de Freitas Pereira (1)(2)
(1) Docente Responsável
(2) Docente que lecciona
Pré-requisitos
Conhecimentos avançados de informática na ótica do utilizador
Inglês Nível B2
Objetivos
A. Compreender e aplicar fundamentos de HTML5 semântico e CSS em contextos web;
B. Dominar princípios de User Experience (UX) e User Interface (UI) em design interativo;
C. Produzir conteúdos interativos com Adobe Animate e integração web;
D. Conduzir testes de usabilidade e iterar projectos interactivos com base em feedback estruturado.
Programa
1.Fundamentos de HTML5 Semântico e Estrutura Web
2.Fundamentos de CSS: Selectores, Propriedades e Estilização
3.Tipografia para Web e Princípios de UI
4.Layout com Flexbox e Responsividade Básica
5.Princípios de User Experience (UX) e Heurísticas de Usabilidade
6.Navegação Web e Arquitetura de Informação
7.Fundamentos de Adobe Animate para HTML5 Canvas
8.Animação e Motion Tweens em Animate
9.Interactividade Básica: Botões e Code Snippets
10.Infografia Interactiva e UX de Informação Visual
11.Controlo de Vídeo Interativo e Integração Multimédia
12.Integração de Módulos Animate em Páginas Web
13.Testes de Usabilidade e Avaliação Formativa
14.Ferramentas de apoio ao desenvolvimento web
15.Projecto Final Integrado
Metodologia de avaliação
Avaliação por Frequência:
.Participação e exercícios15%
.Projecto 1.Site Labirinto HTML+CSS20%
Produção e apresentação de site multi-página com estrutura semântica, navegação consistente e CSS. Apresentação oral.
.Projecto 2.Infografia/Vídeo Interativo Adobe Animate25%
Produção e apresentação de infografia interativa com mínimo 3 áreas clicáveis, exportada para HTML5 Canvas. Apresentação oral.
.Projecto Final.Site+Módulo Animate Integrado40%
Produção, apresentação de site completo (mínimo 3 páginas) com módulo Adobe Animate integrado. Apresentação oral.
Avaliação por exame (normal, recurso, especial)
Projecto Final 100%
Produção, apresentação de site completo (mínimo 3 páginas) com módulo Adobe Animate integrado, documentação explicativa do processo de desenvolvimento Web e animação. Apresentação oral.
O aluno obtém aprovação à UC de acordo com o disposto nos Pontos 11 e 12, do Artigo 11º, do regulamento Académico do IPT.
Bibliografia
- 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
Método de Ensino
1.Exposição de conteúdos
2.Análise de casos e exemplos profissionais
3.Produção de exercícios práticos individuais e em grupo
4.Projectos estruturados com scaffolding progressivo
5.Testes de usabilidade e feedback
Software utilizado nas aulas
Visual Studio Code, Adobe Animate, Ferramentas de apoio ao desenvolvimento web
Aprovado em Conselho Técnico Cientifico: Reunião nº 225 (18/03/2026)
Download da Ficha da Unidade Curricular (FUC)
