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

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (10)

Ähnlich wie Joomla! para iniciantes

Ähnlich wie Joomla! para iniciantes (20)

Mehr von Jerônimo Medina Madruga

Mehr von Jerônimo Medina Madruga (20)

Joomla! para iniciantes