Joomla simples funcional

77
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/2009 Setembro/2009

Transcript of Joomla simples funcional

Page 1: Joomla simples funcional

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

Page 2: Joomla simples funcional

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

Page 3: Joomla simples funcional

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

Page 4: Joomla simples funcional

Gestão de conteúdo Web

Construindo websites com Joomla!

Conceitos básicos

Page 5: Joomla simples funcional

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

Page 6: Joomla simples funcional

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

Page 7: Joomla simples funcional

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”

Page 8: Joomla simples funcional

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

Page 9: Joomla simples funcional

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

Page 10: Joomla simples funcional

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

Page 11: Joomla simples funcional

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

Page 12: Joomla simples funcional

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

Page 13: Joomla simples funcional

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

Page 14: Joomla simples funcional

14

Visão GeralVisão GeralInstalação do Joomla!

Page 15: Joomla simples funcional

15

Visão GeralVisão GeralInstalação concluída!

Frontend

Page 16: Joomla simples funcional

Gestão de conteúdo Web

Construindo websites com Joomla!

Acesso ao BackendAdministração do website

Page 17: Joomla simples funcional

17

Administração do websiteAdministração do websiteAcesso ao backend

Page 18: Joomla simples funcional

18

Administração do websiteAdministração do websiteAcesso ao backend

Painel de Controle

Acesso ao Painel de Controle

Page 19: Joomla simples funcional

19

Administração do websiteAdministração do websiteCriar usuário

Page 20: Joomla simples funcional

20

Administração do websiteAdministração do websiteCriar usuário

Page 21: Joomla simples funcional

21

Administração do websiteAdministração do websiteCriar usuário

Super Administrador

Page 22: Joomla simples funcional

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)

Page 23: Joomla simples funcional

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)

Page 24: Joomla simples funcional

24

Administração do websiteAdministração do websiteCriar usuário

Registrado: não acessa o backend, apenas visualiza informações restritas.

Page 25: Joomla simples funcional

25

Administração do websiteAdministração do websiteGerenciar extensões - template

Substituir e alterar template

Page 26: Joomla simples funcional

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.

Page 27: Joomla simples funcional

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.

Page 28: Joomla simples funcional

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.

Page 29: Joomla simples funcional

29

Administração do websiteAdministração do websiteGerenciar extensões - template

Acessar e editar o arquivo CSS

Page 30: Joomla simples funcional

30

Administração do websiteAdministração do websiteGerenciar extensões - template

Acessar e editar o arquivo CSS

Page 31: Joomla simples funcional

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

Page 32: Joomla simples funcional

32

Administração do websiteAdministração do websiteGerenciar extensões - template

Instalar um template

Page 33: Joomla simples funcional

33

Administração do websiteAdministração do websiteGerenciar extensões - template

Instalar um template Indicar o local do arquivo a ser instalado

Page 34: Joomla simples funcional

34

Administração do websiteAdministração do websiteGerenciar extensões - template

Instalar um template Clicar aqui

Page 35: Joomla simples funcional

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

Page 36: Joomla simples funcional

36

Gerenciar extensões - Aplicativos Instalar o aplicativo

Acessar a opção Instalar/Desinstalar Extensões

Administração do websiteAdministração do website

Page 37: Joomla simples funcional

37

Gerenciar extensões - Aplicativos Instalar o aplicativo

Indicar o local do arquivo a ser instalado

Administração do websiteAdministração do website

Page 38: Joomla simples funcional

38

Gerenciar extensões - Aplicativos Instalar o aplicativo

Administração do websiteAdministração do website

Page 39: Joomla simples funcional

39

Gerenciar extensões - aplicativos Instalar o aplicativo Baixar o componente

Repetir a instrução mostrada anteriormente

Administração do websiteAdministração do website

Page 40: Joomla simples funcional

40

Gerenciar extensões - Componente Instalar um componente

Acessar a opção Instalar/Desinstalar Extensões

Administração do websiteAdministração do website

Page 41: Joomla simples funcional

41

Gerenciar extensões - Componente Instalar um componente

Indicar o local do arquivo a ser instalado

Administração do websiteAdministração do website

Page 42: Joomla simples funcional

42

Gerenciar extensões - Componente Instalar um componente

Acessar a opção Instalar/Desinstalar Extensões

Administração do websiteAdministração do website

Page 43: Joomla simples funcional

43

Visualizar extensões – Aplicativos instalados Aplicativos

Docman instalado como um componente

Administração do websiteAdministração do website

Page 44: Joomla simples funcional

44

Visualizar extensões – Aplicativos instalados Aplicativos

Minifront Page instalado como um módulo

Administração do websiteAdministração do website

Page 45: Joomla simples funcional

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.

Page 46: Joomla simples funcional

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.

Page 47: Joomla simples funcional

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.

Page 48: Joomla simples funcional

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).

Page 49: Joomla simples funcional

49

Administração do websiteAdministração do websiteCriar menu

Visualizando o frontend após menu ser habilitado

Page 50: Joomla simples funcional

50

Administração do websiteAdministração do websiteEditar menu

O título do menu, que aparece no frontend, é alterado no gerenciador de módulo.

Page 51: Joomla simples funcional

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.

Page 52: Joomla simples funcional

52

Administração do websiteAdministração do websiteEditar menu

Título do menu alterado. Mudança refletida no frontend do website.

Page 53: Joomla simples funcional

Gestão de conteúdo Web

Construindo websites com Joomla!

Gestão do Conteúdo

Page 54: Joomla simples funcional

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

Page 55: Joomla simples funcional

55

Gestão do ConteúdoGestão do ConteúdoCriar Seção

Page 56: Joomla simples funcional

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.

Page 57: Joomla simples funcional

57

Gestão do ConteúdoGestão do ConteúdoCriar Seção

Seção criada

Page 58: Joomla simples funcional

58

Gestão do ConteúdoGestão do ConteúdoCriar Categoria

Page 59: Joomla simples funcional

59

Gestão do ConteúdoGestão do ConteúdoCriar Categoria

Opção Published idem à Seção.

Page 60: Joomla simples funcional

60

Gestão do ConteúdoGestão do ConteúdoCriar Categoria

Categoria criada

Page 61: Joomla simples funcional

61

Gestão do ConteúdoGestão do ConteúdoInserir informações

Criar artigo

Page 62: Joomla simples funcional

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.

Page 63: Joomla simples funcional

63

Gestão do ConteúdoGestão do ConteúdoInserir informações

Criar artigo

Aqui entra o texto do artigo

Page 64: Joomla simples funcional

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.

Page 65: Joomla simples funcional

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.

Page 66: Joomla simples funcional

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.

Page 67: Joomla simples funcional

67

Gestão do ConteúdoGestão do ConteúdoVisualizar informações

Artigos do Front Page

Page 68: Joomla simples funcional

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.

Page 69: Joomla simples funcional

69

Gestão do ConteúdoGestão do ConteúdoVisualizar informações

Frontend do website depois da criação do artigo

Page 70: Joomla simples funcional

70

Gestão do ConteúdoGestão do ConteúdoItem de menu

Criar item de menu

Page 71: Joomla simples funcional

71

Gestão do ConteúdoGestão do ConteúdoItem de menu

Criar item de menu

Page 72: Joomla simples funcional

72

Gestão do ConteúdoGestão do ConteúdoItem de menu

Criar item de menu

Page 73: Joomla simples funcional

73

Gestão do ConteúdoGestão do ConteúdoItem de menu

Criar item de menu – selecionando um artigo

Page 74: Joomla simples funcional

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.

Page 75: Joomla simples funcional

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

Page 76: Joomla simples funcional

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!

Page 77: Joomla simples funcional

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!