apostila guia tutorial manual cms joomla 1.5

61
Créditos: Lúcio Sérgio Borges Peixoto

Upload: ericloquemagalhaesxavier

Post on 25-Jul-2015

94 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Apostila Guia Tutorial Manual CMS Joomla 1.5

Créditos: Lúcio Sérgio Borges Peixoto

Page 2: Apostila Guia Tutorial Manual CMS Joomla 1.5

Guia Prático - Joomla 1.5 – V.1.0

Lucio Sérgio Borges Peixoto – www.grupovlad.com Página 2

Sumário

1. Introdução Joomla 1.5 2. Preparando o Ambiente 3. Instalando o Wamp5 4. Instalando o Joomla 1.5 5. Informações Complementares 6. Gerenciando seu Site 7. Site

7.1. Painel de controle 7.2. Administrar Usuários 7.3. Administrar Mídias 7.4. Configurações

8. Menus 8.1. Administrar Menus 8.2. Criar Menu 8.3. Criar Item de Menu

9. Conteúdos 9.1. Administrar Conteúdos 9.2. Lixeira de Conteúdos 9.3. Administrar Seções 9.4. Administrar Categorias 9.5. Administrar Pagina Principal

10. Componente 10.1. Banner 10.2. Contacts 10.3. New Feeds 10.4. Poll 10.5. Search 10.6. Web Links

11. Extensões 11.1. Instalar e Desinstalar 11.2. Administrar Módulos 11.3. Administrar Plugins 11.4. Administrar Temas 11.5. Administrar Idiomas

12. Ferramentas 13. Ajuda 14. Criando um site personalizado 15. Considerações Finais

Pág. 3 3 4 9 16 17 18 18 19 21 21 22 24 25 26 30 32 34 34 35 36 38 38 39 41 42 44 45 46 47 48 56 56 58 58 59 59 61

Page 3: Apostila Guia Tutorial Manual CMS Joomla 1.5

Guia Prático - Joomla 1.5 – V.1.0

Lucio Sérgio Borges Peixoto – www.grupovlad.com Página 3

1. Introdução Joomla 1.5 O Joomla Clube juntamente com sua equipe vem oferecer esse material de apóio a usuários iniciantes, esperamos que esse material ajude nas questões básicas. A ferramenta de estudo em questão, é o CMS Joomla, do inglês (CMS - Content Management System) ou Sistema Gerenciador de Conteúdo e tentaremos mostrar de forma simples e com a mais clara linguagem de como preparar o ambiente para instalação, gerenciar seu projeto e dicas do dia a dia. Esse material será um guia das aplicações mais usadas, podendo não contemplar opções mais específicas. Obs.:Desde já, Fica o fórum a disposição para sanar possíveis dúvidas que esse material não contemple, porém, antes de criar um novo tópico no fórum, pesquise antes, pois, possivelmente sua dúvida já foi levantada. Equipe de Documentação Joomla Clube 2. Preparando o Ambiente Antes de mais nada, precisamos preparar seu o ambiente computacional para receber a instalação do CMS. Portanto faça os downloads correspondentes para instalação do joomla, assim como, o Banco de Dados MySQL e o Servidor Apache. Indicado como um instalador e configurador automático do Banco de Dados e do Servidor, instalaremos localmente o programa WAMP5 fará isso por nós. O WAMP5 (que significa Windows, Apache, MySQL, PHP5) é um pacote de programas que instala automaticamente o Apache, PHP5, MySQL database, PHPmyadmin e SQLitemanager. Disponibiliza também suporte ao uso de scripts PHP e comporta vários add-ons encontrados no site oficial. Com esse pacote você poderá fazer sua página na Internet com muito mais vantagens e vai incrementar ele com muitos mais recursos. Também tornará o site mais dinâmico e rápido conforme a sua habilidade e conforme o servidor de onde você vai hospedar. Também é possível criar um servidor que possa hospedar e armazenar dados ou páginas da Internet em um banco de dados. CONCEITOS INDIVIDUAIS

Apache: É um dos maiores servidores de web livre e foi criado em cima de códigos já prontos. O servidor é compatível com o protocolo HTTP. Para saber mais sobre as funcionalidades visite o site oficial do Apache. PHP5: PHP ao pé da letra significa Hypertext Preprocessor. De maneira geral, o PHP é uma linguagem livre orientada a objetos que cria scripts simples. Scripts são partes de um código que executam alguma função. O PHP5 veio com algumas mudanças para tornar a linguagem um pouco mais forte: é

Page 4: Apostila Guia Tutorial Manual CMS Joomla 1.5

Guia Prático - Joomla 1.5 – V.1.0

Lucio Sérgio Borges Peixoto – www.grupovlad.com Página 4

possível refazer construtores e os destruir, com maior visibilidade no acesso, abstração de objetos e, por fim, a interface de objetos. MySQL database: MySQL é um sistema gerenciador de banco de dados (SGDB) que funciona de forma estruturada. Possui um excelente desempenho e é um software livre. Compatível com muitos drivers e também módulos de interfaces para muitas linguagens de programação. Suporta vários tipos de tabelas. PHPmyadmin: Programa desenvolvido para a parte administrativa do PHP. É possível criar e deletar bases de dados ou tabelas. É possível que você faça alterações nas suas tabelas, campos, enfim, tudo o que você precisar alterar na sua base de dados. SQLitemanager: É o sistema gerenciador do SQL. Você pode aplicar o SQLitemanager na hora que estiver montando o seu banco de dados com o MySQL database, que também é incluso no pacote do WAMP5. Sugestão: Crie uma pasta de fácil acesso para armazenamento dos instaladores do joomla, wamp, arquivos de templates e extensões adicionais. Links: http://www.joomlaclube.com.br http://www.wamp5.com Obs.: Trabalharemos com o Sistema Operacional WXP, e o Joomla 1.5. 3. Instalando o Wamp5 Obs.: A instalação do Wamp5 segue padrões de instalações recomendadas com default como opções pré-escolhidas. Clique no executável adquirido no site oficial conforme imagem abaixo.

Page 5: Apostila Guia Tutorial Manual CMS Joomla 1.5

Guia Prático - Joomla 1.5 – V.1.0

Lucio Sérgio Borges Peixoto – www.grupovlad.com Página 5

Abrirá a seguinte tela, Clique em Executar

Page 6: Apostila Guia Tutorial Manual CMS Joomla 1.5

Guia Prático - Joomla 1.5 – V.1.0

Lucio Sérgio Borges Peixoto – www.grupovlad.com Página 6

Caso tenha uma outra versão já instalada do Wamp em seu computador, abrirá a tela acima informando que foi detectado uma versão anterior e se você gostaria de fazer um upgrade, clique em Sim. Caso não tenha, seguirá para a próxima tela.

Clique em Next

Leia e aceite os termos de licença e Clique em Next.

Page 7: Apostila Guia Tutorial Manual CMS Joomla 1.5

Guia Prático - Joomla 1.5 – V.1.0

Lucio Sérgio Borges Peixoto – www.grupovlad.com Página 7

Escolha o caminho onde vai instalar o Wamp5, lembrando que todos seus projetos estarão dentro dessa pasta. Portanto, escolha um caminho fácil para instalação. Obs.: O caminho citado acima pode não coincidir com o que você escolher.

Tela de criação de atalhos. Clique em Next.

Page 8: Apostila Guia Tutorial Manual CMS Joomla 1.5

Guia Prático - Joomla 1.5 – V.1.0

Lucio Sérgio Borges Peixoto – www.grupovlad.com Página 8

Tela de confirmação do destino da instalação. Clique em Next.

Instalando o Wamp5. Aguarde...

Page 9: Apostila Guia Tutorial Manual CMS Joomla 1.5

Guia Prático - Joomla 1.5 – V.1.0

Lucio Sérgio Borges Peixoto – www.grupovlad.com Página 9

Tela de confirmação de sobreposição de arquivo index.php já existente, clique Sim caso tenha, ou, seguira para próxima tela. [[imagem:11.jpg]]

Confirme a inicialização automática do Wamp5 e Clique em Finish.

Note que aparecerá uma meia lua conforme mostra imagem acima. A cor do símbolo representa o estado dos serviços ativos (Apache e MySQL), ou seja: Branco: Todos os serviços estão ativos Amarelo: Um dos serviços está desativado Vermelho: todos os serviços estão desativados Portanto, a instalação foi efetuada com Sucesso! 4. Instalando o Joomla 1.5 Depois de concluído a instalação do Wamp5, será criada entre outras pastas e arquivos a pasta www. Crie o seu projeto, ou seja, crie uma nova pasta (Ex.: Site2) dentro da pasta www e descompacte o arquivo da instalação do Joomla 1.5 nesta pasta, conforme mostra imagem abaixo.

Page 10: Apostila Guia Tutorial Manual CMS Joomla 1.5

Guia Prático - Joomla 1.5 – V.1.0

Lucio Sérgio Borges Peixoto – www.grupovlad.com Página 10

Obs.: Os arquivos para instalação do Joomla 1.5, são encontrado no site www.joomlaclube.com.br. Caminho da para pasta www: WAMPSERVER\wamp\www. (O caminho da pasta wampserver já foi definido durante a instalação do pacote Wamp5)

Dica: Cada novo projeto/site deve ser criado em uma nova pasta dentro da pasta www e repetir toda seqüência de instalação abordada nos próximos passos. Abra um browser 1 e digite localhost/site2 para começarmos a instalação. Cada passo é muito importante, portanto, recomendamos que leia atentamente todo conteúdo antes seguir para as próximas etapas.

1 O Termo browser vem do verbo to browser: olhar páginas de um livro, revista, etc.; olhar coisas numa loja sem intenção explícita de compra. É um programa que habilita seus usuários a interagirem com documentos HTML (linguagem de hipertexto) hospedados em um servidor de internet. Ex. Internet Explorer, Monzilla Firefox, Opera, etc.

Page 11: Apostila Guia Tutorial Manual CMS Joomla 1.5

Guia Prático - Joomla 1.5 – V.1.0

Lucio Sérgio Borges Peixoto – www.grupovlad.com Página 11

Selecione o idioma desejado e clique em Próximo.

Clique Próximo

Page 12: Apostila Guia Tutorial Manual CMS Joomla 1.5

Guia Prático - Joomla 1.5 – V.1.0

Lucio Sérgio Borges Peixoto – www.grupovlad.com Página 12

Leia os termos de licença e Clique Próximo

Obs.: Por ser uma instalação local e não ter sido criado um Banco de Dados anteriormente, deixaremos a senha referente ao BD em branco. Faça as configurações básicas conforme as instruções mostradas na tela acima e clique em Próximo.

Page 13: Apostila Guia Tutorial Manual CMS Joomla 1.5

Guia Prático - Joomla 1.5 – V.1.0

Lucio Sérgio Borges Peixoto – www.grupovlad.com Página 13

Por enquanto não abordaremos as configurações de FTP, Clique em Próximo.

Page 14: Apostila Guia Tutorial Manual CMS Joomla 1.5

Guia Prático - Joomla 1.5 – V.1.0

Lucio Sérgio Borges Peixoto – www.grupovlad.com Página 14

Estaremos fazendo uma instalação simples sem uso de scripts de migração de versões anteriores, portanto, coloque o nome do site, preencha corretamente

o os dados de e-mail e senha, depois, clique no botão de instalar de exemplo de conteúdo e Clique em Próximo.

A instalação foi concluída com sucesso! Remova a pasta “Installation” de dentro do seu projeto conforme instruções acima. Clique em Site e verá uma instalação padrão da versão 1.5 ou Clique Admin para fazer o login para o Gerenciador de conteúdo. Removendo a pasta installation

Dica: Na barra de navegação do seu browser, digite localhost/site2 para entrar no site ou localhost/site2/administrator para fazer o login do gerenciador de conteúdo.

Page 15: Apostila Guia Tutorial Manual CMS Joomla 1.5

Guia Prático - Joomla 1.5 – V.1.0

Lucio Sérgio Borges Peixoto – www.grupovlad.com Página 15

Tela do Site

Tela do Login do Gerenciador

Page 16: Apostila Guia Tutorial Manual CMS Joomla 1.5

Guia Prático - Joomla 1.5 – V.1.0

Lucio Sérgio Borges Peixoto – www.grupovlad.com Página 16

Tela do Gerenciador

5. Informações Complementares

Page 17: Apostila Guia Tutorial Manual CMS Joomla 1.5

Guia Prático - Joomla 1.5 – V.1.0

Lucio Sérgio Borges Peixoto – www.grupovlad.com Página 17

6. Gerenciando seu Site Para Gerenciar o seu site, digite na barra de endereço do IE localhost/site2/administrator Faça o Login, digite Admin em usuário e a senha definida na instalação.

Clique em Iniciar a Sessão e aparecerá o Gerenciador... Na tela do Gerenciador, destacamos as seguintes áreas, ilustrado na imagem abaixo: Barra de Ferramentas: Na barra ferramentas estão todos os itens necessários para gerenciar o projeto. Atalhos e Visualizações: Mostra o numero de mensagens enviadas pelos usuários cadastrados no site, a quantidade de usuários logados, além de visualizar o site um uma nova janela e sair do gerenciador. Ícones das principais utilizações: Ícones de maior uso estão disponíveis no painel de controle do gerenciador Joomla.

Page 18: Apostila Guia Tutorial Manual CMS Joomla 1.5

Guia Prático - Joomla 1.5 – V.1.0

Lucio Sérgio Borges Peixoto – www.grupovlad.com Página 18

7. Site

7.1. Painel de controle

O primeiro item na barra de menu refere-se ao Painel de Controle, representados pelos ícones de atalho dos tópicos mais utilizados apresentados na imagem mostrada no capítulo anterior.

Page 19: Apostila Guia Tutorial Manual CMS Joomla 1.5

Guia Prático - Joomla 1.5 – V.1.0

Lucio Sérgio Borges Peixoto – www.grupovlad.com Página 19

7.2. Administrar Usuários

A imagem acima mostra os usuários existentes, destacamos a possibilidade de edição através dos botões de edição.

Page 20: Apostila Guia Tutorial Manual CMS Joomla 1.5

Guia Prático - Joomla 1.5 – V.1.0

Lucio Sérgio Borges Peixoto – www.grupovlad.com Página 20

Clicando no nome do usuário temos os detalhes da conta, parâmetros e dados de Contato. Obs.: Quando não temos um contato vinculado ao usuário é mostrado sem dados de contato conforme destacado na figura acima. Mostraremos essa vinculação de usuário e contato mais a frente em componentes (contato).

Page 21: Apostila Guia Tutorial Manual CMS Joomla 1.5

Guia Prático - Joomla 1.5 – V.1.0

Lucio Sérgio Borges Peixoto – www.grupovlad.com Página 21

7.3. Administrar Mídias

A administração das imagens do seu projeto é feita através do gerenciador conforme mostra imagem acima. Nessa área podem ser criadas pastas para melhor organização e upload de imagens para ser integrado ao projeto.

7.4. Configurações

As configurações do seu projeto são dividas em três áreas distintas: Site, System, Servidor conforme mostra as imagens abaixos. Apontando algumas particularidades das configurações 1. Na área Configurações do Site e necessário que seja editado

corretamente o nome do site e suas mensagens. 2. Os metadados são resumos com palavras chaves importantes para

pesquisa e sites de busca.

Page 22: Apostila Guia Tutorial Manual CMS Joomla 1.5

Guia Prático - Joomla 1.5 – V.1.0

Lucio Sérgio Borges Peixoto – www.grupovlad.com Página 22

8. Menus

Durante a instalação foi escolhida a opção instalar exemplos de conteúdos (cap.4), portanto os menus Main menu, User Menu, Top Menu, Other Menu, Examplepages e Keyconcept. Foram instalados e configurados automaticamente, manteremos os menus existentes porém, criaremos um desde o início. Notem que para cada menu existente, foi criado automaticamente um módulo com o mesmo nome, conforme mostra as imagens a seguir.

Page 23: Apostila Guia Tutorial Manual CMS Joomla 1.5

Guia Prático - Joomla 1.5 – V.1.0

Lucio Sérgio Borges Peixoto – www.grupovlad.com Página 23

Page 24: Apostila Guia Tutorial Manual CMS Joomla 1.5

Guia Prático - Joomla 1.5 – V.1.0

Lucio Sérgio Borges Peixoto – www.grupovlad.com Página 24

8.1. Administrar Menus

As administrações dos menus estão ligados diretamente aos módulos correspondentes, ou seja, cada menu tem um módulo correspondente na lista de módulos do site. No item Administrar Menu, pode-se, editar, criar e excluir menus.

Page 25: Apostila Guia Tutorial Manual CMS Joomla 1.5

Guia Prático - Joomla 1.5 – V.1.0

Lucio Sérgio Borges Peixoto – www.grupovlad.com Página 25

8.2. Criar Menu

Clique: Novo para criar um novo menu no seu projeto e preencha as informações conforme mostra figura abaixo.

Clique: Salvar

Page 26: Apostila Guia Tutorial Manual CMS Joomla 1.5

Guia Prático - Joomla 1.5 – V.1.0

Lucio Sérgio Borges Peixoto – www.grupovlad.com Página 26

8.3. Criar Item de Menu Nosso primeiro item de menu será uma apresentação simples de uma determinada empresa, daremos o nome de ‘Quem Somos’, a princípio, teremos que editar esse conteúdo, portanto, seguiremos para o próximo capítulo (Cap. 9) onde criaremos um novo conteúdo e posteriormente, voltaremos para dar continuidade a esse capítulo. Selecione o menu que acabamos de criar (Principal).

Page 27: Apostila Guia Tutorial Manual CMS Joomla 1.5

Guia Prático - Joomla 1.5 – V.1.0

Lucio Sérgio Borges Peixoto – www.grupovlad.com Página 27

Abrirá a seguinte tela conforme mostra a imagem abaixo. Notem que não existem itens de menu na lista. Clique: Novo Criação de item de menu para conteúdo

Clique em Novo

Page 28: Apostila Guia Tutorial Manual CMS Joomla 1.5

Guia Prático - Joomla 1.5 – V.1.0

Lucio Sérgio Borges Peixoto – www.grupovlad.com Página 28 -

Page 29: Apostila Guia Tutorial Manual CMS Joomla 1.5

Guia Prático - Joomla 1.5 – V.1.0

Lucio Sérgio Borges Peixoto – www.grupovlad.com Página 29 -

Obs: Provavelmente não aparecerá o menu e o item, pois o módulo correspondente está despublicado, portanto, vá para – Extensões – Administrar módulos e publique o módulo de nome ‘Principal’.

Page 30: Apostila Guia Tutorial Manual CMS Joomla 1.5

Guia Prático - Joomla 1.5 – V.1.0

Lucio Sérgio Borges Peixoto – www.grupovlad.com Página 30 -

Atualize o seu projeto e clique no item do menu criado. Criação de item de menu para Componente Editando... 9. Conteúdos Antes de entrar nos tópicos relacionados com os conteúdos, abordaremos as definições dos padrões de organização dos conteúdos adotados no ambiente Joomla. Imagine uma série de notícias de uma determinada agência de publicidade em que todos os assuntos estivessem sendo guardados em uma única gaveta. Certamente teriam dificuldade em encontrar uma notícia criada na semana anterior, quanto mais gerencia-las.

Page 31: Apostila Guia Tutorial Manual CMS Joomla 1.5

Guia Prático - Joomla 1.5 – V.1.0

Lucio Sérgio Borges Peixoto – www.grupovlad.com Página 31 -

No ambiente Joomla temos os artigos ou conteúdo, categorias e sessões. Ilustraremos esse ambiente da seguinte forma.

Sessão – São como as gavetas de um armário, onde cada gaveta teria informações de um determinado assunto. Ex.: Arte, Esporte, Política e etc.

Categoria – As categorias são como pastas específicas de determinados assuntos dentro da sessão, ou seja, pastas organizadas e nomeadas dentro da gaveta. Ex.: Futebol, Natação, Basquete e etc.

Portanto, os artigos devem ser classificados de acordo com o assunto em questão, podendo ser gerenciado com maior eficiência e organização, evitando assim a dispersão dos mesmos. Na versão anterior do Joomla eram gerenciados dois tipos de conteúdos: - Conteúdo Estático: Como nome já diz, são conteúdos que não se alteram no decorrer do projeto. (ex. Quem Somos, Equipe da Empresa) - Os artigos: Conteúdos criados com uma periodicidade definida pela administração, sendo necessário o controle de pesquisas e ordenamento. (Ex. Notícias diárias, semanais, mensais...). Na versão 1.5.x foi otimizado essa divisão e todos os conteúdos são tratados no mesmo gerenciamento, porém, os conteúdos ainda considerados estáticos não são classificados quanto a categoria e sessão, portanto são definidos como “Uncategorised” ou “Não Classificado”, aprofundaremos mais o assunto no próximo item.

Page 32: Apostila Guia Tutorial Manual CMS Joomla 1.5

Guia Prático - Joomla 1.5 – V.1.0

Lucio Sérgio Borges Peixoto – www.grupovlad.com Página 32 -

9.1. Administrar Conteúdos Começaremos então por criar um novo conteúdo sem classificá-lo quanto a sua sessão e categoria, pois iremos trata-lo como um conteúdo estático. Obs.: No capítulo 8 definimos a criação de um item de menu como “Quem Somos”, então descreveremos basicamente a apresentação de uma empresa. Segue abaixo um breve texto, selecione e copie para editamos um novo conteúdo. Texto proposto (EMPRESA) A Empresa A VLAD Design All (www.grupovlad.com) é uma empresa que possui uma filosofia de utilizar-se de tecnologias livres na criação de ferramentas lógicas, promovendo além da disseminação das informações através da internet, como a prática da criatividade individual, bem como as conquistas diárias dos nossos objetivos. Área de Atuação Atuamos na criação de páginas de internet, utilizando como gerenciador de conteúdo o CMS Joomla. Desenvolvemos soluções webmapping que disponibiliza imagens vetoriais (shapesfiles) através da internet. Também atuamos no treinamento de ferramentas para WebDesign, WebDevelop e WebMapping. Objetivos Tornar-se referência na criação de Websites unindo qualidade, baixos custos, segurança e agilidade nas operações. Na área de Geoprocessamento, quebrar paradigmas nas análises espaciais e disponibilização de imagens vetoriais, integrando duas tecnologias distintas (Joomla e Mapserver). Portanto, objetivo básico: Disponibilizar informações através da internet. Missão Proporcionar tecnologia de qualidade nas informações, além de oferecer segurança e pró-atividade aos nossos clientes. Clique: Administrar Conteúdo

Nos comandos de gerencia dos conteúdos, Clique: Novo

Page 33: Apostila Guia Tutorial Manual CMS Joomla 1.5

Guia Prático - Joomla 1.5 – V.1.0

Lucio Sérgio Borges Peixoto – www.grupovlad.com Página 33 -

Cole o texto proposto e edite o novo artigo conforme figura abaixo.

Clique: Salvar Seu conteúdo foi adicionado à lista de artigos! Alguns parâmetros dos artigos são definidos do lado esquerdo como mostra figura abaixo, são de extrema importância nas configurações de cada conteúdo. Recomendamos que testem todas as possibilidades vendo suas

Page 34: Apostila Guia Tutorial Manual CMS Joomla 1.5

Guia Prático - Joomla 1.5 – V.1.0

Lucio Sérgio Borges Peixoto – www.grupovlad.com Página 34 -

alterações no layout do projeto e assim personalizando-o de acordo com sua preferência.

9.2. Lixeira de Conteúdos Administrar Lixeira – Conteúdo – Lixeira de Conteúdo

9.3. Administrar Seções Para administrar as seções dos conteúdos, clique em Conteúdos – Administrar Seções.

Page 35: Apostila Guia Tutorial Manual CMS Joomla 1.5

Guia Prático - Joomla 1.5 – V.1.0

Lucio Sérgio Borges Peixoto – www.grupovlad.com Página 35 -

Lembrete: Seções são como gavetas de um armário.

9.4. Administrar Categorias Para administrar as categorias dos conteúdos, clique em Conteúdos – Administrar Categorias.

Page 36: Apostila Guia Tutorial Manual CMS Joomla 1.5

Guia Prático - Joomla 1.5 – V.1.0

Lucio Sérgio Borges Peixoto – www.grupovlad.com Página 36 -

Obs: Categorias são como pastas de uma gaveta de uma armário, na categoria é definida a sessão, ou seja, em qual gaveta vai estar essa determinada pasta.

9.5. Administrar Pagina Principal Para administrar os artigos que aparecerão na página principal, clique em Conteúdo – Administrar Página Inicial...

Page 37: Apostila Guia Tutorial Manual CMS Joomla 1.5

Guia Prático - Joomla 1.5 – V.1.0

Lucio Sérgio Borges Peixoto – www.grupovlad.com Página 37 -

Na tela abaixo poderão arquivar, publicar, despublicar e remover os artigos...

Para adicionar os artigos na página inicial, clique no ícone conforme imagem abaixo, presente na administração de conteúdos.

Page 38: Apostila Guia Tutorial Manual CMS Joomla 1.5

Guia Prático - Joomla 1.5 – V.1.0

Lucio Sérgio Borges Peixoto – www.grupovlad.com Página 38 -

10. Componente Define-se componente um conjunto de tarefas, de caráter relativamente gerenciável aplicável em um determinado projeto. Normalmente definido por um prefixo “com_”.

10.1. Banner O componente Banner permite o cadastramento de banners de clientes e parceiros comerciais que estão autorizados a divulgação em seu site, sendo gerenciável a categoria, o cliente e o banner. Já a criação do banner, permite a definição da quantidade de visualizações dos banners, URL para atalho seleção da imagem criada e armazenada na pasta banners, conforme caminho (\wamp\www\Site2\images\banners). O Componente está ligado ao módulo banner e entre as configurações se define a disposição e quais páginas irão aparecer.

Page 39: Apostila Guia Tutorial Manual CMS Joomla 1.5

Guia Prático - Joomla 1.5 – V.1.0

Lucio Sérgio Borges Peixoto – www.grupovlad.com Página 39 -

Obs.: As imagens de novos banners deverão ser criadas e posteriormente adicionadas pela Administração de Mídias ou inserido diretamente na pasta de banners já citada anteriormente.

10.2. Contacts Esse componente permite criar os contatos, definindo suas categorias para melhor organização. Ex. Administração, Recepção, Área Técnica, Suporte Operacional, Críticas e Sugestões. Normalmente é definido como um item do menu chamado Contato ou Fale Conosco. Criaremos então uma nova categoria e um novo contato. Lembrando que, se uma categoria for criada e não existir nenhum contato vinculado essa categoria não aparece no seu projeto. Clique: Novo

Page 40: Apostila Guia Tutorial Manual CMS Joomla 1.5

Guia Prático - Joomla 1.5 – V.1.0

Lucio Sérgio Borges Peixoto – www.grupovlad.com Página 40 -

Crie também um novo usuário...

Page 41: Apostila Guia Tutorial Manual CMS Joomla 1.5

Guia Prático - Joomla 1.5 – V.1.0

Lucio Sérgio Borges Peixoto – www.grupovlad.com Página 41 -

10.3. New Feeds

Esse componente gerencia as notícias de seu interesse em sites externos, e assim é criado categorias para organização e links direcionais aos sites, aglomerando assim informações de notícias externas no seu site. Lembrando que as notícias serão exibidas em uma nova janela de acordo com o site linkado. Assim como contatos são criadas categorias e novos links de notícias externas.

Page 42: Apostila Guia Tutorial Manual CMS Joomla 1.5

Guia Prático - Joomla 1.5 – V.1.0

Lucio Sérgio Borges Peixoto – www.grupovlad.com Página 42 -

10.4. Poll

Componente responsável no gerenciamento das enquetes criadas pelo administrador do sistema. Esse componente está ligado ao módulo Enquete e nesse módulo define-se entre outras configurações a disposição do módulo no site e

Page 43: Apostila Guia Tutorial Manual CMS Joomla 1.5

Guia Prático - Joomla 1.5 – V.1.0

Lucio Sérgio Borges Peixoto – www.grupovlad.com Página 43 -

quais páginas irão aparecer a enquete. Segue abaixo as telas em que se gerencia, define os tópicos e o módulo correspondente.

Page 44: Apostila Guia Tutorial Manual CMS Joomla 1.5

Guia Prático - Joomla 1.5 – V.1.0

Lucio Sérgio Borges Peixoto – www.grupovlad.com Página 44 -

10.5. Search

Page 45: Apostila Guia Tutorial Manual CMS Joomla 1.5

Guia Prático - Joomla 1.5 – V.1.0

Lucio Sérgio Borges Peixoto – www.grupovlad.com Página 45 -

10.6. Web Links

Diferencia-se do componente New Feesd por organizar categorias e links dentro do site, o componente também permite que os usuários autorizados indiquem links a partir do frontend, após efetuar o login. Porém só serão publicados os Links após aprovação do administrador. Para melhor entendimento façamos o seguinte. Abra a janela de links, exclua todos os links já criados durante a instalação, depois repita o passo para as categorias.

Primeiramente, temos que criar as categorias, pois os links devem ser vinculados a uma delas. Portanto, as categorias serão determinadas áreas de tecnologia. (Ex. Joomla, Banco de Dados, Geoprocessamento, Diversos...) Clique em Novo e crie as categorias conforme imagem abaixo

Page 46: Apostila Guia Tutorial Manual CMS Joomla 1.5

Guia Prático - Joomla 1.5 – V.1.0

Lucio Sérgio Borges Peixoto – www.grupovlad.com Página 46 -

Agora crie seus links e organize de acordo com categorias existentes. [[imagem:Wl_03.jpg]]

Obs.: verifique no item 8.3 como criar um item de menu para seus Web Links.

11. Extensões

Extensões são todos os aplicativos que desempenha algum tipo de papel dentro do joomla, ou seja, são Plugins, Módulos, Componentes, Idiomas ou Temas. Temos então extensões nativas, que existem a partir da instalação do joomla e extensões não nativas, podendo ser instaladas de acordo com a necessidade do projeto ou do administrador (Ex. DocMan, Joomlapack, FacileForms, jaclPlus, SlideShow, JCE, VirtueMart, Languagens, etc.)

Page 47: Apostila Guia Tutorial Manual CMS Joomla 1.5

Guia Prático - Joomla 1.5 – V.1.0

Lucio Sérgio Borges Peixoto – www.grupovlad.com Página 47 -

Serão especificadas algumas extensões mais usadas nos próximos itens desse capítulo.

11.1. Instalar e Desinstalar

A instalação e desinstalação das extensões de: Temas (Templates) para o site, Temas para Administração, Idiomas, Componentes, Módulos e Plugins, estão disponíveis nos seguintes links. Site Oficial Joomla - http://extensions.joomla.org Site Joomla Clube - http://www.joomlaclube.com.br Em todos os itens citados, o administrador precisa adquirir o arquivo para instalação, procurar onde foi salvo e assim, clicar em Enviar o Arquivo e instala, conforme está assinalado com as setas na figura abaixo. [imagem:Id_01.jpeg]

Page 48: Apostila Guia Tutorial Manual CMS Joomla 1.5

Guia Prático - Joomla 1.5 – V.1.0

Lucio Sérgio Borges Peixoto – www.grupovlad.com Página 48 -

11.2. Administrar Módulos

Como vimos no cap.10 alguns módulos trabalham ligados diretamente aos componentes como: banner, enquetes, notícias externas, Search, porém, outros trabalham de forma individual, como veremos a seguir. Também lembramos que nem todos módulos nativos são utilizados, despublicando-os caso não haja necessidade em seu projeto. Normalmente os módulos possuem uma configuração em que se escolhem quais páginas devem aparecer, qual posição, título, ordem (figura abaixo). Portanto, não será abordado em todos os módulos essas configurações.

Page 49: Apostila Guia Tutorial Manual CMS Joomla 1.5

Guia Prático - Joomla 1.5 – V.1.0

Lucio Sérgio Borges Peixoto – www.grupovlad.com Página 49 -

Dica: Para selecionar mais de um item de menu, mantenha pressionada a tecla CTRL do teclado. Na figura abaixo estão listados todos módulos referente ao site, módulos instalados para auxiliar na administração não serão comentados nesse guia.

Page 50: Apostila Guia Tutorial Manual CMS Joomla 1.5

Guia Prático - Joomla 1.5 – V.1.0

Lucio Sérgio Borges Peixoto – www.grupovlad.com Página 50 -

Page 51: Apostila Guia Tutorial Manual CMS Joomla 1.5

Guia Prático - Joomla 1.5 – V.1.0

Lucio Sérgio Borges Peixoto – www.grupovlad.com Página 51 -

Lista de módulos e suas funcionalidades Breadcrumbs – Este módulo exibe o caminho de navegação do usuário no site

Banners – O módulo de banner permite exibir os banners ativos fora do componente no seu site.

Footer – Este módulo exibe as informações de direitos de autor do Joomla!

Main Menu – Exibe um menu relacionado. Resource – Exibe um menu relacionado

Page 52: Apostila Guia Tutorial Manual CMS Joomla 1.5

Guia Prático - Joomla 1.5 – V.1.0

Lucio Sérgio Borges Peixoto – www.grupovlad.com Página 52 -

Key Concepts – Exibe um menu relacionado User Menu – Exibe um menu relacionado Example Pages – Exibe um menu relacionado Statistics – O módulo de estatísticas exibe informações sobre a instalação no seu servidor, estatísticas sobre os usuários do site, número de registros na base de dados e endereços Web que você disponibiliza. Caso não apareça no site, publique-o e abra o módulo, escolha para aparecer em todos os itens de menu.

Login Form – Este módulo exibe um formulário a solicitar o nome do usuário e senha para autenticação. Também exibe um endereço para quando for necessário recuperar a senha perdida. Caso o registro do usuário esteja ativado (definido nas Configurações do Sistema), um outro endereço será exibido para convidar os usuários a se registrarem.

Page 53: Apostila Guia Tutorial Manual CMS Joomla 1.5

Guia Prático - Joomla 1.5 – V.1.0

Lucio Sérgio Borges Peixoto – www.grupovlad.com Página 53 -

Archive – Este módulo apresenta uma lista dos meses com artigos arquivados. Esta lista será gerada automaticamente quando alterar o estado de um artigo para 'arquivado'. Coloque alguns conteúdos no arquivo depois publique, abra o módulo, escolha para aparecer em todos os itens de menu.

Selections – O módulo seção exibe uma lista de todas as seções configuradas na sua base de dados. Por seções entende-se aqui somente o item Seção. Se a configuração "Exibir Endereços Não-Autorizados" estiver ativa, a lista será limitada às seções que o usuário possuir permissão para visualizar.

Page 54: Apostila Guia Tutorial Manual CMS Joomla 1.5

Guia Prático - Joomla 1.5 – V.1.0

Lucio Sérgio Borges Peixoto – www.grupovlad.com Página 54 -

Caso não apareça no site, publique-o e abra o módulo, escolha para aparecer em todos os itens de menu. Related Itens – Este módulo sugere artigos relacionados com o artigo exibido no momento. A escolha é feita a partir dos meta dados das palavras-chave. Todas as palavras-chave do artigo visualizado são comparadas a todas as palavras-chave dos outros artigos publicados. Por exemplo, você pode ter um artigo sobre "Criando Papagaios" e um outro sobre "Criando Cacatuas Pretas". Se inserir a palavra-chave "papagaio" nos dois artigos, então o módulo Artigos Relacionados irá listar "Criando Papagaios" quando visualizar " Criando Cacatuas Pretas" e vice-versa. A figura abaixo destaca quais campos devem ser preenchido na criação do conteúdo para que no módulo itens relacionados funcione corretamente.

Page 55: Apostila Guia Tutorial Manual CMS Joomla 1.5

Guia Prático - Joomla 1.5 – V.1.0

Lucio Sérgio Borges Peixoto – www.grupovlad.com Página 55 -

Wraper – Este módulo cria uma janela IFrame para um determinado endereço Feed Display – Polls – Este módulo complementa o componente enquete. É utilizado para exibir as enquetes configuradas. O módulo diferencia-se de outros módulos pelo fato de o componente possibilitar ligações entre itens de menu e enquetes. Isto significa que o módulo exibe apenas as enquetes que estejam configurados para um certo item de menu. Who’s Online – Este módulo apresenta o número de usuários anônimos (visitantes) e os registrados (autenticados como membros) que estejam a navegar no site. Advertisement – Random Image – Este módulo exibe uma imagem aleatória a partir de um diretório escolhido. Sydication – Módulo Smart Syndication que cria uma notícia externa para difusão da página em que o módulo é exibido (Fonece código para RSS). News Flash – Este módulo apresenta uma lista dos artigos publicados mais recentemente e que ainda são válidos (alguns podem ter expirado

Page 56: Apostila Guia Tutorial Manual CMS Joomla 1.5

Guia Prático - Joomla 1.5 – V.1.0

Lucio Sérgio Borges Peixoto – www.grupovlad.com Página 56 -

ainda que sejam os mais recentes). Os artigos que são exibidos pelo componente Página Inicial não estão incluídos nesta lista. Last News – Este módulo apresenta uma lista dos artigos publicados mais recentemente e que ainda são válidos (alguns podem ter expirado ainda que sejam os mais recentes). Os artigos que são exibidos pelo componente Página Inicial não estão incluídos nesta lista. Popular – Este módulo apresenta uma lista dos artigos publicados que foram mais vistos - o que é determinado pelo número de vezes que a página foi visualizada. Top Menu – Exibe um menu relacionado Search – Este módulo exibe uma caixa de pesquisa

11.3. Administrar Plugins Normalmente os plugins são aplicações criadas em linguagem PHP e já pré-formatadas para utilização. Os plugins nativos do joomla são do tipo, content, editors e search. Os plugins serão comentados de forma mais aprofundada em materiais de estudo mais avançado, para essa introdução básica, a instalação de novos plugins não influenciará nos resultados.

11.4. Administrar Temas

Temas do Site – Nesse item temos a lista de temas ou templates ou modelo de layout, como queira chamar, que definiremos para nossos sites. Outros recursos como instalar, excluir, definir tema padrão e até mesmo atribuir um segundo tema para ser apresentado no site. Também podemos editar o CSS e o HTML, “caso tenha conhecimento suficiente”, caso contrário, poderá por em risco todo seu trabalho e ter que recomeça-lo.

Page 57: Apostila Guia Tutorial Manual CMS Joomla 1.5

Guia Prático - Joomla 1.5 – V.1.0

Lucio Sérgio Borges Peixoto – www.grupovlad.com Página 57 -

Algumas modificações poderão ser efetuadas através dos os arquivos na pasta conforme mostra o caminho a seguir. (\www\Site2\ templates). Temas da Administração – Assim como no Tema do Site, temos a possibilidade de mudar o tema da administração. Exemplo: caso queira personalizar a área de administração com as cores da sua empresa terá que instalar um novo tema ou alterar o arquivo HTML e CSS. (\www\Site2\administrator\templates\joomla_Admin).

Page 58: Apostila Guia Tutorial Manual CMS Joomla 1.5

Guia Prático - Joomla 1.5 – V.1.0

Lucio Sérgio Borges Peixoto – www.grupovlad.com Página 58 -

11.5. Administrar Idiomas

A definição do idioma após instalação e dada de acordo com a necessidade do projeto. Caso queira outros idiomas é necessária sua devida instalação. 12. Ferramentas No item ferramentas, limitaremos os comentários na parte de comunicação entre usuários cadastrados no seu projeto ou possibilidade de e-mail em massa, através da escolha do grupo.

Page 59: Apostila Guia Tutorial Manual CMS Joomla 1.5

Guia Prático - Joomla 1.5 – V.1.0

Lucio Sérgio Borges Peixoto – www.grupovlad.com Página 59 -

13. Ajuda O tópico em questão é de caráter informativo, no item ajuda, temos um índice de assuntos relacionados e no tópico Informação do Sistema visualiza todas as informações sobre seu projeto.

14. Criando um site personalizado Para criar um site personalizando, escolha uma template/tema que mais se enquadre no perfil do projeto, para esse exemplo escolheremos uma template do site oficial do Joomla Clube http://www.joomlaclube.com.br o Template DJ0013 na área de Templates 1.5.

Clique em Extensões - Instalar/Desinstalar

Page 60: Apostila Guia Tutorial Manual CMS Joomla 1.5

Guia Prático - Joomla 1.5 – V.1.0

Lucio Sérgio Borges Peixoto – www.grupovlad.com Página 60 -

Clique em Extensões – Administrar Temas

Clique em Pré-visualizar

Seu projeto começa a tomar outra forma...

Page 61: Apostila Guia Tutorial Manual CMS Joomla 1.5

Guia Prático - Joomla 1.5 – V.1.0

Lucio Sérgio Borges Peixoto – www.grupovlad.com Página 61 -

Agora, gerencie seu projeto de acordo com sua necessidade, exclua ou crie menus, itens de menus, conteúdos, publique ou despublique módulos, instale novas extensões... pesquise no fórum do Joomla Clube sobre assuntos de seu interesse, caso não encontre, abra um novo tópico, interaja com os membros de nossa comunidade! Dica: Você ainda poderá alterar as imagens da sua template no caminho a seguir (\wamp\www\Site2\templates\dj-0013\images) 15. Considerações Finais Agradeço a oportunidade de estar retribuindo a comunidade Joomla Clube, pois, sempre quando precisei todos estavam a postos em ajudar. Espero contribuir com esse Guia a todos aqueles que estão iniciando com essa ferramenta que a cada dia passa se firmar como a melhor referencia em gerenciamento de conteúdo. Mais uma vez, afirmo que durante a edição desse material aprendi muito e é o maior motivo por estar contribuindo com todos, ensinar é o maior e melhor exercício. Lúcio Sérgio Borges Peixoto Analista T.I. - MBA T.I http://www.grupovlad.com