plano de ensino de disciplina

CEUT - CENTRO DE ENSINO UNIFICADO DE TERESINA
DIRETORIA DE PÓS-GRADUAÇÃO, PESQUISA E EXTENSÃO
PLANO DE ENSINO DE DISCIPLINA
1. IDENTIFICAÇÃO
CURSO: Especialização em Sistemas de Informações para Web – Turma I
DISCIPLINA: Desenvolvimento de Interfaces Gráficas para a WEB e Criação de Páginas
Dinâmicas
CARGA HORÁRIA: 48h
PROFESSOR: Regis Pires Magalhães
2. EMENTA
Histórico da WEB; Padrões WEB (Web Standards); XML; XHTML; CSS; Layouts Tableless;
DHTML; JavaScript; DOM; Web 2.0; AJAX (Asynchronous Javascript and XML); Web
Services; Interação Humano-Computador (IHC); Fatores Humanos de Interatividade; Princípios
de design; Projeto de interfaces; Elementos de interação; Avaliação de interfaces;
Desenvolvimento de Interfaces; Projeto de navegação; Usabilidade; Acessibilidade;
Desenvolvimento ágil na Web; MVC; DRY; Convenção sobre Configuração; Mapeamento
Objeto-Relacional.
3. OBJETIVOS DA DISCIPLINA
GERAL: Implementar interfaces gráficas dinâmicas para WEB.
ESPECÍFICOS:

Projetar e desenvolver aplicações usando os Padrões Web (Web Standards)

Criar interfaces gráficas fáceis de usar, atrativas e acessíveis.

Implementar aplicações Web usando metodologias e ferramentas para desenvolvimento
ágil.
4. CONTEÚDO PROGRAMÁTICO
Histórico da WEB
Padrões WEB (Web Standards)
- HTML
- XML
- XHTML
- CSS
- Layouts Tableless
- DHTML
- JavaScript
- DOM (Document Object Model)
Web 2.0
- AJAX - Asynchronous Javascript and XML
Web Services para comunicação entre aplicações
- SOAP (Simple Object Access Protocol)
- XML-RPC
- REST (Representational State Transfer)
Interação Humano-Computador (IHC)
- Introdução à IHC
- Fatores Humanos e Interatividade
- Projeto de Interfaces
- Técnicas de Avaliação
- Usabilidade
- Acessibilidade
- Processo de desenvolvimento de websites.
- Princípios de design
- Conceitos básicos de design: proximidade, alinhamento, repetição e contraste
- Métodos de técnicas de design.
- Projeto de interfaces
- Projeto de navegação
- Elementos de interação.
- Avaliação de interfaces
- Desenvolvimento de Interfaces
- Tipologia
- Design centrado no usuário
- Navegação
- Testes de usabilidade
Desenvolvimento ágil na WEB
- Código macarrônico
- Frameworks
- Padrões de Projeto
- Separação de Responsabilidades
- Modelo, Visão, Controlador - MVC (Model, View, Controller)
- Programação Orientada a Objetos
- DRY (Don´t Repeat Yourself)
- Convenção sobre Configuração (Convention over Configuration)
- Mapeamento Objeto-Relacional para Persistência de Objetos
5. PROCEDIMENTOS METODOLÓGICOS



Exposição dialogada;
Práticas em laboratório e em sala de aula;
Trabalhos individuais e em grupo
6. RECURSOS DIDÁTICOS



Projetor multimídia;
Quadro e Pincel;
Computador.
7. AVALIAÇÃO
Práticas aplicadas em sala de aula e laboratório, além de trabalho prático extra-classe.
8. REFERÊNCIAS BIBLIOGRAFICAS
BIBLIOGRAFIA BÁSICA
KRUG, Steve. Não Me Faça Pensar. Alta Books. 2ª Ed. 2006.
NIELSEN, Jakob. Projetando Websites. Editora Campus. 2000.
NIELSEN, Jakob; TAHIR, Marie. Homepage Usabilidade - 50 Websites Desconstruidos.
Editora Campus. 2002.
NIELSEN, Jakob; LORANGER, Hoa. Prioritizing Web Usability. New Riders. 2006.
ROBBINS, Jennifer. Web Design in a Nutshell. O'Reilly. 3ª Ed .2006.
BIBLIOGRAFIA COMPLEMENTAR
AKITA, Fabio. Repensando a Web com Rails. Brasport. 1ª Ed. 2006.
LAUREL, Brenda. The Art of Human-Computer Interface Design. Addison-Wesley.
1990.
LYNCH, Patrick J.; HORTON, Sara. Web Style Guide: Basic Design Principles for
Creating Web Sites. Yale University. 2001. Também disponível online em
http://www.webstyleguide.com/
MEMÓRIA, Felipe. Design para a Internet: Projetando a Experiência Perfeita. Campus.
1ª Ed. 2005.
NIELSEN, Jakob. Usability Engineering. Morgan Kaufmann. 1994
NORMAN, Donald. The design of everyday things. Basic Books. 2002.
PEARROW, M. Web Site Usability Handbook, Charles River Media. 2000.
SHNEIDERMAN, Bem. Designing the User Interface. Addison-Wesley. 1997.
THOMAS, Dave; HANSSON, David Heinemeier. Agile Web Development with Rails. 2ª
Ed. Pragmatic Bookshelf, 2006.
VEEN , Jeffrey. The Art & Science of Web Design. New Riders.2001.
WEINMAN, Lynda. Designing web graphics: how to prepare images and media for the
web. News Riders Publishing, Indianapolis, IN, USA. 1997. [Tradução: Design
Gráfico na Web. Editora Quark do Brasil].
WILLIAMS, Robin. Design para Quem Não é Designer: Noções básicas de
Planejamento Visual. Callis. 2ª Ed. 2005.
ZELDMAN , Jeffrey. Projetando Web Sites Compatíveis. Campus. 1ª Ed. 2003.
9. SOFTWARE DE APOIO
Mozilla Firefox, Java SE 5 ou superior, Jedit, Eclipse IDE, Aptana, RadRails, Ruby on Rails,
NVU, MySQL