Publicação em Diário da República: Despacho n.º16228/2009 - 15/07/2009
6 ECTS; 1º Ano, 2º Semestre, 70,0 PL + 5,0 OT + 5,0 O , Cód. 911910.
Docente(s)
- José Manuel Palma Redes Ramos (2)
(1) Docente Responsável
(2) Docente que lecciona
Pré-requisitos
Não aplicável.
Objetivos
1. Desenvolver código HTML, CSS e javaScript;
2. Manipular atrubutos e conteúdos dos objetos do DOM do interface Web;
3. Desenvolver funcionalidades gráficas e cinemáticas interativas;
4. Desenvolver aplicações dinâmicas sobre interfaces Web;
5. Elaborar projetos Web do lado do cliente.
Programa
1. Codificação em HTML5 (HyperText Markup Language, norma 5): Estrutura geral das árvores de objetos; objetos vazios, objetos contentores e objetos arbolescentes; Sintaxe das "tags" e respetivos atributos; Atributos especiais, de classificação (?class?), de identificação (?id?) e de estilização (?style?); Atributos de comportamento para descrição de pares evento/ação; Categorização e representação dos diversos objetos Web.
2. Codificação em CSS1,2,3 (Cascading Style-Sheets, normas 1, 2 e 3): O objeto ?style?; Descrição e sintaxe das representações CSS dos atributos do objeto ?style?; O Modelo da Caixa; Representação de Superclasses, de Classes, de Pseudoclasses e de Objetos; Agrupamentos, especializações e exceções; Codificação decimal e hexadecimal das cores; Atributos avançados de estilo.
3. O DOM (Document Object Model) Web: Estrutura hierárquica do documento Web (objeto ?document?), como uma árvore de objetos para representação e apresentação de conteúdos; Classes de objetos; Geração dinâmica; Gestão de atributos; Anexação, Clonagem e Extinção.
4. Programação em JavaScript: Sintaxe geral da linguagem; Âmbito das variáveis (públicas e privadas); Modelos de variáveis (lógico, numérico, string, array, objeto); Funções e respetivos argumentos; Métodos para cada classe de objetos do DOM; Funções de Expressão; Funções de Input, de Processo e de Output; Implementação de ações para pares evento/ação; Manipulação de atributos para cada classe de objetos do DOM; Processamento de formulários de input/output; Técnicas de ?motion?; Mecanismos de interação.
5. Aplicação de Bibliotecas jQuery e Bootstrap: Funções das Bibliotecas; O seletor ?$? da jQuery; Animação; Interfaces dinâmicos; Interacção avançada; Aplicação dos recursos gráficos, de estilo e funções das bibliotecas Bootstrap na implementação de interfaces avançados.
6. Geração de Gráficos Bitmap (Raster) através do elemento Canvas e de Gráficos Vetoriais através de SVG (Scalable Vector Graphics): O contexto ?2d? de um objeto ?canvas?; Utilização dos métodos e propriedades gráficas desse contexto, através de programação javaScript; Implementação de gráficos estáticos e dinâmicos e de animações gráficas de natureza ?raster?; Representação XML de primitivas gráficas SVG; Geração de árvores XML de descritores SVG, através de programação javaScript sobre o XML-DOM; Implementação de gráficos estáticos e dinâmicos e de animações gráficas de natureza vetorial;
7. Interatividade e Animação: comportamentos e pares evento-ação; Técnicas de ?framing?; Temporização e sincronização; Trajetórias.
8. Projeto de interfaces Web dinâmicos: Hierarquia dos objetos; Hierarquia dos processos; Modelos de interação; Animação e Storyboarding.
Metodologia de avaliação
Desenvolvimento de um projeto individual, consistindo em aplicações web do lado do cliente, a partir da enunciação de um modelo de requisitos.
Bibliografia
- DevGuru, .. (0). .. Acedido em 1 de julho de 2012 em www.devguru.org
- Ramos, J. (0). Documentos de apoio. Acedido em 1 de julho de 2012 em vários
- W3Schools, .. (0). .. Acedido em 1 de julho de 2012 em www.w3schools.com
Método de Ensino
1. Sessões práticas em Laboratório de TIC;
2. Desenvolvimento de miniprojetos.
Software utilizado nas aulas
