joomla! para iniciantes
TRANSCRIPT
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".
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!
É 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
Joomla! Para iniciantes.Joomla! Para iniciantes.•O que é o Joomla! ?
•O que é CMS ?• HTML• CSS• CMS
•Do que é feito?
•Da onde saiu?
•Tem exemplo?
•Quanto custa?
•E Drupal e o Wordpress?
•Instala pra mim tio!
Content Management System
Texto, fotos, vídeos, documentos e etc..
Conhecimento técnico
Joomla! Para iniciantes.Joomla! Para iniciantes.•O que é o Joomla! ?
•O que é CMS ?• HTML• CSS• CMS
•Do que é feito?
•Da onde saiu?
•Tem exemplo?
•Quanto custa?
•E Drupal e o Wordpress?
•Instala pra mim tio!
HTML Trabalhoso e lento
Joomla! Para iniciantes.Joomla! Para iniciantes.•O que é o Joomla! ?
•O que é CMS ?• HTML• CSS• CMS
•Do que é feito?
•Da onde saiu?
•Tem exemplo?
•Quanto custa?
•E Drupal e o Wordpress?
•Instala pra mim tio!
CSS Fácil de formatar Mais rápido
Joomla! Para iniciantes.Joomla! Para iniciantes.•O que é o Joomla! ?
•O que é CMS ?• HTML• CSS• CMS
•Do que é feito?
•Da onde saiu?
•Tem exemplo?
•Quanto custa?
•E Drupal e o Wordpress?
•Instala pra mim tio!
CMS Organiza o conteúdo Não precisa webmaster Integração com Banco de
Dados
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!
O joomla é essencialmente PHP e MySQL
Os templates são feitos com CSS
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!
Descendente do Mambo Criado em 2005 Missão
Prover uma plataforma flexível para colaboração e publicação digital.
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!
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!
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!
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!
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.
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!
Principais diferenças Drupal
Wordpress
Joomla
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!
Instalação local Depende de:
Apache ou Microsoft IIS
PHP
MySQL
Joomla! Para iniciantes.Joomla! Para iniciantes.
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.
Instalação● Download
Instalação● Download
Instalação● Download
Instalação● Instalando
Instalação● Instalando
● Browser: localhost/Joomla/
Instalação● Instalando
Instalação● Instalando
Instalação● Instalando
Instalação● Instalando
Instalação● Instalando
Instalação● Instalando
Instalação● Instalando
Instalação● Instalando
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
Joomla! Para iniciantes. Joomla! Para iniciantes.
Iniciando
● Fiz isso ?● Visões● Arquitetura
Sem contato com código Duas visões
FRONT ENDFRONT END BACK ENDBACK END
Joomla! Para iniciantes. Joomla! Para iniciantes.
Iniciando
● Fiz isso ?● Visões
● FRONT END
● BACK END
● Arquitetura
FRONT ENDFRONT END Ambiente para:Ambiente para:
VisitantesVisitantes EditoresEditores Membros em geralMembros em geral
Joomla! Para iniciantes. Joomla! Para iniciantes.
Iniciando
● Fiz isso ?● Visões
● FRONT END
● BACK END
● Arquitetura
BACK ENDBACK END Ambiente para:Ambiente para:
ProjetistasProjetistas DesignersDesigners AdministradoresAdministradores
Joomla! Para iniciantes. Joomla! Para iniciantes.
Iniciando
● Fiz isso ?● Visões● Arquitetura
ARQUITETURAARQUITETURA Criação e edição do siteCriação e edição do site Inclui:Inclui:
MenusMenus ConteúdoConteúdo ComponentesComponentes ExtensõesExtensões
Joomla! Para iniciantes. Joomla! Para iniciantes.
Iniciando
● Fiz isso ?● Visões● Arquitetura
● Menus
● Conteúdo
● Extensões
MENUS Referenciam conteúdo Compostos por itens Gerenciados por
MODULOS
Joomla! Para iniciantes. Joomla! Para iniciantes.
Iniciando
● Fiz isso ?● Visões● Arquitetura
● Menus
● Conteúdo
● Extensões
MENUS Principais tipos nativos
MainMenu TopMenu UserMenu OtherMenu
Joomla! Para iniciantes. Joomla! Para iniciantes.
Iniciando
● Fiz isso ?● Visões● Arquitetura
● Menus
● Conteúdo
● Extensões
CONTEÚDO Principal elemento Armazenado no BD Dividido em:
Seções Categorias
● Artigos
Joomla! Para iniciantes. Joomla! Para iniciantes.
Iniciando
● Fiz isso ?● Visões● Arquitetura
● Menus
● Conteúdo
● Extensões
● Componentes
● Módulos
● Plugins
● Linguagem
● Templates
EXTENSÕES Componentes Módulos Plugins Linguagem Templates
Joomla! Para iniciantes. Joomla! Para iniciantes.
Iniciando
● Fiz isso ?● Visões● Arquitetura
● 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...
Joomla! Para iniciantes. Joomla! Para iniciantes.
Iniciando
● Fiz isso ?● Visões● Arquitetura
● 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.
Joomla! Para iniciantes. Joomla! Para iniciantes.
Iniciando
● Fiz isso ?● Visões● Arquitetura
● 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.
Joomla! Para iniciantes. Joomla! Para iniciantes.
Iniciando
● Fiz isso ?● Visões● Arquitetura
● 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
Joomla! Para iniciantes. Joomla! Para iniciantes.
Iniciando
● Fiz isso ?● Visões● Arquitetura
● 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
Joomla! Para iniciantes.Joomla! Para iniciantes.
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”
Joomla! Para iniciantes.Joomla! Para iniciantes.Criando
• Nomeando site
• Criando as paginas
• Linkando menu
• Limpeza
Joomla! Para iniciantes.Joomla! Para iniciantes.Criando
• Nomeando site
• Criando as paginas
• Linkando menu
• Limpeza
Joomla! Para iniciantes.Joomla! Para iniciantes.Criando
• Nomeando site
• Criando as paginas
• Linkando menu
• Limpeza
Joomla! Para iniciantes.Joomla! Para iniciantes.Criando
• Nomeando site
• Criando as paginas
• Linkando menu
• Limpeza
Joomla! Para iniciantes.Joomla! Para iniciantes.Criando
• Nomeando site
• Criando as paginas
• Linkando menu
• Limpeza
Vamos criar quatro paginas
A vida
Biologia
Defesa
A Rainha
Joomla! Para iniciantes.Joomla! Para iniciantes.Criando
• Nomeando site
• Criando as paginas
• 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
Joomla! Para iniciantes.Joomla! Para iniciantes.Criando
• Nomeando site
• Criando as paginas
• Linkando menu
• Limpeza
Usaremos apenas MainMenu “Menus” → “Main Menu” Botao “New” Escolha “Article” “Standard Article Layout”
Joomla! Para iniciantes.Joomla! Para iniciantes.Criando
• Nomeando site
• Criando as paginas
• Linkando menu
• Limpeza
“Menu Item Parameters” “select” Seleciona artigo na popup “Save”
Repetir para os proximos quatro artigos
Joomla! Para iniciantes.Joomla! Para iniciantes.Criando
• Nomeando site
• Criando as paginas
• Linkando menu
• Limpeza
Limpar modulos “Extensions” → “Module
Manager” “Disable”
Joomla! Para iniciantes.Joomla! Para iniciantes.Criando
• Nomeando site
• Criando as paginas
• Linkando menu
• Limpeza
Limpar MainMenu “Menu” → “MainMenu”
“Unpublish”
Joomla! Para iniciantes.Joomla! Para iniciantes.Criando
• Nomeando site
• Criando as paginas
• 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
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
Perguntas?Mandem por e-mail!
Perguntas?Mandem por e-mail!