IMPORTÂNCIA DOS PADRÕES DE DESENVOLVIMENTO WEB



Documentos relacionados
PADRÕES PARA O DESENVOLVIMENTO NA WEB

DESENVOLVIMENTO WEB DENTRO DOS PARADIGMAS DO HTML5 E CSS3

DESENVOLVENDO APLICAÇÃO UTILIZANDO JAVA SERVER FACES

INSTITUTO VIANNA JÚNIOR LTDA FACULADE DE CIENCIAS ECONOMICAS VIANNA JUNIOR. Internet em dispositivos Móveis e Aparelhos Domésticos

AVALIAÇÃO DE INTERFACES UTILIZANDO O MÉTODO DE AVALIAÇÃO HEURÍSTICA E SUA IMPORTÂNCIA PARA AUDITORIA DE SISTEMAS DE INFORMAÇÕES

Como Publicar seu Livro sem custo. O caminho mais fácil para se tonar escritor(a).

PRODUTO 1 (CONSTRUÇÃO DE PORTAL WEB)

MUDANÇAS NA ISO 9001: A VERSÃO 2015

A PÁGINA DISCIPLINAR DE MATEMÁTICA DO PORTAL DIA A DIA EDUCAÇÃO

Artur Petean Bove Júnior Tecnologia SJC

02/10/2012. Padronização de interfaces. Referências

Tópicos de Ambiente Web. Modulo 2 Processo de desenvolvimento de um site Professora: Sheila Cáceres

Análise da Nova Linguagem HTML5 para o Desenvolvimento Web

Testes de Usabilidade

Princípios de Design TRADUÇÃO DE TATIANE CRISTINE ARNOLD, DO ARTIGO IBM DESIGN: DESIGN PRINCIPLES CHECKLIST.

CSS. Oficina de CSS Aula 10. Cascading Style Sheets. Cascading Style Sheets Roteiro. Cascading Style Sheets. Cascading Style Sheets W3C

Web Design Aula 01: Conceitos Básicos

COMUNICAÇÃO DE PORTIFÓLIO UTILIZANDO DASHBOARDS EXTRAIDOS DO MICROSOFT PROJECT SERVER

MINISTÉRIO DA CIÊNCIA E TECNOLOGIA MCT MUSEU PARAENSE EMÍLIO GOELDI MPEG

ATIVIDADES PRÁTICAS SUPERVISIONADAS

ARQI. Arquitetura de Informação. Prototipação, layout e wireframe. Curso Superior de Tecnologia em Design Gráfico

O CONCEITO DE TDD NO DESENVOLVIMENTO DE SOFTWARE

Desenvolvimento de um CMS 1 para a criação e publicação de web sites acessíveis por deficientes visuais.

Gestão de Relacionamento com o Cliente CRM

Forneça a próxima onda de inovações empresariais com o Open Network Environment

Corporativo. Transformar dados em informações claras e objetivas que. Star Soft.

Integração de sistemas utilizando Web Services do tipo REST

Web Services. Autor: Rômulo Rosa Furtado

O Terminal. VS Display

AGENDA. O Portal Corporativo. Arquitetura da Informação. Metodologia de Levantamento. Instrumentos Utilizados. Ferramentas

Conectando sonhos e negócios.

Arquitetura de Redes: Camadas de Protocolos (Parte I) Prof. Eduardo

Desenvolvimento de aplicação web com framework JavaServer Faces e Hibernate

HIBERNATE EM APLICAÇÃO JAVA WEB

VS Display Horizontal

Está na hora de adequar seu site para mobile!

TECNOLOGIAS E FRAMEWORKS PARA O DESENVOLMENTO DE INTERFACES WEB

ISO/IEC 12207: Gerência de Configuração

Processos Técnicos - Aulas 4 e 5

INTERNET HOST CONNECTOR

FACULDADE DE TECNOLOGIA SENAC GESTÃO DA TECNOLOGIA DA INFORMAÇÃO GESTÃO DE PESSOAS

DWEB. Design para Web. Fundamentos Web I. Curso Superior de Tecnologia em Design Gráfico

Especificações Técnicas

1. Quem somos nós? A AGI Soluções nasceu em Belo Horizonte (BH), com a simples missão de entregar serviços de TI de forma rápida e com alta qualidade.

Capítulo 2 Usabilidade Definição de usabilidade Resumo Leitura recomendada... 39

SETIS- III Seminário de Tecnologia Inovação e Sustentabilidade 4 e 5 de novembro de 2014.

Introdução ao GED Simone de Abreu

PROPOSTA DE MELHORIA DA INTERFACE PARA O

DESENVOLVIMENTO WEB UTILIZANDO FRAMEWORK PRIMEFACES E OUTRAS TECNOLOGIAS ATUAIS

Siep / Renapi Campus Bento Gonçalves / RS Jucélia Almeida DESENVOLVENDO UM SITE ACESSÍVEL

3 - Projeto de Site:

A IMPORTÂNCIA DE FIREWALL S PARA AMBIENTES CORPORATIVOS

ESTUDO AVALIATIVO DE ACESSIBILIDADE E USABILIDADE APLICADO AO AMBIENTE WEB.

Análise de usabilidade de menus de navegação em portal com grande quantidade de informação e vários níveis hierárquicos

CENTRO ESTADUAL DE EDUCAÇÃO TECNOLÓGICA PAULA SOUZA ETEC PROF. MÁRIO ANTÔNIO VERZA CURSO TÉCNICO EM INFORMÁTICA PARA INTERNET

USABILIDADE NA WEB : Projetando Websites com Qualidade

6º Semestre de SISTEMAS DE INFORMAÇÃO. - 6 Inscritos -

TÉCNICAS DE ESTRUTURAÇÃO PARA DESIGN RESPONSIVO: AMPLIANDO A USABILIDADE NO AMBIENTE WEB

Arquitetura de Informação

MATRIZ SWOT VANTAGENS DE SUA UTILIZAÇÃO NO COMÉRCIO VAREJISTA

Universidade Paulista

Gerenciamento de software como ativo de automação industrial

ANIMAÇÕES WEB AULA 2. conhecendo a interface do Adobe Flash. professor Luciano Roberto Rocha.

INTRODUÇÃO A PORTAIS CORPORATIVOS

DESENVOLVIMENTO DE INTERFACE WEB MULTIUSUÁRIO PARA SISTEMA DE GERAÇÃO AUTOMÁTICA DE QUADROS DE HORÁRIOS ESCOLARES. Trabalho de Graduação

APLICACAÇÃO DE METRICAS E INDICADORES NO MODELO DE REFERENCIA CMMI-Dev NIVEL 2

Desenvolvimento de um software de gerenciamento de projetos para utilização na Web

PROCESSO DE DESENVOLVIMENTO DE SOFTWARE. Modelos de Processo de Desenvolvimento de Software

MÓDULO 9 METODOLOGIAS DE DESENVOLVIMENTO DE SISTEMAS

Processos de Desenvolvimento de Software

Autoria Web Apresentação e Visão Geral sobre a Web

PROFESSOR: CRISTIANO MARIOTTI

APOSTILA BÁSICA INFORMÁTICA: 1. PROCESSADOR DE TEXTOS 1.1 Conhecendo o aplicativo Word EDITOR DE PLANILHAS

COMPUTADORES NAS EMPRESAS Cloud Computing Prof. Reginaldo Brito

Software livre: solução ou problema? Autores: Prates, C. F., Souza, C. H. F. B., Castro, C. V., Vilela, D. R. G., Almeida, N. M

Acessibilidade na Web

Sistemas Distribuídos

AUTOR: DAVID DE MIRANDA RODRIGUES CONTATO: CURSO FIC DE PROGRAMADOR WEB VERSÃO: 1.0

Gerência de Redes. Profa. Márcia Salomão Homci

RADIOLOGIA DIGITAL. Conceitos Básicos. Eizo Soluções Médicas

CRIAÇÃO DE SITES (AULA 1)

O Crescimento da Educação a Distância nas Universidades do Brasil

Na medida em que se cria um produto, o sistema de software, que será usado e mantido, nos aproximamos da engenharia.

XHTML 1.0 DTDs e Validação

Planejamento Estratégico de TI. Prof.: Fernando Ascani

Thalita Moraes PPGI Novembro 2007

AULA: BrOffice Impress terceira parte. Ao final dessa aula, você deverá ser capaz de:

Aula 2: RIA - Aplicações Ricas para Internet Fonte: Plano de Aula Oficial da Disciplina

Introdução. Introdução

Implantação. Prof. Eduardo H. S. Oliveira

DIRETRIZES DA EDUCAÇÃO A DISTÂNCIA NO SISTEMA INTEGRADO DE FORMAÇÃO DA MAGISTRATURA DO TRABALHO - SIFMT

Transcrição:

IMPORTÂNCIA DOS PADRÕES DE DESENVOLVIMENTO WEB Isadora dos Santos Rodrigues, Tiago Piperno Bonetti Universidade Paranaense (Unipar) Paranavaí PR Brasil isadora.santosrodrigues@hotmail.com, bonetti@unipar.br Resumo. Os websites devem atender à necessidade dos usuários, sendo acessíveis a qualquer tipo de pessoa. Nesse sentido, a W3C (World Wide Web) vem desenvolvendo protocolos e diretrizes para a padronização de tecnologias web. Desse modo, com o objetivo de demonstrar a importância da utilização dos padrões no momento do desenvolvimento, foi realizada uma revisão bibliográfica sobre o tema, em que serão apresentados conceitos sobre o padrão Web, as vantagens que são proporcionadas pelo seu uso e, assim, a comprovação do que foi pesquisado ocorrerá através do estudo de caso, de uma análise comparativa entre sites desenvolvidos dentro e fora dos padrões. 1. Introdução A folha de São Paulo divulgou, ao final de 2014, um relatório publicado pela ITU (União Internacional de Telecomunicações) informando que cerca de 40% da população mundial têm uma conexão à internet hoje; em 1995 esse percentual era de apenas 1%. A partir do momento em que a internet começou a tomar maiores proporções, o número de usuários, e também de pessoas produzindo conteúdo, aumentou. Tornou-se então necessário, e cada vez mais importante, a indispensável criação de padrões e medidas de organização para que se tornasse mais fácil à comunicação entre desenvolvedores e todos os outros envolvidos na rede. Atualmente, quem dita os padrões de desenvolvimento Web é a W3C Word Wide Web Consortium, liderada pelo inventor da Web Tim Berners-Lee e o CEO Jeffrey Jaffe, que tem como objetivo principal organizar e padronizar uma lista de algumas das linguagens mais famosas e mais utilizadas quando se trata de desenvolvimento na Web hoje. 2. Metodologia Para constatar a eficiência e a importância de se utilizar padrões para o desenvolvimento na Web, este trabalho foi desenvolvido a partir de uma revisão bibliográfica sobre o tema, bem como da analise em sites. Assim foi possível comprovar o quão importante é o desenvolvimento dentro dos padrões, e suas vantagens. 3. Desenvolvimento 3.1. O que são padrões Os Padrões Web são recomendações do W3C, e têm como objetivo principal o de orientar os desenvolvedores para o uso de boas práticas que tornam os benefícios da Web disponíveis a todos, sem exceção, independente de hardware, software,

infraestrutura de rede, idioma, cultura, localização geográfica, habilidade física e mental. Projetar páginas Web de acordo com os padrões reduz o tempo de desenvolvimento e de manutenção. Não há preocupações com codificação e manutenção de várias versões do mesmo código. Uma só versão do site é suficiente. Além disso, focar em acessibilidade e usabilidade garante com que seu site seja aproveitado por mais pessoas e também seja utilizado de forma mais simples e eficiente por todos, gerando satisfação ao usuário. [Macedo, 2004] Segundo o W3C, e o que o mesma divulga em seu site, utilizar padrões no momento de desenvolver um site tem como objetivos: Controle preciso sobre o design, posicionando a tipografia nos navegadores gráficos. Comportamentos sofisticados que funcionam em vários navegadores e plataformas. Acessibilidade sem acabar com a beleza, o desempenho ou a sofisticação. Suportar múltiplos navegadores sem o incômodo e o custo de criar versões separadas e com pouco ou nenhum código. Suportar dispositivos não tradicionais, desde aparelhos portáteis até leitores braile ou leitores de vídeos usados por pessoas com deficiência, sem o incômodo e o custo de criar versões separadas. Separar a apresentação do conteúdo e comportamento, permitindo designs criativos, apoiados numa estrutura rigorosa dos documentos e permitindo a reutilização dos documentos Web. Assegurar que os sites construídos desta forma funcionarão corretamente nos navegadores atuais que respeitam os padrões e de forma aceitável nos navegadores antigos. Assegurar que os sites construídos desta forma continuarão a funcionar nos navegadores e dispositivos futuros. 3.2. W3C Liderado pelo inventor da web Tim Berners-Lee e o CEO Jeffrey Jaffe, o processo do W3C tem como missão conduzir a World Wide Web para que atinja todo seu potencial, desenvolvendo protocolos e diretrizes que garantam seu crescimento de longo prazo. A grande maioria dos trabalhos no W3C gira em torno da padronização de tecnologias web. Todos os interessados podem ter voz no desenvolvimento do W3C, tanto filiados grandes quanto pequenos, além do público em geral. O Consórcio World Wide Web (W3C) éum consórcio internacional no qual organizações filiadas, uma equipe em tempo integral e o público trabalham juntos para desenvolver padrões para a Web. Desde sua fundação, o W3C publicou mais de 110 de padrões, denominados Recomendações do W3C Web Standards Padrões Web.

3.3. Vantagens da utilização de padrões Através de estudos e revisões bibliográficas, foi possível verificar uma grande quantidade de vantagens na utilização de padrões para desenvolvimento, entre as principais estão: Tempo: projetar páginas Web em conformidade com os padrões reduz o tempo de desenvolvimento e de manutenção. [Macedo, 2004] Uniformidade: documentos criados segundo os padrões Web podem utilizar uma estrutura comum, facilitando a sua manipulação. [Macedo, 2004] Simplicidade: eliminar elementos desnecessários Liberdade: isso permite que os padrões Web sejam utilizados por qualquer pessoa em qualquer lugar, sem a necessidade de autorização ou pagamento [Macedo, 2004] Separação de Estrutura e Apresentação: Essa é talvez a maior vantagem na utilização dos padrões. A utilização correta dos mesmos permite separar quase que completamente a estrutura da apresentação. Isso significa que o documento fica restrito ao seu conteúdo, sem especificar qualquer forma de apresentação, permitindo que esta seja modificada de acordo com as necessidades, o que permite maior flexibilidade na utilização do documento. [Macedo, 2004] Facilidade de Criação e Manutenção: o uso de padrões também torna mais fácil a criação dos documentos, uma vez que não é necessário preocupar-se inicialmente com a apresentação dos mesmos, fazendo com que o criador do documento pense apenas no seu conteúdo. A apresentação será desenvolvida ou modificada separadamente, de acordo com a situação. [Macedo, 2004] Acessibilidade: a acessibilidade auxilia tanto a pessoas portadoras de deficiências quanto às que não possuem limitação. Seu objetivo é melhorar a manipulação das páginas, tornando os benefícios da Web disponíveis a todos, sem qualquer discriminação. [Macedo, 2004] Estabilidade: a estabilidade significa que os documentos feitos com os padrões Web permanecerão compatíveis, sendo assim também direcionados e utilizados por dispositivos do futuro. [Macedo, 2004] Maior facilidade de Migração: documentos dentro dos padrões são mais facilmente convertidos para outros formatos, tais como bancos de dados ou documentos texto e planilhas, o que simplifica uma possível migração para novos sistemas futuramente. [Macedo, 2004] Maior Visibilidade: graças à sua estruturação, páginas em conformidade com os padrões Web terão grande visibilidade em resultados de buscas na Web, uma vez que facilitam e fornecem informações detalhadas aos mecanismos de busca. [Macedo, 2004] Os softwares terão maior facilidade em entender a estrutura de documentos dentro dos padrões, permitindo até mesmo que navegadores antigos entendam sua estrutura básica. [Macedo, 2004]

3.4 Usabilidade Sempre que alguém acessa uma determinada página Web, ela tem um objetivo em mente: pode ser uma compra, uma venda, bate-papo, entre várias outras opções, e a função da usabilidade é exatamente proporcionar a conclusão desse objetivo da melhor maneira possível. Segundo Winckler e Pimenta [2001], quando a usabilidade é levada em conta no momento de desenvolvimento de interfaces Web, vários problemas podem ser eliminados, como, informação, tornar informações mais facilmente disponíveis aos usuários, evitar que em um sistema de ensino a distância faça com que os usuários sintam-se desmotivados, ou que as vendas diminuam no caso de um comercio eletrônico. Segundo Rocha e Baranauskas [2000], em uma avaliação para verificar a usabilidade de determinado site, deve-se analisar três fatores cruciais, são eles: funcionalidade do sistema, efeito da interface junto ao usuário e problemas específicos do sistema. De acordo com Winckler e Pimenta [2001], é considerado que a interface tem um problema de usabilidade se um determinado usuário encontra dificuldade para realizar alguma tarefa com a interface, que pode ser causada por diversas situações. Segundo Jacob Creech [2010], há vários métodos para testar a usabilidade de uma interface; podem ser testes que acompanham o movimento ocular para verificar o ponto de atenção do usuário, ou acompanhar qual local do site teve mais clicks. Romani [2010] informa que existem sete regras para verificar se os sites estão de acordo com a usabilidade aceitável e com isso o desenvolvimento provavelmente será mais bem aceito pelos seus clientes, sendo elas: Clareza na arquitetura das informações apresentar a informação de forma fácil, e visando os gostos e necessidades do usuário. Facilidade de navegação o usuário precisa encontrar o que procura em menos de três cliques. Simplicidade tornar o site o mais simples possível tanto em suas ferramentas quanto nas informações. Relevância do conteúdo o conteúdo publicado em um site tem que estar de acordo com o desejo do público alvo escolhido. Manter consistência. Tempo suportável o tempo que o usuário espera para carregar um site é em média de 5 a 10 segundos, caso o site não carregue dentro deste tempo o usuário já irá classificá-lo de forma negativa. Foco nos Usuários Um website precisa se totalmente desenvolvido pensando em seus usuários.

4. Considerações finais Neste trabalho, buscou-se identificar a importância dos padrões no momento do desenvolvimento de um produto computacional. Assim, até o presente momento, através de pesquisas e estudos sobre o tema proposto, pode-se verificar que é visível a virtória das vantagens sobre as desvantagens em se tratando de utilizar padrões no momento de um desenvolvimento. As vantagens são muitas, como, por exemplo, a diminuição do tempo tanto de manutenção posterior quanto no próprio momento do desenvolvimento, e não há preocupações com codificação e manutenção de várias versões do mesmo código, além de focar em acessibilidade e usabilidade, o que, sem dúvidas, garante com que o site projetado seja aproveitado por mais pessoas e utilizado da forma mais simples e eficiente por todos, tanto pessoas com algum tipo de limitação, quanto pelo público em geral, causando satisfação ao usuário. Referencias MACEDO, Marcelo da S.; Construindo Sites Adotando Padrões Web. Rio de Janeiro: Editora Ciência Moderna Ltda, 2004. Portal W3C Brasil. Disponível em: <http://www.w3c.br/home/webhome> Acesso em 20 de Fevereiro de 2015. Relatório ITU. Disponível em: <http://www1.folha.uol.com.br/tec/2014/11/1553088- internet-ja-tem-quase-3-bilhoes-de-usuarios-no-mundo-diz-onu.shtml> Acesso em 19 de Fevereiro de 2015. ROMANI, R. (2010). Usabilidade na Web. Unicamp (Universidade Estadual de Campinas), São Paulo, 2010. Disponível em: <ftp://ftp.unicamp.br/pub/apoio/treinamentos/tutoriais/tut_usabilidadeweb.pdf> Acesso em 18 de Maio de 2015. WINCKLER, M.A.; PIMENTA,M.S.; de Interfaces Web a partir de Modelos In: Proc. of IV Workshop sobre Fatores Hu 2001. Disponível em: <http://www.irit.fr/~marco.winckler/2002-winckler-pimenta-eri-2002-cap3.pdf> Acesso em 11 de Março de 2015. CREECH, Jacob. Usability Testing: D Guess, Test. Disponível em: Disponível em: <http://www.uxbooth.com/blog/usability-testing-dont-guess-test/>. Acesso em: 27/04/2015 ROCHA, Heloisa V. da; BARANAUSKAS, Maria C. C.; Design e avaliação de interfaces humano-computador. IME-SP, São Paulo, 2000.