57
Palestrante: Heitor de Souza Ganzeli A importância dos padrões para a WEB e o ASA
Palestrante: Heitor de Souza Ganzeli
A importância dos padrões para a
WEB e o ASA
Agenda
• INTRODUÇÃO
• FUNCIONAMENTO
• MOTIVAÇÃO
• SISTEMA
Intr
od
ução
M
oti
vação
F
un
cio
nam
en
to
Sis
tem
a
Siga os padrões Internet e Dê ASAs a seu site
Intr
od
ução
M
oti
vação
F
un
cio
nam
en
to
Sis
tem
a
• Castro no site:
• http://asa.nic.br
• Detalhes:
• http://desafios-cpbr5.nic.br/desafioASA.html
Introdução
Mo
tivação
F
un
cio
nam
en
to
Sis
tem
a
Projeto TIC Web
Intr
od
ução
M
oti
vação
F
un
cio
nam
en
to
Sis
tem
a
• Iniciado em 2009
• Publicação de dados do domínio .gov.br em 2010
• http://www.ceptro.br/CEPTRO/MenuCEPTROSPCensoWeb
• Monitor de sites
• Realiza a verificação automática e
periódica da qualidade dos sites
http://vpereiro.files.wordpress.com/2010/05/dominio.jpg
Intr
od
ução
M
oti
vação
F
un
cio
nam
en
to
Sis
tem
a
O que é o ASA?
• Desenvolvedores de sites
• Webmasters
A quem se destina?
A quem interessa?
• Todos na Internet
Intr
od
ução
M
oti
vação
F
un
cio
nam
en
to
Sis
tem
a
• Verificação de suporte IPv6
• Proporção de páginas da Web aderentes
aos padrões HTML do W3C
• Proporção de páginas da Web aderentes
aos padrões de acessibilidade WCAG
• Localização geográfica do servidor
• Sincronização de tempo
• Verificação de links quebrados
Quais medidas de qualidade são tiradas?
Intr
od
ução
M
oti
vação
F
un
cio
nam
en
to
Sis
tem
a
Intr
od
ução
M
oti
vação
Funcionamento
Sis
tem
a
• Criação do site:
Processo de validação
Intr
od
ução
M
oti
vação
F
un
cio
nam
en
to
Sis
tem
a
<HTML>
<HEAD>
</HEAD>
<BODY>
<P>Hello world!</P>
</BODY>
</HTML>
Processo de validação
Intr
od
ução
M
oti
vação
F
un
cio
nam
en
to
Sis
tem
a
Processo de validação
Intr
od
ução
M
oti
vação
F
un
cio
nam
en
to
Sis
tem
a
• Corrige o site:
Processo de validação
Intr
od
ução
M
oti
vação
F
un
cio
nam
en
to
Sis
tem
a
<!DOCTYPE html PUBLIC "-//IETF//DTD HTML 2.0//EN">
<HTML>
<HEAD>
<TITLE>
A Small Hello
</TITLE>
</HEAD>
<BODY>
<P>Hello world!</P>
</BODY>
</HTML>
Processo de validação
Intr
od
ução
M
oti
vação
F
un
cio
nam
en
to
Sis
tem
a
• Processo lento
• Difícil manutenção
Problema
Intr
od
ução
M
oti
vação
F
un
cio
nam
en
to
Sis
tem
a
• Avaliação periódica das características
Com o asa...
O ASA
Intr
od
ução
M
oti
vação
F
un
cio
nam
en
to
Sis
tem
a
O ASA
Intr
od
ução
M
oti
vação
F
un
cio
nam
en
to
Sis
tem
a
O ASA
Intr
od
ução
M
oti
vação
F
un
cio
nam
en
to
Sis
tem
a
O ASA
Intr
od
ução
M
oti
vação
F
un
cio
nam
en
to
Sis
tem
a
O ASA
Intr
od
ução
M
oti
vação
F
un
cio
nam
en
to
Sis
tem
a
Intr
od
ução
Motivação
Fu
ncio
nam
en
to
Sis
tem
a
• Vídeo “Internet Revelada”:
• http://www.zappiens.br/portal/VisualizarVideo.do?_InstanceI
dentifier=0&_EntityIdentifier=cgiE9WjKruzQGmPy-
VDyEDDAKPUNxmfYneBOql0VJJOuIg.&idRepositorio=0
• Na Web, o protocolo é o HTML
• Deve-se ser rigoroso para enviar
• Flexível para receber
Protocolos na internet
Intr
od
ução
M
oti
vação
F
un
cio
nam
en
to
Sis
tem
a
Olá
¡Hola
• site: http://customercare.mtnl.net.in/
Problemas
Intr
od
ução
M
oti
vação
F
un
cio
nam
en
to
Sis
tem
a
• http://validator.w3.org/
Validador do W3C
Intr
od
ução
M
oti
vação
F
un
cio
nam
en
to
Sis
tem
a
• Site: http://www.uol.com.br/
• Mais de 1500 erros na validação de HTML
Mais exemplos
Intr
od
ução
M
oti
vação
F
un
cio
nam
en
to
Sis
tem
a
• Site: http://nic.br/
Mais exemplos
Intr
od
ução
M
oti
vação
F
un
cio
nam
en
to
Sis
tem
a
• Universalidade do acesso:
• Acesso sem barreiras
• Compatibilidade
• Acessibilidade
• Ganho de desempenho
• Economia de banda
• Código mais simples e fácil de atualizar
• Melhor visibilidade em ferramentas de busca
• Evita instabilidade e versões de páginas
Aderência à padrões HTML
Intr
od
ução
M
oti
vação
F
un
cio
nam
en
to
Sis
tem
a
• WCAG
• E-MAG
• ASES – Avaliador e Simulador de Acessibilidade de
Sítios
Protocolos de Acessibilidade
Intr
od
ução
M
oti
vação
F
un
cio
nam
en
to
Sis
tem
a
• Garante acesso universal aos sítios Web:
• O modelo de acessibilidade considerado foi o e-
MAG
• O e-MAG tem como referência as diretrizes de
acessibilidade do W3C publicadas no WCAG
• Lei Federal: n° 5.296, estabelece normas gerais e
critérios básicos para a promoção da acessibilidade
das pessoas portadoras de deficiência ou com
mobilidade reduzida
Aderência a padrões de acessibilidade
Intr
od
ução
M
oti
vação
F
un
cio
nam
en
to
Sis
tem
a
Validação de padrões de acessibilidade
Intr
od
ução
M
oti
vação
F
un
cio
nam
en
to
Sis
tem
a
Validação de padrões de acessibilidade
Intr
od
ução
M
oti
vação
F
un
cio
nam
en
to
Sis
tem
a
1. Imagens & animações: Utilize o atributo alt para descrever o conteudo de cada um dos
objetos das páginas.
2. Image maps. Utilize client-side maps e adicione textos explicativos a cada uma da área do
mapa.
3. Multimedia. Forneça legendas, transcrições de audio e descrições de vídeos.
4. Links. Utilize textos que façam sentido mesmo quando lidos for a de contexto. Ou seja,
“clique aqui” não é uma boa pratica.
5. Organização da Página. Utilize estruturas consistentes na criação das páginas. E, Use o
CSS para montar o layout e stilo.
6. Gráficos. Resuma seu conteúdo em um texto explicativo ou utilize o atributo longdesc.
7. Scripts, applets, & plug-ins. Forneça conteúdo alternativo para o caso das funcionalidades
não serem suportadas.
8. Frames. Utilize a tag noframes e titulos significativos.
9. Tabelas. Faça com que a leitura linha a linha da tabela seja significativa. Resuma a
quantidade de informações
10. Valide o resultado. A melhor forma para validar as páginas é com a utilização de
ferramentas automáticas, checklists ou guide lines.
IPv6 - Internet “original”
Intr
od
ução
M
oti
vação
F
un
cio
nam
en
to
Sis
tem
a
IPv6 - Situação ideal...
Intr
od
ução
M
oti
vação
F
un
cio
nam
en
to
Sis
tem
a
IPv6 - HOJE!
Intr
od
ução
M
oti
vação
F
un
cio
nam
en
to
Sis
tem
a
IPv6 - Coexistência e Transição
Intr
od
ução
M
oti
vação
F
un
cio
nam
en
to
Sis
tem
a
IPv6 - Situação crítica!
Intr
od
ução
M
oti
vação
F
un
cio
nam
en
to
Sis
tem
a
IPv6 - Crescimento da rede...
Intr
od
ução
M
oti
vação
F
un
cio
nam
en
to
Sis
tem
a
IPv6 - Usuários “IPv6 only”
Intr
od
ução
M
oti
vação
F
un
cio
nam
en
to
Sis
tem
a
IPv6 - Dificuldades de acesso!
Intr
od
ução
M
oti
vação
F
un
cio
nam
en
to
Sis
tem
a
IPv6
Intr
od
ução
M
oti
vação
F
un
cio
nam
en
to
Sis
tem
a
http://labs.ceptro.br/topsites
http://labs.ceptro.br/brsites
Validador IPv6
Intr
od
ução
M
oti
vação
F
un
cio
nam
en
to
Sis
tem
a http://validador.ceptro.br/
A Sincronização com a Hora Legal Brasileira (que equivale ao
padrão mundial UTC) é recomendada pelo CGI.br:
http://www.cgi.br/regulamentacao/resolucao2008-009.htm
Todo servidor deve estar sincronizado e, na medida do
possível, também computadores pessoais. Isso é importante
para:
- segurança
- funcionamento correto das aplicações
Deve-se utilizar o NTP: http://ntp.br. É uma configuração
simples de ser realizada, porém pouco conhecida. Os
servidores de tempo são oferecidos pelo NIC.br, em conjunto
com o Observatório Nacional.
A medida foi realizada obtendo-se a hora dos servidores, via
HTTP, e comparando-a com a hora correta.
Sincronização com a Hora Legal Brasileira
Intr
od
ução
M
oti
vação
F
un
cio
nam
en
to
Sis
tem
a
• Sistemas de distribuição de conteúdo
• Filesystem
• Agendadores de eventos
• Criptografia
• Protocolos de comunicação e aplicações de
tempo real
• Sistemas transacionais e bancos de dados
Aplicações
Intr
od
ução
M
oti
vação
F
un
cio
nam
en
to
Sis
tem
a
Aplicações
Intr
od
ução
M
oti
vação
F
un
cio
nam
en
to
Sis
tem
a
Sincronização com a Hora Legal Brasileira
Intr
od
ução
M
oti
vação
F
un
cio
nam
en
to
Sis
tem
a
Localização Geográfica dos Servidores
O indicador mostra a proporção de servidores localizados no
Brasil e no exterior. Usa dados de uma base especializada
(GeoIP MaxMind) que tem cerca de 95% de exatidão.
Servidores fora do Brasil podem ser mais baratos, contudo
implicam em maior lentidão no acesso, e no uso de canais de
comunicação de internacionais, com alto custo, levando a um
aumento nos custos de acesso no Brasil.
É importante que os servidores que hospedam sítios
destinados aos internautas do Brasil estejam hospedados no
Brasil.
Intr
od
ução
M
oti
vação
F
un
cio
nam
en
to
Sis
tem
a
Localização Geográfica dos Servidores
Intr
od
ução
M
oti
vação
F
un
cio
nam
en
to
Sis
tem
a
Localização Geográfica dos Servidores
Intr
od
ução
M
oti
vação
F
un
cio
nam
en
to
Sis
tem
a
Links quebrados
Intr
od
ução
M
oti
vação
F
un
cio
nam
en
to
Sis
tem
a
Intr
od
ução
M
oti
vação
F
un
cio
nam
en
to
Sistema
ASA Web Site
Escalonador
WebCrawler Analisador
Arquitetura
Intr
od
ução
M
oti
vação
F
un
cio
nam
en
to
Sis
tem
a
Webcrawler – WIRE-Nic
Intr
od
ução
M
oti
vação
F
un
cio
nam
en
to
Sis
tem
a
Lista de sítios
sítio1.gov.br
sítio2.gov.br
sítio3.gov.br
sítio4.gov.br
(…)
sítion.gov.br
Análises
Relatórios
Busca do
conteúdo
(só “texto”)
na Web
Base local
Extração de
novas
URLs
Webcrawler – WIRE-Nic
Intr
od
ução
M
oti
vação
F
un
cio
nam
en
to
Sis
tem
a
senha
Análise de Sites: ConNeCTOR
Intr
od
ução
M
oti
vação
F
un
cio
nam
en
to
Sis
tem
a
• Convenient Network Characteristics Testing
Organized Routines
• Tipos de teste realizados:
• Carregamento dos dados do WIRE
• Validação de páginas
• Testes sobre sítios e servidores
• Testes sobre links encontrados
Intr
od
ução
M
oti
vação
F
un
cio
nam
en
to
Sis
tem
a
• Sites com baixa aderência aos padrões da web
• Dificuldade de manutenção
• Análise automática e periódica
Resumindo
Obrigado !
• Contatos:
–[email protected] – [email protected]
•Links úteis
– http://asa.nic.br
– http://desafios-cpbr5.nic.br/desafioASA.html – http://labs.ceptro.br/asa
– http://labs.ceptro.br/topsites
– http://labs.ceptro.br/brsites
– http://w3c.br/
– http://validator.w3.org/
– http://www.cwr.cl/projects/WIRE/
– http://sourceforge.net/projects/connector-nic/
– http://sourceforge.net/projects/wire-nic/
– http://www.w3.org/WAI/quicktips/
•Perguntas???
Intr
od
ução
M
oti
vação
F
un
cio
nam
en
to
Sis
tem
a
