Joomla simples funcional

3.749 visualizações

Publicada em

Construindo um website com Joomla!

Publicada em: Tecnologia, Turismo
0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
3.749
No SlideShare
0
A partir de incorporações
0
Número de incorporações
13
Ações
Compartilhamentos
0
Downloads
275
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Joomla simples funcional

  1. 1. 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
  2. 2. <ul><li>Visão Geral </li></ul><ul><ul><li>Conceitos básicos </li></ul></ul><ul><ul><li>Procedimentos para instalação do Joomla! </li></ul></ul><ul><ul><ul><li>(Não se preocupe, instalação é tarefa da equipe de Tecnologia de Informação) </li></ul></ul></ul><ul><li>Administração do Website </li></ul><ul><ul><li>Acesso ao “backend” </li></ul></ul><ul><ul><li>Criação de usuários </li></ul></ul><ul><ul><li>Instalação de extensões </li></ul></ul><ul><ul><li>Definição de Menu </li></ul></ul>Sumário
  3. 3. <ul><li>Gestão do Conteúdo </li></ul><ul><ul><li>Seção e Categoria </li></ul></ul><ul><ul><li>Artigos </li></ul></ul><ul><ul><li>Item de menu </li></ul></ul>Sumário
  4. 4. Gestão de conteúdo Web Construindo websites com Joomla! Conceitos básicos
  5. 5. Visão Geral <ul><li>CMS – Content Management System </li></ul><ul><ul><li>É uma aplicação destinada a gestão de websites </li></ul></ul><ul><ul><li>Ferramenta para inserção, edição e publicação de informação “on line” </li></ul></ul><ul><ul><li>Recursos de controle de acesso, criação e disponibilização da informação prontos para utilização </li></ul></ul><ul><ul><li>Não é necessário conhecimento em programação para disponibilizar a informação </li></ul></ul><ul><ul><li>Permite administração a partir de qualquer computador conectado à internet </li></ul></ul>
  6. 6. Visão Geral <ul><li>O Joomla! </li></ul><ul><ul><li>Software plataforma OpenSource e gratuito </li></ul></ul><ul><ul><ul><li>Licença GNU/GPL </li></ul></ul></ul><ul><ul><li>Desenvolvido a partir de outro CMS, o Mambo. </li></ul></ul><ul><ul><ul><li>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 </li></ul></ul></ul><ul><ul><ul><li>Em 2005, o Joomla 1.0 é criado a partir do código-fonte do Mambo </li></ul></ul></ul><ul><ul><li>Criação de websites dinâmicos </li></ul></ul><ul><ul><ul><li>Separa o conteúdo da página </li></ul></ul></ul>
  7. 7. Visão Geral <ul><li>Estrutura de um website com CMS Joomla! </li></ul><ul><ul><li>Website estruturado em duas camadas: apresentação e conteúdo </li></ul></ul><ul><ul><li>O foco da camada de conteúdo é a organização da informação </li></ul></ul><ul><ul><ul><li>A informação é classificada por Seção e Categoria </li></ul></ul></ul><ul><ul><li>O foco da camada de apresentação é a aparência da página ( lay-out ) </li></ul></ul><ul><ul><ul><li>A aparência do site pode ser customizada através de “template” </li></ul></ul></ul>
  8. 8. Visão Geral <ul><li>Interfaces de um website com CMS Joomla! </li></ul><ul><ul><li>Interface de administração - Backend </li></ul></ul><ul><ul><ul><li>Backend é a área de administração do website </li></ul></ul></ul><ul><ul><ul><li>Acesso mediante Login/Senha </li></ul></ul></ul><ul><ul><ul><li>Acessam o backend usuários autorizados a manipular o conteúdo e o “ template”, e o administrador do website </li></ul></ul></ul><ul><ul><li>Interface de visualização - Frontend </li></ul></ul><ul><ul><ul><li>Frontend é a área de publicação das informações </li></ul></ul></ul><ul><ul><ul><li>Informações podem ser públicas ou restritas </li></ul></ul></ul><ul><ul><ul><li>O acesso às informações públicas é feito mediante Login/Senha </li></ul></ul></ul>
  9. 9. Visão Geral <ul><li>Elementos do Joomla! </li></ul><ul><li>Extensões são utilizadas para agregar funcionalidades </li></ul><ul><ul><li>Template </li></ul></ul><ul><ul><ul><li>Modelo de lay-out baseado em CSS </li></ul></ul></ul><ul><ul><ul><li>Pode ser facilmente substituído por outro </li></ul></ul></ul><ul><ul><li>Componente </li></ul></ul><ul><ul><ul><li>Aplicativo que auxilia na administração da informação </li></ul></ul></ul><ul><ul><ul><ul><li>Ex.: disponibilizar arquivos para download </li></ul></ul></ul></ul><ul><ul><li>Módulo </li></ul></ul><ul><ul><ul><li>Aplicativo que atua sobre a informação. Pode ser posicionado em uma determinada área do website (laterais, meio, rodapé, cabeçalho) </li></ul></ul></ul><ul><ul><ul><ul><li>Ex.: Leitor de RSS </li></ul></ul></ul></ul>
  10. 10. Visão Geral <ul><li>Estrutura do conteúdo do website </li></ul><ul><ul><li>Seção </li></ul></ul><ul><ul><ul><li>A seção é o topo da estrutura de organização da informação </li></ul></ul></ul><ul><ul><ul><li>Pode conter uma ou mais categorias </li></ul></ul></ul><ul><ul><li>Categoria </li></ul></ul><ul><ul><ul><li>Uma categoria é associada a uma seção </li></ul></ul></ul><ul><ul><ul><li>Pode conter um ou mais artigos </li></ul></ul></ul><ul><ul><li>Artigo </li></ul></ul><ul><ul><ul><li>É o texto que contém a informação a ser publicada </li></ul></ul></ul><ul><ul><ul><li>É associado a uma única seção e categoria </li></ul></ul></ul>
  11. 11. <ul><li>Estrutura do conteúdo do website </li></ul>Visão Geral Seção 1 Categoria 1 Categoria 2 Categoria 3 Artigo 1 Artigo 2 Artigo n Artigo 1 Artigo 2 Artigo 3 Artigo 1 Artigo 2 Artigo n Referência Recuperação da informação Empréstimo entre biblioteca Treinamento Pesquisa bibliográfica Prtotocolo Z39.50 Como fazer EEB Documentos necessários Uso do Portal Capes Normalização de documentos
  12. 12. Visão Geral <ul><li>Ambiente para instalar o Joomla! </li></ul><ul><ul><li>Programas necessários </li></ul></ul><ul><ul><ul><li>Servidor WEB Apache </li></ul></ul></ul><ul><ul><ul><li>Servidor de Banco de Dados Mysql </li></ul></ul></ul><ul><ul><ul><li>Linguagem de programação PHP </li></ul></ul></ul><ul><ul><li>Plataformas </li></ul></ul><ul><ul><ul><li>Linux </li></ul></ul></ul><ul><ul><ul><li>Windows </li></ul></ul></ul><ul><ul><li>Pacote de programas </li></ul></ul><ul><ul><ul><li>XAMPP (pacote para qualquer plataforma) </li></ul></ul></ul><ul><ul><ul><ul><li>http://www.apachefriends.org/pt_br/xampp.html </li></ul></ul></ul></ul>
  13. 13. Visão Geral <ul><li>Instalação do Joomla! </li></ul><ul><ul><li>Como Baixar o Joomla! </li></ul></ul><ul><ul><ul><li>http://www.joomla.org/ </li></ul></ul></ul><ul><ul><ul><li>Última versão estável: 1.5.14 </li></ul></ul></ul><ul><ul><li>Como instalar </li></ul></ul><ul><ul><ul><li>Criar um banco de dados no Mysql e um usuário administrador deste banco </li></ul></ul></ul><ul><ul><ul><li>Descompactar o arquivo do Joomla em um diretório no servidor web </li></ul></ul></ul><ul><ul><ul><li>Acessar a URL no browser </li></ul></ul></ul><ul><ul><ul><li>Seguir os passos indicados na tela </li></ul></ul></ul>
  14. 14. Visão Geral <ul><li>Instalação do Joomla! </li></ul>
  15. 15. Visão Geral <ul><li>Instalação concluída! </li></ul><ul><ul><li>Frontend </li></ul></ul>
  16. 16. Gestão de conteúdo Web Construindo websites com Joomla! Acesso ao Backend Administração do website
  17. 17. Administração do website <ul><li>Acesso ao backend </li></ul>
  18. 18. Administração do website <ul><li>Acesso ao backend </li></ul><ul><ul><li>Painel de Controle </li></ul></ul>Acesso ao Painel de Controle
  19. 19. Administração do website <ul><li>Criar usuário </li></ul>
  20. 20. Administração do website <ul><li>Criar usuário </li></ul>
  21. 21. Administração do website <ul><li>Criar usuário </li></ul><ul><ul><li>Super Administrador </li></ul></ul>
  22. 22. Administração do website <ul><li>Criar usuário </li></ul><ul><ul><li>Super Administrador: gerencia o website inteiro (instala extensões, cria menu, seção, categoria, artigos e configura globalmente) </li></ul></ul>
  23. 23. Administração do website <ul><li>Criar usuário </li></ul><ul><ul><li>Manager: gerencia a organização do conteúdo e insere informação (cria seção, categoria, artigos e itens de menu) </li></ul></ul>
  24. 24. Administração do website <ul><li>Criar usuário </li></ul><ul><ul><li>Registrado: não acessa o backend, apenas visualiza informações restritas. </li></ul></ul>
  25. 25. Administração do website <ul><li>Gerenciar extensões - template </li></ul><ul><ul><li>Substituir e alterar template </li></ul></ul>
  26. 26. Administração do website <ul><li>Gerenciar extensões - template </li></ul><ul><ul><li>Mudar o template atual </li></ul></ul>Para mudar o template, selecione o nome e clique em Default. Para ver as mudanças refletidas no website, clique em Preview.
  27. 27. Administração do website <ul><li>Gerenciar extensões - template </li></ul><ul><ul><li>Editar o estilo do template </li></ul></ul>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. 28. Administração do website <ul><li>Gerenciar extensões - template </li></ul><ul><ul><li>Acessar e editar o arquivo CSS </li></ul></ul>A caixa Parâmetros apresenta opções específicas de cada template.
  29. 29. Administração do website <ul><li>Gerenciar extensões - template </li></ul><ul><ul><li>Acessar e editar o arquivo CSS </li></ul></ul>
  30. 30. Administração do website <ul><li>Gerenciar extensões - template </li></ul><ul><ul><li>Acessar e editar o arquivo CSS </li></ul></ul>
  31. 31. Administração do website <ul><li>Gerenciar extensões - template </li></ul><ul><ul><li>Instalar um template </li></ul></ul><ul><ul><ul><li>Baixar o arquivo de template disponível na internet </li></ul></ul></ul><ul><ul><ul><ul><li>Ex.: </li></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>http://siteground.eu/joomla-hosting/joomla-templates.htm </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>http://www.joomlashine.com/index.php?option=com_content&task=view&id=42&Itemid=38 </li></ul></ul></ul></ul></ul><ul><ul><ul><li>Acessar a opção Instalar/Desinstalar Extensões </li></ul></ul></ul>
  32. 32. Administração do website <ul><li>Gerenciar extensões - template </li></ul><ul><ul><li>Instalar um template </li></ul></ul>
  33. 33. Administração do website <ul><li>Gerenciar extensões - template </li></ul><ul><ul><li>Instalar um template </li></ul></ul><ul><ul><ul><li>Indicar o local do arquivo a ser instalado </li></ul></ul></ul>
  34. 34. Administração do website <ul><li>Gerenciar extensões - template </li></ul><ul><ul><li>Instalar um template </li></ul></ul>Clicar aqui
  35. 35. <ul><li>Gerenciar extensões - Aplicativos </li></ul><ul><ul><li>Instalar o aplicativo </li></ul></ul><ul><ul><ul><li>Baixar o aplicativo </li></ul></ul></ul><ul><ul><ul><ul><li>Ex.: http://extensions.joomla.org/ </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Neste site, os aplicativos (extensões) são agrupadas por categoria </li></ul></ul></ul></ul>Administração do website
  36. 36. <ul><li>Gerenciar extensões - Aplicativos </li></ul><ul><ul><li>Instalar o aplicativo </li></ul></ul><ul><ul><ul><li>Acessar a opção Instalar/Desinstalar Extensões </li></ul></ul></ul>Administração do website
  37. 37. <ul><li>Gerenciar extensões - Aplicativos </li></ul><ul><ul><li>Instalar o aplicativo </li></ul></ul><ul><ul><ul><li>Indicar o local do arquivo a ser instalado </li></ul></ul></ul>Administração do website
  38. 38. <ul><li>Gerenciar extensões - Aplicativos </li></ul><ul><ul><li>Instalar o aplicativo </li></ul></ul>Administração do website
  39. 39. <ul><li>Gerenciar extensões - aplicativos </li></ul><ul><ul><li>Instalar o aplicativo </li></ul></ul><ul><ul><ul><li>Baixar o componente </li></ul></ul></ul><ul><ul><ul><ul><li>Repetir a instrução mostrada anteriormente </li></ul></ul></ul></ul>Administração do website
  40. 40. <ul><li>Gerenciar extensões - Componente </li></ul><ul><ul><li>Instalar um componente </li></ul></ul><ul><ul><ul><li>Acessar a opção Instalar/Desinstalar Extensões </li></ul></ul></ul>Administração do website
  41. 41. <ul><li>Gerenciar extensões - Componente </li></ul><ul><ul><li>Instalar um componente </li></ul></ul><ul><ul><ul><li>Indicar o local do arquivo a ser instalado </li></ul></ul></ul>Administração do website
  42. 42. <ul><li>Gerenciar extensões - Componente </li></ul><ul><ul><li>Instalar um componente </li></ul></ul><ul><ul><ul><li>Acessar a opção Instalar/Desinstalar Extensões </li></ul></ul></ul>Administração do website
  43. 43. <ul><li>Visualizar extensões – Aplicativos instalados </li></ul><ul><ul><li>Aplicativos </li></ul></ul><ul><ul><ul><li>Docman instalado como um componente </li></ul></ul></ul>Administração do website
  44. 44. <ul><li>Visualizar extensões – Aplicativos instalados </li></ul><ul><ul><li>Aplicativos </li></ul></ul><ul><ul><ul><li>Minifront Page instalado como um módulo </li></ul></ul></ul>Administração do website
  45. 45. Administração do website <ul><li>Criar menu </li></ul><ul><ul><li>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. </li></ul></ul>
  46. 46. Administração do website <ul><li>Criar menu </li></ul><ul><li>Unique Name: utilizado internamente pelo Joomla. Deixe em branco ou escreva com letras minúsculas e sem espaço. </li></ul><ul><li>Title: Título do menu a ser exibido no gerenciador de menu (“Menu Manager”). </li></ul><ul><li>Módulo Title: Título a ser exibido no gerenciado de módulo (“Module Manager”) e no frontend. </li></ul>
  47. 47. Administração do website <ul><li>Criar menu </li></ul><ul><ul><li>Menu criado </li></ul></ul>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. 48. Administração do website <ul><li>Criar menu </li></ul><ul><ul><li>Habilitar menu </li></ul></ul>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. 49. Administração do website <ul><li>Criar menu </li></ul><ul><ul><li>Visualizando o frontend após menu ser habilitado </li></ul></ul>
  50. 50. Administração do website <ul><li>Editar menu </li></ul><ul><ul><li>O título do menu, que aparece no frontend, é alterado no gerenciador de módulo. </li></ul></ul>
  51. 51. Administração do website <ul><li>Editar menu </li></ul>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. 52. Administração do website <ul><li>Editar menu </li></ul><ul><ul><li>Título do menu alterado. </li></ul></ul><ul><ul><li>Mudança refletida no frontend do website. </li></ul></ul>
  53. 53. Gestão de conteúdo Web Construindo websites com Joomla! Gestão do Conteúdo
  54. 54. Gestão do Conteúdo <ul><li>Criar Seção e Categoria </li></ul>Seção Categoria Artigo Seção Documentação Categoria Legislação <ul><li>Artigos </li></ul><ul><li>Lei 8112 </li></ul><ul><li>Constituição Federal </li></ul>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.
  55. 55. Gestão do Conteúdo <ul><li>Criar Seção </li></ul>
  56. 56. Gestão do Conteúdo <ul><li>Criar Seção </li></ul><ul><li>Por padrão, a seção é criada com a opção Publish = “yes” (publicada) </li></ul><ul><li>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. </li></ul>
  57. 57. Gestão do Conteúdo <ul><li>Criar Seção </li></ul><ul><ul><li>Seção criada </li></ul></ul>
  58. 58. Gestão do Conteúdo <ul><li>Criar Categoria </li></ul>
  59. 59. Gestão do Conteúdo <ul><li>Criar Categoria </li></ul>Opção Published idem à Seção.
  60. 60. Gestão do Conteúdo <ul><li>Criar Categoria </li></ul><ul><ul><li>Categoria criada </li></ul></ul>
  61. 61. Gestão do Conteúdo <ul><li>Inserir informações </li></ul><ul><ul><li>Criar artigo </li></ul></ul>
  62. 62. Gestão do Conteúdo <ul><li>Inserir informações </li></ul><ul><ul><li>Criar artigo </li></ul></ul><ul><li>Título : título que identifica o artigo. </li></ul><ul><li>Alias : usado para mecanismo de pesquisa de URL. É recomendável deixar em branco para preenchimento pelo sistema. </li></ul><ul><li>Publicada (sim/não): determina se o artigo estará visível, ou não, no frontend no ato da sua criação. </li></ul><ul><li>Front Page : determina se o artigo será exibido na página inicial do website (“notícia de capa”). </li></ul><ul><li>Seção : associa o artigo a uma seção. </li></ul><ul><li>Categoria : associa o artigo a uma categoria. </li></ul>Neste caso, o Apply foi assinalado para demonstrar que o artigo pode ser gravado e continuar aberto para o preenchimento das informações.
  63. 63. Gestão do Conteúdo <ul><li>Inserir informações </li></ul><ul><ul><li>Criar artigo </li></ul></ul>Aqui entra o texto do artigo
  64. 64. Gestão do Conteúdo <ul><li>Inserir informações </li></ul><ul><ul><li>Criar artigo </li></ul></ul><ul><ul><ul><li>Parâmetros de configuração do artigo </li></ul></ul></ul><ul><li>Parâmetros de maior relevância: </li></ul><ul><li>Nível de Acesso : restringe o acesso à informação. </li></ul><ul><li>Início da publicação : estabelece uma data para publicar automaticamente. </li></ul><ul><li>Final da publicação : estabelece uma data para despublicar automaticamente. </li></ul>
  65. 65. Gestão do Conteúdo <ul><li>Inserir informações </li></ul><ul><ul><li>Criar artigo </li></ul></ul><ul><ul><ul><li>Parâmetros de configuração do artigo </li></ul></ul></ul>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. 66. Gestão do Conteúdo <ul><li>Inserir informações </li></ul><ul><ul><li>Artigo criado </li></ul></ul>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. 67. Gestão do Conteúdo <ul><li>Visualizar informações </li></ul><ul><ul><li>Artigos do Front Page </li></ul></ul>
  68. 68. Gestão do Conteúdo <ul><li>Visualizar informações </li></ul><ul><ul><li>Frontend do website antes da criação do artigo </li></ul></ul>Aqui é o Front Page.
  69. 69. Gestão do Conteúdo <ul><li>Visualizar informações </li></ul><ul><ul><li>Frontend do website depois da criação do artigo </li></ul></ul>
  70. 70. Gestão do Conteúdo <ul><li>Item de menu </li></ul><ul><ul><li>Criar item de menu </li></ul></ul>
  71. 71. Gestão do Conteúdo <ul><li>Item de menu </li></ul><ul><ul><li>Criar item de menu </li></ul></ul>
  72. 72. Gestão do Conteúdo <ul><li>Item de menu </li></ul><ul><ul><li>Criar item de menu </li></ul></ul>
  73. 73. Gestão do Conteúdo <ul><li>Item de menu </li></ul><ul><ul><li>Criar item de menu – selecionando um artigo </li></ul></ul>
  74. 74. Gestão do Conteúdo <ul><li>Item de menu </li></ul><ul><ul><li>Criar item de menu – gravando o item </li></ul></ul>Após salvar o item, o resultado é a tela abaixo.
  75. 75. Gestão do Conteúdo <ul><li>Item de menu </li></ul><ul><ul><li>Visualizando o menu Referência com o item EEB no frontend do website </li></ul></ul>
  76. 76. Gestão do Conteúdo <ul><li>Item de menu </li></ul><ul><ul><li>Visualizando o artigo publicado e acessado através do item de menu </li></ul></ul>Pronto! Um website simples e funcional. Rápido, intuitivo e gratuito! Esse é o Joomla!
  77. 77. Conclusão <ul><li>Os tópicos abordados são considerados básicos para a utilização do CMS Joomla!. </li></ul><ul><li>Porém, com esse pequeno passo é possível construir um website com conteúdo e plenamente gerenciável sem a necessidade de “informáticos”. </li></ul><ul><li>O lay-out pode ser customizado a qualquer tempo desde que se tenha conhecimento em estilos de HTML (CSS). </li></ul>Obrigada!

×