Programação Web

Rito Alex Silva Gonalves
Desenvolvimento Web usando Padres e

Tecnologias Web
O caso da FAM-F
Universidade Jean Piaget de Cabo Verde

Campus Universitrio da Cidade da Praia
Caixa Postal 775, Palmarejo Grande
Cidade da Praia, Santiago
Cabo Verde
5.1.10
Desenvolvimento Web usando Padres e

Tecnologias web
O caso da FAM-F
Rito Alex Silva Gonalves autor da

monografia intitulada Desenvolvimento Web
usando padres Web e Tecnologias, declaro
que, salvo fontes devidamente citadas e
referidas, o presente documento fruto do
meu trabalho pessoal, individual e original.
Cidade da Praia aos 05 de Janeiro de 2010

Memria Monogrfica apresentada

Universidade Jean Piaget de Cabo Verde
como parte dos requisitos para a obteno do
grau de licenciatura em Engenharia de
Sistema e Informtica.
Sumrio
Muitos websites so desenvolvidos de uma maneira que, por muitas vezes, fica difcil prestar
uma futura manuteno, no encontrando o erro facilmente. Tudo isto deve-se ao facto de
esses websites no serem desenvolvidos dentro dos padres Web.
Pensando nisso, o consrcio W3C elaborou uma srie de normas e padres Web que iro
auxiliar os desenvolvedores para que sejam desenvolvidos sites com foco na acessibilidade e
usabilidade permitindo que utilizadores portadores de alguma necessidade especial, possam
usufruir do universo chamada Internet.
Desta forma, o presente trabalho possui como objectivo principal entender as principais
tcnicas para o desenvolvimento de websites e aplicar algumas delas no desenvolvimento do
website da FAM-F.
Agradecimentos
Primeiramente agradeo a Deus, aos meus familiares por incentivarem na caminhada
acadmica, e aos meus verdadeiros amigos. Enfim a todos os que me ajudaram a chegar ao
fim desta caminhada.
Glossrio
ANAC
Agencia Nacional de Comunicaes
ARPANet
Advanced Research Projects Agency Network
CGI
Common Gateway Interface
CMS
Content Manegament Sustem
CSS
Cascading Style Sheets
DOM
Document Object Model
FAM-F
Federao das Associaes Cabo-Verdianas de Micro Finanas
HTML
Hypertext Markup Language
HTTP
Hypertext Transfer Protocol
IE
Internet Explore
IIS
Internet Information Services
MF
Mozilla Firefox
NCSA
National Center for Supercomputer Application
NOSi
Ncleo Operacional para Sociedade de Informao
Open Source
Software Livre
PHP
Hypertext Preprocessor
RDBMS
Relacional Data base Management System
SGBD
Sistema de Gesto de Base de Dados
SGML
Standard Generalized Markup Language
SQL
Structured Query Language
SVG
Scalable Vector Graphics
TCP
Transmission Control Protocol
UAAG
User Agent Accessibility Guidelines
UCLA
Universidade de Califrnia em Los Angels
URL
Uniform Resource Locator
W3C
World Wide Web Consortium
WAI
Web Accessibility Initiative
WCAG
Web Content Accessibility Guidelines
WWW
World Wide Web
WYSIWYG
What You See Is What You Get
XML
eXtensible Markup Language
Desenvolvimento Web usando Padres e Tecnologias Web

O caso da FAM-F
Contedo
Captulo 1:
Introduo ......................................................................................................... 11
1
Objectivos ..................................................................................................................... 13
1.1
Geral ............................................................................................................................. 13
1.2
Especifico ..................................................................................................................... 13
2
Motivao ..................................................................................................................... 13
3
Metodologia .................................................................................................................. 14
4
Estrutura do trabalho .................................................................................................... 14
Captulo 2:
As principais tecnologias Web ......................................................................... 16
1
Web Browser ................................................................................................................ 17
1.1
Mozila Firefox .............................................................................................................. 19
2
Linguagens de programao Web ................................................................................ 20
2.1
Websites dinmicos ...................................................................................................... 22
2.2
PHP ............................................................................................................................... 23
2.3
HTML ........................................................................................................................... 25
2.4
Java Script .................................................................................................................... 25
2.5
XML ............................................................................................................................. 26
3
Servidor Web ................................................................................................................ 28
3.1
Apache .......................................................................................................................... 30
4
MySQL ......................................................................................................................... 32
4.1
Histria do MySQL ...................................................................................................... 33
4.2
Caractersticas do MYSQL........................................................................................... 33
5
Joomla........................................................................................................................... 34
5.1
Histria do joomla ........................................................................................................ 35
5.2
Caractersticas do joomla ............................................................................................. 36
Captulo 3:
Caractersticas dos padres Web e Acessibilidade na Web ............................. 37
1
Caracterstica dos padres Web.................................................................................... 37
1.1
Definio de padres Web............................................................................................ 38
1.2
Razes para utilizar padres Web ................................................................................ 39
1.3
Dificuldades em utilizar padres Web ......................................................................... 40
1.4
Tabless Vs padres Web............................................................................................... 41
2
Acessibilidades na Web ................................................................................................ 41
2.1
Definio da acessibilidade .......................................................................................... 42
2.2
Componentes para a acessibilidade na Web ................................................................. 44
2.3
Construo de uma Web acessvel ............................................................................... 48
2.4
Avaliar a acessibilidade ................................................................................................ 49
Captulo 4:
Desenvolvimento de websites usando padres e tecnologias nos dias de hoje 51
1
Internet .......................................................................................................................... 51
2
Histria da Internet ....................................................................................................... 52
3
Internet em Cabo Verde ................................................................................................ 53
4
Desenvolvimento Web no mundo usando padres e tecnologias................................. 54
5
Desenvolvimento Web em Cabo Verde usando padres e tecnologias ....................... 57
Captulo 5:
O Caso da FAM-F ............................................................................................ 61
1
Caracterizao da organizao ..................................................................................... 61
2
Situao actual .............................................................................................................. 62
3
Soluo de um novo website ........................................................................................ 66
7/113

O caso da FAM-F
3.1
3.2
3.3
3.4
Estrutura do Website da organizao ........................................................................... 69

Estrutura da pgina principal do Website ..................................................................... 69
Composio da Pagina principal do Website ............................................................... 70
Comparao entre o antigo website e o novo website .................................................. 75
Captulo 6:
A
1
1.1
1.2
1.3
1.4
1.5
2
2.1
Concluso ......................................................................................................... 81
Manual de desenvolvimento do Website da FAM-F ........................................ 90

Construo da pgina Web da FAM-F ......................................................................... 91
Seces e Categorias .................................................................................................... 92
Artigos .......................................................................................................................... 93
Contactos ...................................................................................................................... 96
Menus ........................................................................................................................... 98
DocMan (Gestor de Documentos) .............................................................................. 103
Rotinas de actualizao .............................................................................................. 105
Actualizao do Web site da FAM-F ......................................................................... 105
8/113

O caso da FAM-F
Tabelas
Tabela 1: Organizaes que usam PHP nos seus Websites ...................................................... 55
Tabela 2: Ranking dos Web server no mundo .......................................................................... 56
Tabela 3: problema de usabilidade do Antigo website ............................................................. 64
Tabela 4: problemas de acessibilidade do antigo website ........................................................ 65
Tabela 6: comparao de usabilidade do antigo website com o novo website......................... 79
Tabela 7: comparao da acessibilidade entre o antigo website com o novo website ............. 80
9/113

O caso da FAM-F
Figuras
Figura 1:Uso de Browser em 2009 ........................................................................................... 18
Figura 2: Ranking das linguagens de Programao ................................................................. 21
Figura 3: Exemplo de um documento XML. ............................................................................ 26
Figura 4:Troca de dados entre sistemas heterogneos.............................................................. 28
Figura 5: Relacionamento dos componentes de desenvolvimento ........................................... 46
Figura 6: O ciclo de implementao ......................................................................................... 47
Figura 7: Linguagem de Programao em Cabo Verde ........................................................... 57
Figura 8: uso de servidor Web em Cabo Verde........................................................................ 59
Figura 9: actual Website da FAM-F ......................................................................................... 65
Figura 10: Estrutura do Website ............................................................................................... 69
Figura 11: Novo website da FAM-F ........................................................................................ 70
Figura 12: composio da pgina principal do website............................................................ 71
Figura 13: Menu-Principal........................................................................................................ 72
Figura 14:Submenu do menu principal .................................................................................... 72
Figura 15:menu autenticao .................................................................................................... 73
Figura 16: Mdulo organizaes associadas ............................................................................ 74
Figura 17: Mdulo FAM-F ....................................................................................................... 74
10/113

O caso da FAM-F
Captulo 1:
Introduo
Cada dia que passa Internet vem crescendo cada vez mais, ela no era como hoje a
conhecemos. Actualmente ela caminha para um novo paradigma de funcionalidades, por
esta razo que, a necessidade de adoptar os padres Web para desenvolver Websites vem
aumentando a cada dia que passa. Com o aumento significativo do acesso e uso da Internet
por diversos tipos de utilizadores, tanto corporativo, empresas, comrcios e os mais comuns
que so os utilizadores domsticos, os padres Web vem sendo um item de grande
importncia para a construo de pginas Web e no s, passando a exigir conhecimentos e
preocupaes de nveis mdio a avanado, embora existam alguns desenvolvedores que no
se preocupam com esse assunto, sendo estes que tornam a vida de muitos utilizadores que
necessitam de cuidados especiais mais difcil ao uso da Internet.
Diariamente, so publicados milhes de contedos na Web como textos, fotografias ou

vdeos. A quantidade de informao que publicada exclusivamente na Web tem vindo a
aumentar rapidamente nos ltimos anos, nesse aspecto que os padres Web possibilitam que
cada utilizador disponibilize informao acessvel a todos de uma forma rpida e econmica.
Padres Web so conceitos importantssimos no processo de Desenvolvimento de Sites.

Compreender e aplicar correctamente estes padres fazem a diferena na construo de
11/113

O caso da FAM-F
websites mais acessveis, usveis e eficientes. Alm disso, garante mais qualidade tcnica aos
profissionais e agncias digitais que os adoptam.
Os padres Web (tambm conhecidos como Web standards) no so definidos apenas pela
W3C. Muitos acham que somente os padres XHTML e CSS so padres Web. Eles so, de
facto padres Web. Porm, muitos outros padres, definidos por outras entidades, colaboram
e influenciam o processo de desenvolvimento de sites e deste modo, devem ser tambm
conceituados como padres Web. Os prprios padres definidos pela W3C citam e utilizam
muito desses outros padres definidos por outras entidades. Eles deram base para a criao da
HTML, da CSS, das linguagens de programao server-side e at mesmo da construo dos
servidores Web
Escrever cdigos HTML (Hyper Text Markup Language) e CSS (Cascade Style Sheets)
seguindo os padres determinados pelo W3C o primeiro passo para ter sites rpidos de
carregar e extremamente compatveis.
Alm disso, os padres Web trazem mais vantagens para os websites: acessibilidade a
portadores
de
deficincia,
compatibilidade
com
dispositivos
mveis,
melhores
posicionamentos nos mecanismos de busca, menor tempo de desenvolvimento, menor custo

de desenvolvimento, menor consumo de banda, sites mais rpidos para carregar e
interoperabilidade entre vrios navegadores Web e sistemas operativos.
Nos dias de hoje as tecnologias Web recebe cada vez mais novas linguagens padronizadas,
assim as aplicaes baseadas em diferentes sistemas operativos ou linguagens de
programao como PHP, ASP.NET, Java, Javascript e entre outras, podem interagir sem a
necessidade de nenhuma intermediao. Para que tudo funcione harmoniosamente em
ambientes acessveis universalmente, como o caso da Internet, necessrios que padres
Web sejam seguidos.
Os Padres Web sempre esto associados ao cdigo da pgina Web e s recomendaes do

W3C especificadas para ele. Para podermos desenvolver um site genuinamente de boa
qualidade e preparado para receber o extra de acessibilidade, os padres Web devem ser
respeitados.
12/113

O caso da FAM-F
justamente sobre a utilizao de tecnologias Web e padres Web no desenvolvimento do

portal da FAM-F, que este trabalho ira concentrar-se, destacando a sobretudo a sua
importncia na utilizao das linguagens escolhidas e os padres Web.
1
1.1
Objectivos
Geral
Entender as principais tcnicas para o desenvolvimento de websites e aplicar algumas delas

no desenvolvimento do website da FAM-F.
1.2
Especifico
Compreender os padres Web W3C.
Anlise crtica das tecnologias para o desenvolvimento do Website da FAM-F.
Anlise crtica do actual website da FAM-F.
Proposta e desenvolvimento de um novo website.
Motivao
A motivao surgiu da necessidade e do interesse de saber o que utilizado no que se refere

as tecnologias de desenvolvimento Web e o quanto importante o uso de padres Web no
desenvolvimento do mesmo. Como visto, existem vrias opes tecnolgicas que podem ser
utilizadas para desenvolvimento Web.
Caso alguma pessoa queira entrar no mercado de desenvolvimento Web necessita-se saber o
que existe em termo de tecnologias e padres Web, o que se tem feito como o mesmo para
13/113

O caso da FAM-F
desenvolver paginas Web acessveis para todos, informaes que se pretende obter com este
trabalho.
Metodologia
Para fazer este trabalho sero apresentados componentes tericos sobre Web standards e
tecnologias Web. Alm dos conceitos tericos, ser executado um levantamento das pesquisas
referentes rea tema do trabalho proposto recorrendo a pesquisas bibliogrficas. Tambm
foram utilizados tabelas e grficos para ilustrar os resultados de pesquisas como o caso de
desenvolvimento Web em no mundo.
Depois em seguida, ser apresentado um estudo de caso feito, no terico mas sim pratico
sobre o desenvolvimento do portal da FAM-F usando padres Web e tecnologias Web. Para
desenvolver esse portal ser utilizado o gestor de contedo muito popular em Cabo Verde que
o Joomla.
Estrutura do trabalho
Este trabalho est organizado da seguinte forma:

O captulo 2 aborda as tecnologias Web, como os Web browsers, as linguagens de
programao, base de dados, servidores Web e aproveita para falar sobre o gestor de contedo
mais utilizado na actualidade.
O captulo 3 apresenta as caractersticas dos padres Web, dando a sua definio, as suas
vantagens e desvantagens, Razes para os utilizar, Dificuldades em utiliza-los e fazendo uma
pequena comparao entre tabless e padres Web. Aproveita-se igualmente para falar sobre a
acessibilidade na Web, com a sua respectiva definio e os seus componentes; como avalialo, tambm como construir uma Web acessvel.
O captulo 4 aborda a Internet e a sua histria, aproveitando-se para falar sobre a Internet em
Cabo Verde. Ainda este captulo fala sobre o desenvolvimento de websites em Cabo Verde e
no mundo usando padres e tecnologias.
14/113

O caso da FAM-F
No captulo 5 sero apresentados os problemas do Website da FAM-F, focando aspectos

relevantes como problemas de acessibilidade e de usabilidade. Fala-se sobre o
desenvolvimento de um novo website para a instituio em causa, em que sero apresentados
todos aplicativos utilizados para a construo do website.
E no captulo 6 sero apresentadas as concluses sobre o trabalho.
15/113

O caso da FAM-F
Captulo 2:
As principais tecnologias Web
Conforme Jnior (2003), a tecnologia Web foi criado como forma de divulgar o
conhecimento cientfico, mas tem sido utilizada tambm como mecanismo de acesso a vrios
tipos de sistema de informao empresariais assim como a comunicao entre eles atravs de
websites, gerando diversas oportunidades de negcios para as organizaes.
A tecnologia Web definida por Jnior (2003) como um conjunto de Padres de

endereamento onde todos os recursos da Web possuem um endereo electrnico nico e
podem ser localizados de qualquer lugar-ponto da Internet, designado de URL (Uniform
Resourse Locator); tambm como um conjunto de Padro de comunicao onde a tecnologia
utiliza um protocolo de comunicao que permite a solicitao e a obteno de recursos da
Web, chamado de HTTP (Hypertext Transfer Protocol); e tambm um conjunto de Padro de
estruturao das informaes, em que o padro da Tecnologia Web para apresentao das
informaes est baseado numa linguagem de marcao chamada HTML (Hypertext Markup
Language). Essa linguagem define os elementos para a visualizao de informaes. Com a
evoluo da Tecnologia Web foi criada uma metalinguagem chamada Extensible Markup
Language (XML) que permite definir de forma extensvel como uma informao pode ser
estruturada e trocada entre sistemas de informaes, directamente pela Internet.
16/113

O caso da FAM-F
Conforme Jnior (2003) a tecnologia Web vem sendo modificada ao longo do tempo, de
forma a incorporar novos recursos e novas funes. Ainda acrescenta que uma grande
evoluo aconteceu quando passou a permitir que os utilizadores da Web pudessem no
somente solicitar pginas com contedos estticos, mas tambm enviar, junto com as
solicitaes, informaes aos servidores, os quais poderiam processa-las e retornar de forma
dinmica o resultado. Resumindo, a tecnologia Web deixou de ser apenas um mecanismo de
acesso a um grande repositrio de documentos electrnicos estticos e passou a funcionar
como interface de acesso a diversos sistemas de informao dinmico.
Em suma pode se dizer que as tecnologias Web tem ajudado um grande nmero de empresas
a comunicar entre si e a aumentar as suas vendas como nenhum outro meio at agora.
precisamente sobre as tecnologias Web que este capitulo ir abordar, dando enfoque as
linguagens de programao, aos servidores Web, aos browsers e entre outras.
Web Browser
Pro Teste (2000) afirma que um navegador Web ou tambm chamado de browser uma
ferramenta informtica que utilizada para visitar os contedos de uma pgina Web.
Uma outra definio mais aprofundada sobre Web browser seria a de Vaz (2002) que diz que
d-se o nome browser aplicao que utilizada para efectuar consultas e pesquisas
informao que existe nas vrias pginas Web, localizados em servidores remotos para acesso
via Internet.
Os browsers possibilitam, portanto, utilizar na sua globalidade, todos os recursos da Internet,

da consulta dos sites ao envio de emails, da transferncia de ficheiros comunicao em
tempo real como conta Vaz (2002).
Na actualidade existe dezenas de navegadores Web (Web browser), entre as quais se

destacam a Internet Explorer, a Firefox, Opera, Google chrome, Konqueror, Netscape e entre
outros.
17/113

O caso da FAM-F
Figura 1:Uso de Browser em 2009

Fonte: (NetApplications, 2009).
A figura 1 mostra a percentagem da utilizao dos Web Browsers at o ms de Maio de 2009,

como se pode reparar na figura, existem vrios browsers, algum que foi mencionado em cima
e que no se encontra ilustrado na figura e vice-versa. Isso explica que realmente existe um
nmero extraordinrio de browsers na actualidade.
Como mostra a figura acima referida, o browser mais utilizado o Internet Explorer (IE). O
Internet Explorer um browser da Microsoft. Algumas empresas indicam esta vantagem do
IE em relao aos outros browsers deve-se ao IE vir logo integrado do Sistema Windows mais
utilizado no mundo.
O Internet Explorer (IE) o browser mais usado com 65.50% de utilizao no mundo inteiro,
pode-se considerar que um nmero bastante elevado. Na segunda posio reside o Mozilla
Firefox com 22.51%, que embora se encontra muito longe em termos percentuais aos dos
18/113

O caso da FAM-F
nmeros do IE, considerado segundo pelo NetApplications (2009), como um serio

competidor com o produto da Microsoft devido ao crescimento da sua popularidade.
Nas posies seguintes encontram-se o Safari com 8.43%, o Google Chrome com 1.80%, o
Opera com 0.72% e os outros com apenas 1.04%
1.1
Mozila Firefox
Firefox (inicialmente conhecido como Pheonix, e que posteriormente, como Mozilla

FireBird), um browser OpenSource ou seja cdigo aberto, rpido, seguro e eficiente,
desenvolvido pela Mozilla Fundation (Base64,2005).
O Mozilla Firefox (MF) hoje reconhecido como o mais forte candidato permanncia do
Internet Explorer no trono dos Browsers da Internet como demonstra a figura 1. A Mozilla
Firefox, o browser mais utilizado depois de Internet Explorer.
1.1.1. Historia
Conforme Ghedin (2004) e Base64 (2005), o firefox foi inicialmente conhecido como
Phoenix e logo aps como Mozilla Firebird, sendo um navegador que funciona em mltiplas
plataformas e de cdigo livre. Desde o surgimento do navegador ele tem sido constantemente
melhorado tanto nas questes de segurana como no aspecto visual, desde o seu lanamento
(Firefox 1.0) em 9 de Novembro de 2004.
Uma verso que chamou a ateno dos utilizadores foi o Firefox 1.5 lanado em 30 de
Novembro de 2005, em que era possvel fazer actualizaes automticas. Ele tinha suporte
aos novos padres Web como SVG (Scalable Vector Graphics), CSS2 e CSS3. Logo aps o
lanamento do Internet Explorer 7, ocorrido em 18 de Outubro de 2006, foi lanado o Firefox
2.0, em 25 de Outubro de 2006, contendo entre outras alteraes como sistema anti-phishing
1
, melhorias nas abas de navegao e um novo visual, Ghedin (2004) e Base64 (2005).
Anti-phishing: sistema contra roubo de informaes sigilosas na Internet (VERISIGN BRASIL,

19/113

O caso da FAM-F
Ghedin (2004) e Base64 (2005) afirmam que a ltima verso do firefox a Firefox 3.0,
lanada no dia 17 de Junho de 2008.
1.1.2. Caractersticas
Na medida que surgi novas verses de Firefox, as suas caractersticas vo mudando para
satisfazer as necessidades dos utilizadores.
Ghedin (2004) e Base64 (2005) apontam algumas caractersticas de Firefox, como: um

corretor ortogrfico integrado, a proteco contra pginas falsas, privacidade, campo de
pesquisa integrado, navegao por abas e bloqueador de janelas popup.
Linguagens de programao Web
Os autores Alecrim (2003) e Coelho (2003) so concordantes ao afirmarem que durante

algum tempo atrs, a Internet era composta basicamente de pginas estticas, ou seja, pginas
que dia aps dia tinham o mesmo contedo, e que no interagiam com seus visitantes.
Alecrim (2003) acrescenta que isto impedia que atitudes mais profissionais fossem tomadas
nestes websites, pois sem a interactividade no era possvel que empresas trocassem
informaes com seus clientes, com outras empresas e consigo mesma (troca de dados com
departamentos, entre a empresa e seus vendedores, etc.).
Coelho (2003) afirma que as paginas desenvolvidas nas linguagens tradicional da Web
(HTML) tem limitaes que decorrem da prpria natureza da linguagem, que no est
vocacionada para aplicaes que incluam animaes, multimdia e formas evoludas de
interaces entre o utilizador WWW (World Wide Web) e as eventuais aplicaes residentes
do lado do servidor.
2006).
20/113

O caso da FAM-F
Em vista disto como conta Alecrim (2003) comearam a surgir algumas ferramentas que
"deram vida" Internet: Perl, TCL e outras linguagens padro CGI (Common Gateway
Interface).
De acordo Alecrim (2003) essas linguagens eram limitadas quanto ao seu uso e eram pouco
amigveis. Mas estas iniciativas permitiram que outras linguagens fossem desenvolvidas
exclusivamente para Internet. Entre elas, podendo citar: PHP, ASP, Java, Javascript, VBScript
e outras, sendo que algumas destas linguagens rodam no lado servidor (Server-Based) e outras
rodam no lado cliente (Client-Based).
As linguagens de programao introduziram na Web as possibilidades de integrar verdadeiras

interactividades em pginas Web como relata Coelho (2003).
Linguagens de programao so linguagens utilizadas no desenvolvimento de interfaces ou

aplicativos para a Internet, podendo rodar em um servidor, ou diretamente do computador do
cliente (utilizador da Internet).
A figura abaixo indicado mostra o ranking das linguagens de programao web no mundo
inteiro.
java
C
5%
5%
5% 3% 3%
24%
C++
PHP
Visual Basic
Python
10%
11%
21%
13%
C#
Perl
JavaScript
Ruby
Figura 2: Ranking das linguagens de Programao

Fonte: (Tiobe, 2009).
21/113

O caso da FAM-F
Como ilustra a figura 2, Java a linguagem de programao mais usado no mundo at o ms

de Agosto de 2009, ocupando o primeiro lugar no ranking da linguagem de programao com
24%. Hoje em dia essa linguagem muito usada no desenvolvimento de aplicaes Web e
tambm ela usada para desenvolver websites. Na segunda posio encontra-se a linguagem
C com 21% que tambm uma linguagem muito utilizado na programao. De seguida a
linguagem C++ com 13 %, logo a seguir surgi o PHP com 11%, embora no sendo o lder no
ranking das linguagens de programao essa linguagem muito popular mundo. A linguagem
PHP o mais usado para desenvolver websites segundo a Netcraft. Na quinta posio
encontra-se o Visual Basic com 10%, as linguagens como Python, Perl e C# ambos com 5%.
Javascript e Ruby com apenas 3%.
2.1
Websites dinmicos
Coelho (2003), afirma que existem na actualidade dois grandes tipos de websites: websites
dinmicos e estticos.
Coelho (2003), Ullman (2005), Serro & Marques (2004) esto de acordo que um website
dinmico so websites flexveis e que so ligados a base de dados, e portanto, toda a
informao que visualizada construda, em tempo real ou com refrescamento regulares, a
partir dos dados e recorrendo a processamento.
Segundo Coelho (2003), os websites estticos so normalmente compostos de pginas Web

criadas pelo utilizador como se efectuasse edio de texto, e so a forma mais rpida e
simples de colocar a informao na Web, mas o seu contedo mantm-se inalterado ou seja
no se altera.
Conforme Coelho (2003) e Serro & Marques (2004), muito difcil manter um site esttico,
especialmente se variar muito a informao.
Na perspectiva de Coelho (2003), para que um website dinmico se torne muito rpido exige
recursos especializados, que sero necessrias uma serie de optimizaes, mas que raramente
se compara com a velocidade de servio das pginas estticas e tambm tem que ser
22/113

O caso da FAM-F
cuidadosamente planeada a escalabilidade de um site dinmico, porque tem um limite de

utilizao substancialmente inferior ao de um website esttico.
De acordo com Ullman (2005) e Coelho (2003) os websites dinmicos para alm de serem
flexveis tambm apresentam um forte instrumento, que designado normalmente, de aplicaes.
Ainda os mesmos autores apresentam algumas caractersticas desse instrumento:
Respondem a diferentes parmetros;
Tm interfaces de gesto de contedo para administradores;
Tm memrias, permitem aos utilizadores registarem e fazerem login, e-commerce e

processos similares;
So de fcil manuteno, actualizao e mesmo de construo.
2.2
PHP
A sigla PHP significa Pr-Processador de Hipertexto. Pereira e Poupa (2005) afirmam que o
PHP uma linguagem de programao para gerao de documentos HTML, ele pode ser
executado ao lado de um servidor, possibilitando o acesso a base de dados. Ainda esses dois
autores afirmam que ele pode ser executado em vrias plataformas como: Unix, Linux,
Windows e Solaris. Tambm pode ser executado a partir vrios servidores de Internet, entre
eles o Apache e o ISS. Serra e Marques (2007) partilham a mesma ideia ao afirmar que o PHP
funciona em vrias plataformas e que tambm funciona em servidor de arquitectura
Cliente/Servidor.
O PHP uma linguagem de ultima gerao, que cruza caractersticas provenientes de Java,
C++, PERL e C como conta Pereira e Poupas (2005).
23/113

O caso da FAM-F
2
Segundo as pesquisas feitas pela Netcraft afirmam que em Abril de 2006 colocaram os
nmeros de domnios com PHP instalado acima dos 20 milhes. Hudson (2005) partilha
mesma ideia quando afirma que o PHP o lder do mercado Web agora instalado em mais
de 20 milhes de domnios em todo o mundo, o PHP sem dvida o lder de programao
Web.
Os autores Welling e Thomson (2003) afirmam que o PHP foi desenhado especialmente para
a programao Web.
2.2.1
Histrias do PHP
Segundo Serra e Marques (2007), PHP foi desenvolvido por Rasmus Lerdorf como um
conjunto de ferramentas capaz de dar resposta a necessidade de saber quem acedia sua
pgina pessoal. Ele foi desenvolvido numa linguagem de programao designada de PERL,
que mais tarde acabou por ser reescrito em C, pois e que desse modo utilizar-se-iam menos
recursos com o aumento notvel de velocidade de processamento.
De acordo com Welling e Thomson (2003), Lordorf comeou a criao dessa linguagem no
ano de 1994. Segundo Serra e Marques (2007) afirmam que o nome atribudo a linguagem foi
PHP, mas com um significado diferente da actualidade Personal Home Page. Hundosm
(2003) partilha a mesma ideia ao afirmar que o PHP tinha um significado diferente da
actualidade e que s mais tarde veio a chamar-se PHP Hypertext Preprocessor.
2.2.2
Caractersticas
Conforme Hudson (2005) as caractersticas do PHP foram-se desenvolvendo e aparecendo a

medida que surgiram novas verses desta linguagem. Serra e Marques (2007) partilham a
mesma ideia afirmando que quanto mais as pessoas utilizavam o PHP, mais exigentes se
tornavam e por isso, Rasmus viu-se a necessidade de aperfeioar a verso inicial, e o
resultado dessa perfeio resultou na origem da nova verso do PHP como o nome de PHP/FI
verso 2.
2
www.php.net/usage.php, consultada em 1 Junho 2009.

24/113

O caso da FAM-F
Serra e Marques (2007) e Hudson (2005) afirmam que na medida que surgi novas verses
desta linguagem de programao, as caractersticas vo se aparecendo e desenvolvendo, de
modo a satisfazer as necessidades das pessoas que esto a utiliza-las.
2.3
HTML
Na ptica de Coelho (2001), o HTML (Hypertext Markup Language), consiste na linguagem

utilizada nas pginas WWW. Ainda o autor afirma que se trata de uma linguagem construda
segundo as regras especificadas por outras mais antigas (SGML) e que descreve pginas de
Hipertexto com recursos a um conjunto de identificadores denominadas de marcas.
De acordo com Pereira e Poupa (2005) o HTML uma linguagem bsica da WWW e ainda
afirmam que a maioria dos documentos na Internet encontram-se escritas em HTML, e da a
sua incontornvel importncia. O HTML uma linguagem de marcas: formata o documento
utilizando marcas como <p>, </p>, <table>, <form> e entre outras.
2.4
Java Script
Para Pereira e Poupa (2005) o javascript uma linguagem de programao, da famlia da

linguagem C, que foi criada especificamente para a Internet pela Netscape no ano 1995, com
o propsito de permitir uma interactividade que se consegue apenas com HTML. Ainda
afirmam que uma das principais caractersticas do javascript a forma como interage com o
navegador, podendo aceder aos objectos.
Uma outra definio seria a de Aminharadio (2006) que diz que Javascript uma linguagem
de programao que serve para ser inserida em pginas Web, e que permite criar pequenos
programas (scripts) que executam determinadas funes definidas pelo programador.
Segundo Aminharadio (2006), as funes de javascript inseridas no ficheiro HTML tm como

principal inteno tornar as pginas Web mais dinmicas e interactivas.
25/113

O caso da FAM-F
2.5
XML
Freitas (2007) afirma que para disponibilizar um formato de meta dado capaz de trabalhar na
Web, foi proposto o XML (Extensible Markup Language). Ainda o autor afirma que
conforme o W3C, o XML um modelo simples, com um formato de texto muito flexvel
derivado do SGML (Standard Generalized Markup Language).
O XML capaz de armazenar dados em unidades chamados de entidades, formando um

documento com as informaes armazenadas de forma comparada a uma classe de dados, e
que entretanto no XML no h declaraes sobre o tipo de dados armazenados e nem o tipo
de relaes (Freitas, 2007).
Sousa (2002) afirma que a XML uma linguagem de marcao de documentos,

completamente independente das plataformas hardware e software que a utiliza. Ainda o
mesmo autor afirma que o XML um padro aberto, que fornece um conjunto de regras para
descrever o contedo dos documentos assim como a sua estrutura lgica, de modo a que estes
possam ser interpretados e ou manipulados, quer pelos utilizadores, quer pelas aplicaes.
A figura em baixo mostra um exemplo de um documento XML.
Figura 3: Exemplo de um documento XML.
26/113

O caso da FAM-F
De acordo com Sousa (2002) o XML possui algumas vantagens principais tais como:
A XML extensvel. A possibilidade de criar etiquetas de um modo arbitrrio

(respeitando sempre as regras de alinhamento), permite adaptar a estrutura de um
documento XML a praticamente qualquer situao especfica.
Os documentos XML so autos descritivos. So, portanto, relativamente fceis de
interpretar, manipular e interrogar. Esta caracterstica pode tambm revolucionar o
modo como as pesquisas so efectuadas na WWW, permitindo o aparecimento de
motores de pesquisa que realizem as pesquisas tendo em conta o significado
(contexto) dos dados, em vez de se basearem unicamente na associao de palavraschave.
Apesar da sua simplicidade, a XML permite criar estruturas bastante complexas
(rvores ou grafos de profundidade arbitrria e, eventualmente, cclicos e recursivos).
A XML extremamente flexvel, possibilitando a representao, quer de dados
estruturados, quer de dados semi-estruturados.
O contedo de um documento XML pode ser facilmente manipulado pelas aplicaes
de software (recorrendo s APIs existentes), o que torna possvel atingir nveis de
automao bastante elevados.
Uma vez que a XML tem uma natureza meta lingustica, as organizaes podem
utiliz-la para desenvolver padres especficos, definindo esquemas comuns, de modo
a trocarem, eficientemente, dados entre si. Estes esquemas podem ser disponibilizados
publicamente na WWW. O objectivo utilizar a XML como a lngua franca para a
troca de dados entre os sistemas de informao organizacionais.
Uma vez que o contedo de um documento XML est separado da sua apresentao,
possvel obter mltiplas perspectivas sobre um mesmo documento XML (recorrendo
XSL).
27/113

O caso da FAM-F
Talvez a principal vantagem da XML seja o facto de ser uma tecnologia estupenda para
realizar a troca de dados entre aplicaes, tornando-se, assim, num meio por excelncia para
efectuar a integrao de dados entre sistemas heterogneos. (Sousa, 2002).
A figura a seguir mostra a troca de dados entre os sistemas heterogneos
Figura 4:Troca de dados entre sistemas heterogneos

Fonte: Sousa (2002).
Servidor Web
Roseindia (2007) e Remoaldo (2006) afirmam para que a WWW possa funcionar necessria
a existncia de dois tipos de programas:
Um programa cliente, que utilizado para ceder ao stios Web e que este programa
normalmente um browser, como Internet Explorer ou o Mozilla Firefox
Um programa servidor , que envia ao utilizador as paginas/dados por estes

solicitados. Os dois servidores Web mais conhecidos so Apache e o Internet
Information Services (IIS).
Um um servidor Web um programa responsvel por

disponibilizar pginas, fotos, ou qualquer outro tipo de objecto ao
navegador do cliente. Ele tambm pode operar recebendo dados
do cliente, processando e enviando o resultado para que o cliente
28/113

O caso da FAM-F
possa tomar a aco desejada (como em aplicaes CGI"s, banco

de dados Web, preenchimento de formulrios, etc.). (Ribeiro,
2005).
Na ptica de Remoaldo (2006), um servidor Web para alm de enviar as pginas (e outros
recursos) Web aos utilizadores, tambm disponibiliza uma rea onde se pode armazenar e
organizar as pginas de um website.
Conforme Remoaldo (2006), existe uma relao entre o servidor Web e o browser do
utilizador e essa relao denominada de cliente/servidor isto , uma distribuio de tarefas
entre o servidor (que armazena, processa e distribui os dados) e um cliente (que solicita e
visualiza os dados fornecidos pelo servidor). Este tipo de arquitectura tambm conhecido
por two-tier (arquitectura de duas camadas).
Na ptica de Remoaldo (2006), quando o utilizador solicita ao browser para este ir buscar a
uma pagina Web ou buscar uma determinada informao em uma pagina Web, o browser
empacota esta instruo do utilizador, utilizando um protocolo chamado TCP
(Transmission Control Protocol) - o TCP um protocolo de transporte que disponibiliza um
formato de transmisso fivel, que assegura que a mensagem correctamente empacotada
para ser transmitida, e que depois, no destinatrio, correctamente descompactado.
Existem no mercado diversos servidores Web, entre as quais podemos destacar:
Apache http server- Apache Foundation
Internet information service (IIS)-Microsoft
Sun Java System Web Server- Sun Micro system (anteriormente Sun ONE Web
Server, Iplane Web Server, e Netscape Enterprise Server).
Zeus Web Server- Zeus Technology;
29/113

O caso da FAM-F
NCSA httpd-NCSA.
De entre os diversos servidores Web apresentados o Apache e o ISS so os mais utilizados

pela maior parte dos Websites.
3.1
Apache
Segundo Wesley (2001) Apache um servidor Web muito complexo, principalmente por
causa do nmero vasto, de caractersticas que ele possui.
O Apache um servidor Web extremamente configurvel, robusto

e de alta performance desenvolvido por uma equipe de voluntrios
(conhecida como Apache Group) buscando criar um servidor Web
com muitas caractersticas e com cdigo fonte disponvel
gratuitamente via Internet. (Ribeiro, 2005).
Conforme a Netcraft3, o Apache o servidor mais usado que todos os outros servidores Web
do mundo.
3.1.1
Histria do apache
Os autores Kabir (2002), Ribeiro (2005) e Mateu & Piol (2008), so concordantes que no
incio da criao da pginas Web, a NCSA (National Center for Super Computing
Applications) criou um Web Sever ou seja um servidor Web que poderia vir a se tornar
nmero 1 no incio do ano de 1995.
Ainda esses mesmos autores concordam que nessa mesma data o principal desenvolvedor da
NCSA, o Rob McCool, deixou a empresa e o desenvolvimento foi interrompido. Assim
muitos desenvolvedores buscaram personalizar sua prpria verso do NCSA ou adicionar
mais caractersticas para atender as suas necessidades, e que de seguida sentiram a
necessidade de realizarem um frum para gerir/organizar esses pacotes, dando assim o
3
http://www.netcraft.com/, consultada em 3 Maio de 2009.

30/113

O caso da FAM-F
surgimento do Grupo Apache (Apache Group). Este grupo usou o cdigo do Web Server da
NCSA para criar um novo Web Server que foi chamado de Apache, que em apenas 3 anos se
tornou lder no mercado de Web Servers.
Kabir (2002), Ribeiro (2005) e Piol (2008) afirmam que a primeira verso do Apache foi
lanada em Abril de 1995 e relanada em Dezembro do mesmo ano como verso 1.0.
Ainda os mesmos autores afirmam que nas verses 2.x do Apache, a escalabilidade do
servidor foi ampliada suportando as plataformas Win32 (no obtendo o mesmo desempenho
que em plataformas UNIX mas sendo melhorado progressivamente).
3.1.2
Caractersticas do Apache
Ribeiro (2005) afirma que o Apache possui vrias caractersticas tais como:
Possui suporte a scripts CGI usando linguagens como Perl, PHP, Shell Script, ASP,
etc.
Suporte a autorizao de acesso podendo ser especificadas restries de acesso

separadamente para cada endereo/arquivo/directrio acessado no servidor.
Autenticao requerendo um nome de utilizador e senha vlidos para acesso a alguma

pgina/subdirectrio/arquivo (suportando criptografia via Crypto e MD5).
Negociao de contedo, permitindo a exibio da pgina Web no idioma requisitado

pelo Cliente Navegador.
Personalizao de logs.
Suporte a virtual hosting ( possvel servir 2 ou mais pginas com endereos/ portas
diferentes atravs do mesmo processo ou usar mais de um processo para controlar
mais de um endereo).
31/113

O caso da FAM-F
Suporte a IP virtual hosting
Suporte a name virtual hosting.
Suporte a servidor Proxy FTP e HTTP, com limite de acesso, caching (todas
flexivelmente configurveis).
Suporte a criptografia via SSL e certificados digitais.
Suporte a proxy e redireccionamentos baseados em URLs para endereos Internos.
MySQL
O MySQL um das bases de dados relacionais segundo jnior (2000) mais rpidos do
mercado e apresenta quase na sua totalidade todas as funcionalidades das grandes bases de
dados. MySQL uma linguagem simples, ou seja, qualquer pessoa pode facilmente gravar,
alterar e recuperar informaes numa pgina Web com segurana e rapidez.
Aloise et Al (2008), afirma que o MySQL um sistema de gesto de base de dados relacional
multi-encadeado, que tem cdigo fonte aberto e nvel corporativo. O MySQL no apenas
um base de dados, mas tambm um gestor de base de dados. Com este SGBD (Sistema
Gesto de Base de Dados), tambm pode ser utilizado para aplicaes corporativas, em que,
necessitam de vrias conexes simultneas, e que possibilita 101 conexes em simultneas e
que uma conexo o tempo que leva para um determinado utilizador receber o dado
solicitado.
Remoaldo (2006), Aloise Aloise et Al (2008) e Suehring (2002) concordam ao afirmarem que
o MySQL do tipo open source (cdigo aberto) e que esta disponvel para mais de 20
plataformas
De acordo com o Remoaldo (2006), o MySQL disponibiliza uma biblioteca cliente para poder
escrever os seus prprios programas. Segundo esse mesmo autor, essa biblioteca utilizvel
32/113

O caso da FAM-F
directamente a partir dos programas criados em linguagem C, existindo interfaces para outras
linguagens como PHP, Perl, Python, Java, C++ e Ruby, entre outras linguagens.
4.1
Histria do MySQL
De acordo com Santos e Silva (2009), o MySQL surgiu a partir da necessidade da equipa que
criou o SGBD, de utilizar algum mecanismo que permitisse a conexo de tabelas criadas na
linguagem SQL para um determinado fim. Ainda os mesmos autores contam que a princpio,
o grupo iria utilizar o mSQL, mas logo perceberam que essa ferramenta no era
suficientemente rpida para atender s necessidades do projecto. Ento o nico jeito era criar
uma soluo prpria. Ento nascia o MySQL.
O MySQL foi originalmente desenvolvido pela empresa sueca TCX, que necessitava de um
servidor de base de dados que operasse com grandes escalas de dados rapidamente sem exigir
carssimas plataformas de hardware. A TCX opera desde 1996 com 40 bancos de dados,
contendo 10.000 tabelas, sendo 500 delas com mais de 10 milhes de linhas (Jnior, 2000).
Harrison e Feuerstein (2006) e Jnior (2000) concordam ao afirmarem que o MySQL teve a
sua origem num sistema de base de dados chamado Unireg usado pela companhia sueca TCX
que inicialmente foi desenvolvido em 1980 e aperfeioado depois para Data Warehousing.
Aloise Aloise et Al (2008) confirma a ideia de Harrison e Feuerstein (2006), ao dizer que o
MySQL teve a sua origem num sistema num sistema de base de dados chamado Unireg.
Ainda Harrison e Feuerstein (2006) relatam que Unireg no tinha a interface SQL, e que seu
autor Michael Widenius veio adicionar-lhe o seu suporte em 1995, o que veio mais tarde a ser
criada a primeira verso do MySQL.
4.2
Caractersticas do MYSQL
Aloise et Al (2008), compartilha as mesmas ideias que Jnior (2000) sobre as caractersticas
do MySQL. E essas caractersticas so:
33/113

O caso da FAM-F
Suporta diferentes plataformas: Win32, Linux, FreeBSD, Unix, etc.
Suporte s APIs das Seguintes linguagens: PHP, Perl, C, C++, Java, Pynthon, etc...
Um sofisticado sistema de senhas criptografadas, flexvel e seguro.
Suporta at 16 ndices por tabela
Cdigo fonte escrito em C e C++ e testado com uma variedade de diferentes

compiladores
O Cliente pode conectar no MySQL atravs de conexes TCP/IP.
Muito bom para aplicaes Web.
Aplicaes de nvel corporativo.
Suporte a cdigo fonte aberto e de fcil soluo, pois existem inmeros grupos de
estudos referentes a este sistema.
Tabelas com grande capacidade de armazenamento de dados
Estabilidade (Isso varia de verso para verso).
Joomla
Segundo White e Wallace (2007) afirma que joomla um CMS (Content Manegement
System), e que esse CMS um sistema em programas de computador empregado para
organizar e facilitar a criao colaborativa de documentos e outros tipos de contedos e
tambm que frequentemente uma aplicao Web empregada para gerir websites e contedo
da Web.
34/113

O caso da FAM-F
Soares (2009) compartilha a mesma ideia de White e Wallace (2007) ao afirmar que Joomla
um CMS de cdigo livre que permite criar e gerir todos os aspectos de um website. Como
conta Soares (2009), joomla apenas uma framework interpretadora de componentes,
mdulos, mambots e templates (conhecidos por extenses) dos quais o Joomla
completamente alheio do seu aspecto. um programa escrito em PHP, usa MySQL como
base de dados e o Apache como servidor.
Para Soares (2009) no existe o conceito de pginas webs como o conhecemos, e que esse
aspecto muito importante e que geralmente no so mencionados. Pois tudo o que aparece
no browser gerado a partir de um nico ficheiro, o tpico e conhecido index.php que se
encontra na raiz do site.
Soares (2009) e White e Wallace (2007) so concordantes que Joomla um software utilizado
para criar:
Portais para empresas ou outras organizaes.
Websites de comrcio electrnico.
Website de pgina pessoal.
Websites baseado em comunidade online.
Blogs, revistas e jornais.
5.1
Histria do joomla
Rahmel (2007) conta que a histria do Joomla teve o seu incio no ano de 2001 com um outro
projecto chamado Mambo, um CMS (Content Manegament System) Open Source, lanado
nesse mesmo ano.
35/113

O caso da FAM-F
Acrescenta ainda o mesmo autor que a primeira verso do Mambo foi lanado como um
produto interno criado por engenheiros no Miro Corporation em Austrlia, mais precisamente
em Abril de 2001. Ainda Rahmel afirma que inicialmente, o Mambo foi direccionado para o
uso da comunidade Open Source. Nessa altura Mambo foi uma fascinante aplicao CMS e
que rapidamente ganhou uma grande popularidade e cotao no mercado industrial de plugins e templates. Mais tarde viria a se tornar a mais popular aplicao CMS disponvel de
forma gratuita incluindo o seu cdigo fonte. A comunidade desenvolvedora criou um
ambiente onde as pessoas pudessem partilhar de forma gratuita ideias e cdigo fonte.
5.2
Caractersticas do joomla
O Joomla um CMS de cdigo livre que permite criar e gerir todos os aspectos de uma
pgina Web. De acordo com Gomes et Al (2009), joomla possui vrias caractersticas tais
como:
Cdigo aberto (Licena GPL).
Gestor de banner.
Sistema para publicao para contedos.
Busca optimizada (qualquer palavra registada).
FrontEnd j traduzido em varias lnguas.
Fcil instalao para novos templates, mdulos e componentes.
Hierarquia de grupos de utilizadores.
Editor de contedo WYSIWYG.
Extenses livres em diversos websites (Mdulos, Componentes, template, tradues).

36/113

O caso da FAM-F
Captulo 3: Caractersticas dos padres Web e

Acessibilidade na Web
Neste captulo ser abordado o conceito de padres Web, suas diversas caractersticas,
vantagens e dificuldades encontradas em sua adopo, alm de fazer um paralelo entre os
termos Tableless e Web Standards e tambm este captulo aborda os conceitos de
acessibilidade na Web, como construir um Web acessvel dentro dos padres Web, fala
tambm de como avaliara a acessibilidade na Web.
Caracterstica dos padres Web
A ideia original da Web segundo Reis (2007), era a existncia de um ambiente onde qualquer
pessoa pudessem conseguir trocar informaes livremente, e que essas informaes pudessem
ser acessadas atravs de diversos dispositivos.
Segundo a definio do W3C (2007), Os Padres Web, ou Web Standards, so conjuntos de

normas, directrizes, recomendaes, e afins, de carcter tcnico, produzidos pelo W3C (World
Wide Web Consortium), destinados a orientar todos fabricantes, desenvolvedores Web e
projectistas para o uso de prticas que possibilitem a criao de uma pgina Web acessvel a
todos, independentemente dos dispositivos usados ou de suas necessidades especiais.
37/113

O caso da FAM-F
1.1
Definio de padres Web
Quando se fala de normas para a Web, de acordo com Reis (2007) trata-se de trs
componentes independentes: estrutura, apresentao e comportamento, ou ainda de
linguagens estruturais (HTML, XML e XHTML), linguagens de apresentao (CSS), modelos
de objecto ( DOM -Document Object Model) e scripting (ECMAScript4), dentre outras.
Para Pereira (2006), padro Web um termo muito mais amplo, que se refere aos padres
Web como um todo e no somente s linguagens de marcao e CSS.
Ainda para o mesmo autor, esse conceito envolve a utilizao das diferentes tecnologias que
constituem a Web, de forma a garantir a interoperabilidade da prpria Web como um todo,
englobando, portanto, um amplo conjunto de boas prticas para o desenvolvimento Web em
diversas reas, tais como linguagens de marcao (XML, HTML, XHTML), linguagens de
apresentao (CSS), semntica (RDF), linguagens de comportamento (DOM), acessibilidade
(WAI), protocolos (HTTP), mobile (MWI), dentre outras.
Utilizar padres para a Web extremamente vantajoso, pois

proporciona um maior controlo sobre a pgina. Quando
dito que uma pgina compatvel com os padres, significa
que o documento consiste de HTML ou XHTML vlido,
utiliza CSS para layout, bem estruturado e semanticamente
correcto. Esses factores podem garantir que o site seja
acessado por qualquer dispositivo, seja ele mvel, tctil,
desktop etc. (Wyke, 2005).
Futtura (2009), afirma que Web Standards ou padres Web so normas criadas pelo W3C que
permite projectar e desenvolver websites suportados pela maioria dos navegadores Web e
dispositivos actuais, alm de fornecer compatibilidade futura com a evoluo dos padres e
dos navegadores Web. De acordo com Futtura (2009), padres Web so conhecidos como
"Tableless".
Verso padro do JavaScript

38/113

O caso da FAM-F
Os websites ou pginas Web construdos de acordo com os padres Web, de acordo com
Zeldman (2003), custam menos, funcionam de uma forma melhor e so acessveis a qualquer
tipo de pessoa e dispositivos no apenas nos browsers (navegadores), leitores de tela e nos
actuais dispositivos sem fio, mas tambm nos que iro aparecer no futuro.
Acrescenta Fraga (2008) que o principal objectivo dos padres Web tornar as informaes
disponveis na Web acessveis a todos, conduzindo a Web a seu pleno potencial.
1.2
Razes para utilizar padres Web
De acordo com Reis (2007), o desenvolvimento tradicional de websites tem sido empregado
com o propsito de faz-los aparecerem perfeitos, sem erros, em alguns principais
navegadores Web como Internet Explorer e Mozilla Firefox. Ainda a mesma autora afirma
que desenvolver pginas Web nos padres Web significa utilizar a Web como uma ferramenta
acessvel muito ampla por um grande nmero de utilizadores e uma grande variedade de
dispositivos.
Fraga (2008) afirma que os websites que estiverem em conformidade com os padres Web
tero um desenvolvimento agradvel e relativamente rpido em comparao com aqueles que
no esto seguindo os padres. Ainda afirma que a padronizao da Web visa trazer
comodidade no s aos utilizadores, mas tambm a seus desenvolvedores.
Reis (2007) apresenta vrios benefcios dos padres Web, tais como:
Separao de contedo e apresentao, para tornar o cdigo limpo e correcto;
Manuteno e desenvolvimento simplificados: usar HTML semntico e bem

estruturado torna mais fcil a compreenso do cdigo e reduz custos e trabalho
desnecessrio;
Compatibilidade com as leis e directrizes de acessibilidade sem comprometer a beleza,

o desempenho ou a sofisticao;
39/113

O caso da FAM-F
Adaptao simplificada: tornam-se funcionais em vrios navegadores e plataformas,

sem a dificuldade e a despesa de criar verses separadas, suportando dispositivos no
tradicionais - desde acessrios sem fio e telefones celulares, at leitores de Braille e de
tela usados por usurios com deficincias fsicas - apenas por vincular a um arquivo
CSS diferente;
Compatibilidade com verses futuras: sites projectados utilizando padres definidos e

cdigo vlido, reduzem o risco de novos navegadores serem incapazes de renderizar a
codificao utilizada;
Maior velocidade no carregamento da pgina: menos HTML resulta em arquivos de

tamanho menor e download mais rpido, fazendo com que os navegadores modernos
renderizem as pginas mais rapidamente;
Melhor posicionamento em mecanismos de busca.
1.3
Dificuldades em utilizar padres Web
Apesar de ter apresentado inmeras vantagens sobre os padres Web, mas importante
realar que a adopo ampla do desenvolvimento baseado nos padres web apresenta algumas
dificuldades. E que essas dificuldades segundo Reis (2007), so:
Diferenas na implementao dos padres por parte dos navegadores: Apesar das
recomendaes do W3C terem sido criadas com o propsito de padronizar a
codificao das pginas Web, os navegadores actuais no apresentam completo
suporte a estes padres e no conseguem implementar correctamente todas as
recomendaes do W3C.
Popularidade dos editores visuais WYSIWYG: O termo WYSIWYG o acrnimo
de What You See Is What You Get (O que voc v o que voc tem) e refere-se a
ferramentas de desenvolvimento que permitem desenvolver websites sem precisar ter
40/113

O caso da FAM-F
conhecimento de tags HTML bsicas, ao mesmo tempo em que permite visualizar o

site com a mesma aparncia que ele ter no navegador depois de pronto.
Dificuldades de aprendizado: A adopo dos padres no costuma ser algo simples

para desenvolvedores acostumados a layouts em tabelas, pois envolve o domnio de
uma nova linguagem (CSS) e uma mudana de mentalidade na forma de
desenvolvimento que passa a ser baseado no contedo e no mais no visual.
1.4
Tabless Vs padres Web
Segundo Pereira (2006), nos meados de 90, os navegadores Web ainda no haviam
implementado CSS e que todo o posicionamento dos elementos e sua aparncia eram
controlados atravs de marcao (HTML) e apresentao (CSS) completamente aninhadas e
tcnicas de spacer (um GIF transparente) para empurrar elementos e deix-los em um local
especfico.
Ainda Pereira (2006), afirma que com o desenrolar do tempo, que a grande parte de CSS j
haviam sido implementados, praticamente todos os navegadores que estavam sendo
utilizados, porm os desenvolvedores continuaram a criar sites de acordo com o mtodo
antigo. Assim, surgiu segundo Pereira (2006), o termo tableless (do ingls sem tabelas),
em oposio a esta viso de desenvolvimento que utiliza tabelas, e no CSS, para controlar o
layout em que no exterior comumente utilizado o termo CSS Layout. Porm, torna-se
importante ressaltar, que ambos no so sinnimos de seguir os padres Web, isto , um
layout feito com CSS no sinnimo de que o site que segue os padres.
Acessibilidades na Web
Hoje em dia a maioria das pessoas simplesmente no podem conceber as suas vidas sem o uso
da Internet. Segundo a W3C (2005), a Web exerce um papel fundamental nas reas de
governos, recreao, educao, negcios e comrcio. Uma Web acessvel e que permita a
participao de pessoas portadoras de necessidades especiais na sociedade fundamental para
proporcionar oportunidades iguais para todos nas diversas reas.
41/113

O caso da FAM-F
Nos dias de hoje, o acesso Internet d se de uma maneira precria para muitas pessoas, pois
alm da falta de navegadores apropriados, a forma como as pginas Web so desenvolvidas
hoje em dia torna-se uma grande barreira, que muitas vezes impossibilita a interaco de uma
pessoa deficiente com as informaes e os servios disponveis na Web.
2.1
Definio da acessibilidade
Conforme W3C (2005), acessibilidade na Web significa que pessoas portadoras de deficincia
sejam capazes de usar a Web. Mais concretamente, significa uma Web projectada de modo a
que estas pessoas possam perceber, entender, navegar e interagir de uma maneira efectiva
com a Web, bem como criar e contribuir com contedos para a Web.
Na ptica de Fraga (2008) a acessibilidade se concentra na questo de oferecer o acesso de

todos s informaes disponveis na Web, desde portadores de necessidades especiais ate
utilizadores de dispositivos com limitaes quanto configurao.
Figueiredo (2004) afirma que acessibilidade um factor cada vez mais difundido, no s
meio fsico como tambm na Web.
Por acessibilidade entende-se os meios postos disposio dos utilizadores que lhe permitem
o acesso (a um directrio, por exemplo no caso da Web a informao) independentemente das
suas limitaes fsicas (Figueiredo, 2004).
Segundo W3C (2005), existem milhes de pessoas portadoras de deficincia que tem o seu
acesso a Web muito restrito. Actualmente a maioria dos Websites tm barreiras de
acessibilidade que dificultam ou mesmo tornam impossvel para estas pessoas, acessar as
paginas Web. Ainda para W3C, se os Websites e Web softwares foram projectados acessveis,
estas pessoas podero usar os sites efectivamente sem qualquer problema.
Para Fraga (2008), a conformidade com os padres Web permite tornar os sites acessveis,
isto e, seu contedo devera ser, de qualquer forma, legvel e compreensvel.
42/113

O caso da FAM-F
De acordo com Figueiredo (2004), a Web no um meio privilgio onde s quem tem todos
os sentidos operacionais dispe de um vasto leque de informaes mas tambm as pessoas
portadoras de deficincias fsicas, quer sejam elas cegas, ambliopes, surdas ou portadoras de
deficincias motoras, podem ter acesso a este fonte de informaes, recorrendo a programas
de leitura de ecr especficos e perifricos portadores especiais.
Para o W3C (2005), a acessibilidade na Web contempla todo tipo de necessidade especial,
sejam elas:
Deficincias visuais, fsicas, auditivas, de fala, cognitivas e neurolgicas;
Utilizadores impossibilitados de usar o rato ou o teclado;
Utilizadores com dificuldades de leitura e interpretao de textos;
Navegadores antigos;
Navegadores sem suporte a cor;
Navegadores de texto;
Conexes lentas;
Diversidade de sistemas operacionais;
Dispositivos de navegao portteis;
Navegadores sem suporte a CSS ou scripts, ou com estes recursos desabilitados;
Dispositivos de navegao com limitaes de memria e/ou processamento;
43/113

O caso da FAM-F
Diversidade de resolues de tela.
Fraga (2008), afirma que os Padres Web tambm oferecem acessibilidade aos softwares,
como:
Facilidade para entender a estrutura dos documentos por parte dos navegadores e
afins;
Maior visibilidade nos resultados de ferramentas de busca;
Layouts obsoletos podem entender a estrutura dos documentos, mesmo que feitos a
partir de padres actuais, de forma que podem reproduzir o contedo de maneira
legvel;
A manuteno das pginas diminui consideravelmente, e sua consistncia aumenta.
Novos padres Web surgem a todo o momento, com o objectivo de aumentar ainda mais a
acessibilidade aos contedos da Web (Fraga, 2008).
Zeldman (2003), afirma que a acessibilidade e os padres tm muita coisa em comum, pois e
que ambos asseguram que o trabalho ser til e disponvel ao maior nmero possvel de
utilizadores, seja qual for a necessidade.
2.2
Componentes para a acessibilidade na Web
A acessibilidade na Web de acordo com Reis (2007) depende do relacionamento entre

diferentes componentes, e o aperfeioamento de componentes especficos pode melhor-la
substancialmente.
De acordo com Henry (2006) essencial que vrios componentes diferentes da interaco e
do desenvolvimento Web funcionem em conjunto de modo a tornar a Web acessvel a pessoas
com necessidades especiais (Figura 5). Estes componentes incluem:
44/113

O caso da FAM-F
Contedo informaes contidas numa pgina Web ou aplicao Web, incluindo:
Informaes naturais, tais como texto, imagens e sons
Cdigo ou marcao que define a estrutura, a apresentao, etc.
Browsers, leitores de multimdia e outros "user agents"
Tecnologia de apoio, em alguns casos leitores de ecr, teclados alternativos,

software de digitalizao, etc.
Os conhecimentos e a experincia dos utilizadores e, em alguns casos, estratgias

adaptveis de utilizao da Web
Criadores de contedo designers, programadores, autores, etc., incluindo criadores

de contedo com necessidades especiais e utilizadores que contribuem com contedo
Ferramentas de criao de contedo software utilizado para criar Web sites
Ferramentas de avaliao ferramentas de avaliao de acessibilidade Web,

validao HTML, validao CSS, etc.
45/113

O caso da FAM-F
Figura 5: Relacionamento dos componentes de desenvolvimento

Fonte: (Henry, 2005)
Conforme Henry (2005) a figura 6 representa o relacionamento dos componentes de

desenvolvimento na acessibilidade na Web em que, os criadores de contedo Web utilizam
normalmente ferramentas de criao de contedo e ferramentas de avaliao para criar
contedo Web. Os utilizadores utilizam browsers, leitores de multimdia, tecnologias de
apoio ou outros "User Agents" para obter o contedo e interagir com o mesmo.
Segundo Henry (2006), quando as funcionalidades de acessibilidade so eficazmente

implementadas num componente, torna-se mais provvel que os outros componentes tambm
as implementem, formando, assim, um ciclo, onde agentes de utilizadores (User Agents),
ferramentas de criao, desenvolvedores e utilizadores so motivados a utilizar e/ou oferecer
maior acessibilidade como mostra a (Figura 6).
46/113

O caso da FAM-F
Figura 6: O ciclo de implementao

Fonte: (Henry, 2006)
O W3C-WAI desenvolve guias e directrizes para os diferentes componentes que sero citados
em baixo:
Directrizes de acessibilidade para ferramentas de criao ATAG (Authoring Tool

Accessibility Guidelines): essa directriz possui como foco principal definir como as
ferramentas ajudaro os programadores a produzirem suas aplicaes Web contendo
as directrizes de acessibilidade ;
Directrizes de Acessibilidade ao Contedo da Web WCAG (Web Content

Accessibility Guidelines): explicam como produzir contedos para a Web que sejam
acessveis s pessoas portadoras de necessidades especiais ou seja pessoas portadoras
de deficincia.
Directrizes de acessibilidade para agentes do utilizador UAAG (User Agent
Accessibility Guidelines): explica como produzir agentes de utilizadores (User Agent)

acessveis para pessoas portadoras de deficincias e aumentar a acessibilidade no
contedo Web;
47/113

O caso da FAM-F
2.3
Construo de uma Web acessvel
A instruo para que deixe uma pgina Web relevante e acessvel saber conceder
significado para a informao (Reis, 2007).
A W3C (2001) apresenta algumas dicas de como construir uma pgina Web, de modo que ela
seja acessvel para todas as pessoas, sejam elas portadoras de deficincia ou no. E essas dicas
so:
Imagens:
Sempre utilizar contedo alternativo atravs do atributo alt. Este atributo

especifica o texto alternativo que apresentado quando a imagem no pode ser
exibida, conferindo significado mesma, e permitindo que leitores de tela e
mecanismos de busca a identifiquem.
Para imagens sem significado, utilizar alt= (Null, Alt), ou preferencialmente,

colocar por CSS, principalmente imagens pertencentes estrutura do layout.
Hiperligaes textuais:
Alguns mecanismos de busca tm as hiperligaes como o factor mais

importante em seus robs de indexao. Utilizar hiperligaes textuais
juntamente com o atributo title, pode conceder melhor significado para
mecanismos como o Google e para os utilizadores.
Formulrios:
Onde for necessrio um plug-in, deve-se incluir uma hiperligao para o item
requerido.
Incluir legendas e transcries para udio, e descries para vdeos.

48/113

O caso da FAM-F
CSS desabilitado:
Sempre testar as pginas com e sem folhas de estilo para garantir que elas
sejam legveis de qualquer forma.
Testar em vrios navegadores:
Sempre utilizar CSS vlida5 e testar em diversos navegadores. CSS mal escrita
poder tornar uma pgina ilegvel.
Scripts:
Codificar de maneira a garantir que as hiperligaes funcionem mesmo

quando o JavaScript no estiver publicado.
Tabelas:
Em tabelas para dados, necessrio identificar os cabealhos da tabela e usar

marcaes apropriadas para associar clulas de dados e clulas de cabealhos
que possuem dois ou mais nveis lgicos de linha e coluna.
2.4
Avaliar a acessibilidade
A validao da acessibilidade segundo Reis (2007) pode ser feita por meio de ferramentas
automticas e da reviso directa. Ainda a autora afirma que os mtodos automticos so
bastantes rpidos, e que apesar de serem bastantes rpidos no so capazes de identificar
todas as diversificaes da acessibilidade. Reis (2007), afirma que a avaliao das pessoas
podem ajudar a segurar a clareza da linguagem e a facilidade da navegao.
XHTML e CSS podem ser validados em http://validator.w3.org/ e http://jigsaw.w3.org/css-validator/

49/113

O caso da FAM-F
Na ptica de Reis (2007), a avaliao e validao da acessibilidade de uma pgina Web

devem estar presente desde as fases iniciais do desenvolvimento do documento. A equipe de
pesquisa da W3C-WAI (1999), aponta como mtodo para validao de uma pgina os
seguintes pontos de verificao:
Utilizao de uma ferramenta de acessibilidade automtica e ferramentas de validao

de navegadores.
Validao da sintaxe (HTML, XML etc.).
Validao das folhas de estilo.
Utilizao de um navegador somente texto ou emulador.
Utilizao de vrios navegadores grficos com: som e grficos activos, sem grficos,
sem Rato (Mouse), sem carregar frames, programas interpretveis, folhas de estilo ou
applets.
Utilizao de vrios navegadores, antigos e recentes.
Utilizao de um navegador de emisso automtica de fala, com leitores de tela, com

software de ampliao, monitores monocromticos etc.
Utilizao de corretores ortogrficos e gramaticais, com o intuito de aumentar o grau

de compreenso.
Reviso do documento, verificando a clareza e a simplicidade.
Validao das pginas com utilizadores reais.
50/113

O caso da FAM-F
Captulo 4: Desenvolvimento de websites usando

padres e tecnologias nos dias de hoje
1
Internet
Vaz (2002) afirma a Internet que uma agncia de viagens, uma caixa de banco, um
repositrio de msicas, uma estao de rdio etc. Isso ajuda entender melhor porque a Internet
o maior repositrio de informao que existe no mundo, na Internet podemos encontrar
tudo, fazendo desta tecnologia a vida de muitas pessoas. A Internet tem revolucionado o
mundo dos computadores, das pessoas, e das comunicaes como nenhuma inveno foi
capaz de fazer antes.
De acordo com Vaz (2002) a Internet um conjunto de redes de computadores que utilizam
uma forma padro de comunicar entre si, baseada num protocolo de comunicaes
denominada de TCP/IP (Transmission Control Protocal/ Internet Protocol).
Actualmente, muitas pessoas em toda parte do mundo trabalham em grandes, mdias e

pequenas empresas a partir das suas prprias casas atravs da Internet. Vaz (2002) e Pro Teste
(2000) falam de vrios servios oferecidos pela Internet como chats (salas de bate papo),
postos de trabalho, competies de todo o tipo, etc.
51/113

O caso da FAM-F
A Pro Teste (2000) identifica como maior triunfo da Internet a sua simplicidade de
funcionamento, e essa simplicidade deve-se facto da Internet ser uma srie de computadores
ligados entre si numa rede gil e flexvel.
Vaz (2002) afirma que os componentes bsicos que precisam para aceder Internet so: servio
de Internet; Equipamento (computador, equipamento de conexo modem ou Ethernet jack ou
uma placa sem fio).
Histria da Internet
Como conta Vaz (2002) no final da dcada de 60, surgiu a necessidade de interligar alguns
laboratrios norte-americanos, que colaboravam com departamento de defesa, de forma a
partilhar recursos e garantir que caso algum laboratrio fosse destrudo (vivia-se em plena
guerra fria). Afirma Vaz (2002) que surgiu uma nova rede denominada de ARPANET e que
essa rede possua trs pontos de ligao, a partir desse ponto.
Angelis e Bianco (2005) compartilham a mesma ideia que Vaz (2002) ao afirmar que a
Internet nasceu no ano de 1969 na universidade de Califrnia em Los Angeles, nos Estados
Unidos da Amrica e tambm naquela altura a tecnologia era chamada de ARPANET.
Os autores Vilha e Di Agustini (2002), Vaz (2002), concordam ao afirmarem que a rede s
veio mais tarde chamar de Internet.
Vaz (2002) afirma que nos finais do ano 80 que a rede foi alargada a grandes empresas,
dividido principalmente a interesses comerciais. Ainda a mesma autora, no incio dos anos 90
o nome de ARPANET foi substitudo, divido a dimenso que a rede tomou, por Internet.
Segundo Vilha e Di Agustini (2002) um dos marcos mais importante da Internet foi a World,
ainda afirmam que a World foi o primeiro provedor de acesso comercial do mundo, criado no
ano de 1990 e que foi graas a esse provedor que os utilizadores puderam conectar a essa
grande rede via telefone.
52/113

O caso da FAM-F
De acordo com Barish (2002) no incio, a Internet no era uma tecnologia muito atractiva.
Ainda explica o autor que ela era pouco user-friendly, por isso era utilizada apenas por
pesquisadores e cientistas para a troca de mensagens e que nem sempre as mensagens tinham
uma formatao adequada.
Actualmente a Internet como ela designada hoje, tem-se acesso a tudo que se possa
imaginar, da informao cultura, do lazer ao consumo, sempre de forma expedita, rpida,
directa e objectiva (Vaz, 2002).
Internet em Cabo Verde
Conforme a ANAC (2007), a Internet foi implementada em Cabo Verde, no ano de 1996 pela
empresa Cabo Verde Telecom (CV Telecom) e, ano a seguir (em 1997) comearam a fazer a
sua comercializao, com a utilizao do servio de Internet DIAL UP (28.800 bps) e com
amplitude da banda 64 Kbps atravs da TELEPAC. Segundo a ANAC no arranque do
processo, os clientes beneficirios eram 200, mas j no final do ano de 1997 aumentaram para
474, como se pode ler na tabele a baixo indicado
Segundo a ANAC esses dois primeiros anos (1996 e 1997) foram anos de experiencias. Diz
ainda que a sua instalao efectiva foi feita em trs fases. E que essas fases sero descritas a
seguir.
A primeira fase foi em 1998 com a instalao do primeiro Router na Praia onde foi feito a
converso de RDIS primrio, utilizou-se a DIAL-UP analgico 56Kbs e digital 64 Kbs.
Haviam aderido ao servio cerca de 1139 clientes.
Em 1999, foram instalados dois Routers com converso RDIS primria, na Praia e no
Mindelo, com acesso a DIAL-UP e IP. Foi a segunda fase de implementao da Internet. J,
neste ano, haviam aderido cerca de 1654 clientes.
A terceira fase foi a da expanso do servio a todas as ilhas de Cabo Verde. Aumentou a
amplitude da banda para 1 Mbps (adeso ao servio MIDGLOBAL-MARCONI).
53/113

O caso da FAM-F
De acordo com a ANAC (2007) a CVTelecom serviu tambm de backbone rede Internet do
governo (256kbs) a 10000 utilizadores. Nesta fase, a Telecom j tinha conseguido 1863
clientes.
A partir de 2004, foi introduzido o servio de acesso a Internet em banda larga com a
tecnologia ADSL (Asymmetric Digital Subscriber Line). Ainda neste ano, cerca de 283
clientes aderiram ao servio da banda larga, com um aumento significativo, no ano 2005,
passaram para 937 o nmero de clientes. Ainda no mesmo ano, devido ao aumento de trfico
de navegao na Internet, a gateway internacional passou para 10 Mb/s como conta ANAC
(2007).
Desenvolvimento Web no mundo usando padres e tecnologias
Nos dias de hoje existem vrias tecnologias Web para o desenvolvimento de Websites e
aplicaes Web. E cada dia que passa essas tecnologias est tornando cada vez mais
sofisticado.
Apesar de existir inmeras linguagens de programao Web segundo Vieira (2004), o PHP
uma das lnguas scripting do Web mais em crescimento rpido na Internet nos dias de hoje e
que ele foi projectado explicitamente para a Web.
Nmero de estatsticas importantes marca marcos milionrios importantes no crescimento do

PHP. De acordo com um exame de Netcraft em Maio 2001, a popularidade do PHP cresceu
em uma taxa mensal de 8-11%. Para pr este na perspectiva, o crescimento do Internet inteira
era de 4%. O exame foi tomado naquele tempo, 6.5 milhes locais usava o PHP. (Branco,
2009).
Vieira (2004) afirma que em 2002, o PHP j estava em 60% dos servidores a nvel mundial, e
hoje incontestvel ser a tecnologia dominante para programao Internet. (ver estatstica de
evoluo de uso do PHP at Abril de 2007 em www.php.net/usage.php). Em 2002 o PHP
estava em mais de 20,917,850 domnios e em 1,224,183 de endereos IP (Netcraft, 2009).
54/113

O caso da FAM-F
O PHP usa extenses que podemos reprogramar; podemos tambm usar aplicaes externas
compiladas, programadas em Java e/ou C/C++, alm de que o PHP tem um detalhe a nvel de
funes e recursos que poucas tm, assim como um verdadeiro uso de classes, agora
reforado na verso 5. (Vieira, 2004).
Temos como alguns exemplos de empresas internacionais que, apesar de no terem stios de
processamento complexos, tm bastantes acessos e usam PHP, como se pode constar na
tabela.
Organizaes
Motorola
WikiPedia
CBS
Google
Lufthansa
Yahoo
Authorize Net
Url
(www.motorola.com)
(www.wikipedia.org),
(www.cbs.com)
(www.google.com),
(www.lufthansa.com),
(www.yahoo.com)
(www.authorizenet.com)
Tabela 1: Organizaes que usam PHP nos seus Websites
Branco (2009) aponta uma das razes principais que os negcios escolhem o PHP sua
simplicidade e facilidade de utilizao. O que compete o PHP comas outras linguagens que
essa linguagem to fcil de aprender.
Uma outra vantagem ou razo apontado por Branco (2009) do PHP ser mais utilizado no
mundo inteiro sua interoperabilidade com sistemas de explorao mltiplos. Uma
companhia pode usar o PHP com o Linux, o Windows ou os Mac por exemplo. Podem
igualmente usar o PHP com a fonte aberta popular Apache Server.
O PHP permite companhias de desenvolver rapidamente suas solues com suporte na

Internet, e modifica-as facilmente quando necessrio. O PHP uma lngua estvel, de
confiana para que os administradores possam usa-las tambm. O PHP personalizado
facilmente para trabalhar sem emenda com bases de dados de Open Source tais como
MySQL.
Claramente muitos benefcios do PHP fizeram-lhe a soluo ideal para que os negcios
possam usa-las em desdobrar suas aplicaes com suporte na Internet. As companhias
55/113

O caso da FAM-F
pequenas e grandes sabem que para o desenvolvimento de utilizao fcil, rpido, o

desempenho superior, a estabilidade e a confiabilidade, e uma grande comunidade mundial
dos utilizadores e dos colaboradores, poucas linguagens podem vir perto de entregar o que o
PHP pode oferecer. A tabela a seguir mostra o Top dos servidores Web mais usado no mundo.
Servidor
Apache
Agosto 2009
Percentagem
104,611,555
46.30%
Microsoft
49,579,507
21.94%
qq.com
30,278,988
13.40%
Google
14,213,976
6.29%
Nginx
11,502,109
5.09%
2,025,521
0.90%
Lighttpd
Tabela 2: Ranking dos Web server no mundo

Fonte (Netcraft6, 2009)
Segundo as estatsticas da Netcraft, no ms de Agosto de 2009, os servidores Internet Apache

so, de longe, os servidores mais usados a nvel mundial como se pode notar na tabela 2. E na
segunda posio est o servidor da Microsoft, o servidor IIS com 21, 46 %.
Os servidores IIS da Microsoft perderam ao longo do tempo e estabilizaram, os Apache tm

estado sempre a ganhar, e apesar de tambm terem alguma estabilidade, evoluem
positivamente (Netcraft, 2009).
A liderana do Apache nas estatsticas de servidores Web mantidas pelo Netcraft continua
inquestionvel, como se pode ver o apache tem uma larga vantagem sobre o segundo que o
servidor IIS da Microsoft.
Se o componente do Apache mais usado o mdulo de PHP, fcil perceber que a maioria o
usa, e se as grandes empresas a nvel mundial usam na grande maioria servidores Apache,
pode-se confirmar que o PHP e a linguagem Web mais usado. E tambm de prever que o
PHP poder ser com certeza uma soluo a nvel empresarial.
6
http://news.netcraft.com/archives/web_server_survey.html, consultado em 23 de Maio de 2009.

56/113

O caso da FAM-F
Muitas empresas portuguesas, brasileiras e norte americanas utilizam o PHP, por se uma
poderosa linguagem de programao web que roda em um servidor Apache e interage com
outras linguagem e base de dados MySQL. O PHP utilizada em larga escala no mundo todo
no desenvolvimento de sites e aplicativos para Web
Varias empresas como a WEBRY afirma que todos os Websites so projectados para
funcionar com os navegadores (browsers) mais populares da Internet. Isso evita que os
websites tenham a aparncia distorcida prejudicando a navegao.
E tambm desenvolve seus sites baseados nas normas da W3C, isto , so desenvolvidos
dentro dos padres Web.
Desenvolvimento Web em Cabo Verde usando padres e

tecnologias
Actualmente utilizam-se vrias linguagens de programao Web para o desenvolvimento de

Web sites ou aplicaes Web. A figura a baixo indicado evidencia o uso de linguagens de
programao Web utilizadas no desenvolvimento de Web sites em Cabo Verde.
Figura 7: Linguagem de Programao em Cabo Verde

Fonte: (Fernandes, 2008)
57/113

O caso da FAM-F
Como se pode evidenciar na figura 7, a linguagem PHP tem um maior nmero de uso em
Cabo Verde com 29,9%, e na segunda posio com 27,1% encontra-se o PHP com aliana
com Perl usado como CGI.
O PHP sem margem de dvida a linguagem de programao Web mais usado em Cabo
Verde no desenvolvimento Web, como demonstra a figura acima referida. Essa linguagem
usado no desenvolvimento de websites de todas as reas de actividades ou sectores, para
qualquer instituio sejam elas privadas ou no.
Conforme Fernandes (2008), O PHP tirou vantagem de ser a linguagem principal de um

gestor de contedo muito utilizado em Cabo Verde que o joomla, e tambm afirma que o
uso dessa linguagem destaca-se principalmente nos jornais online, blogs, governos e etc.
Como se pode observar na figura, o ASP.NET no foi alem do terceiro lugar com apenas 17,
9%. E em seguida encontra-se o HTML com 10,7% que apesar de no sendo uma linguagem
de programao muito utilizado como base para criao de paginas Web.
A quinta posio ocupada por ASP.NET/PHP com 5,7%. Um aspecto curioso a realar
que h uma unio entre uma linguagem proprietria que o ASP.NET e o PHP que Open
Source.
Na sequncia encontra-se o PHP/Flash com 4,3%. E logo a seguir encontra-se o CGI com
1,4%. E por ltimo encontram-se as linguagens ASP.NET/Flash, SHTML, Java/PHP/Flash e
PHP/Perl/Python ambos com 0,7 %, tambm pode-se notar uma participao muito reduzida
do Java, que embora muito utilizada do mundo, mas ainda no muito bem sucedida em
Cabo Verde. E o mesmo pode-se dizer em relao a Python.
Um aspecto muito importante a realar a utilizao de gestor de contedo para a construo

de websites muito utilizado ultimamente em Cabo Verde que o caso de joomla. Pois
segundo o jornal online a semana7 revela que foi realizado um estudo a nvel mundial pela
Comunidade Joomla Open Source aponta Cabo Verde como uma grande referncia na
7
http://www.asemana.cv/article.php3?id_article=36561, consultado em 20 de Maio de 2009.

58/113

O caso da FAM-F
apropriao do Joomla Open Souce, isto , software livre. Graas ao software livre pas
em desenvolvimento como este arquiplago pode hoje ombrear com outros no uso das novas
tecnologias.
De acordo com o mesmo jornal, o NOSI afirma, que o estudo teve como objectivo conferir a
utilizao e aceitao do Joomla em escala mundial, atravs da Web, aps trs anos da sua
existncia.
De acordo com a mesma fonte, a implementao do PAGE (Plano de Aco para a

Governao Electrnica) e do PESI (Programa Estratgico para a Sociedade da Informao)
tem servido da plataforma Joomla para a elaborao de muitos Websites em Cabo Verde,
tanto para servios do Estado como privados.
Os servidores Web tm uma eminente importncia no desenvolvimento Web nos dias de hoje,
pois sem este no seria possvel o alojamento dos websites. Actualmente existe um nmero
considervel de servidores Web, entretanto os registos de servidores Web utilizados por
websites cabo-verdianos de domnio CV so apenas dois que sero abordados mais adiante.
A figura 8 apresenta os resultados em percentagem de como est partilhado os servidores

Web entre os websites cabo-verdianos.
Figura 8: uso de servidor Web em Cabo Verde

Fonte: (Fernandes, 2008).
59/113

O caso da FAM-F
Como se pode ver na figura 8, h um nmero muito alto de websites cabo-verdianos que
utilizam o servidor Web Apache, acerca de 71% desses websites, isso natural j que o
Apache tem-se demonstrado o melhor ao do tempo.
Na segunda posio est o servidor Web IIS na Microsoft com 28%, pode-se considerar
razovel a sua utilizao em Cabo Verde embora muito inferior em relao ao Apache quer a
nvel mundial e nacional.
Por ltimo encontra-se com 1% um servidor Web desconhecido que de acordo com Fernandes
(2008), muito provvel que seja Apache ou IIS, porque em Cabo Verde normalmente esses
dois servidores Web so os mais utilizados.
Pode se dizer que em termos de utilizao de Web Server, Cabo Verde est em p de igualdade
com o resto do mundo, utilizar estas tecnologias se faz necessrio, visto que uma vez que Cabo
Verde entra num pais de desenvolvimento mdio. Apesar de existir inmeros servidores web no
mundo, o mais utilizado em Cabo Verde o servidor apache como se pode evidenciar na
figura. Pode-se dizer que no h um equilbrio de uso entre esses Web Server, mesmo porque
o proveito do uso do Apache muito maior do que os outros dois registos. Enfim, o principal
usar o melhor e o Apache tem-se revelado ser o melhor ao longo do tempo.
60/113

O caso da FAM-F
Captulo 5:
O Caso da FAM-F
Depois de analisados vrios mecanismos e tcnicas que podem ser utilizadas para no processo
de criao de sites Web no captulo 2 e depois de uma anlise de vrios aspectos relacionados
com a acessibilidade e usabilidade desses mesmos stios no captulo 3, ao longo deste captulo
analisa-se um caso concreto do Web site institucional da FAMF em termos desses aspectos
acima referidos. E apresentam-se sugestes de melhoria. Alm disso um novo site criado
levando em considerao as debilidades encontradas e introduzindo as melhorias efectuadas
Caracterizao da organizao
A Federao das associaes Cabo-Verdianas que operam na rea de Micro-finanas (FAMF) uma associao de organizaes no governamentais, sem intuitos lucrativos, polticos ou
religiosos, criada em 2004, que visa o desenvolvimento das Instituies de micro-finanas em
Cabo Verde.
FAM-F visa estabelecer uma forma de concertao entre as organizaes filiadas de modo a
contribuir para a melhor promoo e desenvolvimento dessas organizaes e maximizar a
realizao dos seus objectivos.
61/113

O caso da FAM-F
A FAM-F tem por propsito, atingir entre outros, os seguintes objectivos:
Capacitao de seus membros para a prtica de micro-finanas atravs da realizao

de formaes no Pas e no exterior, intercmbio e visitas de estudos.
Mobilizar de recursos internos e externos com vista a criao de um fundo para

financiamento das actividades das associaes federadas.
Incentivar e mobilizar poupanas junto das associaes federadas para a criao de um

fundo para o financiamento de actividades de micro-finanas dos seus associados.
Encomendar a elaborao de estudos sobre o sector de micro-finanas e implantar as

recomendaes propostas.
Situao actual
Os websites so meios de divulgar informaes de uma determinada instituio onde as

pessoas possam visitar o espao, conhecer o trabalho e os servios prestados pela instituio.
Deste modo a instituio da FAM-F sentia-se alguma necessidade em expor as suas
informaes no seu website, porque o website deparava com vrios problemas, os quais sero
detalhados nos prximos pontos. Afigura a baixo indicado mostra o antigo website da
instituio.
A tabela a seguir mostra os problemas de usabilidade que o website enfrentava.
Problemas
Antigo Website
Visibilidade do
Tempo de
Pginas normalmente demoram mais que 15 segundos
status do
carga
para carregar devido a grandes grficos e imagens.
sistema
62/113

O caso da FAM-F
Contedo
O website no possui propsito e tema bem definido.
Preciso do
H vrias imprecises no contedo fornecido pelo
Contedo
designer ou vrios dos requisitos no foram alcanados.
Imagens
As necessidades de pessoas com deficincia visual so

ignoradas.
Compatibilidade
do sistema com
o mundo real
Conhecimento
O designer no leva em considerao o pblico-alvo do
do pblico-
website.
alvo
Controle do
Controle sobre
O website executa aces sem que estas tenham sido
utilizador e
aces
solicitadas pelo utilizador ou o utilizador no tem
liberdade
liberdade para escolher quando executar as aces.
Links
Menos de 3/4 dos links apontam para websites de alta

qualidade e actualizados.
Escrita e
H mais que 5 erros na escrita, pontuao ou gramtica
gramtica
no website.
Navegao
Alguns links no levam o utilizador para os websites

descritos. O utilizador normalmente se sente perdido.
Consistncia e
A navegao dentro do website no permita que o
padres
utilizador saiba onde est em cada momento e como

poder voltar ali quando o desejar.
Flexibilidade e
Modos de
O website oferece somente um modo de interaco
63/113

O caso da FAM-F
eficincia de
interaco
uso
Esttica e
Background
Background atrapalha a legibilidade do website.
Cor
Cores de background, fontes, links tornam o contedo
design
difcil de compreender ou distrai o leitor.
Layout
As pginas possuem uma aparncia desordenada e

confusa. frequentemente difcil localizar elementos
importantes.
Fontes
Uma grande variedade de fontes, estilos e tamanhos de

fontes so utilizados.
Ajudar os
Mensagens de
As mensagens de erro no so apresentadas. Isso torna
utilizadores a
erros
sua compreenso restrita a especialistas da rea e
reconhecer,
compreensveis outros utilizadores.
diagnosticar e
corrigir erros
Help e
Meta tags
As metas tags esto faltando. O contedo das pginas
documentao
no reflectido em nenhuma meta tag.
Informaes
Vrias pginas no contm informao de autoria, data
para Contacto
de publicao/ltima data de edio.
Tabela 3: problema de usabilidade do Antigo website
A tabela abaixo indicado mostra problemas de acessibilidade que o antigo website deparava.
Problemas
Antigo website
As imagens no se encontram legendadas ou descritas com
texto.
64/113

O caso da FAM-F
Apresentao da
informao
O tamanho do texto no aumenta com as opes do

navegador, o que dificulta as pessoas idosas com algumas
dificuldades visuais em visualizar as pginas do website.
Comprimento do texto na pgina no se ajusta ao tamanho da
Janela
No h identificao do campo dos formulrios.
No permite a activao dos elementos da pgina atravs do
Navegao
teclado, o que dificulta as pessoas com destreza reduzida ou

incapacidade de ver o cursor do ecr
Os textos das ligaes no so compreensveis fora do
contexto
Tabela 4: problemas de acessibilidade do antigo website
Apesar de existir vrios problemas de acessibilidade e usabilidade o antigo website deparavase com problemas de actualizao. Segundo o presidente da instituio Bernardino Gonalves
para fazer a actualizao o website demorava pelo menos duas ou trs horas para faze-lo,
porque no tinha um manual de orientao para a actualizao do website. A figura a seguir
mostra o antigo website da instituio da FAM-F.
Figura 9: Antigo Website da FAM-F
65/113

O caso da FAM-F
Soluo de um novo website
Tendo em conta os problemas que o website actual enfrentava, citado anteriormente, levou a
necessidade da criao da nova pgina para a instituio, de modo a garantir uma maior
acessibilidade, usabilidade.
Para isso, utilizou-se um conjunto de tecnologias Web para a construo da referida pgina,
que ser detalhado nos prximos pontos.
Deste modo o presente trabalho passa por trs importantes fases que so:
Anlise de requisitos
Tecnologias a ser utilizada e a construo detalhado do Website
Utilizao, actualizao e manuteno do Website da organizao
Durante a fase de anlise de requisitos ou identificao e elaborao do contedo do website

da organizao foram realizadas diversas entrevistas acerca da organizao e tambm nessa
fase foram estudas alguns Websites das organizaes que operam na mesma rea.
Dada a natureza da informao existente para a divulgao ao pblico, o modelo escolhido

para a organizao dos contedos, um modelo bastante simples que abrange temas
interdisciplinares (como por exemplo, micro credito, e outros assuntos ligados a micro
finanas) e contedos organizacional (como por exemplo, misso da organizao,
apresentao da organizao, etc.).
A segunda fase do trabalho tem como foco a definio da tecnologia utilizada para o
desenvolvimento dos Website da organizao, do layout grfico da organizao e tambm
mostrar a cada detalhe de como construir a website da organizao e que estar em anexo.
66/113

O caso da FAM-F
No incio da construo do Website da FAM-F, haviam duas alternativas em termos de

desenvolvimento:
1. A primeira, seria a construo do Website de raiz, utilizando ferramentas como

MySQL, PHP, recorrendo ao uso de ferramentas para criao de interface Web como
DreamWeaver.
2. A segunda alternativa era utilizao de um sistema de gesto de contedos.
Perante essas duas alternativas, optou-se por recorrer ao uso do CMS (joomla) por ele ser
Open Source, utilizar uma base de dados MySQL e algumas linguagens de programao
como o PHP, Javascript, HTML. E tambm por ter algum conhecimento tcnico acerca desta
ferramenta. Porm Vrias razes estiveram na base da utilizao desta ferramenta, razes
estas que so:
A quantidade da informao a ser disponibilizada no Website
Facilidade de criao de websites completos e aplicaes online sem erros.
Integra ferramentas necessrias para criar, editar contedos em tempo real sem a
necessidade de programao de cdigo.
A actualizao do website est completamente baseada na gesto online de contedos,

uma vez que todas as aces dos administradores, sejam elas de adicionar, modificar
ou eliminar contedos, realizam-se em um navegador Web ligado internet ou
realizado localmente.
Possui uma interface, que to simples e amigvel que qualquer pessoa pode
administrar os contedos Web, uma vez que para administrar esses contedos no
necessita de ter conhecimentos tcnicos, ao nvel da linguagem HTML ou de
programao.
67/113

O caso da FAM-F
Possui um componente chamado DocMan que um Componente que faz a gesto de

documentos, atravs do qual o desenvolvedor pode categorizar arquivos e
disponibiliz-los para download no website.
A cada dia vem surgindo mdulos e componentes, tornando a verso bsica mais rica
e funcional.
Tem um painel de controlo administrativo, onde se pode controlar todos os

utilizadores cadastrados no website, definir colaboradores, instalar novas extenses,
gerir seces, categorias e etc.
A disposio do HTML bem formada e sem tabelas que facilitam a leitura dos
crawlers (programa de pesquisa na World Wide Web).
Oferece a melhor plataforma para desenvolver os websites com todas as exigncias de

SEO (Search Engine Optimization).
Um website que no desenvolvido em joomla, requer uma participao de diversos

profissionais, ou pelo menos de um profissional com diversas capacidades: Conhecimento de
linguagens de programao, Flash e base de dados. Nem necessrio dizer que estes websites
levam muito tempo para estarem pronto e tem um preo muito elevado.
Outro problema, que depois de pronto, toda a manuteno do site (actualizao de fotos,
alterao ou criao de novas matrias e etc.) s pode ser realizada por pessoas que possuam
algum conhecimento tcnico.
nesse aspecto que esse gestor de contedo ganha terreno a nvel de desenvolvimento Web.
O Joomla utiliza a mesma tecnologia presente nos grandes portais. Tarefas como actualizar
contedo, modificar fotos, exibir vdeos e etc. E todas essas actividades a podem ser feitas
pelo utilizador comum sem a necessidade de conhecimento tcnico.
68/113

O caso da FAM-F
Na terceira fase a ultima fase deste trabalho, trata de como actualizao, utilizao e
manuteno do Website da organizao e que este tambm estar no anexo.
3.1
Estrutura do Website da organizao
A figura 10, ilustra o menu principal do website da organizao, nota-se que o menu principal
ser exibido em todas as pginas do Web site da organizao, o layout grfico do Website
apresentado mais a baixo, permite que todos os itens de menu sejam facilmente acedidos pelo
utilizador com o menor nmero de clicks possveis.
Figura 10: Estrutura do Website
3.2
Estrutura da pgina principal do Website
A pgina principal a pgina de entrada do website, como tal deve conter informaes que se
pretende que tenha mais destaque ou mais importante num determinado momento. E que
essas informaes ocuparo a grande parte da rea dedicada ao contedo. Pretende-se que
todas as informaes aparecem como destaque na pgina inicial do website. Por exemplo
colocar informaes sobre micro crdito, luta contra pobreza entre outro.
69/113

O caso da FAM-F
O objectivo conter um breve texto introdutrio (com um ou dois pargrafos), e ou uma

imagem e um link onde as pessoas que visitam o Website possam obter a informao
detalhada sobre o assunto em questo.
Figura 11: Novo website da FAM-F
3.3
Composio da Pagina principal do Website
Para uma melhor compreenso da pgina principal do Website, foram includos aos desenhos
algumas indicaes (sinais) dos principais contedos da pgina. Na figura a baixo indicado
so mostradas as descries dos contedos de cada sinal.
70/113

O caso da FAM-F
Figura 12: composio da pgina principal do website
3.3.1
Menus
Os menus tm como funo tornar a navegao to fcil quanto possvel ao utilizador.

Existem diversos menus como pode ver na figura da composio da pgina inicial do
Website. A seguir apresentada as funcionalidades de cada um desses menus.
3.3.1.1
Menu Principal
O menu principal a rea central da navegao da pgina. Neste menu encontramos itens
como Home,Apresentao,Quem somos,Estatutos da famf,Biblioteca,Base de
Dados,Contactos ,Projectos,Microcredito entre outros por referir.
71/113

O caso da FAM-F
Figura 13: Menu-Principal
3.3.1.1.1
Submenus
Existem itens no menu principal que contem submenus, como se pode verificar na figura.
Figura 14:Submenu do menu principal
Neste exemplo o item Biblioteca, foi seleccionado, logo aparece como forma de extenso
do submenu da biblioteca que contem Livros,manuais,artigos e legislao.
3.3.1.1.2
Menu de autenticao
Neste menu o utilizador pode ele ser registado ou administrador pode fazer o login como
mostra a figura.
72/113

O caso da FAM-F
Figura 15:menu autenticao
tambm neste menu que o utilizador pode fazer o registo no site, pedir o reenvio da palavra
passe ou pedir o reenvio do nome do utilizador.
Este menu muito importante se queremos que certos contedos do site s fiquem acessveis
se o utilizador estiver registado.
3.3.1.2
Mdulos
Os mdulos do site so elementos fundamentais para a interaco dos utilizadores com o

Website. Foram colocados dois mdulos no website.
3.3.1.2.1
Organizaes Associadas
Este mdulo foi feito com intuito de listar todos os contactos das organizaes associadas
FAM-F, de modo que qualquer utilizador ao visitar o website possa ver as organizaes
associadas FAM-F logo na pgina principal do website como mostra a figura abaixo
indicado.
73/113

O caso da FAM-F
Figura 16: Mdulo organizaes associadas
3.3.1.2.2
FAM-F
Este mdulo serve para mostrar algumas imagens associadas FAM-F. Este componente
pode estar acessvel ao pblico geral ou ento s aos utilizadores registados, como mostra a
figura baixo indicado.
Figura 17: Mdulo FAM-F
3.3.2
Construo da pgina Web da FAM-F
O website da FAM-F foi construdo levando em conta os padres Web de modo a garantir a
acessibilidade e usabilidade para os utilizadores que iro utiliza-la. Um aspecto importante a
realar que o layout grfico do Website proposto, foi concebido tendo em conta as normas
padro internacional para websites e critrios de acessibilidade, simplicidade e flexibilidade
na utilizao do Website.
74/113

O caso da FAM-F
Todas as tcnicas de desenvolvimento de websites desde da formatao do documento, da

utilizao de folhas de estilos, do design e da separao dos contedos esto em
conformidades com os padres web
A construo detalhada do website utilizando o gestor de contedo encontra-se anexada no

trabalho.
3.4
Comparao entre o antigo website e o novo website
Para fazer a comparao entre o antigo website da FAMF e o novo website, foram baseadas
no termo de acessibilidade e usabilidade. E essas comparaes podem ser verificadas nas
tabelas em baixo.
A tabela a seguir demonstra as comparaes de usabilidade feitas entre o antigo website e o

novo website.
Problemas
Antigo Website
Novo Website
Visibilidade do
Tempo de
Pginas normalmente
As pginas normalmente
status do
carga
demoram mais que 15
carregam rapidamente
segundos para carregar
(menos de 10 segundos) em
devido a grandes
uma conexo de 54kbps,
grficos e imagens.
devido a grficos pequenos,
sistema
boa compreenso de sons e

grficos e diviso apropriada
do contedo.
Contedo
Compatibilidade
O website no possui
O website tem propsito e
propsito e tema bem
tema bem definido que
definido.
mantido por todo o website.
Preciso do
H vrias imprecises
Toda a informao fornecida
Contedo
no contedo fornecido
pelo designer no website
pelo designer ou vrios
precisa e todos os requisitos
dos requisitos no foram
da tarefa foram alcanados.
alcanados.
75/113

O caso da FAM-F
do sistema com
Imagens
o mundo real
As necessidades de
Todas as imagens,
pessoas com deficincia
especialmente as usadas para
visual so ignoradas.
navegao, tem uma tag

ALT que descreve a imagem
e seu link. Ento as pessoas
com deficincia visual
podem utilizar bem o
website.
Conhecimento
O designer no leva em
O designer conhece o
do pblico-
considerao o pblico-
pblico-alvo do website e
alvo
alvo do website.
desenvolve o material
visando a atender da melhor
forma s necessidades desse
pblico.
Controle do
Controle sobre
O website executa
O utilizador explicitamente
utilizador e
aces
aces sem que estas
solicita a execuo das
tenham sido solicitadas
aces e tem o controlo de
pelo utilizador ou o
quando execut-las.
liberdade
utilizador no tem
liberdade para escolher
quando executar as
aces.
Links
Menos de 3/4 dos links
Todos os links apontam para
apontam para websites
websites de alta qualidade e
de alta qualidade e
actualizados.
actualizados.
Escrita e
H mais que 5 erros na
No h erros na escrita,
gramtica
escrita, pontuao ou
pontuao ou gramtica no
gramtica no website.
website.
Consistncia e
76/113

O caso da FAM-F
padres
Navegao
Alguns links no levam
Links para navegao so
o utilizador para os
claramente nomeados,
websites descritos. O
consistentemente
utilizador normalmente
localizados, permitem que o
se sente perdido.
leitor se mova de uma pgina

para pginas relacionadas e
levam o utilizador para onde
ele espera ir. O utilizador
no se perde.
A navegao dentro do
A navegao dentro do
website no permita que
website deve permite ao
o utilizador saiba onde
utilizador saber onde est em
est em cada momento e
cada momento e como poder
como poder voltar ali
voltar ali quando o desejar.
quando o desejar.
Flexibilidade e
Modos de
O website oferece
O website permite que o
eficincia de
interaco
somente um modo de
utilizador interaja de mais de
interaco
um modo (e.g., passo a
uso
passo, atalhos), de forma a se

adaptar da melhor forma s
preferncias do utilizador.
Background
Esttica e
Background atrapalha a
Background muito
legibilidade do website.
atractivo, consistente entre as
design
pginas, incrementa o tema

ou propsito do website e
no atrapalha a legibilidade.
Cor
Cores de background,
Cores de background, fontes,
fontes, links tornam o
links formam uma paleta de
contedo difcil de
cores agradvel, no
compreender ou distrai
atrapalham o contedo e so
o leitor.
consistentes entres as
pginas do website.
77/113

O caso da FAM-F
Layout
As pginas possuem
O website tem um layout
uma aparncia
atractivo e usvel. fcil de
desordenada e confusa.
localizar todos os elementos
frequentemente difcil
importantes. Espao em
localizar elementos
branco, elementos grficos e
importantes.
alinhamento so utilizados
para organizar o material.
Fontes
Uma grande variedade
Fontes so consistentes,
de fontes, estilos e
fceis de ler e os tamanhos
tamanhos de fontes so
variam conforme os ttulos e
utilizados.
texto. O uso de estilos de

fonte (Ex: itlico, negrito,
sublinhado) consistente e
melhora a legibilidade.
Ajudar os
Mensagens de
As mensagens de erro
Como o comportamento de
utilizadores a
erros
no so apresentadas.
websites bastante sensvel
reconhecer,
compreensveis Isso torna sua
a navegadores, sistemas
diagnosticar e
compreenso restrita a
operacionais e configuraes
corrigir erros
especialistas da rea e
do utilizador. O website
outros utilizadores.
apresenta mensagens de erro

que tratam as mensagens
geradas externamente
apresentando: descrio do
erro, origem do erro e
procedimento para
solucion-lo.
Help e
documentao
Meta tags
As metas tags esto
As metas tags utilizadas
faltando. O contedo
descrevem muito bem a
das pginas no
compreenso do material
reflectido em nenhuma
includo na pgina.
meta tag.
Descrio, ttulo, autor,

palavras-chave,
classificao, tipo de
78/113

O caso da FAM-F
recurso, entre outros,

reflectem precisamente o
contedo das pginas.
Informaes
Vrias pginas no
Cada pgina contm
para Contacto
contm informao de
informao de autoria, data
autoria, data de
de publicao/ltima data de
publicao/ltima data
edio.
de edio.
Tabela 5: comparao de usabilidade do antigo website com o novo website
A tabela a seguir demonstra as comparaes de acessibilidades feitas entre o antigo website e

o novo website.
Problemas
Apresentao da
informao
Antigo website
Novo website
As imagens no se
Todas as imagens se encontram
encontram legendadas ou
legendadas ou descritas com
descritas com texto
texto.
O tamanho do texto no
O tamanho do texto pode ser
aumenta com as opes do
aumentado com as opes do seu
navegador, o que dificulta
navegador.
as pessoas idosas com

algumas dificuldades
visuais em visualizar as
pginas do website.
Comprimento do texto na
O comprimento do texto na
pgina no se ajusta ao
pgina se ajusta ao tamanho da
tamanho da Janela
Janela.
No h identificao do
H identificao do campo dos
campo dos formulrios.
formulrios.
No permite a activao Permita a activao dos

Navegao
dos elementos da pgina elementos da pgina atravs do

atravs do teclado, o que teclado.
dificulta as pessoas com
79/113

O caso da FAM-F
destreza
reduzida
incapacidade
de
ou
ver
cursor do ecr.
Os textos das ligaes no
Todos textos das ligaes so
so compreensveis fora do
compreensveis fora do contexto.
contexto.
Tabela 6: comparao da acessibilidade entre o antigo website com o novo website
Depois de uma comparao feita, pode-se concluir que o novo website resolveu os problemas
que o antigo website tinha no que toca a acessibilidade e usabilidade, trazendo benefcios
tanto para utilizadores finais e tambm pela pessoa responsvel pela manuteno do website.
80/113

O caso da FAM-F
Captulo 6:
Concluso
Conclui-se que para desenvolver um determinado website faz-se necessrio ter conhecimento
em usabilidade, programao e design, isto , ter conhecimento sobre os Padres Web, a fim
de garantir que o utilizador no tenha experincias desagradveis diante um website ou
sistema Web deficiente ou arcaico. As prticas de desenvolvimento actuais devem suportar a
velocidade do avano tecnolgico no intuito de gerar projectos atemporais, compatveis tanto
com as verses antigas, quanto com as verses futuras dos navegadores e dispositivos
diversos, que possuem ecr de exibio com dimenses variadas e cada vez menores.
Os Websites que no seguem esses padres, no so interpretados correctamente pelos

navegadores e programas para pessoas com necessidades especiais, ou seja, so limitados e
no oferecem uma experincia agradvel a todos os tipos de visitantes.
recomendvel a projeco de pginas Web em conformidade com os padres Web uma vez
que este reduz o tempo de desenvolvimento e de manuteno. Oferece maior facilidade nas
correces e solues de problemas, visto que o cdigo segue os padres Web. No h
preocupaes com codificao e manuteno de vrias verses do mesmo cdigo. Uma s
verso do site suficiente.
81/113

O caso da FAM-F
Tambm ter um Website dentro dos Padres WEB se preocupar em oferecer uma
navegabilidade mais confortvel e rpida aos internautas que acessam sua empresa/projeto na
Internet, alm de garantir o acesso satisfatrio de todos, independente de condies fsicas
(como, por exemplo, deficientes fsicos ou pessoas com coordenao motora reduzida). A
consequncia de ter um site desenvolvido dentro destes Padres o aumento de visitaes de
novos Internautas e a fidelizao dos mesmos, alm de proporcionar um ambiente mais
atractivo e agradvel aos internautas assduos de seu site. Em outras palavras, isso simboliza
um aumento de novos contactos e possveis negcios fechados.
Comprova-se que a utilizao de websites com desenvolvimento dentro dos padres Web
ficam mais leves tornando o carregamento mais gil para o utilizador final que visualiza a
pgina no browser. Alm de ser compatveis com novas tecnologias como jQuery e
dispositivos mveis mais actuais, no desperdiando a capacidade de trfego com o envio de
tags dispensveis e criando verses incompatveis com diversas verses de navegadores e
dispositivos de exibio, pois com o decorrer do tempo, as ferramentas foram se adequando e
implementando novas funcionalidades como CSS e suporte a outras linguagens de marcao
robustas como XHTML e XML.
O desenvolvimento do website da instituio FAM-F envolveu diversas tecnologias Web,

nomeadamente: linguagens de programao (HTML, PHP, XML e XHTML), utilizao do
servidor Web Apache para a hospedagem do website, da base de dados MySQL no
armazenamento das informaes e de modelos grficos para exibio das informaes de forma
independente do contedo.
Conclui-se que o novo website da FAM-F encontra-se enquadrado dentro dos padres Web,
de modo a garantir a acessibilidade, a usabilidade a qualquer pessoa, independente de sua
deficincia ou do dispositivo que esteja utilizando.
O antigo website da FAM-F apresentava vrios problemas tais como: dificuldade na

localizao da informao, na manuteno do website, lentido no carregamento das pginas,
apresentao e design inesttico, falta de organizao das pginas e ausncia de manual de
orientao para a actualizao do website.
82/113

O caso da FAM-F
O novo website da FAM-F, em comparao com antigo website, apresenta vrias vantagens
tais como: facilidade na localizao das informaes e na manuteno do website, e agilidade
no carregamento das pginas, facilidade na actualizao do website uma vez que o novo
website documentado, para alem de uma esttica e design agradvel ao pblico e boa
organizao dos contedos.
83/113

O caso da FAM-F
Bibliografia
Alecrim, E. (2003). Linguagem PHP. Disponvel em http://www.infowester.com/php.php,
consultado em Abril de 2009.
Aloise, A. Gouy, A. Augusto, L. Ferreira, R. & Renan, R. (2008). Desenvolvimento de

aplicativo para dispositivo mvel utilizando meios de comunicao e transmisso de dados.
Disponvel em http://tcc-dce.googlecode.com/files/TCC_UNISA_V1.doc, consultado em
Junho de 2009.
Aminharadio. (2006). AULA 17: Outras tecnologias usadas em websites. Disponvel em

http://www.aminharadio.com/radio/html_aula17, consultado em Maio de 2009.
ANAC
(2007).
Internet/Descrio.
Disponvel
em
http://www.anac.cv/index.php?option=com_content&task=view&id=52&Itemid=46,
consultado em Maio de 2009.
Barish, G. (2002). Building Scalable and High-Performance Java Web Applications Using
Base64.
(2005).
Mozilla
Firefox.
Disponvel
em
http://www.base64.com.br/article.php?recid=343, consultado em Junho de 2009.
Branco,
A.
(2009).
As
vantagens
do
PHP.
Disponvel
http://www.firstclassarticles.net/pt/Article/The-Advantages-of-PHP/22837,
consultado
em
em
Abril de 2009.
Coelho, P. (2003). Criar e Publicar pagina Web. Lisboa, ISBN-972-722-387-7, FCA: Editora
de Informtica, Lda.
Coelho, P. (2003). Programao com Java 2. 2 Edio, ISBN-972-722-348-6, FCA: Editora

de Informtica, Lda.
84/113

O caso da FAM-F
De Angelis, G. e Bianco, D. (2005). Computers: Processing the Data. Innovators
Fernandes, A. (2008). Tecnologias livres de desenvolvimento web: Desenvolvimento web em

Cabo
Verde.
Disponivel
em
http://bdigital.unipiaget.cv:8080/dspace/bitstream/123456789/206/1/Anilton%20Fernandes.pd
f, consultado Abril de 2009
Figueiredo, B. (2004). Web design: estrutura, concepo e produo de websites. 2 Edio,

Lisboa, ISBN-972-722-433-4, FCA: Editora de Informtica, Lda.
Fraga,
D.
(2008).
Web
Standard.
Disponvel
em
http://www.inf.pucrs.br/~petinf/homePage/cursos/ws/apostila.pdf, consultado em Maro de

2009.
Freitas,
V.
(2007).
WEB
SEMNTICA:
estado
da
arte.
Disponivel
em
http://www.vitorgga.com/listas/arquivos/28/web_semantica___o_estado_da_arte.doc,
consultado em Maio de 2009.
Futtura. (2009). Padres Web. disponivel em http://futtura.net/padroesweb/, consultado em

Abril de 2009.
Ghedin,
R.
(2004).
Histria
do
Firefox.
Disponvel
em
http://www.winajuda.com/2004/04/17/historia-do-firefox/, consultado em Maio de 2009.
Gomes, B. Barbosa, C. & Gomes, C. (2009). A opo de CMS que vem crescendo rpido.
Disponvel em http:// www.apostilando.com, consultado em Maro de 2009.
Harrison, G. & Feuerstein, S. (2006). MySQL Stored Procedure Programming. O'Reilly
Henry, L. (2005). W3C - Introduction to Web Accessibility.
Disponvel em
http://www.w3.org/WAI/intro/accessibility.php, consultado em Abril de 2009.
85/113

O caso da FAM-F
Henry, L. (2006). W3C - Essential Components of Web Accessibility. Disponvel em

http://www.w3.org/WAI/intro/components.php, consultado em Maio de 2009.
Heredia, M. (2009). Las 10 mejores caractersticas de Firefox. Disponvel em

http://www.tufuncion.com/caracteristicas-firefox, consultado em Abril de 2009
Hudson, P. (2005). PHP IN A NUTSHELL A Desktop Quick Reference. OREILLY J2EE

Technology (Pap/Cdr Edition). Addison Wesley
Junior, F. (2000). Programando para WEB COM PHP/MySQL. Disponivel em

http://apostilas.fok.com.br/attachments/036_programando-para-web-com-php-e-MySQL.pdf,
consultado em Maio 2009.
Jnior, L. (2003). Sistemas de informao baseados na tecnologia web: um estudo sobre seu
desenvolvimento. Disponvel em http://www.teses.usp.br/teses/disponiveis/12/12139/tde14082003-104928/ , consultado em Agosto de 2009.
Kabir, M. J. (2002). Apache Server 2 Bible. New York: Hungry Minds
Netcraft.
(2009).
Web
Server
Survey.
Disponvel
em
http://news.netcraft.com/archives/web_server_survey.html, em Abril de 2009.
Pereira,
H.
(2006).
Tableless
vs
Web
Standards.
Disponvel
em
http://imasters.uol.com.br/artigo/4855/webstandards/tableless_vs_web_standards/, consultado
em Maio de 2009.
Pereira,
H.
C.
(2006).
Tableless
vs
Web
Standards.
Disponvel
em
http://www.revolucao.etc.br/archives/tableless-vs-web-standards, consultado em Abril de

2009
Perreira, A. & Poupa, C. (2005). Linguagens Web. 2 Edio, Lisboa, ISBN-972-618-378-2,

edies Silabo, Lda.
86/113

O caso da FAM-F
Piol,
C.
(2008).
Histria
de
Apache.
Disponvel
em
http://www.cibernetia.com/manuales/instalacion_servidor_web/2_1_historia_apache.php,
consultado em Junho de 2009.
Proteste. (2000). Manual de Sobrevivncia na Internet (1 ed). Proteste
Rahmel, D. (2007). Beginning Joomla! From Novice to Professional. Apress
Reis, R. (2007). Desenvolvimento Web com o Uso de Padres: Tecnologias e Tendncias.

Disponvel em http://www.renatatr.com/monografia/monografia.pdf, consultado em Setembro
de 2009.
Ribeiro,
L.
(2005).
Estudo
geral
sobre
Apache.
Disponvel
http://imasters.uol.com.br/artigo/3697/linux/estudo_geral_sobre_apache/,
consultado
em
em
Maio de 2009.
Roseindia.
(2007).
Web
Server
Introduction.
Disponvel
em
http://www.roseindia.net/servlets/IntroductionToWebServer.shtml, consultado em Abril de

2009.
Santos,
J.
&
Silva,
J.
(2009).
SGBD
MySQL.
Disponvel
em
http://fit.faccat.br/~jonis/Artigo_MySQL.pdf, consultado em Abril de 2009.
Serrao, C. & Marques, J. (2004). Programao com PHP 4.3. Lisboa, ISBN-972-722-428-8,
FCA: Editora de Informtica, Lda.
Serrao,C. & Marques, J. (2007). Programao com PHP 5. ISBN-978-972-722-549-1, FCA:

Editora de Informtica, Lda.
Soares,
H.
(2009).
Viso
geral
Para
tots.
Disponvel
em
joomlapt.googlecode.com/.../Joomla_tut_VisaoGeralTotos_v1.0_hugosoares2.pdf, consultado
em Maio de 2009.
87/113

O caso da FAM-F
Sousa, A. (2002). Bases de Dados Web e XML. Lisboa, ISBN-972-722-321-4, FCA: Editora
de Informtica, Lda.
Suehring, S. (2002). MySQL Bible. New York: Wiley Publishing
TIOBE.
(2009).
Programming
Community
Index
for
August.
Disponvel
em
http://www.tiobe.com/index.php/content/paperinfo/tpci/index.html, consultado em Julho de

2009.
Ullman, L. (2005). PHP and MySQL for Dynamic Web Sites: Visual QuickPro Guide (2 ed).
Peachpit Press.
Vaz, I. (2002). Utilizar a Internet. 5 Edio, Lisboa, ISBN-972-722-290-0, FCA: Editora de

Informtica, Lda.
Vieira,
J.
(2004).
PHP...
Grande
Revoluo!.
Disponvel
em
http://artigos.tekever.eu/ver/?72/php..._a_grande_revoluao!/, consultado em Junho de 2009.
Vilha, M. e Di Agustini (2002). E-marketing: para bens de consumo durvel (1 ed). FGV
Editora.
W3C.
(1999).
Web
Content
Accessibility
Guidelines
1.0.
Disponvel
em
http://www.w3.org/TR/WCAG10, consultado em Abril de 2009.
W3C. (2001). Dicas rpidas para construir websites acessveis. Disponvel em

http://www.w3.org/WAI/quicktips/qt.br.htm, consultado em Junho de 2009.
W3C.
(2005).
Introduction
to
Web
Accessibility.
Disponvel
em
http://www.w3.org/WAI/intro/accessibility.php, consultado em Maio de 2009.
Welling, L. & Thomson, L. (2003). PHP and MySQL Web development (2 ed). Sams
Publishing
88/113

O caso da FAM-F
Wesley,
A.
(2001).
Apache
Desktop
Reference.
Disponvel
em
http://www.apacheref.com/book/adr.pdf, consultado em Maio de 2009.
White,
S.
& Wallace,
A.
(2007).
Joomla!
User
manual.
Disponvel
em
http://www.google.pt/search?q=joomla%21manual+do+usuario.pdf&hl=ptPT&safe=strict&sa=2, consultado em Junho de 2009.
Wyke, C. (2005). Stylin' with CSS: A Designer's Guide. 2 Edio. Chicago. New Riders
Press. ISBN 03-213-0525-6.
Zeldman, J. (2003). Projectando Web Sites Compatveis. 1 Edio. So Paulo, SP. Campus.
ISBN 85-352-1327-9.
89/113

O caso da FAM-F
A Manual de desenvolvimento do Website da FAM-F
Manual de desenvolvimento do website da FAM F

(Federao das Associaes Cabo-Verdianas de Micro finanas)
N:
Autor:
01929
Ano Lectivo:
Ano Lectivo 2008/2009

Sistema e Informao
Curso: Engenharia de Sistemas e Informtica
Variante:
Resumo:
Este manual de desenvolvimento do website da FAM-F, tem como

objectivo mostrar detalhadamente como foi desenvolvido o website
e tambm como fazer a actualizao do mesmo.
Docente:
Mestre Isaas Barreto da Rosa
N de
pginas:
25
90/113

O caso da FAM-F
Construo da pgina Web da FAM-F
Para construir o Website da instituio FAM-F foi acedida a administrao do website que
efectuada no BackEnd. na administrao do BackEnd que foram adicionadas, alteradas e
removidas menus, artigos e vrias configuraes do website. Para isso foi necessrio fazer
login
Figura 18: Login para o Stio de Administrao do website (BackEnd)
Depois de ter feito o login com sucesso, obteve-se acesso zona da administrao do
BackEnd. E nesta pgina existem 3 zonas principais que foram acessadas para poder
desenvolver o website.
Figura 19: Pgina Inicial (BackEnd)
91/113

O caso da FAM-F
1.1
Seces e Categorias
O Joomla dividido em Seces (sections) e Categorias (categories). Pode-se criar uma

Seco e dentro dela possuir vrias categorias. Tambm pode criar Contedos (contents), que
so os materiais textuais e de imagens do site.
O Joomla Organiza os artigos em seces e categorias. Antes de introduzir os artigos

propriamente dito, foram criadas as seces e as categorias que sero detalhadas mais em
baixo.
1.1.1
Criar Seces
Para criar as seces foi utilizada o boto Seces no painel principal, ou ento atravs do
menu Barras de Ferramentas (ver Figura.21). Na zona Gestor de Seces foi seleccionada
o boto Novo que nos permitiu criar uma nova seco (ver Figura.22) e depois apareceu
uma pgina onde iria ser criado as seces. (ver Figura.23).
Figura 20:Criar sesses (1)
92/113

O caso da FAM-F
Figura 21:Criar sesses (2)
Depois foram configurados os vrios campos dessa seco como o ttulo da seco, um
nome alternativo para a seco, o nvel de acesso e tambm a sua discrio. A descrio
poder ou no ser feita. Quando estiveram tudo pronto, foi clicada no boto Salvar ou no
boto Aplicar para que a seco seja guardada.
1.1.2
Criar Categorias
Para criar as categorias o processo idntico ao de criar seces. A nica diferena que ao
criar uma categoria, esta ter de ficar associada, obrigatoriamente, a uma seco.
Primeiramente foram criadas as seces s depois em seguida que foram criadas as
categorias.
1.2
Artigos
A forma de apresentar informao num stio Joomla sobre a forma de artigo. Um artigo
pode ser uma notcia ou informao relacionada com um qualquer item do menu do Website.
93/113

O caso da FAM-F
Os Contedos ou tambm chamados de artigos podem ser estticos ou dinmicos, permitindo

que se crie desde uma pgina com um contedo institucional fixo at uma rea no site que
lista notcias de uma determinada Seco.
Para aceder aos artigos foi utilizado o boto Artigos no painel principal, mas tambm
poderia utilizar menu Artigos \ Gerir Artigos , que tambm d acesso a mesma coisa. (ver
figura 21).
Figura 22:Gestor de Artigos
1.2.1
Criar Artigos
Para criar um artigo foi utilizado o boto Criar Artigo no painel principal, ou tambm
poderia utilizar o menu Artigos \ Gerir Artigos como foi referido anteriormente d acesso a
mesma coisa e depois foi seleccionado o boto Novo que permitiu criar um novo artigo (ver
Figura.24). De seguida ficamos com o seguinte ecr (Figura.25).
94/113

O caso da FAM-F
Figura 23:Criar Artigos
De seguida foram configurados os vrios campos desse artigo tais como:
Titulo: Titulo que queremos dar ao artigo;
Alternativo: Nome alternativo do artigo;
Seco: Seco qual queremos que o nosso artigo pertena;
Categoria: Categoria qual queremos que o nosso artigo pertena;
Pgina Principal: Se queremos que o artigo seja publicado na pgina inicial, ou no;
Publicado: Se quisermos que o nosso seja publicado, ou no;
Parmetros Artigo:
95/113

O caso da FAM-F
Nvel de Acesso: Aqui definimos quem pode ver o artigo, se pblico, se s

pode ser visto por um utilizador registado ou por um utilizador especial.
Iniciar Publicao: Aqui escolhemos a data e hora a partir da qual o artigo

fica visvel no stio. (Opcional)
Terminar Publicao: Se quisermos que um artigo fique disponvel at

determinada data, podemos definir aqui a data at quando o artigo possa ser
visvel. (Opcional).
Depois de ter preenchido todos os campos do artigo foi seleccionado o boto guardar, para
guardar o artigo criado. (Ver figura 25)
de realar tambm que um artigo ou tambm chamados de contedos podem ou no estar

em uma categoria, ou seja podemos cria-la como um artigo esttico onde no precisa nem de
uma de seco e nem de uma categoria. No website da FAM-F foram criados vrios artigos
estticos tais como: artigo de apresentao da empresa, os estatutos da FAM-F, entre outros.
(Ver figura 24)
1.3
Contactos
Os contactos so utilizados para a implementao da seco Fale Connosco / Contacto, nos

sites actuais. No website da FAM-F criei diversos contactos, como o caso da AMUSA,
OMCV, SOLDIFOGO, ASDIS, FAMI-PICOS, MAIENSE e entre outras organizaes
associadas. Esses contactos foram criados de modo que os utilizadores que visitam o site da
instituio, possam ver os contactos das respectivas organizaes associadas a essa
instituio. Esses contactos foram agrupados em categorias.
Cada contacto tem informaes como endereo, telefone, correio electrnico, pas entre outro.
E tambm oferece um formulrio, para que o utilizador possa enviar mensagens atravs do
site. Estas mensagens so enviadas para o e-mail do contacto.
96/113

O caso da FAM-F
Para criar um novo contacto tive que criar uma categoria de contactos, que ser detalhada
mais em baixo.
1.3.1
Criar uma categoria de contactos
Antes de criar os contactos das respectivas Organizaes Associadas FAM-F, foi criado em
primeiro lugar, uma Categoria Chamada Parceiros onde nessa categoria estariam todos os
contactos. Para ceder as listas de categoria de contacto, foi utilizado o menu
Componente/Contactos/Categoria. O processo para criar uma nova categoria de contactos
semelhante ao de criar sesses e categoria.
1.3.2
Criar contactos
Para criar os contactos da AMUSA, OMCV, SOLDIFOGO, ASDIS, FAMI-PICOS,

MAIENSE, ADIRV e MORAB, foi utilizado o menu Componente/Contactos/Contactos
para aceder as listas de contacto, de seguida foi utilizado o boto Novo para criar um novo
contacto como mostra a figura 26.
Figura 24:Gestor de contactos
97/113

O caso da FAM-F
Depois foram preenchidas os vrios campos do formulrio de contactos tais como o endereo,
telefone, fax, pas, cidade e entre outras opes. (ver a figura 27)
Figura 25:Criar contactos
1.4
Menus
Nesta parte de criar Menu do Web site da instituio ser apresentado como adicionar itens do
menu do Website e tambm como associar um artigo a um item de um menu.
1.4.1
Adicionar Item de Menu
Para adicionar item a um menu foram dados os seguintes passos:
Primeiro foi seleccionada a barra de menus, o menu no qual queria adicionar um item;
(figura28)
98/113

O caso da FAM-F
Figura 26:Seleco do menu
Em seguida foi seleccionado o boto Novo; que permitiu criar um novo item (figura
29)
Figura 27: Novo Item de Menu (1)
Depois foi escolhida a opo Layout padro de artigo (ver figura 30).
99/113

O caso da FAM-F
Figura 28:Novo Item de Menu (2)
Depois de escolher a opo pretendida, a pareceu uma pgina onde foram preenchidas
vrios campos relativamente ao novo item, onde foram colocados um ttulo, um nome
alternativo, no item de dependncia foi seleccionado Biblioteca porque era
necessrio que o Item Menu Publicaes fosse submenu do menu Biblioteca
depois foi definido o nvel de acesso. Por ltimo foi seleccionado o boto Guardar;
(ver figura 31).
100/113

O caso da FAM-F
Figura 29: Novo Item de Menu (3)
O resultado final no submenu do menu Biblioteca do menu principal do Website ficou do

seguinte modo como se pode ver na Figura 16.
Tambm foram criadas vrios itens de menus como o caso de Apresentao, Biblioteca,
Noticias, Estatutos da FAM-F, Organizaes Associadas e entre outros. Para adicionar
esses itens ao Menu Principal foram seguidas os mesmos passos anteriormente, s que foi
seleccionada em Item de Dependncia o campo Topo, ficando neste caso o menu como se
pode ver na Figura 15.
1.4.2
Associar um Artigo a um Item de Menu
Para que, ao seleccionar um item de um menu, aparea um artigo na pgina principal, foi
associado a esse mesmo artigo ao item de menu.
De seguida, ser mostrado como foi associado o item de menu Apresentao, ao artigo
Apresentao, este processo aplicado aos restantes. Para adicionar o item de menu
Apresentao ao artigo Apresentao, foi utilizada barra de menus, percorrer o menu
Menus e seleccionar Menu Principal, (ver a figura 28). De seguida foi seleccionado o
item menu pretendido, que neste caso foi o item menu Apresentao. Depois em
Parmetros Bsicos foi seleccionado o boto Seleccionar como mostra a figura 32.
101/113

O caso da FAM-F
Figura 30:Seleco do artigo (1)
De seguida foi mostrado uma lista de artigos, depois foi seleccionado o artigo pretendido, que
neste caso o artigo Apresentao como mostra a figura abaixo.
Figura 31: Seleco do artigo (2)
. Por ltimo, foi seleccionado o boto Guardar, como se pode evidenciar na figura abaixo
indicado.
102/113

O caso da FAM-F
Figura 32: Seleco do artigo (3)
1.5
DocMan (Gestor de Documentos)
Para desenvolver esse site fez-se necessrio utilizar o componente gerenciador de documentos
que chamado de DocMan, onde as pessoas possam fazer download de documentos que esto
no site.
Esse DocMan dividido em Categorias (Categories) e Sub-Categorias (Sub-Categories).

Pode-se criar uma categoria e, dentro dela, possuir vrias Sub-Categorias. Tambm pode criar
documentos, que so os materiais textuais e de imagens do site.
1.5.1
Criar uma categoria em DocMan
Para desenvolver o site foram criadas vrias categorias tais como AMUSA, ASDIS, FAMIPICOS, SOLDIFOGO, MORABI, MAIENSE, ADIRV, e tambm diversas subcategorias
como relatrio 2007, 2008, 2009 e 2010.
Para criar essas categorias e subcategorias, foi acessado o Gestor de categoria, com a listagem
de todas as categorias como mostra a (figura xxx).
103/113

O caso da FAM-F
Figura 33:Gestor de categoria DocMan
Depois foi seleccionado o boto Adicionar que permitiu adicionar uma nova categoria
(Figura 35), em seguida foram preenchidas os vrios campos como por exemplo o nome
categoria, o ttulo da categoria, a sua descrio, em seguida foi seleccionado o boto
Guardar (ver figura 36).
Figura 34:Criar categoria DocMan
Para criar subcategoria o mesmo que criar categoria s que em vez de seleccionar TOPO
em Item de Dependncia foi seleccionado a categoria que queria que ele aparecesse como
subcategoria dessa categoria.
104/113

O caso da FAM-F
Rotinas de actualizao
Para que uma pgina Web seja dinmica e interactiva e que desperta interesse do utilizador
em o visitar ela precisa ser actualizada constantemente.
2.1
Actualizao do Web site da FAM-F
Para fazer a actualizao do Website da FAM-F, o administrador tem que ter uma senha de
acesso para entrar no site e fazer as actualizaes pretendidas. As actualizaes podem ser
feitas no FrontEnd ou no BackEnd.
2.1.1
Fazendo Login no website a partir do FrontEnd
Para fazer o login no site, o utilizador tem que estar registado no website na instituio. Caso
o utilizador no se encontra registado no website, ter de o fazer, para poder ter acesso ao
website. Para fazer o login no Web site o utilizador tem que aceder o menu de autenticao
(ver a figura 17).
2.1.2
Como publicar um artigo a partir do FrontEnd
Para publicar um artigo no Web site a partir do FrontEnd o utilizador ter de autenticar no
site como administrador.
Depois de autenticar como administrador, aparece o menu de utilizador, onde o utilizador tem
vrias opes tais como enviar um artigo, ver o seu perfil, sugerir um site e tambm terminar
a seco. Para escrever um artigo a utilizador ter que escolher a opo enviar um artigo
como mostra a figura abaixo indicado.
105/113

O caso da FAM-F
Figura 35: Menu utilizador
Depois de seleccionar enviar um artigo aparece uma tela na pgina principal, como mostra
a figura a seguir.
Figura 36: Criar Artigos no FrontEnd
Depois de aparecer a tela com o artigo, o utilizador tem vrias opes de publicao do artigo.
A seguir sero mostrados os detalhe cada uma das opes.
Opes
Funcionalidades
Ttulo:
Aqui colocado o ttulo que se pretende

dar ao artigo.
Guardar:
Boto para guardar o artigo
Cancelar
Boto para cancelar o envio do artigo.
Editor de Texto
Para introduzir e formatar o texto

utilizado o editor de texto.
Imagem
Serve para adicionar uma imagem que

esteja adicionada no directrio do stio.
106/113

O caso da FAM-F
Para adicionar outras imagens, ter que

utilizar o editor de texto e adicion-la a
partir de a (por exemplo imagens que
estejam no computador do utilizador).
Quebra de pgina
Serve para adicionar uma quebra de

pgina ao artigo. Quando adicionado
uma quebra de pgina so adicionados
botes de Seguinte e
Anterior para navegao dentro do
artigo.
Continuar a Ler
Quando adicionado este opo, o artigo

no fica visvel na totalidade, e s depois
de carregar em Continuar a ler que se
pode ver todo o artigo.
DOClink
Serve para adicionar ficheiros ao artigo,

sejam eles PDF ou noutro formato.
Seco
Escolher a que seces que queremos que

o artigo pertenam. No caso de notcias
podemos escolher a seco notcias que
automaticamente ira aparecer todas as
categorias associadas a essa seco. Caso
escrevermos
alguns
eventos
seleccionamos a categoria evento que

automaticamente aparece a sua respectiva
categoria
Categoria
Escolher a categoria que queremos que o

artigo pertena.
Publicado
Opo se querermo-nos ou no publicar o

artigo.
Exibir na Pgina Principal
Opo se querermo-nos ou no que o

artigo seja publicado na pgina principal
Pseudnimo do Autor
Aqui podemos inserir um pseudnimo se

quisermos que no artigo no aparea o
107/113

O caso da FAM-F
nome do utilizador.
Iniciar Publicao
Aqui escolhemos a data e hora a partir da

qual o artigo fica visvel no stio.
(Opcional)
Concluir Publicao
Se quisermos que um artigo fique

disponvel at determinada data, podemos
definir aqui a data at qual o artigo se
mantm visvel (Opcional)
Nvel de Acesso
Aqui definimos quem pode ver o artigo,

se o pblico, se s poder ver um utilizador
registado ou se um utilizador especial.
Descrio
Adicionar uma descrio ao artigo.
Palavras-Chave
Ao colocar palavras-chave, essas palavras

servem para quando um utilizador fizer
uma pesquisa por artigo, este possa ser
relacionado com essa palavra-chave.
Tabela 7: Opes ao enviar um artigo
Depois de escrever o artigo e seleccionar todas as opes pretendidas, o administrador apenas

ter de carregar no boto Guardar para que o artigo fique publicado.
2.1.3
Editar um Artigo a partir do FrontEnd
Depois de o administrador fazer login com sucesso, ele tanto pode enviar como foi descrito
anteriormente como tambm alterar um artigo a partir do FrontEnd.
Alterao de contedo de um artigo feita usando um editor de texto que permite inserir todo
o tipo de contedo multimdia e texto. Para alterar o contedo de um artigo a partir do
FrontEnd o utilizador tem que ter permisses especiais, e que neste caso somente o
administrador tem o privilgio de o fazer. Ainda no FrontEnd para aceder a rea de edio e
alterar o contedo de um artigo, o administrador tem que carregar ou seja seleccionar num
cone que permite fazer alterao de um contedo, como mostra a figura a baixo indicado.
108/113

O caso da FAM-F
Figura 37: Editar textos
Depois de seleccionar o cone aparecer o editor de texto onde poder alterar o texto do artigo
e as opes do mesmo, e em seguida seleccionar o boto Gravar.
2.1.4
Apagar um Artigo a partir do FrontEnd
Para apagar um artigo necessrio aceder ao BackEnd. O mximo que um administrador no

FrontEnd pode fazer retirar o artigo de publicao, mas o artigo ir permanecer guardado na
base de dados dos artigos.
2.1.5
Visualizao de arquivo no prprio site.
DocMan um componente em joomla que permite o administrador ver e digitar documentos e

arquivos para um website e torn-las acessveis aos seus utilizadores.
Para ver os documentos no componente DocMan, foi criada uma hiperligao directamente
gesto de documentos no prprio site que ao fazer um clique no item do menu Biblioteca ,
aparecem todos os documentos listados de uma determinada categoria. Como mostra a figura
a baixo indicado.
109/113

O caso da FAM-F
Figura 38: Visualizao de documentos
Como podemos notar que h vrios documentos listados. Se colocarmos o rato sobre o
documento desejado aparecem a descrio do documento (filename, a descrio, o peso do
arquivo, o proprietrio, etc.).
Para abrir o arquivo ou fazer o download podemos fazer um clique sobre o nome do
documento ou tambm sobre o boto download que ser aberta uma janela para abrir o
documento. De seguida podemos escolha Abrir ou Salvar em disco (recomendado).
Figura 39: Download de documentos no website
2.1.6
Fazer upload de documentos para o Website
Para fazer upload de arquivos para Docman o administrador precisa fazer login no website
com a sua conta, para poder fazer upload de documentos para o website. Para fazer o upload
s fazer um click em submite file como mostra a figura abaixo indicado
110/113

O caso da FAM-F
Figura 40: Fazer upload de documentos (1)
Ao contrrio do anterior, agora s fazer um click no cone "Upload a file from this
computer". Como mostra a figura 43.
Em seguida procurar e seleccionar o arquivo que reside em no computador para carregar no

site. Uma vez seleccionado o arquivo, necessrio fazer um clique em Upload, como mostra
a figura 44.
111/113

O caso da FAM-F
Neste ponto, h um documento informativo sobre o documento em que deve ter :
Ttulo: Ttulo do documento
Categoria: Escolher a categoria a que o documento
Data: data de publicao do documento (que pode alter-la clicando no 3 pontos)
Descrio: inserir uma breve descrio do documento
Para que o documento fique visvel para todos os utilizadores ela precisa ser publicada na
pgina, como mostra afigura.
Quando estiver tudo pronto aparece na tela do administrador a seguinte imagem:

112/113

O caso da FAM-F
Download: permite fazer o download do arquivo
View ou visualizar: permite visualizar o documento
Details ou detalhes: permite ver os detalhes do documento
Edit ou Editar: Permite-lhe editar o documento
Move ou mover: Permite-lhe alterar a categoria do documento
Delete ou Eliminar: permite-lhe apagar o documento
Update ou Actualizao: Permite-lhe alterar o arquivo e actualiz-lo com outro
Unpublish: permite dispublicar o documento no site.
113/113

Programação Web

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Programação Web

Uploaded by

Copyright:

Available Formats

Rito Alex Silva Gonalves

Desenvolvimento Web usando Padres e

Universidade Jean Piaget de Cabo Verde

Rito Alex Silva Gonalves

Desenvolvimento Web usando Padres e

Rito Alex Silva Gonalves autor da

Cidade da Praia aos 05 de Janeiro de 2010

Memria Monogrfica apresentada

Agencia Nacional de Comunicaes

Advanced Research Projects Agency Network

Common Gateway Interface

Content Manegament Sustem

Cascading Style Sheets

Document Object Model

Federao das Associaes Cabo-Verdianas de Micro Finanas

Hypertext Markup Language

Hypertext Transfer Protocol

Internet Information Services

National Center for Supercomputer Application

Ncleo Operacional para Sociedade de Informao

Relacional Data base Management System

Sistema de Gesto de Base de Dados

Standard Generalized Markup Language

Structured Query Language

Scalable Vector Graphics

Transmission Control Protocol

User Agent Accessibility Guidelines

Universidade de Califrnia em Los Angels

Uniform Resource Locator

World Wide Web Consortium

Web Accessibility Initiative

Web Content Accessibility Guidelines

World Wide Web

What You See Is What You Get

eXtensible Markup Language

Desenvolvimento Web usando Padres e Tecnologias Web

Desenvolvimento Web usando Padres e Tecnologias Web

Estrutura do Website da organizao ........................................................................... 69

Manual de desenvolvimento do Website da FAM-F ........................................ 90

Desenvolvimento Web usando Padres e Tecnologias Web

Desenvolvimento Web usando Padres e Tecnologias Web

Desenvolvimento Web usando Padres e Tecnologias Web

Diariamente, so publicados milhes de contedos na Web como textos, fotografias ou

Padres Web so conceitos importantssimos no processo de Desenvolvimento de Sites.

Desenvolvimento Web usando Padres e Tecnologias Web

posicionamentos nos mecanismos de busca, menor tempo de desenvolvimento, menor custo

Os Padres Web sempre esto associados ao cdigo da pgina Web e s recomendaes do

Desenvolvimento Web usando Padres e Tecnologias Web

justamente sobre a utilizao de tecnologias Web e padres Web no desenvolvimento do

Entender as principais tcnicas para o desenvolvimento de websites e aplicar algumas delas

Compreender os padres Web W3C.

Anlise crtica das tecnologias para o desenvolvimento do Website da FAM-F.

Anlise crtica do actual website da FAM-F.

Proposta e desenvolvimento de um novo website.

A motivao surgiu da necessidade e do interesse de saber o que utilizado no que se refere

Desenvolvimento Web usando Padres e Tecnologias Web

Este trabalho est organizado da seguinte forma:

Desenvolvimento Web usando Padres e Tecnologias Web

No captulo 5 sero apresentados os problemas do Website da FAM-F, focando aspectos

E no captulo 6 sero apresentadas as concluses sobre o trabalho.

Desenvolvimento Web usando Padres e Tecnologias Web

As principais tecnologias Web

A tecnologia Web definida por Jnior (2003) como um conjunto de Padres de

Desenvolvimento Web usando Padres e Tecnologias Web