unibratec – ensino superior e técnico em informática 1 sexta-feira, 3 de fevereiro de 2006...

UNIBRATEC – Ensino Superior e Técnico em Informática

1 Sexta-feira, 3 de Fevereiro de 2006Micheline Carvalho Barroso

Ferramentas para Web I

UNIBRATEC – Ensino Superior e Técnico em Informática

2 Sexta-feira, 3 de Fevereiro de 2006

1Padrões WebPadrões Web

Profa. Micheline Carvalho BarrosoProfa. Micheline Carvalho [email protected]

Ferramentas para Web I

Capítulo 1 – Padrões Web

Capítulo 1 – Conceitos Básicos Sexta-feira, 3 de Fevereiro de 20063

INC – Introdução a Sistemas de Computação

Padrões Web

Evolução acelerada!

Desenvolvimento:

• Acesso global às informações produzidas;

• Processo mais rápido e agradável.

Organizações de padronização:

• W3C (World Wide Web Consortium - Consórcio da Teia de Alcance Mundial);

• ECMA (European Computer Manufacturers Association - Associação dos Fabricantes de Computadores Europeus).



Padrões Web

A Web é uma aplicação baseada na Internet e, desta forma, herdou seus princípios fundamentais de projeto:

• Interoperabilidade: especificar linguagens e protocolos compatíveis entre si; buscar independência de hardware e software;

• Evolução: adotar princípios de projeto, como, simplicidade, modularidade e extensibilidade para acomodar tecnologias futuras;

• Descentralização: limitar ou eliminar dependências em registros centrais.



Padrões Web

Padrões do W3C:

HTML (Hypertext Markup Language - Linguagem de Marcação de Hipertexto);

SGML (Standard Generalized Markup Language - Linguagem de Marcação Generalizada Padrão);

XML (Extensible Markup Language - Linguagem de Marcação Extensível);

XHTML (Extensible Hypertext Markup Language - Linguagem de Marcação de Hipertexto Extensível);



Padrões Web

Padrões do W3C (continuação):

CSS (Cascading Style Sheets - Folhas de Estilo em Cascata);

DOM (Document Object Model - Modelo do Objeto Documento).

Padrões da ECMA:

ECMAScript



Padrões Web

Projetos para divulgação:

• WASP (Web Standards Project - Projeto de Padrões Web);

• MACCAWS (Making a Commercial Case for Adopting Web Standards - Criando um Estudo de Caso Comercial para Adotar Padrões Web);

Fases:

• Convencer fabricantes a implementar padrões em navegadores;

• Motivar desenvolvedores a estruturar documentos seguindo os padrões.



Padrões Web

A cada nova página criada, estamos contribuindo para o espaço comum de informação que é a Web. Adotar padrões Web no desenvolvimento de sites é a única maneira de assegurar que os sites construídos poderão ser visitados a partir de qualquer plataforma, hoje e sempre. A escolha pertence a nós, as conseqüências pertencem a todos.



Benefícios em se adotar padrões

Portabilidade;

Facilidade de indexação;

Facilidade de migração;

Acessibilidade;

Validação de código;

Melhorias no desenvolvimento.



Benefícios para desenvolvedores

Adotar padrões permitirá que os desenvolvedores:

Desenvolvam sites mais leves e que exigem menos tempo de carregamento;

Tenham um controle mais preciso sobre layout, posicionamento e tipografia;

Desenvolvam comportamentos sofisticados que funcionam em várias plataformas de hardware e software;

Sejam compatíveis com leis e diretrizes sem sacrificar a beleza, o desempenho ou a sofisticação;

Reprojetem em horas, em vez de dias ou semanas, reduzindo custos e eliminando o trabalho desnecessário;




Adotar padrões permitirá que os desenvolvedores: Suportem vários navegadores sem a dificuldade e a despesa de criar

versões separadas e, freqüentemente, com pouca ou nenhuma bifurcação de código;

Suportem dispositivos não-tradicionais, desde acessórios sem fio e telefones celulares compatíveis com a Web, até leitoras de Braille e leitoras de tela usadas por usuários com deficiências físicas - novamente, sem a dificuldade e a despesa de criar versões separadas;

Disponibilizem versões impressas sofisticadas de qualquer página Web, freqüentemente sem a criação de versões de páginas dedicadas para a impressora, ou contando com sistemas de publicação proprietários e caros para criar tais versões;




Adotar padrões permitirá que os desenvolvedores:

Separem o estilo da estrutura e do comportamento, criando layouts criativos, fundamentados pela rigorosa estrutura do documento e facilitando o replanejamento de documentos Web em fluxos de trabalho de publicação avançada;

Façam transição da HTML, a antiga linguagem Web, para a marcação mais poderosa baseada em XML;

Assegurem que os sites, assim projetados e criados, funcionarão corretamente em navegadores atuais compatíveis com os padrões e serão executados de forma aceitável em navegadores antigos;

Assegurem que os sites, assim projetados, continuarão a funcionar nos navegadores e dispositivos de amanhã, incluindo dispositivos ainda não construídos ou sequer imaginados.



Acessibilidade

Acessibilidade representa, para o nosso usuário, não só o direito de acessar a rede de informações, mas também o direito de eliminação de barreiras arquitetônicas, de disponibilidade de comunicação, de acesso físico, de equipamentos e programas adequados, de conteúdo e apresentação da informação em formatos alternativos.

Dados do W3C e WAI apontam situações e características diversas que o usuário pode apresentar:

• Incapacidade de ver, ouvir ou deslocar-se, ou grande dificuldade - quando não a impossibilidade - de interpretar certos tipos de informação;

• Dificuldade visual para ler ou compreender textos;



Acessibilidade

Dados do W3C e WAI apontam situações e características diversas que o usuário pode apresentar: (continuação)

• Incapacidade para usar o teclado ou o mouse, ou não dispor deles;

• Insuficiência de quadros, apresentando apenas texto ou dimensões reduzidas, ou uma ligação muito lenta à Internet;

• Dificuldade para falar ou compreender, fluentemente, a língua em que o documento foi escrito;

• Ocupação dos olhos, ouvidos ou mãos, por exemplo, ao volante a caminho do emprego, ou no trabalho em ambiente barulhento;

• Desatualização, pelo uso de navegador com versão muito antiga, ou navegador completamente diferente dos habituais, ou por voz ou sistema operacional menos difundido.



Acessibilidade

A acessibilidade à Web é parte integrante do projeto brasileiro de inclusão digital!

Princípios para a acessibilidade na Web:• Quanto à apresentação da informação• Quanto à navegação• Quanto à implantação• Quanto à página principal



Acessibilidade

Questões que garantem um bom caminho em busca da acessibilidade:

• As imagens possuem textos alternativos? • É possível compreender o conteúdo de um vídeo ou áudio com

o som desligado? • Os formulários são acessíveis? • O texto pode ser redimensionado? • É possível acessar todas as áreas do site sem usar o mouse? • Existe um mapa do site? • Os textos dos links fazem sentido fora do contexto da página? • Use ferramentas especializadas para validar a acessibilidade do

seu site.



Usabilidade

Usabilidade pode ser vista como a medida da qualidade das experiências dos usuários no momento em que interagem com algum produto ou sistema.

Componentes de qualidade: • Facilidade de aprendizagem: Será fácil para o usuário realizar

atividades básicas na primeira vez que entrar em contato com o projeto?

• Eficiência: Uma vez conhecido o projeto, será rápido realizar tarefas?

• Memorização: Quando o usuário retorna ao projeto depois de um longo período, será fácil restabelecer suas atividades?

• Erros: Quantos erros o usuário comete? Estes erros são graves? Será fácil para o usuário se recuperar destes erros?

• Satisfação : Usar o projeto é agradável?



Usabilidade

Características de sites com boa usabilidade:• Clara definição e design para atender diferentes públicos-alvo;• Navegação lógica e intuitiva;• Busca eficiente;• Manutenção adequada de conteúdo;• Textos adequados para Web;• Bons mapas;• Peso adequado.



Web Semântica

Web Semântica é uma extensão da Web atual na qual à informação é dado um significado bem definido, permitindo que computadores e pessoas trabalhem em regime de cooperação.

O objetivo principal desta Web do futuro é alcançar um estágio onde uma imensa quantidade de dados estará disponível com seus metadados, para auxiliar, tanto pessoas quanto máquinas, a encontrar e processar recursos úteis, e também trocar dados entre aplicações.

XML é um dos fundamentos necessários para que a Web se torne uma rede mais inteligente, em que a informação possui um significado contextual.



Por onde começar?

Os Padrões Web permitem segmentar páginas em três componentes:

• Estrutura - HTML, XHTML, XML;

• Apresentação - CSS1, CSS2;

• Comportamento - DOM, ECMAScript.

Separando a apresentação da estrutura, é possível alterar a aparência sem afetar o conteúdo da página. E, de forma semelhante, é possível alterar o conteúdo da página sem interferir na sua aparência.



Quem já adotou?

O site abaixo representa um dos maiores e melhores exemplos de utilização de padrões Web:

• http://csszengarden.com - Zen Garden: A beleza do design CSS

Outros adeptos podem ser encontrados em:

• http://www.alltheweb.com - Site de busca All The Web

• http://macromedia.com - Macromedia

• http://terra.com.br - Portal Terra

• http://www.cidadao.sp.gov.br - Governo do Estado de São Paulo

• http://www.sebraepb.com.br - Sebrae Paraíba



ZELDMAN, Jeffrey. "Projetando Web Sites Compatíveis". Rio de Janeiro: Editora Campus, 2003.

http://w3c.org Site do Consórcio W3C (World Wide Web Consortium)

http://www.ecma-international.org Site da Organização ECMA (European Computer Manufacturers Association)

http://webstandards.org Site do Projeto WASP (Web Standards Project)

http://maccaws.org Site do Projeto MACCAWS (Making a Commercial Case for Adopting Web Standards)

Bibliografia



http://www.acessobrasil.org.br Site da Sociedade Acessibilidade Brasil

MOSS, Trenton. "Ten quick tests to check your web site for accessibility". Accessify.com, Julho/2004. Disponível online em: http://www.accessify.com. Acessado em: 07/04/2005.

TERRA, José Cláudio e outros. "Usabilidade: conceitos centrais". Disponível online em: http://www.terraforum.com.br/cpub/pt/quemsomos/atuacao_usabilidade.php. Acessado em: 07/04/2005.

NIELSEN, Jakob. "Usability 101: Introduction to Usability". Useit.com, Agosto/2003. Disponível online em: http://www.useit.com/alertbox/20030825.html. Acessado em: 07/04/2005.

http://www.w3.org/2001/sw/ Site de Web Semântica, W3C

Bibliografia

unibratec – ensino superior e técnico em informática 1 sexta-feira, 3 de fevereiro de 2006...

Documents