minicurso joomla 3.1

Post on 23-Jun-2015

1.095 Views

Category:

Documents

8 Downloads

Preview:

Click to see full reader

DESCRIPTION

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

TRANSCRIPT

Desenvolvendo Websites

com JoomlaBreno Leonardo G. de M. Araújo

brenod123@gmail.com

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

brenod123@gmail.com

www.brenoleonardo.com.br

top related