Escolar Documentos
Profissional Documentos
Cultura Documentos
Centro de Tecnologia
Programa de Educao Tutorial - Sistemas de Informao
TUTORIAL
Joomla 3.4.1
Por:
Camila da Luz Nogueira
Emerson Pinto Homrich
Josu Furlan Machado
Leonardo Cancian Steffenello
Otvio Bergmann Cassel
Sumrio
1
Introduo................................................................................................3
Instalao.................................................................................................3
2.1 Instalao no computador pessoal..............................................4
2.2 Instalao do Joomla!..................................................................5
2.3 Menu de Administrao................................................................9
Gerenciamento de Menus......................................................................13
4.1 Menus.............................................................................................13
4.2 Itens de Menu................................................................................15
Gerenciamento de Mdias......................................................................16
Gerenciamento de Usurios..................................................................17
6.1 Usurios.........................................................................................17
6.2 Grupos............................................................................................21
6.3 Nveis de Acesso de Visualizao...............................................22
6.4 Notas...............................................................................................24
6.5 Categoria das Notas......................................................................25
Gerenciamento de Categorias...............................................................25
Gerenciamento de Artigos.....................................................................26
8.1 Criao de Artigos.........................................................................27
8.2 Modificao de Artigos..................................................................29
8.3 Excluso de Artigos.......................................................................30
Adicionando Extenses..........................................................................30
1. Introduo
O Software Joomla! um gerenciador de contedo dinmico (Content Management
System - CMS1) sendo um dos mais eficientes da atualidade, permitindo uma grande facilidade
e flexibilidade na construo de sites. Alm da possibilidade de utilizao de templates2
prontos, o Jommla oferece a oportunidade da customizao e a criao de templates prprios.
A separao entre design, programao e contedo permite um melhor controle e
personalizao por parte do desenvolvedor - sem a necessidade de ser um especialista na
rea - e a concepo de um site extremamente interativo para o usurio final.
O Joomla! pode ser empregado para a criao de sites pessoais, blogs, portais de
contedo, lojas virtuais, catlogos de produtos entre outros diversos formatos de contedo. Por
ser um CSM de cdigo aberto, existem milhares de templates e extenses (gratuitas e pagas)
disponveis no mercado, permitindo at mesmo a integrao com redes sociais, o que garante
a criao de sua prpria pgina, sem grandes problemas, utilizando um design profissional e
personalizado para a sua necessidade.
Neste tutorial voc encontrar o passo a passo desde a instalao, at o
gerenciamento, de contedo e extenses, para a elaborao de websites com o Joomla 3.4.1 ultima verso estvel (em 21 de Maro de 2015).
2. Instalao
Para iniciar a construo de seu site, voc deve fazer o download do pacote de
instalao
do
Joomla!,
qual
http://www.joomla.org/download.
pode
Neste
ser
encontrado
site voc
no
tambm pode
seguinte
encontrar
endereo:
toda
1 Aplicativos utilizados para criar, editar, gerenciar e publicar contedo de forma consistentemente organizada permitindo que o
mesmo seja modificado, removido e adicionado com facilidade. Permite a criao, armazenamento e administrao de contedo de
forma dinmica, atravs de uma interface de acesso via Internet.
2 Instrumento utilizado para separar a apresentao do contedo - design do site.
Pronto, o seu XAMPP est instalado e configurado, agora podemos iniciar a instalao
do Joomla!. Lembre-se de sempre iniciar o XAMPP quando necessitar trabalhar ou visualizar o
seu site Joomla! no seu localhost.
2.2 Instalao do Joomla!
Depois de concludo o download do Joomla! (http://www.joomla.org/download) crie
uma pasta com o nome do seu site dentro da pasta htdocs do XAMPP (C:\xampp\htdocs ou no
diretrio onde voc instalou). Neste tutorial nosso site ser chamado tutorial_joomla
(necessrio deixar o nome sem espaos ou acentos). Descompacte o arquivo que voc fez o
download dentro desta pasta, devendo ficar semelhante figura 3:
Na terceira etapa, voc pode instalar um contedo de exemplo, caso deseje iniciar seu
site sem nenhum contedo pode selecionar a opo Nenhum. Neste tutorial instalaremos o
Contedo de exemplo Blog, em ingls (CB). Abaixo da aba Finalizao podemos visualizar as
informaes gerais do site, confira se est tudo correto, e siga para a instalao.
Nesta parte voc deve apenas aguardar. Aps aparecer uma tela de sucesso da
operao e voc deve remover as pastas de instalao do joomla, clicando no boto marcado
na figura 7.
Pronto! O Joomla! foi instalado com sucesso! Agora nesta mesma pgina voc pode,
visualizar o site (ou pela barra de endereo do browser localhost/tutorial_joomla), ou ir para o
painel de controle de administrao (localhost/tutorial_joomla/administrator), onde seguiremos
a construo de nosso site.
2.3 Menu de Administrao
Atravs do endereo localhost/tutorial_joomla/administrator, onde tutorial_joomla o
nome do seu site, voc pode acessar o painel de controle de administrao. Preencha com o
usurio e senha que voc preencheu na primeira etapa de instalao do Joomla!
Abaixo voc pode visualizar uma imagem do Painel de Controle do Joomla. Atravs
deste painel voc poder gerenciar todas as ferramentas, gerenciar artigos, arquivos, mdias e
usurios. A partir deste painel executaremos todas as outras atividades deste tutorial.
Para facilitar a construo do nosso site, vamos trocar a lngua padro do sistema de
ingls para portugus brasileiro, seguindo os seguintes passos:
No menu lateral selecione o boto (
Aps selecione
boto
. Volte ao menu Language Manager, que pode ser acessado tambm pelo
menu superior.
10
Marque o cone
Perceba que voc alterou apenas a linguagem para o site, o sistema de administrao
continua com a linguagem padro como Ingls. Ento no menu esquerdo selecione a opo
e siga os mesmos passos
Pronto! O seu Joomla! est totalmente em portugus agora, caso o idioma padro no
se altere automaticamente, feche o seu browser e acesse novamente o Painel de Controle.
3. Escolhendo e instalando Temas
A escolha e personalizao de Temas (templates) permite voc alterar o modo e o
formato como seu site visualizado. Aqui mostraremos como fazer o download e instalar novos
templates. Voc pode encontrar o menu de gerenciamento de temas na tela inicial, no meu
esquerdo (
) do painel
de controle.
Neste menu voc poder ver todas os templates instalados no sistema. Observe que
existem dois tipos: Site e Administrador. O primeiro refere-se ao tema que o site est
utilizando e o segundo ao tema do painel de controle do administrador. Altere entre os temas
disponveis, da mesma forma que o idioma padro, atravs da seleo do cone
11
Por ser um CMS gratuito e muito popular possvel encontrar diversos sites online com
templates gratuitos para o Joomla! no item 10. Algumas dicas e sites teis deste tutorial
oferecemos uma lista com alguns destes sites. Procure um template que mais o agrade, e faa
o download, no se esquea de conferir a verso do template, esta deve ser compatvel com o
Joomla que estamos utilizando (verso 3.4.1).
Aps o download, no painel de controle do seu site, acesse o menu gerenciador de
extenses, no menu esquerdo da tela inicial (
Extenses (
). Atravs do boto (
) ou no menu superior em
), selecione o arquivo de
).
Se tudo der certo, uma mensagem de sucesso aparecer na tela e o seu tema foi
instalado! Voc tambm pode instalar os temas atravs de uma URL, ou colocando o caminho
do diretrio do arquivo.
12
ir aparecer na lista de temas. Agora, voc tambm pode selecion-lo atravs do cone
Voc pode possuir vrios temas instalados em seu site, mas ter sempre apenas um
como padro. Usurios mais experientes podem utilizar o boto (
) para fazer
, na parte superior da
pgina. Voc ser redirecionado para o Gerenciador de Menus. Realizado isto, voc ter uma
tela como mostrada na figura 15:
13
Nesta pgina ser possvel gerenciar seus menus, com as opes Novo, Editar,
Eliminar e Reconstruir. Ao clicar em
Nesta pgina voc preencher um ttulo para o novo menu, o tipo de menu desejado e
uma possvel descrio. Por conseguinte, clicar em
menu. Se clicar em
forma, um novo menu ser adicionado. Criado esse novo menu, ser possvel visualiz-lo ao
posicionar o mouse sobre a opo
14
gerenciar
os
itens
desse
menu.
Para
isso,
voc
deve
clicar
em
Nesta pgina, voc poder visualizar todos os itens correspondentes a cada menu de
seu site. Alm disso, voc pode gerenciar estes itens atravs das opes Novo, Editar,
Publicar, Despublicar, Validar, Entrada, Reconstruir, Em lote e Reciclagem. Ao clicar em
, possvel criar um novo item de menu, como na figura 18:
Aqui ser possvel adicionar um novo item de menu. As opes marcadas com
asterisco devem ser preenchidas obrigatoriamente. So elas, um ttulo para o item de menu e o
15
. Logo, voc
ter uma nova janela, onde haver algumas opes para que voc a escolha. Alm disso, voc
tambm pode preencher os campos Hiperligao, com a localizao do item do menu, Janela
Alvo e Tema de Estilo, alm de outras configuraes de aparncia da pgina.
Feito isso, basta clicar em alguma das opes de Guardar. Com o item criado, voc
pode gerenci-lo de vrias maneiras. Uma forma ajustar a ordem na qual os itens aparecero
no menu, devendo voc clicar no item
arrast-lo para cima ou para baixo, reposicionando-o. Pode-se tambm
e
ou
16
Nesta pgina voc criar uma pasta nova e/ou adicionar mdias de acordo com sua
preferncia.
Para
adicionar
uma
imagem
basta
selecionar
pasta
clicar
em
6. Gerenciamento de Usurios
O gerenciador de usurios permite a organizao do acesso s configuraes do site.
Voc poder criar e gerenciar usurios, definindo as permisses e configuraes de cada um.
O gerenciador de usurios pode ser acessado pelo menu lateral (
barra de menus superior (
) ou na
).
6.1 Usurios
Aba acessada ao entrar no gerenciador (ver figura 20). Aqui voc poder ver todos os
usurios cadastrados e alterar suas configuraes.
Para criar um novo usurio, basta clicar em
17
Aqui so inseridos os dados bsicos da conta, como nome, nome de usurio, senha e
email. possvel tambm definir se o usurio receber ou no emails do sistema, bloque-lo e
exigir redefinio de senha. Os itens marcados com * so obrigatrios, e os com campo
acinzentado so gerados automaticamente.
Concluda esta aba, partimos para as prximas. Na aba Grupos de Usurios
Atribudos, podemos definir a que grupo esse usurio pertencer. O grupo Registered vem
selecionado por padro.
Na aba Configuraes Bsicas, podem ser definidos o idioma e estilo da interface da
administrao, idioma do site, fuso horrio, editor e site de ajuda. Estes itens afetam apenas
este usurio e recomendado usar o padro.
Abas preenchidas, basta clicar em algum dos botes no topo da tela, como:
para salvar e continuar na tela de cadastro;
voltar para a tela inicial do gerenciador de usurios; ou
para salvar e
para salvar e iniciar
outro cadastro. De volta tela inicial, voc j ver o novo usurio listado.
18
Clicando no nome de algum usurio (Super User, por exemplo), possvel editar as
informaes da conta. A checkbox do primeiro item Ativado serve para bloquear ou
desbloquear um usurio, e a checkbox do segundo item Ativado se refere ao estado da conta
(estar desativada se o usurio no tenha redefinido a sua senha caso seja exigido, por
exemplo).
As mesmas aes citadas acima podem ser feitas tambm pelos botes:
,
em
.
O boto
aba suspensa ser aberta, onde possvel adicionar, remover ou definir os usurios
selecionados na lista outros grupos, alm de poder modificar a exigncia de redefinio da
senha.
Nesta tela, voc poder permitir o cadastro de usurios, definir um grupo para o novo
usurio cadastrado, enviar a senha do usurio como parte do email de registro, notificar os
administradores sobre o novo cadastro, entre outras opes. No item Ativao de Cadastro de
Novo Usurio, podemos definir se a conta do usurio ser ativada imediatamente ou no. Este
item conta com trs opes:
Para
salvar
quaisquer
alteraes,
basta
clicar
em
ou
20
6.2 Grupos
Nessa aba, o administrador pode criar novos grupos para associar usurios. possvel
visualizar a hierarquia dos grupos pr-definidos e a quantidade de usurios em cada um.
21
no menu superior. Na
tela de criao, basta inserir o nome do grupo e definir de qual outro grupo este novo ser filho.
O grupo filho herdar as permisses do grupo pai.
Na imagem acima, criamos um grupo denominado Leitor que filho do grupo Public.
Para concluir, basta clicar em:
cancelar, basta clicar em
ou
. Para
na
na barra de menu superior. No item 10. Algumas dicas e sites teis, voc
encontrar a documentao sobre Access Control List (listas de controle de acesso), onde
poder entender um pouco melhor sobre grupos, nveis e permisses de aes.
6.3 Nveis de Acesso de Visualizao
Aqui o administrador pode definir o nvel de acesso em que cada grupo fica restrito.
22
. Na tela de criao do
nvel, deve-se informar um nome e selecionar os grupos. Feito isso, basta clicar em alguma das
opes para salvar.
Para editar algum nvel, basta ir at a aba de Nveis de Acesso de Visualizao, clicar
no nome ou selecionar o desejado e clicar em
em
.
6.4 Notas
Nessa aba, o administrador pode adicionar e gerenciar anotaes sobre cada usurio.
24
Assim como nas abas anteriores, a criao bem como todas as aes sobre as
categorias j criadas, como editar, publicar, arquivar, entre outras, podem ser feitas pelos
botes de funo no topo da aba.
7. Gerenciamento de Categorias
Essa rea permite a criao de categorias para os artigos, que auxiliam na classificao do
contedo do site. As categorias funcionam como pastas, e servem para identificar artigos com
contedo semelhante (que possuem o mesmo assunto, por exemplo).
A arquitetura Joomla exige que todos os artigos pertenam a uma categoria. Por isso, antes
de comear criando as categorias, preciso pensar nos nomes que voc pode precisar. Pense
em uma categoria como uma pasta e os artigos como os documentos dentro da pasta.
Para criar uma nova categoria selecione "Gerenciador de Categorias" na pgina inicial, ou
navegue: Contedo - > Gerenciador de Categorias" -> "Nova Categoria".
25
8. Gerenciamento de Artigos
Artigos esto entre as propriedades mais importantes do seu site, pois eles so o
contedo propriamente dito do seu site, sero as noticias e o que voc gostaria de passar ao
usurio. Para criar um artigo, v em "Contedo" -> "Gerenciador de artigos" e clique em
"Novo".
Clicando na opo Gerenciador de artigos, o usurio ir para a seguinte pgina:
26
Para cada campo na criao do artigo deve-se saber o que estes significam.
27
O primeiro voc utiliza se voc deseja que as pessoas vejam uma pequena previso do
artigo e, clicando em "Leia mais" sejam transferidas para o artigo para ler todo seu
contedo. Precisamente, basta selecionar onde voc quer a pr-visualizao termine e,
em seguida, clique no boto "Leia mais";
J o segundo basta voc clic-lo para que o um meno familiar com o gerenciador de
mdias se abra e voc selecione a imagem desejada.
28
Aps finalizado o artigo, voc deve salv-lo, selecionando uma das quatro opes de
salvar que o Joomla nos proporciona.
Importante: Tome cuidado com a opo "Salvar Como", pois esta salva uma duplicata
do artigo se este j estiver sido salvo anteriormente, o que resultar em problemas de
visualizao no seu site.
29
Esta busca retornar todos os artigos relacionados com a busca, basta selecionar o
desejado e efetuar as alteraes pretendidas em seguida salve novamente como mostrado na
Figura 8.1.3.
8.3 Excluso de Artigos
A excluso de artigos pode se dar de duas maneiras, a primeira e mais recomendada
a despublicao do mesmo do site, e a segunda o enviando para a lixeira. Em ambas o artigo
no aparecer mais para as pessoas visitantes do shopping, mas ao enviar um artigo a lixeira
voc corre o risco de exclu-lo permanentemente.
Para excluir um artigo basta selecionar o desejado e no menu superior clicar em lixeira
ou despublicar de acordo com o seu objetivo para com o artigo. Conforme a figura 39:
9. Adicionando Extenses
O Joomla! conta com uma grande quantidade de extenses, que so pequenas
aplicaes desenvolvidas para adicionar caractersticas ao seu site, como data e hora,
calendrio, previso do tempo, redes sociais, entre outras. Voc pode encontrar extenses
testadas e aprovadas pela comunidade Joomla! no Joomla! Extensions Directory (ver item
10. Algumas dicas e sites teis).
As extenses podem ser classificadas como componentes (aplicao para apresentar
contedo na pgina principal), mdulos (aplicao para mostrada como parte da pgina),
plugins (funo executada em resposta a eventos), temas e idiomas.
O Gerenciador de Extenses pode ser acessado pelo menu lateral (
ou em
no menu pop-up
30
No menu lateral, voc tem acesso diferentes reas para tratar sobre as extenses.
,
extenses existentes que podem no ter sido instaladas durante o processo normal de
instalao.
contm
, voc poder
voc poder
Enviar pacote de arquivos: voc pode fazer o upload do arquivo compactado (.zip) de
alguma extenso baixada da web. Basta clicar em
selecionar o arquivo .zip da extenso e depois em
31
Instalar a partir de uma URL: se a extenso que voc deseja instalar est disponvel
em uma URL, voc pode instal-la por esta aba. Basta inserir a URL e confirmar a
instalao.
32
Na tela inicial de cada gerenciador, estaro listadas todas as extenses daquele tipo.
Para alterar as configuraes de uma extenso, clique no nome dela ou marque a(s)
desejada(s) e clique em
utilizando os botes na parte superior do gerenciador, como pode ser visto na imagem abaixo.
Aps a instalao e configurao de uma extenso, voc pode verificar como ficou o
seu site. Abaixo, uma imagem de uma pgina exemplo com tema Blog e com uma extenso
para visualizao de data e hora no site.
33
em:
2. Joomla! 2.5 - Livro do Iniciante Encontrado em: http://cocoate.com/pt-br/j25pt Acessado em Abril de 2015
3. Tutoriais de Joomla Encontrado em: http://www.joomlabr.org/ - Acessado em Maro
de 2015
4. Joomla Tutorials Encontrado em: https://www.joomlatutorials.com/ - Acessado em
Maro de 2015
34