JenniferPayne_ApostilaIniciantesJoomla15.pdf

7/29/2019 JenniferPayne_ApostilaIniciantesJoomla15.pdf

1/132

APOSTILA PARA INICIANTES EM JOOMLA 1.5

POR JENNIFER PAYNE

ESTRITAMENTE PROBIDA A VENDA DESTE MATERIAL. VOC PODE CONSEGU-LO GRATUITAMENTE EMWWW.JENNIFERPAYNE.COM.BR

Agradeo a Jose Berardo, dono da Especializa Treinamentos pelo incentivo para montar este material e ocurso de joomla em recife. Agradeo tambm ao saurabh bhide por ter me permitido traduzir e misturar meu

material ao dele. Por fim, agradeo a todos que ajudam a comunidade Joomla a se solidificar e que queira meajudar divulgando meu material, me indicando ou contratando para trabalhos.


2/132

Consultoria, treinamento, servios em Joomla/Dolphin 7 e criao de layouts HTML/CSS partir de seu layout emimagem ou layout inteiramente meu.

www.jenniferpayne.com.brhttp://jennifer-payne.blogspot.com

@JennyPayneDZN

2

CAPTULO 01 GERENCIAMENTO DE CONTEDO ........................ ......................... ...................... .................... 6

QUAIS AS NECESSIDADES DOS CLIENTES? ..................... ......................... ...................... ......................... ............ 6

Primeira Tela ..................................................................................................................................................................17Segunda Tela ..................................................................................................................................................................17

Terceira e quarta telas .....................................................................................................................................................18Quinta Tela .....................................................................................................................................................................20Sexta tela ........................................................................................................................................................................20Contedos .......................................................................................................................................................................23Site .................................................................................................................................................................................25GLOBAL CONFIGURATION ...............................................................................................................................................28 Site .................................................................................................................................................................................28SITE SETTINGS ................................................................................................................................................................28 System ............................................................................................................................................................................29USER SETTINGS...............................................................................................................................................................30 MEDIA SETTINGS ............................................................................................................................................................30 SESSION SETTINGS ..........................................................................................................................................................30

Server .............................................................................................................................................................................30REVISANDO O CAPTULO... ..............................................................................................................................................31

CAPTULO 02 COMPONENTES, MDULOS E PLUG-INS ...................... ...................... ......................... ...........32

Funcionalidades do Joomla ...................... ......................... ...................... ......................... ......................... ......................33TABELA COMPARATIVA ENTRE COMPONENTES, MDULOS E PLUGINS ..............................................................................33 Estruturando o site ..........................................................................................................................................................33INSTALANDO EXTENSES................................................................................................................................................36 ENTENDENDO COMPONENTES .........................................................................................................................................39

PASSO #1: ESCREVA O NOME DO SITE .......................... ...................... ......................... ......................... ..............52

1. INICIAL .....................................................................................................................................................................55 2. COMO OS BABUNOS SE PARECEM ..........................................................................................................................55 3. VIDA SOCIAL DOS BABUNOS ...................................................................................................................................55 4. TIPOS DE BABUNOS................................................................................................................................................55

PASSO #3: CRIE LINKS DE MENU ............................................ ....................... ......................... ......................... .....56

VISUALIZANDO NOSSOS LINKS NO FRONT-END................................................................................................................61


3/132



@JennyPayneDZN

3

1. TODA ESTA BAGUNA NO SITE DEVER SER LIMPA, DE FORMA QUE APAREA APENAS COISAS RELACIONADAS AOSNOSSO BABUNOS NO SITE. ............................................................................................................................................61 2. QUANDO O SITE FOR VISITADO ATRAVS DE LOCALHOST/JOOMLABETA, A PGINA HOME QUE CRIAMOS SERMOSTRADA. ....................................................................................................................................................................62 3. TODOS OS OUTROS LINKS PARA O MENU DEVERO SER REMOVIDOS .....................................................................62 VARRENDO PARA DEBAIXO DO TAPETE ..........................................................................................................................63 1. CONFIGURAR O NOME DO SITE................................................................................................................................67 2. CRIAR AS PGINAS SEM CATEGORIAS (HOME,ABOUT US, ETC...) ..........................................................................67 3. CRIAR A SEO (DEPARTMENTS) ...........................................................................................................................67 4. CRIAR UMA CATEGORIA PARA CADA DEPARTAMENTO .............................................................................................67 5. ADICIONAR PGINAS/ITENS DE CONTEDO NESTAS CATEGORIAS ..........................................................................67 6. ADICIONAR LINKS PARA TODAS AS COISAS ACIMA NO MENU ...................................................................................67 7. ORGANIZANDO A PGINA.........................................................................................................................................67

PASSO #3: CRIAR UMA CATEGORIA PARA CADA DEPARTAMENTO ...........................................................69

PASSO #5: ADICIONAR PGINAS/ITENS DE CONTEDO NESTAS CATEGORIAS .......................................70

1. FACULTY:UMA PGINA SOBRE O CORPO DOCENTE DO DEPARTAMENTO ...............................................................71 2. FACILITIES:MOSTRA TODOS OS LABORATRIOS E MAQUINRIOS ..........................................................................71

3. PROJECTS:MOSTRA TODOS OS PROJETOS LEGAIS FEITOS POR ESTUDANTES NO DEPARTAMENTO......................71

STEP #6: ADICIONAR LINKS PARA TODAS AS COISAS ACIMA NO MENU ...................................................72

STEP #7: ORGANIZANDO A PGINA ....................... ...................... ......................... ......................... ......................74

CLIQUE EM COMPONENTES ->ENQUETE .................................................................................................................79 CLIQUE EM NOVO .....................................................................................................................................................79 PREENCHA OS CAMPOS NECESSRIOS ....................................................................................................................79 ATENOESSE CAMPO SEGUNDOS ENTRE VOTOS DEFINE O TEMPO NECESSRIO PARA VOTAR NOVAMENTE NAPESQUISA .......................................................................................................................................................................79 SALVE .......................................................................................................................................................................79 CLIQUE EM EXTENSES ->ADMINISTRAR MDULO .................................................................................................79 CLIQUE EM VOTAO E EM SEGUIDA NO BOTO PRXIMO ....................................................................................79 PREENCHA OS PARMETROS ...................................................................................................................................79 SELECIONE A ENQUETE DESEJADA ..........................................................................................................................79 SALVE .......................................................................................................................................................................79 ESSE COMPONENTE BEM SIMPLES, VOC APENAS ADICIONA LINKS E DIZ A FORMA DE COMPORTAMENTO AOCLICAR NELE (IR PARA OUTRA JANELA, ABRIR NA MESMA JANELA) ................................................................................79 ANTES DE CRIAR OS LINKS, DEVEMOS CRIAR UMA CATEGORIA PARA ELES. .............................................................79 CLIQUE EM COMPONENTES->WEBLINKS->CATEGORIAS, CRIE UMA CATEGORIA.....................................................80 CLIQUE EM COMPONENTES->WEBLINKS->LINKS E CRIE UM NOVO LINK, PREENCHA OS CAMPOS E SALVE.............80


4/132



@JennyPayneDZN

4

CRIE VRIOS LINKS ...................................................................................................................................................80 V EM MENUS ->MAIN MENU ..................................................................................................................................80 NOVO ->WEBLINKS ->LAYOUTS LISTA DE CATEGORIAS (ESSA OPO MOSTRA TODOS OS LINKS DE UMA CERTACATEGORIA) ...................................................................................................................................................................80 V EM MENU->MAIN MENU ......................................................................................................................................80 CRIE UM NOVO MENU E EM TIPO DE ITEM DE MENU, SELECIONE WRAPPER.............................................................80 DIGITE A URL DESEJADA,(PROCURE O LOCAL NO GOOGLE MAPS) CONFIGURE OS PARMETROS ..........................80 SALVE .......................................................................................................................................................................80 CRIE UM NOVO ITEM DE MENU, DO TIPO CONTATOS ..............................................................................................80 SELECIONE LAYOUT DE CONTATO PADRO ..........................................................................................................80 D UM NOME, SELECIONE O CONTATO NOS PARMETROS .......................................................................................80 SALVE .......................................................................................................................................................................80

CAPTULO 04 SEO, SEF E SEGURANA ....................... ...................... ......................... ......................... ..............81

04.02 - QUE SEO (SEARCH ENGINE OPTMIZATION) ........ ....................... ......................... ......................... .....84

04.03 DICAS DE SEO ......................... ......................... ...................... ......................... ......................... ......................85

04.04 OTIMIZANDO META DADOS ..................... ......................... ......................... ...................... ......................... ...87

NA REA ADMINISTRATIVA DO SITE, CLIQUE EM SITE ->GLOBAL CONFIGURATION.NA ABA SITE, H UM GRUPO DECAMPOS EM METADATA SETTINGS. .............................................................................................................................87 GLOBAL SITE META DESCRIPTIONUMA PEQUENA DESCRIO SOBRE O CONTEDO DO SEU SITE, DE MANEIRAGERAL, ESSA DESCRIO DEVE SER DE FCIL INTERPRETAO POR HUMANOS. ..........................................................87 GLOBAL SITE META KEYWORDSCOLOQUE PALAVRAS CHAVES E FRASES RELEVANTES PARA SEU SITE,SEPARADOS POR VRGULA E GRUPOS DE FRASES ENTRE ASPAS SIMPLES. ...................................................................87 SHOW TITLE META TAGMOSTRA A META TAG TTULO AO VER ARTIGOS. .............................................................87 SHOW AUTHOR META TAGMOSTRA A META TAG AUTOR AO MOSTRAR ARTIGOS.................................................87

04.05 IMPLEMENTANDO SEO EM JOOMLA ...................... ......................... ...................... ......................... ...........88

CAPTULO 05 - LAYOUTS E TEMPLATES ................................. ......................... ...................... ......................... ...99

INSTALE O TEMPLATE COM COLUNAS E O TEMPLATE SEM COLUNAS ......................... ......................... .................... 124 V AT EXTENSIONS ->TEMPLATE MANAGER (EXTENSES ->ADMINISTRAR LAYOUT) ...................... ................. 124 TORNE O TEMPLATE QUE SER UTILIZADO PELA MAIORIA DOS MENUS COMO PADRO ...................... .................... 124 EM SEGUIDA, SELECIONE NO RADIO BUTTON O TEMPLATE SEM AS COLUNAS E CLIQUE NO BOTO EDITAR DO LADOSUPERIOR DIREITO ....................................................................................................................................................... 124 DO LADO ESQUERDO, SELECIONE O RADIO BUTTON SELECT FROM LIST E UTILIZANDO O SHIFT OU CTRLSELECIONE QUAIS LINKS DO MENU ESTE TEMPLATE SER VINCULADO ........................ ...................... .......................... 124


5/132



@JennyPayneDZN

5

SALVE ..................................................................................................................................................................... 125 SEU TEMPLATE SEM COLUNAS AGORA TEM UM SINAL VERDE NA LINHA ASSIGNED QUE MOSTRA QUE ELE NO PADRO, PORM UTILIZADO POR ALGUNS MENUS DO SITE. ...................................................................................... 125

CAPTULO 06 ...................... ......................... ......................... ...................... ......................... ......................... ............ 127

ENVIANDO SEU SITE PARA UM SERVIDOR ....................................................................................................................... 127FAZENDO BACKUP NO JOOMLA!AGORA QUE SEU SITE J TEM SEU NOVO VISUAL, CONTEDOS ESCRITOS E EXTENSESINSTALADAS, J SEF E EST TUDO FUNCIONANDO PERFEITAMENTE, EST NA HORA DE COLOCAR SEU PROJETO NO AR!..................................................................................................................................................................................... 127AGORA QUE SEU SITE J TEM SEU NOVO VISUAL, CONTEDOS ESCRITOS E EXTENSES INSTALADAS, J SEF E EST TUDOFUNCIONANDO PERFEITAMENTE, EST NA HORA DE COLOCAR SEU PROJETO NO AR! ............... ...................... ................. 128ENVIANDO SEU SITE PARA UM SERVIDOR ....................................................................................................................... 128Conhecendo FTP ..................................... ......................... ...................... ......................... ......................... .................... 130


6/132



@JennyPayneDZN

6

Captulo 01 Gerenciamento de Contedo

Esta primeira parte uma das poucas partes tericas desta apostila, que vai ajudar a entender o porque deutilizar o Joomla e quando, alm de informaes vitais sobre este CMS. No Sabe o que CMS? Ta na horade comear a leitura!

O que CMS?

CMS ou Content Management System, um programa desenvolvido para uma fcil gesto decontedo, ou seja, para a criao, edio e manipulao de contedo (dados).

Identificando a necessidade do uso de um CMS

A primeira coisa a ser feita, agora que voc sabe o que um CMS e suas variaes identificarquando voc dever usar um CMS. Primeiramente, como os CMS so feitos para atender snecessidades comuns dos gestores de contedo, ele construdo pensando nas necessidades damaioria.

Se voc pensa em adotar algum CMS para seu projeto, importante saber se seu projeto temalguma particularidade mais complexa ou se um projeto que se utiliza apenas de necessidadesgerais. Aps essa identificao, necessrio pesquisar qual CMS se adaptaria melhor ao seuprojeto e porqu.

Quais as necessidades dos clientes?H alguns pontos que voc deve levar em considerao antes de definir se voc utilizar um CMS ou no.

Quais so as reais necessidades dos clientes?o Ele vai precisar de interatividade no site dele?o Por que ele precisar dessas interatividades?o Que nvel de interatividade?o Quem vai fazer as manutenes do site dele?

Qual a complexidade do projeto?o As funcionalidades do meu CMS atendem s expectativas?o Ter que desenvolver funcionalidades prprias?o Adaptar alguma funcionalidadeo Ser necessrio o desenvolvimento de um layout ou pode ser utilizado um pronto?

Qual o prazo e oramento do projeto?o Qual a data de entrega?o Qual o oramento mximo que aquele projeto tem?o Quais as variveis de custos?


7/132



@JennyPayneDZN

7

O Joomla uma ferramenta bastante completa e poderosa, pode ser utilizada na maior parte dos casos eeconomiza em torno de 70% dos custos e tempo (considerando os custos de criar um layout e desenvolverum sistema inteiro do zero)

O que o Joomla! ?

O Joomla! um WCMS (Web Content Management System), sua manipulao de contedo focado para web e intranets. Para fins didticos, s vezes trato o Joomla! por Joomla ou ainda J!,que so formas comuns de se encontrar na internet.

O Joomla! o WCMS mais popular do mundo e foi criado em 1 de setembro de 2005 quando aequipe de um dos mais populares CMS do mundo o Mambo, entrou em discordncia e resolveramse separar. Uma parte desta equipe fundou o Joomla! que recebeu o fundamento do Mambo e partir disso comearam a desenvolver um projeto slido e que hoje em dia, estima-se que h maisde 5.000.000 de instalaes em servidores pblicos. Mais de 45.000 desenvolvedores registradostrabalhando em mais de 1.100 novos projetos pra extender o Joomla!. H mais de 50.000 usuriosno frum do www.joomla.org. O Joomla! ganhou dois prmios em 2005 de melhor projeto OpenSource e outro para um de seus membros mais ativos pelo seu apoio aos projetos Open Source,hoje em dia o Joomla! considerado um dos 50 mais importantes projetos Open-Source do mundo.O Joomla! j utiliza a tabela de caracteres UTF-8.

A Estrutura do Joomla!

O Joomla funciona da seguinte forma:

A pessoa responsvel pelo site, altera as configuraes do Joomla, digita textos e etc. Essasinformaes so passadas para o mySQL que as salva e quando um usurio acessa o site, omySQL retorna essas informaes para o php que processa e devolve para o usurio como foiplanejado pelo responsvel pelo site.

1. Front-End: o seu site da forma que seus visitantes e usurios registrados vem.

2. Back-End: a rea de administrao, onde voc define como ser a estrutura vsivel de seu site,assim como os recursos do Joomla! que sero utilizados na implementao de seu site. Eg.:Configurao, manuteno, limpeza, criao de esttisticas, reas restritas aos usurios registradose criao de novos contedos. o Back-End fica numa URL diferente do site.

Referncia de pginas em Joomla!

www.joomla.org

www.porsche.com.br


8/132



@JennyPayneDZN

8

http://dsic.planalto.gov.br/

www.cnt.com.br

http://portal.mec.gov.br/

http://www.fortaleza.ce.gov.br/

http://www.tiangua.ce.gov.br

http://www.mitsubishi-motors.com.ve/cms/index.php

http://www.leyendasdetoledo.com/

www.danone.com

http://www.asassaomiguel.com

partir de agora, veremos o mximo possvel de prtica, deixando a teoria para onde for estritamentenecessrio. Vamos ver o que necessrio para instalar o Joomla e como faz-lo.

Suportes do Joomla!

Joomla! Suporta XML-RPC (Remote Procedural Call) que permite que vrios programascomuniquem-se entre si. Eg.: Integre com Joomla! uma imagem do FlickR ou um post do wbloggar.O Joomla! tambm tem uma interface de abstrao que suporta diversos tipos de bases de dados,no momento sua compatibilidade com MySQL 4.x e 5.x.

Ambiente LAMP (Linux, Apache, Mysql, PHP)

O Joomla! foi desenvolvido principalmente para a plataforma Linux, que usa uma estrutura

completamente Open-Source e freeware, mas comum v-lo na plataforma Windows, atravs dainstalao de programas que simulem o ambiente Apache, juntamente com o banco de Dados MySqle PHP. A sua instalao tanto em ambiente windows como em ambiente Linux pode ser executadada seguinte forma:

Instalando o XAMPP

http://www.apachefriends.org/en/xampp.html

Para instalar, existem duas formas:


9/132



@JennyPayneDZN

9

1. Voc faz o download da verso compactada do XAMPP e simplesmente o descompacta na pastade sua escolha

2. Voc faz o download do instalador e procede da seguinte forma

Aps escolher a linguagem, clique next

Escolha o local onde o xampp ser instalado (aconselho fortemente a salvar em C: ou o equivalentedisto na sua mquina)


10/132



@JennyPayneDZN

10

Determine como a instalao dever proceder (faa como abaixo)

Agora que voc j instalou o XAMPP corretamente, d dois cliques no arquivo:

xampp-control.exe


11/132



@JennyPayneDZN

11


12/132



@JennyPayneDZN

12

Digite localhost/phpmyadminno seu navegador

Crie o banco de dados


13/132



@JennyPayneDZN

13

2. Adicione um novo usurio


14/132



@JennyPayneDZN

14

V para PhpMyAdmin e na pgina inicial, clique em Privilgios. Ento clique em Adicionar novo usurio, epreencha o formulrio para criar um usurio. Preencha os campos como descrito na imagem acima e garantatodos os privilgios para este usurio, marcando o boto Marcar tudo. Criei um usurio chamadojoomla_user com password J!12345

Instalando o Joomla! 1.5

Faa o download em http://www.joomla.org/download.html


15/132



@JennyPayneDZN

15


16/132



@JennyPayneDZN

16

Descompacte o arquivo na pasta XAMPP/htdocs/sua_pasta


17/132



@JennyPayneDZN

17

Primeira Tela

A primeira tela voc escolhe a linguagem de instalao do Joomla!

OBS: Se a opo configuration.php writable estiver marcada no no final da instalao, deveremoscopiar um cdigo e criar o arquivo configuration.php na pasta joomlabeta (geralmente acontececom usurios Linux)

Segunda Tela

Mostra as preferncias para uma melhor instalao do Joomla, principalmente para usurios Linux,s vezes acontece da opo configuration.php editvel marcar no, quando isso acontece, significa

que o Joomla no foi capaz de criar um arquivo php necessrio, devido permisses do seucomputador. Ensino como cri-lo mais adiante.


18/132



@JennyPayneDZN

18

Terceira e quarta telas

A terceira tela referente a licena do Joomla!, clique prximo.

A quarta tela especificando as configuraes do BD, incluindo o nome da BD, nome de usurio esenha.


19/132



@JennyPayneDZN

19

Use as seguintes configuraes:

Database Type : mysql

Host Name : localhost

Nome de usurio : joomla_user (se voc utilizou um nome diferente no MySQL, especifique aqui)

senha : J!12345 (ou a que voc especificou para aquele usurio)

Database Name : aula_joomla (ou a que voc criou, se voc utilizou um nome diferente).

Nesta tela, voc providenciou os detalhes da BD MySQL para o Joomla! utilizar para guardar todosos contedos e outras informaes

Recomendaes

recomendado que voc utilize esta base de dados exclusivamente para esta instalao do Joomla!Voc pode criar mais BDs para outras aplicaes.A quinta tela para especificar configuraes FTP para Joomla! Mas como estamos instalando-olocalmente, diga no para FTP e clique PrximaA sexta tela para especificar o nome do Site e senha para o administrador. Preencha o formulriocom o nome do site, seu e-mail e senha para o administrador.


20/132



@JennyPayneDZN

20

Quinta TelaEsta camada de ftp deve ser habilitada quando seu servidor estiver configurado com safe_mode on, que no recomendado pela equipe de segurana do joomla. ento d preferncia servidores apache com osafe_mode off e deixe a tela como est.

Sexta tela

Nome do site: Ttulo do site (tag title)Seu e-mail: e-mail de administrao (e-mail do webmaster do site)Senha do admin: Senha do usurio padro do joomla, admin, atravs dele possvel fazer todas asconfiguraes do seu site, inclusive adicionar novos usurios, por questo de segurana voc ser instrudo adeletar este usurio no captulo 03. Preste muita ateno ao digitar esta senha.Instalar exemplo de contedo: vem com diversas funcionalidades e contedo padro instalado. Euaconselho a voc no utilizar esta funcionalidade para este primeiro projeto, mas que crie uma nova


21/132



@JennyPayneDZN

21

instalao para explorar como o Joomla funciona, caso deseje fazer isso, volte ao passo de instalao doJoomla e crie um novo projeto (com outro banco de dados e todo o resto) e nesta 6 etapa, instale o exemplode contedo, quando isso acontecer uma mensagem de instalao aparecer no lugar do boto. Clique emPrximo e voc acaba de instalar o Joomla! agora, delete o diretrio installation. Deletar este diretrio umamedida de segurana para prevenir que ningum reinstalar o Joomla! utilizando este diretrio.

Criando o arquivo configuration.php

Caso seu configuration.php writable estava em no ento, na ltima tela apareceu um cdigo php

dentro de uma caixa. Copie todo este cdigo e agora v para a pasta joomlabeta e crie um arquivovazio, utilizando o boto direito se for usurio linux, se for usurio windows, crie um documento detexto. Em ambos os casos, renomeie para configuration.php e abra o arquivo. Cole o cdigo quevoc retirou na instalao do Joomla! e cole no arquivo. Salve.

Neste arquivo esto as configuraes que voc gerou na criao do seu site em Joomla! .Configuration.php e configuration.php-dist so arquivos diferentes, no os confunda! No substitua ocontedo do configuration.php-dist pelo cdigo que voc copiou para configuration.php. O arquivoconfiguration.php-dist utilizado apenas quando o instalador web falha, nele voc colocamanualmente a mesma coisa que gerado automaticamente pelo instalador web do Joomla!, s quevoc dever configurar manualmente.

A Estrutura do Joomla!

O Joomla funciona da seguinte forma:

A pessoa responsvel pelo site, altera as configuraes do Joomla, digita textos e etc. Essasinformaes so passadas para o mySQL que as salva e quando um usurio acessa o site, omySQL retorna essas informaes para o php que processa e devolve para o usurio como foiplanejado pelo responsvel pelo site.

1. Front-End: o seu site da forma que seus visitantes e usurios registrados vem.

2. Back-End: a rea de administrao, onde voc define como ser a estrutura vsivel de seu site,assim como os recursos do Joomla! que sero utilizados na implementao de seu site. Eg.:Configurao, manuteno, reas restritas aos usurios registrados e criao de novos contedos,instalao de novas funcionalidades. o Back-End fica numa URL diferente do site.

Direitos de acesso

Usurios registrados, autores, editores, super-administradores e visitantes sem registro vero o sitede forma diferente, assim como as responsabilidades variam de acordo com o nvel de acesso decada um.


22/132



@JennyPayneDZN

22

Grupos de Usurios com acesso Front-End do Joomla!Grupo Direitos de AcessoRegistrado Pode Logar-se e ver o que o visitante

comum no pode.Autor Ele faz tudo que o registrado faz e pode

escrever informaes alm de alterar suainformao. Geralmente h um link no menude usurio para tal

Editor Faz tudo que um autor faz e ainda podeescrever e mudar qualquer informao dofront-end

Publicador Faz tudo que um editor faz e ainda decide otempo de vida de alguma informao do site.Pode publicar e despublicar o que quiser

Grupos de Usurios com acesso ao Back-End do Joomla!Grupo Direitos de Acesso

Gerente Pode criar contedo e ver vriasinformaes sobre o sistema. Eis o que eleno pode fazer:

Administrar Usurios Instalar mdulos ou

componentes Modificar um usurio para super

administrador ou modificar umtrabalho de um superadministrador na opo Site |

Configurao Mandar emails em massa para

todos os usurios Modificar ou instalar templates

ou arquivos de linguagensAdministrador O administrador no pode fazer:

Modificar um usurio para superadministrador ou modificar umtrabalho de um super


23/132



@JennyPayneDZN

23

administrador na opo Site |Configurao

Mandar emails em massa paratodos os usurios

Modificar ou instalar templatesou arquivos de linguagens

Super Administrador Pode executar TODAS as funes doJoomla! Apenas ele pode criar um superadministrador ou modificar um usurio paraSuper Administrador.

Grupo Direitos de Acesso

ContedosOs contedos so dados que sero exibidos para os usurios e sua forma mais simples texto. Pode ser umamsica, vdeo, imagem, links, enfim, entre uma infinidade de possibilidades, os textos podem ser organizadosem categorias. Com a disseminao de blogs e sites de notcias, a forma mais popular o Newsfeed. Aintegrao e administrao de contedos como um Newsfeed tm sido cada vez mais importantes.

Extenses

Componentes, Mdulos, templates e plug-ins so referncias de extenses de Joomla! Tudo ao alcance depoucos cliques.Componentes: O Joomla! foi feito para se adaptar e expandir de acordo com suas necessidades.Soextenses que acrescentem funcionalidades ao Joomla! e geralmente tenha sua prpria rea naadministrao. Eg.: uma loja online, gerenciamento de usurios, frum, sistema de newsletter, galeria deimagens so os mais comuns.Templates: a parte visual do site, alm de cores, tamanho de fontes, background, espaamento, onde serdividido o posicionamento do contedo, menu, enfim, tudo que realmente ligado ao visual e composto depelo menos um arquivo HTML ou PHP, XML e CSS.Mdulo: um campo no front-end que mostra onde os dados de um componente. os mdulos so mostradosem espaos pr-definidos do template. Mdulos especiais pertinentes aos componentes, so usados paraintegrar o contedo da forma desejada em um template. Eg.: Um mdulo mostra a quantidade de usuriosonline, enquanto outro mdulo mostra as 5 notcias mais recentes na pgina inicial do seu site.Plug-ins: Em sua maior parte, responsvel pela camada de comunicao entre o usurio e o Joomla, umexemplo bsico de plugin o tinyMCE, editor de textos do tipo wysiwyg (what you see is what you get) ouvoc tem aquilo que v. Quando voc digita algum texto atravs do tinyMCE ele processa essas informaesem formato HTML por debaixo dos panos e salva no BD, quando o usurio vai ver este texto no front-end, elever exatamente da forma que foi escrito no tinyMCE.

Existem diversas extenses pr-instaladas no Joomla, a cobriremos no prximo captulo.

partir de agora, voc criar o seu primeiro projeto em Joomla e nele voc ver os detalhes dos passos maisimportantes na criao de um projeto. H uma apresentao em formato de tutorial meu no site abaixo.


24/132



@JennyPayneDZN

24

http://www.slideshare.net/JenniferPayne/aprenda-joomla-15-fcil

Este material me inspirou a criar este livro e que uma mistura dos meus estudos em Joomla comos estudos do jovem indiano Saurabh R. Bhide em seu site www.lagoona.in voc encontra a suaobra original para download gratuito, em formato pdf, em ingls.

Gerenciando um site em Joomla

Quando voc instala o Joomla na sua mquina, voc pode gerar um site atravs dela e voc podemodific-lo atravs do seu domnio/nome_do_site, se voc instalou o xampp, no seu navegador,voc deve digitar http://localhost/pasta_que_criou_em_htdocs_do_xampp , se voc utiliza outrasferramentas para simular o LAMP, voc deve acessa-lo de acordo com o que instrudo nestaferramenta/pasta, como por exemplo: http://127.0.0.1/livro .

Para administrar seu novo projeto, tudo que voc tem a fazer digitar no seu navegadorhttp://localhost/seu_site/administrator. Uma rea de login aparecer e voc deve digitar no campologin: admin e senha: (a que voc deu na sexta tela da instalao do Joomla)

OBS: Tire um tempo para imaginar qual o tipo de projeto que voc quer fazer, a idia que o sitecriado por voc utilizando este livro, esteja pronto para ir para internet, veremos como faz-lo no

ltimo captulo.

Ok, chega de teoria e vamos comear a criar nosso site. Para tal, vamos fazer um quick-tour peloBack End do Joomla!


25/132



@JennyPayneDZN

25

Como vocs puderam observar, no topo temos o menu de opes, sua direita, 3 imagens. Umpreview do nosso site, o nmero de pessoas conectadas no momento e se h alguma novamensagem enviada para voc.

Abaixo do menu do topo, h as ferramentas que mostram, dependendo da rea que voc esteja, asopes possveis a ser feitas, tais como: editar, salvar, mandar pra lixeira, deletar, publicar entreoutros. Ao longo do aprendizado, usaremos essas ferramentas naturalmente, elas so bem intuitivas.

Abaixo da barra de ferramentas, os contedos, menus, enfim, os dados da rea de administrao emque voc est, ser mostrada.

Site

Control Panel (Painel de Controle)

A pgina inicial do seu back-end (rea administrativa).

User Manager (Gerenciamento de Usurios)


26/132



@JennyPayneDZN

26

Aqui voc cria ou configura os usurios do seu site. Dependendo dos seus direitos de acesso, elespodem criar, editar ou ver algum contedo preparado para usurios registrados. At agora, voc onico usurio, o admin e voc tem acesso tudo do Joomla! e pode tambm bloquear, mudar o tipodo usurio, deletar entre outras coisas. Vamos agora olhar rapidamente na edio do usurio. UmSuper Administrador, ou seja, voc por default, pode fazer o que quiser com a conta de outrousurio. A nica parte que realmente nos interessa aprender sobre os grupos de usurios e seusdireitos. Clique em site User Manager

Observe que existe no lado direito um conjunto de botes que mostram as possibildades a ser feitasdependendo da rea que voc est, estes botes so auto-explicativos, vamos criar um novo usurioclicando em New (Novo)

Name: Nome do UsurioUsername: Nome de login (sem espao ou caracteres especiais)

E-mail: e-mail do usurioNew Password: senha


27/132



@JennyPayneDZN

27

Verify Password: confirmao da senhaGroup: Nvel de acesso do usurio de acordo como foi mostrado anteriormente

Block user: Permite bloquear usurioReceive System E-mail: O usurio vai receber e-mail do sistema?

Back End Language: Linguagem do backend (voc pode passar o seu Joomla para portugus)Front End Language: : Linguagem do frontend (voc pode passar o seu Joomla para portugus)

Media Manager (gerenciador de Mdia)

Voc pode enviar arquivos para o site, como imagens jpg, gif, png, swf e outros. bastante til casovoc no possa utilizar um programa FTP, como tudo no Joomla, bem intuitivo. Na rea DetailView (Visualizar Detalhes)

No lado esquerdo, voc tem a rea folders, que mostra a strutura de diretrios da pasta images. Nolado direito, voc pode digitar um nome de uma nova pasta e clicar em Create Folder (criar pasta)para cri-la, no utilize espaos ou caracteres especiais. Logo acima, o boto delete, voc podeselecionar, atravs de checkboxes vrias imagens e exclu-las no boto delete. Na rea Upload File,escolha o arquivo e clique em Start Upload. Note que o padro do Joomla tamanho mximo de10mb por arquivo, voc ver como aumentar esse limite atravs das configuraes globais, ficandolimitado ao tamanho padro do php (32mb por padro), que voc pode aumentar, mas para enviararquivos to grandes, utilize um programa FTP, conforme ensinado no captulo 06


28/132



@JennyPayneDZN

28

Agora, tire um tempinho para criar uma pasta e enviar arquivos para elas utilizando o MediaManager.

Global Configuration

As configuraes gerais do seu site ficam aqui. Ex: Tempo de cache, quais tipos de arquivos estoliberados para ser tratados pelo Media Manager e outras variveis.

Site

Site Settings

Site offline e Offline Message Caso esteja marcado em yes, o site entrar em modo de manuteno e amensagem que ser mostrada ao usurio ser o que est escrito em Offline Message. Marque em yes,digite uma mensagem qualquer e salve. No lado superior do seu backend h um link chamado preview,clique nele e veja que a mensagem aparece e seu site no est mais no ar. Acesse novamente o backendatravs dos campos de login que aparecem antes da mensagem de site em manuteno e volte para GlobalConfiguration, marque site offline, no e clique em apply. Esta opo muito til caso voc tenha que fazeralguma alterao de emergncia no site e no quer que os usurios tenham acesso s informaes contidasnele atualmente. Como voc pode logar no backend ainda, voc pode continuar trabalhando normalmente noseu site.


29/132



@JennyPayneDZN

29

Site Name O ttulo do site, o ttulo padro entre a tag de um HTML comum, quando outro ttulono for definido para o site. Para quem desconhece esta tag, sabe quando voc entra em um site e l emcima do navegador e no boto do site na barra de tarefas fica um nomezinho, geralmente Site de fulano detal ou untitled-1 quando o webmaster gera o site utilizando alguma ferramenta e esquece de alterar... isso.Este ttulo de fundamental importncia e voc o conhecer melhor no captulo 02. Voc configurou o sitename que est vendo agora, na ltima etapa da instalao do Joomla, lembra? Modifique-o vontade.

Metadata Settings e SEO Settings

So informaes passadas para robs de busca e descrio do seu site que no aparecem para ousurio normalmente, voc ver mais informaes sobre elas no captulo 03.

System

Nesta rea, as configuraes importantes a conhecer, so:


30/132



@JennyPayneDZN

30

User Settings

Allow User Registration No mdulo login, que veremos adiante, por padro, h um local para que o prpriovisitante se cadastre no seu site, caso voc deseje desabilitado clique no, caso mantenha em yes, vocpode escolher o grupo de acesso padro ao qual ele pertence, em New User Registration Typeassim que secadastre, o recomendado deixar em registered, mas voc poderia deixar em author, caso desejasse fazerdo seu site uma espcie de Wikipdia, com contedo participativo. Lembrando que neste caso, o usurioenviaria o texto, mas ainda precisaria de um publicador para moderar e aprovar o texto. Legal, no?

New User Account Activation Ao registrar-se um e-mail enviado ao usurio com o link para ativao.

sempre bom manter ativado para evitar que o usurio passe um e-mail invlido.

Front-End User Parameters Permite que o usurio configure configuraes como: Editor de texto, linguagemdo site e outras coisas.

Media Settings

Legal Extensions Extenses permitidas de ser manipuladas pelo Media Manager. O resto dosparmetros bem auto-explicativo e geralmente no modificado.

Session Settings

Session Lifetime Durao em que o administrador pode permanecer logado em inatividade. Eusempre aumento este valor para trabalhar com o site sem ter que ficar relogando quando paro parafazer outras coisas, mas lembre-se de voltar para 15 minutos antes de colocar no ar.

Dica: Sempre que modificar alguma configurao no Joomla, clicar em Aplly salva a configurao epermanece na mesma pgina, enquanto Save, salva e te leva para outra pgina, ento, na medidaque for alterando, clique em Apply e quando fizer a ltima modificao naquela rea, clique em save.

ServerEsta rea para usurios um pouco mais avanados, pois lida com as configuraes do seu site noservidor. Voc pode l-las com ateno, mas s modifique caso voc realmente precise e saiba oque est fazendo.

Falando Nisso...

Agora que voc j sabe as configuraes em ingls, que tal traduzir o Joomla para portugus? Mas o seguinte, aps realizar estas modificaes, eu recomendo que voc s utilize em portugus parafins de estudo, descobrir as funes no explicadas neste livro, caso voc no tenha noo deingls. Como a maioria das extenses para Joomla so em ingls, o ideal que voc se habitue autilizar o backend em ingls. Voc poder instalar o idioma portugus no prximo captulo.


31/132



@JennyPayneDZN

31

Revisando o captulo...

At agora, voc viu quando utilizar o Joomla, como instal-lo, como criar novos usurios e comoenviar imagens atravs do Media Manager, alm das configuraes principais da rea administrativadele.


32/132



@JennyPayneDZN

32

Captulo 02 Componentes, Mdulos e Plug-ins

Neste Captulo voc vai aprender sobre extenses, as principais diferenas entre elas, vai comear a gerarcontedo para seu projeto e instalar algumas extenses alm de liberar as extenses padro do joomla, deacordo com as necessidades do seu projeto.

Funcionalidades do JoomlaTabela comparativa entre componentes, mdulos e plug-ins

Estruturando o site Planejando quais extenses utilizar em nosso site. Instalando novas Extenses

Implementando as extenses padro do JoomlaEntendendo ComponentesQuais os componentes padro do JoomlaO que eles fazemComponentes de terceiros


33/132



@JennyPayneDZN

33

Funcionalidades do Joomla

Estas funcionalidades so as chamadas extenses do Joomla e como voc viu no captulo anterior,h 04 tipos de extenses: Componentes, Templates, Mdulos e Plugins. Fora o template, que nadamais do que o layout, a carinha do site, as outras extenses so as realmente agregadoras defuncionalidades e requer um pouco de ateno sua sobre suas diferenas. Abaixo, uma tabelacomparativa entre elas.

Tabela comparativa entre componentes, mdulos e plugins

Componentes Mdulos Plugins

Geralmente necessita derea administrativa, e spode ter um por vez narea principal do seu site.

Ex: Artigos, formulrio decontato, frum, e-commerce

So cdigos mais simplesonde podem (ou no) serpassados parmetros deconfigurao no backend.

Podem existir vrios namesma pgina e muitasvezes so usadas comoapoio para oscomponentes. Ex:Enquete, ltimas notcias,HTML personalizado

O canal de comunicaoentre o usurio e oJoomla, voc podeadicionar funcionalidades

exclusivas disparadas porevento, no backend emuitas vezes dentro deartigos e contedos.Pode ou no terparmetros associados aeles. Ex. TinyMCE, PluginGoogleMaps

Estruturando o siteA instalao de novas extenses vm da necessidade de possu-las e para tal, necessrio saber aonde equais utilizar. Para entender esta necessidade, recomendo fortemente que voc pegue um lpis, papel,borracha e comece a preparar a estrutura do seu site.Como exemplo para o livro, vou imaginar um portflio online para meus trabalhos.

Primeira Etapa, descrever o bsico do site

Nesta etapa, voc ir dividir as informaes que so necessrias ao seu site em links no menu.

1. Sobre Mim Texto resumo sobre minha vida profissional (minha pgina inicial)2. Sites e Portflios Texto resumo sobre este tipo de trabalho


34/132



@JennyPayneDZN

34

a. Sites Detalhamento sobre este tipo de servio e abaixo, miniatura de alguns destes trabalhos,ao clicar a imagem fica maior

b. Portflios - Detalhamento sobre este tipo de servio e abaixo, miniatura de alguns destestrabalhos, ao clicar a imagem fica maior

3. Projetos Grficos Texto resumo sobre este tipo de trabalhoa. Impressos Detalhamento sobre este tipo de servio e abaixo, miniatura de alguns destes

trabalhos, ao clicar a imagem fica maiorb. Identidades Visuais - Detalhamento sobre este tipo de servio e abaixo, miniatura de alguns

destes trabalhos, ao clicar a imagem fica maior4. Modelagem 3D - Detalhamento sobre este tipo de servio e abaixo, miniatura de alguns destes

trabalhos, ao clicar a imagem fica maior5. Currculo Meu currculo, com algumas informaes e link para Download dele.6. Contato Formulrio de contato, mostrando algumas informaes minhas.

Apenas com essa descrio bsica, descobri que alm de textos, terei uma galeria de imagens em quasetodos os links do meu site.

Segunda Etapa, adicionando funcionalidades ao siteAlm do que voc viu anteriormente, eu dou aulas, participo ativamente de alguns grupos de Joomla emantenho um blog. No seria interessante se os meus usurios fossem capaz de ler as atualizaes do meublog no meu prprio site? Agora que escrevi um livro, no seria legal se voc pudesse acompanhar algumasdas novidades sobre ele, como erratas, por exemplo? E se voc pudesse escolher entre uma gama deassuntos o meu prximo livro ou qual novo artigo publicaria no meu blog? Isto tudo possvel com o Joomla eso formentados atravs das Extenses. Ento, eu vou adicionar um link chamado Blog, que ser alimentadocom as atualizaes do meu blog e tambm um chamado Novidades, onde eu escrevo coisas relacionadas minha vida profissional que considero relevante. Para facilitar o entendimento visual, vou criar o que chamado de wireframe, que nada mais do que um rascunho visual da estrutura do meu site, eu, Jennifer,sempre fao esta segunda etapa em um papel primeiro.

Primeira PginaGeralmente a primeira pgina do seu site diferente das demais, porque nela voc mostra certos trechos docontedo do site, para que o visitante saiba o que o aguarda no site no momento que ele entra. Voc sabiaque a deciso tomada pelo usurio de navegar no seu site decidida entre 0 e 30s? pois , por isso, decidimostrar a minha primeira pgina da seguinte forma:


35/132



@JennyPayneDZN

35

Pginas InternasSe o usurio clicou em algum dos links do seu menu porque ele descobriu que algo no seu site o interessa,neste intervalo de 30s! Sinta-se honrado! Nas pginas internas hora de dar a ele o que voc prometeu napgina principal! Como meu o menu do meu site muito parecido internamente eu criei apenas uma pginainterna, voc deve descrever quantas sejam necessrias.


36/132



@JennyPayneDZN

36

As pginas que no tiverem galerias, sero apenas o contedo, simples e objetivo.

Pronto! Agora que voc definiu a estrutura do seu site, eu digo site, porque menor de digitar, mas quando eudigo site, me referindo ao projeto criado pelo Joomla, me refiro a sistemas online. O Joomla, mesmo semextenses, capaz de criar reas administrativas e muitas coisas que fazem que este conceito de site, sabeaquele? Simples, somente com contedos estticos, sem graa, um fale conosco safado, apenas com o

endereo telefone e e-mail ir para o lixo! Nos dias de hoje, nenhum cliente seu quer menos do que uma reade notcias, formulrio de contato e galeria de imagens, no verdade? Embora ele s est disponvel apagar o preo de um site bsico. O Joomla mais do que perfeito para estes casos!

Instalando Extenses

Instalar extenses um processo muito simples e para comear, vamos instalar agora uma extensoque te interessa bastante, que como transformar o Joomla em portugus. Gostou, n? Vamos l!


37/132



@JennyPayneDZN

37

Tornando o Joomla! em portugus

Voc deve ter percebido que apesar da instalao ter sido em portugus, todo o site est em ingls, tanto nofront-end quanto no back-end. Vou ensinar a vocs como ajustar isso, embora os exemplos de imagem destematerial continuar sendo utilizados em ingls, colocarei para vocs os nomes tanto em ingls quanto emportugus.Acesse: http://www.joomla.com.br/downloads/cat_view/82-traducoes.htmlFaa o download dos arquivosJoomla! 1.5 - Backend pt-BR e Joomla! 1.5 - Frontend pt-BR

Volte para a rea administrativa e clique em Extensions -> Install/Uninstall

No campo Upload Package File clique no boto para procurar o arquivo que voc baixou.Selecione o arquivo, e clique em Upload File & Install

Uma mensagem avisando que foi instalado com sucesso aparecer, repita o processo,instalando a traduo do front-end tambm

Clique em Extensions -> Language Manager Na aba site, aparecer o idioma portugus, selecione portugus no radio button e clique em

default no topo do lado direito (a estrela) V na aba administrator e faa a mesma coisa, se a administrao no mudar

imediatamente para portugus, faa um logout e logue novamente na rea administrativa dosite.

Alguns itens no estaro traduzidos, eu creio que, porque como as tradues foram feitas nasverses anteriores essa (1.5.10) quando produzi este material, algumas variveis devem termudado de nome nos arquivos e ento, os arquivos de traduo no conseguem localizar as antigase o texto permanece em ingls. Mas creio que mais do que 95% permanecero traduzidos e a


38/132



@JennyPayneDZN

38

utilizao do Joomla! em nada ser prejudicada com isso, desde que eu escreverei os caminhos nasduas lnguas.

s vezes voc corre o risco de se perder na rea administrativa do Joomla, quando isto acontecer, logoabaixo o menu, um ttulo aparece dizendo em que rea do site voc est, no nosso caso, Extension Manager.

Note que voc est na aba Install, atravs desta rea que voc pode instalar as extenses no Joomla. Nas

abas ao lado, h a lista das extenses instaladas, separadas por categoria de extenses, d uma navegadapor elas, voc vai notar que algumas delas esto desativadas, em cor cinza, bem, est extenses sofundamentais para o funcionamento do Joomla e por isso no podem ser desinstaladas, o resto, voc podedesinstalar, selecionando a extenso e clicando em uninstall no lado direito da tela.

H 3 formas de instalar componentes, eu utilizo duas delas... uma a que voc utilizou acima utilizando oPackage File, outra forma bem legal utilizando a opo install from URL, voc vai colocar o link dedownload do arquivo e o Joomla instala para voc.

Possveis Problemass vezes ocorre de voc tentar instalar uma extenso e o Joomla dar uma mensagem de erro em vermelho,geralmente so dois erros


39/132



@JennyPayneDZN

39

1. XML not found O Joomla procura em um nvel de zip e a extenso est compactada dentro do zip. Asoluo que voc descompacte o arquivo e tente instalar novamente para o zip correto

2. Failed to move file Voc no tem permisses para alterar os arquivos. D estas permisses (podeacontecer no seu servidor web, neste caso, utilize um programa FTP para faz-lo ou pea ao suportedo seu servidor), caso voc esteja trabalhando no Linux, por segurana dele, isto VAI acontecer, nestecaso, clique com o boto direito, Propriedades -> Permisses e aplique as configuraes de leitura-escrita de arquivos na pasta raiz do seu site.

Entendendo Componentes

uma aplicao no Joomla que mostrado na parte principal (de contedo) do site. Pode ser umarea de download, galeria, frum, no importa. O que voc deve entender, que s pode haver umcomponente por vez na rea principal do seu site, embora, muitos componentes so parte mostradosem mdulos, para poder utilizar sua funcionalidade completa.

Quais os componentes padro do Joomla

Banners (publicidade)

Contacts (contatos)

Newsfeeds

Polls (enquetes, votao)

Search (pesquisa)

Weblinks

Massmail (e-mail em massa)

O que eles fazem

Banners Adicionar banners publicitrios rotativos no seu site, voc cria os clientes, categorias ebanners, define quantos cliques limite aquele banner possui, adiciona cdigo personalizado para ele,e tamanho, link de redirecionamento, entre outras coisas. (Utilizado em conjunto com mdulo).

Criando seus banners


40/132



@JennyPayneDZN

40

Para adicionar novos banners v at a pasta onde est seu site e abra o diretrio images/banners,coloque as imagens que sero seus banners l dentro. Logue na rea administrativa do seu site eclique em Components (componentes) Banners Categorias. Clique em New (Novo). Comotodas as categorias criadas no Joomla, voc deve dar um ttulo, um alias (apelido opcional - sedeixar em branco o joomla cria um alias pra voc - que ser usado para tornar as urls amigveis, verno captulo 03) descrio e demais campos tambm so opcionais.

Agora clique em Banners Clients (Clientes) New (novo). Preencha na ordem dos campos onome do cliente, nome do contato, email do contato e opcionalmente informaes extras sobre ocliente como telefone, o acordo feito, etc.Ex: Soft.Zone, Jennifer Payne, [email protected], clique em Banners banners. Vou descrever as caractersticas mais utilizadas:Nome D um nome para o banner.Categoria Categoria onde o banner se enquadra.Cliente Cliente responsvel pelo bannerExibies Contratadas Voc pode tanto colocar um nmero mximo de cliques que o banner podereceber como marcar a caixinha de ilimitado, caso queria que no tenha limite de cliques para exibir.Url de destino define para que pgina o banner levaSeletor de imagem do banner Escolha a imagem que representa o bannerLargura, Altura Tamanho da imagem (deixe em branco para pegar o tamanho padro da imagem)

OBS: Banners um dos componentes padro que tem como complemento um mdulo. Voc criacategorias, clientes e os prprios banners e escolhe quais categorias sero exibidas e onde atravsdo mdulo banners.

Contacts Voc pode criar categorias de contatos para seu site (Ex: Vendas,SAC, diretoria) evincular contatos a essas categorias. Voc pode dispor de diversas informaes sobre estescontatos (Ex: Telefone, endereo, pas) e depois, criar links de menu no seu site que mostra umnico contato ou uma categoria deles. Os parmetros que iro aparecer sobre este contato so desua escolha, porm o formulrio de e-mail que as pessoas iro preencher padro. Ele exibe osseguintes campos de preenchimento do visitante: Nome, e-mail, assunto, mensagem e se o usurio

quer enviar um cpia de e-mail para si (muito til)Crie uma categoria em Contatos Categorias.Crie um contato em Contatos Contatos.Este componente tem os campos bem auto explicativos. O que as pessoas confundem que estescampos (Ex: telefone, endereo, cdigo postal) no so os campos que voc deseja ter numformulrio de contato. Estes so os campos com os dados pessoais de algum, por exemplo, umfuncionrio da empresa. muito comum criar apenas um contato, cham-lo de Fale Conosco ecolocar nos campos os dados da empresa dona do site. Voc escolhe quais campos exibir no ladodireito e ainda se o formato descritivo do campo aparecer com cones, textos ou nenhum dos dois.Podemos escolher ainda se o contato est vinculado a algum usurio do site (ele envia os dados doformulrio para o e-mail deste usurio), caso no, o formulrio ser enviado ao e-mail digitado no


41/132



@JennyPayneDZN

41

campo e-mail. Quando estivermos explorando os menus, poderemos criar um link para o formulriode contato.

Newsfeeds Voc pode exibir notcias em seu site, criados por terceiros, que compatilham estasnotcias utilizando feeds. (Utilizado em conjunto com mdulo)

Polls Crie uma enquete bsica, onde o usurio vota em algo e pode visualizar os resultadosprvios desta votao, voc pode regular quantos segundos so necessrios antes daquele IP podervotar novamente (ajuda a prevenir spam), no entanto, este componente muito bsico e serexcludo na verso 1.6 do Joomla. (Utilizado em conjunto com mdulo)

Search Permite aos usurios fazer pesquisas de artigos do seu site (Utilizado em Conjunto commdulo)

Web Links Todas as pginas em Joomla pode(m) conter links para outras pginas, no entanto,esta funcionalidade permite que voc organize os links por categorias, ter descrio dos links, saberquantos cliques foram dados em cada um deles e voc ainda pode criar um item de menu onde osusurios do site podem enviar links para seu site!

ATENO: Apenas usurios com acesso acima de autor (author) podem publicar links, ento,cuidado a quem voc concede este direito. E apesar de que se envie o link, apenas os nveis acimade publicador podem permitir que o contedo v ao ar.

Massmail E-mail em massa permite que voc mande e-mails aos usurios registrados. Suasfuncionalidades so limitadas, comparados com os criados por terceiros e til apenas para mandare-mails rpidos para certos grupos de usurios (Ex: Administrator)

Componentes criados por terceiros

Estes componentes padres do Joomla so muito bons, mas pode no ser suficiente para suasnecessidades. Por isso, o Joomla apresenta esta caracterstica onde voc pode criar coisas para oJoomla de acordo com suas necessidades ou utilizar funcionalidades criadas por outras pessoas.Estas funcionalidades so chamadas de extenses. Existem mais de 2.000 extenses criadas paraJoomla e cada uma tem suas particularidades.

Entre os milhares existentes, existem os mais populares como:

Jcal Pro calendriosJoomFish adicionar vrias linguagens ao site, como ingls, espanhol) voc escreve o mesmo textoem vrias linguagens e lista qual artigo aparece em certa linguagemVirtueMart e-commerce


42/132



@JennyPayneDZN

42

Community Builder Uma espcie de orkut para Joomla.sh404SEF Ajuda o Joomla a criar URLs amigveis. Utilizaremos ele para aumentar o SEO (SearchEngine Optmization)JoomlaXplorer Gerenciador de FTP para Joomla. Eu, particularmente prefiro utilizar o Filezilla naminha mquina, para todos os meus sites.Xmap Ajuda a criar mapas de site para o seu sistema em JoomlaDocman Ajuda a gerar e gerenciar reas de download no seu site.ChronoForms Crie formulrios personalizados utilizando esta extenso.AllVideos Exibe vdeos hospedados em outras pginas (Ex: Youtube) de maneira fcil.Ozio Image Gallery Galeria em Flash com vrios tipos de apresentao (3d, carousel e outros)Expos Flash Gallery Galeria em Flash tambm muito bonita


43/132



@JennyPayneDZN

43

Mdulos

Mdulos podem ser pensados da seguinte forma:

Extensor de funcionalidades para certos componentes; Como mini-aplicativos no seu site, mais leves do que os componentes, no tm rea

administrativa, porm podem ser configurados atravs de parmetros Voc pode ter diversos mdulos no seu site, enquanto voc s pode ter um componente por

vezVoc pode pensar nos mdulos como widgets*no seu site.

Configuraes de mdulos

Todos os mdulos tem opes comuns para como o contedo ser apresentado

No lado esquerdo h os detalhes dos mdulos:

Ttulo

Publicado/despublicado Posies (voc pode escolher uma entre as disponveis no template) A ordem entre os mdulos disponveis naquela posio Nvel de acesso

Sobre o nvel de acesso, utilizando essa ferramenta corretamente, possvel criar sitescompletamente diferentes para cada grupo de acesso, modificando a forma como os mdulos sodispostos.

Na parte de baixo esquerda, voc pode escolher em quais items de menu do site aquele mduloser exibido, as opes so: Todos, nenhum e na ltima opo, voc pode utilizar as teclas SHIFT

e/ou CTRL para selecionar mltiplos links no menu onde aquele mdulo ser exibido. Note que omdulo est vinculado ao link do menu e no a pgina qual ele se refere. Ex: Se eu modificar umlink chamado onde estamos, do tipo wrapper para o tipo layout de artigo padro, o mdulo ainda simser mostrado ao ser clicado.

Eu recomendo fortemente que voc desenhe a estrutura do seu site em um papel e nela, mostrequal(is) mdulo(s) sero mostrado(s) em qual(is) parte(s).

*widgets segundo o wikipedia: Um widget um componente de uma interface grfica do utilizador (GUI), o que

inclui janelas, botes, menus, cones, barras de rolagem, etc..


44/132



@JennyPayneDZN

44

Outro emprego do termo so os widgets da rea de trabalho, pequenos aplicativos que flutuam pela rea de trabalho e fornecem

funcionalidade especficas ao utilizador (previso do tempo, cotao de moedas, relgio, ...)

Mdulos padro

Os mdulos padro so divididos em alguns tipos como: Mdulos de contedo, mdulosrelacionados componentes, e mdulos miscelneos (que no se enquadra nas outras categorias

de mdulos)

Mdulos de contedo

Archived Content (Contedo Arquivado) Mostra uma lista de meses de links para todos oscontedos arquivados do site.

Latest News (ltimas Notcias) Mostra uma lista de links dos ltimos artigos adicionados.Infelizmente ele mostra somente contedo de uma certa categoria ou seo especfica

Newsflash (Notcias em Destaque) Mostra notcias randmicas de uma seo ou categoria,voc pode mostrar uma introduo ao texto ou somente seu ttulo.

Most Read Content (Populares) Mostra uma lista de links dos contedos mais clicados no

seu site. Pode mostrar contedos de uma seo ou categorias especficas. H muitasextenses desenvolvidas por terceiros que tratam de contedo melhor que o padro doJoomla, mas no hpa como garantir a confiabilidade ou funcionamento.

Related Items (Artigos Relacionados) Mostra uma lista de links relacionado quele que estsendo visualizado. O Joomla decide a relao atravs do uso de palavras-chave, (metatagkeywords) que voc ver no captulo que trata SEO, SEF e segurana mais a frente.

Sections (Sees) Mostra uma lista de links para todas as sees do seu site. No h umequivalente para categorias.

Random Image (Imagem Randmica) Mostra imagens randomicamente.

Dica:

Voc pode utilizar este mdulo como o topo de sua pgina para mostrar imagens diferentes de topocada vez que o usurio entrar

Custom HTML (HTML Personalizado) Voc pode inserir um contedo HTML personalizado,como um flash atravs da tag , um javascript, um texto ou imagens qualquer

Mdulos Relacionados componentes


45/132



@JennyPayneDZN

45

Alguns componentes do Joomla tm suas funcionalidades completas quando utilizados em conjuntocom certos mdulos.

Syndicate (sindicato) Complementar ao componente sindicato. um RSS feed nocomponente FrontPage. Significa que no importa onde o mdulo sindicato est, s mostrarfeed publicado pelo FrontPage

Obs: FrontPage no est necessariamente na pgina inicial do site. O Joomla define oprimeiro link como a home, o link marcado como default (padro), voc pode mover ocomponente FrontPage para outras reas do site. til para blogs que voc no quer mostrarna pgina inicial.

Poll (Enquete) Utilizado com o componente votao, mostra uma enqute e suas perguntas

Mdulos Miscelneos

Login Mostra um formulrio para usurios se registrarem ou logarem. Menu Mostra os menus do site. Whos Online (Quem est online) Mostra o nmero de usurios registrados e online no site

naquele momento. Statistics (Estatsticas) Mostra informaes sobre os visitants e/ou informaes tcnicas do

servidor. Feed Display (Mostrar Feeds) Mostra um feed, como o componente Newsfeed que pode

mostrar um feed no contedo. Wrapper (iframe) Carrega uma pgina externa dentro de um mdulo, como o do

componente. til para carregar diferentes contedos de dentro de areas pequenas do site.

Mdulos de Terceiros

Abaixo, uma lista de mdulos interessantes para Joomla 1.5

JPG Flash Rotator 2 (Imagens Aleatrias)http://www.joomlashack.com

Jumihttp://www.vedeme.cz

AdSense Modulehttp://www.joomlaspan.com

Plugins

Plugins So geralmente uma janela de comunicao entre o Joomla e o usurio. Um bom exemplode um deles o editor de texto tinyMCE. Ex: Um autor digita e formata o texto adicionando imagens,


46/132



@JennyPayneDZN

46

swf, links e o tinyMCE vai gerando um cdigo HTML por trs. Quando o usurio salva, o tinyMCEsalva estes arquivos no Banco de Dados e quando o visitante do site vai visualizar aquele artigo, oBD devolve o texto de acordo com o que foi projetado pelo autor, atravs do tinyMCE.

O que voc vai perceber que voc no gerencia os plugins com a mesma freqncia quecomponentes e mdulos.

Plugins Padro

Autenticao (Authentication) Joomla tem vrios plugins que permitem integrao daautenticao de login com outros sistemas como Gmail, OpenID e LDAP.

Content-Code Highlighter Este plugin ir destacar cdigo no contedo (quando voc usa atag )de acordo com os padres GeSHi

Content-Email Cloaking (Camuflagem de e-mail no contedo) Este plugin convertequalquer endereon de e-mail em JavaScript. Desta forma, e-mails no seu contedo no sodetectveis por programas para gerar spam.

Content-Load Modules (Carregar Mdulos no contedo) bem interessante, quando vocprecisa carregar um mdulo em uma rea especfica do site. Voc pode carregar um mdulodentro do contedo de um artigo escrevendo [loadpositions user2] onde voc quiser que o

mesmo aparea. Botes: Image, Pagebreak(Quebra de pgina) and Readmore (leia mais) Este plugincontrola estes botes no editor de artigo.

Editors H 3 opes de editores no Joomla Padro: No Editor, TinyMCE e Xstandard Lite. Search (Pesquisa) Controla a indexao e pesquisa de contedo. System Legacy (Sistema - Legado) Permite que voc utilize extenses desenvolvidas

para Joomla 1.0.x desde que as mesmas tenham atualizado seu cdigo para rodar no modojoomla 1.5 legacy.

SystemCache Controla o cache do sistema. XML-RPC permite a comunicao entre o Joomla e outros sistemas controlados utilizando

a tecnologia XML-RPC e permite administrar o Joomla remotamente.

Plugins de Terceiros

Assim como para componentes e mdulos, h diversos plugins para o seu site em Joomla.

Dica: H mais de 4.430 extenses desenvolvidas para Joomla at o momento, delas, h em mdia2.000 extenses para Joomla 1.5 Native e Joomla 1.5 Legacy que so gratuitas. Vale muito a penavoc dar uma olhada neste endereo http://extensions.joomla.org/ e dar uma conferida nasextenses oferecidas para voc!

Incluindo Mdulos e Plugins em artigos


47/132



@JennyPayneDZN

47

bem comum a necessidade de inserir um mdulo ou plugin dentro de artigos, pode ser um banner,HTML personalizado, enquete ou outros tipos de mdulos e plugins.

Incluindo mdulos

Crie ou edite um artigo qualquer e na rea onde voc quer que o mdulo seja carregado, digite{loadposition posicao_onde_o_modulo_esta}, o Joomla carregar todos os mdulos que estoprogramados para aparecer naquela certa rea. O problema disso que se h outros mdulospossveis, ele carregar neste lugar.

A soluo simples, no mdulo que voc deseja carregar no artigo, no lugar da posio, apague aposio atual e digite uma que voc saiba a que se refere, de preferncia nica. Note que o fato devoc ter criado esta nova posio, no significa que ela est inserida em seu template (voc veresse assunto com mais detalhes no Captulo 04). Pronto! Aps renomear para algum nome semespao ou caracteres especiais, no meu caso criei uma posio jennifer no mdulo, no artigo eucolocaria assim: {loadposition jennifer}.

Incluindo Plugins

As palavras entre chaves {} nos artigos significam para o Joomla que so parmetros a serinterpretados. No caso do {loadposition}, significa carregar os mdulos da posio dada naquelelocal especfico do artigo.

No caso de Plugins, quando o plugin do tipo Content, voc pode inserir este plugin dentro dosartigos, mas os parmetros variam de acordo com o plugin. No final deste livro, voc trabalhar como plugin Plugin Google Maps, ele foi feito para a verso do Joomla 1.0.x mas pode ser utilizado naverso 1.5 ele utiliza o seguinte parmetro {mosmap} para ser carregado, o que ele faz carregarum dado mapa do Google seguindo os parmetros totais dados por voc. Cada plugin tem umaforma nica de ser carregado.

Incluindo SWF no Joomla

H duas formas de inserir um SWF no Joomla, uma delas (a mais simples) colocar a tag como seria feito num HTML normalmente no mdulo custom HTML (HTML personalizado) eadicionar as seguintes tags:


48/132



@JennyPayneDZN

48

Note que h alguns parmetros que devem modificados por voc. width e height definem altura elargura do swf, loop define se seu arquivo ficar se repetindo em loops, play define se seu arquivocomea ao ser carregado ou ser executado ao clicar em algum boto para iniciar, por exemplo,wmode, se o fundo do swf ser transparente ou no ( isso mesmo! seu swf pode ter fundotransparente! Caso voc no tenha criado um objeto com cor-de-fundo no fundo, claro!) o src=defineonde est o arquivo swf que voc est colocando.Escolha o mdulo onde seu swf vai aparecer, e pronto!

Outra forma inserir o cdigo diretamente no arquivo, o que acontece que por padro o Joomlaprobe os usurios de inserir HTML dentro de artigos para proteo do site, h como permitir essasinseres, logue como super administrador. V em Content Article Manager (ContedoAdministrador de Artigo) em Parameters (parmetros), role a rolagem para baixo e onde tem filteringoptions, filtering groups, selecione todos os os grupos, menos o super administrador utilizando oSHIFT ou o CTRL e marque a opo Blacklist (Default). Salve e pronto.

Ainda assim alguns cdigo no podero ser inseridos, h diversos plugins que permitem a inserode html e php dentro de artigos no Joomla.


49/132



@JennyPayneDZN

49

Criando seu primeiro site em Joomla!

Este passo-a-passo que voc ver a seguir uma mistura dos meus estudos em Joomla com osestudos do jovem indiano Saurabh R. Bhide em seu site www.lagoona.in voc encontra a sua obraoriginal para download, em formato pdf, em ingls.

H uma apresentao em PowerPoint criada por mim na internet que mostra essas etapas nacriao de sites simples em Joomla e est disponvel gratuitamente em:

http://www.slideshare.net/JenniferPayne/aprenda-joomla-15-fcil

Agora voc aprender a:

Instalar o Joomla! Criando seu primeiro site em Joomla! : Babunos Criando seu segundo site em Joomla! : Faculdade de Engenharia Modificando o Template Enviando o website para um servidor de hospedagem na web

Gerenciando um site em JoomlaGerenciar um site em Joomla! principalmente sobre logar o painel administrativo e adicionar oueditar contedo.

Ento, quando voc vir um site criado em J! o front-end que mostra algum contedo da BD. Todosos dados, direto dos links no menu, informao sobre usurios guardada na BD. A interfaceadministrativa te permite editar esta base de dados, te dando portando, controle total sobre o site.

Seu primeiro site em Joomla! : Babunos

Agora que instalou J! No seu computador, vamos criar seu primeiro site em J! .

Se voc procedeu de forma correta at agora, seu site dever estar acessvel atravs do endereono seu navegador http://localhost/joomlabeta e voc ter acesso rea administrativa atravs dehttp://localhost/joomlabeta/administrator . Escolha qualquer assunto para seu primeiro site. Euescolhi o assunto babunos.

Caso voc no saiba, babunos so animais similares aos macacos. Ento, vamos criar um sitesobre babunos.


50/132



@JennyPayneDZN

50

Wikipdia tem muitas informaes sobre babunos: acesse http://en.wikipedia.org/wiki/Baboons paramaiores detalhes. Eu as utilizei para a criao deste site que ser muito simples e consiste de 4pginas.

Veja como faremos nosso site em 4 passos fceis:

Escreva o nome do site Crie as pginas Faa links de menu para estas pginas Remova o desnecessrio no site

Ok, chega de teoria e vamos comear a criar nosso site. Para tal, vamos fazer um quick-tour peloBack End do Joomla!


51/132



@JennyPayneDZN

51

Como vocs puderam observar, no topo temos o menu de opes, sua direita, 3 imagens. Umpreview do nosso site, o nmero de pessoas conectadas no momento e se h alguma novamensagem enviada para voc.

Abaixo do menu do topo, h as ferramentas que mostram, dependendo da rea que voc esteja, asopes possveis a ser feitas, tais como: editar, salvar, mandar pra lixeira, deletar, publicar entreoutros. Ao longo do uso, usaremos essas ferramentas naturalmente, elas so bem intuitivas.

Abaixo da barra de ferramentas, os contedos, menus, enfim, os dados da rea de administrao emque voc est, ser mostrada.

System Info

Localizado em Help|System info, dividido em 5 sub-areas. Falaremos dela de acordo com nossasnecessidades.

System InfoConfiguraes do PHPConfigurao do ArquivoPermisso de diretriosInformao do PHP

Site Menu

So as configuraes aplicadas todas as pginas individuais e de seu servidor. Todas elas estoresumidas no menu do site. Fica na barra de menu do topo do back-end.

Painel de ControleGerenciamento de UsurioGerenciador de mdiaConfiguraoLogout

Painel de Controle

Voc utiliza para mudar entre as vrias reas da administrao selecionando um item de menu ouclicando nos cones mostrados.

Gerenciamento de Usurios


52/132



@JennyPayneDZN

52

Aqui voc cria ou configura os usurios do seu site. Dependendo dos seus direitos de acesso, elespodem criar, editar ou ver algum contedo preparado para usurios registrados. At agora, voc onico usurio, o admin e voc tem acesso tudo do Joomla! e pode tambm bloquear, mudar o tipodo usurio, deletar entre outras coisas. Vamos agora olhar rapidamente na edio do usurio. UmSuper Administrador, ou seja, voc por default, pode fazer o que quiser com a conta de outrousurio. A nica parte que realmente nos interessa aprender sobre os grupos de usurios e seusdireitos.

Media Manager (gerenciador de Mdia)

Funciona como um FTP para voc enviar

Documents

JenniferPayne_ApostilaIniciantesJoomla15.pdf