Design em Meios Digitais

--------------------------

Plano de Aula

Aulas tero a seguinte dinmica:

- 2 a 3 pessoas por computador.

- Toda aula ser desenvolvido um site simples.

- Esse site servir como os materiais de estudo da disciplina. Os slides sero substitudos por
sites simples tambm.

- Os sites devero ser entregues ao final de cada aula. No sero aceitos trabalhos depois do
termino da aula.

- Todos os sites tero que ser feitos no Bloco de Notas.

--------------------------

Avaliao.*

AP1 5 pontos Prova + 5 pontos Participao e Trabalhos.

AP2 5 pontos do Projeto + 5 pontos de Participao e Trabalhos

AP3

*Preparar o arquivo Excel para a os trabalhos.

s quartas-feiras das 19:00 s 22:00
Sala: C310

Data Atividade

1 09/08 Anlise das competncias que sero trabalhadas na disciplina e apresentar

a evoluo esttica do webdesign dos anos 90 at os dias de hoje
2 16/08 Elementos de linguagem HTML; Princpios de lgica de programao para
Design;

(Nessa aula ser apresentado os conceitos bsicos para construir um site

simples. Ser a base para que a cada aula, os alunos desenvolvam esses
pequenos sites. A evoluo dos conhecimentos de tags ser feita aula a
aula)

Evoluo do Site:
Organizao dos arquivos.
Ao final da aula ser cobrado um site com texto, imagens e links.
3 23/08 HTML5 + CSS3;

Imagens e Cores. Tanto com o HTML puro, quanto com o CSS.

Evoluo do Site:
Site simples com o material da aula.
Mltiplas pginas e cores.
4 30/08 HTML5 + CSS3;

Listas Ordenadas e No Ordenadas.

Menus.
Links.

Evoluo do Site:
Site simples com o material de aula.
Listas Ordenadas e No Ordenadas.
5 06/09 HTML5 + CSS3;

Padding.
Margin.
Tipografia.
Posicionamento

Evoluo do Site:
Site simples com o material de aula.
Menu
6 13/09 O uso da Folha de Estilo em Cascata (CSS - Cascading Style Sheets);

Apresentao dos parmetros mais utilizados no CSS. (efeitos visuais,

menus, fontes);

Evoluo do site:
Site simples com o material da aula.
Arquivos CSS linkados ao HTML.
7 20/09 Tableless (HTML e CSS)

Tabelas e Formulrios.

Evoluo do site:
Site HTML + CSS
Tabelas
8 27/09 Reviso de conceitos e atividades em grupo

9 04/10 AP1

10 11/10 HTML + CSS

Adio.
Vdeo.
iFrame.

Evoluo do Site:
Site HTML + CSS
Estilizao das pginas com CSS.

11 18/10 Do design de produtos ao Design de servios; Arquitetura da informao.

Apresentar evoluo do jeito de pensar web passou. Apresentar

metodologias de desenvolvimento. (Procurar metodologias dinmicas
(Apresentar o design thinking?))

Definio dos grupos para o projeto final. (Conversar com os professores

das outras disciplinas para ver se rola um interdisciplinar / ou aproveitar o
briefing de outra disciplina)

Pedir a definio do projeto para a prxima aula (em formato de site).

Evoluo do Site:
Site HTML + CSS

12 25/10 As dez heursticas de usabilidade de Nielsen.

Apresentar o conceito de modelo mental.

 Evoluo do Site:
Site Html + CSS
IFRAME
13 1/11 Construo de personas; Construo de Cenrios.

Trabalho feito em sala e terminar em casa.

Evoluo do site:
Site HTML + CSS
lbum de Fotos
14 8/11 Wireframing; Elaborao de layout.

(Procurar aula dinmica sobre)

Evoluo do Site:
Mapas de imagens
Site HTML + CSS

15 15/11 Estudo Programado.

Padres de Acessibilidade do W3C e e-MAG; Padres de Interao.

Evoluo do Site:
Site HTML + CSS
16 22/11 Orientao de Projetos

17 29/11 AP2

18 06/12 Reviso AP3.

19 13/12 AP3

20 20/12 Prova Substitutiva

21 27/12 Reviso de Provas