935423 - IPBeja

Escola Superior de Educação
Descritor de Unidade Curricular Nível de ciclo de estudos:
Licenciatura
Curso:
Educação e Comunicação Multimédia
Unidade Curricular: 935423 - Webdesign
Ano 2
Semestre 2
Tipo de Unidade Curricular: Obrigatória
Área CNAEF: 213
Modo de Ensino: Presencial
ECTS: 7,0
Língua de Trabalho: Português
DOCENTE RESPONSÁVEL: Aldo Passarinho / Cristina Santos
TEMPO DE TRABALHO DO ESTUDANTE EM HORAS
Horas de Contacto
HORAS
TOTAIS
Ensino
teórico
(T)
175
Ensino
teóricoprático
(TP)
Ensino
prático e
laboratorial
(PL)
Trabalho
de campo
(TC)
Seminário
(S)
Estágio
(E)
Orientação
tutorial
(OT)
Outra
(O)
Horas de
Trabalho
Autónomo
90
85
Pré-requisitos (se aplicável): <<Máximo 500 caracteres>>
OBJETIVOS EDUCACIONAIS / RESULTADOS DE APRENDIZAGEM
1. Conceber e produzir páginas web que fazem uso de tecnologias emergentes;
2. Saber planear o design de layouts para diversos materiais comunicacionais para a web;
3. Experimentar e combinar competências adquiridas noutras unidades curriculares;
4. Planificar e conceber a interactividade dirigida ao utilizador;
5. Estabelecer compromissos entre aspectos estéticos, funcionais, técnicos, culturais, sensoriais e comunicativos;
6. Aplicar regras de usabilidade e acessibilidade na produção de conteúdos para a web;
7. Conceber um projecto para um site;
8. Conceber um site para um cliente em contexto real;
9. Saber adequar o design e funcionalidade de um site a diferentes temáticas e áreas de intervenção;
10. Aprofundar nos alunos, competências comunicativas na apresentação e exposição das várias fases intrínsecas a um
projecto de um site.
CONTEÚDOS PROGRAMÁTICOS
1. Objectivos, conteúdos e funcionalidades de um site;
1.1. Arquitectura de informação e mapa navegacional;
1.2. Análise de concorrência;
1.3. Design, composição gráfica e layout;
2. Usabilidade e acessibilidade;
3. E-Commerce (realização de materiais de divulgação/promoção para a web);
4. Animação para a web;
5. Optimização de conteúdos para a web;
6. Produção, teste e validação;
7. Implementação de um site;
Página 1 de 3
8. Utilização de plataformas gratuitas existentes na web (blogger, wordpress e wix).
DEMONSTRAÇÃO DA COERÊNCIA DOS CONTEÚDOS PROGRAMÁTICOS COM OS OBJETIVOS DE APRENDIZAGEM
1. Objectivos, conteúdos e funcionalidades de um site (objectivo 1, 2, 3, 4, 5, 7, 8, 9, 10);
1.1. Arquitectura de informação e mapa navegacional;
1.2. Análise de concorrência;
1.3. Design, composição gráfica e layout;
2. Usabilidade e acessibilidade (objectivo 4, 5, 6);
3. E-Commerce (realização de materiais de divulgação/promoção para a web) (objectivo 2, 3, 4, 5);
4. Animação para a web (objectivo 2 e 3);
5. Optimização de conteúdos para a web (objectivo 2);
6. Produção, teste e validação (objectivo 1, 3, 4, 5, 7);
7. Implementação de um site (objectivo 1, 7, 10);
8. Utilização de plataformas gratuitas existentes na web para construção de um portfólio (blogger, wordpress e wix) (objectivo 1,
2, 3, 4, 5, 6).
MÉTODOS DE ENSINO E APRENDIZAGEM
Nesta unidade curricular são utilizados os métodos expositivo, demonstrativo e interrogativo; são realizados exercícios de curta
duração, complementares ao projecto principal de avaliação à UC (projecto de um site em contexto real);
Metodologia:
1. Aulas expositivas e experimentais para apreensão dos conceitos leccionados;
1.1. Visualização de inúmeros exemplos de sites de referência;
1.2. Análise e crítica de sites existentes na web;
2. Pesquisa de literatura e referências na área do webdesign;
3. Aulas de desenvolvimento prático dos trabalhos e acompanhamento pela docente;
4. Apresentação e discussão dos trabalhos desenvolvidos.
4.1. Debate e visualização em grupo dos trabalhos apresentados.
5. Contacto directo entre os alunos e o cliente escolhido para desenvolvimento do site.
DEMONSTRAÇÃO DA COERÊNCIA DAS METODOLOGIAS DE ENSINO COM OS OBJETIVOS DAS APRENDIZAGENS*
1. Aulas expositivas e experimentais para apreensão dos conceitos leccionados (objectivo 1, 2, 3, 4, 5, 6, 7, 9);
1.1. Visualização de inúmeros exemplos de sites de referência;
1.2. Análise e crítica de sites existentes na web;
2. Pesquisa de literatura e referências na área do webdesign (objectivo 2, 4, 6, 7, 9);
3. Aulas de desenvolvimento prático dos trabalhos e acompanhamento pela docente (objectivo 1, 2, 3, 4, 5, 6, 7, 9);
4. Apresentação e discussão dos trabalhos desenvolvidos (objectivo 5, 7, 10).
4.1. Debate e visualização em grupo dos trabalhos apresentados.
5. Contacto directo entre os alunos e o cliente escolhido para desenvolvimento do site (objectivo 8 e 9).
Nesta unidade curricular, pretende-se que os alunos tenham um conhecimento baseado em fundamentos teóricos e técnicos,
aplicados na resolução de exercícios práticos propostos pela docente. Objectiva-se simultaneamente, um conhecimento
consciente do que é a actividade de um webdesigner em contexto real. Desta forma, os alunos propõem à docente, realizar um
site para uma empresa/instituição de qualquer área (arte, educação, cultura, comércio, desporto, restauração, etc) da região
onde vivem ou estudam.
O site proposto pode ser relativo a uma empresa que não tenha ainda presença na internet ou que tenha um site já realizado,
mas que os alunos proponham substituir. Previamente ao site, são efectuados três exercícios que ajudam os alunos a
adquirirem competências teóricas, estéticas, funcionais e técnicas fundamentais ao cumprimento de todas as fases inerentes ao
Página 2 de 3
desenvolvimento de materiais para a web.
Pretende-se assim, agregar os conceitos de usabilidade e acessibilidade ao planeamento de interfaces em páginas web,
garantindo que o utilizador final atinja os seus objectivos de forma intuitiva e salientar a importância do design no planeamento
de um site, para que a internet se afirme como uma poderosa ferramenta de marketing no meio empresarial.
MÉTODOS DE AVALIAÇÃO
Avaliação:
1º Exercício (trabalho teórico) – 10%;
2º Exercício (realização do portfólio no blogger ou no wix) – 25%;
3º Exercício (e-commerce) – 25%
Projecto de um site – 40%
BIBLIOGRAFIA PRINCIPAL
ALVES, W. P. (2007). Crie, Anime e Publique seu site utilizando Fireworks CS3, Flash CS3, Dreamweaver CS3. São Paulo:
Editora Érica.
COELHO, P. (2007). Como criar Páginas Web. Lisboa: FCA.
FIGUEIREDO, B. (2004). Web Design – Estrutura, concepção e produção de sites Web. (2ª ed.) Lisboa: FCA.
GARRETT, J. J. (2003). The Elements of User Experience. New York: AIGA- American Institute of Graphic Arts.
LYNCH, J. e HORTON, S. (2001). Guia de estilo da web – Princípios básicos de design para a criação de websites. Barcelona:
Editorial Gustavo Gili.
NIELSON, J. (2000). Designing Web usability. Indianapolis: New Riders Publishing.
REMOALDO, P. (2008). O guia prático do Dreamweaver CS3 com PHP, Javascript e Ajax. Lisboa: Centro Atlântico.
WIEDEMANN, J. (ed.) (s.d.). Web Design Studios 2. Köln: Taschen.
WIEDEMANN, J. (ed.) (s.d.). Web Design: E-Commerce. Köln: Taschen.
Ano letivo de entrada em vigor: 2011/2012 | Data de aprovação em Conselho Técnico-Científico: 2015-09-01
Página 3 de 3