Joomla simples funcional

Post on 16-Apr-2017

3.740 views 0 download

Transcript of 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

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!