UNIVERSIDADE VEIGA DE ALMEIDA

BACHARELADO EM CINCIA DA COMPUTAO

USABILIDADE NA INTERNET AVALIAO
DE SISTEMAS CMS
Patricia Cristina Trannin Ramos
Trabalho desenvolvido durante a disciplina Monografia II
e apresentado ao Curso de Cincia da Computao da
Universidade Veiga de lmeida! campus Ti"uca! como
pr#$re%uisito para a obteno do t&tulo de 'acharel em
Cincia da Computao(
)rientador* Carlos +rederico Motta Vasconcelos
Rio de ,aneiro
,unho-./01
UNIVERSIDADE VEIGA DE ALMEIDA
BACHARELADO EM CINCIA DA COMPUTAO
PATRICIA CRISTINA TRANNIN RAMOS
USABILIDADE NA INTERNET AVALIAO DE SISTEMAS CMS
Monografia apresentada como
re%uisito final 2 concluso do curso em
'acharel em Cincia da Computao(
PR)V3 4M*
C)5C4IT)* 666666666666666666666666
'5C 47MI53)R
___________________________________________________
PROF. CARLOS FREDERICO MOTTA VASCONCELOS
ORIENTADOR
___________________________________________________
PROF. VINCENZO DE ROBERTO JUNIOR
___________________________________________________
PROF. ELIAS RESTUM ANTONIO
PATRICIA CRISTINA TRANNIN RAMOS

Coord!"#$o d C%&!'%" d" Co()*+"#$o
Rio de ,aneiro
AGRADECIMENTOS
gradeo primeiramente a 3eus pela fora! para %ue mesmo nas dificuldades eu no
desistisse do meu ob"etivo(
gradeo 2 minha fam&lia e amigos! em especial 2 minha me! 'eatri8! %ue me
incentivou com muitos conselhos e tamb#m pu9:es de orelha( Tamb#m no poderia dei9ar de
agradecer ao Tiago Cardoso pela a"uda e por ter estado ao meu lado durante o curso(
LISTA DE ABREVIATURAS E SIGLAS
;P ctive ;erver Pages
C<I Common <ate=a> Interface
CM; Content Management ;>stem ?;istema de <erenciamento de Conte@doA
C;; Cascading ;t>le ;heets
BTMC B>perTe9t MarDup Canguage
BTTP B>perte9t Transfer Protocol
BTTP; B>perte9t Transfer Protocol secure
IMP Internet Message ccess Protocol ?Protocolo de acesso a mensagem da
internetA
M;EC Mini ;EC
55TP 5et=orD 5e=s Transfer Protocol
PBP B>perte9t Preprocessor
P)P1 Post )ffice Protocol ?Protocolo dos correiosA
;<'3 ;istema de <esto de 'ase de 3ados
;5MP ;imple 5et=orD Management Protocol ?Protocolo ;imples de <erncia de
RedeA
;EC ;tructured Euer> Canguage
;;I ;erver ;ide Includes
;;C ;ecure ;ocDets Ca>er
T+; Team +oundation ;erver
Feb Forld Fide Feb
RESUMO
BG diversas maneiras de se construir um =ebsite e! na atualidade! uma das maneiras
mais utili8adas # o uso de algum tipo de CM;( Cada ve8 mais se busca praticidade! agilidade
e segurana! isso sem dei9ar de lado a %ualidade visual e t#cnica na criao de um site( Bo"e
em dia hG vGrios CM; no mercado! tanto para uso pessoal! como para uso profissional! sendo
os mais populares* Fordpress! 3rupal e ,oomlaH( 4ste trabalho visa abordar como os sistemas
de CM; tm sido responsGveis por mudanas no mercado de desenvolvimento de =ebsites
facilitando o gerenciamento de conte@dos e demonstrar como estes sistemas funcionam(
P","-r"./'0"-* usabilidade! CM;! gerenciamento! =ebsite(
ABSTRACT
There are several ways to build a website and, today, one of the most used is the use
of some type of CMS. Increasingly convenience, speed and security are sought, this not
leaving out the visual and technique quality in creating a website. Nowadays there are
several CMSs in the maret, both for personal and professional use, the most popular being!
"ordpress, #rupal and $oomla. This wor aims to approach how CMS systems have been
responsible for changes in the maret development of websites facilitating the management of
content and demonstrate how these systems wor.
Keyword: usability, CMS, management, website.
SUM1RIO
2.INTRODUO ................................................................................................................................ 3
4.CONCEITOS DE USABILIDADE..................................................................................................5
.(04ntendendo a usabilidade(((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((I
.(. Regras essenciais na internet(((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((00
.(1lguns princ&pios bGsicos*(((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((0.
.(JUsabilidade e CM;((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((0K
6.CONCEITOS DE CMS................................................................................................................... 23
1(03efinio de CM;((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((0L
1(.<erenciamento de Conte@do =eb((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((0L
1(.(0C<I ?Common <ate=a> InterfaceA(((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((0I
1(.(0(0(;ites com banco de dados simples((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((0I
1(1<erenciamento de conte@do =eb com CM;((((((((((((((((((((((((((((((((((((((((((((((((((((((((./
1(1(0C;; M Cascading ;t>le ;heets((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((.0
1(1(.,avascript(((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((.0
1(1(1PBP(((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((..
1(1(Jpache(((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((.J
1(1(J(0(Caracter&sticas do pache(((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((.N
1(1(NM>;EC((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((.N
1(1(N(0(Caracter&sticas M>;EC(((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((.O
1(J4strutura dos CM;(((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((.K
1(J(0Templates((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((.K
7.TIPOS DE CMS............................................................................................................................... 45
J(0Principais CM;((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((1/
J(0(0Fordpress(((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((1/
J(0(.,))MCH ((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((11
J(0(13RUPC(((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((1O
J(.Comparao dos CM;* Fordpress! ,oomla e 3rupal((((((((((((((((((((((((((((((((((((((((((1I
8.CONCLUSO................................................................................................................................. 72
1. INTRODUO
4ste trabalho teve como ob"etivo demonstrar conceitos de usabilidade e fa8er uma
relao com o funcionamento dos trs principais CM; utili8ados! mostrando seus respectivos
processos de configurao e estrutura! bem como as principais tecnologias utili8adas( l#m
disso! visa demonstrar as facilidades %ue so oferecidas no gerenciamento dos conte@dos %ue
vem contribuindo para o crescimento deste tipo de ferramenta( 3esta forma foram
especificadas as caracter&sticas referentes aos CM; ?Fordpress! ,oomlaH e 3rupalA e os
principais problemas enfrentados pelos usuGrios finais no gerenciamento de conte@do em cada
um deles(
4sta pes%uisa foi desenvolvida utili8ando$se de obras de autores especiali8ados!
=ebsites e trabalhos acadmicos obtendo$se informa:es sobre os conceitos de usabilidade e
dados sobre os CM; e toda sua tecnologia envolvida(
8
4. CONCEITOS DE USABILIDADE
Pela definio da International )rgani8ation for ;tandardi8ation! a Usabilidade Feb #
a forma na %ual um produto pode ser usado por usuGrios espec&ficos para alcanar ob"etivos
pr#$definidos com efetividade! eficincia e satisfao em um conte9to(
;ite da =eb # feito para seres humanos %ue %uerem reali8ar uma tarefa da forma mais
Ggil e efica8 poss&vel( 4stas pessoas! em %uase sua maioria! no detm conhecimentos
profundos de informGtica! portanto a linguagem precisa ser clara! concisa e de fGcil
compreenso para o usuGrio(
Usabilidade significa verificar se o site funciona bem! de modo %ue uma pessoa com
nenhuma ou pouca e9perincia possa usar um =ebsite sem grandes dificuldades(
utili8ao de um site no pode re%uerer um grande investimento de tempo! pois serG
menos provGvel %ue se"a usado(
4.2 E!+!d!do " *."9%,%d"d
5os dias atuais interagir com computadores dei9ou de ser privilegio de profissionais
de informGtica e tornou$se algo comum e corri%ueiro para milhares de pessoas( 5o importa a
idade! %ual%uer %ue se"a! temos ho"e milhares de pessoas conectadas .J horas do dia
desempenhando tarefas diversas! pes%uisando e participando das redes sociais %ue se tornou
uma febre(
)s pro"etistas e desenvolvedores de sistemas de computadores tm influenciado a
sociedade( Contudo! # indispensGvel %ue estes profissionais faam bem o seu trabalho nos
pro"etos de sistemas computacionais interativos! pois! como a sua caracter&stica principal #
fornecer suporte 2 atividade humana! esses sistemas precisam ter uma boa usabilidade( ssim
9
sendo! esse sistema capacita o ser humano a reali8ar as suas tarefas mais agilmente! com
menos erros e mais %ualidade(
Usabilidade # um conceito chave! imprescind&vel! no campo da Interao Bomem 9
MG%uina tornando$se cada ve8 mais comum no dia$a$dia de desenvolvedores e pro"etistas de
sistemas( 5os dias de ho"e no hG mais lugar para sites pesados! com banco de dados
e%uivocados %ue buscam o %ue no # perguntado! uso de vocGbulos desconectados do mundo
virtual em %ue as pessoas levam minutos para saber o %ue significam e linDs %ue no levam a
lugar algum(
Pr%!':)%o. 9;.%'o.
usabilidade # essencial! se"a =eb! um portal ou at# mesmo uma pGgina pessoal(
Euem entra em um site tem pressa em locali8ar o %ue procura e no %uer perder tempo
clicando em vGrios linDs at# chegar ao %ue dese"a( P importante %ue o internauta no se sinta
perdido ou simplesmente enganado(
%sabilidade estG diretamente ligada 2 comunicao na interface com o usuGrio e
significa a capacidade do soft=are em permitir %ue o usuGrio alcance suas metas de interao
rGpida com o sistema( ;er de fGcil aprendi8agem! utili8ao eficiente e apresentar poucos
erros so os aspectos fundamentais para a percepo da boa usabilidade por parte do usuGrio(
Relaciona$se aos estudos de 4rgonomia e de Interao Bumano$computador(
efetividade permite %ue o usuGrio alcance os ob"etivos iniciais de interao e #
medida em termos de finali8ao rGpida e %ualidade do resultado obtido(
Eficincia refere$se 2 %uantidade de esforo e de recursos necessGrios para se chegar a
um determinado ob"etivo( )s desvios %ue o usuGrio fa8 durante a interao e a %uantidade de
erros cometidos pode servir para avaliar o n&vel de eficincia do site em relao 2 usabilidade
=eb(
Satisfao # mais dif&cil de medir e %uantificar! pois estG relacionada com fatores
sub"etivos( 3e maneira geral! satisfao se refere ao n&vel de conforto %ue o usuGrio sente ao
10
utili8ar a interface e o n&vel de satisfao alcanado
Crit#rios de avaliao da usabilidade de um sistema interativo*
$ tempo para concluir uma tarefaQ
$ percentual de tarefas terminadas por unidade de tempoQ
$ ra8o de acertos e errosQ
$ tempo gasto com errosQ
$ %uantidade de comandos utili8adosQ
$ fre%uncia de uso do RBelpS eQ
$ a %uantidade de ve8es %ue um usuGrio e9pressa satisfao ou frustrao(
4.4 R<r". ..!'%"%. !" %!+r!+
Na internet o usu&rio ' quem manda.
;em usuGrios sua pGgina morre( ;e ningu#m visita sua pagina significa %ue ela no
tem nada de interessante para ser visto( 4 sem visitas ela # in@til(
Na internet a qualidade baseia(se na rapide) e na confian*a.
pGgina precisa ser rGpida! leve! confiGvel e simples( ;er moderna e bonita #
secundGrio( ) %ue o usuGrio dese"a # linDs diretos %ue lhe fornea rGpido a informao
re%uerida( ) conte@do da Feb deve propiciar benef&cios imediatos aos usuGrios sob a pena de
eles alocarem tempo a outros sites(
Seguran*a
) site precisa funcionar como um relTgio( s pessoas precisam confiar no site! crer
%ue encontraro o %ue precisam sem precisar da a"uda de um e9pert(
Confian*a
Confiana # algo dif&cil de ser con%uistado e muito fGcil de perder( P preciso cuidado
com linDs mal feitos! mal plane"ados %ue condu8em o internauta a lugar nenhum(
5o podemos perder nenhum visitante( P melhor comear a Page com algo mais
simples e ir complicando a pagina! pouco a pouco! com o feedbacD dos usuGrios( Mas tenha
11
certe8a de estar fa8endo da forma correta antes de arriscar(
+timi)a*,o
;e %uiser fa8er uma pGgina decente! simplifi%ue! redu8a! e otimi8e(
4labore sua pGgina de forma mais simples e racional poss&vel( Utili8e todos os
recursos %ue puder! para %ue os usuGrios sintam$se confortGveis e no se percam cada ve8 %ue
necessitem encontrar algo em seu site(
)s usuGrios devem ser capa8es de alcanar seus ob"etivos com um m&nimo esforo e
com resultados mG9imos(
Coloque as conclus-es no in.cio.
s metas! os ob"etivos principais devem vir no principio( ) usuGrio precisa achar
rGpido o %ue veio buscar e perderG menos tempo em completar sua tarefa( Completando
rGpido sua tarefa! talve8 ele se dedi%ue a e9plorar seu site e o recomende a um amigo(
/ons conte0dos.
4screver bem para internet # uma arte( Contudo! seguindo as regras bGsicas de colocar
as conclus:es no princ&pio e redu8ir de forma clara e ob"etiva o %ue se pretende pode$se
chegar longe( Cer na tela # cansativo! portanto! no caso de te9tos para internet! redu8a e
simplifi%ue tudo o %ue puder(
UsuGrios da =eb esto em busca de respostas rGpidas e so guiados por metas( 3essa
forma! a impacincia dos usuGrios e os ob"etivos do p@blico$alvo devem ser levados em
considerao! proporcionando$lhes um conte@do usual e com respostas rGpidas( Caso no se"a
feito dessa forma! perde$se p@blico(
4.6 A,<*!. )r%!':)%o. 9;.%'o.=
1ntecipa*,o.
) =ebsite deve antecipar$se 2s necessidades e e9pectativas do usuGrio(
s cores devem ser usadas com precauo para no dificultar o acesso aos usuGrios
com problemas de distino de cores ?apro9( um 0NU do totalA( PGginas muito coloridas e
com cores muito fortes cansam os olhos e desmotivam o usuGrio(
12
)utro erro so fundos claros e letras igualmente claras ou muito pe%uenas(
2fici3ncia do usu&rio.
)s =eb sites devem ser direcionados 2 produtividade do usuGrio( s ve8es tarefas com
mais passos so mais rGpidas de reali8ar do %ue tarefas com menos passos! por#m comple9as(
4ficincia estG relacionada 2 produtividade( +a8er mais! com menos esforo e
recursos( )s desvios %ue o usuGrio fa8 e a %uantidade de erros cometidos serve para avaliar a
eficincia do site em relao a usabilidade =eb(
4eversibilidade.
Um =ebsite deve permitir desfa8imento de a:es reali8adas(
5ei de 6itts
) tempo para alcanar um ob"etivo com o mouse possui relao direta entre distVncia
e tamanho do ob"etivo( Menor distVncia e maior tamanho representam maior facilidade para
usar um mecanismo de interao(
4sta lei foi estabelecida em 0INJ por 3r( Paul M( +itts( 4la tem se provado verdadeira
para muitos dispositivos indicadores M mouses! tracDballs! "o>sticDs! pedais! telas sens&veis ao
to%ue e mesmo para o monitoramento ocular ao selecionar ob"etos na tela( P um bom e9emplo
da longevidade das descobertas de usabilidade! %ue normalmente dependem mais das
caracter&sticas humanas e menos de tecnologias especificas(
4edu*,o de tempo de lat3ncia.
Torna poss&vel otimi8ar o tempo de espera do usuGrio! permitindo a reali8ao de
outras tarefas en%uanto se completa a pr#via e informando ao usuGrio do tempo pendente para
a finali8ao da tarefa(
) uso ade%uado de metGforas facilita a aprendi8agem de um =eb site! mas um uso
inade%uado destas pode dificultar enormemente a aprendi8agem(
Salvar
proteo do trabalho dos usuGrios # algo prioritGrio! deve$se assegurar %ue os
usuGrios nunca percam seu trabalho por conse%uncia de um erro( Veem$se sites em %ue
13
perdemos longo tempo escrevendo algo e sem mais nem menos surge um erro e perde$se
absolutamente tudo( 3eve$se minimi8ar a possibilidade de erro ou por uma opo de auto
salvamento(
5egibilidade
Cegibilidade! a cor dos te9tos deve contrastar com a do fundo! e o tamanho de fonte
deve ser suficientemente grande( ;e o usuGrio no consegue ler! desiste do site(
Continua*,o das a*-es do usu&rio.
P importante conhecer e arma8enar informao sobre o comportamento pr#vio do
internauta! pois permite %ue este reali8e opera:es fre%uentes de maneira mais rGpida( Ter
estes dados arma8enados proporciona %ue o site possa enviar mensagens publicitGrias acerca
do produto pes%uisado(
Interface vis.vel.
3evem$se evitar elementos invis&veis de navegao a serem inseridos pelos usuGrios!
menus desdobrGveis! indica:es ocultas! etc(
$anelas pop(up
Bo"e as "anelas pop$up so um mal maior ainda contra a usabilidade do %ue eram no
passado( )s usuGrios ficam cada ve8 mais irritados com pop$ups! e alguns instalam soft=ares
especiais para blo%ueG$los(
)utra ra8o %ue os usuGrios tm para evitG$los # sua associao com phishing M uma
t#cnica para enganar as pessoas! fa8endo com %ue elas forneam informa:es sigilosas a um
site %ue se disfara como uma empresa confiGvel(
6lash
5o utili8ar o flash para embele8ar uma pagina ou usG$lo para navegao( ;e o seu
conte@do for cansativo! reescreva$o e contrate um fotTgrafo para tirar fotos melhores e mais
leves( 5o adicione movimento as suas paginas( s pessoas preferem navegao previs&vel e
menus estGticos(
3eve$se tomar cuidado com a poluio visual %ue este recurso em e9cesso pode tra8er
a pagina(
14
7lataformas
) =ebsite precisa ter compatibilidade com varias plataformas %ue implica capacidade
de trabalho em diferentes navegadores! e no apenas em diferentes computadores( P
importante testar o site em vGrios navegadores e em varias vers:es(
5a Feb! conte@do de %ualidade significa algo diferente da%uilo %ue se tem na m&dia
tradicional( ) esmero dos designers so menos importantes( Um te9to bem escrito e belas
imagens so apreciados( Todavia! no so aspectos %ue definem a %ualidade( ) internauta
%uer agilidade na resposta(
)utros princ&pios para o design de =eb sites so*
Euando um usuGrio cometer um erro durante a navegao! o =ebsite no deve emitir
somente uma resposta %ue informe do erro! culpando! assim! o usuGrio( ) sistema deve
solucionar o problema! ou recomendar solu:es poss&veis(
%m website deve se adequar aos usu&rios.
Cimitar o n@mero de a:es %ue o usuGrio pode reali8ar em um =ebsite! diminui a
probabilidade de erros( 4sta medida facilita o uso do =ebsite(
+s usu&rios n,o devem sofrer sobrecarga de informa*,o.
;e um usuGrio visita um =ebsite e no sabe por onde comear a ler! e9iste sobrecarga
de informao( Paginas %ue sobrecarregam os usuGrios com uma profuso de elementos em
movimento! lu8es intermitentes e linDs pobremente estruturados era uma maldio
antigamente( Bo"e a ordem # outra* <ICI334 4 4+ICIW5CI( Todas as Greas de um =eb
site devem ter o mesmo design! pois facilita o uso do site( 4le deve ter consistncia em todas
as partes do processo(
Um =eb site consistente deve fornecer feedbacD aos usuGrios! para %ue estes sempre
entendam e saibam o %ue acontece em todos os passos do processo(
15
Sites de busca
)s lances para palavra$chave precisam ser aprimorados sempre para %ue no se
tornem gradualmente insuficientes na forma de e9ibio dos an@ncios( ;e assim no for o
trGfego derivado de uma pes%uisa terG retorno nulo( Melhorar esta busca tornarG a empresa
melhor posicionada %ue seus concorrentes(
8oltar # o segundo recurso mais utili8ado na navegao na Feb( 5aturalmente! sup:e$
se %ue funcione conforme previsto( 5ormalmente o %ue ocorre # ao voltar! a pagina apresenta
erro e congela! 5a vida nem sempre # poss&vel desfa8er algo %ue fi8emos! mas na F4' as
pessoas precisam se sentir confortGveis sabendo %ue podem desfa8er ou alterar suas a:es(
Isto estimula o usuGrio a e9plorar o site! com a certe8a de %ue sabem %ue podero retornar ao
status quo se arrependerem( P um dos princ&pios mais fundamentais da Interao$humano$
computador(
Telas Splash
4stas telas no devem e9istir( 4las passam ao usuGrio a impresso de %ue o site estG
mais preocupado com a sua prTpria imagem do %ue na soluo dos problemas deles( P preciso
respeitar o tempo do visitante( 49istem splash %ue ficam vGrios minutos se apresentando e o
usuGrio se cansa e desiste( Pelo menos! poderia e9istir a opo de pular a introduo se o
usuGrio assim %uiser(
Um design virtual atraente certamente contribui para o =ebsite! mas os usuGrios
priori8am sites %ue os condu8em rGpidos as informa:es %ue precisa e guia seus olhos aos
recursos mais importantes para atendimento rGpido de suas necessidades(
Componentes da interface gr&fica personali)ada.
)s usuGrios esperam %ue os bot:es se paream com bot:es e comportem$se como
bot:es( ) mesmo vale para %ual%uer outro elemento de design %ue se"a padro nas interfaces
grGficas com o usuGrio( lguns designers gostam de inventar e introdu8em seus prTprios
elementos de dialogo padro(
s barras de rolagem precisam parecer e se comportarem como barras de rolagem( ;e
assim no for! o internauta nem se darG conta dela(
16
Se*,o! 9uem somos.
Muitos sites colocam esta seo! mas as informa:es so insuficientes e pouco di8( 5a
maioria das ve8es nem endereo tra8em( Muitas pessoas usam este recurso para avaliar a
confiabilidade da empresa* # uma empresa de fachada ou ela tem um endereo e telefone realX
7alavras inventadas
Palavras inventadas tamb#m pre"udicam a otimi8ao de um sistema de pes%uisa
por%ue os usuGrios no vo pes%uisar palavras %ue no utili8am habitualmente( s palavras
utili8adas devem ser de uso geral no universo da internet( ) uso de vocGbulos comuns e de
termos simples aumenta a classificao de um site nos sistemas de busca e tamb#m a
probabilidade de %ue ele serG encontrado pelas pessoas como termos de consulta(
8&rios sites
lgumas empresas costumam lanar novos =ebsites num piscar de olhos! todos em
endereos diferentes( Com a profuso de sites! os clientes nunca sabem %uais servios podem
obter de uma empresa( Um e9emplo disto # o site da +etranspor( VGrios cart:es! vGrios sites(
inda hG site para distinguir pessoa f&sica e pessoa "ur&dica( Por e9emplo* ;e o carto do
usuGrio # 'ilhete Ynico Municipal o site no informa %ual o site destinado a este usuGrio( ;e o
cadastro foi feito no site de pessoa f&sica! o sistema permite %ue ele se cadastre de novo no site
de pessoa "ur&dica(
Bo"e a maioria das empresas reconhece a necessidade de uma estrat#gia integrada de
internet! assim o problema no # to ruim %uanto costumava ser no passado(
4.7 U."9%,%d"d CMS
lgumas ferramentas facilitam o desenvolvimento de sites fa8endo com %ue todas as
premissas de usabilidade se"am satisfeitas de maneira prGtica( )s CM; so ferramentas muito
utili8adas! e possuem o conceito de templates! onde o administrador do site terG a capacidade
de fa8er toda a gesto de conte@do de seu site de maneira simples e sem a necessidade de
conhecimentos avanados de programao( ) conceito de templates ?modelos! gabaritosA #
essencial para se entender como funcionam o BTMC Transit e o Transit Central( 4ssa
estrutura favorece a agilidade e a manuteno(
17
6. CONCEITOS DE CMS
6.2 D>%!%#$o d CMS
CM;! Content Management ;>stem ?;istema de <erenciamento de Conte@doA! # um
sistema de gerenciamento baseado na =eb onde todo o conte@do de um =ebsite pode ser
manipulado de maneira simples e ob"etiva pelo prTprio cliente atrav#s de um navegador(
Pode$se di8er %ue um CM; # um frame=orD! de =ebsite pr#$programado! com recursos
bGsicos de manuteno e administrao "G prontamente dispon&veis( P um sistema %ue permite
a criao! arma8enamento e administrao de conte@do de forma dinVmica! atrav#s de uma
interface de usuGrio via internet(
) CM; destina$se a empresas %ue necessitam de liberdade e agilidade para atuali8ar
informa:es referentes aos seus produtos e servios em seu =eb site( Por ser um sistema de
interface amigGvel! o CM; no e9ige %ue o usuGrio %ue o utili8a possua conhecimento t#cnico
de programao! para atuali8ar e fa8er altera:es em seus sistemas(
)s sistemas de gerenciamento de conte@do so utili8ados hG cerca de duas d#cadas!
principalmente no ramo de TI( ;eu ob"etivo principal # permitir %ue com um volume pe%ueno
de comple9idade tiv#ssemos uma %uantidade maior de volume publicado(
3e maneira geral! o gerenciamento de conte@do # uma maneira de facilitar a entrega
do conte@do criado ao usuGrio da informao(
6.4 Gr!'%"(!+o d Co!+?do @9
Como funciona o gerenciamento de conte0do
5o in&cio da d#cada de I/ surgiram as primeiras pGginas =eb( 4ssas pGginas eram
18
formadas por ar%uivos de te9to e imagens organi8ados em pastas e subpastas utili8ando$se de
ar%uivos com codificao BTMC
Cada URC correspondia a um @nico ar%uivo BTMC no servidor( Eual%uer tipo de
manuteno ou alterao deveria ser feito nas estruturas de pasta para corrigir ou inserir o
conte@do dese"ado(
Com o crescimento dos =ebsites essa estrutura tornou$se de dif&cil manuteno! pois
havia sites com muitas pGginas @nicas( ltera:es simples de estrutura demandava muitas
horas de trabalho sendo necessGrio 2s ve8es mudar cada uma das pGginas individualmente(
4sta tarefa se tornava comple9a %uando se tratava de sites com necessidade de atuali8ao
constante e principalmente %uando possu&am estruturas comple9as(
Usando estas estruturas o =ebmaster precisava ser sempre acionado para %ual%uer
atuali8ao %ue o site viesse a ter! formando assim um gargalo nesta etapa do processo(
6.4.2 CGI ACo((o! G"+@"B I!+r>"'C
P uma tecnologia %ue possibilita gerar pGginas dinVmicas! permitindo a um navegador
transferir parVmetros para um programa alo"ado num servidor =eb( ;o chamados scripts C<I
os pe%uenos programas %ue interpretam esses parVmetros e geram a pGgina apTs
processamento(
) C<I foi ideali8ado por especialistas da Grea! durante os primTrdios da Internet e foi
concebido para ser independente da linguagem utili8ada( tualmente tecnologias como
;P(54T! PBP! P>thon continuam a utili8ar esta especificao(
) uso dos C<I foi a primeira revoluo %ue possibilitou a criao de T<s e os
chamados ;;I individualmente nos ar%uivos BTM! possibilitando %ue cada parte separada
fosse inclu&da em outra pGgina BTMC! tornando mais fGcil a visuali8ao do conte@do em um
sT local(
6.4.2.2. S%+. 'o( 9"!'o d d"do. .%(),.
utili8ao de um banco de dados foi outra evoluo significativa! pois facilitava
muito a incluso de um novo conte@do nos =ebsites sem precisar interferir em camadas de
sua estrutura e alterar a pGgina inteira( 3esta forma bastava carregar o conte@do alocado no
19
banco de uma pGgina BTMC preparado para isso! e caso alguma alterao no la>out fosse
feita! afetaria basicamente essa pGgina(
6.6 Gr!'%"(!+o d 'o!+?do @9 'o( CMS
pTs o banco de dados em sites! a revoluo seguinte passou a ser de conte@do( +oram
surgindo programas de gerenciamento especiali8ados em diferentes tipos de conte@do! usando
interfaces cada ve8 mais fGceis para o usuGrio( 5o inicio! os CM;Zs ofereciam basicamente a
possibilidade de acrescentar [acessTriosZ aos sites facilitando o processo de enri%uecimento de
conte@do( Isto era feito utili8ando um banco de dados @nico %ue acessava diferentes
conte@dos(
<raas a esta ferramenta foi poss&vel criar e organi8ar vGrios tipos de conte@do com
ferramentas %ue au9iliavam tanto os %ue dese"avam fa8er publica:es %uanto os visitantes do
=ebsite(
) CM;! estruturalmente age em uma camada entre a internet e o %ue o visitante v em
seu navegador(
5a camada da internet esto presentes*
$ o sistema operacional $ fun:es de gerenciamento de hard=are e soft=areQ
$ o servidor =eb M permite %ue o computador se"a acessado via internet e mostre o
conte@do corretoQ
$ o banco de dados M local de arma8enamento de todo o conte@do do =ebsite! desde
informa:es do usuGrio at# configura:es do sistemaQ e
$ a linguagem de programao M gerao de pGginas dinVmicas e navegao pelas
informa:es do banco de dados! tornando$as acess&veis via servidor =eb! sendo PBP a
linguagem mais comumente usada em CM;(
) CM; # formado basicamente pelo mTdulo principal! os complementos e o tema(
MTdulo Principal $ 3ados de usuGrios e acesso ao sistema
Complementos $ MTdulos adicionais %ue visam facilitar a criao de =ebsites(
Tema $ P a parte responsGvel pela interface visual apresentada ao visitante do =ebsite!
possibilitando %ue se altera a interface com o uso de BTMC! C;; e ,avascript(
20
Para implementao os CM; necessitam ter uma estrutura de soft=ares! infraestrutura
e linguagens( ) mais usual # %ue se"am utili8ados soft=ares de cTdigo aberto! o %ue minimi8a
custos( Por#m de acordo com a necessidade! um CM; pode ser implantado utili8ando$se de
outros tipos de ar%uitetura(
6.6.2 CSS C".'"d%!< S+B, S0+.
Uma Cascading ;t>le ;heets ?ou simplesmente CSSC # um con"unto de regras
%ue so formatadas para serem aplicadas em diversas pGginas BTMC( P um padro %ue
determina a mesma aparncia para um determinado tipo de documento( Podendo ser
encontrado em uma classe separada sendo referenciado atrav#s de T+; ou ento embutido no
cTdigo do BTMC(
) C;; # uma Ttima forma de melhorar a apresentao de um site( Como o C;;
no possui conte@do para apresentar ele no tem utilidade caso no e9ista nada fa8endo
referncia na utili8ao desse ar%uivo( Como e9emplo podemos citar navegadores %ue usam o
C;; para mudar a aparncia do prTprio navegador! dessa forma! sem o conte@do do
navegador ?cai9as de endereo! bot:es! "anelas! etc(A no haveria necessidade de usar C;;(
?Ma>er! .//OA(
6.6.4 J"-".'r%)+
,avascript # uma linguagem de programao com caracter&sticas de orientao a ob"eto
%ue # e9ecutado no lado do cliente( sinta9e do ,avascript assemelha$se ao C! C\\ e ,ava!
com construtores de programa como! por e9emplo! a condio I+! o looping =hile e o
operador lTgico ]]?eA( 5o entanto! a similaridade acaba por ai( ,avascript # uma linguagem
fle9&vel! o %ue pode significar! dentre outras coisas! %ue as variGveis no tm necessidade de
ter um tipo espec&fico(
?+lanagan! .//OA
21
) ,avascript suporta valores num#ricos! strings e boleanos como um tipo primitivo de
tipo de dados( 4le tamb#m inclui suporte para arra>s! datas e ob"etos de e9presso regular(
?+lanagan! .//OA
)utra vantagem do ,avascript # %ue seus tipos de dados de constru:es so baseados
no padro internacional e a compatibilidade # muito boa( Parte do client$ side ,ava script so
formalmente padroni8ados! outros so totalmente padroni8ados e outros so e9tens:es
especificas dos navegadores( compatibilidade com os navegadores # sempre um assunto
importante para programadores ,avascript( ?+lanagan! .//OA
P muito utili8ado em navegadores =eb e seu propTsito geral # criar ob"etos %ue
possam interagir com o usuGrio! controlar o navegador =eb e alterar o conte@do do
documento %ue aparece dentro da "anela do navegador( ) ,avascript # embutido dentro de
pGginas BTMC( P comum chamar de client$side ,ava script para enfati8ar %ue os scripts so
e9ecutados no computador do cliente! ao inv#s de ser no =eb ;erver( ?+lanagan! .//OA
6.6.6 PHP
) Personal Bome Page ou PBP # a linguagem de programao mais utili8ada na =eb e
pelos principais CM;! pois propicia a criao de pGginas dinVmicas(
P uma linguagem de programao de computadores interpretada! onde o cTdigo fonte
# e9ecutado por um programa de computador chamado interpretador! sendo ento e9ecutado
pelo sistema operacional ou processador( P uma linguagem livre e muito utili8ada para gerar
conte@do dinVmico na Feb(
PBP # uma linguagem %ue permite criar sites F4' dinVmicos! possibilitando uma
interao com o usuGrio atrav#s de formulGrios! parVmetros da URC e linDs( diferena de
PBP com relao a linguagens semelhantes a ,ava script # %ue o cTdigo PBP # e9ecutado no
servidor! sendo enviado para o cliente apenas BTMC puro( 3esta maneira # poss&vel interagir
com bancos de dados e aplica:es e9istentes no servidor e no e9por o cTdigo fonte para o
cliente( Isto # muito @til %uando o soft=are estG lidando com senhas ou informa:es
confidenciais(
22
;uas principais caracter&sticas so*
$ velocidade e robuste8Q
$ estruturao e orientao a ob"etos ?PBP verso JAQ
$ portabilidade ?independncia de plataformaAQ
$ sinta9e similar a linguagem C-C\\ e P4RCQ
$ suporte a diversas bases de dados! como 3';4! Interbase! M;EC! M^;EC!
)racle! ;>base e Postgre;ECQ
$ suporte a diversos protocolos como IMP! ;5MP! 55TP! P)P1 e BTTPQ
$ dispon&vel para diversos sistemas operacionais* Findo=s! Cinu9! Mac );! );-.!
;-J//! 5ovell 5et=are! RI;C );! ;olaris! entre outros(
4ste tipo de script funciona da seguinte forma*
0( ) cliente fa8 uma solicitao atrav#s de uma pGgina BTMCQ
.( 4sta solicitao chega ao ;ervidor Feb! onde esto as pGginasQ
1( ) ;ervidor analisa e verifica %ue a resposta # dada atrav#s de uma pGgina PBPQ
J( )corre um processo no servidor %ue transforma a pGgina PBP em uma pGgina
BTMCQ
N( 4sta pGgina resposta BTMC retorna para o navegador do cliente(
) PBP # compat&vel com %ual%uer ambiente do Cliente! pois serG devolvida uma
pGgina BTMC( Mas! para %ue todo esse processo ocorra! # necessGrio %ue o PBP rode em um
;ervidor Feb como! por e9emplo! o pache Feb ;erver e o Internet Information ;erver da
Microsoft(
sinta9e do PBP # muito parecida com C e P4RC( ) %ue diferencia PBP de um script
C<I escrito em C ou P4RC # %ue o cTdigo PBP fica embutido no prTprio BTMC! en%uanto
no outro caso # necessGrio %ue o script C<I gere todo o cTdigo BTMC! ou leia de outro
ar%uivo(
'asicamente! %ual%uer coisa %ue pode ser feita por algum programa C<I pode ser feita
tamb#m com PBP! como coletar dados de um formulGrio! gerar pGginas dinamicamente ou
enviar e receber cooDies(
23
5o ;ervidor de valia:es +ormativas e ;omativas! a linguagem PBP # utili8ada
como interface de consulta entre a base de dados criada no ;<'3 M>;EC e a interface Feb
no ;ervidor pache( ) PBP # o responsGvel pela gerao das consultas e manipulao das
informa:es provenientes da base de dados! tornando o sistema dinVmico e permitindo
interao em tempo real aos alunos e professores(
6.6.7 A)"'0
) servidor pache ou ;ervidor BTTP pache # o mais usado servidor Feb
livre( P um programa de computador responsGvel por aceitar pedidos BTTP ?B>perte9t
Transfer ProtocolA de clientes! geralmente os navegadores e servi$los com respostas BTTP!
incluindo opcionalmente dados! %ue geralmente so paginas =eb! tais como documentos
BTMC ?B>perte9t MarDup CanguageA com ob"etos embutidos ?imagens! e etc(A(
P a principal tecnologia da organi8ao pache ;oft=are +oundation! responsGvel por
in@meros pro"etos envolvendo tecnologias de transmisso via Feb! processamento de dados e
e9ecuo de aplicativos distribu&dos( ) servidor # compat&vel com o protocolo BTTP verso
0(0( ;uas funcionalidades so mantidas atrav#s de uma estrutura de mTdulos! permitindo
inclusive %ue o usuGrio escreva seus prTprios mTdulos utili8ando a PI ?pplication
Programming InterfaceA do soft=are(
P disponibili8ado nas vers:es para os sistemas Findo=s! 5ovell 5et=are! );-. e
diversos outros do padro P);I7 ?Uni9! Cinu9! +ree';3! e etc(A(
Para garantir segurana nas transa:es BTTP! o servidor disp:e de um mTdulo
chamado mod6ssl! o %ual adiciona a capacidade do servidor de atender re%uisi:es utili8ando
o protocolo BTTP; ?B>perte9t Transfer Protocol secureA( 4ste protocolo utili8a uma camada
;;C ?;ecure ;ocDets Ca>erA para criptografar todos os dados transferidos entre o cliente e o
servidor! possibilitando maior grau de segurana! confidencialidade e confiabilidade dos
dados( camada ;;C # compat&vel com certificados 7(N/I! %ue so certificados digitais
fornecidos e assinados por grandes entidades certificadoras no mundo(
24
pache # um soft=are %ue # e9ecutado em um sistema operacional multitarefa
ade%uado( Possui uma grande parcela do mercado superando a Microsoft( l#m de ser livre
possui o cTdigo aberto %ue possibilita a %ual%uer pessoa e9aminar sua codificao( ;e ele
possuir erros! e9istem diversos desenvolvedores %ue podem sinali8ar esses erros ao inv#s de
uma restrita lista de empregados de um fornecedor de =eb server %ue no tenha o seu cTdigo
aberto(
6.6.7.2. C"r"'+r:.+%'". do A)"'0
Ribeiro ?.//NA afirma %ue o pache possui caracter&sticas tais como*
$ ;uporte a scripts C<I usando linguagens como Perl! PBP! ;hell ;cript! ;P! etc(
$ ;uporte a autori8ao de acesso podendo ser especificadas restri:es de acesso
separadamente para cada endereo-ar%uivo-diretTrio acessado no servidor(
$ utenticao re%uerendo um nome de utili8ador e senha vGlidos para acesso a
alguma pGgina-subdiretTrio-ar%uivo ?suportando criptografia via Cr>pto e M3NA(
$ 5egociao de conte@do! permitindo a e9ibio da pGgina Feb no idioma
re%uisitado pelo Cliente 5avegador(
$ Personali8ao de logs(
$ ;uporte a virtual hosting ?# poss&vel servir . ou mais pGginas com endereos- portas
diferentes atrav#s do mesmo processo ou usar mais de um processo para controlar mais de um
endereoA(
$ ;uporte a IP virtual hosting
$ ;uporte a name virtual hosting(
$ ;uporte a servidor Pro9> +TP e BTTP! com limite de acesso! caching ?todas
fle9ivelmente configurGveisA(
$ ;uporte a criptografia via ;;C e certificados digitais(
$ ;uporte a Pro9> e redirecionamentos baseados em URCs para endereos Internos(
6.6.8 MBSDL
;egundo ,@nior ?.///A! o M>;EC # um das bases de dados relacionais mais rGpidos
do mercado e apresenta %uase na sua totalidade todas as funcionalidades das grandes bases de
25
dados( P uma linguagem simples( Eual%uer pessoa pode facilmente gravar! alterar e recuperar
informa:es numa pGgina Feb com segurana e rapide8(
loise et l ?.//LA! afirma %ue o M>;EC # um sistema de gesto de base de dados
relacional multi$encadeado! %ue tem cTdigo fonte aberto e n&vel corporativo( 4le no # sT
base de dados! mas tamb#m um gestor de base de dados( 4ste ;<'3 ?;istema <esto de
'ase de 3adosA! tamb#m pode ser utili8ado para aplica:es corporativas! em %ue! necessitam
de vGrias cone9:es simultVneas( Possibilita 0/0 cone9:es em simultaneidade( Cone9o # o
tempo %ue leva para um determinado utili8ador receber o dado solicitado(
Remoaldo ?.//OA! loise loise et l ?.//LA e ;uehring ?.//.A concordam ao
afirmarem %ue o M>;EC # do tipo open source ?cTdigo abertoA e %ue estG dispon&vel para
mais de ./ plataformas(
3e acordo com o Remoaldo ?.//OA! o M>;EC disponibili8a uma biblioteca cliente
para poder escrever os seus prTprios programas( ;egundo esse mesmo autor! essa biblioteca #
utili8Gvel diretamente a partir dos programas criados em linguagem C! e9istindo interfaces
para outras linguagens como PBP! Perl! P>thon! ,ava! C\\ e Rub>! entre outras linguagens(
6.6.8.2. C"r"'+r:.+%'". MBSDL
$ ;uporta diferentes plataformas* Fin1.! Cinu9! +ree';3! Uni9! etc(
$ ;uporte 2s PI_s das ;eguintes linguagens* PBP! Perl! C! C\\! ,ava! P>nthon! etc(
$ ;ofisticado sistema de senhas criptografadas! fle9&vel e seguro(
$ ;uporta at# 0O &ndices por tabela
$ CTdigo fonte escrito em C e C\\ e testado com uma variedade de diferentes
compiladores
$ Cone9o no M>;EC atrav#s de cone9:es TCP-IP(
$ Muito bom para aplica:es Feb(
$ plica:es de n&vel corporativo(
$ ;uporte a cTdigo fonte aberto e de fGcil soluo! pois e9istem in@meros grupos de
estudos referentes a este sistema(
$ Tabelas com grande capacidade de arma8enamento de dados
26
$ 4stabilidade( ?Isso varia de verso para versoA(
6.7 E.+r*+*r" do. CMS
)s recursos de %ue se utili8am os CM; %ue os tornam capa8 de alterar ou acrescentar
funcionalidade em sites de maneira pratica( ;o* Temas! templates! e9tens:es! plugins entre
outros recursos(
) tema de um CM; # o design do site! assim o conte@do e seu visual so sempre
separados! possibilitando dessa forma %ue se possa alterar todo o visual de um site sem %ue
se"a necessGrio modificar o seu conte@do! facilitando tamb#m sua manuteno e mantendo a
estrutura bem organi8ada ?;ilver! .//LA(
Um tema # formado por ar%uivos individuais em 7BTMC e PBP onde o principal
deles # o inde9(html %ue # responsGvel por fa8er a chamada de outros ar%uivos de e9tenso
PBP responsGvel pela formao da estrutura visual do site( ?;ilver! .//LA
) Tema ainda pode contar com scripts PBP ?formulGrio de buscas! por e9emploA e
st>lesheets de C;; para definir os detalhes de sua aparncia( ?;ilver! .//LA
6.7.2 T(),"+.
Template $ `modelo de documento` $ # um documento sem conte@do! com apenas a
apresentao visual e instru:es sobre onde e %ual tipo de conte@do deve entrar a cada parcela
da apresentao a por e9emplo! conte@dos %ue podem aparecer no in&cio e conte@dos %ue sT
podem aparecer no final(
Feb templates $ `modelos de pGgina` $ so instrumentos utili8ados para separar a
apresentao do conte@do em =eb design! e para a produo massiva de documentos =eb(
;o interpretados por um `sistema de template`(
Utili8ar e9tens:es ou mTdulos # um modo eficiente de se entender as possibilidades de
uso do =eb site( ;o formados por pe%uenas partes de cTdigo facilmente administrGveis e %ue
podem ser ativadas e desativadas de maneira fGcil( ?B^34R! .//OA
27
Plugins ou mTdulo de e9tenso # um programa de computador usado para adicionar
fun:es a outros programas maiores! provendo alguma funcionalidade especial ou muito
espec&fica( <eralmente pe%ueno e leve! # usado somente sob demanda(
Pode$se utili8ar tal t#cnica para permitir %ue desenvolvedores de soft=are e9ternos
estendam as funcionalidades do produto! para suportarem funcionalidades antes
desconhecidas! redu8ir o tamanho do programa ou! at# mesmo! separar o cTdigo fonte de
diferentes componentes devido 2 incompatibilidade de licenas de soft=are(
28
7. TIPOS DE CMS
49istem diferentes tipos de CM; no mercado! por#m todos com a mesma
caracter&stica* criar! gerenciar! publicar e apresentar o conte@do( 3ividem$se em categorias*
<esto de Portais* Permitem o gerenciamento de todo o conte@do de um =ebsite!
oferecendo diversas funcionalidades e liberdade %uase ilimitada aos criadores do
site( CM; de aplicao m@ltipla costumam ser utili8ados nessa funo( 49emplos*
,oomlaH! Fordpress! 3rupal e PBP$5uDe(
'logs* Permitem %ue artigos e not&cias se"am publicados em ordem cronolTgica(
) uso de C;;! PBP e plugins proporciona liberdade de criao para %uem usa
esse tipo de sistema( P o tipo mais popular de CM; %ue possibilitou a
populari8ao da divulgao de informa:es( 49emplos* Fordpress! 'logger
seguidos de ,oomlaH e 3rupal(
<erenciamento de Com#rcio 4letrbnico* Muito usados no com#rcio eletrbnico em
ra8o da sua estabilidade! facilidade de configurao e segurana! al#m de serem
altamente personali8Gveis(
<erenciamento de +Truns* +acilita a discusso online entre diversos usuGrios(
49emplos* Php'' e o ;M+(
<alerias* Indicado para o gerenciamento de conte@do audiovisual! comumente
fotografias( 49emplo* 3ragonfl>(
FiDis* Usados na criao de conte@dos de forma colaborativa( 49emplos*
MediaFiDi e o TiDiFiDi(
3iversos* CM;! especiali8ados em educao ?MoodleA e ?ePrintA em publica:es
de revistas(
29
7.2 Pr%!'%)"%. CMS
;egundo a consultoria Fater ] ;tones em estudo reali8ado com os ./ principais CM;
do mercado! os principais soft=ares livres de CM; utili8ados so o ,oomlaH! Fordpress e
3rupal( 4sses sistemas lideram a maioria das m#tricas de comparao com os outros
soft=ares e essa situao se manteve nos @ltimos J anos em %ue a consultoria efetuou o
estudo( )utro CM; %ue vem se destacando # o ConcreteN %ue possui grande aceitao(
) Fordpress # o l&der de mercado! com suas m#tricas em crescimento! en%uanto o
,oomlaH teve uma diminuio no mercado( ) 3rupal possui a menor fatia do mercado dentre
os 1 e se manteve estGvel nos @ltimos anos(

7.2.2 Eord)r..
H%.+Fr%'o
) Fordpress foi criado em .//1 com a premissa bGsica de melhorar o processo de
criao de te9tos de escrita diGria com uma %uantidade pe%uena de usuGrios( +oi
constru&do em PBP e M>;EC al#m de ser licenciado sobre as normas do <PC(
4m .//J foi implantada a possibilidade de utili8ar plugins e no ano seguinte incluso a
possibilidade de se trabalhar com sistemas de temas e pGginas estGticas! seguidos por um novo
sistema de funo por n&veis de usuGrio! al#m de novas interfaces de usuGrios(
4m .//K! uma nova interface* o recurso de salvamento do documento de forma
automGtica! verificador de escrita( 5ovos recursos foram introdu8idos na verso .(0( Fidgets
e melhora na velocidades! tags! notifica:es atuali8adas! URCs limpas e um novo sistema de
ta9onomia foram introdu8idas em vers:es seguintes(
4m .//L veio a verso .(N com uma nova interface de administrao( 5esta verso foi
feito um estudo de usabilidade levando ao desenvolvimento do protTtipo Cra8>horse e seu
eventual lanamento na verso .(K! %ue redesenhou a interface de administrao e melhorou a
usabilidade! al#m de dei9ar a interface mais adaptGvel ao gosto do administrador( Mais tarde
30
foram introdu8idas funcionalidade de instalao de temas embutidos! edio de imagem e
outras ferramentas(
E.+r*+*r"
) Fordpress funciona em cima de dois ar%uivos obrigatTrios* inde9(php e o st>le(css!
mas tamb#m e9istem outros ar%uivos %ue podem ser criados e editados para gerar um tema!
como footer(php e o header(phpA( ?C4R^!./0/A(
hierar%uia de ar%uivos do Fordpress funciona da seguinte maneira*
$ PGgina principal* pagina principal # definida pelo ar%uivo home(php! caso e9ista
esse ar%uivoQ seno a pagina principal serG definido pelo ar%uivo inde9(php ?C4R^!./0/A
$ Posts @nicos* Utili8ado para ar%uivos de posts individuais! o Fordpress usarG o
ar%uivo single(php caso e9ista! seno! serG usado o inde9(php ?C4R^!./0/A
$ PGginas* ) modelo de pGgina mais especifica # a%uela escolhida na opo dropdo=n
do modelo de pGgina na tela de edio de pGginas( ;eno e9istir! o Fordpress vai procurar por
uma Page$slug(php! aonde slug # o nome do conte@do( 49emplo* Page$about(php serG usado
para a pGgina R;obreS( ?C4R^!./0/A
;e a pGgina page$slug(php no e9istir! o Fordpress irG direcionar para a page$id(php!
aonde o id # o &ndice da pGgina( Por e9emplo! se a pGgina R;obreS %ue # instalada com o
Fordpress no for removida! seu nome serG page$.(php( Caso no tenha nenhuma dessas! ele
usarG o inde9(php ?C4R^!./0/A
$ ;e e9istir algum tipo de conte@do personali8ado no Fordpress! ele irG procurar por
um ar%uivo chamado single$name(php! aonde name # o nome do tipo personali8ado( ;e for
criado um tipo de post chamado RTesteR com nome teste! o ar%uivo chamarG single$teste(php(
Caso ele no encontre! serG usado o inde9(php( ?C4R^! ./0/A
31
$ r%uivos categori8ados* Como ar%uivo de pGginas! o Fordpress irG procurar
primeiramente o nome! depois o &ndice! ento uma categoria gen#rica e finalmente o
archive(php e o inde9(php( ?C4R^!./0/A
$ r%uivos de tags* ;imilar aos ar%uivos categorias* nome! &ndice! tag! archive(php e
inde9(php( ?C4R^!./0/A
$ r%uivos de ta9onomia personali8ados* 4le primeiramente procura o ar%uivo
ta9onom>$ta9onom>$term(php( )nde ta9onom> # RpessoasS e o nome para a tag do Carlos
pode serS CarlosS! ento o Fordpress iria procurar pelo ar%uivo ta9onom>$pessoas$
Carlos(php( Caso no encontre o ar%uivo do Carlos ele vai procurar pelas pessoas! caso no
tenha sucesso! utili8a o inde9(php( ?C4R^!./0/A
$ r%uivos de autores* P poss&vel criar diferentes modelos de ar%uivos para %ual%uer
autor( ) Fordpress irG procurar pelo ar%uivo author$nicDname(php( ;e o usuGrio for
dministrador e o apelido admin! author$admin(php serG o nome utili8ado para seus ar%uivos(
;e no e9istir! ele procura pelo &ndice! depois pelo ar%uivo author(php! depois archive(php e
finalmente inde9(php( ?C4R^!./0/A
$ Resultado de pes%uisa* ) r%uivo search(php mostrarG os resultados da pes%uisa se
ele e9istir! caso contrGrio! o ar%uivo inde9(php serG utili8ado( ?C4R^!./0/A
$ 4rro J/J* ) ar%uivo J/J(php # mostrado %uando ele no encontra a pGgina correta(
?C4R^!./0/A
$ ne9os* Euando o upload de ar%uivos de m&dia # feito! e9iste a opo de se criar um
linD deles para um post( P poss&vel criar diferentes paginas de ane9o para diferentes tipos de
m&dia( ) nome do tipo do ar%uivo serG o nome do ar%uivo! como e9emplo* imagem(php!
audio(php! aplicao(php entre outros( ?C4R^!./0/A
EG(),o d .%+. 'r%"do. 'o( Eord)r..
32
) =ordpress # muito utili8ado por celebridades! Trgos de not&cias e Trgos governamentais(
lguns e9emplos desses sites*
$ Porsche 'rasil $ http*--===(porsche(com(br-Q
$ 'ahia $ http*--===(bahia(com(br-Q
$ Universidade de ;o Paulo $ http*--===N(usp(br-Q
7.2.4 JOOMLAH
H%.+Fr%'o
Criado em ./// pelos engenheiros da empresa australiana Miro Corporation o
Mambo! um CM; de uso interno( 4m .//0 esse CM; foi liberado para a comunidade sob a
licena <5U$<PC( ?CR)F34RQ ;4V4R3I!./0/A(
) produto fe8 muito sucesso e era vastamente utili8ado( comunidade cresceu muito
em Vmbito mundial! com diversos desenvolvedores trabalhando em plugins e temas! e
ganhando muito dinheiro com isso( 4sse fato comeou a causar desentendimento entre os
membros da comunidade e a fundao sem fins lucrativos criada para guiar o
desenvolvimento do Mambo( e%uipe dessa fundao decidiu desativar o Mambo e criar
outro CM; no ano de .//N( ?RBM4C! .//IA
Pouco tempo se passou at# %ue a verso 0(/ do ,oomlaH foi lanada! com uma interface
e o gerenciamento do sistema bastante semelhante ao Mambo( +oi um sucesso instantVneo
?em seu primeiro ano ele foi bai9ado .!N milh:es de ve8esA e desde ento a comunidade sT
tem crescido( ?RBM4C! .//IA
5o 'rasil e9iste o ,oomlaH 3a> 'rasil! %ue foi criado a partir de uma iniciativa das
comunidades ,oomlaH ao redor do mundo( VGrios pa&ses %ue possuem a comunidade ,oomlaH
comemoram este fato com reuni:es periTdicas com o ob"etivo de trocar e9perincias!
conhecimento e dicas na utili8ao do ,oomlaH por meio de palestras! oficinas e atividades
complementares( ?,))MCH CC5<)! ./0/A
33
E.+r*+*r"
)s diretTrios do sistema ,oomla possuem nomes intuitivos o %ue facilita o
entendimento sobre o conte@do de um determinado diretTrio( ?RBM4C! .//IA
$ Root?-A $ ) diretTrio root cont#m o ar%uivo inde9(php %ue e9ecutarG o instalador
,oomla( Instalao completada! o ar%uivo inde9(php irG detectar as configura:es no ar%uivo
configuration(php e e9ecutar o mecanismo principal do ,oomla( 3eletando o ar%uivo
configuration(php! ele rodarG novamente a instalao ,oomlaH( ) ar%uivo configuration(php$
dist pode ser usado para uma configurao manual( ? RBM4C! .//IA(
$ dministrator $ 4sse diretTrio cont#m ar%uivos %ue rigorosamente espelham$se nos
ar%uivos do diretTrio root ?como por e9emplo* components-! modules-! plugins-! etc(A! isso
por%ue a interface do administrador # basicamente um site ,oomlaH ?RBM4C!.//IA
$ Cach $ Para acelerar o desempenho! o ,oomla pode colocar em cach as pGginas
pr#$renderi8adas mais populares! com isso ele no tem a necessidade de ser renderi8ado a
cada nova re%uisio de pGgina pelo PBP e M>;EC( s pGginas em cach iro ser
simplesmente carregadas por esse diretTrio e enviadas para o bro=ser( ?RBM4C! .//IA
$ Components $ P nesse diretTrio %ue se encontram os componentes( 5ota$se %ue o
sistema padro do ,oomla possui um n@mero de componentes como login! en%uetes! feeds de
not&cias! cadastro! pes%uisa! etc( Com funcionalidades %ue geralmente so mostradas na
pGgina principal( Um componente # um tipo de complemento para o site! popularmente
chamado de Re9tens:esS( Cada componente # arma8enado em sua prTpria pasta com o prefi9o
6 ?49emplos* com6banners! com6contacts! etc((A ?RBM4C!.//IA
$ Images $ 4sse diretTrio contem todos os ar%uivos de imagens usados na interface de
administradores assim como as imagens %ue so RupadasS no conte@do do artigo( ?RBM4C!
.//IA
$ Includes $ 5esse diretTrio encontram$se os ar%uivos PBP e ,ava ;cript %ue so
chamadas por outros ar%uivos ou fun:es( <eralmente os ar%uivos possuem o prefi9o
34
mambo$! estes so inclu&dos por uma %uesto de compatibilidade com vers:es anteriores(
?RBM4C! .//IA
$ Installation $ Cont#m os ar%uivos necessGrios para a instalao do ,oomlaH(
?RBM4C! .//IA
$ Canguage $ 4sse diretTrio cont#m os ar%uivos de traduo do idioma( ) nome do
ar%uivo indica o idioma utili8ado! usando um padro de nomenclatura de trs letras para o
cTdigo do idioma e duas letras para o cTdigo do pa&s( Por e9emplo! o modelo ingls da <r$
'retanha tem uma pasta chamada eng$<'( Todos os ar%uivos contidos nessa pasta tm o
nome do ar%uivo um prefi9o %ue se assemelha ao nome do diretTrio( ?RBM4C! .//IA
$ Cibraries $ 4sse diretTrio cont#m o frame=orD ou a programao de todo o sistema
,oomlaH( ) CM; ,oomla # na verdade uma aplicao =eb %ue utili8a um n@cleo de
bibliotecas %ue esto no diretTrio-libraries para e9ecuo( 4ntrando na pasta da biblioteca
-libraries-"oomla! haverG diversas Greas de implementao ? como as Greas de aplicao! banco
de dados! ar%uivos de sistema! etc(A! isto comp:e as partes funcionais de aplicao(
?RBM4C! .//IA
$ M&dia $ )s ar%uivos de m&dia devem ser depositados a%ui para o acesso do ,oomla(
%ui e9istem tamb#m ar%uivos ,ava ;cript para a incluso do sistema( ?RBM4C! .//IA
$ Modules $ )s mTdulos dispon&veis para visuali8ao de um modelo esto contidos
nesse diretTrio( lguns dos mTdulos padr:es incluem banners! login! imagem randbmica! etc(
MTdulos so posicionados como pain#is dentro de um modelo ,oomla( ?RBM4C! .//IA
$ Plugins $ )s plugins so locali8ados na pasta-plugin( 4m vers:es anteriores eles eram
chamados de mambots! e eram locali8ados no diretTrio -mambots( Plugins so e9tens:es do
frame=orD! com isso! eles operam em um n&vel abai9o dos componentes( ?RBM4C! .//IA
$ Templates $ 4sse diretTrio cont#m as pastas de %ual%uer modelo instalado no site do
,oomla( P importante di8er %ue o nome de cada subpasta do modelo deve ser compat&vel com
35
o modelo propriamente dito( Caso o diretTrio no se"a compat&vel com o nome do modelo! o
,oomla no reconhecerG( ?RBM4C! .//IA
$ TPM $ 3iretTrio onde so arma8enados os ar%uivos temporGrios e os cooDies(
?RBM4C! .//IA
EG(),o d .%+. 'r%"do. 'o( Joo(,"H
In@meros sites utili8am o ,oomlaH( 5a pGgina oficial do ,oomlaH ;ho=case
encontramos diversos e9emplos bem organi8ados por categorias( ) ,oomlaH # um sistema
sTlido e bom para uma variedade enorme de situa:es(
$ The Cinu9 +oundation $ https*--===(linu9(com-Q
$ ;ecretaria dos Transportes Metropolitanos ?;PA $ http*--===(stm(sp(gov(br-Q
$ Minist#rio da 4ducao $ http*--portal(mec(gov(br-Q
7.2.6 DRUPAL
H%.+Fr%'o
) 3rupal surgiu em .///! %uando estudantes da universidade da ntu#rpia! na
'#lgica! conseguiram uma cone9o permanente a internet! compartilharam com colegas de
turma e sentiram a falta de ter como compartilhar informa:es entre si( ?3RUPC! ./0/A
3ries criou um site de not&cias simples onde os amigos poderiam compartilhar
informa:es do dia$a$dia acadmico( 4sse sistema nem tinha um nome! e %uando se formaram
resolveram colocar o sistema on$line(
) sistema deveria se chamar dorp(org mas um erro de digitao fe8 com %ue fosse
registrado como drop(org( ) =ebsite logo ganhou fama entre os acadmicos em geral! onde se
36
passou a discutir os novos rumos de desenvolvimento tecnolTgico! tendo uma estrutura de
moderao! um verdadeiro fTrum de discusso ? 3RUPC! ./0/A
4m .//0 foi lanada a primeira verso para do=nload do soft=are usado como base
de criao do drop(org com o nome de 3rupal( ;eu ob"etivo era permitir %ue mais pessoas
pudessem desenvolver e ampliar as possibilidades de seu sistema! "G %ue o seu tempo estava
ficando limitado( ?3RUPC!./0/A
) 3rupal dei9ou de ser a base para um R%uadro de mensagensS e passou a ser um
sistema %ue possibilitava as pessoas criar fTruns e outros tipos de =ebsite de maneira cada ve8
mais eficiente(
5o 'rasil! iniciativas como o 3rupal 'rasil .//N vem crescendo como comunidade e
o n@mero de envolvidos em seu desenvolvimento e em eventos # cada ve8 maior( ?3RUPC
'R;IC!./0.A
E.+r*+*r"
estrutura de sistema do 3rupal consiste em diversos n&veis de abstrao! %ue so
eles*
$ Modelo de linguagem
$ Mecanismos do tema
$ Tema
M'"!%.(o. do TEMA
estrutura de temas do 3rupal trabalha com a maioria dos modelos de linguagem
como! por e9emplo! smart>! PBPTC e PBPTemplate ? V53^c! .//LA
Para utili8ar essas linguagens # necessGrio um [empacotadorZ! chamado de mecanismo
do tema! para ligar o 3rupal com o modelo de linguagem correspondente( ?V53^c!.//LA
37
comunidade 3rupal criou seu prTprio mecanismo do tema otimi8ado para o 3rupal!
ele # conhecido como P3P Template e # desenvolvido em PBP %ue opera como um modelo
de linguagem! o %ual dispensa o passo de anGlise intermediGria %ue os outros modelos de
linguagens geralmente possuem( ?V53^c! .//LA
Colocar um novo tema na pasta php template no farG com %ue a interface do site
mude( Isto ocorre por%ue ele # apenas uma biblioteca de interface! para tanto # preciso instalar
um tema 3rupal %ue tenha relao com o mecanismo instalado( ?V53^c! .//LA
T4M;
Temas so cole:es de ar%uivos %ue so responsGveis pela aparncia do site( 49istem
vGrios temas prontos para do=nload ou ento! # poss&vel criar um tema do 8ero( ?V53^c!
.//LA
)s temas so compostos por* folhas de estilos ?C;;A! imagens! ar%uivos ,ava ;cript!
etc( diferena entre um tema 3rupal pronto e um site BTMC limpo so os modelos de
ar%uivos alvo( ?V53^c! .//LA
4sses ar%uivos normalmente contm grandes sess:es de BTMC e snippets ?pe%uenos
trechos de programaoA especiais menores %ue so substitu&dos por conte@do dinVmico(
sinta9e de um modelo de ar%uivo depende do mecanismo do tema %ue estarG sendo usado(
?V53^c! .//L A
Cada modelo de ar%uivo se apresentarG de diferentes formas baseando$se no modelo
de linguagem utili8ada( e9tenso do ar%uivo determina o modelo de linguagem e # dele %ue
o mecanismo do tema vai depender( ?V53^c! .//LA
S%+. 'o( Dr*)",
) 3rupal # utili8ado por diversos Trgos governamentais! artistas e empresas de
grande porte pela versatilidade %ue se tem em seu design e a ta9onomia bem desenvolvida! o
38
%ue permite detalhar cada categoria! subcategoria e tags para %ue assim se tenha um controle
mais amplamente organi8ado de cada parte do conte@do publicado( ) 3rupal # fle9&vel e
poderoso e indicado para sites mais comple9os(
$ UV $ Universidade Veiga de lmeida $ http*--uva(br-Q
$ The Fhite Bouse $ http*--===(=hitehouse(gov-Q
$;>mantec Connect Communit> $ http*--===(s>mantec(com-connectQ
7.4 Co()"r"#$o do. CMS= Eord)r..I Joo(," Dr*)",
)s 1 sistemas so escritos em PBP! al#m de serem pro"etos de cTdigo aberto!
distribu&dos sob a <5U <eneral Public Cicense(
4m praticamente todos os CM;Zs! pode$se acrescentar novas funcionalidades atrav#s
de plugins ou mTdulos! %ue podem estender o uso do sistema para diversas finalidades( 5esse
sentido! o FordPress leva vantagem pois possui mais op:es dispon&veis! seguido pelo
3rupal e por @ltimo o ,oomla(
49istem muitas op:es de templates dispon&veis para os diferentes CM;Zs com
funcionalidades definidas e la>outs prontos! facilitando para %uem possui um pro"eto mais
simples e pode abrir mo de uma identidade visual personali8ada(
Por seguirem bem as prGticas recomendadas pela F1C para o desenvolvimento =eb!
todos os sistemas possuem uma estrutura de cTdigo apropriada para o ;4)( Contudo! o
FordPress ainda leva uma pe%uena vantagem! por possuir uma estrutura um pouco mais
semVntica(
mbos os sistemas possuem boas e9tens:es para ;4)! %ue buscam aprimorar a
%ualidade de elementos como t&tulos! sitemaps e URCs(
) FordPress! %ue ganhou popularidade como uma plataforma para blogs! vem se
mostrando a cada dia como um dos CM;Zs mais completos %ue e9istem( Para muitos o
39
Fordpress atrai mais pela sua simplicidade! tanto para o usuGrio como para o desenvolvedor(
Para outros! o ,oomla possui um grande poder de customi8ao de templates! com muitas
op:es de e9panso! al#m do sistema de permiss:es de usuGrios e 2 facilidade de criar
=ebsites rGpidos e completamente diferentes um do outro! o %ue o torna uma e9celente
escolha( ,G o 3rupal # considerando o mais comple9o entre as trs op:es( 4le possui uma
curva de aprendi8ado maior em relao aos seus similares! mas %uem o utili8a afirma %ue
depois %ue se aprende o desenvolvimento passa a fluir sem maiores dificuldades( Possui
facilidade de customi8ao e construo de mTdulos! e9tensa documentao e etc(! pontos %ue
permitem criar =ebsites comple9os com muito menos esforo de programao(
Muita gente considera %ue o FordPress # um sistema indicado apenas para a produo
de blogs! mas al#m disso ele # uma Ttima soluo para sites institucionais ou portais de
not&cias( 4le # ideal para sites %ue so I/U editorial! mas %ue necessitam de funcionalidades
como Grea restrita ou importao de conte@dos e9ternos! pois a sua ar%uitetura de temas e
plugin facilita muito para %ue se possa usG$lo como uma esp#cie de frame=orD! podendo
desenvolver muita coisa sobre ele( Euanto ao ,oomla! ele # ideal para pro"etos %ue vo desde
sites de pe%ueno porte at# grandes portais( 3iversos sites do governo %ue re%uerem muita
segurana e estabilidade! ho"e o utili8am( ,G o 3rupal # uma ferramenta ideal para sites e
aplicativos =eb de todos os tipos e tamanhos( ) cTdigo do 3rupal # bem estruturado! e
permite um alto grau de customi8ao sem %ue se"a preciso alterar sua essncia(
40
8. CONCLUSO
P poss&vel concluir %ue CM;Zs so importantes ferramentas %ue tm como ob"etivo
facilitar a atuali8ao e administrao de sites! principalmente por pessoas %ue no tem
conhecimentos de programao! pois na maioria das ve8es! eles possuem ferramentas %ue so
bastante intuitivas para o usuGrio e no e9igem um longo treinamento( 4ntretanto! o
desconhecimento dos conceitos de usabilidade pelos designers no permite a boa utili8ao
das facilidades geradas pelos CM; criando sites %ue acabam muito polu&dos(
49istem vGrios tipos de CM;Zs! mas 3rupal! ,oomlaH e Fordpress so os soft=ares
livres mais utili8ados! sendo Fordpress o l&der no mercado! principalmente devido a sua
simplicidade(
Todos os CM;Zs possuem pontos fracos e fortes( Muitos profissionais procuram optar
pela ferramenta mais fGcil! como # o caso do FordPress! o %ue pode ser bom em determinado
pro"etos! mas dei9ar a dese"ar em outros( Considerando tamb#m a %uesto financeira!
profissionais %ue trabalham com ferramentas mais comple9as como o 3rupal acabam por ser
mais raros! e por isso mais caros(
Muitas ve8es o uso de um CM; acaba sendo condicionado pela identificao e pelo
conhecimento pr#vio %ue os desenvolvedores tm na ferramenta( Mas o ideal # %ue! mesmo
%ue se tenha preferncia por um determinado CM;! ainda assim procure conhecer as
possibilidades de outros sistemas( 3eve$se saber escolher a ferramenta ideal para cada tipo de
pro"eto(
41
REFERNCIAS BIBLIOGR1FICAS
5I4C;45! ,aDobQ C)R5<4R! Boa( Usabilidade na F4' M Pro"etando =ebsites com
%ualidade! 1( ed( ;o Paulo* 4lsevier 4ditora Ctda(! .//K(
cRU<! ;teve( 5o me faa pensar( .( ed( Rio de ,aneiro* lta 'ooDs 4ditora! ./0/(
http*--===(criar=eb(com-artigos-JOI(php ( 4m /L-/0-./0.
http*--===(criar=eb(com-artigos-JK.(php( 4m /L-/0-./0.
http*--===(espacoacademico(com(br-/00-00mendes(htm( +ICB)! ntonio Mendes da ;ilva
+ilho( 4m /L-/0-./0.
http*--===(=aterandstone(com-booD-./00$open$source$cms$marDet$share$report( 4m
0N-/N-./0.
http*--ensinoatual(com-blog-Xpd1IK $ .1-/1-./0.
http*--===(blogadao(com-sites$feitos$com$=ordpress- $ .0-/N-./0.
http*--lucrardecasa(com-0/$dos$melhores$sites$feitos$com$=ordpress- $ .0-/N-./0.
42
http*--===(=ebiniciado(com-0/$sites$famosos$feitos$em$"oomla- $ .0-/N-./0.
http*--===(dicasdephp(com(br-sites$feitos$em$drupal- $ .J-/N-./0.
http*--=ebmais(com-comparacao$dos$cms$=ordpress$"oomla$drupal$e$plone- $ .J-/N-./0.
43