desenvolvimento de portal web acessível para a apae petrolina€¦ · desenvolvimento de portal...

16
Universidade Federal de Pernambuco NEHTE / Programa de Pós Graduação em Letras CCTE / Programa de Pós Graduação em Ciências da Computação - 1 - Desenvolvimento de Portal Web Acessível para a APAE Petrolina Micarlla Anniele P. de Melo 1 (IF Sertão PE) Eudis Oliveira Teixeira 2 (IF Sertão PE) Resumo: Este trabalho relata o desenvolvimento de um projeto promovido pelo IF Sertão PE que teve por objetivo implementar um portal web para a Associação de Pais e Amigos dos Excepcionais (APAE) de Petrolina a fim de divulgar os serviços prestados pela instituição e suas experiências obtidas. Este projeto buscou desenvolver um portal web seguindo princípios de usabilidade e utilizando recursos de acessibilidade, como o aumento da fonte e aplicação de contraste. Com este projeto foi possível proporcionar a APAE de Petrolina um meio de divulgar perante a sociedade o seu trabalho para que mais pessoas tenham interesse em conhecer a instituição e assim, contribuir com doações ou prontificando-se para serem voluntárias. Palavras-chave: APAE Petrolina, acessibilidade, usabilidade, web design. Abstract: This paper reports a project promoted by IF Sertão - PE that aimed to develop a web portal for the Association of parents and friends of Exceptional Children (APAE) of Petrolina in order to publicize the services provided and experience obtained. Web portal design followed the principles of usability and the use of accessibility features (e.g., increasing text font and application of contrast to colors of the web page). It was possible to provide the APAE of Petrolina a way to publicize your work so that more people have an interest in knowing the institution and thus contribute donations or volunteers. Keywords: APAE Petrolina, accessibility, usability, web design. Introdução A internet é um meio de comunicação comumente utilizado para divulgar informações, ampliar as interações sociais, e como uma aliada ao processo educativo por remover as barreiras da sala de aula e auxiliar o estudante em buscar o conhecimento de acordo com seu próprio ritmo de aprendizagem. Segundo Moran (2001), a internet é uma mídia de pesquisa e comunicação. Dessa forma, a internet 1 Micarlla MELO, Graduanda em Licenciatura em Computação Instituto Federal de Educação, Ciência e Tecnologia do Sertão Pernambucano (IF Sertão PE) [email protected] 2 Eudis, TEIXEIRA, Prof. Mestrando em Ciências da Computação na Universidade Federal de Pernambuco Instituto Federal de Educação, Ciência e Tecnologia do Sertão Pernambucano (IF Sertão PE) [email protected]

Upload: others

Post on 25-Jul-2020

9 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Desenvolvimento de Portal Web Acessível para a APAE Petrolina€¦ · Desenvolvimento de Portal Web Acessível para a APAE Petrolina Micarlla Anniele P. de Melo1 (IF Sertão PE)

Universidade Federal de Pernambuco NEHTE / Programa de Pós Graduação em Letras CCTE / Programa de Pós Graduação em Ciências da Computação

- 1 -

Desenvolvimento de Portal Web Acessível para a APAE Petrolina

Micarlla Anniele P. de Melo1 (IF Sertão PE)

Eudis Oliveira Teixeira2 (IF Sertão PE)

Resumo: Este trabalho relata o desenvolvimento de um projeto promovido pelo IF Sertão PE que teve por objetivo implementar um portal web para a Associação de Pais e Amigos dos Excepcionais (APAE) de Petrolina a fim de divulgar os serviços prestados pela instituição e suas experiências obtidas. Este projeto buscou desenvolver um portal web seguindo princípios de usabilidade e utilizando recursos de acessibilidade, como o aumento da fonte e aplicação de contraste. Com este projeto foi possível proporcionar a APAE de Petrolina um meio de divulgar perante a sociedade o seu trabalho para que mais pessoas tenham interesse em conhecer a instituição e assim, contribuir com doações ou prontificando-se para serem voluntárias. Palavras-chave: APAE Petrolina, acessibilidade, usabilidade, web design. Abstract: This paper reports a project promoted by IF Sertão - PE that aimed to develop a web portal for the Association of parents and friends of Exceptional Children (APAE) of Petrolina in order to publicize the services provided and experience obtained. Web portal design followed the

principles of usability and the use of accessibility features (e.g., increasing text font and application of contrast to colors of the web page). It was possible to provide the APAE of Petrolina a way to publicize your work so that more people have an interest in knowing the institution and thus contribute donations or volunteers. Keywords: APAE Petrolina, accessibility, usability, web design.

Introdução

A internet é um meio de comunicação comumente utilizado para divulgar

informações, ampliar as interações sociais, e como uma aliada ao processo

educativo por remover as barreiras da sala de aula e auxiliar o estudante em buscar

o conhecimento de acordo com seu próprio ritmo de aprendizagem. Segundo Moran

(2001), a internet é uma mídia de pesquisa e comunicação. Dessa forma, a internet

1 Micarlla MELO, Graduanda em Licenciatura em Computação

Instituto Federal de Educação, Ciência e Tecnologia do Sertão Pernambucano (IF Sertão PE) [email protected] 2 Eudis, TEIXEIRA, Prof. Mestrando em Ciências da Computação na Universidade Federal de Pernambuco

Instituto Federal de Educação, Ciência e Tecnologia do Sertão Pernambucano (IF Sertão PE) [email protected]

Page 2: Desenvolvimento de Portal Web Acessível para a APAE Petrolina€¦ · Desenvolvimento de Portal Web Acessível para a APAE Petrolina Micarlla Anniele P. de Melo1 (IF Sertão PE)

Universidade Federal de Pernambuco NEHTE / Programa de Pós Graduação em Letras CCTE / Programa de Pós Graduação em Ciências da Computação

- 2 -

promove a interação entre as pessoas e contribui com a aprendizagem e o

conhecimento e está em contínuo desenvolvimento.

A Associação de Pais e Amigos dos Excepcionais (APAE) de Petrolina é uma

instituição civil de caráter social, beneficente e assistencial sem fins lucrativos que

atende cerca de 500 pessoas e abriga dentro da sua estrutura a unidade de ensino

municipal: a Escola Especial Domingo Sávio. A entidade é mantida com verbas do

Governo Federal, de doações e de voluntários que colaboram em desenvolver o

trabalho da APAE de Petrolina. Além disso, a instituição é conveniada ao Município

de Petrolina que fornece servidores públicos municipais como apoio. A APAE

oferece diversos tipos de atendimento a pessoas com deficiência mental ou

deficiência múltipla, síndrome de Down, entre outras síndromes, além de fornecer

atendimentos gratuitos de fonoaudiologia, terapia ocupacional e fisioterapia.

A APAE é uma instituição reconhecida pelo seu apoio à prática de inclusão

social em toda a região do Vale do São Francisco e conta com o apoio de

voluntários para realizar os atendimentos a pessoas portadoras de necessidades

especiais.

A Associação de Pais e Amigos dos Excepcionais de Petrolina busca contribuir

com a inclusão social de pessoas com necessidades especiais. A instituição tem por

objetivos manter e incentivar a criação de estabelecimentos especializados

destinados ao tratamento, educação, habilitação, reabilitação e inserção social das

pessoas com necessidades especiais. A APAE oferece atendimento educacional por

propiciar a escolarização por meio da iniciação à alfabetização. Oferece

atendimento à saúde com médicos voluntários nas áreas de psicologia,

fonoaudiologia, fisioterapia, terapia ocupacional, neurologia, ginecologia, clínico

geral, oftalmologia, ortopedia.

Para desenvolver a cultura especializada, a APAE fornece aula de música,

oficinas de dança e teatro. Para estimular a prática de esportes, é oferecida a

prática da natação, recreações, atletismo que promove a interação entre os alunos

Page 3: Desenvolvimento de Portal Web Acessível para a APAE Petrolina€¦ · Desenvolvimento de Portal Web Acessível para a APAE Petrolina Micarlla Anniele P. de Melo1 (IF Sertão PE)

Universidade Federal de Pernambuco NEHTE / Programa de Pós Graduação em Letras CCTE / Programa de Pós Graduação em Ciências da Computação

- 3 -

da instituição. Além do trabalho individual com pessoas portadoras de necessidades

especiais, a APAE busca esclarecer, orientar e auxiliar os pais e amigos na conduta

relativa à pessoa com deficiência. O trabalho da APAE envolve auxiliar tanto as

pessoas com necessidades especiais e suas famílias que não tem acesso à

assistência especializada.

O presente trabalho consiste em apresentar um Projeto de Iniciação Científica

promovido pelo Instituto Federal de Educação, Ciência e Tecnologia do Sertão

Pernambucano (IF Sertão PE) que se propôs a desenvolver um portal web para a

Associação de Pais e Amigos dos Excepcionais (APAE) de Petrolina aplicando os

padrões de acessibilidade e as metas de usabilidade que são a eficiência, eficácia,

segurança, utilidade, facilidade em aprender e facilidade em memorizar. O

objetivo está em contribuir com a divulgação dos projetos e dos serviços prestados

pela APAE-Petrolina a pessoas com necessidades especiais. E que com essa

divulgação, o trabalho da APAE se tornasse ainda mais conhecido pela sociedade,

por empresas e outras ONGs que tenham interesse em contribuir com a instituição.

O objetivo geral do projeto foi: desenvolver o novo Portal Institucional de

Informações e serviços da APAE Petrolina na internet seguindo princípios da

acessibilidade e da usabilidade. Para alcançar esse objetivo, foram traçados os

seguintes objetivos específicos: proporcionar um estudo e aprofundamento por no

uso de softwares de desenvolvimento de portais para internet; definir as metas e

princípios de usabilidade e acessibilidade e as decorrentes da experiência do

usuário, que serão aplicadas à interface do sistema com base em princípios

qualitativos de design; compreender os aspectos envolvidos no desenvolvimento de

sistemas web acessíveis como Web Standards, recomendações W3C e técnicas de

avaliação; proporcionar a APAE a utilização do seu próprio portal web; e, capacitar

integrantes da APAE Petrolina para manutenção e atualizações da página web

posterior ao projeto.

Page 4: Desenvolvimento de Portal Web Acessível para a APAE Petrolina€¦ · Desenvolvimento de Portal Web Acessível para a APAE Petrolina Micarlla Anniele P. de Melo1 (IF Sertão PE)

Universidade Federal de Pernambuco NEHTE / Programa de Pós Graduação em Letras CCTE / Programa de Pós Graduação em Ciências da Computação

- 4 -

Com este projeto foi possível auxiliar na divulgação do trabalho social que a

instituição vem oferecendo as pessoas com necessidades especiais, sendo um meio

de comunicação em obter mais apoio e reconhecimento ao trabalho realizado.

Além disso, foi possível contribuir com a utilização, no portal web desenvolvido, de

alguns recursos da acessibilidade e usabilidade, permitindo assim, que pessoas com

limitações físicas possam ser incluídas digital e socialmente.

Metodologia

A metodologia empregada para o desenvolvimento do projeto consistiu

inicialmente em pesquisa bibliográfica e documental de materiais já publicados

como livros, artigos e periódicos que abordam temas como o desenvolvimento web,

usabilidade e acessibilidade, construção de websites, ferramentas para a criação

de websites, prototipação. Além disso, essa pesquisa incluiu uma avaliação dos

softwares a serem utilizados para o desenvolvimento do projeto.

Além da pesquisa bibliográfica, a metodologia do projeto empregou uma

pesquisa qualitativa exploratória com a finalidade de identificar e definir os

problemas relevantes para o desenvolvimento do projeto. Na metodologia foi

utilizada uma análise de conteúdo e estudo de caso para ampliar o conhecimento e

a compreensão do problema em estudo a fim de possibilitar a verificação da

usabilidade e da acessibilidade web.

Para conhecer as necessidades de um portal web para a APAE de Petrolina foi

realizada uma análise de competidores. Essa análise ocorreu por meio de

observação dos portais web de APAES de outros estados. Entre os sites observados

encontram-se o site da APAE Brasil – Federação Nacional das Apaes

(http://www.apaebrasil.org.br/), o website da APAE de São Paulo

(http://www.apaesp.org.br/Paginas/default.aspx), da APAE de Salvador

(http://www.apaesalvador.org.br/), o portal web da APAE de Recife

Page 5: Desenvolvimento de Portal Web Acessível para a APAE Petrolina€¦ · Desenvolvimento de Portal Web Acessível para a APAE Petrolina Micarlla Anniele P. de Melo1 (IF Sertão PE)

Universidade Federal de Pernambuco NEHTE / Programa de Pós Graduação em Letras CCTE / Programa de Pós Graduação em Ciências da Computação

- 5 -

(http://www.apaepe.org.br/). Essa análise fez parte do levantamento dos

requisitos a serem implementados no website.

Ainda na fase de levantamento de requisitos foram coletadas algumas

informações com os gestores da APAE de Petrolina que iriam estar disponíveis no

portal web. Essas informações incluíram a história da APAE, sua missão, os serviços

que a APAE oferece, as maneiras de fazer doações e de participar como voluntário,

fotos de eventos, quem são os médicos voluntários e informações sobre o trabalho

que a APAE Petrolina oferece para a sociedade da região do Vale do São Francisco.

Com a coleta desses requisitos foi possível identificar as necessidades do usuário

contribuindo para que o website a ser desenvolvido estivesse de acordo com tais.

Para o desenvolvimento do portal web foram utilizados softwares livres de

edição gráfica e de desenvolvimento de portais para a internet, navegadores

gráficos e textuais, ferramentas semi-automáticas que verifiquem a acessibilidade

e a usabilidade. Entre esses softwares estão inclusos o Sistema Gerenciador de

Conteúdo Joomla, o software de edição gráfica Inkscape, o Filezilla que é um

software de conexão FTP, o EasyPHP 12.1 para conexão localhost, e em alguns

momentos foi utilizado o GIMP e o Microsoft Office Picture Manager. Este último

não é um software livre, mas facilita em algumas manipulações de imagens.

Utilizando o Joomla buscou-se acrescentar funcionalidades que verifiquem a

acessibilidade e a usabilidade. Foram utilizadas ferramentas de alteração de fonte

e de utilização de contraste para pessoas com baixa visão.

Após uma pesquisa e avaliação de alguns sistemas gerenciadores de conteúdo

disponíveis foi utilizado o Joomla na versão 2.5 com o objetivo de facilitar para os

gestores da APAE de Petrolina a administração do portal web desenvolvido. O

Sistema Gerenciador de Conteúdo Joomla é um sistema que facilita a gestão de

websites permitindo que pessoas que não têm conhecimentos de linguagens de

programação web possam gerir as informações do site. Para que os gestores da

APAE pudessem utilizar o Joomla a fim fazer as devidas manutenções no site foi

Page 6: Desenvolvimento de Portal Web Acessível para a APAE Petrolina€¦ · Desenvolvimento de Portal Web Acessível para a APAE Petrolina Micarlla Anniele P. de Melo1 (IF Sertão PE)

Universidade Federal de Pernambuco NEHTE / Programa de Pós Graduação em Letras CCTE / Programa de Pós Graduação em Ciências da Computação

- 6 -

proporcionada uma capacitação bem como a entrega de um tutorial para auxiliar

na atualização e manutenção do site.

A interface foi desenvolvida observando princípios da usabilidade e da

acessibilidade. Os princípios de usabilidade envolveram a eficácia, a eficiência, a

segurança, a utilidade, ser fácil de aprender, ser fácil de memorizar, a

flexibilidade, ser agradável, ser um meio produtivo para realizar tarefas. Para

cumprir esses princípios foi desenvolvida uma interface limpa, simples, com poucas

informações no topo da página facilitando o acesso mais rápido ao conteúdo.

A interface foi criada utilizando primeiramente o método de prototipação

rápida em papel (paper prototype). A prototipação é uma abordagem de

desenvolvimento de um sistema para ajudar na análise e na validação de requisitos

(SOMMERVILLE, 2003). Com a análise dos requisitos foram criados os protótipos e

validados e, a partir de então eles foram refinados utilizando a ferramenta de

edição vetorial Inkscape. Por fim, foi utilizado o framework Twitter Bootstrap que

contém um conjunto de classes CSS e funções em JavaScript para serem indexadas

no código HTML e enriquecer o portal web.

A aplicação da acessibilidade na interface do site da APAE de Petrolina

envolveu buscar tornar disponível seu conteúdo para o maior número de pessoas

independentemente de suas limitações. Os recursos de acessibilidade utilizados

foram o uso do atributo HTML “alt” nas imagens que contém uma descrição sucinta

do conteúdo da mesma. O atributo “alt” é utilizado para objetos não textuais

simples como figuras e botões no qual é especificada uma descrição textual. Ou

seja, o atributo “alt” é definido para um conjunto de elementos na linguagem

HTML fornecendo um texto equivalente para o objeto (QUEIROZ, 2008). O uso desse

atributo permite que os leitores de tela leiam o conteúdo da imagem fazendo com

que pessoas com deficiência visual ou com baixa visão possam compreender

também o conteúdo da página.

Outro recurso de acessibilidade utilizado foi o de alteração de tamanho da

fonte do site e aplicação de contraste. Segundo BEHAR (2008), os que possuem

Page 7: Desenvolvimento de Portal Web Acessível para a APAE Petrolina€¦ · Desenvolvimento de Portal Web Acessível para a APAE Petrolina Micarlla Anniele P. de Melo1 (IF Sertão PE)

Universidade Federal de Pernambuco NEHTE / Programa de Pós Graduação em Letras CCTE / Programa de Pós Graduação em Ciências da Computação

- 7 -

baixa visão aumentam o tamanho da fonte do texto para compreender melhor o

conteúdo da página web ou de um sistema. A autora ainda afirma que pessoas

daltônicas apresentam dificuldades na percepção de certas cores e, por isso,

personalizam fontes e cores. O uso desses recursos possibilitou que pessoas que

possuem algum tipo de deficiência visual compreendam o conteúdo do portal web

da APAE.

Resultados e Discussão

Um Sistema Gerenciador de Conteúdo (SGC) é um sistema gestor de websites,

e intranets que integra ferramentas necessárias para criar, inserir e editar

conteúdos em tempo real sem a necessidade de programação de código. Tem a

finalidade de estruturar e facilitar a criação, administração, distribuição,

publicação e disponibilidade da informação. Um SGC tem como característica

importante a expressiva quantidade de funções presentes através de complementos

como galerias de fotos, enquetes, gerenciadores de formulários que podem ser

agregados ao sistema web.

Segundo MACULAN (2011), o termo Sistema Gerenciador de Conteúdo é a

tradução do inglês Content Managment System – CMS, e é um sistema que possui e

integra elementos necessários para implantar e gerir websites, portais ou intranets,

seja eles comerciais ou institucionais.

Um SGC é constituído pelo conjunto: PHP + MySql + Apache que são,

respectivamente, a linguagem de programação utilizada para o desenvolvimento de

sistemas web, o sistema gerenciador de banco de dados, e o servidor web. Tais

ferramentas computacionais fazem parte da licença GPL (General Public License)

que é uma licença utilizada para softwares livres.

O uso de um SCG permite que uma página web seja atualizada sem a

necessidade de contatar um webmaster. Sempre que seja necessário adicionar um

Page 8: Desenvolvimento de Portal Web Acessível para a APAE Petrolina€¦ · Desenvolvimento de Portal Web Acessível para a APAE Petrolina Micarlla Anniele P. de Melo1 (IF Sertão PE)

Universidade Federal de Pernambuco NEHTE / Programa de Pós Graduação em Letras CCTE / Programa de Pós Graduação em Ciências da Computação

- 8 -

novo conteúdo no website, não é preciso ter conhecimento de programação web

para inserir ou editar esse novo conteúdo (LIMA, 2010).

Os sistemas gerenciadores de conteúdo possuem a vantagem de permitir

alterações de conteúdo com agilidade e segurança e otimizam o processo de

criação, personalização, indexação, controle de acesso de usuários e

disponibilização de conteúdos nas páginas web (MACULAN, 2011). Entretanto, sem

conhecimentos de programação da linguagem utilizada no desenvolvimento do

software, os desenvolvedores ficarão limitados a restrições do próprio software,

como por exemplo, adaptar-se a base de dados que o SGC oferece.

Diante das várias opções de sistemas gerenciadores de conteúdo disponíveis

foi feita uma análise dos mais utilizados pelos desenvolvedores web e escolhido os

três mais comuns. Observou-se que os três gerenciadores de conteúdo mais

utilizados são o WordPress, Joomla e Drupal.

A escolha do sistema gerenciadores de conteúdo mais apropriado para o

desenvolvimento do projeto foi baseada nos seguintes critérios: linguagem de

programação, aplicação/indicação, usabilidade (sistema de gerenciamento e

interface do site), funcionalidade, popularidade de uso na internet, possui código

aberto, segurança, possui vasta documentação, servidor web. Foi analisado cada

critério para cada gerenciador de conteúdo (WordPress, Joomla e Drupal), em

seguida esses critérios foram organizados em uma tabela e, a partir de então, foi

analisado que sistema gerenciador de conteúdo seria mais adequado para o

desenvolvimento do portal web para a APAE.

O Wordpress é um sistema gerenciador de conteúdo aplicado na gestão de

portais web, no qual é permitido o gerenciamento de todo o conteúdo de um

website e pode ser utilizado na criação de blogs. É mais utilizado na criação de

blogs. É um sistema focado na usabilidade, possui facilidade de instalação e

atualização. Possui muitas funcionalidades como opções de blogs, posts,

comentários, mídia; é possível fazer customização da aparência de um website ou a

adição de um recurso extra; possui suporte multilíngue e muitos plug-ins que

Page 9: Desenvolvimento de Portal Web Acessível para a APAE Petrolina€¦ · Desenvolvimento de Portal Web Acessível para a APAE Petrolina Micarlla Anniele P. de Melo1 (IF Sertão PE)

Universidade Federal de Pernambuco NEHTE / Programa de Pós Graduação em Letras CCTE / Programa de Pós Graduação em Ciências da Computação

- 9 -

podem ser instalados para aumentar a funcionalidade do sistema. Para muitos

desenvolvedores da comunidade a segurança é considerada relativamente alta

possuindo alguns plug-ins de segurança. Com respeito à popularidade é um dos mais

populares da internet. Possui código aberto, utilizando a licença GPL. As linguagens

de programação utilizadas são a PHP, HTML, CSS e JavaScript. Utiliza o banco de

dados MySql. Possui vasta documentação de tutoriais e uma grande comunidade de

suporte em vários idiomas, inclusive em português. E o servidor web utilizado é o

Apache.

O sistema gerenciador de conteúdo Joomla é utilizado no desenvolvimento

de portais web e também pode ser utilizado para criar blogs; é um sistema

utilizado para o desenvolvimento desde páginas simples, pessoais a complexas

aplicações web corporativas. É considerado um sistema simples e de fácil utilização

aplicando padrões de usabilidade. Possui muitas funcionalidades por provê login de

usuários, criação, edição e publicação de conteúdo, publicação de banners. A

segurança é considerada boa, inclusive alguns sites governamentais utilizam o

Joomla como plataforma incluindo sites governamentais brasileiros, como por

exemplo, o site da Prefeitura de Fortaleza. Está ente os três sistemas

gerenciadores de conteúdo mais populares. Possui código aberto utilizando a

licença GPL. É desenvolvido nas linguagens de programação PHP, HTML, CSS e

JavaScript. Também utiliza o banco de dados MySql mas o usuário pode integrar

outra base de dados. Possui vasta documentação em tutoriais em português e em

outras línguas como o inglês, e possui também uma grande comunidade de

desenvolvedores. Pode ser executado no servidor web Apache ou o IIS da Microsoft.

O Drupal foi o último sistema gerenciador de conteúdo analisado. É um

sistema gerenciador de conteúdo aplicado para o desenvolvimento de sites criação

de blogs e é uma ferramenta bastante utilizada para desenvolvimento de sites

complexos. Requer mais tempo de estudo para adquirir a habilidade necessária de

utilizar o sistema, mas a interface do website segue os padrões de usabilidade.

Com respeito à funcionalidade permite criar e organizar conteúdo, manipular a

Page 10: Desenvolvimento de Portal Web Acessível para a APAE Petrolina€¦ · Desenvolvimento de Portal Web Acessível para a APAE Petrolina Micarlla Anniele P. de Melo1 (IF Sertão PE)

Universidade Federal de Pernambuco NEHTE / Programa de Pós Graduação em Letras CCTE / Programa de Pós Graduação em Ciências da Computação

- 10 -

aparência, automatizar tarefas administrativas e definir permissões e papéis para

usuários e colaboradores. A segurança do Drupal em geral é considerada boa e

possui uma comunidade para solucionar problemas de segurança que possam surgir

e distribuir relatórios de vulnerabilidade e correções de segurança. É um dos mais

populares sistemas gerenciadores de conteúdo. Faz parte da licença GPL, possuindo

código aberto. Assim como os outros gerenciadores de conteúdo analisados as

linguagens de programação são: PHP, HTML, CSS e JavaScript. As bases de dados

utilizadas são o MySql e o PostGreSql. Possui expressiva comunidade e

documentação em tutoriais e guias de uso. E utiliza-se do servidor web Apache.

A tabela 1 mostra a análise dos critérios com os gerenciadores de conteúdo

WordPress, Joomla e Drupal fazendo uma comparação entre esses SGC

pesquisados.

Tabela 1: Análise dos sistemas gerenciadores de conteúdo.

SG

C/C

rité

rios

SG

BD

Lin

g.

de

Pro

gra

mação

Aplicação

Usa

bilid

ade

Funcio

nalidade

Popula

r

Lic

ença

Segura

nça

Docum

enta

ção

Serv

idor

Web

WordPress MySql PHP, Html, Css, JavaScript

Blogs e sites de notícia

Bom. Fácil de usar, de instalar e de atualizar

Diversidade de temas, opções de plug-ins. Opções de comentários, posts, mídias. Suporte multilíngue

Sim GPL Sim Tutoriais e expressiva comunidade de desenvolvedores

Apache

Joomla MySql PHP, Html, Css, JavaScript

Sites simples, pessoais e complexos

Bom. Sistema simples, intuitivo e

auto-explicativo

Publicação de banners, instalação de novos templates

e módulos, sistema de enquetes

Sim GPL Sim Tutoriais e expressiva comunidade de desenvolvedores

Apache

Drupal MySql e Postgre

PHP, Html, Css, JavaScript

Sites mais complexos. Pode ser utilizado para criar blogs

Bom. É mais complexo de trabalhar do que os outros. Ainda assim é fácil de configurar

Criar e organizar conteúdo, manipular a aparência, automatizar tarefas administrativas e definir permissões e papéis para usuários e colaboradores

Sim GPL Sim Tutoriais e expressiva comunidade de desenvolvedores

Apache

Page 11: Desenvolvimento de Portal Web Acessível para a APAE Petrolina€¦ · Desenvolvimento de Portal Web Acessível para a APAE Petrolina Micarlla Anniele P. de Melo1 (IF Sertão PE)

Universidade Federal de Pernambuco NEHTE / Programa de Pós Graduação em Letras CCTE / Programa de Pós Graduação em Ciências da Computação

- 11 -

De acordo com a tabela e a pesquisa realizada, pode-se observar que cada

gerenciador de conteúdo possui suas peculiaridades e são destinados a

determinados fins. Apesar de facilitar o desenvolvimento de sites e reduzir a

necessidade de conhecimentos de programação Web, esse conhecimento ainda é

um pouco requisitado em algumas situações em todos os sistemas gerenciadores de

conteúdo pesquisados.

Observa-se que o WordPress é mais utilizado para blogs, apesar de que pode

ser utilizado para outros tipos de sites, como por exemplo, sites comerciais. Possui

um bom sistema de comentários e layouts de boa qualidade, seguindo padrões de

usabilidade. Mas para pessoas que não possui muitos conhecimentos em

computação pode achar difícil de criar o blog ou o site, visto que é necessário

configurar o banco de dados e também precisa-se de um tempo de prática para se

acostumar com as ferramentas disponíveis.

O Joomla é um sistema fácil de utilizar, pois possui uma interface de usuário

mais simples, facilitando a administração de conteúdo e o desenvolvimento de

templates. É uma ferramenta mais voltada para o usuário final e sua interface

também segue os padrões de usabilidade permitindo maior interação com o usuário

que acessa o website. Além disso, possui uma comunidade expressiva e ativa, que

disponibilizam plug-ins, templates e modificações. Uma das desvantagens seria a

necessidade de instalar módulos (extensões) extras para aumentar a quantidade de

funcionalidades do sistema.

O Drupal é um sistema bastante utilizado, possui uma comunidade com muitos

desenvolvedores ativos que trabalham em seu código para atualizar e desenvolver

novas ferramentas e corrigir eventuais bugs no sistema. Tem a característica de

permitir trabalhar com multicategorias sem a necessidade de duplicidade de

conteúdo. Possui otimização de mecanismos de busca, no qual facilita a indexação

por mecanismos de busca. Entretanto, o Drupal é um sistema voltado mais para o

desenvolvedor, ou seja, dá mais possibilidades para que o desenvolvedor possa

Page 12: Desenvolvimento de Portal Web Acessível para a APAE Petrolina€¦ · Desenvolvimento de Portal Web Acessível para a APAE Petrolina Micarlla Anniele P. de Melo1 (IF Sertão PE)

Universidade Federal de Pernambuco NEHTE / Programa de Pós Graduação em Letras CCTE / Programa de Pós Graduação em Ciências da Computação

- 12 -

modificar o resultado final do website de acordo com as necessidades do projeto. A

interface do Drupal é menos amigável e possui uma ordenação complexa, requer

mais tempo de aprendizagem na utilização do sistema.

Todos os três sistemas gerenciadores pesquisados são ferramentas muito úteis

no desenvolvimento de um website ou um blog, os quais facilitam ao desenvolvedor

web na criação dos mesmos. Entre os pesquisados, o Drupal mostrou ser o que mais

necessita de estudo para ser utilizado, já o WordPress apresentou ser mais fácil na

instalação e iguala-se com o Joomla na facilidade de uso. Entretanto, o Joomla

possui uma extensa quantidade de módulos que podem ser instalados os quais

aumentam a funcionalidade do sistema, o que possivelmente, somando com sua

facilidade de uso, o torna mais atraente de se utilizar em comparação com os

outros dois SGC pesquisados.

Neste projeto optou-se usar um sistema gerenciador de conteúdo devido à

produtividade, extensa quantidade de funcionalidades, e a possibilidade de tornar

o website mais dinâmico, o que é um fator relevante no desenvolvimento do

projeto já que se espera criar um site dinâmico atendendo às características da

usabilidade e da acessibilidade.

A figura 1 apresenta a interface do portal web desenvolvida para a APAE de

Petrolina. O website foi desenvolvido seguindo os requisitos recolhidos na análise

de competidores na qual se observou a importância do destaque do trabalho da

instituição, destaque para contato, de como fazer doações e de participar como

voluntário. Buscando informações com os gestores da APAE foi possível coletar

dados para inserir na página web e compreender a necessidade da instituição em

divulgar as experiências vivenciadas com o trabalho desenvolvido com as pessoas

portadoras de necessidades especiais e suas famílias.

Page 13: Desenvolvimento de Portal Web Acessível para a APAE Petrolina€¦ · Desenvolvimento de Portal Web Acessível para a APAE Petrolina Micarlla Anniele P. de Melo1 (IF Sertão PE)

Universidade Federal de Pernambuco NEHTE / Programa de Pós Graduação em Letras CCTE / Programa de Pós Graduação em Ciências da Computação

- 13 -

Figura 1: Página do portal web da APAE de Petrolina.

A figura 2 e 3 ilustra a aplicação do recurso de acessibilidade de aumentar a

fonte e aplicação de contraste, respectivamente. Esse recurso é importante, pois

contribui que pessoas que possuem baixa visão compreendam o conteúdo do portal

web.

Page 14: Desenvolvimento de Portal Web Acessível para a APAE Petrolina€¦ · Desenvolvimento de Portal Web Acessível para a APAE Petrolina Micarlla Anniele P. de Melo1 (IF Sertão PE)

Universidade Federal de Pernambuco NEHTE / Programa de Pós Graduação em Letras CCTE / Programa de Pós Graduação em Ciências da Computação

- 14 -

Figura 2: Página do portal web da APAE de Petrolina com recurso de aumentar a fonte aplicado.

Figura 3: Página do portal web da APAE de Petrolina com recurso de aplicação de contraste.

A acessibilidade na web é um direito que permite o acesso por todos,

independente do tipo de usuário. Dessa forma é importante criar ou tornar as

Page 15: Desenvolvimento de Portal Web Acessível para a APAE Petrolina€¦ · Desenvolvimento de Portal Web Acessível para a APAE Petrolina Micarlla Anniele P. de Melo1 (IF Sertão PE)

Universidade Federal de Pernambuco NEHTE / Programa de Pós Graduação em Letras CCTE / Programa de Pós Graduação em Ciências da Computação

- 15 -

páginas web acessíveis para quem as utiliza. O conteúdo dos portais web e dos

websites em geral devem ser acessíveis porque muitas pessoas podem processar

com dificuldade algum tipo de informação ou ter algum outro tipo de dificuldade

como falta de visão de audição (BEHAR, 2008).

Considerações Finais

O desenvolvimento de um portal web para a APAE de Petrolina pode ser

encarado como um ganho à sociedade no sentido de possibilitar conhecer o

trabalho social que essa instituição oferece para aqueles que possuem necessidades

especiais. Tal conhecimento permite que pessoas que têm necessidades especiais

possam participar do processo de inclusão social e digital por fazerem parte da

instituição. E também que outras instituições, empresas e a sociedade em geral

possam contribuir com a APAE-Petrolina.

Esse projeto buscou favorecer o processo de inclusão digital por facilitar e

incentivar o acesso à informação buscando se utilizar de padrões web de

acessibilidade e usabilidade. O uso desses padrões pode estimular na comunidade

acadêmica estudos e mais pesquisas sobre a inserção dos padrões de usabilidade e

acessibilidade, contribuindo assim, com a promoção da inclusão digital.

Referências

BEHAR, Patricia A. et al . A importância da acessibilidade digital na

construção de objetos de aprendizagem. Revista Novas Tecnologias na Educação, Rio Grande do Sul, v. 6 nº 2, dez., 2008.

LIMA, Diogo. C. B.; WENZEL, Rodrigo. D. Avaliação da criação de sites utilizando sistemas de gerenciamento de conteúdo (CMS). Scribd. 2010. Disponível em: <http://pt.scribd.com/doc/60015622/AVALIACAO-DA-CRIACAO-DE-SITES-UTILIZANDO-SISTEMAS-DE-GERENCIAMENTO-DE-CONTEUDO-CMS>. Data do acesso: 17 nov. 2013.

Page 16: Desenvolvimento de Portal Web Acessível para a APAE Petrolina€¦ · Desenvolvimento de Portal Web Acessível para a APAE Petrolina Micarlla Anniele P. de Melo1 (IF Sertão PE)

Universidade Federal de Pernambuco NEHTE / Programa de Pós Graduação em Letras CCTE / Programa de Pós Graduação em Ciências da Computação

- 16 -

MACULAN, Benildes C. M. S. et al . Uso De Gerenciador De Conteúdos E Hipertextos: Gestão Na Biblioteca Universitária. Revista ACB: Biblioteconomia em Santa Catarina, Florianópolis, v.16, n.1, p. 269-288, jan./jun., 2011.

MORAN, José M. Novos desafios na educação - a Internet na educação presencial e virtual. 2001. Disponível em: < http://www.eca.usp.br/moran/novos.htm>. Data do acesso: 18 nov. 2013.

QUEIROZ, Marco A. Equivalentes Textuais para Acessibilidade de Imagens na Web. Acessibilidade Legal, 2008. Disponível em: <http://www.acessibilidadelegal.com/13-equivalentes.php>. Data de acesso: 18 nov. 2013.

SOMMERVILLE, Ian. Engenharia de Software. 8 ed. São Paulo: Addison Wesley, 2003. 552 p.