Gerenciador de conteúdo Joomla!
Curso de Biblioteconomia e Gestão de Unidades de Informação (CBG) -
UFRJ
Informatização e Suporte à Biblioteca – ISB
NCE/UFRJ
Setembro/2009Setembro/2009
2
Visão GeralVisão GeralConceitos básicosConceitos básicosProcedimentos para instalação do Joomla!Procedimentos para instalação do Joomla!
(Não se preocupe, instalação é tarefa da equipe de (Não se preocupe, instalação é tarefa da equipe de Tecnologia de Informação)Tecnologia de Informação)
Administração do WebsiteAdministração do WebsiteAcesso ao Acesso ao “backend”“backend”Criação de usuáriosCriação de usuáriosInstalação de extensõesInstalação de extensõesDefinição de MenuDefinição de Menu
SumárioSumário
3
Gestão do ConteúdoGestão do Conteúdo
Seção e CategoriaSeção e Categoria
ArtigosArtigos
Item de menuItem de menu
SumárioSumário
Gestão de conteúdo Web
Construindo websites com Joomla!
Conceitos básicos
5
Visão GeralVisão GeralCMS – Content Management System
É uma aplicação destinada a gestão de websites Ferramenta para inserção, edição e publicação
de informação “on line” Recursos de controle de acesso, criação e
disponibilização da informação prontos para utilização
Não é necessário conhecimento em programação para disponibilizar a informação
Permite administração a partir de qualquer computador conectado à internet
6
Visão GeralVisão GeralO Joomla!
Software plataforma OpenSource e gratuito Licença GNU/GPL
Desenvolvido a partir de outro CMS, o Mambo. A transferência do Mambo para a Mambo Foundation
fez com que os desenvolvedores criassem um software aonde eles pudessem ter o controle do projeto
Em 2005, o Joomla 1.0 é criado a partir do código-fonte do Mambo
Criação de websites dinâmicos Separa o conteúdo da página
7
Visão GeralVisão GeralEstrutura de um website com CMS Joomla!
Website estruturado em duas camadas: apresentação e conteúdo
O foco da camada de conteúdo é a organização da informação
A informação é classificada por Seção e Categoria O foco da camada de apresentação é a
aparência da página (lay-out) A aparência do site pode ser customizada através de
“template”
8
Visão GeralVisão GeralInterfaces de um website com CMS Joomla!
Interface de administração - Backend Backend é a área de administração do website Acesso mediante Login/Senha Acessam o backend usuários autorizados a
manipular o conteúdo e o “template”, e o administrador do website
Interface de visualização - Frontend Frontend é a área de publicação das informações Informações podem ser públicas ou restritas O acesso às informações públicas é feito mediante
Login/Senha
9
Visão GeralVisão GeralElementos do Joomla! Extensões são utilizadas para agregar
funcionalidades Template
Modelo de lay-out baseado em CSS Pode ser facilmente substituído por outro
Componente Aplicativo que auxilia na administração da informação
Ex.: disponibilizar arquivos para download Módulo
Aplicativo que atua sobre a informação. Pode ser posicionado em uma determinada área do website (laterais, meio, rodapé, cabeçalho)
Ex.: Leitor de RSS
10
Visão GeralVisão GeralEstrutura do conteúdo do website
Seção A seção é o topo da estrutura de organização da
informação Pode conter uma ou mais categorias
Categoria Uma categoria é associada a uma seção Pode conter um ou mais artigos
Artigo É o texto que contém a informação a ser publicada É associado a uma única seção e categoria
11
Estrutura do conteúdo do website
Seção 1Seção 1
Categoria 1Categoria 1 Categoria 2Categoria 2 Categoria 3Categoria 3
Artigo 1Artigo 1 Artigo 2Artigo 2 Artigo nArtigo n Artigo 1Artigo 1 Artigo 2Artigo 2 Artigo 3Artigo 3 Artigo 1Artigo 1 Artigo 2Artigo 2 Artigo nArtigo n
Visão GeralVisão Geral
ReferênciaReferência
Recuperação da Recuperação da informaçãoinformação
Empréstimo entre Empréstimo entre bibliotecabiblioteca TreinamentoTreinamento
PesquisaPesquisabibliográficabibliográfica
PrtotocoloPrtotocoloZ39.50Z39.50
Como fazerComo fazerEEBEEB
Documentos Documentos necessáriosnecessários
Uso do Uso do Portal CapesPortal Capes
Normalização deNormalização dedocumentosdocumentos
12
Visão GeralVisão Geral
Ambiente para instalar o Joomla! Programas necessários
Servidor WEB Apache Servidor de Banco de Dados Mysql Linguagem de programação PHP
Plataformas Linux Windows
Pacote de programas XAMPP (pacote para qualquer plataforma)
http://www.apachefriends.org/pt_br/xampp.html
13
Visão GeralVisão Geral
Instalação do Joomla! Como Baixar o Joomla!
http://www.joomla.org/ Última versão estável: 1.5.14
Como instalar Criar um banco de dados no Mysql e um
usuário administrador deste banco Descompactar o arquivo do Joomla em um
diretório no servidor web Acessar a URL no browser Seguir os passos indicados na tela
14
Visão GeralVisão GeralInstalação do Joomla!
15
Visão GeralVisão GeralInstalação concluída!
Frontend
Gestão de conteúdo Web
Construindo websites com Joomla!
Acesso ao BackendAdministração do website
17
Administração do websiteAdministração do websiteAcesso ao backend
18
Administração do websiteAdministração do websiteAcesso ao backend
Painel de Controle
Acesso ao Painel de Controle
19
Administração do websiteAdministração do websiteCriar usuário
20
Administração do websiteAdministração do websiteCriar usuário
21
Administração do websiteAdministração do websiteCriar usuário
Super Administrador
22
Administração do websiteAdministração do websiteCriar usuário
Super Administrador: gerencia o website inteiro (instala extensões, cria menu, seção, categoria, artigos e configura globalmente)
23
Administração do websiteAdministração do websiteCriar usuário
Manager: gerencia a organização do conteúdo e insere informação (cria seção, categoria, artigos e itens de menu)
24
Administração do websiteAdministração do websiteCriar usuário
Registrado: não acessa o backend, apenas visualiza informações restritas.
25
Administração do websiteAdministração do websiteGerenciar extensões - template
Substituir e alterar template
26
Administração do websiteAdministração do websiteGerenciar extensões - template
Mudar o template atual
Para mudar o template, selecione o nome e clique em Default.Para ver as mudanças refletidas no website, clique em Preview.
27
Administração do websiteAdministração do websiteGerenciar extensões - template
Editar o estilo do template
O acesso à edição de template pode ser feito de duas formas: (i) selecionar o template e clicar em Edit; (ii) clicar sobre o nome do template.
28
Administração do websiteAdministração do websiteGerenciar extensões - template
Acessar e editar o arquivo CSS
A caixa Parâmetros apresenta opções específicas de cada template.
29
Administração do websiteAdministração do websiteGerenciar extensões - template
Acessar e editar o arquivo CSS
30
Administração do websiteAdministração do websiteGerenciar extensões - template
Acessar e editar o arquivo CSS
31
Administração do websiteAdministração do websiteGerenciar extensões - template
Instalar um template Baixar o arquivo de template disponível na internet
Ex.: http://siteground.eu/joomla-hosting/joomla-templat
es.htm http://www.joomlashine.com/index.php?option=co
m_content&task=view&id=42&Itemid=38
Acessar a opção Instalar/Desinstalar Extensões
32
Administração do websiteAdministração do websiteGerenciar extensões - template
Instalar um template
33
Administração do websiteAdministração do websiteGerenciar extensões - template
Instalar um template Indicar o local do arquivo a ser instalado
34
Administração do websiteAdministração do websiteGerenciar extensões - template
Instalar um template Clicar aqui
35
Gerenciar extensões - Aplicativos Instalar o aplicativo
Baixar o aplicativo Ex.: http://extensions.joomla.org/ Neste site, os aplicativos (extensões) são agrupadas
por categoria
Administração do websiteAdministração do website
36
Gerenciar extensões - Aplicativos Instalar o aplicativo
Acessar a opção Instalar/Desinstalar Extensões
Administração do websiteAdministração do website
37
Gerenciar extensões - Aplicativos Instalar o aplicativo
Indicar o local do arquivo a ser instalado
Administração do websiteAdministração do website
38
Gerenciar extensões - Aplicativos Instalar o aplicativo
Administração do websiteAdministração do website
39
Gerenciar extensões - aplicativos Instalar o aplicativo Baixar o componente
Repetir a instrução mostrada anteriormente
Administração do websiteAdministração do website
40
Gerenciar extensões - Componente Instalar um componente
Acessar a opção Instalar/Desinstalar Extensões
Administração do websiteAdministração do website
41
Gerenciar extensões - Componente Instalar um componente
Indicar o local do arquivo a ser instalado
Administração do websiteAdministração do website
42
Gerenciar extensões - Componente Instalar um componente
Acessar a opção Instalar/Desinstalar Extensões
Administração do websiteAdministração do website
43
Visualizar extensões – Aplicativos instalados Aplicativos
Docman instalado como um componente
Administração do websiteAdministração do website
44
Visualizar extensões – Aplicativos instalados Aplicativos
Minifront Page instalado como um módulo
Administração do websiteAdministração do website
45
Administração do websiteAdministração do websiteCriar menu
Menus podem ser criados independente da existência da informação. Porém, um item de menu, se for associado a um artigo, requer que o artigo esteja criado.
46
Administração do websiteAdministração do websiteCriar menu
• Unique Name: utilizado internamente pelo Joomla. Deixe em branco ou escreva com letras minúsculas e sem espaço.
• Title: Título do menu a ser exibido no gerenciador de menu (“Menu Manager”).
• Módulo Title: Título a ser exibido no gerenciado de módulo (“Module Manager”) e no frontend.
47
Administração do websiteAdministração do websiteCriar menu
Menu criado
Neste ponto o menu está criado mas não, visível no Frontend.Para torná-lo visível, deve-se acessar a administração de módulos e habilitá-lo.
48
Administração do websiteAdministração do websiteCriar menu
Habilitar menu
O menu pode ser habilitado de duas formas: (i) clicar sobre o ícone, na coluna Enable; (ii) selecionar o módulo e clicar em Enable (Habilitar).
49
Administração do websiteAdministração do websiteCriar menu
Visualizando o frontend após menu ser habilitado
50
Administração do websiteAdministração do websiteEditar menu
O título do menu, que aparece no frontend, é alterado no gerenciador de módulo.
51
Administração do websiteAdministração do websiteEditar menu
Altere o campo Title com o valor correto e clique em Save.
O campo Position determina a posição do menu dentro do website.O campo Order determina a ordem que o menu aparecerá, em relação aos outros menus.O campo Acess Level determina o nível de acesso ao menu.
52
Administração do websiteAdministração do websiteEditar menu
Título do menu alterado. Mudança refletida no frontend do website.
Gestão de conteúdo Web
Construindo websites com Joomla!
Gestão do Conteúdo
54
Gestão do ConteúdoGestão do Conteúdo
Seção
Categoria
Artigo
Seção DocumentaçãoSeção DocumentaçãoCategoria LegislaçãoCategoria Legislação
ArtigosArtigos• Lei 8112Lei 8112• Constituição FederalConstituição Federal
Uma importante fase na construção do website é a definição, de uma forma clara, das Seções e Categorias necessárias para armazenar as informações. Só depois dessa definição é que os artigos podem ser criados.
Criar Seção e Categoria
55
Gestão do ConteúdoGestão do ConteúdoCriar Seção
56
Gestão do ConteúdoGestão do ConteúdoCriar Seção
•Por padrão, a seção é criada com a opção Publish = “yes” (publicada)
•O nível de acesso de todo conteúdo desta Seção é público, ou seja, estará visível no “frontend”, sem restrição alguma.
57
Gestão do ConteúdoGestão do ConteúdoCriar Seção
Seção criada
58
Gestão do ConteúdoGestão do ConteúdoCriar Categoria
59
Gestão do ConteúdoGestão do ConteúdoCriar Categoria
Opção Published idem à Seção.
60
Gestão do ConteúdoGestão do ConteúdoCriar Categoria
Categoria criada
61
Gestão do ConteúdoGestão do ConteúdoInserir informações
Criar artigo
62
Gestão do ConteúdoGestão do ConteúdoInserir informações
Criar artigo
• Título: título que identifica o artigo.• Alias: usado para mecanismo de
pesquisa de URL. É recomendável deixar em branco para preenchimento pelo sistema.
• Publicada (sim/não): determina se o artigo estará visível, ou não, no frontend no ato da sua criação.
• Front Page: determina se o artigo será exibido na página inicial do website (“notícia de capa”).
• Seção: associa o artigo a uma seção.• Categoria: associa o artigo a uma
categoria.
Neste caso, o Apply foi assinalado para demonstrar que o artigo pode ser gravado e continuar aberto para o preenchimento das informações.
63
Gestão do ConteúdoGestão do ConteúdoInserir informações
Criar artigo
Aqui entra o texto do artigo
64
Gestão do ConteúdoGestão do ConteúdoInserir informações
Criar artigo Parâmetros de configuração do artigo
Parâmetros de maior relevância:• Nível de Acesso: restringe o acesso à
informação.• Início da publicação: estabelece uma
data para publicar automaticamente.• Final da publicação: estabelece uma
data para despublicar automaticamente.
65
Gestão do ConteúdoGestão do ConteúdoInserir informações
Criar artigo Parâmetros de configuração do artigo
Esses parâmetros configuram a exibição, ou não, da informação no artigo.Os itens assinalados merecem especial atenção no ato da publicação do artigo.
66
Gestão do ConteúdoGestão do ConteúdoInserir informações
Artigo criado
Um artigo com a opção Front Page não habilitada, deverá ser “recuperado” através do menu.Um artigo com a opção Front Page habilitada é exibido imediatamente após ser gravado.
67
Gestão do ConteúdoGestão do ConteúdoVisualizar informações
Artigos do Front Page
68
Gestão do ConteúdoGestão do ConteúdoVisualizar informações
Frontend do website antes da criação do artigo
Aqui é o Front Page.
69
Gestão do ConteúdoGestão do ConteúdoVisualizar informações
Frontend do website depois da criação do artigo
70
Gestão do ConteúdoGestão do ConteúdoItem de menu
Criar item de menu
71
Gestão do ConteúdoGestão do ConteúdoItem de menu
Criar item de menu
72
Gestão do ConteúdoGestão do ConteúdoItem de menu
Criar item de menu
73
Gestão do ConteúdoGestão do ConteúdoItem de menu
Criar item de menu – selecionando um artigo
74
Gestão do ConteúdoGestão do ConteúdoItem de menu
Criar item de menu – gravando o item
Após salvar o item, o resultado é a tela abaixo.
75
Gestão do ConteúdoGestão do ConteúdoItem de menu
Visualizando o menu Referência com o item EEB no frontend do website
76
Gestão do ConteúdoGestão do ConteúdoItem de menu
Visualizando o artigo publicado e acessado através do item de menu
Pronto! Um website simples e funcional. Pronto! Um website simples e funcional. Rápido, intuitivo e gratuito!Rápido, intuitivo e gratuito!
Esse é o Joomla!Esse é o Joomla!
77
ConclusãoConclusão•Os tópicos abordados são considerados Os tópicos abordados são considerados básicos para a utilização do CMS Joomla!.básicos para a utilização do CMS Joomla!.
•Porém, com esse pequeno passo é possível Porém, com esse pequeno passo é possível construir um website com conteúdo e construir um website com conteúdo e plenamente gerenciável sem a necessidade plenamente gerenciável sem a necessidade de “informáticos”.de “informáticos”.
•O lay-out pode ser customizado a qualquer O lay-out pode ser customizado a qualquer tempo desde que se tenha conhecimento em tempo desde que se tenha conhecimento em estilos de HTML (CSS).estilos de HTML (CSS).
Obrigada!Obrigada!
Top Related