Web Design
Grant number: 1D43TW007012-01, FOGARTY INTERNATIONAL CENTER
Acessibilidade, Web Standards (padrões Web) e Usabilidade
Prof. Horácio Pastor Soares
5 a 7 de junho de 2006
9:00 - 17:00
Sala de Reuniões do Centro de Pesquisas René Rachou - FIOCRUZ
Alunos
Adhemar Neto
Anderson Dominitini
Rômulo Lúcio de Morais
Sérgio Amorim de Alencar
Sérgio Nogueira Jr
Fernanda Moratelli
Francisco Lobo
Wesley Dias Maciel
Simone Amaral
João Estabile
1) Abertura:
Apresentação do professor, alunos, objetivo e conteúdo do curso
2) Introdução: o que é e para que serve?
- Acessibilidade
- Web Standards
- Usabilidade?
3) Design universal
- Os 7 princípios
4) O que os usuários procuram?
- principais razões para visitarem e retornarem ao seu Website?
- principais razões para os usuários utilizarem seus sistemas?
5) Usabilidade
- o que é?
- usabilidade na Web
- não me faça pensar
- uma comparação entre a diagramação, organização e identidade visual de um jornal em papel e um Website
- metodologia KISS (Keep it, simple and stupid)
- o princípio da complexidade
- navegação por migalhas de pão (breadcrumb)
6) Usabilidade x Designers
- Usability Experts are from Mars - Graphic Designers are from Venus
- estudos de caso: piores e melhores práticas em Webdesign e usabilidade
- diretrizes e dicas dos especialistas
7) Websites de sucesso
- estudos de caso: Google, Amazon, outros
- o que é marketing viral?
- o que é Web 2.0?
- nova estratégia da SUN
8) Arquitetura de desenvolvimento Web/Internet
9) Web Standards (X)HTML e CSS
- introdução aos Padrões Web
- semântica do mark-up, XML e XHTML
- introdução ao CSS
- separação entre a formatação (design) e conteúdo (estrutura)
- diferenças entre os principais navegadores – o bug do box model e hacks em css
- estudo e construção de layouts em colunas sem utilização de tabelas para diagramação
- CSS para dispositivos móveis e para impressão.
- exercícios
10) Acessibilidade na Web
- o que é acessibilidade?
- o que é acessibilidade na Internet?
- cenários de uso da Web
- como os deficientes têm acesso às informações? Tecnologias assistivas
- como funciona um Website acessível?
- quais são os benefícios de um projeto Web acessível?
- quanto custa a acessibilidade?
- diretrizes de acessibilidade e leis de acessibilidade: WAI, Web Accessibility Initiative, Section 508, E-mag, etc.
- técnicas de acessibilidade: estrutura de páginas, frames, navegação especial, imagens e imagens como hiperlink, textos e textos como hiperlink, tabelas, teclas de atalho, formulários, scripts e eventos e cores.
- exercícios
11) Acessibilidade em diferentes tecnologias
- PDF
- animações em FLASH,
- AJAX
- CAPCHA
- etc.
12) Usabilidade e Acessibilidade
- a grande diferença entre a teoria e a prática.
- estudos de caso
13) O bilionário cego (SEO - Search Engine Optimization)
– métodos para otimização de sites para sistemas de busca
14) Testes de acessibilidade, padrões Web e usabilidade
- testes: o único caminho para um ótimo Website (sistema)
- testes automáticos e semi-automáticos
- testes de acessibilidade e usabilidade com especialistas
- testes com diferentes usuários
- testes de acesso em diferentes plataformas e tecnologias
15) Projeto
- desenvolvendo uma página Web com acessibilidade e em conformidade com os padrões Web
- validando a acessibilidade e os padrões
16) Público alvo
- destina-se a: programadores e designers.
- pré-requisitos: conhecimentos de HTML e CSS.
17) recursos técnicos
- datashow com computador
- laboratório com máximo de 2 alunos por micro
- softwares: Ace HTML (ferramenta freeware para desenvolvimento de HTML) – Topstyle (ferramenta freeware para desenvolvimento de CSS), JAWS (leitor de telas) e placas e caixas de som.
18) Duração:
- 8 horas durante 3 dias corridos
19) Resumo do currículo do professor Horácio Pastor Soares:
É analista de sistemas pela PUC-RIO, mestrando em Economia Empresarial pela UCAM e professor universitário das cadeiras de desenvolvimento Web, Webdesign e gestão estratégica da informação na Escola Superior Cândido Mendes.
Tem 16 anos de experiência em análise de sistemas de informação, 9 na recente área de Internet, sendo 5 no desenvolvimento de acessibilidade para Web e Web Standards.
Como consultor e analista Web da UNISYS desenvolveu projetos acessíveis para ECT (Empresa Brasileira de Correios e Telégrafos), PGM/Prefeitura do Rio de Janeiro, Ministério do Trabalho e Emprego, CAGED.com.br , Datamec, etc.
É consultor de acessibilidade e Web Standards da empresa portuguesa consultideias.com e já desenvolveu relatórios de acessibilidade para os sites da Fundação Calouste Gulbenkian –gulbenkian.pt e Comboios Portugal - cp.pt
Empreendedor do site internativa.com.br e editor de artigos de acessibilidade para Web e criatividade:
- O que é acessibilidade na Web? (janeiro de 2005). Link
- Melhorando o Desempenho e Acessibilidade (fevereiro de 2005).
Link
- O selo não garante acessibilidade (junho de 2005).
- Um rio Amazonas entre a teoria e a prática. (novembro de 2005).
Link
- Como testar a acessibilidade e Websites?(parte 1). (março de 2006). Link
Blog: Link para o Blog
Arquivos para download:
Apresentação 1
Apresentação 2
Apostila HTML
Apostila CSS
ACEhtml5 Freeware
Treinando Final
