Escola Superior de Educao de Setbal

C ENTRO DE C OMPETNCIA CRIE

G ESTO DE C ONTEDOS COM J OOMLA

Joo Vtor Torres
jtorres@ese.ips.pt

Janeiro de 2006
Documento de trabalho (draft), verso de 19 de Janeiro de 2006

-1-

LISTA DE FIGURAS.::.CONTEDO

Contedo
1 Introduo

2 Sistemas de gesto de contedos

J OOMLA

4 Conceitos importantes

4.1
4.2
4.3
4.4

Backend/Frontend . . . . .
Componentes . . . . . . . .
Mdulos . . . . . . . . . . .
Seces, categorias e artigos

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

5
5
6
7

4.5
4.6
4.7
4.8
4.9

Contedos estticos . .
Frontpage . . . . . . .
Mambots . . . . . . . .
Publicar/No publicar
Template . . . . . . . .

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

8
9
9
9
9

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

5 Zona de administrao (Backend)

10

6 Algumas aces concretas

11

6.1

6.2

Seces e categorias . .
6.1.1 Criar seces .
6.1.2 Criar categorias
Criar uma notcia . . .
6.2.1 Enviar imagens

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

11
11
13
14
14

Criar uma pasta no Media manager

Enviar o texto da notcia . . . . . . .
Juntar imagens s notcias . . . . . .
Parmetros . . . . . . . . . . . . . .

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

14
15
16
18

Criar contedos estticos . . . . . . . . . . . . . . . . . . . . . . . . . . . .

Menus . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

18
20

6.2.2
6.2.3
6.2.4
6.2.5
6.3
6.4

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

Lista de Figuras
1

Ecr de login . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

Aspecto de um stio J OOMLA . . . . . . . . . . . . . . . . . . . . . . . . .

-2-

LISTA DE FIGURAS.::.LISTA DE FIGURAS

Aspecto da zona de administrao backend de um stio J OOMLA . . . .

4
5
6
7

Aspecto de um stio J OOMLA . .

Zona de administrao J OOMLA
Criar uma seco . . . . . . . . .
Gerir secoes . . . . . . . . . . . .

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

8
12
12
13

8
9
10
11
12

Criar nova Seco . . . . . . . . . . . . . . . . . .

Media manager . . . . . . . . . . . . . . . . . . .
Criar contedos enviar uma notcia . . . . . . .
Opes das imagens . . . . . . . . . . . . . . . .
Parmetros que controlam o aspecto dos artigos

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

13
14
16
17
18

13
14
15
16

Criar contedos estticos . . . . . . .

Criar contedos estticos . . . . . . .
Menus, lista de itens . . . . . . . . .
Menus escolher tipo de item . . .

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

19
19
20
21

17

Menus lista de itens . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

23

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

SISTEMAS DE GESTO DE CONTEDOS.::.

-3-

1 Introduo
A Internet hoje um meio onde facilmente se pode fazer passar informao. A
rpida actualizao dos contedos e os preos relativamente baixos dos alojamentos
fazem com que cada vez mais, empresas, escolas e outras entidades e instituies tenham o seu espao na Web. No entanto, nem todas as pginas que encontramos tm
informao actualizada e so concebidas de modo a facilitar o acesso aos contedos
mais relevantes. Embora seja fcil de construir e as ferramentas disponveis cada vez
mais intuitivas, conceber e, sobretudo, manter actualizado um stio na Web continua a
ser uma tarefa que nem sempre se consegue levar a cabo com a eficincia pretendida.
Nos ltimos anos conceitos como os blogues vieram facilitar a actualizao de contedos permitindo que pessoas com poucos conhecimentos de informtica, e mesmo crianas, publiquem, e sobretudo, actualizem informao. Apesar da estrutura linear que
apresentam (mensagens em ordem cronolgica) estas pginas primam pela grande facilidade com que so actualizadas a partir de qualquer computador ligado Internet.
No entanto, uma empresa, uma escola ou outra entidade que produza e queira
transmitir contedos com alguma regularidade ter necessidades que vo para alm de
um simples blogue. Imaginemos agora o mesmo conceito, quase a mesma simplicidade
de actualizao mas uma versatilidade muito maior. Em vez de um blogue a pgina
ser constituda por um conjunto de blogues que agruparo os contedos por temas e
no sero sempre ordenados cronologicamente. Alm disso, ser possvel criar zonas
abertas e zonas restritas onde s alguns utilizadores registados podero consultar
informao.
Criar um sistema com estas caractersticas poder parecer uma tarefa complicada
mas existem solues que nos permitem tornar esta tarefa muito mais simples e obter
resultados, mesmo que no sejamos programadores ou tcnicos informticos.

2 Sistemas de gesto de contedos

Designaremos por sistema gestor de contedos um conjunto de pginas que permitam consultar, de uma maneira organizada, informao estruturada mas tambm
actualizar, alterar e apagar essa informao. Estes gestores de informao tm pois,
geralmente, duas reas distintas. Uma que toda a gente consulta (Frontend) e conhece
e outra, de acesso restrito, apenas acessvel a quem produz/actualiza os contedos
(Backend).
As empresas com capacidade financeira ou com tcnicos informticos altamente

CONCEITOS IMPORTANTES.::.

-4-

especializados optam evidentemente por comprar ou construir de raz sistemas de

gesto de contedos que lhes permitam gerir a informao que produzem e querem
disponibilizar na Internet. Essas solues sero feitas medida ou adaptadas s necessidades efectivas dessa empresa/organizao. H no entanto software disponibilizado
gratuitamente (em regime de GNU1 ) que permite tambm fazer gesto de contedos.
Entre os projectos mais conhecidos de software para gesto de contedos encontra-se
o Php-nuke2 e o Mambo3 . Em Agosto de 2005 uma ruptura na equipa de desenvolvimento do Mambo fez surgir um produto com uma nova designao mas que segue a
mesma filosofia de funcionalidade, o J OOMLA4 . Neste documento veremos algumas
das principais funcionalidades deste sistema de gesto de contedos.

J OOMLA

Tentaremos ver o que necessitamos para construr um stio web com base no J O OMLA . Antes de mais, teremos que decidir onde alojar o nosso stio. Os gestores de
contedos normalmente separam os dados da forma como so apresentados. Os dados
so guardados em bases de dados e s quando a eles acedemos que as pginas so
construdas no servidor. Assim para alojar um stio J OOMLA (ou Mambo) teremos que
ter um servidor que tenha suporte de bases de dados MySql. A linguagem utilizada
o PHP. O servidor dever tambm ter esta linguagem instalada. Na hora de contratar o
servio de alojamento dever ter em ateno que o servidor dever cumprir estes dois
requisitos. Caso isso se verifique a instalao decorrer em poucos minutos5 e no fim
da instalao deveremos ter no endereo do nosso stio uma primeira verso do que
vir a ser a nossa presena na Internet.

4 Conceitos importantes
Antes de vermos algumas das funcionalidade do J OOMLA importa clarificar alguns
conceitos que utilizaremos.
1

http://www.gnu.org/home.pt.html
http://phpnuke.org
3
http://www.mamboserver.com
4
http://www.J OOMLA.org
5
Foge do mbito destas notas o processo de instalao do J OOMLA uma vez que, no sendo complicado e fazendo-se em poucos minutos, uma tarefa bastante tcnica e que ter que fazer apenas uma
vez. No caso das escola aconselhamos o recurso a um Centro de Competncia para ajuda nesta parte da
tarefa
2

CONCEITOS IMPORTANTES.::.4.1

Backend/Frontend

-5-

4.1 Backend/Frontend
Exitem duas faces do seu stio. Uma apresenta aquilo que todos os visitantes podem
ver Frontend e a outra a zona de administrao Backend onde s se acede, fornecendo
uma palavra passe. Para aceder ao Frontend basta digitar o endereo do nosso stio6 .
Para aceder ao Backend acrescentamos ao endereo do stio /administrator 7 . Sendo
o Backend uma zona protegida para entrar teremos que apresentar um username
(nome de utilizador) e uma palavra passe, num formulrio como o reproduzido na Figura 1. Na altura da instalao do J OOMLA ser criada uma conta para administrao

Figura 1: Ecr de login

do stio com username admin e palavra passe escolhida pela pessoa que fez a instalao. Poderemos na zona de Backend criar outras contas para outros utilizadores.

4.2 Componentes
O J OOMLA foi pensado para poder crescer, integrando vrios componentes. Esses
componentes sero funcionalidades acrescidas que se juntam ao nosso stio. Alguns
componentes vm instalados com o prprio J OOMLA como, por exemplo, um componente para gerir banners publicitrios, weblinks ou ainda um componente para gerir
questes de resposta mltipla. Podemos tambm encontrar na Internet locais onde obter componentes adicionais para juntar ao nosso stio, de modo a podermos resolver
uma tarefa especfica. Esses componentes vo desde sistemas para gerir bibliotecas
de arquivos (na pgina do Centro de Competncia utilizamos o DocMan), livros de
visitas, calendrios de acontecimentos ou componentes para gesto de comrcio electrnico.
6
7

Por exemplo: http://nonio.ese.ips.pt/jtorres

No nosso exemplo ficaria ento http://nonio.ese.ips.pt/jtorres/administrator

CONCEITOS IMPORTANTES.::.4.3

Mdulos

-6-

Figura 2: Aspecto de um stio J OOMLA

Ao pensarmos na configurao do nosso stio devemos pensar em que funcionalidades desejamos, e caso no estejam implementadas de raz no J OOMLA, procurar se
existe alguma componente que responda s nossas necessidades.

4.3 Mdulos
De uma maneira simplista mdulos so blocos que colocamos na pgina do nosso
stio. Um mdulo poder ser um menu, um banner, uma questo de reposta mltipla,
etc.. . . Na Figura 4 podemos ver evidenciados vrios mdulos na pgina inicial de um
stio J OOMLA. A posio desses mdulos pode ser definida na zona de administrao
havendo, para isso, zonas onde os podemos colocar como por exemplo esquerda (lef),
direita (right), no topo (top) ou no fundo da pgina (button). Nem todas as templates
tero as mesmas zonas disponveis, por isso na hora de escolher a template para o seu
stio deve ter em conta se tem definidas as zonas de que vai precisar.

CONCEITOS IMPORTANTES.::.4.4

Seces, categorias e artigos

-7-

Figura 3: Aspecto da zona de administrao backend de um stio J OOMLA

4.4 Seces, categorias e artigos

Existem 2 nveis de classificao da informao no nosso stio J OOMLA. A informao armazenada ser guardada em notcias/artigos que podero conter texto e uma ou
vrias imagens. Cada um destes artigos dever pertencer a uma nica categoria que,
por sua vez, pertence a uma seco. Assim, uma seco contem diversas categorias
que, por sua vez, contm ainda diversos artigos. Uma importante fase na construo
de um stio em J OOMLA a definio de uma forma clara das seces e categorias
de que necessitaremos para armazenar a nossa informao. S depois de decidirmos
quais as seces e categorias podemos comear a editar os artigos. Depois, poderemos
criar entradas nos menus para listar essa informao, como veremos mais frente.
Tomemos como exemplo uma escola que pretende disponibilizar no seu stio, construdo em J OOMLA , notcias das suas diversas reas departamentais. Assim, teria uma
Seco chamada Notcias com uma categoria por cada rea departamental. Quando
fossem criadas as notcias (artigos) os professores que criassem a informao colocariam cada artigo na seco notcias e na categoria correspondente sua rea departamental.

CONCEITOS IMPORTANTES.::.4.5

Contedos estticos

-8-

Figura 4: Aspecto de um stio J OOMLA

A estrutura do menu poder (embora no seja obrigatrio) reflectir a organizao

da informao no nosso stio, tendo entradas principais (de primeiro nvel) que listam
contedos de categorias e entradas de segundo nvel que listam o contedo das seces (ou seja os artigos). Uma entrada no menu pode ainda apontar directamente para
um artigo concreto ou para um contedo esttico. Uma das caractersticas dos artigos
que podemos definir a data da sua publicao, bem como a data em que automaticamente deixar de aparecer na nossa pgina. Imaginemos que o departamento de
educao fsica anuncia a realizao de um torneio numa determinada data. Ao elaborar o artigo poder ser definido que no dia seguinte ao evento o artigo deixar de estar
disponvel.

4.5 Contedos estticos

Embora a maioria da informao esteja categorizada em Seces/categorias como
vimos acima o nosso stio poder conter ainda contedos estticos que no se enquadram nessa categorizao. Um exemplo, retomando o caso de um portal de um escola,

CONCEITOS IMPORTANTES.::.4.6

Frontpage

-9-

ser a localizao da escola. Caso queiramos dar informao de como chegar at escola ou mesmo publicar um esquema de localizao s teremos um artigo com estas
caractersticas que como evidente ser permanente. Neste caso o modo mais simples
seria criar um contedo esttico com essa informao.

4.6 Frontpage
a pgina inicial do nosso stio. Embora possa ser alterado, normalmente, a pgina de abertura de um stio J OOMLA pode afixar as notcias mais relevantes do nosso
stio. Sempre que acrescentamos contedos ao nosso stio podemos decidir se este,
alm de ser referenciado no local correspondente sua seco/categoria, deve aparecer tambm, durante algum tempo, na pgina inicial frontpage para, assim, ter maior
visibilidade.

4.7 Mambots
So pequenos programas que permitem automatizar algumas tarefas no stio J O Por exemplo para fazer pesquisas no stio necessrio ter um mambot instalado. Alguns destes mambots so instalados com o J OOMLA e outros, como os componentes, podemos encontrar em stios da internet.
OMLA .

4.8 Publicar/No publicar

A existncia da informao no nosso stio no implica, por si s, que esta seja visvel
pelas pessoas que nos visitam. Podemos preparar notcias que ficam a aguardar publicao (por exemplo que outro elemento da equipa as veja). Do mesmo modo depois
da informao perder validade podemos continuar com essa informao no arquivo
do nosso stio, mesmo que j no esteja publicada, isto : acessvel a quem acede ao
stio.

4.9 Template
Num stio J OOMLA os contedos so independentes do aspecto final do nosso stio.
Todo o aspecto controlado por um molde (template) que controlar todo o aspecto
da informao. A template constituda por dois ficheiros essenciais e vrias imagens.
Um dos ficheiros define o aspecto geral da pgina e as zonas onde podemos colocar
os mdulos e outro (CCS) os estilos de letra utilizados. Embora criar/alterar templates

ZONA DE ADMINISTRAO (BACKEND).::.

-10-

no seja muito complicado exige alguns conhecimentos de HTML e PHP. Existem na

Internet stios que disponibilizam templates para J OOMLA8 gratuitas. Existem ainda
empresas que comercializam templates. Muitas vezes podemos obter resultados satisfatrios, escolhendo uma template gratuita e, de seguida, fazendo algumas alteraes
nas imagens principais (por exemplo, os cabealhos).

5 Zona de administrao (Backend)

Para acedermos zona de administrao do nosso stio J OOMLA escrevemos, como
vimos, o seu endereo seguido de /administrator. Teremos acesso a um ecr de identificao (Figura 1) e depois de nos identificarmos chegamos zona designada por
backend. Ser a que definimos o aspecto e os contedos de nosso stio.
Tambm para esta zona existem templates. Assim o aspecto que apresentamos nas
figuras o de uma instalao J OOMLA sem alterao de template de zona de administrao. Caso tenha, ou algum por si, instalado uma template para esta zona poder
no visualizar exactamente o mesmo que reproduzimos nas nossas imagens. Existem
vrias formas de fazer a mesma aco nesta zona. Por exemplo para acrescentarmos
contedos ao nosso stio podemos utilizar o mnenu content ou ir pelo atalho directo
da pgina principal [zona A na Figura 5].
Vejamos as zonas principais desta zona e as suas funcionalidades destacadas na
Figura 5.
Zona A a zona central da pgina principal da zona de administrao (backend). Tem aqui atalhos directos para as tarefas mais comuns de manuteno do
stio, como por exemplo, criar novos contedos. Pode voltar sempre a esta zona,
atravs da opo Home do menu.
Zona B Nesta zona encontramos um painel com vrias pginas.
Logged Informao sobre quem est neste momento a administrar o nosso
stio.
Components Acesso s opes das componentes instaladas no nosso stio
(o mesmo se pode obter no menu com o mesmo nome).
Popular Lista ordenada por ordem decrescente de acessos dos contedos
do nosso stio.
8

Por exemplo : http://www.ty2u.com/downloads/free-joomla-templates

ALGUMAS ACES CONCRETAS.::.

-11-

Latest Items ltimos artigos publicados: No caso de j termos muita informao no nosso stio este um modo rpido de chegarmos aos ltimos
itens acrescentados.
Menu Stat Estatsticas e acesso aos menus do nosso stio.
Zona C Caminho: indica a zona da administrao em que nos encontramos em
cada momento, fornecendo ligaes para voltar a qualquer dos pontos anteriores,
incluindo a primeira pgina da zona de administrao indicada aqui pelo nome
do nosso stio.
Zona D Menus: sistema de menus que nos permite aceder s funes desta
zona.
Zona E Barra de ferramentas: esta barra ter mais ou menos opes conforme a
zona em que nos encontremos, dando-nos, a cada momento, acesso a ferramentas, de acordo com a aco que estamos a realizar. Neste caso, temos apenas o boto que nos permite obter ajuda. tambm, por cima desta zona, que se encontra
a ligao que nos permite sair em segurana das pginas de administrao.

6 Algumas aces concretas

Descreveremos, de seguida, algumas das principais tarefas ao actualizar/conceber
um stio J OOMLA.

6.1 Seces e categorias

Como vimos um stio em J OOMLA organiza os artigos em seces e categorias.
Antes de introduzirmos as notcias propriamente ditas teremos que criar essas seces
e categorias.
6.1.1 Criar seces
Para acedermos lista de seces utilizamos o boto Section Manager no painel
principal ou a opo com o mesmo nome do menu Content (Figura 6). Na zona de
controlo das seces poder escolher a opo (New) na barra de ferramentas (assinalada como A na Figura 7) e chegar ao ecr representado na Figura 8. Poder ento

ALGUMAS ACES CONCRETAS.::.6.1

Seces e categorias

-12-

Figura 5: Zona de administrao J OOMLA

definir a seco dando-lhe um ttulo, um nome, definindo quem ter acesso aos contedos desta seco. Pode ainda definir uma imagem (que ter que enviar previamente
para o Media Manager) e uma descrio dos contedos que a seco ir conter.

Figura 6: Criar uma seco

ALGUMAS ACES CONCRETAS.::.6.1

Seces e categorias

-13-

Figura 7: Gerir secoes

Figura 8: Criar nova Seco

6.1.2 Criar categorias

O processo de criar categorias idntico ao descrito para as seces. A nica diferena reside no facto de, ao criar uma categoria, esta ter que estar associada, obrigatoriamente a uma seco. Assim, devemos primeiro criar as seces e s depois as
categorias.

ALGUMAS ACES CONCRETAS.::.6.2

Criar uma notcia

-14-

6.2 Criar uma notcia

Esta ser a tarefa que mais vezes ter que fazer para manter o seu stio actualizado.
Como vimos esses contedos estaro organizados em categorias e seces.
A primeira preocupao que devemos ter decidir se a nossa notcia vai conter imagens e em caso afirmativo devemos prepar-las (redimensionando-as se necessrio) e
transferi-las para o nosso stio antes de comear a criar a notcia.
6.2.1 Enviar imagens
O envio de imagens para o nosso stio feito no Media manager (Figura 9). Para
aceder ao Media manager escolha a opo com o mesmo nome no painel principal
(zona A da Figura 5) ou no menu site. Aqui podemos transferir imagens para o

Figura 9: Media manager

servidor que estejam previamente gravadas no nosso computador. tambm possivel

apagar imagens e criar pastas, de modo a que essas imagens fiquem organizadas por
temas. As imagens a integrar nas notcias devem todas estar na pasta stories, podendo
a ser criadas sub-pastas.
6.2.2 Criar uma pasta no Media manager
1. Posicione-se na pasta onde pretende criar uma subpasta;

ALGUMAS ACES CONCRETAS.::.6.2

Criar uma notcia

-15-

2. Escreva o nome da pasta que pretende criar na zona A da Figura 9;

3. Termine fazendo clique no boto Create da barra de ferramentas (zona C da Figura 9)
6.2.3 Enviar o texto da notcia
Existem diversas formas de iniciar o processo de envio de uma notcia. Uma delas
no painel (zona A) da Figura 5 escolher a primeira opo Add new content; outra
atravs do menu Content escolher a opo All content itens e depois na barra de
ferramentas escolher a opo New. Na Figura 10 reproduzimos o ecr onde editaremos
os contedos. Vejamos algumas das opes fundamentais:
1. Toda a notcia tem que ter um ttulo que definimos na zona A.
2. Alm do ttulo devemos definir outra designao Title alias que ser um nome
utilizado apenas internamente pelo J OOMLA.
3. Na zona B escrevemos o contedo da nossa notcia. No caso de o contedo ser
muito longo escreveremos a parte inicial da notcia no quadro assinalado na zona
B e a restante no quadro assinalado na zona C. A parte da zona B ser o resumo
que ser apresentado quando listarmos os contedos desta categoria, enquanto
que apenas teremos acesso aos contedos escritos na zona C quando nessa listagem fizermos clique na opo Ler mais.
4. Toda a notcia tem que estar integrada numa Seco e numa Categoria que escolhemos na zona assinalada com a letra F.
5. No quadro assinalado com a letra D temos vrias pginas para definir opes
respeitantes nossa notcia como, por exemplo: se aparece ou no na pgina
inicial, quem poder ver esta notcia (todos ou apenas os utilizadores registados?)
quem o autor da informao, quando deve comear a ser exibida e quando deve
deixar de o ser, etc.
6. Caso a nossa notcia no tenha imagens podemos, depois de escrever o texto
terminar fazendo clique na opo Save da barra de ferramentas (zona E).
7. Sempre que queira sair deste ecr sem gravar as alteraes utilize o boto Cancel
para que a notcia seja convenientemente fechada na base de dados. Nunca utilize o boto Back do seu browser porque nesse caso esta notcia ficar bloqueada
podendo apenas ser desbloqueada pelo mesmo utilizador que a bloqueou.

ALGUMAS ACES CONCRETAS.::.6.2

Criar uma notcia

-16-

Figura 10: Criar contedos enviar uma notcia

6.2.4 Juntar imagens s notcias

As nossa notcias podem conter imagens inseridas no texto. Para isso antes de comear a escrever devemos ter o cuidado de as transferir para o servidor. Caso se tenha

ALGUMAS ACES CONCRETAS.::.6.2

Criar uma notcia

-17-

esquecido de o fazer e j tenha a notcia escrita, poder sempre reedit-la e acrescentar

as imagens nessa altura. Vejamos como inserir as imagens:

Figura 11: Opes das imagens

1. Na zona D da Figura 10 escolhemos o separador Images. Na lista da esquerda

(zona A da Figura 11) temos a lista das imagens que esto no nosso stio. Note
que na verso testada apenas vemos as imagens e pastas contidas na pasta stories
pelo que ser a que devemos guardar as imagens para os artigos.
2. Com os botes da zona B transferimos para a lista representada na zona C as
imagens que pretendemos integrar nesta notcia.
3. Nessa lista poderemos definir a ordem pela qual as imagens aparecero na notcia, utilizando os botes Up e Down;
4. Para cada uma das imagens seleccionadas na lista da zona C podemos ainda
definir a posio em que aparecer (esquerda, direita, centro), para que o texto
se molde volta da mesma, escrever um texto alternativo (que aparecer sempre
que a imagem no puder ser apresentada) e uma legenda para a imagem. Depois
de definirmos estes parmetros devemos fazer clique no boto Apply para que
estas alteraes sejam registadas.

ALGUMAS ACES CONCRETAS.::.6.3

Criar contedos estticos

-18-

5. Finalmente no nosso texto (Figura 10 zona B e C) colocando o cursor no local

onde pretendemos inserir uma imagem fazemos clique no boto representado
por B1 na Figura 10, devendo aparecer no texto o cdigo mosimage no local onde
ser inserida a primeira imagem da lista. Repita a operao tantas vezes quantas
as imagens que queira integrar na notcia. O cdigo inserido no texto mosimage
imaser sempre o mesmo e a imagem a inserir ser determinada pela ordem da
lista.
6.2.5 Parmetros
A controlar o aspecto dos artigos h uma srie de parmetros que podem ser controlados de um modo global para todo o stio ou ento artigo a artigo. Por exemplo, no
incio do artigo pode aparecer a data em que foi criado e por quem ou ainda a possibilidade de enviar este artigo por e-mail para uma amigo, imprimir ou ver uma verso
em PDF. Podemos, no quadro representado na Figura 12, definir essas opes para este
artigo concreto.

Figura 12: Parmetros que controlam o aspecto dos artigos

6.3 Criar contedos estticos

Alguma da informao a disponibilizar pode ser esttica e para essa no h necessidade de criar seces e categorias uma vez que se tratar de pginas isoladas que no

ALGUMAS ACES CONCRETAS.::.6.3

Criar contedos estticos

-19-

sofrero alteraes. Criar um stio apenas baseado em pginas estticas seria redutor
uma vez que no estaramos a aproveitar o melhor que o J OOMLA nos oferece. Para
criar um contedo esttico aceda opo do painel de controle, ou na opo do menu
Content, com o nome Static Content Manager, evidenciada na Figura 13. No ecr que

Figura 13: Criar contedos estticos

se segue, representado na Figura 14 podemos fazer a gesto dos contedos estticos do

nosso stio, criando, alterando ou apagando contedos existentes. Para criar um novo
contedo faa clique no boto evidenciado na zona A da Figura 14. O procedimento a

Figura 14: Criar contedos estticos

seguir para criar um contedo esttico a partir deste ponto idntico ao seguido para
criar as restantes notcias. No entanto, para estes contedos que no esto associados
a nenhuma seco/categoria no ser necessrio fazer essa escolha. Teremos tambm
apenas uma caixa para escrever o contedo no havendo aqui o conceito de resumo e
desenvolvimento, presente nos restantes contedos, como vimos. Note ainda que na

ALGUMAS ACES CONCRETAS.::.6.4

Menus

-20-

lista apresentada na Figura 14 aparece o smbolo de um cadeado. Esse smbolo significa que esse elemento foi aberto por algum utilizador que est ainda neste momento
a trabalhar nele ou que, por esquecimento, saiu sem gravar as alteraoes (utilizando o
boto Retroceder Back) do Browser. Esse elemento s poder voltar a ser editado depois de o utilizador que o bloqueou o editar e sair convenientemente utilizando o boto
Save ou Cancel. Esta norma de segurana aplicada a todos os elementos editveis no
J OOMLA para evitar que os mesmos contedos sejam alterados por dois utilizadores
em simultneo.

6.4 Menus
Agora que pensamos nas seces e categorias e j temos informao no nosso stio,
temos que definir o modo como pretendemos apresentar essa informao. Para isso,
vamos utilizar menus que tero, claro, opes. As opes dos menus podem desencadear vrias aces. Para definirmos uma opo num menu escolhemos o menu correspondente. O mais vulgar o designado por mainmenu, mas um stio J OOMLA pode
integrar outros menus que tornaremos visveis, ou no, caso sintamos necessidade.
Poder tambm definir menus que apenas estejam disponveis aos utilizadores registados. A partir do menu Menu tem acesso a todos os itens disponveis atravs dessa
estrutura, como apresenta o exemplo da Figura 15.

Figura 15: Menus, lista de itens

Caso pretenda apenas alterar (traduzir, por exemplo) um item, basta fazer clique
sobre ele e no ecr que aparece fazer essas alteraes. Poder tambm apagar, um

ALGUMAS ACES CONCRETAS.::.6.4

Menus

-21-

ou vrios itens, marcando-os, fazendo clique em seguida na opo Trash da barra de

ferramentas.
Caso queira acrescentar itens deve comear por fazer clique na opo New. Este
processo ficar completo em duas fases. Numa primeira fase dever escolher que tipo
de aco desencadear o novo item num ecr reproduzido na Figura 16: . Vejamos

Figura 16: Menus escolher tipo de item

alguns exemplos de aces que os menus podem desencadear:

1. Mostrar um contedo esttico; (escolher a 6a opo zona A da Figura 16)
2. Mostrar directamente uma determinada notcia (escolher a 5a opo zona A da
Figura 16)
3. Listar o contedo de uma categoria, apresentando os contedos das notcias
(Blog) (escolher a 1a opo zona A da Figura 16);
4. Listar o contedo de uma categoria na forma de uma tabela (escolher 1o opo
da zona B da Figura 16);
5. Listar o contedo de uma seco, apresentando os contedos das notcias (Blog)
(escolher a 3a opo da zona A da Figura 16);
6. Listar o contedo de uma seco na forma de uma tabela que contem as categorias desta seco;

ALGUMAS ACES CONCRETAS.::.6.4

Menus

-22-

7. Listar o contedo de uma seco na forma de Blog, sero apresentados os resumos (o que foi escrito na primeira caixa ao escrever as notcias) com um boto
que permite ver a notcia completa. (escolher a 1a opo da zona A da Figura 16);
8. Ligar a outros stios web (zona B da Figura 16);
9. Mostrar contedos externos dentro da estrutura do nosso stio ( Wrapper zona D
da Figura 16);
10. Ligar a componentes que o nosso stio integre (zona E da Figura 16);
Depois de escolhido o tipo de ligao que pretendemos, fazemos clique na designao da opo pretendida ou marcamo-la utilizando a opo Next da barra de ferramentas (zona A da Figura 15).
No ecr seguinte daremos as informaes que complementam a nossa escolha e
as opes apresentadas dependero da opo que fizemos neste momento. Se, por
exemplo, formos fazer uma listagem (Blog) dos contedos de uma categoria aparecer
a lista das categorias que esto defenidas, se por outro lado pretendermos mostrar um
contedo esttico aparecer uma lista com os contedos estticos disponveis no nosso
stio.
Tomemos como exemplo uma listagem dos contedos de uma categoria; apareceria
o ecr que representamos na Figura 17
Teremos que obrigatriamente dar um nome ao nosso item (zona A da Figura 17),
que aparecer no menu, e depois escolher qual a categoria a ser listada (zona B da
Figura 17). Muito importante tambm escolher de que item depende a nossa nova
opo (zona C da Figura 17); deste modo faremos menus com vrios nveis, sendo
visveis as opes de segundo nvel, sempre que abrimos a opo de primeiro nvel
correspondente. Podemos ainda definir se este item ser de acesso pblico ou restrito
(zona D da Figura 17). Na zona dos parmetros podemos ainda definir opes que
determinaro o modo como vamos ver a informao.

ALGUMAS ACES CONCRETAS.::.6.4

Menus

Figura 17: Menus lista de itens

-23-