The document introduces Joomla, an open-source content management system (CMS). It discusses how to install and configure Joomla, including templates, menus, articles, extensions and more. The goal is to help users develop websites using this CMS.
2. Currículo
• Meu nome: Breno Leonardo G. de M. Araújo
• Formação:
• Bacharel em Sistemas de Informação;
• Especialista em Engenharia de Software;
• Mestrando em Informática Aplicada.
• Possui experiência em Web a mais de 5 anos;
• Experiência com o CMS Joomla a 3 anos.
24 de outubro de 2013
Semana Nacional de Ciência e Tecnologia
IF Sertão Pernambucano – Campus Floresta
Prof. Breno Leonardo G. de M. Araújo
3. Afinal, o que é Joomla?
• Joomla! É um sistema de gestão de conteúdo (Content Management
System - CMS) open-source desenvolvido a partir do MAMBO.
• É desenvolvido em PHP e pode ser executado no servidor WEB
Apache ou IIS e banco de dados MYSQL.
• O nome Joomla vem do equivalente fonético da palavra Swahili
"Jumla", o que significa "todos juntos“ ou "como um todo".
24 de outubro de 2013
Semana Nacional de Ciência e Tecnologia
IF Sertão Pernambucano – Campus Floresta
Prof. Breno Leonardo G. de M. Araújo
4. O que ele pode fazer?
•
•
•
•
•
•
•
•
•
•
Web sites corporativos ou portais
Intranets e extranets corporativas
Revistas on-line, jornais e publicações
E-commerce e reservas on-line
Aplicações governamentais
Web sites para pequenas empresas
Sem fins lucrativos e organizacional sites
Portais comunitários
Web sites de escola e igreja
Homepages pessoais ou familiares
24 de outubro de 2013
Semana Nacional de Ciência e Tecnologia
IF Sertão Pernambucano – Campus Floresta
Prof. Breno Leonardo G. de M. Araújo
5. Bons motivos para usar Joomla!
•
•
•
•
•
•
•
•
•
•
Gerencie seu site com facilidade
Não fique “amarrado” ao desenvolvedor
Crie sites com rapidez e qualidade usando templates prontos
Customize ou crie seus próprios templates com design diferenciado
Acrescente recursos novos sem custos adicionais
Otimize seu site para o Google com extensões de SEO
Economize com treinamento de pessoas
Valorize seu currículo
Seja colaborativo!
Diga qual o seu motivo para usar o Joomla!
24 de outubro de 2013
Semana Nacional de Ciência e Tecnologia
IF Sertão Pernambucano – Campus Floresta
Prof. Breno Leonardo G. de M. Araújo
6. Instalação – Pré-Requisitos
• LAMP – Linux – a maioria das distribuições possuem
• WAMP – Windows – http://www.wampserver.com
• MAMP – Macintosh – http://www.mamp.info
24 de outubro de 2013
Semana Nacional de Ciência e Tecnologia
IF Sertão Pernambucano – Campus Floresta
Prof. Breno Leonardo G. de M. Araújo
7. Instalação
• URL de download
• http://www.joomla.org/download.html
•
•
•
.
.
.
•
descompactar o Joomla! no htdocs;
acessar a URL do site;
seguindo as instruções.
Remover a pasta Installation
24 de outubro de 2013
Semana Nacional de Ciência e Tecnologia
IF Sertão Pernambucano – Campus Floresta
Prof. Breno Leonardo G. de M. Araújo
8. Instalando o idioma
• Extensions > Install languages
• Busque pela sua linguagem
24 de outubro de 2013
Semana Nacional de Ciência e Tecnologia
IF Sertão Pernambucano – Campus Floresta
Prof. Breno Leonardo G. de M. Araújo
9. Conhecendo a página Usuários
• Na página Usuários é possível configurar os tipos de usuários e
permissões de acesso as páginas.
• Por padrão o usuário que você criou na instalação possuem
permissão total no sistema, ou seja, possui um “Super Users”.
24 de outubro de 2013
Semana Nacional de Ciência e Tecnologia
IF Sertão Pernambucano – Campus Floresta
Prof. Breno Leonardo G. de M. Araújo
10. Editando as configurações globais
no backend
• Sistema > Configuração Global
• São configurações que afetam todo o sistema como um todo.
• É possível configurar informações referentes ao:
•
•
•
•
Site;
Sistema;
Servidor;
E Permissões;
24 de outubro de 2013
Semana Nacional de Ciência e Tecnologia
IF Sertão Pernambucano – Campus Floresta
Prof. Breno Leonardo G. de M. Araújo
11. Configurando o template
• Primeiramente é necessário escolher o template a utilizar;
• Feito isso, agora é necessário conhecer as posições que o template
escolhido fornece para colocarmos módulos no site. Então vamos lá:
•
•
•
•
•
Extensões > Gerenciador de temas
Clique em opções;
E deixe como Ativado o botão “Preview Module Positions”;
Agora, “Salvar & Fechar”.
Pronto, o ícone do olho azul pode ser clicado para visualizar as posições
configuradas no template para inserirmos conteúdo.
24 de outubro de 2013
Semana Nacional de Ciência e Tecnologia
IF Sertão Pernambucano – Campus Floresta
Prof. Breno Leonardo G. de M. Araújo
12. Configurando o template
24 de outubro de 2013
Semana Nacional de Ciência e Tecnologia
IF Sertão Pernambucano – Campus Floresta
Prof. Breno Leonardo G. de M. Araújo
13. Configurando o menu
• Menus > Gerenciador de Menus
•
•
•
•
•
Selecione o menu “Main Menu”;
Clique em “Novo” na nova tela;
No item “Tipo de Item de Menu”, clique em “Selecionar”;
Escolha que tipo de ligação que o novo item do menu seguirá.
Configure de acordo com o componente utilizado, dê um título ao menu e
“Salvar e Fechar”;
24 de outubro de 2013
Semana Nacional de Ciência e Tecnologia
IF Sertão Pernambucano – Campus Floresta
Prof. Breno Leonardo G. de M. Araújo
14. Configurando o menu
24 de outubro de 2013
Semana Nacional de Ciência e Tecnologia
IF Sertão Pernambucano – Campus Floresta
Prof. Breno Leonardo G. de M. Araújo
15. Gerenciando os artigos
• Conteúdo > Gerenciador de artigos
• Para criar um novo artigo clique em “Novo”;
• Preencha o título, a categoria e o conteúdo;
• Em “Detalhes”, configure de acordo com a sua vontade.
24 de outubro de 2013
Semana Nacional de Ciência e Tecnologia
IF Sertão Pernambucano – Campus Floresta
Prof. Breno Leonardo G. de M. Araújo
16. Gerenciando Componentes
• Banners
• Busca
• Contatos
• Fonte de notícias
• Redirecionamento
• Mensagens
• Tags
• Weblinks
24 de outubro de 2013
Semana Nacional de Ciência e Tecnologia
IF Sertão Pernambucano – Campus Floresta
Prof. Breno Leonardo G. de M. Araújo
17. Componentes - Banners
24 de outubro de 2013
Semana Nacional de Ciência e Tecnologia
IF Sertão Pernambucano – Campus Floresta
Prof. Breno Leonardo G. de M. Araújo
18. Componentes - Busca
24 de outubro de 2013
Semana Nacional de Ciência e Tecnologia
IF Sertão Pernambucano – Campus Floresta
Prof. Breno Leonardo G. de M. Araújo
19. Componentes - Contatos
24 de outubro de 2013
Semana Nacional de Ciência e Tecnologia
IF Sertão Pernambucano – Campus Floresta
Prof. Breno Leonardo G. de M. Araújo
20. Componentes – Fonte de Notícias
24 de outubro de 2013
Semana Nacional de Ciência e Tecnologia
IF Sertão Pernambucano – Campus Floresta
Prof. Breno Leonardo G. de M. Araújo
21. Componentes - Redirecionamento
24 de outubro de 2013
Semana Nacional de Ciência e Tecnologia
IF Sertão Pernambucano – Campus Floresta
Prof. Breno Leonardo G. de M. Araújo
22. Componentes - Mensagens
24 de outubro de 2013
Semana Nacional de Ciência e Tecnologia
IF Sertão Pernambucano – Campus Floresta
Prof. Breno Leonardo G. de M. Araújo
23. Componentes - Tags
24 de outubro de 2013
Semana Nacional de Ciência e Tecnologia
IF Sertão Pernambucano – Campus Floresta
Prof. Breno Leonardo G. de M. Araújo
24. Componentes - Weblinks
24 de outubro de 2013
Semana Nacional de Ciência e Tecnologia
IF Sertão Pernambucano – Campus Floresta
Prof. Breno Leonardo G. de M. Araújo
25. Extensões
• Gerenciar Extensões
• Módulos – Posições
• Tipos
• Imagens
• RSS
• HTML
• Plugins
• Templates
• Idiomas
24 de outubro de 2013
Semana Nacional de Ciência e Tecnologia
IF Sertão Pernambucano – Campus Floresta
Prof. Breno Leonardo G. de M. Araújo
26. Gerenciar Extensões
24 de outubro de 2013
Semana Nacional de Ciência e Tecnologia
IF Sertão Pernambucano – Campus Floresta
Prof. Breno Leonardo G. de M. Araújo
27. Gerenciar Módulos
24 de outubro de 2013
Semana Nacional de Ciência e Tecnologia
IF Sertão Pernambucano – Campus Floresta
Prof. Breno Leonardo G. de M. Araújo
28. Tipos de Módulo
24 de outubro de 2013
Semana Nacional de Ciência e Tecnologia
IF Sertão Pernambucano – Campus Floresta
Prof. Breno Leonardo G. de M. Araújo
29. Imagens
24 de outubro de 2013
Semana Nacional de Ciência e Tecnologia
IF Sertão Pernambucano – Campus Floresta
Prof. Breno Leonardo G. de M. Araújo
30. RSS
24 de outubro de 2013
Semana Nacional de Ciência e Tecnologia
IF Sertão Pernambucano – Campus Floresta
Prof. Breno Leonardo G. de M. Araújo
31. HTML
24 de outubro de 2013
Semana Nacional de Ciência e Tecnologia
IF Sertão Pernambucano – Campus Floresta
Prof. Breno Leonardo G. de M. Araújo
32. Gerenciar plugins
24 de outubro de 2013
Semana Nacional de Ciência e Tecnologia
IF Sertão Pernambucano – Campus Floresta
Prof. Breno Leonardo G. de M. Araújo
33. Gerenciar Templates
24 de outubro de 2013
Semana Nacional de Ciência e Tecnologia
IF Sertão Pernambucano – Campus Floresta
Prof. Breno Leonardo G. de M. Araújo
34. Gerenciar Idiomas
24 de outubro de 2013
Semana Nacional de Ciência e Tecnologia
IF Sertão Pernambucano – Campus Floresta
Prof. Breno Leonardo G. de M. Araújo
35. O que mais posso fazer?
• Conhecer melhor as linguagens que o Joomla está implementado para
poder realizar modificações quando necessário e pode acreditar:
• VAI SER NECESSÁRIO!
• A utilização de extensões que são facilmente encontrados na internet!
• Extensions Joomla
• Ter cuidado com extensões maliciosas que não possuem uma boa
recomendação.
• Utilizar CCKs que vão ajudar a deixar seu site mais elegante e fácil de
manipular!
• Exemplos: Zoo e K2
24 de outubro de 2013
Semana Nacional de Ciência e Tecnologia
IF Sertão Pernambucano – Campus Floresta
Prof. Breno Leonardo G. de M. Araújo
36. Dúvidas???
24 de outubro de 2013
Semana Nacional de Ciência e Tecnologia
IF Sertão Pernambucano – Campus Floresta
Prof. Breno Leonardo G. de M. Araújo
37. Obrigado!
Material e códigos
http://blog.brenoleonardo.com.br
Breno Leonardo G. de M. Araújo
brenod123@gmail.com
www.brenoleonardo.com.br
24 de outubro de 2013
Semana Nacional de Ciência e Tecnologia
IF Sertão Pernambucano – Campus Floresta
Prof. Breno Leonardo G. de M. Araújo