minicurso joomla 3.1

37
Desenvolvendo Websites com Joomla Breno Leonardo G. de M. Araújo [email protected] http://blog.brenoleonardo.com.br

Upload: brenod123

Post on 23-Jun-2015

1.095 views

Category:

Documents


8 download

DESCRIPTION

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

TRANSCRIPT

Page 1: Minicurso joomla 3.1

Desenvolvendo Websites

com JoomlaBreno Leonardo G. de M. Araújo

[email protected]

http://blog.brenoleonardo.com.br

Page 2: Minicurso joomla 3.1

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.

Page 3: Minicurso joomla 3.1

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".

Page 4: Minicurso joomla 3.1

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

Page 5: Minicurso joomla 3.1

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!

Page 6: Minicurso joomla 3.1

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

Page 7: Minicurso joomla 3.1

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

Page 8: Minicurso joomla 3.1

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

Page 9: Minicurso joomla 3.1

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”.

Page 10: Minicurso joomla 3.1

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;

Page 11: Minicurso joomla 3.1

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.

Page 12: Minicurso joomla 3.1

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

Page 13: Minicurso joomla 3.1

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”;

Page 14: Minicurso joomla 3.1

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

Page 15: Minicurso joomla 3.1

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.

Page 16: Minicurso joomla 3.1

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

Page 17: Minicurso joomla 3.1

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

Page 18: Minicurso joomla 3.1

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

Page 19: Minicurso joomla 3.1

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

Page 20: Minicurso joomla 3.1

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

Page 21: Minicurso joomla 3.1

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

Page 22: Minicurso joomla 3.1

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

Page 23: Minicurso joomla 3.1

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

Page 24: Minicurso joomla 3.1

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

Page 25: Minicurso joomla 3.1

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

Page 26: Minicurso joomla 3.1

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

Page 27: Minicurso joomla 3.1

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

Page 28: Minicurso joomla 3.1

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

Page 29: Minicurso joomla 3.1

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

Page 30: Minicurso joomla 3.1

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

Page 31: Minicurso joomla 3.1

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

Page 32: Minicurso joomla 3.1

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

Page 33: Minicurso joomla 3.1

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

Page 34: Minicurso joomla 3.1

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

Page 35: Minicurso joomla 3.1

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

Page 36: Minicurso joomla 3.1

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???

Page 37: Minicurso joomla 3.1

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

[email protected]

www.brenoleonardo.com.br