Joomla! para iniciantes

Joomla! para iniciantes

Djonatan BussJerônimo Medina Madruga

Joomla! Para iniciantes.Joomla! Para iniciantes.

Sempre teve vontade de fazer seu site? Fica na dúvida de qual tecnologia

utilizar? Quer uma abordagem mais profissional

do que aquele site que você fazia no Frontpage?

Acha que alterar diversos arquivos para atualizar uma mudança é massante?

Joomla! Para iniciantes.Joomla! Para iniciantes.•O que é o Joomla! ?

•O que é CMS ?

•Do que é feito?

•Da onde saiu?

•Tem exemplo?

•Quanto custa?

•E Drupal e o Wordpress?

•Instala pra mim tio!é uma palavra adaptada foneticamente dapalavra "Jumla” na língua Swahili para o Inglês. Jumla significa “tudo junto" ou “como um todo".


•O que é CMS ?

•Do que é feito?

•Da onde saiu?

•Tem exemplo?

•Quanto custa?


•Instala pra mim tio!

É um CMS que te ajuda a construir aplicações web.

Fácil de usar Diversos recursos Design impressionante Conteúdo organizado Aplicação “pesquisável” Grande comunidade


•O que é CMS ?• HTML• CSS• CMS

•Do que é feito?

•Da onde saiu?

•Tem exemplo?

•Quanto custa?



Content Management System

Texto, fotos, vídeos, documentos e etc..

Conhecimento técnico



•Do que é feito?

•Da onde saiu?

•Tem exemplo?

•Quanto custa?



HTML Trabalhoso e lento



•Do que é feito?

•Da onde saiu?

•Tem exemplo?

•Quanto custa?



CSS Fácil de formatar Mais rápido



•Do que é feito?

•Da onde saiu?

•Tem exemplo?

•Quanto custa?



CMS Organiza o conteúdo Não precisa webmaster Integração com Banco de

Dados


•O que é CMS ?

•Do que é feito?

•Da onde saiu?

•Tem exemplo?

•Quanto custa?



O joomla é essencialmente PHP e MySQL

Os templates são feitos com CSS


•O que é CMS ?

•Do que é feito?

•Da onde saiu?

•Tem exemplo?

•Quanto custa?



Descendente do Mambo Criado em 2005 Missão

Prover uma plataforma flexível para colaboração e publicação digital.


•O que é CMS ?

•Do que é feito?

•Da onde saiu?

•Tem exemplo?

•Quanto custa?




•O que é CMS ?

•Do que é feito?

•Da onde saiu?

•Tem exemplo?

•Quanto custa?




•O que é CMS ?

•Do que é feito?

•Da onde saiu?

•Tem exemplo?

•Quanto custa?




•O que é CMS ?

•Do que é feito?

•Da onde saiu?

•Tem exemplo?

•Quanto custa?



Código aberto GNU/GPL Comércio de templates

Existem gratuitos, mas as opções pagas são robustas e profissionais

Comércio de plugins Plugins para inúmeras

funcionalidades.


•O que é CMS ?

•Do que é feito?

•Da onde saiu?

•Tem exemplo?

•Quanto custa?



Principais diferenças Drupal

Wordpress

Joomla


•O que é CMS ?

•Do que é feito?

•Da onde saiu?

•Tem exemplo?

•Quanto custa?



Instalação local Depende de:

Apache ou Microsoft IIS

PHP

MySQL


Instalação local1. www.joomla.org2. Download Joomla!3. Descompactar na pasta do apache4. Criar a base de dados no MySQL5. Acessar os arquivos via localhost.

http://www.joomla.org/

Instalação● Download



Instalação● Instalando


● Browser: localhost/Joomla/









Joomla! Para iniciantes. Joomla! Para iniciantes.

Iniciando

● Fiz isso ?● Visões● Arquitetura

Sim você “fez” esse site! Bem vindos ao TEMPLATE TEMPLATE

exemplo do Joomla! Analise, clique e identifique.

Login form Enquete Menus Banner


Iniciando


Sem contato com código Duas visões

FRONT ENDFRONT END BACK ENDBACK END


Iniciando

● Fiz isso ?● Visões

● FRONT END

● BACK END

● Arquitetura

FRONT ENDFRONT END Ambiente para:Ambiente para:

VisitantesVisitantes EditoresEditores Membros em geralMembros em geral


Iniciando

● Fiz isso ?● Visões

● FRONT END

● BACK END

● Arquitetura

BACK ENDBACK END Ambiente para:Ambiente para:

ProjetistasProjetistas DesignersDesigners AdministradoresAdministradores


Iniciando


ARQUITETURAARQUITETURA Criação e edição do siteCriação e edição do site Inclui:Inclui:

MenusMenus ConteúdoConteúdo ComponentesComponentes ExtensõesExtensões


Iniciando


● Menus

● Conteúdo

● Extensões

MENUS Referenciam conteúdo Compostos por itens Gerenciados por

MODULOS


Iniciando


● Menus

● Conteúdo

● Extensões

MENUS Principais tipos nativos

MainMenu TopMenu UserMenu OtherMenu


Iniciando


● Menus

● Conteúdo

● Extensões

CONTEÚDO Principal elemento Armazenado no BD Dividido em:

Seções Categorias

● Artigos


Iniciando


● Menus

● Conteúdo

● Extensões

● Componentes

● Módulos

● Plugins

● Linguagem

● Templates

EXTENSÕES Componentes Módulos Plugins Linguagem Templates


Iniciando


● Menus

● Conteúdo

● Extensões

● Componentes

● Módulos

● Plugins

● Linguagem

● Templates

EXTENSÕES - Componentes Pequenas aplicações que

compõe o corpo principal da pagina.

Ex: Contatos, News Feeds, Enquetes, Pesquisa e etc...


Iniciando


● Menus

● Conteúdo

● Extensões

● Componentes

● Módulos

● Plugins

● Linguagem

● Templates

EXTENSÕES - Módulos Usados para exibir menus,

contador de visitas e etc. que se repetem nas diversas páginas.


Iniciando


● Menus

● Conteúdo

● Extensões

● Componentes

● Módulos

● Plugins

● Linguagem

● Templates

EXTENSÕES - Plugins São códigos que

executam de acordo com uma necessidade dos recursos utilizados.

Ex: o editor de texto.


Iniciando


● Menus

● Conteúdo

● Extensões

● Componentes

● Módulos

● Plugins

● Linguagem

● Templates

EXTENSÕES - Linguagem Alteram a linguagem no

front e back end de acordo com a capacidade das extensões


Iniciando


● Menus

● Conteúdo

● Extensões

● Componentes

● Módulos

● Plugins

● Linguagem

● Templates

EXTENSÕES – Templates A diversão do iniciante Inclui cores, fontes,

posicionamento, design e etc.

Permitem separação entre aparência e conteúdo


Criando seu site1. Definindo nome do site2. Criando as paginas3. Fazendo link dos menus4. Remover funções desnecessárias.

Vamos criar um site sobre abelhas!Vamos criar um site sobre abelhas!

Joomla! Para iniciantes.Joomla! Para iniciantes.Criando

• Nomeando site

• Criando as paginas

• Linkando menu

• Limpeza

Acesse o back end (/administrator)

Botão “Global Configurations”

Edite “Site Name” Vamos usar “Webelhas”


• Nomeando site


• Linkando menu

• Limpeza


• Nomeando site


• Linkando menu

• Limpeza


• Nomeando site


• Linkando menu

• Limpeza


• Nomeando site


• Linkando menu

• Limpeza


• Nomeando site


• Linkando menu

• Limpeza

Vamos criar quatro paginas

A vida

Biologia

Defesa

A Rainha


• Nomeando site


• Linkando menu

• Limpeza

Acesse o back end (/administrator)

Botão “Add New Article” Title: A vida Alias: A vida Section: uncategorized Category: uncategorized

Editor de texto


• Nomeando site


• Linkando menu

• Limpeza

Usaremos apenas MainMenu “Menus” → “Main Menu” Botao “New” Escolha “Article” “Standard Article Layout”


• Nomeando site


• Linkando menu

• Limpeza

“Menu Item Parameters” “select” Seleciona artigo na popup “Save”

Repetir para os proximos quatro artigos


• Nomeando site


• Linkando menu

• Limpeza

Limpar modulos “Extensions” → “Module

Manager” “Disable”


• Nomeando site


• Linkando menu

• Limpeza

Limpar MainMenu “Menu” → “MainMenu”

“Unpublish”


• Nomeando site


• Linkando menu

• Limpeza

• Templates

Mudar o template “Extensions” → “Plugin

Manager” Seleciona Beez

“Default”

Recursos sobre Joomla!Recursos sobre Joomla!

Site oficial: http://www.joomla.org

Extensões: http://extensions.joomla.org

Tutoriais: http://www.joomlatutorials.com/

Documentação: http://docs.joomla.org

Twitter: http://twitter.com/joomla

http://www.joomla.org/

http://extensions.joomla.org/

http://www.joomlatutorials.com/

http://docs.joomla.org/

http://twitter.com/joomla

ContatoContato

Twitter: http://twitter.com/jmmadrugahttp://twitter.com/djonatanb

E-mail: [email protected]@gmail.com

Site: http://jmmadruga.com.br

Tchelinux: www.tchelinux.org

Slides: http://www.slideshare.net/tchelinux

http://twitter.com/jmmadruga

http://twitter.com/djonatanb

mailto:[email protected]

mailto:[email protected]

http://jmmadruga.com.br/

http://www.tchelinux.org/

http://www.slideshare.net/tchelinux

Perguntas?Mandem por e-mail!

Perguntas?Mandem por e-mail!

Technology

Joomla! para iniciantes