C u r s o J o o m l a I n f o b i t s

2012

Joomla! Guia básico de estudos Joomla 1.5

Joicy Xavier

Índice 1

Índice

Introdução.................................................................................................. 2

O que é um Sistema Gerenciador de Conteúdo? (CMS) ............................. 2

História do Joomla! .................................................................................... 2

Instalando... ............................................................................................... 4

Entendendo os conceitos do Joomla! ......................................................... 8

Trabalhando no conteúdo .......................................................................... 9

Extensões ................................................................................................. 14

Finalizando... ............................................................................................ 17

Introdução 2

Introdução No atual mundo acelerado da Internet, se você tiver um website que não possua uma rica funcionalidade ou conteúdo atualizado, você estará em desvantagem em relação aos que possuem. A idéia de potencializar websites com o Sistema Gerenciador de Conteúdo (CMS) já está presente há algum tempo, mas apenas recentemente, com o advento dos scripts CMS open source (código aberto) de alta qualidade, como o Joomla, que você e eu podemos, finalmente, usar estas poderosas ferramentas CMS.

O que é um Sistema Gerenciador de Conteúdo? (CMS)

O que exatamente é um CMS? Para começar, vamos olhar para o desenvolvimento histórico das páginas web. Conceitualmente, há dois aspectos de uma página web: o seu conteúdo e a apresentação deste conteúdo. Durante a última década, houve uma evolução em como estas duas partes interagem: • Páginas web estáticas – o conteúdo e a apresentação estão no mesmo arquivo. • Páginas web em folhas de estilo em cascata – conteúdo e apresentação estão separados. • Páginas web dinâmicas – conteúdo e apresentação estão separados da página web em si. Um CMS separa totalmente o conteúdo das páginas do seu formato gráfico. Isto torna mais fácil para manter o site amplamente coerente no design e fácil de alterar. Também torna a adição de conteúdo fácil para pessoas não-técnicas. A gama de CMSs disponíveis é extensa desde versões de escala empresarial, que custam $300.000, até versões open source, como o Joomla, que são gratuitas. CMSs modernos são geralmente definidos pela sua capacidade de gerenciar e publicar conteúdo. Eles tipicamente têm um processo de trabalho que começa na criação do conteúdo e segue para a publicação. A maioria faz muito mais: Eles têm a capacidade de adicionar uma grande gama de extensões ou plugins para dar ao site mais funcionalidade. De fóruns a boletins, Joomla tem mais de 2000 extensões plugáveis disponíveis, muitas das quais são grátis e criadas por desenvolvedores voluntários de todo o mundo. O repositório oficial está em extensions.joomla.org.

História do Joomla! Joomla é um poderoso CMS open source que tem crescido em popularidade desde a reformulação do “Mambo”, em 2006. Suas duas características-chave – facilidade de administração e flexibilidade de modelagem – o tem levado a ser usado para potencializar tudo, desde Intranets empresariais até sites de escolas de bairro. O Mambo foi originalmente desenvolvido por uma companhia, com sede em Melbourne (Austrália), chamada Miro, em 2000. A Miro liberou publicamente seu código pelos nomes de Server Site Mambo e depois Mambo Open Source na versão 3 em abril de 2001 sob a licença GNU GPL. Em 2004, a Linux Format premia Mambo como “Melhor Projeto de Software Livre” do Ano e Linux User and Developer a nomeia como “Melhor Software Linux ou Open Source”. Antes de tudo, o modelo Mambo oferecido torna-se o mais ef iciente e invejado “Sistema Gerenciador de Conteúdo do Dia”.

História do Joomla! 3

2005 traz mais prêmios importantes como “Melhor Solução Open Source” e “Melhor do Show – Solução Total de Indústria” no LinuxWorld Boston e “Melhor Solução Open Source” no LinuxWorld São Francisco. Lamentavelmente, em agosto de 2005, uma disputa se desenvolve envolvendo o cumprimento de decisões dentro do Comitê de Condução do Mambo. Todo o diretório interno decide romper os laços com a Miro e deixar o projeto. Eles se reagrupam com o nome de Open Source Matters (Questões Open Source). Após uma séria limpeza, polimento e reforma, Open Source Matters criou o Joomla 1.0 em setembro de 2005. Nos meses seguintes, o Mambo também reforma suas próprias equipes e estruturas de suporte, abandonando o trabalho avançado na versão original 4.5.3 e optando por continuar a sustentar o atual código base estável. Com o tempo nos conduzindo bem para 2006, tanto Mambo quanto Joomla continuam a ganhar prêmios, ambos sendo pesadamente baseados no código base original 4.5.2. Na época desta descrição, ambos os projetos estavam envolvidos em pesados esforços de aprimoramento do novo Mambo 4.6 e Joomla 1.5. Mambo hoje – mesmo nome, mesmo código base, equipe diferente. Joomla hoje – nome diferente, mesmo código base, mesma equipe.

Principais características do Joomla!

Código aberto (Licença GPL);

Sistema simples de fluxo de aprovação;

Arquivamento para conteúdo não utilizados (Lixeira);

Gerenciamento de banners;

Sistema de publicação para o conteúdo;

Sumário de conteúdo no formato RSS;

Busca otimizada (qualquer palavra registrada);

Front-End já traduzido em várias línguas;

Fácil instalação para novos templates, módulos e componentes;

Hierarquia para grupos de usuários;

Editor de conteúdo WYSIWYG;

Sistema de enquete simples (com acompanhamento de resultado em tempo real);

Sistemas de índices de avaliação;

Extensões livres em diversos sites (Módulos, Componentes, Templates,Traduções);

Comunidade desenvolvedora grande e ativa.

Limitações

Pouco controle (documentação) do conteúdo de cada versão;

Restrito ao uso com o MySQL;

Vários desenvolvedores, porém ausência de padronização.

Instalando... 4

Instalando...

A maneira mais fácil para começar com Joomla! é instalá-lo no seu computador. O localhost é

o ambiente perfeito para aprender a usar o Joomla!, pois facilita caso precise editar algum

arquivo, trocar imagens, etc, além de ser recomendável desenvolver ou atualizar seu site

primeiro em um ambiente de testes para depois hospedá-lo na web.

Para a instalação local, você precisa em primeiro lugar, baixar um programa simulador do

Banco de Dados e servidor. Use o programa de sua preferência, podemos citar como exemplo

o WAMP e o XAMMP.

Depois de instalado descompacte o arquivo do Joomla dentro da pasta correspondente ao seu site .Você pode baixar a instalação em: http://www.joomla.org/download.html , crie um banco de dados para seu site, mas não crie nenhuma tabela.Acesse o navegador e digite o endereço http://localhost/<meusite>. Para instalar o Joomla 1.5 siga os seguintes passos: Acompanhe as instruções e ilustrações passo a passo:

Primeiramente, você apenas seleciona sua linguagem de preferência e clica em "Próximo".

Neste passo serão enumerados diversos itens e seus respectivos valores. Você não precisa

clicar ou preencher nada, apenas observe os requisitos e configurações recomendadas

atentando para que todos os valores sejam "Sim".

Instalando... 5

A próxima tela refere-se à aceitação da Licença GNU/GPL referente ao uso livre o Joomla!, clique em

próximo.

Este passo é muito importante pois irá configurar as informações básicas do banco de dados

da sua página. Complete as configurações com os dados do seu banco.

Configurações básicas:

Tipo de Banco de Dado: mysql

Nome do Servidor : localhost

Nome de Usuário :

Senha :

Nome do Banco de Dados:

Instalando... 6

Configurações avançadas:

Remover Tabelas Existente: deixe desmarcado Backup de Tabelas Antigas: deixe desmarcado Prefixo da Tabela: jos_ (Mantenha o sugerido)

A configuração de FTP (File Protocol Transfers) não é necessária na instalação local, por isso

selecione a opção "não" e clique em "Próximo" para continuar o processo.

Na próxima tela você irá informar seus principais dados de identificação do sistema. Informe

seus dados pessoais com "Nome" e "Email”.

Marque a opção "instalar exemplo de conteúdo", para que sua página modelo seja criada com

o template padrão do Joomla. Ele irá facilitar seu entendimento em relação a estrutura e o

posicionamento do conteúdo e dos módulos de sua página padrão.

Instalando... 7

No passo final, o Joomla irá finalizar a instalação lhe falando parabéns pela conclusão do

processo. Por questões de segurança, o Joomla orienta a apagar a pasta "installation". Não

hesite em fazer isso.

Caso isso não aconteça e apareça uma mensagem de erro, repita o processo utilizando outro

navegador. Isso pode acontecer por causa de determinadas configurações dos programas

navegadores.

Vá para o seu navegador favorito e digite "http://localhost/<meusite>" para ter acesso a sua

página padrão do Joomla e "http://localhost/<meusite>/administrator/" para a interface de

administração.

Entendendo os conceitos do Joomla! 8

Este é seu site padrão do Joomla. Agora basta implementá-lo da sua maneira.

Entendendo os conceitos do Joomla! Áreas do Joomla

Quando instalamos o Joomla em um servidor web, automaticamente são instaladas duas

áreas: Área de usuários (Frontend) e Área de administração (Backend), que correspondem

respectivamente ao site principal e um site de administração do site principal.

Área de usuários (Frontend)

Esta área é o próprio o site apresentado na web quando digitamos o endereço no navegador.

Este, como qualquer site web, está acessível para todos os usuários.

Pode-se criar um template (Design) próprio para apresentação das informações, utilizar um

template gratuito disponível pela comunidade Joomla, ou mesmo adequar um site para ter seu

conteúdo mantido com os recursos do Joomla.

O Frontend é um site normal na web, com a diferença que podemos alterar partes de seu

conteúdo diretamente no site.

Área de administradores (Backend)

Este é um site que permite a administração do site principal em relação ao seu conteúdo. É

nesta área onde informamos as partes que irão aparecer no site principal (Módulos,

componentes, etc.), como por exemplo, menu de opções, Notícias, áreas de registros, links,

download de arquivos, etc.

Para acessar a área de administração, devemos fazer o login na mesma, digitando no

navegador o endereço do site, incluindo no final a palavra administrator. Ex.:

http://<seusite/administrator

Basicamente a área de administração abre exibindo o Painel de Controle e um menu superior.

Trabalhando no conteúdo 9

Os itens a serem exibidos no menu e no painel de controle dependerão de como está definido

o seu nível de usuário para área de administração.

Níveis de usuário

Cada usuário que acessa o site principal ou de administração possui um papel. Dependendo

deste papel, o usuário poderá fazer mais ou menos ações/atividades, tanto no site quanto na

área de administração.

Papéis no Site principal (Frontend)

Público| Registrado | Autor |Redator |Editor.

Obs.: Os usuários do frontend não possuem acesso ao backend.

Papeis na Área de administração (BackEnd)

Gerente | Administrador | Super Administrador.

Obs.: Todos os usuário do BackEnd possuem acesso total também ao frontend.

Trabalhando no conteúdo Os templates servem para estrutura e dar forma ao seu website. Além deste o Joomla possui

objetos que são tratados e carregados no template que irão dispor do conteúdo armazenado

dentro do banco de dados do Joomla.

Seções

Uma seção é uma coleção de categorias que se relacionam entre si de alguma maneira. A

seção é parte da hierarquia Seção/Categoria/Conteúdo. A criação de seções pode ser feita no

módulo de administração em Contents > Section Manager.

Categorias

Uma categoria é coleção de itens de conteúdo que se relacionam entre si. A criação de

categorias pode ser feita no módulo de administração em Contents > Category Manager.

Adicionar e Administrar Artigos no Joomla!

1. Adicionar Artigos O Joomla oferece uma maneira singular de você inserir e organizar seu conteúdo. Logo após efetuar o login, a opção de “Adicionar Artigo” é a primeira da esquerda para direita.

Trabalhando no conteúdo 10

Existem dois tipos de editores de texto que podem ser selecionados na Configuração Global na

opção “Editor WYSIWYG Padrão”.

Caso seus artigos utilizem basicamente textos e imagens, aconselhamos o uso do “Editor - Tiny

MCE 2.0”. Esta opção oferece uma interface simples com diversas ferramentas que ajudam o

usuário a inserir elementos nos artigos como imagens e links. Veja a ilustração abaixo:

Trabalhando no conteúdo 11

Há muitos usuários que mantêm um formato padrão em seus artigos e uma a intensa

utilização de elementos hipertextuais como vídeos do YouTube, códigos de links patrocinados,

players de músicas ou scripts para organizar seu conteúdo.

Neste caso aconselhamos o uso do “Editor – No Editor”. Também selecionado na Configuração

Global na opção “Editor WYSIWYG Padrão”.

2. Administrar Artigos Na opção “Administra Artigos” você terá todos seus artigos listados

Trabalhando no conteúdo 12

A interface de Administrar Artigos possui as opções de publicação na parte superior direita. É

importante ressaltar a opção de selecionar artigos de uma mesma seção, categoria e autor.

Isso faz com que você perca menos tempo na procura de um artigo.

Nesta opção você pode indicar a ordem dos seus artigos, determinar sua publicação na página

principal e conferir o número de visitas de cada artigo. Aconselhamos a você não usar a

publicação na página principal, mas sim, usar módulos que exibem artigos de determinadas

seções ou categorias. Isto dará um visual mais original ao seu site.

Seções, Categorias e Menus: Organização do conteúdo no Joomla!

A questão da organização e segmentação de um site pode ser algo não que traga nenhum

problema para alguém que já tenha pensado e planejado todo conteúdo do seu site.

Porém normalmente é necessário quebrar um pouco a cabeça para encontrar a melhor forma

de organizar seu conteúdo em “Seções” e “Categorias”, uma vez que esta é a forma padrão de

organização de artigos no Joomla.

Você precisa segmentar o conteúdo do seu site em Seções. Para segmentar o conteúdo das

Seções existem as Categorias. Isso quer dizer que cada Categoria tem sua Seção definida, mas

cada Seção pode ter várias categorias.

Clique em Administrar Seção, em seguida no botão verde “Novo” para criar suas Seções.

Trabalhando no conteúdo 13

É importante planejar bem a utilização das seções e categorias, principalmente se você

pretende utilizar módulos para exibir diferentes tipos de informação.

Menus

Para criar seu próprio Menu com o Joomla vá ao menu superior da área de administração e

clique em “Administrar Menus”. Assim como nas seções e categorias, clique em “Novo” para

criar seu Menu.

Após criado seu Menu, ele aparecerá listado entre os Menus nativos do site padrão do Joomla

na área de “Administrar Menu”. Para definir os links do seu Menu clique em “Itens de Menu”.

Nesta nova tela clique em “Novo” para criar um novo item para seu menu. Agora você deve

indicar que tipo de elemento você irá criar. O Joomla oferece vários tipos de itens de menu

como artigos, seções, categorias, contatos, componentes, enquetes, links externos e muitos

outros.

Extensões 14

O Joomla liga seu item ao conteúdo selecionado sem você se procupar com urls. Além disso,

você pode selecionar um público específico para ter acesso a determinado menu.

Para definir sua página principal. escolha como padrão (selecione um item e clique na estrela

amarela "Default") seu item que você definiu como conteúdo da página principal.

A comunidade de colaboradores do Joomla também oferece vários extensões com a função de

Menu. Confira na página de Extensões para Menu do site do Joomla!

Extensões O Joomla é um sistema formado por elementos com diferentes funções e características. Entre

os principais elementos que compõem o sistema podemos destacar as extensões pela

importância de seu uso. Algumas extensões são comercializadas, mas a maioria segue o

caráter livre e podem ser baixadas no próprio site do Joomla, na seção de Extensões.

O Joomla padrão inclui diversas extensões nativas que contêm os sistemas e funções básicas.

Porém, é muito importante você perceber que o Joomla é uma comunidade em frequente

aprimoramento. Por isso fique atento às novas extensões disponibilizadas pela comunidade

Joomla.

É importante ressaltar que a Comunidade em torno do Joomla é baseada no código livre. Isto

implica que você pode fazer alterações no código das extensões para suprimir as diferentes

necessidades de sua página, lembrando sempre de disponibilizar de volta para comunidade o

código alterado e implementado.

Tipos de Extensões:

- Componentes – São extensões com funcionalidades específicas, e algumas vezes mais

avançadas, no conteúdo de um site Joomla. Existe uma diversidade de componentes com

diferentes funções. Entre alguns importantes podemos citar: lojas virtuais, comentários,

enquetes, sistemas de otimização SEO, de tradução, pesquisa, contatos, clientes anunciantes,

além de muitos outros.

- Módulos – São estruturas com função e posição definida dentro de uma página criada com o

Joomla. Não há como enumerar a imensa diversidade de módulos desenvolvidos pela

comunidade hacker para as diferentes necessidades dos sites. Os módulos são caracterizados

pelos seus diferentes parâmetros, de acordo com a necessidade de cada site. São organizados

pela posição e pela ordem.

- Plugins – Este tipo de extensão é composta por pequenos sistemas que podem ter diversas

funções e características. Podem ter fins semelhantes aos módulos e componentes, porém não

podem ter posição definida pelo usuário.

- Templates - Ou tema, é a estrutura principal da sua página, além de conter o código HTML e

CSS da página. Esse é o elemento que define o layout, ou seja, o designer de um site. É

importante ressaltar que cada template tem número e localização diferentes das posições

Extensões 15

padrões do Joomla. Apenas os nomes das posições (user1, user2, showcase, top, bottom,

featured, right, left, footer, breadcrumb, inset) são padrões, mas sua localização varia em cada

template. Uma das grandes vantagens do Joomla é que você pode mudar de template (e

consequentemente de layout) sem precisar alterar o resto do conteúdo da sua página. Para

mudar de template você precisa apenas baixa-lo, instalar o novo tema e defini-lo com padrão

em “Template Manager”. No blog Template par Todos você pode baixar templates modernos e

atuais, mas existem dezenas ou centenas de outros sites e blogs que oferecem templates

grátis.

- Linguagens – Podem ser baixadas e instaladas normalmente como as outras extensões, Para

definir a linguagem do site e da administração, basta ir em “Language Manager” e definir sua

linguagem de preferência como padrão.

Instalação de Extensões

Você pode implementar sua página de acordo com sua necessidade e criatividade. Para isso

você precisa instalar extensões ou templates que configure e caracterize seu site.

O processo de instalação pode parecer complicado num primeiro momento, mas depois que

você instala as primeiras extensões, logo percebe que este protocolo é bastante simples e

prático.

Como Instalar Extensões?

Faça o login de administração e procure no menu superior “Extensões”. Clique em “Instalar

Extensões” como na ilustração abaixo:

O Joomla oferece três maneiras diferentes no processo de instalação. Todas são muito simples,

você que irá definir qual a sua preferida. Iremos caracterizar brevemente como cada uma

funciona:

1. Pacote de Arquivos – Ao baixar uma extensão, selecione todos os arquivos e diretórios e

adicione-os a um arquivos zipado. Em seguida clique em “Arquivo”, selecione o arquivo zipado

Extensões 16

que você acabou de criar e clique em “Enviar arquivo e instalar”;

2. Diretório de Instalação – Na minha opinião, é a maneira mais prática de instalação. Após

você baixar uma nova extensão é necessário a extrair para um local onde você organiza suas

extensões baixadas. Crie uma nova pasta e a nomeie com o título original do diretório baixado.

Envie todos os arquivos e diretórios da extensão baixada para esta pasta criada. Em seguida

abra esta pasta e copie o seu endereço (Ex.: D:\temolates joomla 1.5\pt-

BR_joomla_lang_full.1.5.13v1.zip). Agora você só precisa colar esse endereço do diretório no

campo “Diretório de Instação” e clicar em “Instalar”;

3. URL de Instalação – Identifique qual a url que oferece o dowload direto do arquivo a ser

baixado. Você precisa apenas colar a url no campo “URL de Instalação” e clicar “Instalar”. Para

funcionar efetivamente, você precisa ter a url que o leva diretamente ao arquivo da extensão.

Após a instalação aparecerá uma mensagem azul descrevendo o tipo de extensão que foi

instalada. Ex.: Módulo Instalado com Sucesso. Caso seja um puglin, componente ou template –

o Joomla irá emitir mensagens diferentes para cada tipo de extensão.

Caso haja algum erro, o Joomla irá emitir uma mensagem em vermelho descrevendo a falha no

processo. Identifique o problema e tente novamente.

Finalizando... 17

Muitas vezes, os novos usuários a encontram a página de Extensões do Joomla! e instalam

tudo o que parece legal. Isso nem sempre é uma boa idéia. Demasiadas extensões instaladas,

podem retardar a atualização do seu site, ou seja, sua página fica muito pesada. Extensões são

grandes, por isso tenha certeza que você realmente precisa delas.

Finalizando... Estas são algumas das principais funcionalidades já disponíveis nas comunidades. Há muitas

outras, pois são inúmeros os componentes para as mais diferentes necessidades. Você ainda

pode criar o seu próprio componente ou template. Lembre-se de colaborar e, se possível,

disponibilizá-los para que outros possam utilizar.

O Joomla! é uma excelente opção para projetos com investimento não muito alto e que exijam

constante monitoramento e manutenção. Procure buscar sempre o melhor para os seus

projetos.

Essa apostila apresentou o básico da tecnologia. Ainda há muito caminho pela frente! Já temo

a tecnologia, agora só precisamos ter idéias!

Abraços e Sucesso aos novos Joomleiros!

Joicy Xavier