11 de dezembro de 2010

Como cobrar por um site usando o CMS XOOPS?

Criei este artigo em resposta a esta pergunta do título feita por um colega da comunidade de usuários do CMS XOOPS no Brasil. O fórum estava hospedado no Ning e acabou sendo fechado e a comunidade agora tem um site novo, o http://guxbrasil.org. Trouxe este texto para cá para que possa servir de apoio ao nosso conteúdo do Curso Web na FAVENI.

Como cobrar por um site usando o CMS XOOPS?

Em primeiro lugar, estabeleça o valor mínimo de instalação, que seria a instalação do CMS XOOPS com a configuração do layout personalizado, a configuração dos blocos para a página home e tudo o que o XOOPS já oferece, ou seja, cadastro de usuários, segurança, escalabilidade, desenvolvimento em módulos, Open Source, etc. O resto, páginas e módulos em geral, você cobra por item. Isso ajuda a fazer com que o cliente ajuste o orçamento dele dentro de uma quantidade de funcionalidades do site, senão fica aquela história de pedir um site completo e depois pedir um preço baixo porque o orçamento dele é restrito. Se este for o caso, diminua a quantidade de páginas, ou de módulos, deixe para colocar numa ampliação mais tarde...

Como configurar uma hospedagem gratuita

Existem vários serviços de hospedagem que oferecem planos gratuitos. Na maioria dos casos a opção gratuita é uma forma de atrair clientes que depois irão migrar para planos pagos.

Um destes serviços gratuitos é o 000webhost.com.

Iremos em breve detalhar aqui a configuração de uma site neste serviço. Aguarde a atualização deste post!

6 de novembro de 2010

Leituras para web designers

Existe por aí uma infinidade de sites sobre web design e listas de todos os tipos sobre onde encontrar recursos bacanas, tutoriais, novidades, etc.

Mesmo assim vou arriscar uma lista pessoal dos blogs e sites que acompanho diariamente. Começando a lista por alguns sites em português e depois passando para os sites de referência, as fontes onde você pode encontrar o que existe de mais atual no ramo, em inglês.

Web design em geral:


Empreendedorismo:


Informação de qualidade:


E-commerce:


Marketing:


Sites em inglês, essenciais:

7 de agosto de 2010

Instale o TweetDeck e assuma o controle

Quando você tinha um só email, uma conta no Orkut e o MSN, você era feliz e não sabia.

Hoje você tem vários emails, mais o Twitter, Facebook, blog, conta no Google, o Orkut novo, o Skype, o Gtalk, acompanha RSS pelo Google Reader, recebe e manda mensagens pelo celular, talvez por mais de um celular, o Twitter da sua empresa, o site da empresa, os emails da empresa, o blog que criou para sua tia.... enfim, é o caos!

Pelo menos para uma parte desse emaranhado de contas e perfis tem um cara que pode te ajudar:


Com ele você pode:

  • Controlar contas do Twitter, Facebook, Google Buzz, MySpace, LinkedIn e Foursquare.
  • Criar listas em colunas separadas, organizando mensagens, grupos de pessoas, pesquisas por palavra-chave.
  • Configurar um encurtador de URL para automaticamente encurtar os links que você quer divulgar.
  • Se conectar com o Gmail para mandar mensagens por email.
  • Agendar um horário para uma mensagem ser enviada para o Twitter, Facebook ou alguma das contas cadastradas.
  • mais um monte de coisas...
Sem mais enrolação, mãos à obra:

1 - Acesse o http://www.tweetdeck.com/ e no canto superior direito da tela clique em "Sign in - register" para fazer seu cadastro no site.


2 - Para fazer o seu registro a forma mais simples é informando sua conta no Twitter. Para isso localize na tela o quadro conforme a imagem abaixo e clique no botão "Sign in with Twitter".


3 - Você será direcionado para uma tela do Twitter solicitando a permissão para que o TweetDeck publique mensagens no seu perfil. Clique em "Allow"(permitir).


4 - Você irá retornar para o site do TweetDeck e já estará logado.

5 - O próximo passo é fazer o download do aplicativo para instalar no seu computador. Existem versões para PC, Mac, Ipod, Ipad e Linux. Para quem está acompanhando este post na aula do Curso de Internet da FAVENI, o TweetDeck já está instalado para você. Basta procurar o atalho para o programa na Área de trabalho do seu desktop. Se você não instalou ainda na sua máquina, vá até o site e faça o download do aplicativo. O TweetDeck roda como uma aplicação do Adobe AIR, então você será solicitado a fazer o download desta plataforma também. 

6 - Inicie o aplicativo na sua máquina. Você verá uma tela de boas-vindas, clique no botão "Get Started" para ir para o que interessa. Primeiro você precisa selecionar uma conta para iniciar o aplicativo. Clique no botão "Add a Twitter account" para começar adicionando a sua conta do Twitter.


7 - Preencha seu nome de usuário e senha de uma de suas contas no Twitter. Clique em "Submit".


8 - Na etapa seguinte o aplicativo sugere que você crie um cadastro no TweetDeck para poder sincronizar seus dados e configurações ao acessar o Tweetdeck de qualquer computador e também poder agendar o horário de envio de mensagens. Foi para isso que fizemos o cadastro no site antes, então clique no botão "I already have an account"(eu já tenho uma conta).


9 - Informe o email e senha que usou para se cadastrar no site do TweetDeck, no passo 2 deste tutorial. Se você se cadastrou com sua conta do Twitter, informe o email e senha do Twitter.


10 - Em seguida você verá a tela de trabalho do TweetDeck. Na aula iremos aprender com mais detalhes a usar esta ferramenta. Fique a vontade para explorar seus recursos!








6 de agosto de 2010

Crie uma conta no bit.ly para encurtar URLs

O bit.ly é uma aplicação que faz o encurtamento de URLs.

1 - Acesse o http://bit.ly e clique no botão "Sign up for free" para fazer sua inscrição gratuita no site.


2 - Em seguida preencha seus dados de usuário, email e senha e clique em "Sign up".


3 - Pronto, você já está cadastrado. Para testar como o sistema funciona, copie uma URL de algum site e cole na caixa, conforme a figura abaixo.


4 - Logo depois que você cola a URL, o bit.ly gera a URL curta correspondente. Veja a imagem abaixo.


5 - Dessa caixa de texto você já pode mandar uma mensagem direto para o seu perfil no Twitter. Mande um tweet agora mesmo! Clique no botão "Sign in" e você será direcionado para uma tela do Twitter solicitando a permissão para que o bit.ly publique mensagens no seu perfil. Clique em "Allow"(permitir).



6 - Ao retornar você pode acrescentar algum texto na mensagem que será enviada ao Twitter junto com a URL curta. Repare que no canto inferior esquerdo existe um contador dos caracteres que ainda sobram. Ao terminar de acrescentar o texto, clique no botão "Share" e sua mensagem será enviada para o Twitter.


7 - Vá até seu perfil no Twitter e confirme se a mensagem foi mesmo publicada.


8 - No painel do Bit.ly você pode acompanhar a qualquer momento as estatísticas de quantas vezes a sua mensagem foi clicada ou retwitada.


É isso, agora você já tem um serviço de criação de URLs curtas. O interessante do Bit.ly é quando você usa em conjunto com o Twitterfeed e o TweetDeck, mas isso você vê em outro post!

30 de julho de 2010

Como adicionar o AddThis no Blogger


O AddThis é uma ferramenta que permite o compartilhamento do conteúdo do seu blog ou site em, deixe ver... 296 canais diferentes, entre redes sociais, agregadores de conteúdo, email e o bom e velho "adicionar aos favoritos", lembra dele? E a cada dia o número de canais aumenta.

O princípio é o mesmo do sistema de compartilhamento padrão do Blogger, só que o AddThis já existia bem antes do sistema do Blogger e é muito mais abrangente. Também é melhor em alguns itens, como na opção de enviar o conteúdo do site por email para alguém.

Como adicionar os botões de compartilhamento do Blogger

Junto com as últimas novidades no Blogger foi incluído uma opção para adicionar botões de compartilhamento do post em alguns canais, como o Twitter, Facebook, Buzz, mandar o post por email e para o Blogger. Porém este sistema tem suas limitações, mas seria legal você pelo menos instalar e fazer seus próprios testes. Siga o roteiro abaixo e saiba como habilitar o modelo de compartilhamento oferecido pelo Blogger.

1 - Entre na área de administração do blog e clique nas abas "Design" e "Elementos da página".

Como adicionar um botão "Curtir" do Facebook no Blogger

Falando em redes sociais, vamos acompanhar um roteiro de instruções para adicionar o botão "Curtir" do Facebook no rodapé de cada post. Eu prefiro a expressão em Inglês, "Like", porque curtir é uma gíria meio, sei lá, enfim. Como gosto não se discute, vamos ao que interessa.
Vamos colocar um desses no rodapé do post.

4 de julho de 2010

Entenda os conceitos do Adsense e aumente sua receita com os anúncios

Para ampliar seus conhecimentos com relação ao Google Adsense, sugiro que assista ao vídeo abaixo.

Ele explica os principais conceitos do Adsense, apresenta exemplos de como posicionar os blocos de anúncio no site e repassa algumas informações sobre o layout dos blocos de anúncio. Confira!

Configuração básica do Adsense

Na aula 6 do Curso Web Faveni fizemos uma introdução ao Google Adsense. Conforme o post que publicamos anteriormente, pudemos fazer o cadastro no Adsense utilizando a opção "Gerar Receita" do Blogger.

Vamos agora configurar blocos de anúncios diretamente no Adsense. Acompanhe o vídeo abaixo e adicione novos blocos de anúncios no seu blog. Procure seguir as dicas do vídeo, principalmente com relação as cores e fontes do seu bloco de anúncios


Conheça também as opções de relatórios, filtros de concorrentes e recursos de ajuda.


Estatísticas dentro do Blogger

Essa acabou de sair do forno.

Se você quiser acompanhar as estatísticas do seu blog no Blogger, encontra-se disponível no Blogger in Draft um serviço que permite que você veja os dados quase em tempo real sobre o seu blog: 
  • posts mais popular
  • o número de pageviews de cada post
  • o número total de pageviews
  • uma lista de fontes de tráfego
  • palavras-chave de busca
  • pageviews por país, navegador e sistema operacional. 
Aproveite mais essa essa forma de acompanhar as visitas ao seu blog. O serviço ainda está em Inglês e não é tão completo quanto o Google Analytics, mas está incorporado ao painel do Blogger, então facilita o acesso.

1 de julho de 2010

Blog de referência

Existem muitos blogs por aí que te ensinam a blogar, mas tenho muita admiração pela postura da Nospherat, autora do http://blosque.com.

Sempre didática e objetiva, é uma leitura obrigatória, desde para quem está começando até para os mais experientes.

Leia os post abaixo e veja se tenho razão:

No Blosque você encontra também uma série de posts, organizados em Guias. Se nosso curso tivesse uma prova escrita, esta seria a matéria!

Boa leitura a todos.

30 de junho de 2010

Como divulgar seu blog

Se você pesquisar no Google vai achar um monte de sites e blogs com dicas sobre como divulgar o seu blog.

Em resumo, as dicas básicas são:

  • Comente em outros blogs
  • Divulgue para seus contatos, seja por email, Orkut ou Twitter
  • Cadastre-se em sites específicos de blogs
  • Disponibilize seus posts por newsletter e RSS
  • Escreva com frequência
  • Exiba anúncios no seu blog

Confira esta lista de links abaixo que explicam em detalhes essas dicas:


Os resultados você confere depois no relatório do seu Google Analytics. Mãos à obra!

29 de junho de 2010

Configurando uma conta no Google Analytics

O Google Analytics é a solução de análise da web de cunho empresarial que fornece a você uma ótima visibilidade do tráfego e da eficiência do marketing do seu website. Recursos avançados, flexíveis e fáceis de usar permitem que você veja e analise dados de tráfego de uma maneira totalmente nova.

Acompanhar as visitas ao seu blog ou site é fundamental para verificar o desempenho das suas ações visando aumentar as visitas e atingir seus resultados. Para isso iremos configurar uma conta no Google Analytics que será usada para monitorar os blogs e sites que você irá criar daqui para frente.

Siga este passo a passo para configurar sua conta:


1 - Acesse o endereço http://www.google.com/analytics e clique no link "Inscreva-se agora".






2 - Na página seguinte, entre com seu login e senha do Google.






Configuração do Google Adsense no Blogger

O Google AdSense é um serviço rápido e fácil que permite aos editores de websites de todos os tamanhos ganhar dinheiro exibindo anúncios do Google discretos e segmentados em seus websites. O AdSense também permite que você ofereça a Pesquisa do Google aos usuários do seu site.

Para a aula 6 do Curso Web Faveni iremos falar sobre Google Adsense. Para que possamos desenvolver atividades práticas na aula precisamos que você configure sua conta no Adsense, que irá levar em torno de 48 horas para estar ativada. Que tal fazer isso agora mesmo?

Para configurar uma conta no Adsense você precisa vinculá-la a sua conta do Gmail. Utilize a mesma conta do Gmail que você usou para criar o seu blog. Acesse o http://blogger.com, entre com seu login e senha e vá até o painel de administração do Blogger.

A partir daí, siga os seguintes passos:

1 - No painel de administração do seu blog, clique no link "Gerar receita".




26 de junho de 2010

Google Ferramenta para Webmasters

Na aula 3 do Curso Web Faveni fizemos a inclusão do blog de teste na Ferramenta para Webmasters do Google. Imagino que vocês já devem ter visitado novamente este serviço para ver que dados o Google está trazendo sobre o seu blog.

Vamos revisar o passo a passo de como foi feita essa configuração e analisar alguns dados iniciais deste blog que você está lendo agora. Lembrando sempre que esse procedimento servirá para que você acompanhe qualquer site que você for fazer, independente da plataforma a ser usada.

Adicionar um site

Primeiro acesse a URL do serviço: https://www.google.com/webmasters/tools. Informe seu login e senha do Google para que você se conecte ao seu perfil.

Para adicionar um site ou o seu blog, clique no botão "Adicionar um site..."

O sistema irá solicitar a URL do site que você quer adicionar. Informe a URL e clique em "continuar".

Se você estiver adicionando um blog feito no Blogger, automaticamente o sistema irá reconhecer que você é o proprietário do blog e irá efetuar o cadastro com sucesso. Você verá uma página parecida com esta abaixo.


22 de junho de 2010

Melhore seu visual

Então, já testou as novas funcionalidades do Design do Blogger?

Experimente mudar o layout, mudar as cores de fundo, a posição das colunas. Aproveite para testar as combinações de cores de fundo com as cores das fontes, observando na prática como a leitura dos títulos e textos do site podem ser otimizadas de acordo com as cores usadas.

O vídeo abaixo é só uma amostra dos visuais interessantes que você pode conseguir com a nova ferramenta do Blogger.

14 de junho de 2010

Dicas para deixar seu blog mais acessível

Olá pessoal

Enquanto me preparo para publicar os posts com os tutoriais para complementar a aula de sábado, resolvi compartilhar, pelo Google Reader, este artigo do "Criar Sites". Sugiro que vocês acompanhem o RSS deste site. Para isso copie a URL do feed:

http://feeds2.feedburner.com/CriarSites

Depois no seu Google Reader, clique em "Adicionar Inscrição" e cole o endereço. Se preferir, clique no link e adicione usando as opções do seu navegador.

Espero os comentários de vocês no blog, reparem que na lateral aqui tem um espaço com os últimos comentários de vocês. Pode ser que algum colega está comentando sobre um assunto que também te interessa, então não deixe de participar.

Boa leitura!

Dicas para deixar seu blog mais acessível

Este artigo faz parte da série de dicas “Como Ganhar Dinheiro com Blogs“. Confira todos os artigos desta série para aprender a ganhar dinheiro pela internet.

Google na Copa do Mundo

Está acompanhando os jogos da Copa 2010?

Experimente fazer uma busca pela expressão "copa do mundo".

Olha só o que vai aparecer antes dos resultados da busca.

9 de junho de 2010

Por que começar com um blog?

Para quem assistiu o filme Karatê Kid, de 1984, a analogia vai ser fácil de entender. Se você não assistiu, estão lançando uma refilmagem desse clássico da Sessão da Tarde, para as novas gerações.
Antes de aprender karatê o pequeno Daniel teve que aprender a lavar os carros e pintar a casa do Sr. Miyagi. Antes  de dominar o processo de criação de sites, nada melhor que começar com um blog, para treinar.

Como criar e manter um blog pode ser útil nesse curso?

8 de junho de 2010

Colheita feliz, de RSS

Seu blog fala. A língua que ele fala se chama RSS.

Outros sites também falam essa língua, que é um tipo de Esperanto dos sites por aí afora. Uma linguagem comum.

Segundo Eduardo Morais, RSS é a abreviatura de Really Simple Syndication. Linguagem standardizada que permite que um weblog disponibilize parte ou a totalidade do seu conteúdo para que este possa ser integrado noutros sites, ou lido com software especializado. Existem diversas 'versões' de RSS, como 0.91, 1.0 ou 2.0, que não significam (ao contrário do que é comum com software) a superioridade de uma sobre outra, mas sim standards ligeiramente diferentes, devido ao fato de o RSS não ser um protocolo desenvolvido por um só organismo - disto resulta que 0.91 e 2.0 são semelhantes, e o RSS 1.0 muito diferente destes. Saiba mais aqui.

Na prática, o RSS é uma forma de:

  • Lermos muitos sites de uma vez de forma organizada e produtiva
  • Publicarmos nosso conteúdo num formato que pode se espalhar pela rede

O cara que faz sites...

Estamos falando aqui com pessoas que estão começando um curso de Criação de sites. Vamos começar pelo começo.

Ok, você criou o seu blog usando o Blogger. E agora?

Diferente daquele filme com o Kevin Costner, onde uma voz do além dizia "Construa que eles virão...", no seu caso não é bem assim. Não basta criar um blog e os visitantes virão. É preciso algo mais.

Para começar a se acostumar com a rotina de um ... como se chama? Web designer, webmaster, desenvolvedor web? Há controvérsias ainda sobre isso, mas enfim, para começar o seu caminho no mundo maravilhoso da internet você precisa de informação, muita informação. A internet é feita disso, bilhões de dados novos surgindo a cada segundo e logo logo você será mais um a contribuir para esse universo digital. Você será o cara que faz sites. Ou a moça que faz sites!

O problema é onde encontrar informação relevante e como processar, ler, fixar, catalogar, organizar e recuperar essas informações. Esqueça os "favoritos" do seu navegador, isso não dá nem para começar. Você vai precisar de um sistema mais complexo do que isso, mas vamos chegar nesse assunto ainda.

Para que você comece a dominar a criação de sites você precisa ter alguns conhecimentos:
  • Linguagens: no mínimo você precisa saber de HTML e CSS. Mas não pense que usando o Dreamweaver e os editores automáticos que tem por aí você resolveu o seu problema. Você precisa entender, escrever mesmo, sem precisar de "ajuda" do editor de código. Saiba como montar uma página web usando o Bloco de Notas do windows. Aí você irá saber o que está fazendo e não simplesmente conhecendo como se usa um editor de código.
  • Infra-estrutura: chamo de infra-estrutura tudo aquilo que você tem que saber que existe, mas não necessariamente precisará ser um expert no assunto. São coisas que fazem a internet funcionar, mas de início basta que você saiba como interagir com elas e para que servem. Você não precisa ser um DBA, mas precisa saber como criar um banco de dados no MySql, por exemplo. Para criar sites dinâmicos precisa saber usar um Framework em PHP, ou um CMS. As bibliotecas de Javascript, como o Jquery, quebram um galho danado, além de estarem na moda. E também você precisa saber como criar um domínio e hospedar seu site num servidor, básico.
  • Conhecimentos gerais: aqui entra o plus. Criar sites envolvem habilidades muito distantes da frieza matemática dos códigos e dos algoritmos. Você precisa entender de cores, de fotografia, de harmonia, enquadramento, precisa saber contar uma história. Envolve um pouco de psicologia, para entender o que o outro deseja, envolve detalhismo, para colocar ou tirar um pixel a mais ou a menos que vai fazer muita diferença. Um pé na técnica e um pé na arte. E a lista é grande, passa pelo marketing, empreendedorismo, etc.
  • Organização e método: também exige disciplina, se você quiser chegar a algum lugar. A profissão a qual você está se propondo a seguir é muito nova, cheia de indefinições ainda, então é muito complexo saber como proceder. De certa forma ser um web... (o cara que faz sites) tem muito de desbravador, de pioneiro, de aventureiro. Esse último então, nem se fala! Ou seja, você precisa ter rotinas, hábitos, método, ser persistente, não ter medo de errar agora para acertar depois. Uma boa dose de gerenciamento do tempo também ajuda. Você na maioria das vezes será seu próprio gerente de projeto, então cumpra seus próprios prazos.
  • Etc...: (este espaço está reservado para as outras coisas, que ainda não sabemos o que são, mas vão aparecer logo logo...)
Uma outra coisa que não podemos esquecer é o Inglês. O idioma. Não precisa saber falar fluentemente mas saber ler em Inglês faz uma diferença muito grande na quantidade e qualidade da informação que você precisa saber. "Give your jumps", ou seja, dê seus pulos, te vira, dá um jeito, use o tradutor do Google, mas não deixe de visitar um site só porque ele está em Inglês. Tente absorver o que dá, analise o layout, como estruturaram a página, veja pelo menos sobre qual assunto estão falando e busque no Google algum texto em português sobre aquilo mas não fique de fora. Se você criar o hábito de acompanhar sites em inglês sobre web design você terá muito mais ideias para o seu trabalho.

Já está bom por aqui. Vamos seguir nos próximos posts com dicas e tutoriais para você incrementar seus conhecimentos. 

Se eu esqueci de algo, comente!

6 de junho de 2010

O que diferencia o seu site dos sites de seus concorrentes?

Para começar, que tal uma dica de leitura! Esse texto veio do site www.saiadolugar.com.br

O que diferencia o seu site dos sites de seus concorrentes?: "
A dica de hoje foi dada por Seth Godin em seu blog.

Dê uma olhada em qualquer empresa que possui vários competidores – colégios, hotéis, empresas de carros, empresas de contabilidade…

Os websites dessas empresas tendem a ser todos iguais entre si. É impossível diferenciar, por exemplo, um hotel do outro pelo website, se você apagar o nome do hotel as páginas são todas iguais (a não ser aqueles que tem imagens de praias no fundo ou montanhas).

Às vezes não deixamos outra escolha aos nossos clientes a não ser comprar o que é mais barato, afinal se tudo é igual, por que não comprar o mais barato?

Que tal um site que diz “nós somos diferentes por causa disso”. E que prove isso.

(É fácil ler isso e ficar com a cabeça cheia de ideias, mas…o que você vai realmente fazer pra ser diferente?)



E você? Já fez seu Empreendemia Premium ficar diferente?
Para saber mais sobre como ser diferente e se destacar diante a concorrência, assine nosso RSS ou siga-nos no Twitter: @empreendemia.

Curso de internet na Faveni

Olá

Meu nome é Luis Marcelo e durante os próximos meses estarei apresentando algumas aulas no Curso de Internet, E-commerce e criação de sites na Faculdade FAVENI, em Venda Nova do Imigrante - ES.

Este blog foi criado para acompanhar estas aulas, disponibilizando conteúdos sobre os assuntos abordados em sala de aula.

Nossa primeira aula será no dia 12 de junho de 2010, mais conhecido como o Dia dos Namorados!

Os assuntos a serem tratados são:
- Como tem passado seu blog?: retrospectiva das aulas anteriores
- RSS: o que é e para que serve?
- Google Reader: agregandor de RSS para facilitar sua vida
- Configuração de alertas no Google
- Instalação das ferramentas para webmasters do Google
- Posicionamento dos blogs na pesquisas
- SEO para blogs
- etc...

Espero vocês neste próximo sábado!