Gerenciando seu site com facilidade

1 - QUEM DEVE LER ESTE LIVRO.......................................................................................................................3 2 - MOTIVAES PARA ESCREVER O LIVRO..................................................................................................4 3 - INTRODUO......................................................................................................................................................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 CRIAO................................................................................................................................................................10 7.3 PRODUO.............................................................................................................................................................11 7.4 PROGRAMAO.......................................................................................................................................................11 8 - GERENCIAMENTO DE CONTEDO.............................................................................................................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 Solues proprietrias 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 CARACTERSTICAS..........................................................................................17 11.1 EDIO EM CONTEXTO............................................................................................................................................17 11.2 MODELOS DE SITES PR-PROGRAMADOS....................................................................................................................18 11.3 COMPONENTES......................................................................................................................................................20 11.4 MDULOS............................................................................................................................................................20 11.5 NVEIS DE ACESSO.................................................................................................................................................20 12 - JOOMLA! COMEANDO A USAR................................................................................................................22 12.1 PAINEL DE CONTROLE............................................................................................................................................22 12.2 SECTIONS, CATEGORIES E STATIC CONTENT...............................................................................................................23 12.3 CRIANDO SEES E CATEGORIAS.............................................................................................................................25 12.3.1 Inserindo sees........................................................................................................................................25 12.3.2 Inserindo Categorias.................................................................................................................................25 12.4 INSERINDO CONTEDO...........................................................................................................................................25 12.4.1 Editor HTML.............................................................................................................................................26
12.4.1.1 Formatao e estilos................................................................................................................................ ............26 12.4.1.2 Marcadores e Recuos........................................................................................................................................... 27

12.4.2 Status da publicao..................................................................................................................................27 12.4.3 Imagens da pgina.....................................................................................................................................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 FORMULRIOS.......................................................................................................................................................35 13.3.1 Phil-a-Form...............................................................................................................................................35 13.4 GERENCIAMENTO DE DOWNLOADS...........................................................................................................................37 13.4.1 DOCMan...................................................................................................................................................37 13.5 URLS AMIGVEIS OU ENDEREOS AMIGVEIS...........................................................................................................38 13.5.1 Open SEF...................................................................................................................................................38 13.6 JOOMFISH GERENCIAMENTO DE SITES MULTI-IDIOMAS............................................................................................39 13.7 ALLVIDEOS - VDEOS DO YOUTUBE, GOOGLE VDEO E OUTROS...................................................................................41 13.7.1 Como usar..................................................................................................................................................41 13.7.2 Como instalar e configurar.......................................................................................................................43 13.8 TABS & SLIDES....................................................................................................................................................44 13.9 RECOMENDAES, COMENTRIOS E LIVRO DE VISITAS..................................................................................................44 13.9.1 VisualRecommend v1.1.2...........................................................................................................................44 14 - DOMNIOS.........................................................................................................................................................45 14.1 MITOS E VERDADES...............................................................................................................................................45 14.2 ESCOLHENDO O DOMNIO PARA O SITE DE SEU NEGCIO................................................................................................45 15 - HOSPEDAGEM DE SITES..............................................................................................................................47 15.1 UM DOMNIO POR PLANO DE HOSPEDAGEM? ESQUEA!................................................................................................48 15.1.1 Agora tenho meu prprio 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! AVANADO.................................................................................................................................55 17.1 CRIANDO FORMULRIOS COM O PHIL-A-FORM...........................................................................................................55 17.1.1 Crie um novo formulrio...........................................................................................................................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 scio de uma pequena empresa ou profissional de marketing/comunicao e necessita desenvolver ou reformular o site de sua empresa, e tem aquela sensao de insegurana sobre quais caminhos tomar, como planejar o site, que recursos a web oferece atualmente, e outras dvidas comuns maioria das pessoas...

ESTE LIVRO para voc.

Neste livro voc ver as etapas principais no desenvolvimento de um site, quais profissionais so necessrios para um BOM projeto web, o que so sistemas de gerenciamento de contedo, dicas que como manter seu site atualizado e os principais conceitos de marketing em sites de busca. Estudantes e profissionais WEB tambm aproveitaro 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 contedo? Porque a grande maioria dos sites necessita de uma atualizao do contedo, por vrios motivos: Divulgar cursos, palestras e outros eventos Atrair clientes com contedo relevante como artigos e notcias Gerar interesse em indicar o site para amigos, salvar em favoritos, criar LINKS para o site como referncia em determinado assunto Caso ainda no tenha se convencido que vale a pena investir em contedo, importante saber que sites com maior quantidade de contedo tem chances muito maiores de ficar em boas colocaes no Google. Se seu site no aparece no Google, importante repensar sua estratgia de internet.

2 - Motivaes 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 perodo de pouco investimento e a retomada dos investimentos. Uma coisa certa: O desejo comum a empresas de qualquer porte gerenciar o contedo do seu site com facilidade. No incio, os altos custos para ter um site com sistemas de gerenciamento de contedo inviabilizavam que pequenas e mdias empresas tivessem sites dinmicos. Atualmente, com a popularizao do desenvolvimento de sites, a sndrome do sobrinho se torna mais evidente. Esta sndrome ocorre quando o filho de um amigo, um funcionrio 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 NO! Ento porque deixar o site da empresa que uma ferramenta ESSENCIAL para gerar resultados ao cargo de pessoas no habilitadas. Entender a importncia de usar um BOM sistema de gerenciamento de contedo para o site ir mostrar que possvel usar o sobrinho no projeto, sem prejudicar os RESULTADOS desejados.

3 - Introduo
Trabalho com internet desde 1997 quando fiz meu primeiro site, e o que me motivou a escrever este livro a falta de literatura para usurios comuns. As livrarias esto repletas de livros para pessoas interessadas em se tornar um profissional da web, mas poucos so voltados para as pessoas comuns. A internet j faz parte do nosso dia-a-dia, no conseguimos mais nos imaginar sem utilizar sites de busca com o Google, fazer pagamentos online no nosso banco, conhecer os servios/produtos das empresas, etc. Porm, grande parte das pessoas tm um sentimento de INSEGURANA no uso da web tanto para o trabalho como para o lazer. Quando se trata de desenvolvimento de sites as pessoas ainda tm INMERAS dvidas, e o resultado so 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 contedo, com diversos recursos de interatividade e COM PREO JUSTO!
Quando falamos de gerenciamento de sites parece algo que no to simples, porm devemos lembrar que a pesar da internet estar no Brasil h mais de 10 anos, ainda estamos vivendo as incrveis mudanas que a internet traz para nosso dia-a-dia. Ento, 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 edio 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 so atividades corriqueiras.

Em breve, ATUALIZAR o contedo do site tambm 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.

4 - Para que serve um site?

Esta pergunta pode parecer bvia, mas incrvel a quantidade de pessoas que no saber respondla adequadamente. Isso ocorre porque a internet realmente j provou que um dos meios de comunicao mais eficientes, porm a grande maioria das pessoas desenvolve o site sem saber exatamente o que deseja alcanar. A resposta padro :

"Quero divulgar os produtos/servios da minha empresa e conseguir novos clientes!"

Claro que toda empresa deseja a mesma coisa. Isso como algum dizer que seu objetivo de vida "Ser feliz". No 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 so mais especficas: O site serve para obter informaes DETALHADAS de produtos/servios Conseguir suporte tcnico Entrar em contato com a empresa via e-mail, MSN, Skype, Help Desk, Telefone. Fazer a inscrio para cursos e eventos Comprar produtos, servios e/ou softwares APRENDER com artigos, tutoriais, vdeos de orientao, podcast (artigos em adio) Fazer download de documentos Participar de comunidades (Orkut.com, LinkedIn.com) Trocar experincias atravs de fruns de discusso, chats, etc. E muito mais Ok, agora que voc se colocou na posio do seu cliente (ou potencial cliente) que visitar seu site, acredito que conseguir PLANEJAR com mais eficincia como seu site deve ser estruturado.

5 - Quero reformular o site da minha empresa

Ainda muito comum a responsabilidade do site ficar a cargo da rea de informtica ou da rea de marketing. No caso de pequenas empresas fica a cargo do dono. Em ambos os casos, a pessoa responsvel no possui muita experincia no desenvolvimento de sites e por este motivo a escolha de como o site da empresa ser desenvolvido feita com critrios duvidosos. Veja algumas situaes tpicas: O filho ou sobrinho de fulano entende bastante de internet - Cuidado com a "sndrome do sobrinho", resista tentao 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 mdio porte. muito melhor contratar uma agncia web, pois ela ter diversos profissionais especializados em cada necessidade do site (Design, programao, contedo, etc.) Eu mesmo vou fazer o site, fiz um curso de Front Page ou Dreamweaver A edio de pginas HTML se tornou fcil com editores VISUAIS, porm isso no significa que fazer o prprio site ir trazer resultados para a empresa. Antes de QUALQUER DECISO sobre quem ir desenvolver o site, acredito que ESSENCIAL algumas reflexes e anlises: Pblico alvo Voc sabe quem o pblico alvo do seu site? Se voc vende artigos para bebs, ser que ser a me ou o pai que visitar o seu site com maior freqncia? Seu pblico visitar seu site com que frequncia (diariamente, semanalmente, mensalmente)? Tecnologia para desenvolvimento Qual a linguagem de programao mais adequada? Que banco de dados utilizar? Onde hospedar o site? Estrutura para manuteno do site Quais os profissionais necessrios para manter o site atualizado e em constante evoluo? Que servios devo terceirizar e quais devo manter uma equipe interna? Como na construo de um edifcio, onde elaborado um projeto de arquitetura e um projeto de clculo estrutural, a construo de um site deve seguir o mesmo caminho. Infelizmente, no o que ocorre na maioria dos projetos, onde comum o site ficar em desenvolvimento durante vrios meses, e o resultado final no atender as expectativas do cliente. Acreditamos que, independente do resultado do seu planejamento, voc chegar concluso que seu site dever ser flexvel para que possa ser alterado conforme mudanas no planejamento de sua empresa e fcil de atualizar para que os custos de manuteno sejam minimizados.

6 - Sites de Busca
A revista Exame divulgou uma matria mostrando a importncia do site aparecer na PRIMEIRA PGINA dos mecanismos de busca. Basta ver as estatsticas para entender:

80% dos usurios no vo para segunda pgina e 60% dos internautas clicam nos trs primeiros resultados.

6.1

Como o Google classifica os sites?

O Google utiliza inmeros critrios para classificar os sites, porm o mecanismos denominado PageRank que um algoritmo matemtico cujo princpio 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 vrias 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 CONTEDO RELEVANTE, afinal que outra razo algum teria para criar um link para seu site?

7 - Profissionais w eb
incrvel como as empresas contratam profissionais para desenvolver o site de sua empresa, mas no possuem nenhum conhecimento sobre os tipos de profissionais necessrios para o desenvolvimento de um site. Um site muito mais do que uma ferramenta de marketing, ele pode (DEVE) oferecer servios que facilitem a vida do seu pblico alvo, seja fornecendo informaes e aprendizado (Artigos, Tutoriais, Vdeos demonstrativos, etc.) ou funcionalidades como Venda Online, inscries 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 estratgias online. Seguem os principais profissionais que podem se envolver em um site, lembrando que comum uma mesma pessoa ter 2 ou mais competncias dentro de um projeto: 7.1 Planejamento Gerente de projetos Profissional com conhecimentos gerais de todas as etapas de desenvolvimento de sites. Ele responsvel pela coordenao 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 agncias web, o responsvel por fazer as reunies com o Cliente, analisar demandas e passar as atividades para o Gerente de Projetos ou diretamente para equipe de desenvolvimento. Arquiteto da Informao Profissional que tem sido valorizado por grandes empresas, porm nas agncias web geralmente esta atividade absorvida pelo atendimento ou gerente de projetos. responsvel por analisar a maneira como a navegao do site est planejada, se os links possuem visibilidade e so intuitivos para o visitante, em suma, responsvel por tornar a navegao o MAIS SIMPLES e INTUITIVA possvel. Especialista em Marketing Online Ter o site bem posicionado no Google e outros sites de busca fator crtico 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 responsvel por fornecer as diretrizes necessrias para que o site atende as boas prticas da Otimizao em Sites de Busca. Reservamos um captulo apenas para este tema.

7.2

Criao Diretor de Criao Responsvel por definir a identidade visual do site (Home Page e pginas internas), geralmente um profissional snior com experincia em participar de reunies para defender e explicar o conceito do projeto. Assistente de Criao Profissional com menos experincia responsvel pela criao de elementos grficos banners, tratamento de fotos, cones, etc. e pginas internas, sempre baseado no conceito definido pelo diretor de criao. Webdesigner Em projetos de menor porte comum apenas um profissional desenvolver toda criao do site, acumulando as funes de diretor de criao e assistente de criao. Geralmente este profissional desenvolve o site totalmente em Flash ou em HTML esttico. 10

 Programador Flash A tecnologia Flash responsvel pela maioria das animaes que vemos em sites. raro existir um programador exclusivo em flash, geralmente ele tambm atua como webdesigner. Em criao o programador flash tem experincia em elaborar animaes e efeitos visuais/sonoros que auxiliam a navegao do site. 7.3 Produo Producer o profissional responsvel por tranformar o Layout desenvolvido pelo diretor de criao em HTML/CSS. No caso de sites estticos, ele o profissional que finaliza e entrega o site j com o contedo final. Para sites dinmicos, o producer entrega as pginas produzidas em HTML/CSS para o programador inserir a programao. Profissional de Contedo Este profissional pode ser responsvel pela elaborao do contedo do site, e em muitos casos, na incluso deste contedo diretamente no site. Geralmente so profissionais como jornalistas ou da rea de marketing/comunicao. Em projetos menores, comum o prprio cliente elaborar o contedo.

7.4

Programao Analista/Programador Profissional responsvel por criar a base de dados, programar os sistemas dinmicos do site. As linguagens mais comuns de desenvolvimento web so ASP e PHP, mas tambm so muito utilizadas o .NET, JSP, CFM (Cold Fusion). Os bancos de dados mais utilizados so MySQL, Access, SQL Server. O mais comum o analista/programador ter uma preferncia e/ou exclusividade no uso da linguagem, sendo mais comum as seguintes combinaes: o Linux - PHP/MySQL O Linux um sistema operacional muito utilizado em servidores web, e geralmente utiliza a linguagem de programao PHP e o banco de dados MySQL. A vantagem deste profissional que ele pode utilizar diversos sistemas Open Source no desenvolvimento de um site. Windows Asp/Access ou SQL Server Grande parte dos servidores web so Windows, e a linguagem de programao mais utilizada o ASP (Active Server Pages) e os bancos de dados mais utilizados so o Access e o SQL Server.

No escopo deste livro comparar linguagens de programao, mas sim mostrar que importante saber que um programador ASP tender (por motivos bvios) a recomendar uma hospedagem Windows, e vice-versa. Por isso, necessrio a opinio IMPARCIAL de um profissional que possa analisar o projeto e recomendar a tecnologia mais adequada. Programador Flash O programador flash de programao cumpre funes diferentes do programador flash de criao. Ele responsvel por fazer o Flash interagir com bancos de dados, criar funes especficas como clculos, e qualquer outra funcionalidade que necessite de uma programao especial em Action Script que a linguagem de programao do Flash. Em projetos de GAMES muito comum o programador flash de criao desenvolver as animaes e efeitos, e o programador flash de programao criar as funcionalidades especficas do GAME.

11

8 - Gerenciamento de Contedo
O Gerenciamento de Contedo j um termo importante para a internet. Atravs dos sistemas de Gerenciamento de Contedo possvel alterar informaes do site sem a interferncia de webdesigners ou programadores, a partir de qualquer computador conectado internet e a qualquer hora. O Sistema de Gerenciamento de Contedo um sistema de banco de dados onde o usurio pode alterar os dados deste banco de dados atravs de uma rea administrativa acessvel atravs de senha, as informaes deste banco de dados aparecem no site de forma transparente para o visitante. 8.1 Como funciona? 1. Primeiro, determina-se quais sees do site sero atualizadas pelo prprio cliente. 2. Segundo, define-se as informaes e as pginas que sero geradas automaticamente, e com isso cria-se o banco de dados. 3. Por ltimo, so desenvolvidas as pginas administrativas para o cliente atualizar as informaes de maneira independente.

8.2

Quais as vantagens?

As vantagens de utilizar um sistema de Gerenciamento de Contedo so: Agilidade - Pode-se alterar informaes 24 horas por dia; Autonomia - O usurio pode atualizar informaes sem auxlio de um webdesigner ou programador, a partir de qualquer computador; Flexibilidade - Quando o site sofre uma reestruturao de layout, basta alterar alguns modelos de pginas e todas as pginas que utilizam o Gerenciamento de Contedo so alteradas automaticamente.

12

8.3

Investimentos

Para ter um sistema de Gerenciamento de Contedo necessrio um investimento inicial maior do que um site esttico, que rapidamente recuperado com a economia nas atualizaes. 8.4 Cuidados na escolha do fornecedor

Atualmente existe uma diversidade muito grandes de sistemas de gerenciamento de contedo e de agncias web com solues proprietrias. O importante tomar os cuidados bsicos para fazer uma boa escolha: 1. Solicite referncias de sites que utilizam a mesma soluo e entre em contato para verificar se os donos dos sites esto contentes. 2. Pergunte ao desenvolvedor se a soluo de gerenciamento de contedo OpenSource 1 ou proprietria. 3. Solicite uma rea DEMO para voc testar a interface de administrao da ferramenta. 8.4.1 Solues proprietrias x Opensource

Open Source um conceito de desenvolvimento de software cujo cdigo aberto, ou seja, qualquer programador tem acesso a estudar e realizar melhorias no software. Com isso, o desenvolvimento do mesmo muito acelerado. Alm disso, ele pode ser distribudo livremente e sem custos de licena, mesmo por quem no programador. A soluo proprietria ao contrrio pertence a uma determinada empresa, e seu uso tem custos de licenciamento e seu cdigo (na maioria das vezes) fechado.
Solues proprietrias Vantagens Empresa tem mais facilidade de realizar alteraes no sistema Suporte e garantia Desvantagens Alto grau de dependncias dos profissionais da empresa desenvolvedora Custos de licena Custos de desenvolvimento de mdulos no presentes no software Opensource Vantagens Sem custos de licena Rede de profissionais com conhecimento sobre o software Ampla gama de mdulos adicionais gratuitos ou com custos baixos Desvantagens No existe uma garantia formal, pois o software no pertence a uma empresa.

A escolha depender MUITO do grau de confiana na empresa, porm deve-se levar em conta que o que REALMENTE define a melhor escolha a NECESSIDADE da sua empresa.

OpenSource Soluo de cdigo aberto e sem custos de licena, na qual desenvolvedores de todo mundo ajudam a melhorar o cdigo. 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 mxima: O cliente tem sempre razo, pode pular este captulo, 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 mgoas do projeto). Para melhor compreender, vamos fazer uma metfora com a construo de uma casa. Para construir uma casa o ideal ter um arquiteto que faa o projeto da casa, desenhando a planta e analisando junto com o cliente suas necessidades. Aps isso, feita a contratao da equipe que geralmente composta por um engenheiro civil, um decorador, um mestre de obras e os pedreiros. A construo de um site deveria seguir um caminho similar, porm 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 vrias empresas e freelancers, recebe vrios oramentos e escolhe o mais barato. Durante o projeto vo surgindo demandas no previstas pela produtora web, ou o cliente descobre que esqueceu de incluir no oramento funcionalidades importantes. Achei que estava no escopo... - A animao no est inclusa no oramento? O formulrio no vai armazenar em banco de dados? Vocs no vo me ajudar a configurar o outlook em todos computadores da empresa? Eu tenho que redigir os textos? Vocs no tiram fotos da minha empresa? Podemos fazer uma lista ainda maior, mas a idia aqui cada um refletir se j falou esta frase e se estava com a razo. D para incluir um campo no formulrio? - Depois de elaborada toda programao, principalmente se o formulrio armazena em banco de dados, provvel que determinadas alteraes demandem muitas horas de trabalho. Esta empresa/freelancer no tem competncia Quem escolhe o fornecedor o cliente, portanto salvo excees (quando o fornecedor mente sobre trabalhos no-realizados por ele), o cliente deveria pedir para ver os bastidores de outros sites desenvolvidos bem como solicitar referncias de clientes para confirmar a idoneidade do fornecedor. Digitar o nome da empresa no Google tambm uma forma interessante de avaliar a visibilidade da empresa. Bom, o objetivo era apenas levantar situaes para cada um refletir. Sei que para alguns pode parecer estranho, mas importante lembrar que a maioria dos profissionais web so srios e se esforam para prestar o melhor servio. Uma sugesto para contornar situaes de crise em seus projetos web pedir para algum mediar a situao ouvindo de forma imparcial todas as partes. Marcar uma reunio de alinhamento tambm uma alternativa, onde fornecedor e cliente expem sem crticas a sua viso do projeto, bem como suas sugestes para contornar os problemas.

14

10 - Joomla! Revolucionando a forma de criar sites

"Hoje, mesmo com pouco mais de um ano desde a primeira verso, o Joomla! o CMS em maior expanso, sendo provavelmente o CMS mais procurado, com a maior comunidade e recursos disponveis. A grande vantagem do Joomla sua diversidade de extenses extras, feitas no necessariamente pelos desenvolvedores do projeto. Componentes, mdulos e plugins so 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! necessrio entender o que um CMS (Content Management System), mais popularmente conhecido como Gerenciador de Contedo. O gerenciador de contedo nada mais do que um software que utilizamos via internet para gerenciar o contedo do nosso site. Simples no? Se compararmos com nosso computador, podemos dizer que o Word um Gerenciador de Contedo, pois conseguimos editar textos e imagens de uma maneira simples. Se expandirmos o conceito de contedo, lembrando que contedo na internet pode ser alm de textos e imagens adio, vdeo, documentos para download, animaes, etc. Podemos considerar o PowerPoint, Excel e Access como gerenciadores de contedo tambm. Voltando para internet, mais especificamente para o Joomla! O que ele tem de especial no que se refere criao 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 programao (onde o site ser efetivamente desenvolvido com links e tudo mais) e no final colocado o contedo. Este processo pode levar MESES para que o site seja finalizado. Com o Joomla! possvel utilizar um novo modelo de criao 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 cdigo aberto, ou seja, qualquer programador no mundo pode ajudar a aprimor-lo, e uma equipe central gerencia todas as mudanas e disponibiliza verses 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 motivao muito simples:

Se 2 cabeas pensam melhor que 1, MILHARES de cabeas 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 tm disponvel 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 referncia: http://pt.wikipedia.org/wiki/Joomla www.Joomla.com.br

16

11 - Joomla! - Principais caractersticas

Veja a seguir as razes porque o Joomla! um dos sistemas de gerenciamento de contedo que mais crescem em nmero de usurios no mundo. 11.1 Edio em contexto A edio em contexto permite que a edio seja realizada diretamente da mesma interface onde o visitante navega no site. Basicamente, ao fazer o login aparecer um cone de um lpis ao lado do ttulo do contedo que ao ser clicado abrir a tela de edio.

Com a edio em contexto possvel descentralizar o gerenciamento do site para usurios com o mnimo conhecimento de internet.

17

11.2 Modelos de Sites pr-programados Este talvez seja a caracterstica mais marcante do Joomla!, pois uma quebra de paradigma no desenvolvimento de sites. O Joomla! faz uma separao entre DESIGN e CONTEDO, ou seja:

possvel mudar a estrutura e design de um site sem alterar seu contedo.

O contedo de textos fica armazenado em um banco de dados (MySQL) e as imagens utilizadas para compor o contedo so armazendas em um diretrio especfico gerenciado pelo Media Manager. As imagens que compem o DESIGN do site so aquelas imagens que o administrador do site no tem autonomia para gerenciar atravs da rea administrativa. Por exemplo: Logotipo, fundo da pgina, fundo de menu, etc. Este o layout padro do Joomla!

Figura 3 - Tela padro do Joomla! Existem dezenas de sites que oferecem Modelos de sites em Joomla! (gratuitos ou pagos), sendo possvel 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 apresentao em PowerPoint, ser de simples entendimento. Ao criar uma apresentao em PowerPoint voc pode escolher um Modelo de Apresentao e a partir da criar a sua apresentao. 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 necessrios (troca de logomarca, fotos, etc.) e definir como Layout Padro (Default), e bingo! O site inteiro ter seu Layout trocado imediatamente. Existem centenas de sites de Templates para Joomla!, alguns so gratuitos e outros tm custos. Geralmente os sites pagos permitem o uso dos templates em um determinados nmero de sites durante o perodo 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 no 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 informao e navegao tambm deve ser analisada.

19

11.3 Componentes Um dos grandes DIFERENCIAIS do Joomla! so os COMPONENTES, que so mdulos que gerenciam contedos ESPECFICOS como por exemplo: Links, Documentos, Enquetes, Formulrios, etc. Caso seu site necessite de um sistema especfico, como um gerenciador de formulrios que te d liberdade para criar formulrios 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 tambm so estruturas de contedo com a opo de dezenas de componentes disponveis. Mas adiante, veremos em detalhes vrios componentes que tornaro o seu site muito mais eficiente.

11.4 Mdulos Os mdulos podem ser considerados blocos de informao que podem ser posicionados em posies (position) especficas do site. O Joomla! vem com diversos mdulos pr-instalados: Latest News Mostra os contedos mais recentes Popular Contedos mais visitados Polls Apresenta as enquetes ativas Random Image Apresenta uma imagem aleatria de um diretrio determinado pelo usurio. Newsflash Apresenta os tens de uma determinada categoria de maneira aleatria, na horizontal ou na vertical. Search Caixa de busca

11.5 Nveis de acesso Existem dois tipos de usurios: Front End e Back End. Front End so usurios que acessam apenas a rea pblica, porm com possibilidade de editar contedo. Back End a rea administrativa, onde podem ser realizadas aes mais avanadas de gerenciamento do site.

20

Figura 5 - Nveis de usurios 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 insero de novo contedo. Content Items Manager Lista todos os contedos do site Static Content Manager Em sites com poucas pginas no h necessidade de categorizar as pginas, ou pginas institucionais como Sobre a Empresa, podem ser includas como Static Content. Front Page Manager Gerencia a ordem dos contedos na Home Page. Section Manager Gerencia as SEES do site. Category Manager Gerencia as CATEGORIAS dentro das SEES do site. Media Manager a rea de imagens do site. Trash Manager Lista de pginas deletadas, possvel recuperar. Menu Manager Lista de menus do site. Language Manager Gerenciamento de idiomas User Manager Gerenciador de usurios do site. Global Configuration Configuraes 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 bsico, vamos nos concentrar nas atividades ESSENCIAIS para criar seu primeiro site em Joomla! (a gente nunca esquece). Uma das principais dvidas no uso do Joomla! como utilizar configurar as sees e categorias, e o que Static Content (Contedo Esttico). Este dever ser o MENU mais utilizado na rea administrativa, pois a partir dele que feito o gerenciamento do contedo do site.

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

Quem Somos

Servios

Notcias

Fale Conosco

Histrico

Marketing na Web Joomla!

Saiu na Mdia

Localizao

Novidades

Consultoria

Press Releases

As reas Saiu na Mdia, Novidades e Press Releases no so uma pgina simples de contedo, mas uma lista de pginas. Ou seja, ao clicar em cada um deles veremos vrias pginas de contedo (CONTENT ITEM). Uma analogia simples imaginar que SEO uma pasta que contm diversas outras sub-pastas (CATEGORIAS) 23

Ao clicarmos em Quem Somos, Histrico, Marketing na Web, etc. iremos diretamente para a pgina do contedo. Alm disso, este contedo sofre poucas modificaes ao longo do tempo. Neste caso, podemos optar por utilizar STATIC CONTENT para armazenar este contedo. Na instalao padro do Joomla! vem configuradas as sees e categorias: News o Latest News

Newsflash o FAQs o Example FAQs Newsflash

Seguindo a nossa analogia com as pastas do computador:

24

12.3 Criando Sees e Categorias 12.3.1 Inserindo sees Primeiro necessrio criar as sees do site. A maioria dos sites possuem sees em comum, portanto segue uma lista sugerida de sees: Institucional Produtos Servios Cursos Notcias Para inserir uma seo 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 Contedo Para inserir uma nova pgina, basta clicar em ADD NEW CONTENT na Home Page da rea administrativa, ou seguir o caminha abaixo:

Na pgina de incluso de um novo contedo temos: 1. Title Ttulo da pgina 2. Title Alias 3. Section Seo 4. Category Categoria 5. Intro Text Pequeno texto de introduo 6. Main Text Contedo completo da pgina

25

1 2

3 4

12.4.1 Editor HTML

Formatao de fontes Estilo de fontes Style Estilo de pargrafos - Format Voltar Refazer Inserir e retirar Link Inserir ncora Inserir imagem Limpar cdigo

Marcadores Numerao Recuo esquerda e direita

12.4.1.1 Formatao e estilos

26

12.4.1.2 Marcadores e Recuos

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

12.4.2 Status da publicao Publishing Informaes sobre o status de publicao da pgina, autor e nvel de acesso Show on Front Page Define se o Title e Intro Text sero apresentados na Home Page Published Indica se o contedo j est publicado Access Level Nvel do usurio que tem permisso para acessar o contedo. Author Alias Apelido do Autor Ordering Ordem de apresentao Override Created Date Sobreescreve a data de criao. Start Publishing Data de incio de publicao. Finish Publishing Data final de publicao.

12.4.3 Imagens da pgina Images Gerencia as imagens da pgina. Gallery Images Imagens disponveis o Sub-Folder selecionado. Sub-folder Sub-diretrios dentro do diretrio Images/Stories. Estas imagens so gerenciados via Site Media Manager Content Images Imagens disponveis para utilizao na pgina. Note que elas substituem as tags {mosimage} NA ORDEM em que elas aparecem na pgina. Edit the image selected Define como ser o alinhamento do texto em relao imagem SELECIONADA em Content Images.

12.5 Menus O Joomla! vem com 4 menus padres na sua instalao bsica: mainmenu Menu principal do site othermenu Utilizado como menu secundrio 27

 topmenu Meno do topo usermenu Menu de usurio administrador Este menus so apenas sugestes pr-configuradas do Joomla!. Voc pode criar novos menus se assim o desejar. Ao ser criado um menu, automaticamente criado um MDULO com mesmo nome. A definio de POSIO e NVEL DE ACESSO deve ser feita em Modules Site Modules.

Figura 6 - Parmetros do Mdulo USER MENU Note que em Access Level possvel definir que USURIOS podem visualizar este menu.

12.5.1 Inserindo novo tem no menu MENU [Nome do Menu] NEW A opes de menu so apresentadas na prxima tela:

28

12.5.2 Link - Static Content Link para pgina de Contedo Esttico que uma pgina que sofre POUCAS ATUALIZAES (Ex: O Joelho). 12.5.3 Wrapper s vezes queremos incluir no site contedo localizados em outros sites. Este recurso permite incluir ENDEREOS de outros sites sem precisar copiar o contedo ou fazer um link para o outro site. 12.5.4 Link Url Utilizado quando queremos direcionar o link do menu para um endereo fixo dentro ou fora do site.

12.5.5 Blog - Content Category Apresenta o contedo de uma CATEGORIA no formato de TTULO, RESENHA e Leia mais. As opes de estrutura so:

29

1 - Leading - MANCHETE que apresentada na largura total da pgina. 2 - Intro Nmero de tens que sero apresentados com Ttulo e resenha. 3 - Columns Define em quantas colunas sero apresentados os elementos INTRO. 4 - Links Caso o nmero de tens da CATEGORIA ultrapasse o nmero de Leadings + Intro, os prximos elementos sero apresentados apenas como Ttulos e LINKS.

List - Content Section

30

13 - Turbinando seu site

Adicionando novos recursos com rapidez e baixo custo: Componentes, mdulos e plugins
Um site no composto apenas por textos institucionais, tambm so necessrios formulrios, links, galerias de fotos, etc. Um dos grandes fatores de demora e encarecimentos dos sites tradicionais so os contedos especficos ou funcionalidades especiais. H alguns anos atrs, imagine quanto custaria um site com os recursos abaixo: Briefing de desenvolvimento Site com gerenciamento de contedo Formulrios com armazenamento em banco de dados Galerias de fotos em Flash Animao para Home Page Gerenciamento de Downloads Os custos para PROGRAMAO destes sistema facilmente ultrapassariam R$ 2 mil. A instalao padro do Joomla! j atende o gerenciamento de contedo genrico, mas e os outros tens? A entra o conceito de Componentes, Mdulos e Plugins tambm conhecidos como EXTENSES. As extenses so pequenos (ou grandes) programas desenvolvidos especificamente para se INTEGRAREM ao Joomla! e agregar novas funcionalidades de maneira simples, rpida e a baixo custo. No site abaixo podem ser encontradas as principais extenses: http://extensions.joomla.org

Formulrios Galeria de Fotos Vdeos

www. seusite.com.br
SlideShow Traduo Classificados

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 pginas internas) apresentando uma FOTO e, caso desejado, o ttulo e a resenha de uma pgina do site.

http://www.joomlaworks.gr

13.2 Galerias de Fotos Galerias de fotos so 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 aps o upload, alm 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 pgina do site com MUITA FACILIDADE. Basta criar uma sub-pasta em um diretrio pr-definido e enviar as imagens via Media Manager ou FTP. Basta incluir o cdigo {gallery}sub-pasta{/gallery} que a galeria montada automaticamente. No exemplo abaixo as fotos foram enviadas para: images/stories/galeria/festa2005. O cdigo inserido na pgina : {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 agradvel. 13.3 Formulrios Os formulrios so essenciais em qualquer site, mas geralmente os clientes tm uma certa dificuldade no gerenciamento de formulrios, na maioria das vezes depende de um producer ou um analista/programador para criar ou ajustar formulrios. O Joomla! j vem com um componente de formulrio, porm existe um componente comercial denominado Phil-a-Form que facilita MUITO a criao e gerenciamento de formulrios, permitindo que pessoas sem conhecimentos tcnicos criem e gerenciem os formulrios do site. 13.3.1 Phil-a-Form Este componente tem como caractersticas principais a facilidade em criar formulrios 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 formulrio. Um dos recursos mais importantes a possibilidade de armazenar qualquer formulrio em um banco de dados MySQL. Veja as funcionalidades do Phil-a-form:

35

 Form Header Texto inicial do formulrio, legendas dos botes Elements Nesta opo podem ser cadastrados os campos desejados no formulrio. Os principais tipos de campos so: o o o o o o o o o o o Checkbox field Date field (With popup DHTML Calendar) Drop Down List: Pre-populated Years 1900 - 2049 Drop Down List: Blank for you to add your own options File Upload Select Box Hidden Field Password field Plain or HTML Text (Use for instructions, intros etc...) Radio Box Group Text Area (not HTML) Textbox

Actions - Aes (Actions) que devem ser realizadas aps clicar no boto ENVIAR so definidas facilmente na rea administrativa, e podem ser: o o o Enviar os dados do formulrio para um e-mail pr-definido Envia um e-mail par Exibir uma pgina de agradecimento Exibe uma mensagem de agradecimento para a pessoa que preencher o formulrio. Enviar uma cpia da mensagem para o remetente Envia um e-mail para a pessoa que preencheu o formulrio.

Databases Cria a tabela MySQL para armazenar os dados do formulrio. Reports Lista os formulrios preenchidos armazenados em banco de dados. 36

 Stats/Mosbots Mostra a quantidade de visualizaes do formulrio e o nmero de vezes que foi preenchido. O Mosbot um pequeno cdigo que permite inserir o formulrio em QUALQUER pgina 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 usurios registrados. Se a quantidade de arquivos for pequena (menos que 10), talvez seja mais simples enviar os arquivos pelo Media Manager e criar a pgina de downloads como Content Item no Joomla! 13.4.1 DOCMan O DOCMan o componente de downloads mais utilizado.

37

13.5 URLs amigveis ou Endereos Amigveis URL (Universal Resource Locator) o endereo que digitamos no browser para acessar um RECURSO na web. Recurso pode ser desde uma pgina, como mais comum, mas pode ser qualquer tipo de arquivo. O endereo de um site um exemplo de URL.

A URL tambm poder ser um arquivo do PowerPoint:

Sites dinmicos 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 contedo da URL como critrio de posicionamento. No exemplo do PowerPoint voc no se sentiu atrado 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 critrios que os mecanismos de busca (principalmente o Google) utilizam para classificar os sites, a URL um dos principais. Veja um exemplo de anncio que aparece na primeira pgina 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 vrios 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 amigvel. A figura abaixo ilustra a tela com a lista de URLs em azul temos as URLs AMIGVEIS geradas pelo Open SEF. 38

O exemplo abaixo o site de um mdido especializado em joelho.

13.6 JoomFISH Gerenciamento de sites multi-idiomas O JoomFISH oferece uma maneira de gerenciar a traduo do site para vrios idiomas.

39

40

13.7 AllVideos - Vdeos do Youtube, Google Vdeo e outros O AllVideos sem dvida um dos plugins mais interessantes, pois ele permite inserir com facilidade vdeos que podem estar armazenados no prprio site ou em sites especializados em vdeo como o Youtube, Google Vdeo, Yahoo! Vdeo e outros. 13.7.1 Como usar Veja como simples inserir um vdeo do Youtube. O endereo do vdeo abaixo : http://www.youtube.com/watch?v=0VOmQFecGWQ

Na rea administrativa do Joomla!, insira o seguinte cdigo: {youtube}0VOmQFecGWQ{/youtube}

Pronto, viu como foi fcil?

41

42

13.7.2 Como instalar e configurar Aps instalar o plugin, v at MAMBOTS > Site Mambots e clique em AllVideos Plugin. Ir aparecer a tela ao lado que so as configuraes do AllVideos. Os formatos suportados so: .flv, .swf, .mov, .mp4, .wmv, .avi, mpg and .mpeg, .rm/.ram, .mp3, .wma. Para inserir muito simples, basta digitar o cdigo do vdeo entre TAGs de acordo com as instrues. Por exemplo: O vdeo images/stories/videos/meuvideo.wmv seria includo no site atravs do cdigo: {wmv}meuvideo{/wmv} Um vdeo do Yotutube seria inserido da seguinte maneira: {youtube}video_id{/youtube}

43

13.8 Tabs & Slides

13.9 Recomendaes, comentrios e livro de visitas 13.9.1 VisualRecommend v1.1.2 Sistema de indicao de sites muito eficaz, pois possui diversas funcionalidades que o sistema nativo do Joomla! no possui: Rastreamento de e-mails Exportao para arquivos CSV Mltiplas indicaes Suporte a URLs amigveis E muitas outras

44

14 - Domnios
Os domnios so como a MARCA da empresa na internet, pois as pessoas associam e memorizam os sites de acordo com o domnio escolhido para empresa. No Brasil os domnios so terminados em .BR e o rgo oficial de gerenciamento dos nomes de domnios o REGISTRO.BR. Domnios internacionais so terminados com .COM, .NET, .ORG os mais conhecidos.

14.1 Mitos e verdades Mito: J tenho a marca registrada, portanto no preciso me preocupar em registrar o domnio. Verdade: A marca no garante o direito sobre o domnio. Por exemplo: Se a VEJA (Revista) e o VEJA (detergente) resolvessem registrar o domnio VEJA.COM.BR, quem registrar primeiro ter direito sobre o domnio, pois ambos tm a marca registrada. Mito: Vou registrar apenas o domnio .COM, pois j tem outra empresa que registrou o .COM.BR. Verdade: As pessoas no Brasil digitam intuitivamente .COM.BR, portanto est estratgia poder gerar trfego para o outro site. Mito: s. Verdade: . Mito: s. Verdade: .

14.2 Escolhendo o domnio para o site de seu negcio A escolha de um domnio um dos passos fundamentais para o sucesso de um web site, porm a maioria das pessoas faz uma escolha inadequada. O usual escolher um domnio que seja o nome da empresa sem espaos 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 domnios que sejam relacionados sua rea de atuao. No caso acima, um domnio de grande valor agregado seria marketingesportivo.com.br, pois exatamente o nome da rea de atuao da empresa. Como o registro de domnios no segue a mesma legislao do registro de marcas, permitido registrar NOMES COMUNS, ou seja, Podemos podemos registrar praticamente QUALQUER palavra na internet. registrar praticamente Registrar um nome comum do segmento de atuao da empresa e QUALQUER fazer um REDIRECIONAMENTO para o site principal da empresa palavra na uma boa estratgia para gerar trfego das pessoas que digitam o nome diretamente no navegador. Outro fator importante o fato de mecanismos de busca como o Google utilizarem o domnio como CRITRIO DE RELEVNCIA para posicionar o site nos seus resultados de busca. 45

Outro fator fundamental que poucas empresas prestam ateno, que os domnios terminados em .COM, .NET e .ORG so de responsabilidade dos EUA, mas podem ser facilmente registrados por qualquer empresa ou pessoa fsica em qualquer lugar do mundo. Portanto, seria adequado tambm avaliar a necessidade de registrar o domnio similar americano, evitando que uma empresa concorrente o faa. Caso isso acontea pouco provvel que voc consiga entrar com processo para conseguir o domnio para sua empresa. No caso de domnios brasileiros a legislao mais rgida e protege mais as empresas que comprovem que houve m-f no registro do domnio. Como no caso de nomes de personalidades, que se tiverem o seu nome registrado indevidamente conseguem recuperar o domnio judicialmente. O que poucas pessoas sabem que o Brasil um dos pases o Brasil um dos pases que possui maior variedade de TIPOS de domnios. Alm dos que possui maior j conhecidos .COM.BR (comerciais), .BR (instituies de variedade de TIPOS de ensino) e .ORG.BR (entidades sem fins lucrativos) pode-se domnios registrar uma grande variedade de domnios, como .IND.BR (indstrias), .ENG.BR (engenheiros), .ART.BR (atividades artsticas e culturais), e muito mais (veja a tabela abaixo): [ncluir tabela do Registro.br] Apesar da grande maioria dos domnios serem do tipo .COM.BR a escolha de domnios podem ser uma alternativa no caso de empresas que tenham o domnio principal de sua empresa registrado por outra empresa de nome similar. O nmero de profissionais liberais que trabalham de maneira independente muito grande, e sabemos que o principal ativo deles a sua reputao e o seu nome, portanto essencial que avaliem a disponibilidade de seus nomes como domnios. 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 no possua CNPJ para fazer o registro .COM.BR sugiro que consiga "emprestado" um CNPJ de um amigo ou parente de muita confiana para fazer o registro do SEUNOME.COM.BR, pois as pessoas digitam praticamente de maneira automtica .COM.BR, portanto se voc optar por registrar SEUNOME.COM corre o risco de perder muitas visitas das pessoas que digitarem .COM.BR. Concluso: A escolha do domnio para seu negcio um passo fundamental, mas que recebe pouca ateno pela maioria das pessoas. E como foi visto neste artigo, a boa escolha de um ou mais domnios para o seu negcio pode ser a diferena 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) domnio(s) para seu negcio ter implicaes diretas no nmero de negcios gerados.

46

15 - Hospedagem de sites
Escolher o provedor do site talvez seja uma das etapas mais importantes no processo de deciso, porm a maioria dos clientes no sabe como escolher o provedor e deixa toda deciso a cargo da empresa de desenvolvimento. Veja um plano de hospedagem em 1997:

Espao em disco Espao ocupado pelos textos, imagens e caixa de e-mail do site. Transferncia mensal Quantidade de informao transferida para o computador do visitante durante o ms. Conta POP Conta de e-mail com o domnio da sua empresa. Nesta poca, os servidores ficavam nos Estados Unidos, e era comum problemas de conexo. A Locaweb foi um dos primeiros provedores a oferecer hospedagem com servidores no Brasil. Veja o plano bsico oferecido pela Locaweb:

Note que o aumento de espao, transferncia e e-mails MUITO grande, porm a maioria dos sites de pequenas e mdias empresas no 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/ms, mantendo este mesmo preo at hoje. A Insite oferece diversas solues de valor agregado como o InForm que um sistema que armazena formulrios em banco de dados sem necessidade de programao. TODOS os servios de hospedagem fazem uma oferta muito similar de recursos: * X Mb de espao * Y Gb de transferncia * Z Contas de e-mail * ASP ou PHP * etc. etc. 47

Os preos para os planos bsicos giram em torno de R$ 19,90 a R$30,00. Qual o problema comum a todos? A maioria dos clientes e potenciais clientes NO ENTENDEM os benefcios oferecidos, e a escolha feita por indicao de um AMIGO. Ou seja:

No h um DIFERENCIAL COMPETITIVO claro entre os provedores.

15.1 Um domnio por plano de hospedagem? Esquea! Com a grande amplicao 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 opo MUITO INTERESSANTE.

15.1.1 Agora tenho meu prprio provedor! Uma das grandes "modas" agora so 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/ms possvel abrir seu prprio SERVIO DE HOSPEDAGEM DE SITES! Chique no? Isso explica porque encontram-se hospedagens a R$ 5,00/ms! 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 engraado que o termo "Hospedagem de Sites" uma analogia com o servio de hotelaria, mas nunca via hotis fazendo propaganda assim: 80 metros quadrados, pode receber 1000 visitas/ms, 4 toalhas de banho, etc. No seria mais adequado que a oferta de VALOR AGREGADO fosse feita em termos de SERVIOS? Com tanta tecnologia disponvel, o que as pessoas MAIS DESEJAM que tenha um SER HUMANO que ajude a utilizar melhor os RECURSOS DISPONVEIS. Como em um hotel onde ligamos para recepo e resolvemos tudo, no seria legal que o provedor pudesse receber um e-mail e nos ajudar a resolver o problema? Ao invs 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 necessrio que existam sistemas de gerenciamento de contedo como o Joomla! (leia o artigo sobre o Joomla!) que d liberdade ao CLIENTE atualizar com facilidade o contedo de seu site. Isto j deveria vir junto com o pacote de servios 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 contedo deram autonomia para o cliente atualizar o prprio 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 cpias piratas do Photoshop, Fireworks ou outro editor grfico para realizar tarefas simples como reduo de tamanho, ajustes de brilho/contraste e recorte de fotos. Infelizmente, a maioria das pessoas no conhece o IrfanView que um excelente programa para visualizao e tratamento de fotos. Alm 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 proporo da foto.

50

16.1.2 Recortanto da foto Muitas vezes necessrio padronizar todas as imagens quadradas ou com uma proporo prdefinida. Isso comum em galeria de imagens. Para isso, necessrio 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 Tambm comum as fotos no 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! Avanado

17.1 Criando formulrios com o Phil-a-Form 17.1.1 Crie um novo formulrio Clique em Add New Form e selecione Form Template: A Blank Form - Start from scratch Intro Text Texto que aparece no incio do formulrio Form Title Ttulo do Formulrio Buttons Altere os textos dos botes 17.1.2 Adicionando Campos Para adicionar campos no formulrio, clique em ELEMENTS. Existem MUITAS opes de campos, mas para simplificar listamos abaixo todas as opes, e propositadamente, colocamos em destaque e nas primeiras posies os campos mais utilizados:
Campo Textbox Text Area (not HTML) Timestamp - Provides a hidden timestamp that gets attached to submission results Drop Down List: Blank for you to add your own options Checkbox field Radio Box Group Date field (With popup DHTML Calendar) Current URL - Provides a hidden field containing the URL of the form about 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 Campo texto simples Campo texto com mltiplas linhas Data e hora do preenchimento Descrio

Caixa de seleo com opes definidas pelo usurio Campo tipo CHECK BOX (quadradinho) Campo tipo Radio Box (bolinha) Campo data com seleo via POP URL do formulrio. til para saber o endereo que o usurio utilizou para preencher o formulrio.

55

Campo 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 lnit -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 with Joomla! UserID from $myUsername Field (Prefiled Not-Editable Field with Joomla Username if logged in) ipaddress - Provides a hidden ip address that gets attached to submission results id var)

Descrio

17.1.3 Incluindo campos adicionais no Phil-a-Form com tabela vinculada Primeiro deve-se incluir o campo na tabela vinculada atravs do phpMyADMIN Depois necessrio 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. Aps a instalao do componente necessrio liberar no site do desenvolvedor a autorizao, pois um componente pago. 1 Clique em GENERATE BACKUP

2 Caso queira EXCLUIR alguma tabela do banco de dados, componentes/mdulos ou plugins, ou pastas/arquivos necessrio selecion-los conforme ilustrao abaixo.

57

Alguns problemas podem ocorrer nesta fase: a) Erro na gerao do arquivo - Verifique se o caminho existe no servidor e se as permisses esto corretas (Backup Path) - Altere o formato do arquivo (Archive Type)

3 Faa o download do arquivo gerado 4 Crie um banco de dados e adicione um usurio com todas as permisses 5 Faa o upload do arquivo de backup para o diretrio desejado e os arquivos: Joomla.Cloner.php pcltar.lib.php pclzip.lib.php 6 Executando a operao 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 transferncia 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 mdulos mais versteis, 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 atravs do CPanel. 1 - Clique em MySQL Databases

2 - Digite o nome do banco de dados:

3 Crie um usurio:

4 Adicione o usurio ao banco de dados e atribua os privilgios deste usurio:

61

18.2 phpMyAdmin Gerenciando o banco de dados MySQL

62

19 - ndice Remissivo
M Media Manager.......................................................................................................................................................22, 37 Mdulo..........................................................................................................................................................................20 Mdulo.............................................................................................................................................................................. position......................................................................................................................................................................20

63