Desenvolvendo Websites
com Joomla
Breno Leonardo G. de M. Araújo
brenod123@gmail.com
http://blog.brenoleonardo.com.br
Currículo
• Meu nome: Breno Leonardo G. de M. Araújo
• Formação:
• Bacharel em Sistemas de Informação;
• Especialista em E...
Afinal, o que é Joomla?
• Joomla! É um sistema de gestão de conteúdo (Content Management
System - CMS) open-source desenvo...
O que ele pode fazer?
•
•
•
•
•
•
•
•
•
•

Web sites corporativos ou portais
Intranets e extranets corporativas
Revistas o...
Bons motivos para usar Joomla!
•
•
•
•
•
•
•
•
•
•

Gerencie seu site com facilidade
Não fique “amarrado” ao desenvolvedor...
Instalação – Pré-Requisitos
• LAMP – Linux – a maioria das distribuições possuem
• WAMP – Windows – http://www.wampserver....
Instalação
• URL de download
• http://www.joomla.org/download.html

•
•
•
.
.
.
•

descompactar o Joomla! no htdocs;
acess...
Instalando o idioma
• Extensions > Install languages
• Busque pela sua linguagem

24 de outubro de 2013

Semana Nacional d...
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ág...
Editando as configurações globais
no backend
• Sistema > Configuração Global
• São configurações que afetam todo o sistema...
Configurando o template
• Primeiramente é necessário escolher o template a utilizar;
• Feito isso, agora é necessário conh...
Configurando o template

24 de outubro de 2013

Semana Nacional de Ciência e Tecnologia
IF Sertão Pernambucano – Campus Fl...
Configurando o menu
• Menus > Gerenciador de Menus
•
•
•
•
•

Selecione o menu “Main Menu”;
Clique em “Novo” na nova tela;...
Configurando o menu

24 de outubro de 2013

Semana Nacional de Ciência e Tecnologia
IF Sertão Pernambucano – Campus Flores...
Gerenciando os artigos
• Conteúdo > Gerenciador de artigos
• Para criar um novo artigo clique em “Novo”;
• Preencha o títu...
Gerenciando Componentes
• Banners
• Busca
• Contatos
• Fonte de notícias
• Redirecionamento
• Mensagens
• Tags
• Weblinks
...
Componentes - Banners

24 de outubro de 2013

Semana Nacional de Ciência e Tecnologia
IF Sertão Pernambucano – Campus Flor...
Componentes - Busca

24 de outubro de 2013

Semana Nacional de Ciência e Tecnologia
IF Sertão Pernambucano – Campus Flores...
Componentes - Contatos

24 de outubro de 2013

Semana Nacional de Ciência e Tecnologia
IF Sertão Pernambucano – Campus Flo...
Componentes – Fonte de Notícias

24 de outubro de 2013

Semana Nacional de Ciência e Tecnologia
IF Sertão Pernambucano – C...
Componentes - Redirecionamento

24 de outubro de 2013

Semana Nacional de Ciência e Tecnologia
IF Sertão Pernambucano – Ca...
Componentes - Mensagens

24 de outubro de 2013

Semana Nacional de Ciência e Tecnologia
IF Sertão Pernambucano – Campus Fl...
Componentes - Tags

24 de outubro de 2013

Semana Nacional de Ciência e Tecnologia
IF Sertão Pernambucano – Campus Florest...
Componentes - Weblinks

24 de outubro de 2013

Semana Nacional de Ciência e Tecnologia
IF Sertão Pernambucano – Campus Flo...
Extensões
• Gerenciar Extensões
• Módulos – Posições
• Tipos
• Imagens
• RSS
• HTML
• Plugins
• Templates
• Idiomas
24 de ...
Gerenciar Extensões

24 de outubro de 2013

Semana Nacional de Ciência e Tecnologia
IF Sertão Pernambucano – Campus Flores...
Gerenciar Módulos

24 de outubro de 2013

Semana Nacional de Ciência e Tecnologia
IF Sertão Pernambucano – Campus Floresta...
Tipos de Módulo

24 de outubro de 2013

Semana Nacional de Ciência e Tecnologia
IF Sertão Pernambucano – Campus Floresta

...
Imagens

24 de outubro de 2013

Semana Nacional de Ciência e Tecnologia
IF Sertão Pernambucano – Campus Floresta

Prof. Br...
RSS

24 de outubro de 2013

Semana Nacional de Ciência e Tecnologia
IF Sertão Pernambucano – Campus Floresta

Prof. Breno ...
HTML

24 de outubro de 2013

Semana Nacional de Ciência e Tecnologia
IF Sertão Pernambucano – Campus Floresta

Prof. Breno...
Gerenciar plugins

24 de outubro de 2013

Semana Nacional de Ciência e Tecnologia
IF Sertão Pernambucano – Campus Floresta...
Gerenciar Templates

24 de outubro de 2013

Semana Nacional de Ciência e Tecnologia
IF Sertão Pernambucano – Campus Flores...
Gerenciar Idiomas

24 de outubro de 2013

Semana Nacional de Ciência e Tecnologia
IF Sertão Pernambucano – Campus Floresta...
O que mais posso fazer?
• Conhecer melhor as linguagens que o Joomla está implementado para
poder realizar modificações qu...
Dúvidas???

24 de outubro de 2013

Semana Nacional de Ciência e Tecnologia
IF Sertão Pernambucano – Campus Floresta

Prof....
Obrigado!
Material e códigos
http://blog.brenoleonardo.com.br

Breno Leonardo G. de M. Araújo
brenod123@gmail.com
www.bren...
Upcoming SlideShare
Loading in …5
×

Minicurso joomla 3.1

2,261 views

Published on

Minicurso apresentado na Semana Nacional de Ciência e Tecnologia 2013 do IF Sertão Pernambucano - Campus Floresta

0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,261
On SlideShare
0
From Embeds
0
Number of Embeds
1,232
Actions
Shares
0
Downloads
99
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Minicurso joomla 3.1

  1. 1. Desenvolvendo Websites com Joomla Breno Leonardo G. de M. Araújo brenod123@gmail.com http://blog.brenoleonardo.com.br
  2. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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

×