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
Histórico
Marketing na Web
Saiu na Mídia
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
5
6
12.4.1 Editor HTML
Formatação de fontes Estilo de fontes – Style Estilo de parágrafos - Format
Marcadores Numeração Recuo esquerda e direita
Voltar Refazer Inserir e retirar Link Inserir âncora 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.
1
2
3
4
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
Comunidades
31
Tradução
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 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 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 o Brasil um dos países que possui maior variedade de TIPOS de domínios. Além dos que possui maior já conhecidos .COM.BR (comerciais), .BR (instituições de variedade de TIPOS de ensino) e .ORG.BR (entidades sem fins lucrativos) pode-se domínios registrar uma grande variedade de domínios, como .IND.BR (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 timestamp that gets attached to submission results
Data e hora do preenchimento
Drop Down List: Blank for you to add your own options
Caixa de seleção com opções definidas pelo usuário
Checkbox field
Campo tipo CHECK BOX (quadradinho)
Radio Box Group
Campo tipo Radio Box (bolinha)
Date field (With popup DHTML Calendar)
Campo data com seleção via POP
Current URL - Provides a hidden field containing the URL of the form about to be submitted
URL do formulário. Útil para saber o endereço que o usuário utilizou para preencher o formulário.
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 with Joomla! UserID from $my-
id var)
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