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
- Apresentar uma introdução aos conceitos fundamentais vinculados ao Web Design e ao ofício de Web Designer.
- 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.
- 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.
- Apresentar um panorama histórico do Web Design e evolução da prática do Web Designer.
- 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.
- Discutir sobre as tipologias e gêneros de projetos para a Web
- Apresentar métodos de análise do Web Design. Fomentar estudos críticos de projetos de Web Design
- Realizar exercícios de processos de criação de Web Design
- Realizar exercícios integrados com outras disciplinas do semestre
- Desenvolver um projeto de Web Design
III. CONTEÚDO
- Apresentação da Disciplina, conteúdo e forma de avaliação; Fundamentos do Web Design e da prática de web designer.
- 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).
- 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.
- Tipologias e gêneros de projetos para a Web 3: transformações da Web e surgimento de novas categorias de projetos.
- Tipologias e gêneros de projetos para a Web 4: interfaces com o audiovisual e criação de audiovisual para a Web.
- Elementos para a crítica de Web design 1: diferentes estilos de projeto gráfico.
- Elementos para a crítica de Web design 2: interação com usuário e mobilidade (usabilidade, ergonomia e RWD – Responsive Web Design).
- Elementos para a crítica de Web design 3: apresentação de estudos de casos.
- O projeto de Web Design (1): comunicação com o cliente, objetivos do projeto e desenvolvimento do briefing.
- 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.)
- O projeto de Web Design (3): organização, detalhamento de processos, plano de trabalho e cronograma.
- Orientação e acompanhamento de projetos
- Orientação e acompanhamento de projetos
- Orientação e acompanhamento de projetos
- Orientação e acompanhamento de projetos
- Apresentação de projetos
- 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
