Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Joomla simples funcional

3,821 views

Published on

Construindo um website com Joomla!

Published in: Technology, Travel
  • Be the first to comment

  • Be the first to like this

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!

×