quarta-feira, 7 de agosto de 2019

PROGRAMA DE ENSINO



PONTIFÍCIA UNIVERSIDADE CATÓLICA DE SÃO PAULO
FACULDADE DE FILOSOFIA, COMUNICAÇÃO, LETRAS E ARTES
FAFICLA

PROGRAMA DE ENSINO


Curso: Comunicação e Multimeios
Disciplina: Programação para Web
Professor: Lucia Leao (007253)
Sem/Ano: 2º/2019
Depto.: Computação
Cred.: 03
Horas/Aula: 51
Turno: Vespertino


Segunda-feira, 13h30 – 16h
Segunda-feira, 16h15 – 18h45

I. EMENTA


A disciplina tem por objetivos: (1) teóricos: apresentar conceitos fundamentais vinculados ao Web Design e ao ofício de Web Designer; (2) analíticos: fornecer as bases metodológicas para o exercício da crítica de projetos de Web Design; (3) práticos: instrumentar o aluno com conhecimentos necessários para o desenvolvimento de um projeto de Web Design. O conteúdo da disciplina contempla: Fundamentos do Web Design; concepção e criação gráfica para a Web; arquitetura da informação; história e evolução da prática do Web Designer; Tipologia e gêneros de Web Design; Estudos de casos de projetos para a Web; Métodos de desenvolvimento de projetos de Web Design. O método de trabalho da disciplina é composto por aulas expositivas, seminários, orientação e acompanhamento de projetos de Web Design. A avaliação é processual e compreende: atividades em aula, participação em discussões, leituras, exercícios, frequência e pontualidade, apresentação de seminário, relatório de processos no semestre e desenvolvimento de projeto de Web Design.



II. OBJETIVOS



  1. Apresentar uma introdução aos conceitos fundamentais vinculados ao Web Design e ao ofício de Web Designer.
  2. Discutir sobre as características de um projeto para a Web: entender a Internet, suas dinâmicas em rede e suas limitações; considerar diferentes opções e definir os objetivos do site; projetar e desenvolver o sistema de arquitetura e navegação do site; produzir e promover presença on-line eficaz.
  3. Apresentar uma cartografia dos fundamentos dos processos de criação para a Web: web site brief; design de interface, concepção e projeto gráfico para a Web; arquitetura da informação; desenvolvimento de esboços (blueprint), mapas de estrutura e navegação; projeto: gerenciamento e plano de trabalho.
  4. Apresentar um panorama histórico do Web Design e evolução da prática do Web Designer.
  5. Fomentar pesquisas a respeito as transformações do web design e suas relações com a produção audiovisual no contexto da cultura digital e da convergência das mídias.
  6. Discutir sobre as tipologias e gêneros de projetos para a Web
  7. Apresentar métodos de análise do Web Design. Fomentar estudos críticos de projetos de Web Design
  8. Realizar exercícios de processos de criação de Web Design
  9. Realizar exercícios integrados com outras disciplinas do semestre
  10. Desenvolver um projeto de Web Design




III. CONTEÚDO


  1. Apresentação da Disciplina, conteúdo e forma de avaliação; Fundamentos do Web Design e da prática de web designer.
  2. Tipologias e gêneros de projetos para a Web 1: arqueologia da mídia, conceito de hipermídia e breve história do Web design; relações entre projeto gráfico e tecnologias; as três competências necessárias para o Web design (artísticas, técnicas e de gerenciamento).
  3. Tipologias e gêneros de projetos para a Web 2: compreendendo o meio (Internet, Web, ciberespaço e redes sociais) e principais tipos de projetos para a Web.
  4. Tipologias e gêneros de projetos para a Web 3: transformações da Web e surgimento de novas categorias de projetos.
  5. Tipologias e gêneros de projetos para a Web 4: interfaces com o audiovisual e criação de audiovisual para a Web.
  6. Elementos para a crítica de Web design 1: diferentes estilos de projeto gráfico.
  7. Elementos para a crítica de Web design 2: interação com usuário e mobilidade (usabilidade, ergonomia e RWD – Responsive Web Design).
  8. Elementos para a crítica de Web design 3: apresentação de estudos de casos.
  9. O projeto de Web Design (1): comunicação com o cliente, objetivos do projeto e desenvolvimento do briefing.
  10. O projeto de Web Design (2): esboços e primeiras definições do projeto. Elementos fundamentais do projeto: criação de interface, arquitetura da informação, projeto gráfico (composição visual, tipografia, definição de paleta cromática, etc.)
  11. O projeto de Web Design (3): organização, detalhamento de processos, plano de trabalho e cronograma.
  12. Orientação e acompanhamento de projetos
  13. Orientação e acompanhamento de projetos
  14. Orientação e acompanhamento de projetos
  15. Orientação e acompanhamento de projetos
  16. Apresentação de projetos
  17. Avaliação final

IV. METODOLOGIA


Aulas expositivas, análise de websites e exercícios práticos. Discussão em classe de leituras de textos recomendados. Seminário. Realização de um trabalho de Web Design.

 

V. AVALIAÇÃO


1.             Exercícios: (30%)
a.    Exercício 1 = 5
b.    Exercício 2 = 10
c.     Exercício 3 = 15

2.             Seminário: (em grupo 20%)

3.             Trabalho de Web Design: (em grupo 40%)


4.             Diversos: Relatório, frequência, participação em aula, exercícios em classe e outros (individual 10%)

 

VI. BIBLIOGRAFIA BÁSICA


CLONINGER, Curt. Fresher styles for Web designers: more eye candy from the underground. Berkeley, CA: New Riders, 2008.
FLUSSER, Vilém. O mundo codificado: por uma filosofia do design e da comunicação. São Paulo: Cosac Naify, 2001.
LEÃO, Lucia. O labirinto da hipermídia: arquitetura e navegação no ciberespaço. São Paulo: Iluminuras, 1999.
NIELSEN, Jakob; LORANGER, Hoa. Usabilidade na web. Rio de Janeiro: Elsevier, 2007.
WURMAN, Richard Saul. Information Design. Cambridge, MA: MIT Press, 2000.

VII. BIBLIOGRAFIA COMPLEMENTAR:


BONSIEPE, Gui. Design, cultura e sociedade. São Paulo: Blucher, 2011.
CLONINGER, Curt. Fresh styles for web designers: Eye candy from the underground. Berkeley, CA: New Riders, 2001.
KING, Darryl. The Complete Website Planning Guide: A step by step guide for website owners and agencies on how to create a practical and successful scope of works for your next web design project. Ireckon Publishing, 2017.
LEÃO, Lucia (Org.). O chip e o caleidoscópio: reflexões sobre as novas mídias. São Paulo: Senac, 2003.
POWELL, Thomas. Web design. McGraw-Hill Professional Publishing, 2002.
RODGERS, Paul; YEE, Joyce (Ed.). The Routledge companion to design research.  New York, NY: Routledge, 2014.


VII. EQUIPAMENTO NECESSÁRIO

Laboratório de Informática; Projetor digital; Softwares de autoria de sites, manipulação de imagem, edição de vídeos.





VIII. PLANO DE AULAS



Aula
Data
Conteúdo

1
5 ago
Apresentação da Disciplina, conteúdo e forma de avaliação; Fundamentos do Web Design e da prática de web designer (1).
-       as três competências necessárias para o Web design (artísticas, técnicas e de gerenciamento)
-       web master, web designer, web developer
Design thinking (pensamento por processo, mapas mentais, brainstorm)
7 etapas de um projeto para web
-       fase 1: definição da proposta (o que, para quem, por que)
Estudo de caso: vídeo para web
Método de análise de web design
-       ícone, índice, símbolo
-       observar, relacionar, interpretar


Exercício 1: Análise de vídeo corporativo para web (em grupo)

Texto reflexivo sobre o vídeo escolhido
Observar:
Imagens da cidade do evento, local do evento, sinalização, material promocional, pessoas no evento, participantes, palestrantes, momentos de socialização, etc.
Tamanho do texto:
-        Mínimo: 150 palavras
-        Máximo: 300 palavras
O texto deve conter: título do exercício, dados sobre o vídeo escolhido (URL, tamanho, empresa produtora do filme, data, etc.) e nome dos integrantes do grupo. Entregar impresso e enviar arquivo por email.

2
12 ago
Entrega, apresentação e avaliação do Exercício 1.

Fundamentos do Web Design e da prática de web designer (2).
Linguagens (visual, sonora, audiovisual, hipermídia, transmídia, intermídia).
Tipologias e gêneros de projetos para a Web

Organização de seminários

Exercício 2: Cartografia e curadoria de projetos para web (em grupo)

O trabalho deve conter:
Texto reflexivo sobre o processo de cartografia e curadoria de projetos para web.
Fazer tabela com categorias elencadas.
Para cada categoria, escolher de um a três projetos.
O texto deve conter: título do exercício; dados sobre os projetos selecionados (URL, proposta conceitual, criação, data, etc.) e nome dos integrantes do grupo. Entregar impresso e enviar arquivo por email.




19 ago
Recesso: aniversário da PUC

3
26 ago
Entrega, apresentação e avaliação do Exercício 2.

Arqueologia da mídia; compreendendo o meio (Internet, Web, ciberespaço e redes sociais); as complexidades da hipermídia e breve história do Web design.

Exercício 3: Análise de projeto para WWW (em grupo)

Texto reflexivo sobre o projeto escolhido
A análise deve considerar:
1) Observação e descrição: Proposta conceitual; características visuais e sonoras; Projeto gráfico (cores, fontes tipográficas, composição, estilo).
2) Testes e usabilidade: Funcionamento do site; aspectos interativos; ação e reação; Estrutura e navegação; Lexias, links.
3) Interpretação: aspectos culturais, simbólicos, narrativas, etc.

Tamanho do texto:
-        Mínimo: 350 palavras
-        Máximo: 750 palavras
O texto deve conter: título do exercício, dados sobre o projeto escolhido (URL, empresa, data, etc.) e nome dos integrantes do grupo. Entregar impresso e enviar arquivo por email.

4
2 set
Entrega, apresentação e avaliação do Exercício 3.

O projeto de Web Design (1): esboços e primeiras definições do projeto; comunicação com o cliente, objetivos do projeto e desenvolvimento do briefing.

Preparar: Projeto de Web Design (PWD1) contendo:
Síntese da proposta (texto de apresentação do projeto com objetivos, público alvo, briefing)
esboços (desenhos) de todas as lexias do projeto
mapa da arquitetura da informação
mapa da navegação

O trabalho deve conter: capa com título do exercício, nome dos integrantes do grupo. Entregar impresso e enviar arquivo por email.

5
9 set
Entrega, apresentação e avaliação da proposta inicial de Projeto de Web Design (PWD1).

O projeto de Web Design (2): Elementos fundamentais do projeto: criação de interface, projeto gráfico (composição visual, tipografia, definição de paleta cromática, etc.)

Preparar: Projeto de Web Design (PWD2) contendo:
interface, projeto gráfico (composição visual, tipografia, definição de paleta cromática), outros. 


O trabalho deve conter: capa com título do exercício, nome dos integrantes do grupo. Entregar impresso e enviar arquivo por email.  

6
16 set
Entrega apresentação e avaliação da 2a. Parte do Projeto de Web Design (PWD2).

O projeto de Web Design (3): organização, detalhamento de processos, plano de trabalho e cronograma.

Preparar: Projeto de Web Design (PWD3) contendo:
organização, detalhamento de processos, plano de trabalho e cronograma 


O trabalho deve conter: capa com título do exercício, nome dos integrantes do grupo. Entregar impresso e enviar arquivo por email.  

7
23 set
Semana de Multimeios

8 e 9
30 set
Entrega, apresentação e avaliação de Seminários

 (Prof. Zuleica em Congresso)


10
7 out
Entrega apresentação e avaliação da 3a. Parte do Projeto de Web Design (PWD3).

11
14 out
Orientação e acompanhamento de projetos

12
21 out
Orientação e acompanhamento de projetos

13
28 out
Orientação e acompanhamento de projetos

14
4 nov
Apresentação de projetos

Entrega de Relatório individual

15
11 nov
Apresentação de projetos

16
18 nov
Apresentação de projetos

17
25 nov
Devolutiva e encerramento do semestre



IX. PROJETOS PARA WEB

Webby Awards

Awwwards

Prix Ars Electronica

siteInspire

-->