Web Standards Teoria

UNIP Produção de Páginas Web Profa. Cristina Ramos ([email protected])

Web Standards Tim Berners-Lee’s sonha para sua invenção, a World Wide Web, um espaço de uso comunitário onde compartilha-se informações de trabalho, lazer e socialização. Como desenvolvedores Web criando sites corporativos, sociais e educacionais, nós transformamos este sonho em realidade. Mas, nesta época de crescimento avassalador, a Web necessita de orientação para desenvolver seu pleno potencial. As Web standards são estas orientações. As standards asseguram que todos tenham acesso às informações e também tornam o processo de desenvolvimento Web mais rápido e mais agradável. Conformidade com as standards facilitam o acesso a Web aos usuários portadores de necessidades especiais. Pessoas cegas podem se valer de leitores de páginas Web. Pessoas com reduzido grau de visão podem rearranjar as páginas web e aumentar o tamanho para facilitar a leitura. E, pessoas usando dispositivos portáteis podem navegar tão facilmente quanto aquelas em grandes workstations. Existem muitas razões práticas para que os desenvolvedores Web estejam engajados com as standards. Por exemplo: motores de busca encontrarão maior facilidade na indexação do site. O uso de código específico para determinado browser frequentemente duplica ou triplica o trabalho de criação das páginas Web e ainda não contempla futuros novos tipos de mídia. Esta situação só assume este aspecto caótico, pelo não uso das standards. Alguns temem as standards por acreditar que elas impõem limites. Na verdade, elas eliminam muito do trabalho tedioso de desenvolvimento Web, proporcionando ao desenvolvedor mais tempo e maior flexibilidade para livre criação. As standards compatibilizam documentos Web tanto para aplicações futuras quando para tecnologias passadas. Muitos usos da Web, inclusive aqueles que hoje em dia não passam de sonhos, não serão possíveis ou serão bem mais difíceis sem uma total compatibilidade com as standards. Atualmente os sistemas e software amplamente usados, são universalmente aceitos, mas, quem sabe o que está por vir no futuro? Amarrar-nos à tecnologias proprietárias significa entregar nosso futuro ao sabor do sucesso ou insucesso de um fornecedor. Confiar em standards de abrangência universal, proporcionará a sobrevivência da Web, motivando a continuação de inovações ao ritmo atual. Fonte: http://www.maujor.com/w3ctuto/faqwsp.html

A evolução dos browsers Os primeiros browsers (1990-1994) •

Tim Berners-Lee criou o primeiro navegador, chamado WorldWideWeb, em 1990. Ele ainda o introduziu como ferramenta entre os seus colegas do CERN em Março de 1991. Os primeiros navegadores trabalhavam unicamente em modo texto.

•

A Web, entretanto, só explodiu realmente em popularidade com a introdução do NCSA Mosaic, que era um navegador gráfico (suportava

UNIP – PRODUÇÃO DE PÁGINAS WEB

imagens em oposição a navegadores de modo texto). A versão 1.0 do Mosaic foi lançada em 1993. •

Para ter uma idéia de como eram os primeiros navegadores: http://dejavu.org/emulator.htm

O domínio do Netscape (1994-1997) •

Marc Andreesen, o líder do projeto Mosaic na NCSA – National Center for Supercomputing Applications, demitiu-se para formar a companhia que seria conhecida mais tarde como Netscape Communications Corporation. A Netscape lançou o seu produto líder Navigator em Outubro de 1994, e este tornou-se o mais popular navegador no ano seguinte.

•

Em 1995 a Microsoft, que até então havia ignorado a Internet, entrou na briga com o seu Internet Explorer, comprado às pressas da Splyglass Inc (licenciadora do Mosaic).

A guerra dos Browsers (1997-1999) •

Isso marcou o começo da Guerra dos Browsers, que foi a luta pelo mercado dessas aplicações entre a gigante Microsoft e a companhia menor largamente responsável pela popularização da Web, a Netscape.

•

Essa disputa colocou a Web nas mãos de milhões de usuários ordinários do PC, mas também mostrou como a comercialização da Web podia arruinar os esforços de padronização. Tanto a Microsoft como a Netscape deliberadamente incluíram extensões proprietárias ao HTML em seus produtos, e tentaram ganhar superioridade no mercado através dessa diferenciação. A disputa terminou em 1998 quando ficou claro que a tendência no declínio do domínio de mercado por parte da Netscape era irreversível. Isso aconteceu, em parte, pelas ações da Microsoft no sentido de integrar o seu navegador com o sistema operacional e o empacotamento do mesmo com outros produtos por meio de acordos OEM; a companhia acabou enfrentando uma batalha legal em função das regras antitruste do mercado norte-americano.

•

A Netscape respondeu liberando o seu produto como código aberto, criando o Mozilla. O efeito foi simplesmente acelerar o declínio da companhia, por causa de problemas com o desenvolvimento do novo produto. A companhia acabou comprada pela AOL no fim de 1998. O Mozilla, desde então, evoluiu para uma poderosa suíte de produtos Web com uma pequena mas firme parcela do mercado (Firefox).

O domínio do Explorer (1999-2003) •

IE5: Lançado em março de 1999, foi introduzido o suporte à linguagem XML, XSL, o formato MHTML e mais algumas coisas. O Internet Explorer 5 é encontrado no Windows 98 SE e no Windows 2000. Em julho de 2000, é lançado o Internet Explorer 5.5, juntamente com o Windows ME.

•

IE6: Lançado em agosto de 2001, juntamente com o Windows XP. Nessa versão há um melhor suporte ao CSS level 1, DOM level 1 e SML 2.0. Setembro de 2002 é lançado o Service Pack 1 (SP1) para correção de bugs e em agosto de 2004 é lançado o segundo Service Pack (SP2), oferecendo maior segurança, apesar de depois dessa inovação ainda haver muitas falhas de segurança.

•

Em 2003, a Microsoft anunciou que o Internet Explorer não seria mais disponibilizado como um produto separado, mas seria parte da evolução da

2

UNIP – PRODUÇÃO DE PÁGINAS WEB

plataforma Windows, e que nenhuma versão nova para o Macintosh seria criada.

Navegadores alternativos •

O Opera, um navegador rápido e pequeno, popular principalmente em computadores portáteis e em alguns países da Europa, foi lançado em 1996 e permanece um produto de nicho no mercado de navegadores para os computadores pessoais ou PCs.

•

O Lynx Browser permanece popular em certos mercados devido à sua natureza completamente textual.

•

Apesar do mercado para o Macintosh ter sido tradicionalmente dominado pelo Internet Explorer e pelo Netscape Navigator, o futuro parece pertencer ao próprio navegador da Apple, o Safári, que é baseado no mecanismo de renderização KHTML, parte do navegador de código aberto Konqueror. O Safári é o navegador padrão do Mac OS X.

A 2ª Guerra dos Browsers? (2003 -) •

A Microsoft parece ter se livrado definitivamente do Netscape, mas não dos engenheiros que criaram o navegador. Em 2003, nasce a Fundação Mozilla – uma organização, inicialmente, sem fins lucrativos–criada pelos antigos programadores do Netscape. Em outubro de 2004, a Mozilla lança um navegador batizado de Firefox –um software livre, gratuito e aberto, elaborado por colaborações.

•

O Firefox ganha o mercado integrando as evoluções de internautas –como o sistema de abas que facilita a navegação e o de buscas, integrado à barra do navegador. Os internautas adotaram rapidamente a ferramenta.

•

Após um longo período de “hibernação”, a Microsoft lançou seu mais recente navegador, o IE7 (Internet Explorer 7) –a versão 6 datava de outubro de 2001.

•

A versão 7 do Explorer foi inspirada nas inovações desenvolvidas pelo Mozilla, e o Explorer finalmente adota um sistema de navegação por abas, leitor de fluxo RSS, novo sistema de gestão de seu histórico e de favoritos.

•

A crescente polêmica sobre os seus defeitos de segurança (conhecidos como bugs) dotou-o da reputação de ser um software inseguro e desatualizado. A União Européia recentemente aplicou pesadas multas sobre a Microsoft devido ao fato desta não deixar remover o Internet Explorer de seus sistemas. Recentemente o CERT, equipe dos Estados Unidos que monitora ameaças digitais, recomendou que os internautas deixem de usar o Internet Explorer até que duas falhas graves sejam corrigidas.

3

UNIP – PRODUÇÃO DE PÁGINAS WEB

Estatísticas de uso de Browsers Fonte: http://www.w3schools.com/browsers/browsers_stats.asp

W3C "conduzir a Web ao seu pleno potencial" • • • • • • •

W3C significa World Wide Web Consortium W3C foi criado em 1994 W3C foi criado por Tim Berners-Lee W3C foi criado pelo inventor da Web W3C trabalha para padronizar a Web W3C cria e mantêm os padrões Web (WWW Standards) W3C Standards são chamados de recomendações do W3C (W3C Recommendations)

+ de 450 organizações associadas: • • • • • • •

IBM Microsoft America Online Apple Adobe Macromedia Sun Microsystems

3 institutos de pesquisa envolvidos: • • •

Massachusetts Institute of Technology EUA The French National Research Institute - Europa Keio University – Japão

4

UNIP – PRODUÇÃO DE PÁGINAS WEB

Objetivo: Fazer com que o conteúdo desenvolvido dentro dos padrões possa ser visualizado independentemente do equipamento, do tipo do navegador e da forma de conexão do usuário com a internet.

Princípios: 1. Acesso Universal: O W3C define a Web como o universo de informação acessível por rede. Atualmente este universo beneficia a sociedade através da oferta de novas formas de comunicação entre humanos e oportunidades de compartilhamento de conhecimento. Um dos primeiros objetivos do W3C é tornar estes benefícios universais para todas as pessoas, independentemente de hardware, software, infra-estrutura de rede, linguagem nativa, cultura, localização geográfica ou capacidades mentais ou físicas. 2. Web Semântica: As pessoas atualmente compartilham seu conhecimento na Web em uma linguagem destinada a outras pessoas. Na Web Semântica, seremos capazes de nos expressar de modo a que nossos computadores possam nos interpretar e fazer as trocas. Assim, serão capazes de resolver problemas que achamos aborrecidos e ajudar-nos a encontrar rapidamente o que procuramos. 3. Confiabilidade: A Web é um meio de colaboração e não apenas uma revista de leitura. Para promover um ambiente mais colaborativo, torna-se necessário a existência de uma "Rede de Confiança" que garanta confidencialidade, passe confiança e torne possível às pessoas tomar responsabilidades por aquilo que está publicado na Rede. 4. Interoperabilidade: A W3C, uma organização neutra, sem interesses comerciais, promove interoperabilidade através do desenvolvimento e promoção de linguagens de computador abertas (não proprietárias) e protocolos que evitam uma fragmentação do mercado que existia no passado. Estes pontos são conseguidos através de consenso na indústria e encorajamento de uma discussão em fórum aberto. 5. Evolução: O W3C visa a excelência técnica, porém está ciente que o que conhecemos e necessitamos atualmente pode não ser suficiente para a solução de problemas no futuro. Assim, luta para o desenvolvimento de uma Rede que possa facilmente evoluir para uma Rede ainda melhor, sem quebra de funcionalidades anteriores. Os princípios da simplicidade, modularidade, compatibilidade e extensibilidade orientam todo o nosso desenvolvimento. 6. Descentralização: A descentralização é um princípio de sistemas modernos, incluindo-se aqui as próprias sociedades. Em um sistema centralizado toda a mensagem ou ação tem que passar por uma autoridade central, originando gargalos sempre que o tráfego aumenta. Em conceito, limitamos então a quantidade de pontos centrais na Rede para reduzir a vulnerabilidade na Rede, como um todo. Flexibilidade é o elemento necessário para sistemas distribuídos. 7. Melhor multimídia: Quem não gostaria de mais interatividade e uma melhor mídia na Rede, incluindo-se aqui imagens que podem alterar seu tamanho, som de qualidade, vídeo, efeitos tridimensionais e animação? O processo de consenso no W3C não limita a criatividade de fornecimento de conteúdo ou significa visualizações aborrecidas. O W3C escuta os usuários finais e trabalho com o objetivo de fornecer bases sólidas para o desenvolvimento de uma melhor multimídia através de linguagens a

5

UNIP – PRODUÇÃO DE PÁGINAS WEB

Scalable Vector Graphics (SVG) e a Synchronized Multimedia Integration Language (SMIL).

Benefícios de seguir os Web Standards: • • • • • • • • • •

redução de custos de desenvolvimento redução de custos de manutenção redução de custos de hosting facilidade em manter-se a consistência visual entre documentos de um mesmo site ampliação da audiência melhor experiência do usuário melhor posicionamento em ferramentas de busca garantia de viabilidade de qualquer documento da Web a longo prazo aumento na percepção de qualidade do trabalho produzido acessibilidade

Pontos negativos: • • •

curva de aprendizado acentuada problemas de incompatibilidade entre browsers alguns tipos de layout podem ser obtidos de forma muito mais fácil utilizando-se tabelas ao invés de CSS

Padrões atuais: •

linguagens estruturais: o Extensible Hypertext Markup Language (XHTML) 1.0 o XHTML 1.1 o Extensible Markup Language (XML) 1.0

•

linguagens de apresentação: o Cascading Style Sheets (CSS) Level 1 o CSS Level 2 o CSS Level 3

Website tradicional: • • •

layout baseado em tabelas camadas de apresentação junto com a camada de conteúdo códigos inválidos, inacessíveis e semanticamente incorretos

Website “Web Standards” • • • •

layout baseado em containers (DIVs, tableless) uso de CSS para separação de conteúdo e apresentação marcação semanticamente correta código válido e acessível por humanos e por máquinas

6

UNIP – PRODUÇÃO DE PÁGINAS WEB

Glossário: Web Semântica: projeto que visa melhorar as potencialidades da Web através da criação de ferramentas e de padrões que permitam atribuir significados claros aos conteúdos das páginas e facilitar a sua publicação e manutenção. As páginas construídas usando a filosofia da Web Semântica passam a fazer parte de um meio universal para a troca de informação. Dizemos que se trata de um meio universal porque estas páginas podem ser lidas por humanos ou por máquinas e tanto podem ser apresentadas graficamente (num monitor ou impressas em papel) como lidas em voz alta por browsers capazes de sintetizar voz e podem ser apresentadas em telefones móveis adequados. XML(EXtensible Markup Language): uma metalinguagem, que é utilizada para definir outras linguagens. XML é um subtipo de SGML (Standard Generalized Markup Language - Linguagem Padronizada de Marcação Generica) capaz de descrever diversos tipos de dados. Seu propósito principal é a facilidade de compartilhamento de informações através da Internet. XHTML (EXtensible HyperText Markup Language): uma aplicação XML, escrita para substituir o HTML e nada mais é do que um HTML "puro, claro e limpo". SVG (Scalable Vector Graphics): é um tipo de imagem vetorial, bidimensional, baseado em XML. SMIL (Synchronized Multimedia Integration Language): linguagem baseada no XML, capaz de gerenciar a transmissão de arquivos multimídia (áudio, vídeo) por streaming.

7