Desenvolvendo Websites
com JoomlaBreno Leonardo G. de M. Araújo
http://blog.brenoleonardo.com.br
Semana Nacional de Ciência e TecnologiaIF Sertão Pernambucano – Campus Floresta
24 de outubro de 2013 Prof. Breno Leonardo G. de M. Araújo
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.
Semana Nacional de Ciência e TecnologiaIF Sertão Pernambucano – Campus Floresta
24 de outubro de 2013 Prof. Breno Leonardo G. de M. Araújo
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".
Semana Nacional de Ciência e TecnologiaIF Sertão Pernambucano – Campus Floresta
24 de outubro de 2013 Prof. Breno Leonardo G. de M. Araújo
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
Semana Nacional de Ciência e TecnologiaIF Sertão Pernambucano – Campus Floresta
24 de outubro de 2013 Prof. Breno Leonardo G. de M. Araújo
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!
Semana Nacional de Ciência e TecnologiaIF Sertão Pernambucano – Campus Floresta
24 de outubro de 2013 Prof. Breno Leonardo G. de M. Araújo
Instalação – Pré-Requisitos
• LAMP – Linux – a maioria das distribuições possuem
• WAMP – Windows – http://www.wampserver.com
• MAMP – Macintosh – http://www.mamp.info
Semana Nacional de Ciência e TecnologiaIF Sertão Pernambucano – Campus Floresta
24 de outubro de 2013 Prof. Breno Leonardo G. de M. Araújo
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
Semana Nacional de Ciência e TecnologiaIF Sertão Pernambucano – Campus Floresta
24 de outubro de 2013 Prof. Breno Leonardo G. de M. Araújo
Instalando o idioma
• Extensions > Install languages• Busque pela sua linguagem
Semana Nacional de Ciência e TecnologiaIF Sertão Pernambucano – Campus Floresta
24 de outubro de 2013 Prof. Breno Leonardo G. de M. Araújo
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”.
Semana Nacional de Ciência e TecnologiaIF Sertão Pernambucano – Campus Floresta
24 de outubro de 2013 Prof. Breno Leonardo G. de M. Araújo
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;
Semana Nacional de Ciência e TecnologiaIF Sertão Pernambucano – Campus Floresta
24 de outubro de 2013 Prof. Breno Leonardo G. de M. Araújo
Configurando o template
• Primeiramente é necessário escolher o template a utilizar;
• Feito isso, agora é necessário conhecer as posições que o templateescolhido 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.
Semana Nacional de Ciência e TecnologiaIF Sertão Pernambucano – Campus Floresta
24 de outubro de 2013 Prof. Breno Leonardo G. de M. Araújo
Configurando o template
Semana Nacional de Ciência e TecnologiaIF Sertão Pernambucano – Campus Floresta
24 de outubro de 2013 Prof. Breno Leonardo G. de M. Araújo
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”;
Semana Nacional de Ciência e TecnologiaIF Sertão Pernambucano – Campus Floresta
24 de outubro de 2013 Prof. Breno Leonardo G. de M. Araújo
Configurando o menu
Semana Nacional de Ciência e TecnologiaIF Sertão Pernambucano – Campus Floresta
24 de outubro de 2013 Prof. Breno Leonardo G. de M. Araújo
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.
Semana Nacional de Ciência e TecnologiaIF Sertão Pernambucano – Campus Floresta
24 de outubro de 2013 Prof. Breno Leonardo G. de M. Araújo
Gerenciando Componentes
• Banners
• Busca
• Contatos
• Fonte de notícias
• Redirecionamento
• Mensagens
• Tags
• Weblinks
Semana Nacional de Ciência e TecnologiaIF Sertão Pernambucano – Campus Floresta
24 de outubro de 2013 Prof. Breno Leonardo G. de M. Araújo
Componentes - Banners
Semana Nacional de Ciência e TecnologiaIF Sertão Pernambucano – Campus Floresta
24 de outubro de 2013 Prof. Breno Leonardo G. de M. Araújo
Componentes - Busca
Semana Nacional de Ciência e TecnologiaIF Sertão Pernambucano – Campus Floresta
24 de outubro de 2013 Prof. Breno Leonardo G. de M. Araújo
Componentes - Contatos
Semana Nacional de Ciência e TecnologiaIF Sertão Pernambucano – Campus Floresta
24 de outubro de 2013 Prof. Breno Leonardo G. de M. Araújo
Componentes – Fonte de Notícias
Semana Nacional de Ciência e TecnologiaIF Sertão Pernambucano – Campus Floresta
24 de outubro de 2013 Prof. Breno Leonardo G. de M. Araújo
Componentes - Redirecionamento
Semana Nacional de Ciência e TecnologiaIF Sertão Pernambucano – Campus Floresta
24 de outubro de 2013 Prof. Breno Leonardo G. de M. Araújo
Componentes - Mensagens
Semana Nacional de Ciência e TecnologiaIF Sertão Pernambucano – Campus Floresta
24 de outubro de 2013 Prof. Breno Leonardo G. de M. Araújo
Componentes - Tags
Semana Nacional de Ciência e TecnologiaIF Sertão Pernambucano – Campus Floresta
24 de outubro de 2013 Prof. Breno Leonardo G. de M. Araújo
Componentes - Weblinks
Semana Nacional de Ciência e TecnologiaIF Sertão Pernambucano – Campus Floresta
24 de outubro de 2013 Prof. Breno Leonardo G. de M. Araújo
Extensões
• Gerenciar Extensões
• Módulos – Posições
• Tipos
• Imagens
• RSS
• HTML
• Plugins
• Templates
• Idiomas
Semana Nacional de Ciência e TecnologiaIF Sertão Pernambucano – Campus Floresta
24 de outubro de 2013 Prof. Breno Leonardo G. de M. Araújo
Gerenciar Extensões
Semana Nacional de Ciência e TecnologiaIF Sertão Pernambucano – Campus Floresta
24 de outubro de 2013 Prof. Breno Leonardo G. de M. Araújo
Gerenciar Módulos
Semana Nacional de Ciência e TecnologiaIF Sertão Pernambucano – Campus Floresta
24 de outubro de 2013 Prof. Breno Leonardo G. de M. Araújo
Tipos de Módulo
Semana Nacional de Ciência e TecnologiaIF Sertão Pernambucano – Campus Floresta
24 de outubro de 2013 Prof. Breno Leonardo G. de M. Araújo
Imagens
Semana Nacional de Ciência e TecnologiaIF Sertão Pernambucano – Campus Floresta
24 de outubro de 2013 Prof. Breno Leonardo G. de M. Araújo
RSS
Semana Nacional de Ciência e TecnologiaIF Sertão Pernambucano – Campus Floresta
24 de outubro de 2013 Prof. Breno Leonardo G. de M. Araújo
HTML
Semana Nacional de Ciência e TecnologiaIF Sertão Pernambucano – Campus Floresta
24 de outubro de 2013 Prof. Breno Leonardo G. de M. Araújo
Gerenciar plugins
Semana Nacional de Ciência e TecnologiaIF Sertão Pernambucano – Campus Floresta
24 de outubro de 2013 Prof. Breno Leonardo G. de M. Araújo
Gerenciar Templates
Semana Nacional de Ciência e TecnologiaIF Sertão Pernambucano – Campus Floresta
24 de outubro de 2013 Prof. Breno Leonardo G. de M. Araújo
Gerenciar Idiomas
Semana Nacional de Ciência e TecnologiaIF Sertão Pernambucano – Campus Floresta
24 de outubro de 2013 Prof. Breno Leonardo G. de M. Araújo
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
Semana Nacional de Ciência e TecnologiaIF Sertão Pernambucano – Campus Floresta
24 de outubro de 2013 Prof. Breno Leonardo G. de M. Araújo
Dúvidas???
Semana Nacional de Ciência e TecnologiaIF Sertão Pernambucano – Campus Floresta
24 de outubro de 2013 Prof. Breno Leonardo G. de M. Araújo
Obrigado!
Material e códigos
http://blog.brenoleonardo.com.br
Breno Leonardo G. de M. Araújo
www.brenoleonardo.com.br
Recommended