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

•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

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● Instalando

● Browser: localhost/Joomla/

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

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

ContatoContato

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

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

Site: http://jmmadruga.com.br

Tchelinux: www.tchelinux.org

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

Perguntas?Mandem por e-mail!

joomla! para iniciantes

Technology

guitarra - para iniciantes

piano para iniciantes

investimentos para iniciantes

palestra joomla day brasil 2014 - extensão de webservice...

xadrez para iniciantes

bioestatística para iniciantes

fotografia para iniciantes

ppci para iniciantes

informática para iniciantes

filosofia para iniciantes

linux para iniciantes

joomla! para iniciantes - djonatan buss, jerônimo medina...

joomla x wordpress cms - gerenciadores de conteÚdo ·...

teatro para iniciantes

hardware para iniciantes

aprendendo asterisk – manual para iniciantes · pdf...

joomla para dispositivos móveis

contabilidade para iniciantes

broffice para iniciantes

cozinha para iniciantes