Joomla! para iniciantes

Joomla! para iniciantes

Djonatan Buss
Jerônimo Medina Madruga

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?

•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 da
palavra "Jumla” na língua Swahili
para o Inglês. Jumla significa “tudo
junto" ou “como um todo".

 É um CMS que te ajuda a
•O que é CMS ?
•Do que é feito? construir aplicações
•Da onde saiu? web.
•Tem exemplo?
•Quanto custa?
 Fácil de usar
•E Drupal e o
Wordpress?
 Diversos recursos
•Instala pra mim tio!  Design impressionante
 Conteúdo organizado
 Aplicação “pesquisável”
 Grande comunidade

 Content Management
•O que é CMS ?
• HTML System
• CSS
• CMS  Texto, fotos, vídeos,
•Do que é feito?
•Da onde saiu?
documentos e etc..
•Tem exemplo?  Conhecimento técnico
•Quanto custa?
•E Drupal e o
Wordpress?

 HTML
•O que é CMS ?
• HTML  Trabalhoso e lento
• CSS
• CMS
•Do que é feito?
•Da onde saiu?
•Tem exemplo?
•Quanto custa?
•E Drupal e o
Wordpress?

 CSS
•O que é CMS ?
• HTML  Fácil de formatar
• CSS
• CMS  Mais rápido
•Do que é feito?
•Da onde saiu?
•Tem exemplo?
•Quanto custa?
•E Drupal e o
Wordpress?

 CMS
•O que é CMS ?
• HTML  Organiza o conteúdo
• CSS
• CMS  Não precisa webmaster
•Do que é feito?
•Da onde saiu?
 Integração com Banco de
•Tem exemplo? Dados
•Quanto custa?
•E Drupal e o
Wordpress?

 O joomla é
•O que é CMS ?
•Do que é feito? essencialmente PHP e
•Da onde saiu? MySQL
•Tem exemplo?
•Quanto custa?
 Os templates são feitos
•E Drupal e o com CSS
Wordpress?

 Descendente do Mambo
•O que é CMS ?
•Do que é feito?  Criado em 2005
•Da onde saiu?
•Tem exemplo?
 Missão
•Quanto custa?  Prover uma plataforma
•E Drupal e o
Wordpress?
flexível para colaboração e
publicação digital.

•O que é CMS ?
•Do que é feito?
•Da onde saiu?
•Tem exemplo?
•Quanto custa?
•E Drupal e o
Wordpress?

 Código aberto GNU/GPL
•O que é CMS ?
•Do que é feito?  Comércio de templates
•Da onde saiu?
 Existem gratuitos, mas
•Tem exemplo?
•Quanto custa?
as opções pagas são
•E Drupal e o robustas e profissionais
Wordpress?
 Comércio de plugins
 Plugins para inúmeras
funcionalidades.

 Principais diferenças
•O que é CMS ?
•Do que é feito?  Drupal
•Da onde saiu?
•Tem exemplo?
 Wordpress
•Quanto custa?  Joomla
•E Drupal e o
Wordpress?

 Instalação local
•O que é CMS ?
•Do que é feito?  Depende de:
•Da onde saiu?
 Apache ou Microsoft
•Tem exemplo?
•Quanto custa? IIS
•E Drupal e o
Wordpress?
 PHP
 MySQL

 Instalação local
1. www.joomla.org
2. Download Joomla!
3. Descompactar na pasta do apache
4. Criar a base de dados no MySQL
5. Acessar os arquivos via localhost.

Instalação
● Instalando
● Browser: localhost/Joomla/

 Sim você “fez” esse site! Iniciando

 Bem vindos ao TEMPLATE ● Fiz isso ?

exemplo do Joomla! ● Visões
● Arquitetura
 Analise, clique e identifique.
 Login form
 Enquete
 Menus
 Banner

 Sem contato com código Iniciando

 Duas visões ● Fiz isso ?
 FRONT END ● Visões
● Arquitetura
 BACK END

FRONT END Iniciando

 Ambiente para: ● Fiz isso ?
● Visões
 Visitantes ● FRONT END
BACK END
Editores
●

● Arquitetura
 Membros em geral

BACK END Iniciando

 Ambiente para: ● Fiz isso ?
● Visões
 Projetistas ● FRONT END
BACK END
Designers
●

● Arquitetura
 Administradores

ARQUITETURA Iniciando

 Criação e edição do site ● Fiz isso ?
● Visões
 Inclui: ● Arquitetura
 Menus
 Conteúdo
 Componentes
 Extensões

MENUS Iniciando

 Referenciam conteúdo ● Fiz isso ?
● Visões
 Compostos por itens ● Arquitetura
● Menus
 Gerenciados por ● Conteúdo
MODULOS ● Extensões

MENUS Iniciando

 Principais tipos nativos ● Fiz isso ?
● Visões
 MainMenu ● Arquitetura
Menus
TopMenu
●

● Conteúdo
 UserMenu ● Extensões

 OtherMenu

CONTEÚDO Iniciando

 Principal elemento ● Fiz isso ?
● Visões
 Armazenado no BD ● Arquitetura
● Menus
 Dividido em: ● Conteúdo
Extensões
Seções
●


 Categorias
● Artigos

EXTENSÕES Iniciando

 Componentes ● Fiz isso ?
● Visões
 Módulos ● Arquitetura
● Menus
 Plugins ● Conteúdo
Extensões
Linguagem
●

● Componentes

 Templates ●

●
Módulos
Plugins
● Linguagem
● Templates

EXTENSÕES - Componentes Iniciando

 Pequenas aplicações que ● Fiz isso ?
compõe o corpo principal da ● Visões
Arquitetura
pagina.
●

● Menus
Conteúdo
Ex: Contatos, News Feeds,
●

● Extensões
Enquetes, Pesquisa e etc... ● Componentes
● Módulos
● Plugins
● Linguagem
● Templates

EXTENSÕES - Módulos Iniciando

 Usados para exibir menus, ● Fiz isso ?
contador de visitas e etc. ● Visões
Arquitetura
que se repetem nas
●

● Menus

diversas páginas. ● Conteúdo
● Extensões
● Componentes
● Módulos
● Plugins
● Linguagem
● Templates

EXTENSÕES - Plugins Iniciando

 São códigos que ● Fiz isso ?
executam de acordo com ● Visões
Arquitetura
uma necessidade dos
●

● Menus

recursos utilizados. ● Conteúdo
● Extensões
 Ex: o editor de texto. ● Componentes
● Módulos
● Plugins
● Linguagem
● Templates

EXTENSÕES - Linguagem Iniciando

 Alteram a linguagem no ● Fiz isso ?
front e back end de acordo ● Visões
Arquitetura
com a capacidade das
●

● Menus

extensões ● Conteúdo
● Extensões
● Componentes
● Módulos
● Plugins
● Linguagem
● Templates

EXTENSÕES – Templates Iniciando

 A diversão do iniciante ● Fiz isso ?
● Visões
 Inclui cores, fontes, ● Arquitetura
posicionamento, design e ● Menus
Conteúdo
etc.
●

● Extensões
 Permitem separação entre ● Componentes
Módulos
aparência e conteúdo
●

● Plugins
● Linguagem
● Templates

Criando seu site
1. Definindo nome do site
2. Criando as paginas
3. Fazendo link dos menus
4. Remover funções desnecessárias.

Vamos criar um site sobre abelhas!

Criando  Acesse o back end
• Nomeando site
(/administrator)
• Criando as paginas  Botão “Global
• Linkando menu
• Limpeza
Configurations”
 Edite “Site Name”
 Vamos usar “Webelhas”

Criando

• Nomeando site
• Criando as paginas
• Linkando menu
• Limpeza

Criando  Vamos criar quatro
• Nomeando site
paginas
• Criando as paginas  A vida
• Linkando menu
 Biologia
• Limpeza
 Defesa
 A Rainha

Criando  Acesse o back end
(/administrator)
• Nomeando site
• Criando as paginas  Botão “Add New Article”
• Linkando menu
 Title: A vida
• Limpeza
 Alias: A vida
 Section: uncategorized
 Category: uncategorized

 Editor de texto

Criando  Usaremos apenas MainMenu
• Nomeando site
 “Menus” → “Main Menu”
• Criando as paginas  Botao “New”
• Linkando menu
• Limpeza
 Escolha “Article”
 “Standard Article Layout”

Criando  “Menu Item Parameters”
• Nomeando site
 “select”
• Criando as paginas  Seleciona artigo na popup
• Linkando menu
• Limpeza
 “Save”
 Repetir para os proximos
quatro artigos

Criando  Limpar modulos
• Nomeando site  “Extensions” → “Module
• Criando as paginas Manager”
• Linkando menu
• Limpeza  “Disable”

Criando  Limpar MainMenu
• Nomeando site  “Menu” → “MainMenu”
• Criando as paginas
• Linkando menu
 “Unpublish”
• Limpeza

Criando  Mudar o template
• Nomeando site  “Extensions” → “Plugin
• Criando as paginas Manager”
• Linkando menu
• Limpeza  Seleciona Beez
• Templates
 “Default”

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

Contato

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

E-mail: jeronimo.madruga@gmail.com
djonatanb@gmail.com

Site: http://jmmadruga.com.br

Tchelinux: www.tchelinux.org

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

Joomla! para iniciantes

Mais conteúdo relacionado

Mais procurados

Semelhante a Joomla! para iniciantes

Mais de Jerônimo Medina Madruga

Joomla! para iniciantes