1

WEB STANDARD

Conteudista

Me. GLEIDSON GOUVEA DA SILVA

2

Introdução

Aqui iremos ver e entender sobre padrões de web, sua importância, conhecer

um pouco da sua trajetória e evolução ao longo do tempo. Desde o inicio da

história da informática, já vamos Bill Gattes ele já contava a história da IBM,

como ela conquistou mercado e tudo isso devido aos padrões de web. Padrões

que são praticamente o guia de sobrevivência no mercado digital.

O Importante é pensarmos tudo isso em um contexto geral como pensando em

padrões, pensamos em acessibilidade, em compatibilidade, manutenção e

entre coisas a mais que vamos encontrando no mercado.

Trabalhando com Padrões web, não é apenas ganhar nos itens vistos acima,

mas também começamos a pensar em ganho na manutenção, em

desenvolvimento, tornando assim nosso projeto mais completo e com mínima

chances de erros.

O que são padrões web?

Quando falamos de padrões web, eles estão ligados a codificação da nossa

página web e também às recomendações W3C, vamos ver que utilizar regras

da W3C torna o projeto mais limpo, organizado, criar plataforma aberta da web,

funcional e assim gerando uma boa visualização perante os demais na web,

criando experiências que possuam um grande potencial. Falando em códigos

precisamos abranger os itens a seguir:

Código html/xhtml e CSS válidos;

Separação em camadas: conteúdo, apresentação e comportamento;

Código (X)HTML semântico. (W3C)

3

Pensando na importância desses padrões já precisamos trabalhar e pensar na

acessibilidade do sites e para acessibilidade temos vários tipos e ai podemos

parar e pensar, para que/quem serve a acessibilidade? Podemos dividir em

algumas partes:

Acessibilidade Web Padrão , ou podemos conhecer como universal,

serve para todos os usuários.

Acessibilidade com pessoas com deficiência e nessa parte precisamos

pensar bem em todos os tipos de deficiência e como usuário irá navegar

seu o projeto, quais os recursos disponíveis para eles. (W3C)

Ao ouvir falar em padrões de web, pensamos logo ao início já em códigos

específicos, regras de aplicação, normas de etiqueta e surge então em nossa

mente os primeiros ítens como os famosos html, css, svg, mas vamos ver e

entender que esses ítens estão em nossa lista, mas vamos além dos códigos

tradicionais.

W3C desenvolve especificações técnicas e orientações através de um

processo projetado para maximizar a consenso sobre as

recomendações, garantindo qualidades técnicas e editoriais, além de

transparentemente alcançar apoio da comunidade de desenvolvedores,

do consórcio e do público em geral. (W3C)

Para tudo em que fazemos no mundo do design, vídeo e web precisamos

seguir diretrizes, quando falamos logo em regras pensamos em algo chato e

autoritário, mas devemos analisar e verificar que nem sempre é assim, fazer

parte de um mercado no qual para ter um projeto ativo é necessário estar

dentro de um mix de ferramentas que seguem um padrão, pode ser muito bom.

4

Sabemos que como avanço da tecnologias o que mais surgem são pessoas

aprendendo sobre web e design, assim aumentando o número de concorrentes

no mercado, mas quando aplicamos nosso projeto dentro dos padrões e regras

necessárias estabelecidas, o mesmo consegue melhor desempenho, tornando

não apenas um simples projeto na web, mas destacando-se, desde

posicionamento e hanking em buscadores até funcionalidades e interações.

Para compreender mais sobre padrões temos as tecnologias respectivas a

cada área específica na web, então podemos ver desde a área de design,

linguagens, dispositivos, conceitos e estudos, tudo isso com o mesmo

propósito.

5

Web Design e Aplicações

Encontramos tudo que se diz padrão para área de desenvolvimento na web.

Desde Html & CSS, áudio e vídeo, acessibilidade, Script e Ajax, gráficos,

internacionalização. Sabemos que o Html e CSS são fundamentais para nosso

projeto web funcionar, com eles trabalhamos nosso layout para web, webfonts,

estilos entre outros itens.

Scrip e Ajax, trabalhando fortemente nos padrões de APIs, desde

geolocalização, interações de widgets com mobile. Também em áudio e vídeo,

trabalhamos lindados com linguagens em HTML, SVG, SMIL, para sincronia,

legendas e outras aplicações. Em gráficos chegamos ao elemento visual com

PNG, SVG que ajudam a compor nossa área na web. Internacionalização, traz

como objetivo fazer que algo funcione em qualquer lugar e qualquer idioma

como conhecemos o famoso Unicode também servindo como uma orientador.

Já em acessibilidade temos algo muito importante na área de orientação de

conteúdo para pessoas com deficiência, tornando tudo mais acessível.

Arquitetura Web

Com foco nas tecnologias que sustentam a web desde o HTTP e URI até

outras linguagens como ptrocolos e documentação, meta formatos como XML,

identificadores como falamos acima, URL, RI, IRI, trazendo toda informação

sempre pautada nos princípios e tecnologias fundamentais da web.

Tecnologia XML

Vamos falar um pouco das tecnologias XML que incluem vários itens

comoXQuery, XML Schema, XSLT e outro padrões relacionados, desde

segurança, eficiência, transformando, processo, componentes, todos esses

itens e outros mais o XML atua fortemente na web.

6

Web Services

Estão ligados aos projetos de comunicação na web entre aplicações em

tecnologias. vamos encontrar linguagens conhecidas e também itens como

pagamentos, inovação e segurança estão ligados ao web services.

Web de Dispositivos

Como estamos voltados ao mobile os padrões W3C também não ficam atrás,

nessa parte temos regras e padrões para o mundo da web no mobile. Vamos

ver desde acessos múltiplos, web e tv interações tecnologias, navegação por

voz, interações com APIs entre outros itens. Tecnologias que permitem o

acesso à Web por todos, de qualquer lugar, a qualquer hora e utilizando

qualquer dispositivo.

Navegadores e Ferramentas de Autoria

Hoje a leitura na web é superior a leitura de livros tradicionais e isso graças a

navegadores, ferramentas de leitura, itens que nos possibilitam ter informação

de modo rápido, objetivo e fácil, podendo ler, ouvir, criar e publicar conteúdo

também de modo intuitivo e fácil. Com o crescimento dos CMSs (sistema de

gerenciamento de conteúdo), ficou mais fácil ter seu conteúdo publicado,

tornando assim visível para qualquer usuário na rede.

Web Semântica

Vem para trazer a possibilidade que construam coisas mais úteis, desde

consultas, aplicações, inferência, dados linkados entre outros.

O termo “Web Semântica” refere-se à visão do W3C da Web dos Dados

Linkados. A Web Semântica dá às pessoas a capacidade de criarem

repositórios de dados na Web, construírem vocabulários e escreverem regras

para interoperarem com esses dados. (W3C).

7

Até aqui vimos vários itens que dão nosso start aos padrões web, sendo que

vimos apenas a ponta de tudo e onde tudo isso pode chegar, a partir daqui

vamos pensar no futuro da web, onde isso tudo irá nos levar e qual o

fundamento de tudo que vimos, como eles irão falar entre sí, qual exato

momento as linguagens entram em ação e começam a trabalhar para que isso

aconteça? O conceito de inteligência articifical, já nos faz pensar em grandes

expectativas, porém já pensamos também em seu cenário positivo e negativo.

Vemos que dentro da web semântica, inferência nos ajuda com a descoberta

de novos relacionamentos entre termos e significados, também permite

processos automáticos, novos mix de regras e relações.

O HTML 5 vem para marcar essa mudança, trazendo novas possibilidades em

semânticas, se trabalharmos bem nossa semântica do código,

consequentemente temos aumento no poder de significado., Já vemos também

impacto nos buscadores de conteúdo como Google, no qual sempre em

8

constante alteração para que esses impactos e mudanças não deixem de

afetar seu desempenho, isso vemos em mudanças semânticas estruturais,

sendo assim quando não vemos mudança em sua área visual porém podem

sofrer várias alterações. Essas alterações que serão o futuro padrão da nova

web, alterações que ditarão as regras do mercado web.

Para continuarmos nosso estudo, vamos falar um pouco mais sobre

acessibilidade, algo que parece comum ao dia de uma pessoa para muitos,

pode se tornar um desafio. Vimos como os padrões nos ajudam no dia-a-dia

para construção de um projeto, vimos rapidamente porque cada item é

necessário e o fator principal que cada um carrega, vamos falar sobre

acessibilidade, pois ela tem sido fator fundamental não apenas no uso, mas

sim para uma boa construção de um projeto web, vemos no mercado vários

projetos fantásticos, porém em grandes casos as vezes não é acessivel nem

para usuário sem deficiência, agora imagine com deficiência. Precisamos

pensar que na construção de nosso projeto ele precisa ter ser conceito

trabalhado, estudado, realmente pensado e não apenas desenvolver por

desenvolver.

9

Como vimos na semana anterior, gerar uma experiência com usuário é algo

que a web procura a realizer constantemente, tornando o usuário mais que um

mero expectador e sim colaborador. Em relação acessibilidade vamos chegar

ao ponto de tornar o usuário como ator principal no mundo da web, isso vamos

ver para pessoas com e sem deficiência e porque devemos pensar e estudar

bem nosso projeto.

Importância dos padrões weba para acessibilidade de pessoas com

deficiência.

Para pessoas sem deficiência é super comum, fácil e digamos que até “modo

automático”, sentar em frente ao desktop, carregar um notebook, desfrutar da

mobilidade de um tablet ou smartphone, situações comuns no dia-a-dia de uma

pessoas sem deficiência. E quando pensamos um projeto para usuários sem

deficiência já é um desafio, imagine pensar e estruturar um conceito web para

pessoas com deficiência. Essa questão é sempre delicada ao dialogar mas

vamos mostrar a partir de agora que nossa função é criar projetos de

experiência web tão funcionais quanto.

Vamos encontrar usuários com deficiências visuais, auditivas e físicas e

precisamos estar sempre atentos na hora de produzir nosso projeto, pensar

nas facilidades para um deficiente visual navegar, também para um auditivo,

como para um fisico, nos padrões web vemos a grande importância de se

atentar a esse item. Evoluímos ao mundo que tudo é rápido e acessível então

precisamos constantemente repensar nossa forma de criar nossos projetos

web, pensar em dispositivos que auxiliem o acesso de pessoas com deficiência

é pensar além no seu projeto, é pensar em pessoas, e é isso que fazemos

sempre que criamos um projeto para web.

10

Quando falamos de usuários com qualquer tipo de deficiência como visual,

física ou audiovisual, temos que repensar nosso projeto e fazer com que tudo

que produzimos chegue, geralmente são os maiores desafios que um

professional de web chega a ter em um projeto, porém, quando a ideia aplicada

funciona para ambas partes temos mais que um projeto web, temos um

material que atinge, pessoas, que cria conceitos e gera conexões entre

pessoas e máquina.

Conclusão

Podemos ver nessa semana sobre os famosos padrões web, temos muito mais

conteúdo sobre o assunto, algo que podemos ir falando e falando, repensando

conceitos e pensando como serão os novos padrões no futuro? Qual a

tendência da web para os novos anos? Como ela irá caminhar? Quais serão os

novos padrões? Perguntas e mais perguntas que iremos fazer a cada dia de

nossa vida, a cada momento de dúvida, cada tecnologia nova que surge, novas

tendências, que afetam diretamente no comportamento do nosso usuário,

sempre precisaremos saber o que ele está pensando, qual será o desejo desse

usuário referente ao passar dos anos e as novas tendências.

Antes falávamos de tabelas, depois vivemos a era dos gifs, logo após muito

animação com a macromedia flash, em seguida febre dos CMS e agora

chegamos ao HTML5 com grandes mudanças, desde tendências de mercado,

comportamento, tecnologia e aplicação, transformando assim mais uma vez

nossa web e assim podemos sempre ficarmos atentos as novidades de

mercado.

Conhecemos a base dos padrões web W3C, como cada item se comporta e

sua função para o mundo da web, cada item com seu sub-item e cada um com

sua função para tornar nossa web mais funcional e harmônica. Abordamos um

pouco mais sobre acessibilidade, pois quando falamos dela parece algo

“simples”e rápido de ser resolvido, quando pensamos em um layout, botões de

fácil acesso, layout limpo, são itens que muitas vezes as pessoas categorizam

como acessibilidade, não deixam de estarem corretas, mas precisamos ir além

11

e pensar no cliente de nosso cliente sempre e como podemos tornar toda essa

navegação fácil e intuitiva para todos independente das mídias escolhidas.

12

Referências

BREITMAN, Karin. Web Semântica – A Internet do Futuro.

POLLOCK, Jeffrey T. Web semântica para leigos.

SIEGEL, Deivd. Pull: A Força da Web Semântica – O Futuro e o Impacto em

seus negócios.

SILVA, Mauricio Samy. Construindo sites com CSS e (X)HTML . 2007

ZELDMAN, Jeffrey. E Marcotte, Ethan. Designing with Web Standards

http://www.w3c.br < acessado 13/06/2015 >

http://acessibilidadelegal.com/23-padroes-web.php < acessado 13/06/2015 >

https://www.ted.com/talks/tim_berners_lee_on_the_next_web?language=en

< acessado 13/06/2015 >