A importância dos padrões para a WEB e o ASA Palestrante: Heitor de Souza Ganzeli Introdução Sistema Funcionamento Motivação Agenda • • • • INTRODUÇÃO FUNCIONAMENTO MOTIVAÇÃO SISTEMA Introdução Sistema Funcionamento Motivação Siga os padrões Internet e Dê ASAs a seu site • Castro no site: • http://asa.nic.br • Detalhes: • http://desafioscpbr5.nic.br/desafioA SA.html Sistema Funcionamento Motivação Introdução Introdução Sistema Funcionamento Motivação Projeto TIC Web • Iniciado em 2009 • Publicação de dados do domínio .gov.br em 2010 • http://www.ceptro.br/C EPTRO/MenuCEPTR OSPCensoWeb Introdução Sistema Funcionamento Motivação O que é o ASA? • Monitor de sites http://vpereiro.files.wordpress.com/2010/05/dominio.jpg • Realiza a verificação automática e periódica da qualidade dos sites Introdução Sistema Funcionamento Motivação A quem se destina? • Desenvolvedores de sites • Webmasters A quem interessa? • Todos na Internet Introdução Sistema Funcionamento Motivação Quais medidas de qualidade são tiradas? • 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 Sistema Funcionamento Motivação Introdução Introdução Sistema Funcionamento Motivação Processo de validação • Criação do site: <HTML> <HEAD> </HEAD> <BODY> <P>Hello world!</P> </BODY> </HTML> Sistema Funcionamento Motivação Introdução Processo de validação Sistema Funcionamento Motivação Introdução Processo de validação Introdução Sistema Funcionamento Motivação Processo de validação • Corrige o site: <!DOCTYPE html PUBLIC "-//IETF//DTD HTML 2.0//EN"> <HTML> <HEAD> <TITLE> A Small Hello </TITLE> </HEAD> <BODY> <P>Hello world!</P> </BODY> </HTML> Sistema Funcionamento Motivação Introdução Processo de validação Introdução Sistema Funcionamento Motivação Problema • Processo lento • Difícil manutenção Com o asa... • Avaliação periódica das características Sistema Funcionamento Motivação Introdução O ASA Sistema Funcionamento Motivação Introdução O ASA Sistema Funcionamento Motivação Introdução O ASA Sistema Funcionamento Motivação Introdução O ASA Sistema Funcionamento Motivação Introdução O ASA Sistema Funcionamento Motivação Introdução Introdução Sistema Funcionamento Motivação Protocolos na internet • Vídeo “Internet Revelada”: • http://www.zappiens.br/portal/VisualizarVideo.do?_InstanceI dentifier=0&_EntityIdentifier=cgiE9WjKruzQGmPyVDyEDDAKPUNxmfYneBOql0VJJOuIg.&idRepositorio=0 Olá • Na Web, o protocolo é o HTML • Deve-se ser rigoroso para enviar • Flexível para receber ¡Hola Introdução Sistema Funcionamento Motivação Problemas • site: http://customercare.mtnl.net.in/ Introdução Sistema Funcionamento Motivação Validador do W3C • http://validator.w3.org/ Introdução Sistema Funcionamento Motivação Mais exemplos • Site: http://www.uol.com.br/ • Mais de 1500 erros na validação de HTML Sistema Funcionamento Motivação Introdução Mais exemplos • Site: http://nic.br/ Introdução Sistema Funcionamento Motivação Aderência à padrões HTML • 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 Introdução Sistema Funcionamento Motivação Protocolos de Acessibilidade • WCAG • E-MAG • ASES – Avaliador e Simulador de Acessibilidade de Sítios Introdução Sistema Funcionamento Motivação Aderência a padrões de acessibilidade • Garante acesso universal aos sítios Web: • O modelo de acessibilidade considerado foi o eMAG • • 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 Sistema Funcionamento Motivação Introdução Validação de padrões de acessibilidade Introdução Sistema Funcionamento Motivação Validação de padrões de acessibilidade 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. Sistema Funcionamento Motivação Introdução IPv6 - Internet “original” Sistema Funcionamento Motivação Introdução IPv6 - Situação ideal... Sistema Funcionamento Motivação Introdução IPv6 - HOJE! Sistema Funcionamento Motivação Introdução IPv6 - Coexistência e Transição Sistema Funcionamento Motivação Introdução IPv6 - Situação crítica! Sistema Funcionamento Motivação Introdução IPv6 - Crescimento da rede... Sistema Funcionamento Motivação Introdução IPv6 - Usuários “IPv6 only” Sistema Funcionamento Motivação Introdução IPv6 - Dificuldades de acesso! Introdução Sistema Funcionamento Motivação IPv6 http://labs.ceptro.br/topsites http://labs.ceptro.br/brsites Introdução Sistema Funcionamento Motivação Validador IPv6 http://validador.ceptro.br/ Introdução Sistema Funcionamento Motivação Sincronização com a Hora Legal Brasileira 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. Introdução Sistema Funcionamento Motivação Aplicações • 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 Sistema Funcionamento Motivação Introdução Aplicações Introdução Sistema Funcionamento Motivação Sincronização com a Hora Legal Brasileira Introdução Sistema Funcionamento Motivaçã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. Sistema Funcionamento Motivação Introdução Localização Geográfica dos Servidores Sistema Funcionamento Motivação Introdução Localização Geográfica dos Servidores Sistema Funcionamento Motivação Introdução Links quebrados Sistema Funcionamento Motivação Introdução Introdução Sistema Funcionamento Motivação Arquitetura ASA Web Site Escalonador WebCrawler Analisador Introdução Sistema Funcionamento Motivação Webcrawler – WIRE-Nic Lista de sítios sítio1.gov.br sítio2.gov.br sítio3.gov.br sítio4.gov.br (…) sítion.gov.br Busca do conteúdo (só “texto”) na Web Base local Extração de novas URLs Análises Relatórios Sistema Funcionamento Motivação Introdução Webcrawler – WIRE-Nic senha Introdução Sistema Funcionamento Motivação Análise de Sites: ConNeCTOR • 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 Introdução Sistema Funcionamento Motivação Resumindo • Sites com baixa aderência aos padrões da web • Dificuldade de manutenção • Análise automática e periódica Introdução Sistema Funcionamento Motivação Obrigado ! • Contatos: – [email protected] – [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???