Gerenciando seu site com facilidade

1 - QUEM DEVE LER ESTE LIVRO.......................................................................................................................3

2 - MOTIVAÇÕES PARA ESCREVER O LIVRO..................................................................................................4

3 - INTRODUÇÃO......................................................................................................................................................5

4 - PARA QUE SERVE UM SITE?............................................................................................................................6

5 - QUERO REFORMULAR O SITE DA MINHA EMPRESA.............................................................................7

6 - SITES DE BUSCA..................................................................................................................................................8
6.1 COMO O GOOGLE CLASSIFICA OS SITES?........................................................................................................................9
7 - PROFISSIONAIS WEB.......................................................................................................................................10
7.1 PLANEJAMENTO.......................................................................................................................................................10
7.2 CRIAÇÃO................................................................................................................................................................10
7.3 PRODUÇÃO.............................................................................................................................................................11
7.4 PROGRAMAÇÃO.......................................................................................................................................................11
8 - GERENCIAMENTO DE CONTEÚDO.............................................................................................................12
8.1 COMO FUNCIONA?...................................................................................................................................................12
8.2 QUAIS AS VANTAGENS?.............................................................................................................................................12
8.3 INVESTIMENTOS.......................................................................................................................................................13
8.4 CUIDADOS NA ESCOLHA DO FORNECEDOR.....................................................................................................................13
8.4.1 Soluções proprietárias x Opensource..........................................................................................................13
9 - RESPONSABILIDADE DO CLIENTE.............................................................................................................14

10 - JOOMLA! – REVOLUCIONANDO A FORMA DE CRIAR SITES............................................................15

10.1 ORIGEM DO JOOMLA!.............................................................................................................................................16
11 - JOOMLA! - PRINCIPAIS CARACTERÍSTICAS..........................................................................................17
11.1 EDIÇÃO EM CONTEXTO............................................................................................................................................17
11.2 MODELOS DE SITES PRÉ-PROGRAMADOS....................................................................................................................18
11.3 COMPONENTES......................................................................................................................................................20
11.4 MÓDULOS............................................................................................................................................................20
11.5 NÍVEIS DE ACESSO.................................................................................................................................................20
12 - JOOMLA! COMEÇANDO A USAR................................................................................................................22
12.1 PAINEL DE CONTROLE............................................................................................................................................22
12.2 SECTIONS, CATEGORIES E STATIC CONTENT...............................................................................................................23
12.3 CRIANDO SEÇÕES E CATEGORIAS.............................................................................................................................25
12.3.1 Inserindo seções........................................................................................................................................25
12.3.2 Inserindo Categorias.................................................................................................................................25
12.4 INSERINDO CONTEÚDO...........................................................................................................................................25
12.4.1 Editor HTML.............................................................................................................................................26
12.4.1.1 Formatação e estilos................................................................................................................................ ............26
12.4.1.2 Marcadores e Recuos........................................................................................................................................... 27
12.4.2 Status da publicação..................................................................................................................................27
12.4.3 Imagens da página.....................................................................................................................................27
12.5 MENUS................................................................................................................................................................27
 12.5.1 Inserindo novo ítem no menu.....................................................................................................................28
12.5.2 Link - Static Content..................................................................................................................................29
12.5.3 Wrapper.....................................................................................................................................................29
12.5.4 Link – Url...................................................................................................................................................29
12.5.5 Blog - Content Category............................................................................................................................29
13 - TURBINANDO SEU SITE................................................................................................................................31
13.1 HOME PAGE.........................................................................................................................................................33
13.1.1 Front Page Slide Show..............................................................................................................................33
13.2 GALERIAS DE FOTOS..............................................................................................................................................33
13.2.1 RSGallery2.................................................................................................................................................33
13.2.2 Simple Image Gallery Pro.........................................................................................................................33
13.2.3 Expose Flash Gallery................................................................................................................................35
13.3 FORMULÁRIOS.......................................................................................................................................................35
13.3.1 Phil-a-Form...............................................................................................................................................35
13.4 GERENCIAMENTO DE DOWNLOADS...........................................................................................................................37
13.4.1 DOCMan...................................................................................................................................................37
13.5 URLS AMIGÁVEIS OU ENDEREÇOS AMIGÁVEIS...........................................................................................................38
13.5.1 Open SEF...................................................................................................................................................38
13.6 JOOMFISH – GERENCIAMENTO DE SITES MULTI-IDIOMAS............................................................................................39
13.7 ALLVIDEOS - VÍDEOS DO YOUTUBE, GOOGLE VÍDEO E OUTROS...................................................................................41
13.7.1 Como usar..................................................................................................................................................41
13.7.2 Como instalar e configurar.......................................................................................................................43
13.8 TABS & SLIDES....................................................................................................................................................44
13.9 RECOMENDAÇÕES, COMENTÁRIOS E LIVRO DE VISITAS..................................................................................................44
13.9.1 VisualRecommend v1.1.2...........................................................................................................................44
14 - DOMÍNIOS.........................................................................................................................................................45
14.1 MITOS E VERDADES...............................................................................................................................................45
14.2 ESCOLHENDO O DOMÍNIO PARA O SITE DE SEU NEGÓCIO................................................................................................45
15 - HOSPEDAGEM DE SITES..............................................................................................................................47
15.1 UM DOMÍNIO POR PLANO DE HOSPEDAGEM? ESQUEÇA!................................................................................................48
15.1.1 Agora tenho meu próprio provedor! .........................................................................................................48
15.1.2 Futuro da Hospedagem de Sites ...............................................................................................................48
16 - SOFTWARES ÚTEIS PARA O GERENCIAMENTO DE SITES................................................................50
16.1 COMO USAR O IRFANVIEW PARA TRATAR FOTOS..........................................................................................................50
16.1.1 Reduzindo o tamanho da foto....................................................................................................................50
16.1.2 Recortanto da foto.....................................................................................................................................51
16.1.3 Ajustando Brilho/Contraste e Cores..........................................................................................................53
17 - JOOMLA! – AVANÇADO.................................................................................................................................55
17.1 CRIANDO FORMULÁRIOS COM O PHIL-A-FORM...........................................................................................................55
17.1.1 Crie um novo formulário...........................................................................................................................55
17.1.2 Adicionando Campos.................................................................................................................................55
17.1.3 Incluindo campos adicionais no Phil-a-Form com tabela vinculada.......................................................56
17.2 COMO USAR O JOOMLACLONER...............................................................................................................................57
17.3 DISPLAY NEWS.....................................................................................................................................................60
18 - CPANEL – PAINEL DE CONTROLE DO SITE............................................................................................61
18.1 CRIANDO UM BANCO DE DADOS MYSQL..................................................................................................................61
18.2 PHPMYADMIN – GERENCIANDO O BANCO DE DADOS MYSQL....................................................................................62
19 - ÍNDICE REMISSIVO........................................................................................................................................63
 1 - Quem deve ler este livro

Se você é sócio de uma pequena empresa ou profissional de marketing/comunicação e necessita

desenvolver ou reformular o site de sua empresa, e tem aquela sensação de insegurança sobre quais
caminhos tomar, como planejar o site, que recursos a web oferece atualmente, e outras dúvidas
comuns à maioria das pessoas...

ESTE LIVRO é para você.

Neste livro você verá as etapas principais no desenvolvimento de um site, quais profissionais são
necessários para um BOM projeto web, o que são sistemas de gerenciamento de conteúdo, dicas que
como manter seu site atualizado e os principais conceitos de marketing em sites de busca.
Estudantes e profissionais WEB também aproveitarão muito este livro, pois grande parte dele é
dedicado ao sistema de gerenciamento de sites que mais cresce em todo mundo, o Joomla!.
Aprender a usar este sistema agregará muito valor aos projetos web com vantagens para os clientes
e para os profissionais.

Mas por que o foco em gerenciamento de conteúdo?

Porque a grande maioria dos sites necessita de uma atualização do conteúdo, por vários motivos:
 Divulgar cursos, palestras e outros eventos
 Atrair clientes com conteúdo relevante como artigos e notícias
 Gerar interesse em indicar o site para amigos, salvar em favoritos, criar LINKS para o site
como referência em determinado assunto
Caso ainda não tenha se convencido que vale a pena investir em conteúdo, é importante saber que
sites com maior quantidade de conteúdo tem chances muito maiores de ficar em boas colocações no
Google. Se seu site não aparece no Google, é importante repensar sua estratégia de internet.

3
 2 - Motivações para escrever o livro

Desde que a internet comercial chegou ao Brasil em 1996, já presenciamos diversas fases: A euforia
da bolha, o estouro da bolha, um período de pouco investimento e a retomada dos investimentos.
Uma coisa é certa: O desejo comum a empresas de qualquer porte é gerenciar o conteúdo do seu
site com facilidade.
No início, os altos custos para ter um site com sistemas de gerenciamento de conteúdo inviabilizavam
que pequenas e médias empresas tivessem sites dinâmicos. Atualmente, com a popularização do
desenvolvimento de sites, a “síndrome do sobrinho” se torna mais evidente. Esta síndrome ocorre
quando o filho de um amigo, um funcionário que entende de web, um amigo que quer aprender, etc.
assumem a responsabilidade de desenvolver o site da empresa.
A pergunta que coloco é se você deixaria seu carro para conserto utilizando os mesmo argumentos. A
resposta com certeza é NÃO! Então porque deixar o site da empresa que é uma ferramenta
ESSENCIAL para gerar resultados ao cargo de pessoas não habilitadas.
Entender a importância de usar um BOM sistema de gerenciamento de conteúdo para o site irá
mostrar que é possível usar o “sobrinho” no projeto, sem prejudicar os RESULTADOS desejados.

4
 3 - Introdução

Trabalho com internet desde 1997 quando fiz meu primeiro site, e o que me motivou a escrever este
livro é a falta de literatura para usuários comuns. As livrarias estão repletas de livros para pessoas
interessadas em se tornar um profissional da web, mas poucos são voltados para as pessoas
comuns.
A internet já faz parte do nosso dia-a-dia, não conseguimos mais nos imaginar sem utilizar sites de
busca com o Google, fazer pagamentos online no nosso banco, conhecer os serviços/produtos das
empresas, etc. Porém, grande parte das pessoas têm um sentimento de INSEGURANÇA no uso da
web tanto para o trabalho como para o lazer.
Quando se trata de desenvolvimento de sites as pessoas ainda têm INÚMERAS dúvidas, e o
resultado são sites mal planejados com resultados duvidosos. Uma das principais necessidades das
empresas de qualquer porte é:

Ter um site com autonomia e facilidade de gerenciamento do conteúdo, com

diversos recursos de interatividade e COM PREÇO JUSTO!
Quando falamos de gerenciamento de sites parece algo que não é tão simples, porém devemos
lembrar que a pesar da internet estar no Brasil há mais de 10 anos, ainda estamos vivendo as
incríveis mudanças que a internet traz para nosso dia-a-dia. Então, para simplificar irei fazer uma
analogia:
Lembram-se da época que o Windows se tornou popular e com ele os já conhecidos Word, Excel,
PowerPoint e Access. Antes do Windows? Quem tem mais idade deve se lembrar do DOS e do
Wordstar e Lotus 123.

Figura 1 - Tela do Wordstar

Naquela época era comum que a edição de textos e de planilhas fossem feitas por pessoas com
treinamento especial. Hoje em dia do estudante ao diretor da empresa, usar editores de textos,
planilhas e enviar e-mails são atividades corriqueiras.

Em breve, ATUALIZAR o conteúdo do site também será atividade corriqueira

no dia-a-dia de qualquer empresa e qualquer profissional.
Eu te convido a ler este livro e descobrir como gerenciar o site de sua empresa com facilidade.

5
 4 - Para que serve um site?

Esta pergunta pode parecer óbvia, mas é incrível a quantidade de pessoas que não saberá respondê-
la adequadamente. Isso ocorre porque a internet realmente já provou que é um dos meios de
comunicação mais eficientes, porém a grande maioria das pessoas desenvolve o site sem saber
exatamente o que deseja alcançar. A resposta padrão é:

"Quero divulgar os produtos/serviços da minha empresa e conseguir novos

clientes!"
Claro que toda empresa deseja a mesma coisa. Isso é como alguém dizer que seu objetivo de vida é
"Ser feliz". Não está errado, mas está mal formulado.
Devemos mudar o FOCO da resposta e pensar no cliente. Que tal se eu reformular a pregunta?

Para que serve um site para QUEM O VISITA?

Desta maneira as respostas são mais específicas:
 O site serve para obter informações DETALHADAS de produtos/serviços
 Conseguir suporte técnico
 Entrar em contato com a empresa via e-mail, MSN, Skype, Help Desk, Telefone.
 Fazer a inscrição para cursos e eventos
 Comprar produtos, serviços e/ou softwares
 APRENDER com artigos, tutoriais, vídeos de orientação, podcast (artigos em aúdio)
 Fazer download de documentos
 Participar de comunidades (Orkut.com, LinkedIn.com)
 Trocar experiências através de fóruns de discussão, chats, etc.
 E muito mais…

Ok, agora que você se colocou na posição do seu cliente (ou potencial cliente) que visitará seu site,
acredito que conseguirá PLANEJAR com mais eficiência como seu site deve ser estruturado.

6
 5 - Quero reformular o site da minha empresa

Ainda é muito comum a responsabilidade do site ficar a cargo da área de informática ou da área de
marketing. No caso de pequenas empresas fica a cargo do dono. Em ambos os casos, a pessoa
responsável não possui muita experiência no desenvolvimento de sites e por este motivo a escolha
de como o site da empresa será desenvolvido é feita com critérios duvidosos. Veja algumas situações
típicas:
 O filho ou sobrinho de fulano entende bastante de internet - Cuidado com a "síndrome do
sobrinho", resista à tentação de escolher o seu fornecedor apenas para dar uma ajuda ao
filho do amigo, ou pelo menor custo.
 Vou contratar um webmaster para desenvolver o site aqui na empresa – Este é um erro
comum em empresas de médio porte. É muito melhor contratar uma agência web, pois ela
terá diversos profissionais especializados em cada necessidade do site (Design,
programação, conteúdo, etc.)
 Eu mesmo vou fazer o site, fiz um curso de Front Page ou Dreamweaver – A edição de
páginas HTML se tornou fácil com editores VISUAIS, porém isso não significa que fazer o
próprio site irá trazer resultados para a empresa.
Antes de QUALQUER DECISÃO sobre quem irá desenvolver o site, acredito que é ESSENCIAL
algumas reflexões e análises:
 Público alvo – Você sabe quem é o público alvo do seu site? Se você vende artigos para
bebês, será que será a mãe ou o pai que visitará o seu site com maior freqüência? Seu
público visitará seu site com que frequência (diariamente, semanalmente, mensalmente)?
 Tecnologia para desenvolvimento – Qual a linguagem de programação mais adequada?
Que banco de dados utilizar? Onde hospedar o site?
 Estrutura para manutenção do site – Quais os profissionais necessários para manter o site
atualizado e em constante evolução? Que serviços devo terceirizar e quais devo manter uma
equipe interna?
Como na construção de um edifício, onde é elaborado um projeto de arquitetura e um projeto de
cálculo estrutural, a construção de um site deve seguir o mesmo caminho. Infelizmente, não é o que
ocorre na maioria dos projetos, onde é comum o site ficar em desenvolvimento durante vários meses,
e o resultado final não atender as expectativas do cliente.
Acreditamos que, independente do resultado do seu planejamento, você chegará à conclusão que
seu site deverá ser flexível para que possa ser alterado conforme mudanças no planejamento de sua
empresa e fácil de atualizar para que os custos de manutenção sejam minimizados.

7
 6 - Sites de Busca

A revista Exame divulgou uma matéria mostrando a importância do site aparecer na PRIMEIRA
PÁGINA dos mecanismos de busca. Basta ver as estatísticas para entender:

80% dos usuários não vão para segunda página e 60% dos internautas
clicam nos três primeiros resultados.

8
6.1 Como o Google classifica os sites?

O Google utiliza inúmeros critérios para classificar os sites, porém o mecanismos denominado
PageRank que é um algoritmo matemático cujo princípio se baseia do LINK como um VOTO.
Para entender de um modo simplificado, imagine que cada bola abaixo é um site e que o tamanho da
bola reflete seu posicionamento no Google.
1. A bola azul tem links apontando para ela a partir de várias bolas verdes.
2. A bola vermelha do topo recebe um link da bola amarela cujo “voto” tem o maior peso de
todas as bolas, com isso ela “herda” parte dos “votos” da bola amarela.

Fonte: Wikipedia - http://pt.wikipedia.org/wiki/PageRank

Mas como conquistar links em outros sites?

Com CONTEÚDO RELEVANTE, afinal que outra razão alguém teria para criar um link para seu site?

9
 7 - Profissionais w eb

É incrível como as empresas contratam profissionais para desenvolver o site de sua empresa, mas
não possuem nenhum conhecimento sobre os tipos de profissionais necessários para o
desenvolvimento de um site.
Um site é muito mais do que uma ferramenta de marketing, ele pode (DEVE) oferecer serviços que
facilitem a vida do seu público alvo, seja fornecendo informações e aprendizado (Artigos, Tutoriais,
Vídeos demonstrativos, etc.) ou funcionalidades como Venda Online, inscrições para eventos,
acompanhamento de projetos, etc.
Por este motivo, a gama de profissionais envolvidos em um projeto de um site pode ser grande, e
conhecer os diferentes tipos de profissionais é importante para o bom planejamento de estratégias
online.
Seguem os principais profissionais que podem se envolver em um site, lembrando que é comum uma
mesma pessoa ter 2 ou mais competências dentro de um projeto:

7.1 Planejamento

 Gerente de projetos – Profissional com conhecimentos gerais de todas as etapas de

desenvolvimento de sites. Ele é responsável pela coordenação da equipe de desenvolvimento
e pela interface com o profissional de Atendimento e o Cliente. Em projetos pequenos é
comum o Gerente de Projetos e o Atendimento serem a mesma pessoa.
 Atendimento – Muito comum em agências web, é o responsável por fazer as reuniões com o
Cliente, analisar demandas e passar as atividades para o Gerente de Projetos ou diretamente
para equipe de desenvolvimento.
 Arquiteto da Informação – Profissional que tem sido valorizado por grandes empresas,
porém nas agências web geralmente esta atividade é absorvida pelo atendimento ou gerente
de projetos. É responsável por analisar a maneira como a navegação do site está planejada,
se os links possuem visibilidade e são intuitivos para o visitante, em suma, é responsável por
tornar a navegação o MAIS SIMPLES e INTUITIVA possível.
 Especialista em Marketing Online – Ter o site bem posicionado no Google e outros sites de
busca é fator crítico para o sucesso de um site. O que poucos sabem é que este
posicionamento está intrinsicamente ligado à maneira como o site foi planejado e estruturado.
Este profissional é responsável por fornecer as diretrizes necessárias para que o site atende
as boas práticas da Otimização em Sites de Busca. Reservamos um capítulo apenas para
este tema.

7.2 Criação

 Diretor de Criação – Responsável por definir a identidade visual do site (Home Page e
páginas internas), geralmente é um profissional sênior com experiência em participar de
reuniões para defender e explicar o conceito do projeto.
 Assistente de Criação – Profissional com menos experiência responsável pela criação de
elementos gráficos – banners, tratamento de fotos, ícones, etc. – e páginas internas, sempre
baseado no conceito definido pelo diretor de criação.
 Webdesigner – Em projetos de menor porte é comum apenas um profissional desenvolver
toda criação do site, acumulando as funções de diretor de criação e assistente de criação.
Geralmente este profissional desenvolve o site totalmente em Flash ou em HTML estático.

10
  Programador Flash – A tecnologia Flash é responsável pela maioria das animações que
vemos em sites. É raro existir um programador exclusivo em flash, geralmente ele também
atua como webdesigner. Em criação o programador flash tem experiência em elaborar
animações e efeitos visuais/sonoros que auxiliam a navegação do site.

7.3 Produção

 Producer – É o profissional responsável por tranformar o Layout desenvolvido pelo diretor de

criação em HTML/CSS. No caso de sites estáticos, ele é o profissional que finaliza e entrega o
site já com o conteúdo final. Para sites dinâmicos, o producer entrega as páginas produzidas
em HTML/CSS para o programador inserir a programação.
 Profissional de Conteúdo – Este profissional pode ser responsável pela elaboração do
conteúdo do site, e em muitos casos, na inclusão deste conteúdo diretamente no site.
Geralmente são profissionais como jornalistas ou da área de marketing/comunicação. Em
projetos menores, é comum o próprio cliente elaborar o conteúdo.

7.4 Programação

 Analista/Programador – Profissional responsável por criar a base de dados, programar os

sistemas dinâmicos do site. As linguagens mais comuns de desenvolvimento web são ASP e
PHP, mas também são muito utilizadas o .NET, JSP, CFM (Cold Fusion). Os bancos de dados
mais utilizados são MySQL, Access, SQL Server. O mais comum é o analista/programador ter
uma preferência e/ou exclusividade no uso da linguagem, sendo mais comum as seguintes
combinações:
o Linux - PHP/MySQL – O Linux é um sistema operacional muito utilizado em
servidores web, e geralmente utiliza a linguagem de programação PHP e o banco de
dados MySQL. A vantagem deste profissional é que ele pode utilizar diversos
sistemas Open Source no desenvolvimento de um site.
o Windows – Asp/Access ou SQL Server – Grande parte dos servidores web são
Windows, e a linguagem de programação mais utilizada é o ASP (Active Server
Pages) e os bancos de dados mais utilizados são o Access e o SQL Server.
Não é escopo deste livro comparar linguagens de programação, mas sim mostrar que é
importante saber que um programador ASP tenderá (por motivos óbvios) a recomendar uma
hospedagem Windows, e vice-versa. Por isso, é necessário a opinião IMPARCIAL de um
profissional que possa analisar o projeto e recomendar a tecnologia mais adequada.
 Programador Flash – O programador flash de programação cumpre funções diferentes do
programador flash de criação. Ele é responsável por fazer o Flash interagir com bancos de
dados, criar funções específicas como cálculos, e qualquer outra funcionalidade que necessite
de uma programação especial em Action Script que é a linguagem de programação do Flash.
Em projetos de GAMES é muito comum o programador flash de criação desenvolver as
animações e efeitos, e o programador flash de programação criar as funcionalidades
específicas do GAME.

11
 8 - Gerenciamento de Conteúdo

O Gerenciamento de Conteúdo já é um termo importante para a internet. Através dos sistemas de

Gerenciamento de Conteúdo é possível alterar informações do site sem a interferência de
webdesigners ou programadores, a partir de qualquer computador conectado à internet e a qualquer
hora. O Sistema de Gerenciamento de Conteúdo é um sistema de banco de dados onde o usuário
pode alterar os dados deste banco de dados através de uma área administrativa acessível através de
senha, as informações deste banco de dados aparecem no site de forma transparente para o
visitante.

8.1 Como funciona?

1. Primeiro, determina-se quais seções do site serão atualizadas pelo próprio cliente.
2. Segundo, define-se as informações e as páginas que serão geradas automaticamente, e com
isso cria-se o banco de dados.
3. Por último, são desenvolvidas as páginas administrativas para o cliente atualizar as
informações de maneira independente.

8.2 Quais as vantagens?

As vantagens de utilizar um sistema de Gerenciamento de Conteúdo são:

 Agilidade - Pode-se alterar informações 24 horas por dia;
 Autonomia - O usuário pode atualizar informações sem auxílio de um webdesigner ou
programador, a partir de qualquer computador;
 Flexibilidade - Quando o site sofre uma reestruturação de layout, basta alterar alguns
modelos de páginas e todas as páginas que utilizam o Gerenciamento de Conteúdo são
alteradas automaticamente.

12
8.3 Investimentos

Para ter um sistema de Gerenciamento de Conteúdo é necessário um investimento inicial maior do

que um site estático, que é rapidamente recuperado com a economia nas atualizações.

8.4 Cuidados na escolha do fornecedor

Atualmente existe uma diversidade muito grandes de sistemas de gerenciamento de conteúdo e de

agências web com soluções proprietárias.
O importante é tomar os cuidados básicos para fazer uma boa escolha:
1. Solicite referências de sites que utilizam a mesma solução e entre em contato para verificar
se os donos dos sites estão contentes.
2. Pergunte ao desenvolvedor se a solução de gerenciamento de conteúdo é OpenSource 1 ou
proprietária.
3. Solicite uma área DEMO para você testar a interface de administração da ferramenta.

8.4.1 Soluções proprietárias x Opensource

Open Source é um conceito de desenvolvimento de software cujo código é aberto, ou seja, qualquer
programador tem acesso a estudar e realizar melhorias no software. Com isso, o desenvolvimento do
mesmo é muito acelerado. Além disso, ele pode ser distribuído livremente e sem custos de licença,
mesmo por quem não é programador.
A solução proprietária ao contrário pertence a uma determinada empresa, e seu uso tem custos de
licenciamento e seu código (na maioria das vezes) é fechado.

Soluções proprietárias Vantagens

 Empresa tem mais facilidade de realizar alterações no sistema
 Suporte e garantia
Desvantagens
 Alto grau de dependências dos profissionais da empresa desenvolvedora
 Custos de licença
 Custos de desenvolvimento de módulos não presentes no software

Opensource Vantagens
 Sem custos de licença
 Rede de profissionais com conhecimento sobre o software
 Ampla gama de módulos adicionais gratuitos ou com custos baixos
Desvantagens
 Não existe uma garantia formal, pois o software não pertence a uma
empresa.

A escolha dependerá MUITO do grau de confiança na empresa, porém deve-se levar em conta que o
que REALMENTE define a melhor escolha é a NECESSIDADE da sua empresa.

1
OpenSource – Solução de código aberto e sem custos de licença, na qual desenvolvedores de todo mundo ajudam a
melhorar o código.
13
 9 - Responsabilidade do cliente

Este é um tema interessante, pois grande parte dos problemas relacionados a projetos de
desenvolvimento de sites mal-sucedidos tem uma parcela de responsabilidade do cliente. Isso
mesmo, se quiser se valer da máxima: “O cliente tem sempre razão”, pode pular este capítulo, mas se
estiver disposto a compreender como minimizar riscos em seu projeto web, sugiro que leia e reflita
(talvez dê algumas risadas se o tempo já curou as mágoas do projeto).
Para melhor compreender, vamos fazer uma metáfora com a construção de uma casa. Para construir
uma casa o ideal é ter um arquiteto que faça o projeto da casa, desenhando a planta e analisando
junto com o cliente suas necessidades. Após isso, é feita a contratação da equipe que geralmente é
composta por um engenheiro civil, um decorador, um mestre de obras e os pedreiros.
A construção de um site deveria seguir um caminho similar, porém nem sempre é isso que acontece.
 Problemas com planejamento – Pular a fase de planejamento é um dos problemas mais
comuns. O cliente decide fazer um novo site, chama várias empresas e freelancers, recebe
vários orçamentos e escolhe o mais barato. Durante o projeto vão surgindo demandas não
previstas pela produtora web, ou o cliente descobre que esqueceu de incluir no orçamento
funcionalidades importantes.
 Achei que estava no escopo... - A animação não está inclusa no orçamento? O formulário
não vai armazenar em banco de dados? Vocês não vão me ajudar a configurar o outlook em
todos computadores da empresa? Eu tenho que redigir os textos? Vocês não tiram fotos da
minha empresa?
Podemos fazer uma lista ainda maior, mas a idéia aqui é cada um refletir se já falou esta
frase e se estava com a razão.
 Dá para incluir um campo no formulário? - Depois de elaborada toda programação,
principalmente se o formulário armazena em banco de dados, é provável que determinadas
alterações demandem muitas horas de trabalho.
 Esta empresa/freelancer não tem competência – Quem escolhe o fornecedor é o cliente,
portanto salvo exceções (quando o fornecedor mente sobre trabalhos não-realizados por ele),
o cliente deveria pedir para ver os bastidores de outros sites desenvolvidos bem como
solicitar referências de clientes para confirmar a idoneidade do fornecedor. Digitar o nome da
empresa no Google também é uma forma interessante de avaliar a visibilidade da empresa.
Bom, o objetivo era apenas levantar situações para cada um refletir. Sei que para alguns pode
parecer estranho, mas é importante lembrar que a maioria dos profissionais web são sérios e se
esforçam para prestar o melhor serviço.
Uma sugestão para contornar situações de crise em seus projetos web é pedir para alguém mediar a
situação ouvindo de forma imparcial todas as partes. Marcar uma reunião de alinhamento também é
uma alternativa, onde fornecedor e cliente expõem sem críticas a sua visão do projeto, bem como
suas sugestões para contornar os problemas.

14
 10 - Joomla! – Revolucionando a forma de criar sites

"Hoje, mesmo com pouco mais de um ano desde a primeira versão, o Joomla! é o CMS em maior
expansão, sendo provavelmente o CMS mais procurado, com a maior comunidade e recursos
disponíveis. A grande vantagem do Joomla é sua diversidade de extensões extras, feitas não
necessariamente pelos desenvolvedores do projeto. Componentes, módulos e plugins são
atualizados constantemente e de grande valia para webmasters interessados em um site bem
feito."
Fonte: Wikipedia (http://pt.wikipedia.org/wiki/Joomla)
Antes de entender o Joomla! é necessário entender o que é um CMS (Content Management System),
mais popularmente conhecido como Gerenciador de Conteúdo.
O gerenciador de conteúdo nada mais é do que um software que utilizamos via internet para
gerenciar o conteúdo do nosso site. Simples não? Se compararmos com nosso computador,
podemos dizer que o Word é um Gerenciador de Conteúdo, pois conseguimos editar textos e
imagens de uma maneira simples.
Se expandirmos o conceito de conteúdo, lembrando que conteúdo na internet pode ser – além de
textos e imagens – aúdio, vídeo, documentos para download, animações, etc. Podemos considerar o
PowerPoint, Excel e Access como gerenciadores de conteúdo também.
Voltando para internet, mais especificamente para o Joomla! O que ele tem de especial no que se
refere à criação de sites?
O modelo tradicional de desenvolvimento de um site segue o seguinte fluxo: Primeiro cria-se um
layout (Design) que o cliente irá aprovar, depois inicia-se a fase de programação (onde o site será
efetivamente desenvolvido com links e tudo mais) e no final é colocado o conteúdo. Este processo
pode levar MESES para que o site seja finalizado.
Com o Joomla! é possível utilizar um novo modelo de criação de sites, no qual estas atividades
podem ser desenvolvidas em paralelo.

Figura 2 - Modelos de desenvolvimento de sites

15
10.1 Origem do Joomla!

Para entender porque o Joomla! é um dos CMS mais populares da atualidade, devemos entender a
sua origem. Ele é um Open Source que é um software cujo código é aberto, ou seja, qualquer
programador no mundo pode ajudar a aprimorá-lo, e uma equipe central gerencia todas as mudanças
e disponibiliza versões atualizadas do Joomla! que podem ser baixadas e instaladas sem custos por
qualquer pessoa.
O movimento Open Source (algumas vezes confundido com Software Livre) tem uma motivação
muito simples:

Se 2 cabeças pensam melhor que 1, MILHARES de cabeças pensam melhor

ainda!
O fato de cada programador ajudar a detectar erros e a realizar melhorias no Joomla! torna o
processo de desenvolvimento extremamente veloz se comparado com uma empresa com 2 ou 3
programadores desenvolvendo um software. Com isso, TODOS ganham, pois os programadores têm
disponível para instalar em seus clientes um software cada vez melhor.
O Joomla! foi desenvolvido na linguagem PHP com banco de dados MySQL, e roda
preferencialmente em ambiente Linux.
O site oficial é www.joomla.org. Abaixo seguem sites de referência:
 http://pt.wikipedia.org/wiki/Joomla
 www.Joomla.com.br

16
 11 - Joomla! - Principais características

Veja a seguir as razões porque o Joomla! é um dos sistemas de gerenciamento de conteúdo que
mais crescem em número de usuários no mundo.

11.1 Edição em contexto

A edição em contexto permite que a edição seja realizada diretamente da mesma interface onde o
visitante navega no site. Basicamente, ao fazer o login aparecerá um ícone de um lápis ao lado do
título do conteúdo que ao ser clicado abrirá a tela de edição.

Com a edição em contexto é possível descentralizar o gerenciamento do site para usuários com o
mínimo conhecimento de internet.

17
11.2 Modelos de Sites pré-programados

Este talvez seja a característica mais marcante do Joomla!, pois é uma quebra de paradigma no
desenvolvimento de sites.
O Joomla! faz uma separação entre DESIGN e CONTEÚDO, ou seja:

É possível mudar a estrutura e design de um site sem alterar seu conteúdo.

O conteúdo de textos fica armazenado em um banco de dados (MySQL) e as imagens utilizadas para
compor o conteúdo são armazendas em um diretório específico gerenciado pelo Media Manager.
As imagens que compõem o DESIGN do site são aquelas imagens que o administrador do site não
tem autonomia para gerenciar através da área administrativa. Por exemplo: Logotipo, fundo da
página, fundo de menu, etc.
Este é o layout padrão do Joomla!

Figura 3 - Tela padrão do Joomla!

Existem dezenas de sites que oferecem Modelos de sites em Joomla! (gratuitos ou pagos), sendo
possível fazer o download de um arquivo ZIP e o upload para seu site, e em alguns minutos ter o
layout do site alterado.

18
 Figura 4 - Exemplos de Modelos de Design
Para melhor entender este conceito, vamos utilizar um exemplo que, para quem já criou uma
apresentação em PowerPoint, será de simples entendimento.
Ao criar uma apresentação em PowerPoint você pode escolher um Modelo de Apresentação e a partir
daí criar a sua apresentação. Se desejar alterar o Modelo, basta selecionar outro Modelo e o
PowerPoint trocará o layout de todos os slides.
O Joomla! trabalha de modo similar, se você deseja alterar o Layout de um site, basta escolher um
Modelo Pré-Programado, fazer os ajustes necessários (troca de logomarca, fotos, etc.) e definir como
Layout Padrão (Default), e bingo! O site inteiro terá seu Layout trocado imediatamente.
Existem centenas de sites de Templates para Joomla!, alguns são gratuitos e outros têm custos.
Geralmente os sites pagos permitem o uso dos templates em um determinados número de sites
durante o período da assinatura.
Seguem alguns exemplos de sites de Modelos (Templates):
 Joomlart.com
 Rockettheme.com
 Joomlaya.com
 Templateplazza.com
Neste blog tem links para outros sites de templates:
http://www.ronildo.com.br/blog/joomla/7-bons-templates-gratis-joomla
Lembramos que a escolha de um Modelo não deve se basear apenas no design, pois o mesmo
poderá ser customizado de maneira mais simples ou mais complexa para ficar de acordo com o gosto
do cliente. A estrutura de informação e navegação também deve ser analisada.

19
11.3 Componentes

Um dos grandes DIFERENCIAIS do Joomla! são os

COMPONENTES, que são módulos que gerenciam conteúdos
ESPECÍFICOS como por exemplo: Links, Documentos,
Enquetes, Formulários, etc.
Caso seu site necessite de um sistema específico, como um
gerenciador de formulários que te dê liberdade para criar
formulários sem precisar de um programador, existe o
componente Phil-a-Form que é um componente comercial.
O DOCMan é um sistema de gerenciamento de download muito
utilizado e é um componente gratuito.
Galerias de Fotos também são estruturas de conteúdo com a
opção de dezenas de componentes disponíveis.
Mas adiante, veremos em detalhes vários componentes que
tornarão o seu site muito mais eficiente.

11.4 Módulos

Os módulos podem ser considerados blocos de informação que podem ser posicionados em posições
(position) específicas do site. O Joomla! vem com diversos módulos pré-instalados:
 Latest News – Mostra os conteúdos mais recentes
 Popular – Conteúdos mais visitados
 Polls – Apresenta as enquetes ativas
 Random Image – Apresenta uma imagem aleatória de um diretório determinado pelo usuário.
 Newsflash – Apresenta os ítens de uma determinada categoria de maneira aleatória, na
horizontal ou na vertical.
 Search – Caixa de busca

11.5 Níveis de acesso

Existem dois tipos de usuários: Front End e Back End.

Front End são usuários que acessam apenas a área pública,
porém com possibilidade de editar conteúdo.
Back End é a área administrativa, onde podem ser realizadas
ações mais avançadas de gerenciamento do site.

20
 Figura 5 - Níveis de usuários administrativos

 Registered
 Author
 Editor
 Publisher
 Manager
 Administrator
 Super Administrator

21
 12 - Joom l a ! Com eç a ndo a usa r

12.1 Painel de Controle

No painel de controle você tem atalhos para as principais funcionalidades do Joomla!

 Add New Content – Abre a tela de inserção de novo conteúdo.

 Content Items Manager – Lista todos os conteúdos do site
 Static Content Manager – Em sites com poucas páginas não há necessidade de categorizar as
páginas, ou páginas institucionais como Sobre a Empresa, podem ser incluídas como Static
Content.
 Front Page Manager – Gerencia a ordem dos conteúdos na Home Page.
 Section Manager – Gerencia as SEÇÕES do site.
 Category Manager – Gerencia as CATEGORIAS dentro das SEÇÕES do site.
 Media Manager – É a área de imagens do site.
 Trash Manager – Lista de páginas deletadas, é possível recuperar.
 Menu Manager – Lista de menus do site.
 Language Manager – Gerenciamento de idiomas
 User Manager – Gerenciador de usuários do site.
 Global Configuration – Configurações gerais do site.

22
12.2 Sections, Categories e Static Content

Como vimos o Joomla! tem recursos poderosos para criar sites de qualquer porte. Como o objetivo
deste artigo é ser o tutorial básico, vamos nos concentrar nas atividades ESSENCIAIS para criar seu
primeiro site em Joomla! (a gente nunca esquece).
Uma das principais dúvidas no uso do Joomla! é como utilizar configurar as seções e categorias, e o
que é Static Content (Conteúdo Estático).
Este deverá ser o MENU mais utilizado na área administrativa, pois é a partir dele que é feito o
gerenciamento do conteúdo do site.

Para entender com mais facilidade, vamos imaginar que temos um site com a seguinte estrutura de
MENUS:

Home Page

Quem Somos Serviços Notícias Fale Conosco

Marketing
Histórico Saiu na Mídia
na Web

Localização Joomla! Novidades

Consultoria Press Releases

As áreas Saiu na Mídia, Novidades e Press Releases não são uma página simples de conteúdo,
mas uma lista de páginas. Ou seja, ao clicar em cada um deles veremos várias páginas de conteúdo
(CONTENT ITEM). Uma analogia simples é imaginar que SEÇÃO é uma pasta que contém diversas
outras sub-pastas (CATEGORIAS)

23
Ao clicarmos em Quem Somos, Histórico, Marketing na Web, etc. iremos diretamente para a
página do conteúdo. Além disso, este conteúdo sofre poucas modificações ao longo do tempo. Neste
caso, podemos optar por utilizar STATIC CONTENT para armazenar este conteúdo.
Na instalação padrão do Joomla! vem configuradas as seções e categorias:
 News
o Latest News
 Newsflash
o Newsflash
 FAQs
o Example FAQs

Seguindo a nossa analogia com as pastas do computador:

24
12.3 Criando Seções e Categorias

12.3.1 Inserindo seções

Primeiro é necessário criar as seções do site. A maioria dos sites possuem seções em comum,
portanto segue uma lista sugerida de seções:
 Institucional
 Produtos
 Serviços
 Cursos
 Notícias
Para inserir uma seção vá até o menu Content  Section Manager e clique em NEW.

12.3.2 Inserindo Categorias

Para inserir uma categoria vá até o menu Content  Category Manager e clique em NEW.

12.4 Inserindo Conteúdo

Para inserir uma nova página, basta clicar em ADD NEW CONTENT na Home Page da área
administrativa, ou seguir o caminha abaixo:

Na página de inclusão de um novo conteúdo temos:

1. Title – Título da página
2. Title Alias –
3. Section – Seção
4. Category – Categoria
5. Intro Text – Pequeno texto de introdução
6. Main Text – Conteúdo completo da página

25
 1
3
2
4

12.4.1 Editor HTML

Formatação de fontes
Estilo de fontes – Style
Estilo de parágrafos - Format

Voltar
Refazer
Marcadores
Inserir e retirar Link
Numeração
Inserir âncora
Recuo esquerda e direita
Inserir imagem
Limpar código

12.4.1.1 Formatação e estilos

26
12.4.1.2 Marcadores e Recuos

Na lateral direita existem várias abas, mas vamos nos concentrar apenas em 2 para facilitar o
entendimento.

12.4.2 Status da publicação

Publishing – Informações sobre o status de publicação da página, autor e nível de acesso
 Show on Front Page – Define se o Title e Intro Text serão apresentados na Home Page
 Published – Indica se o conteúdo já está publicado
 Access Level – Nível do usuário que tem permissão para acessar o conteúdo.
 Author Alias – Apelido do Autor
 Ordering – Ordem de apresentação
 Override Created Date – Sobreescreve a data de criação.
 Start Publishing – Data de início de publicação.
 Finish Publishing – Data final de publicação.

12.4.3 Imagens da página

Images – Gerencia as imagens da página.
 Gallery Images – Imagens disponíveis o Sub-Folder selecionado.
 Sub-folder – Sub-diretórios dentro do diretório Images/Stories. Estas imagens são gerenciados
via Site  Media Manager
 Content Images – Imagens disponíveis para utilização na página. Note que elas substituem as
tags {mosimage} NA ORDEM em que elas aparecem na página.
 Edit the image selected – Define como será o alinhamento do texto em relação à imagem
SELECIONADA em Content Images.

12.5 Menus

O Joomla! vem com 4 menus padrões na sua instalação básica:

 mainmenu – Menu principal do site
 othermenu – Utilizado como menu secundário

27
  topmenu – Meno do topo
 usermenu – Menu de usuário administrador
Este menus são apenas sugestões pré-configuradas do Joomla!. Você pode criar novos menus se
assim o desejar.
Ao ser criado um menu, automaticamente é criado um MÓDULO com mesmo nome. A definição de
POSIÇÃO e NíVEL DE ACESSO deve ser feita em Modules  Site Modules.

Figura 6 - Parâmetros do Módulo USER MENU

Note que em Access Level é possível definir que USUÁRIOS podem visualizar este menu.

12.5.1 Inserindo novo ítem no menu

MENU  [Nome do Menu]  NEW
A opções de menu são apresentadas na próxima tela:

28
12.5.2 Link - Static Content
Link para página de Conteúdo Estático que é uma página que sofre POUCAS ATUALIZAÇÕES (Ex: O
Joelho).

12.5.3 Wrapper
Às vezes queremos incluir no site conteúdo localizados em outros sites. Este recurso permite incluir
ENDEREÇOS de outros sites sem precisar copiar o conteúdo ou fazer um link para o outro site.

12.5.4 Link – Url

Utilizado quando queremos direcionar o link do menu para um endereço fixo dentro ou fora do site.

12.5.5 Blog - Content Category

Apresenta o conteúdo de uma CATEGORIA no formato de TÍTULO, RESENHA e Leia mais. As
opções de estrutura são:

29
1 - Leading - MANCHETE que é apresentada na largura total da página.
2 - Intro – Número de ítens que serão apresentados com Título e resenha.
3 - Columns – Define em quantas colunas serão apresentados os elementos INTRO.
4 - Links – Caso o número de ítens da CATEGORIA ultrapasse o número de Leadings + Intro, os
próximos elementos serão apresentados apenas como Títulos e LINKS.

2 3

List - Content Section

30
 13 - Turbinando seu site

Adicionando novos recursos com rapidez e baixo custo: Componentes,

módulos e plugins
Um site não é composto apenas por textos institucionais, também são necessários formulários, links,
galerias de fotos, etc.
Um dos grandes fatores de demora e encarecimentos dos sites tradicionais são os conteúdos
específicos ou funcionalidades especiais. Há alguns anos atrás, imagine quanto custaria um site com
os recursos abaixo:
Briefing de desenvolvimento
 Site com gerenciamento de conteúdo
 Formulários com armazenamento em banco de dados
 Galerias de fotos em Flash
 Animação para Home Page
 Gerenciamento de Downloads

Os custos para PROGRAMAÇÃO destes sistema facilmente ultrapassariam R$ 2 mil. A instalação

padrão do Joomla! já atende o gerenciamento de conteúdo genérico, mas e os outros ítens?
Aí entra o conceito de Componentes, Módulos e Plugins também conhecidos como EXTENSÕES.
As extensões são pequenos (ou grandes) programas desenvolvidos especificamente para se
INTEGRAREM ao Joomla! e agregar novas funcionalidades de maneira simples, rápida e a baixo
custo. No site abaixo podem ser encontradas as principais extensões:
http://extensions.joomla.org

Formulários
Vídeos
Galeria de
Fotos
www.
seusite.com.br
Classificados
SlideShow

Tradução
Comunidades

31
32
13.1 Home Page

13.1.1 Front Page Slide Show

Este componente permite criar um destaque na Home Page (ou em páginas internas) apresentando
uma FOTO e, caso desejado, o título e a resenha de uma página do site.

http://www.joomlaworks.gr

13.2 Galerias de Fotos

Galerias de fotos são comuns na grande maioria dos sites. A escolha da galeria depende do tipo de
site. Seguem alguns exemplos:

13.2.1 RSGallery2
Galeria de fotos no formato tradicional com thumbnails (pequenas imagens) que ao serem clicadas
levam à foto ampliada. O envio de fotos pode ser feito em um formato ZIP que o RSGallery2
descompacta automaticamente após o upload, além disso ele cria AUTOMATICAMENTE os thumbs.
Demo:

13.2.2 Simple Image Gallery Pro

O Simple Image Gallery Pro é um mambot que permite criar galerias de fotos em qualquer página do
site com MUITA FACILIDADE. Basta criar uma sub-pasta em um diretório pré-definido e enviar as
imagens via Media Manager ou FTP.
Basta incluir o código {gallery}sub-pasta{/gallery} que a galeria é montada automaticamente.
No exemplo abaixo as fotos foram enviadas para: images/stories/galeria/festa2005.
O código inserido na página é: {gallery}festa2005{/gallery}

33
Na área administrativa basta definir o campo Galleries Root Folder como images/stories/galeria/.

34
13.2.3 Expose Flash Gallery
Galeria em Flash com interface muito agradável.

13.3 Formulários

Os formulários são essenciais em qualquer site, mas geralmente os clientes têm uma certa
dificuldade no gerenciamento de formulários, na maioria das vezes depende de um producer ou um
analista/programador para criar ou ajustar formulários.
O Joomla! já vem com um componente de formulário, porém existe um componente comercial
denominado Phil-a-Form que facilita MUITO a criação e gerenciamento de formulários, permitindo
que pessoas sem conhecimentos técnicos criem e gerenciem os formulários do site.

13.3.1 Phil-a-Form
Este componente tem como características principais a facilidade em criar formulários diretamente a
partir de uma interface administrativa. Para isso, basta cadastrar os campos: Nome, Empresa,
Telefone, E-mail, etc. e o componente cria automaticamente o formulário. Um dos recursos mais
importantes é a possibilidade de armazenar qualquer formulário em um banco de dados MySQL.
Veja as funcionalidades do Phil-a-form:

35
 Form Header – Texto inicial do formulário, legendas dos botões
 Elements – Nesta opção podem ser cadastrados os campos desejados no formulário. Os
principais tipos de campos são:
o Checkbox field
o Date field (With popup DHTML Calendar)
o Drop Down List: Pre-populated Years 1900 - 2049
o Drop Down List: Blank for you to add your own options
o File Upload Select Box
o Hidden Field
o Password field
o Plain or HTML Text (Use for instructions, intros etc...)
o Radio Box Group
o Text Area (not HTML)
o Textbox
 Actions - Ações (Actions) que devem ser realizadas após clicar no botão ENVIAR são
definidas facilmente na área administrativa, e podem ser:
o Enviar os dados do formulário para um e-mail pré-definido – Envia um e-mail par
o Exibir uma página de agradecimento – Exibe uma mensagem de agradecimento para
a pessoa que preencher o formulário.
o Enviar uma cópia da mensagem para o remetente – Envia um e-mail para a pessoa
que preencheu o formulário.
 Databases – Cria a tabela MySQL para armazenar os dados do formulário.
 Reports – Lista os formulários preenchidos armazenados em banco de dados.

36
  Stats/Mosbots – Mostra a quantidade de visualizações do formulário e o número de vezes que
foi preenchido. O Mosbot é um pequeno código que permite inserir o formulário em
QUALQUER página do site.
 Export CSV from db
 Preview Form
 Copy Form
 Custom Layout

13.4 Gerenciamento de Downloads

Muitos sites necessitam criar áreas para download para seus visitantes ou usuários registrados. Se a
quantidade de arquivos for pequena (menos que 10), talvez seja mais simples enviar os arquivos pelo
Media Manager e criar a página de downloads como Content Item no Joomla!

13.4.1 DOCMan
O DOCMan é o componente de downloads mais utilizado.

37
13.5 URLs amigáveis ou Endereços Amigáveis

URL (Universal Resource Locator) é o endereço que digitamos no browser para acessar um
RECURSO na web. Recurso pode ser desde uma página, como é mais comum, mas pode ser
qualquer tipo de arquivo.
O endereço de um site é um exemplo de URL.

A URL também poder ser um arquivo do PowerPoint:

Sites dinâmicos geralmente possuem URLs complicadas:

http://www.auladeespanhol.com.br/aulaparticular/index.php?option=com_weblinks&catid=16&Itemid=32

Mas para que precisamos nos preocupar com isso?

Porque os mecanismos de busca utilizam o conteúdo da URL como critério de posicionamento. No
exemplo do PowerPoint você não se sentiu atraído a fazer o download do artigo? Isso acontece,
porque o nome do arquivo é sugestivo:
Por_que_investir_no_Google.pps
Ou seja, dentre as dezenas de critérios que os mecanismos de busca (principalmente o Google)
utilizam para classificar os sites, a URL é um dos principais.
Veja um exemplo de anúncio que aparece na primeira página do Google para a busca: quadro
interativo.

Note que em negrito temos na URL:

http://www.divertire.com.br/quadrointerativo/board/index.htm
Para o Joomla! existem vários componentes na categoria Search Engine Friendly URLs. Iremos
comentar de dois deles: o ArtioSEF e o Open SEF.

13.5.1 Open SEF

Este componente troca uma URL complicada por uma amigável. A figura abaixo ilustra a tela com a
lista de URLs em azul temos as URLs AMIGÁVEIS geradas pelo Open SEF.
38
 O exemplo abaixo é o site de um médido especializado em joelho.

13.6 JoomFISH – Gerenciamento de sites multi-idiomas

O JoomFISH oferece uma maneira de gerenciar a tradução do site para vários idiomas.

39
40
13.7 AllVideos - Vídeos do Youtube, Google Vídeo e outros

O AllVideos é sem dúvida um dos plugins mais interessantes, pois ele permite inserir com facilidade
vídeos que podem estar armazenados no próprio site ou em sites especializados em vídeo como o
Youtube, Google Vídeo, Yahoo! Vídeo e outros.

13.7.1 Como usar

Veja como é simples inserir um vídeo do Youtube. O endereço do vídeo abaixo é:
http://www.youtube.com/watch?v=0VOmQFecGWQ

Na área administrativa do Joomla!, insira o seguinte código: {youtube}0VOmQFecGWQ{/youtube}

Pronto, viu como foi fácil?

41
42
13.7.2 Como instalar e configurar
Após instalar o plugin, vá até MAMBOTS >
Site Mambots e clique em AllVideos Plugin.
Irá aparecer a tela ao lado que são as
configurações do AllVideos.
Os formatos suportados são: .flv, .swf, .mov,
.mp4, .wmv, .avi, mpg and .mpeg, .rm/.ram,
.mp3, .wma.
Para inserir é muito simples, basta digitar o
código do vídeo entre TAGs de acordo com
as instruções. Por exemplo:
O vídeo
images/stories/videos/meuvideo.wmv seria
incluído no site através do código:
{wmv}meuvideo{/wmv}
Um vídeo do Yotutube seria inserido da
seguinte maneira:
{youtube}video_id{/youtube}

43
13.8 Tabs & Slides

13.9 Recomendações, comentários e livro de visitas

13.9.1 VisualRecommend v1.1.2

Sistema de indicação de sites muito eficaz, pois possui diversas funcionalidades que o sistema nativo
do Joomla! não possui:
 Rastreamento de e-mails
 Exportação para arquivos CSV
 Múltiplas indicações
 Suporte a URLs amigáveis
 E muitas outras

44
 14 - Domínios

Os domínios são como a MARCA da empresa na internet, pois as pessoas associam e memorizam
os sites de acordo com o domínio escolhido para empresa. No Brasil os domínios são terminados em
.BR e o órgão oficial de gerenciamento dos nomes de domínios é o REGISTRO.BR.
Domínios internacionais são terminados com .COM, .NET, .ORG – os mais conhecidos.

14.1 Mitos e verdades

Mito: Já tenho a marca registrada, portanto não preciso me preocupar em registrar o domínio.
Verdade: A marca não garante o direito sobre o domínio. Por exemplo: Se a VEJA (Revista) e o
VEJA (detergente) resolvessem registrar o domínio VEJA.COM.BR, quem registrar primeiro terá
direito sobre o domínio, pois ambos têm a marca registrada.

Mito: Vou registrar apenas o domínio .COM, pois já tem outra empresa que registrou o .COM.BR.
Verdade: As pessoas no Brasil digitam intuitivamente .COM.BR, portanto está estratégia poderá
gerar tráfego para o outro site.
Mito: s.
Verdade: .
Mito: s.
Verdade: .

14.2 Escolhendo o domínio para o site de seu negócio

A escolha de um domínio é um dos passos fundamentais para o sucesso de um web site, porém a
maioria das pessoas faz uma escolha inadequada.
O usual é escolher um domínio que seja o nome da empresa sem espaços e sem acentos.
Exemplo: Uma empresa chamada Latin Sports Marketing Esportivo possui o site
www.latinsports.com.br que é uma escolha adequada, pois o nome pelo qual os clientes se referem à
empresa é Latin Sports.
O que poucas empresas fazem, seja por falta de conhecimento ou seja por desinteresse, é pesquisar
domínios que sejam relacionados à sua área de atuação. No caso acima, um domínio de grande valor
agregado seria marketingesportivo.com.br, pois é exatamente o nome da área de atuação da
empresa. Como o registro de domínios não segue a mesma legislação
Podemos do registro de marcas, é permitido registrar NOMES COMUNS, ou seja,
registrar podemos registrar praticamente QUALQUER palavra na internet.
praticamente
Registrar um nome comum do segmento de atuação da empresa e
QUALQUER
fazer um REDIRECIONAMENTO para o site principal da empresa é
palavra na
uma boa estratégia para gerar tráfego das pessoas que digitam o nome
diretamente no navegador. Outro fator importante é o fato de mecanismos de busca como o Google
utilizarem o domínio como CRITÉRIO DE RELEVÂNCIA para posicionar o site nos seus resultados de
busca.
45
Outro fator fundamental que poucas empresas prestam atenção, é que os domínios terminados em
.COM, .NET e .ORG são de responsabilidade dos EUA, mas podem ser facilmente registrados por
qualquer empresa ou pessoa física em qualquer lugar do mundo. Portanto, seria adequado também
avaliar a necessidade de registrar o domínio similar americano, evitando que uma empresa
concorrente o faça. Caso isso aconteça é pouco provável que você consiga entrar com processo para
conseguir o domínio para sua empresa. No caso de domínios brasileiros a legislação é mais rígida e
protege mais as empresas que comprovem que houve má-fé no registro do domínio. Como no caso
de nomes de personalidades, que se tiverem o seu nome registrado indevidamente conseguem
recuperar o domínio judicialmente.
O que poucas pessoas sabem é que o Brasil um dos países
que possui maior variedade de TIPOS de domínios. Além dos o Brasil um dos países
já conhecidos .COM.BR (comerciais), .BR (instituições de que possui maior
ensino) e .ORG.BR (entidades sem fins lucrativos) pode-se variedade de TIPOS de
registrar uma grande variedade de domínios, como .IND.BR domínios
(indústrias), .ENG.BR (engenheiros), .ART.BR (atividades artísticas e culturais), e muito mais (veja a
tabela abaixo):
[ncluir tabela do Registro.br]
Apesar da grande maioria dos domínios serem do tipo .COM.BR a escolha de domínios podem ser
uma alternativa no caso de empresas que tenham o domínio principal de sua empresa registrado por
outra empresa de nome similar.
O número de profissionais liberais que trabalham de maneira independente é muito grande, e
sabemos que o principal ativo deles é a sua reputação e o seu nome, portanto é essencial que
avaliem a disponibilidade de seus nomes como domínios. Veja o caso do Stephen Kanitz que tem
como site www.kanitz.com.br ou eu mesmo que tenho o site www.okabe.com.br. Caso você não
possua CNPJ para fazer o registro .COM.BR sugiro que consiga "emprestado" um CNPJ de um
amigo ou parente de muita confiança para fazer o registro do SEUNOME.COM.BR, pois as pessoas
digitam praticamente de maneira automática .COM.BR, portanto se você optar por registrar
SEUNOME.COM corre o risco de perder muitas visitas das pessoas que digitarem .COM.BR.
Conclusão:
A escolha do domínio para seu negócio é um passo fundamental, mas que recebe pouca atenção
pela maioria das pessoas. E como foi visto neste artigo, a boa escolha de um ou mais domínios para
o seu negócio pode ser a diferença entre uma pequena ou uma grande quantidade de visitantes. E
como sabemos, uma pequena parcela dos visitantes se tornam clientes, portanto correto afirmar que:
A boa escolha do(s) domínio(s) para seu negócio terá implicações diretas no número
de negócios gerados.

46
 15 - Hospedagem de sites

Escolher o provedor do site talvez seja uma das etapas mais importantes no processo de decisão,
porém a maioria dos clientes não sabe como escolher o provedor e deixa toda decisão a cargo da
empresa de desenvolvimento.
Veja um plano de hospedagem em 1997:

 Espaço em disco – Espaço ocupado pelos textos, imagens e caixa de e-mail do site.
 Transferência mensal – Quantidade de informação transferida para o computador do
visitante durante o mês.
 Conta POP – Conta de e-mail com o domínio da sua empresa.
Nesta época, os servidores ficavam nos Estados Unidos, e era comum problemas de conexão.
A Locaweb foi um dos primeiros provedores a oferecer hospedagem com servidores no Brasil. Veja o
plano básico oferecido pela Locaweb:

Note que o aumento de espaço, transferência e e-mails é MUITO grande, porém a maioria dos sites
de pequenas e médias empresas não atinge estes limites.
Atualmente existem dezenas de provedores de hospedagens de sites, sendo alguns mais conhecidos
como a Locaweb, Insite, BigHost, Terra Empresas, Digiweb, Dominal, HostNet, etc.
A Locaweb foi um dos primeiros provedores com servidores no Brasil a oferecer planos a R$
29,00/mês, mantendo este mesmo preço até hoje. A Insite oferece diversas soluções de valor
agregado como o InForm que é um sistema que armazena formulários em banco de dados sem
necessidade de programação.
TODOS os serviços de hospedagem fazem uma oferta muito similar de recursos:
* X Mb de espaço
* Y Gb de transferência
* Z Contas de e-mail
* ASP ou PHP
* etc. etc.

47
 Os preços para os planos básicos giram em torno de R$ 19,90 a R$30,00.
Qual é o problema comum a todos?
A maioria dos clientes e potenciais clientes NÃO ENTENDEM os benefícios oferecidos, e a escolha é
feita por indicação de um AMIGO. Ou seja:

Não há um DIFERENCIAL COMPETITIVO claro entre os provedores.

15.1 Um domínio por plano de hospedagem? Esqueça!

Com a grande amplicação da banda larga, e uma enorme melhoria no link entre o Brasil e os Estados
Unidos, hospedar sites em provedores americanos voltou a ser uma opção MUITO INTERESSANTE.

15.1.1 Agora tenho meu próprio provedor!

Uma das grandes "modas" agora são os planos de REVENDA DE HOSPEDAGEM, nos quais você
consegue criar dezenas de planos de hospedagem dentro de um mesmo pacote. Ou seja, investindo
R$ 30,00/mês é possível abrir seu próprio SERVIÇO DE HOSPEDAGEM DE SITES! Chique não?
Isso explica porque encontram-se hospedagens a R$ 5,00/mês!
Eu utilizo alguns provedores como www.Resellerguru.com e www.Amkh.com. No Brasil, a Insite e a
Locaweb já oferecem planos de revenda.

15.1.2 Futuro da Hospedagem de Sites

O que acho engraçado é que o termo "Hospedagem de Sites" é uma analogia com o serviço de
hotelaria, mas nunca via hotéis fazendo propaganda assim: 80 metros quadrados, pode receber 1000
visitas/mês, 4 toalhas de banho, etc.
Não seria mais adequado que a oferta de VALOR AGREGADO fosse feita em termos de SERVIÇOS?
Com tanta tecnologia disponível, o que as pessoas MAIS DESEJAM é que tenha um SER HUMANO
que ajude a utilizar melhor os RECURSOS DISPONÍVEIS. Como em um hotel onde ligamos para
recepção e resolvemos tudo, não seria legal que o provedor pudesse receber um e-mail e nos ajudar
a resolver o problema? Ao invés de dizer: "Por favor, fale com seu webmaster. Isso está fora do nosso
escopo!"

Outro fator essencial é a necessidade de manter o site atualizado, e para isso é necessário que
existam sistemas de gerenciamento de conteúdo como o Joomla! (leia o artigo sobre o Joomla!) que
dê liberdade ao CLIENTE atualizar com facilidade o conteúdo de seu site. Isto já deveria vir junto com
o pacote de serviços de hospedagem.

48
Anexos

49
 16 - Softw ares úteis para o gerenciamento de sites

16.1 Como usar o IrfanView para tratar fotos

Os sistema de gerenciamento de conteúdo deram autonomia para o cliente atualizar o próprio site, o
que é uma vantagem, mas que traz um problema. Como fazer para tratar as imagens
adequadamente? Antes quem fazia isso para o cliente era a produtora!
É muito comum as pessoas instalarem cópias piratas do Photoshop, Fireworks ou outro editor gráfico
para realizar tarefas simples como redução de tamanho, ajustes de brilho/contraste e recorte de fotos.
Infelizmente, a maioria das pessoas não conhece o IrfanView que é um excelente programa para
visualização e tratamento de fotos. Além de gratuito, é simples de usar e muito leve para instalar.
Vamos nos concentrar apenas nas atividades mais importantes para quem necessita ajustar imagens
para um site:

16.1.1 Reduzindo o tamanho da foto

1 - Abra a foto desejada
2 - Clique em IMAGENS > Resize/Resample

3 - Digite a largura desejada OU a altura desejada. Note que a outra medida é automaticamente
definida de acordo com a proporção da foto.

50
16.1.2 Recortanto da foto
Muitas vezes é necessário padronizar todas as imagens quadradas ou com uma proporção pré-
definida. Isso é comum em galeria de imagens. Para isso, é necessário utilizar um recurso
denominado CROP que pode ser acessado pelo menu EDIT > Crop Selection.
1 - Selecione a área que deseja manter da foto. Basta clicar, arrastar o mouse e soltar.

51
2 - Vá ao menu EDIT > Crop Selection

3 - A imagem fica apenas com a área selecionada. Basta salvar a imagem.

52
16.1.3 Ajustando Brilho/Contraste e Cores
Também é comum as fotos não estarem com o brilho adequado.
1 - Clique em IMAGE > Enhance colors...

2 - Ajuste os controles de brilho/contraste e cores, e clique em OK.

53
3 - Salve a imagem. FILE > Save as...

54
 17 - Joomla! – Avançado

17.1 Criando formulários com o Phil-a-Form

17.1.1 Crie um novo formulário

Clique em Add New Form e selecione Form Template: A Blank Form - Start from scratch
 Intro Text – Texto que aparece no início do formulário
 Form Title – Título do Formulário
 Buttons – Altere os textos dos botões

17.1.2 Adicionando Campos

Para adicionar campos no formulário, clique em ELEMENTS. Existem MUITAS opções de campos,
mas para simplificar listamos abaixo todas as opções, e propositadamente, colocamos em destaque e
nas primeiras posições os campos mais utilizados:
Campo Descrição
Textbox Campo texto simples
Text Area (not HTML) Campo texto com múltiplas linhas
Timestamp - Provides a hidden Data e hora do preenchimento
timestamp that gets attached to
submission results
Drop Down List: Blank for you to add Caixa de seleção com opções definidas pelo usuário
your own options
Checkbox field Campo tipo CHECK BOX (quadradinho)
Radio Box Group Campo tipo Radio Box (bolinha)
Date field (With popup DHTML Campo data com seleção via POP
Calendar)
Current URL - Provides a hidden field URL do formulário. Útil para saber o endereço que o
containing the URL of the form about usuário utilizou para preencher o formulário.
to be submitted
DEBUG - Must be removed prior to
publishing form
Display An Image (Eye Candy)
Display Powered By Phil-A-Form Version
x.x
Drop Down List: Pre-populated
Canadian Province Territory
Drop Down List: Pre-populated
Countries
Drop Down List: Pre-populated
Excellent/Good/Average/Poor/Very Poor
Drop Down List: Pre-populated Numbers
1-100
Drop Down List: Pre-populated
True/False
Drop Down List: Pre-populated USA

55
 Campo Descrição
States
Drop Down List: Pre-populated Years
1900 - 2049
Drop Down List: Pre-populated All Known
World Currencies
Drop Down List: Pre-populated with the
next X days, dates and days of the week.
Drop Down List: Suomen Kunnat
-pudotusvalikko
Drop Down List: Suomen läänit
-pudotusvalikko
File Upload Select Box
Hidden Field
Limit number of form submissions per
person (cookie controled)
Password field
Plain or HTML Text (Use for instructions,
intros etc...)
User_ID Field (Prefiled Not-Editable Field id var)
with Joomla! UserID from $my-
Username Field (Prefiled Not-Editable
Field with Joomla Username if logged in)
ipaddress - Provides a hidden ip address
that gets attached to submission results

17.1.3 Incluindo campos adicionais no Phil-a-Form com tabela vinculada

Primeiro deve-se incluir o campo na tabela vinculada através do phpMyADMIN
Depois é necessário incluir o registro referente ao campo na tabela: jos_philaform_detail
Verifique o FORM_ID na tabela: jos_philaform

56
17.2 Como usar o JoomlaCloner

O JoomlaCloner é um componente excelente que facilita MUITO a tarefa de migrar um site de

provedor.
Após a instalação do componente é necessário liberar no site do desenvolvedor a autorização, pois é
um componente pago.

1 – Clique em GENERATE BACKUP

2 – Caso queira EXCLUIR alguma tabela do banco de dados, componentes/módulos ou plugins, ou

pastas/arquivos é necessário selecioná-los conforme ilustração abaixo.

57
Alguns problemas podem ocorrer nesta fase:
a) Erro na geração do arquivo
- Verifique se o caminho existe no servidor e se as permissões estão corretas (Backup Path)
- Altere o formato do arquivo (Archive Type)

3 – Faça o download do arquivo gerado

4 – Crie um banco de dados e adicione um usuário com todas as permissões

5 – Faça o upload do arquivo de backup para o diretório desejado e os arquivos:

 Joomla.Cloner.php
 pcltar.lib.php
 pclzip.lib.php

6 – Executando a operação de RESTORE

Acesse o arquivo [URLDESTINO]/Joomla.Cloner.php
Deverá aparecer a tela de RESTORE. O caminho deverá ser detectado automaticamente.

Digite os dados do banco de dados e selecione:

58
7 – Se a transferência de arquivos for executada corretamente deverá aparecer a tela

8 – Se o banco de dados for migrado corretamente, deverá aparecer a tela:

59
17.3 Display News

Um dos módulos mais versáteis, pois permite apresentar o conte

60
 18 - CPanel – Painel de controle do site

18.1 Criando um banco de dados MySQL

É muito simples criar um banco de dados MySQL através do CPanel.

1 - Clique em MySQL Databases

2 - Digite o nome do banco de dados:

3 – Crie um usuário:

4 – Adicione o usuário ao banco de dados e atribua os privilégios deste usuário:

61
18.2 phpMyAdmin – Gerenciando o banco de dados MySQL

62
 19 - Índice Remissivo

M
Media Manager.......................................................................................................................................................22, 37
Módulo..........................................................................................................................................................................20
Módulo..............................................................................................................................................................................
position......................................................................................................................................................................20

63