Beruflich Dokumente
Kultur Dokumente
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
ARPANet
CGI
CMS
CSS
DOM
FAM-F
HTML
HTTP
IE
Internet Explore
IIS
MF
Mozilla Firefox
NCSA
NOSi
Open Source
Software Livre
PHP
Hypertext Preprocessor
RDBMS
SGBD
SGML
SQL
SVG
TCP
UAAG
UCLA
URL
W3C
WAI
WCAG
WWW
WYSIWYG
XML
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
3.1
3.2
3.3
3.4
Captulo 6:
A
1
1.1
1.2
1.3
1.4
1.5
2
2.1
Concluso ......................................................................................................... 81
8/113
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
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
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.
11/113
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
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.
1
1.1
Objectivos
Geral
1.2
Especifico
Motivao
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
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
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
15/113
Captulo 2:
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.
16/113
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.
17/113
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
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
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).
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.
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
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).
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
21/113
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.
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
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:
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
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
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
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
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.
25/113
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).
26/113
De acordo com Sousa (2002) o XML possui algumas vantagens principais tais como:
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
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).
Servidor Web
Roseindia (2007) e Remoaldo (2006) afirmam para que a WWW possa funcionar necessria
Um programa cliente, que utilizado para ceder ao stios Web e que este programa
normalmente um browser, como Internet Explorer ou o Mozilla Firefox
28/113
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.
Sun Java System Web Server- Sun Micro system (anteriormente Sun ONE Web
Server, Iplane Web Server, e Netscape Enterprise Server).
29/113
NCSA httpd-NCSA.
3.1
Apache
Segundo Wesley (2001) Apache um servidor Web muito complexo, principalmente por
causa do nmero vasto, de caractersticas que ele possui.
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
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.
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
Suporte a servidor Proxy FTP e HTTP, com limite de acesso, caching (todas
flexivelmente configurveis).
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
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
Suporte s APIs das Seguintes linguagens: PHP, Perl, C, C++, Java, Pynthon, etc...
Suporte a cdigo fonte aberto e de fcil soluo, pois existem inmeros grupos de
estudos referentes a este sistema.
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
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:
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
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:
Gestor de banner.
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.
37/113
1.1
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.
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".
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
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:
39/113
1.3
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.
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
1.4
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
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.
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
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:
Navegadores antigos;
Navegadores de texto;
Conexes lentas;
43/113
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;
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;
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
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
45/113
46/113
O W3C-WAI desenvolve guias e directrizes para os diferentes componentes que sero citados
em baixo:
47/113
2.3
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:
Hiperligaes textuais:
Formulrios:
Onde for necessrio um plug-in, deve-se incluir uma hiperligao para o item
requerido.
CSS desabilitado:
Sempre testar as pginas com e sem folhas de estilo para garantir que elas
sejam legveis de qualquer forma.
Sempre utilizar CSS vlida5 e testar em diversos navegadores. CSS mal escrita
poder tornar uma pgina ilegvel.
Scripts:
Tabelas:
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.
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.
50/113
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).
51/113
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
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).
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
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).
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.
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 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)
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.
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
Servidor
Apache
Agosto 2009
Percentagem
104,611,555
46.30%
Microsoft
49,579,507
21.94%
qq.com
30,278,988
13.40%
14,213,976
6.29%
Nginx
11,502,109
5.09%
2,025,521
0.90%
Lighttpd
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
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.
57/113
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.
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.
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.
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.
59/113
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
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
Situao actual
Problemas
Antigo Website
Visibilidade do
Tempo de
status do
carga
sistema
62/113
Contedo
Preciso do
Contedo
Imagens
Compatibilidade
do sistema com
o mundo real
Conhecimento
do pblico-
website.
alvo
Controle do
Controle sobre
utilizador e
aces
liberdade
Links
Escrita e
gramtica
no website.
Navegao
Consistncia e
A navegao dentro do website no permita que o
padres
Flexibilidade e
Modos de
63/113
eficincia de
interaco
uso
Esttica e
Background
Cor
design
Layout
Fontes
Ajudar os
Mensagens de
utilizadores a
erros
reconhecer,
diagnosticar e
corrigir erros
Help e
Meta tags
documentao
Informaes
para Contacto
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
Apresentao da
informao
Navegao
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.
65/113
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
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
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:
Integra ferramentas necessrias para criar, editar contedos em tempo real sem a
necessidade de programao de cdigo.
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
A cada dia vem surgindo mdulos e componentes, tornando a verso bsica mais rica
e funcional.
A disposio do HTML bem formada e sem tabelas que facilitam a leitura dos
crawlers (programa de pesquisa na World Wide Web).
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
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
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.
3.2
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
3.3
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
3.3.1
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
3.3.1.1.1
Submenus
Existem itens no menu principal que contem submenus, como se pode verificar na figura.
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
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
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
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.
3.3.2
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
3.4
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.
Antigo Website
Novo Website
Visibilidade do
Tempo de
Pginas normalmente
As pginas normalmente
status do
carga
carregam rapidamente
(menos de 10 segundos) em
devido a grandes
grficos e imagens.
sistema
Compatibilidade
O website no possui
definido.
Preciso do
H vrias imprecises
Contedo
no contedo fornecido
alcanados.
75/113
do sistema com
Imagens
o mundo real
As necessidades de
Todas as imagens,
visual so ignoradas.
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
pelo utilizador ou o
quando execut-las.
liberdade
utilizador no tem
liberdade para escolher
quando executar as
aces.
Links
de alta qualidade e
actualizados.
actualizados.
Escrita e
No h erros na escrita,
gramtica
escrita, pontuao ou
pontuao ou gramtica no
gramtica no website.
website.
Consistncia e
76/113
padres
Navegao
o utilizador para os
claramente nomeados,
websites descritos. O
consistentemente
utilizador normalmente
se sente perdido.
A navegao dentro do
A navegao dentro do
quando o desejar.
Flexibilidade e
Modos de
O website oferece
eficincia de
interaco
somente um modo de
interaco
uso
Background atrapalha a
Background muito
legibilidade do website.
design
Cores de background,
contedo difcil de
cores agradvel, no
compreender ou distrai
atrapalham o contedo e so
o leitor.
consistentes entres as
pginas do website.
77/113
Layout
As pginas possuem
uma aparncia
desordenada e confusa.
frequentemente difcil
importantes. Espao em
localizar elementos
importantes.
alinhamento so utilizados
para organizar o material.
Fontes
Fontes so consistentes,
de fontes, estilos e
tamanhos de fontes so
utilizados.
Ajudar os
Mensagens de
As mensagens de erro
Como o comportamento de
utilizadores a
erros
no so apresentadas.
reconhecer,
a navegadores, sistemas
diagnosticar e
compreenso restrita a
operacionais e configuraes
corrigir erros
especialistas da rea e
do utilizador. O website
outros utilizadores.
Help e
documentao
Meta tags
faltando. O contedo
das pginas no
compreenso do material
reflectido em nenhuma
includo na pgina.
meta tag.
78/113
Vrias pginas no
para Contacto
contm informao de
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
Apresentao da
informao
Antigo website
Novo website
As imagens no se
encontram legendadas ou
texto.
O tamanho do texto no
navegador.
O comprimento do texto na
pgina no se ajusta ao
tamanho da Janela
Janela.
No h identificao do
formulrios.
79/113
destreza
reduzida
incapacidade
de
ou
ver
cursor do ecr.
Os textos das ligaes no
so compreensveis fora do
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
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.
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
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.
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.
82/113
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
Bibliografia
Alecrim, E. (2003). Linguagem PHP. Disponvel em http://www.infowester.com/php.php,
consultado em Abril 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
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.
84/113
Verde.
Disponivel
em
http://bdigital.unipiaget.cv:8080/dspace/bitstream/123456789/206/1/Anilton%20Fernandes.pd
f, consultado Abril de 2009
Fraga,
D.
(2008).
Web
Standard.
Disponvel
em
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.
Ghedin,
R.
(2004).
Histria
do
Firefox.
Disponvel
em
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.
Disponvel em
85/113
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.
Netcraft.
(2009).
Web
Server
Survey.
Disponvel
em
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
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.
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
Santos,
J.
&
Silva,
J.
(2009).
SGBD
MySQL.
Disponvel
em
Serrao, C. & Marques, J. (2004). Programao com PHP 4.3. Lisboa, ISBN-972-722-428-8,
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
Sousa, A. (2002). Bases de Dados Web e XML. Lisboa, ISBN-972-722-321-4, FCA: Editora
de Informtica, Lda.
TIOBE.
(2009).
Programming
Community
Index
for
August.
Disponvel
em
Ullman, L. (2005). PHP and MySQL for Dynamic Web Sites: Visual QuickPro Guide (2 ed).
Peachpit Press.
Vieira,
J.
(2004).
PHP...
Grande
Revoluo!.
Disponvel
em
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
W3C.
(2005).
Introduction
to
Web
Accessibility.
Disponvel
em
Welling, L. & Thomson, L. (2003). PHP and MySQL Web development (2 ed). Sams
Publishing
88/113
Wesley,
A.
(2001).
Apache
Desktop
Reference.
Disponvel
em
White,
S.
& Wallace,
A.
(2007).
Joomla!
User
manual.
Disponvel
em
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
N:
Autor:
01929
Rito Alex Silva Gonalves
Ano Lectivo:
Variante:
Resumo:
Docente:
N de
pginas:
25
90/113
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
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.
91/113
1.1
Seces e Categorias
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).
92/113
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
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).
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
Pgina Principal: Se queremos que o artigo seja publicado na pgina inicial, ou no;
Parmetros Artigo:
95/113
Depois de ter preenchido todos os campos do artigo foi seleccionado o boto guardar, para
guardar o artigo criado. (Ver figura 25)
1.3
Contactos
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
Para criar um novo contacto tive que criar uma categoria de contactos, que ser detalhada
mais em baixo.
1.3.1
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
97/113
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)
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
Primeiro foi seleccionada a barra de menus, o menu no qual queria adicionar um item;
(figura28)
98/113
Em seguida foi seleccionado o boto Novo; que permitiu criar um novo item (figura
29)
Depois foi escolhida a opo Layout padro de artigo (ver figura 30).
99/113
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
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
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
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.
. Por ltimo, foi seleccionado o boto Guardar, como se pode evidenciar na figura abaixo
indicado.
102/113
1.5
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.
1.5.1
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
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).
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
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
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
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
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
Depois de seleccionar enviar um artigo aparece uma tela na pgina principal, como mostra
a figura a seguir.
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:
Guardar:
Cancelar
Editor de Texto
Imagem
106/113
Continuar a Ler
DOClink
Seco
alguns
eventos
Publicado
Pseudnimo do Autor
107/113
nome do utilizador.
Iniciar Publicao
Concluir Publicao
Nvel de Acesso
Descrio
Palavras-Chave
2.1.3
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
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
2.1.5
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
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).
2.1.6
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
Ao contrrio do anterior, agora s fazer um click no cone "Upload a file from this
computer". Como mostra a figura 43.
111/113
Para que o documento fique visvel para todos os utilizadores ela precisa ser publicada na
pgina, como mostra afigura.
113/113