A importância dos padrões para a WEB e o ASAasa.nic.br/asadocs/ASA-cpbr5.pdf · 2014. 2. 5. · o...

transcript

Palestrante: Heitor de Souza Ganzeli

A importância dos padrões para a

WEB e o ASA

Agenda

• INTRODUÇÃO

• FUNCIONAMENTO

• MOTIVAÇÃO

• SISTEMA

ução

vação

Siga os padrões Internet e Dê ASAs a seu site

ução

vação

• Castro no site:

• http://asa.nic.br

• Detalhes:

• http://desafios-cpbr5.nic.br/desafioASA.html

Introdução

tivação

Projeto TIC Web

ução

vação

• 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

ução

vação

O que é o ASA?

• Desenvolvedores de sites

• Webmasters

A quem se destina?

A quem interessa?

• Todos na Internet

ução

vação

• 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?

ução

vação

ução

vação

Funcionamento

• Criação do site:

Processo de validação

ução

vação

<HTML>

<HEAD>

</HEAD>

<BODY>

<P>Hello world!</P>

</BODY>

</HTML>

ução

vação

ução

vação

• Corrige o site:

ução

vação

<!DOCTYPE html PUBLIC "-//IETF//DTD HTML 2.0//EN">

<HTML>

<HEAD>

<TITLE>

A Small Hello

</TITLE>

</HEAD>

<BODY>

<P>Hello world!</P>

</BODY>

</HTML>

ução

vação

• Processo lento

• Difícil manutenção

Problema

ução

vação

• Avaliação periódica das características

Com o asa...

ução

vação

ução

vação

ução

vação

ução

vação

ução

vação

ução

Motivação

• 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

ução

vação

¡Hola

• site: http://customercare.mtnl.net.in/

Problemas

ução

vação

• http://validator.w3.org/

Validador do W3C

ução

vação

• Site: http://www.uol.com.br/

• Mais de 1500 erros na validação de HTML

Mais exemplos

ução

vação

• Site: http://nic.br/

Mais exemplos

ução

vação

• 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

ução

vação

• WCAG

• E-MAG

• ASES – Avaliador e Simulador de Acessibilidade de

Sítios

Protocolos de Acessibilidade

ução

vação

• Garante acesso universal aos sítios Web:

• O modelo de acessibilidade considerado foi o e-

• 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

ução

vação

Validação de padrões de acessibilidade

ução

vação

Validação de padrões de acessibilidade

ução

vação

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

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”

ução

vação

IPv6 - Situação ideal...

ução

vação

IPv6 - HOJE!

ução

vação

IPv6 - Coexistência e Transição

ução

vação

IPv6 - Situação crítica!

ução

vação

IPv6 - Crescimento da rede...

ução

vação

IPv6 - Usuários “IPv6 only”

ução

vação

IPv6 - Dificuldades de acesso!

ução

vação

ução

vação

http://labs.ceptro.br/topsites

http://labs.ceptro.br/brsites

Validador IPv6

ução

vação

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

- 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

ução

vação

• 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

ução

vação

Aplicações

ução

vação

Sincronização com a Hora Legal Brasileira

ução

vação

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.

ução

vação

ução

vação

ução

vação

Links quebrados

ução

vação

ução

vação

Sistema

ASA Web Site

Escalonador

WebCrawler Analisador

Arquitetura

ução

vação

Webcrawler – WIRE-Nic

ução

vação

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

Webcrawler – WIRE-Nic

ução

vação

Análise de Sites: ConNeCTOR

ução

vação

• 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

ução

vação

• Sites com baixa aderência aos padrões da web

• Dificuldade de manutenção

• Análise automática e periódica

Resumindo

Obrigado !

• Contatos:

–web@ceptro.br – moreiras@nic.br

– heitor@nic.br

•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???

ução

vação

A importância dos padrões para a WEB e o ASAasa.nic.br/asadocs/ASA-cpbr5.pdf · 2014. 2. 5. · o...

Documents