web standard
Post on 27-Jan-2016
216 Views
Preview:
DESCRIPTION
TRANSCRIPT
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 >
top related