E mais um serviço pronto

As verdadeiras realizações na minha vida são, quase sempre, as coisas que consigo terminar. Quem souber como retirar as namoradas dessa lista me ensina. Sempre que aparece um projeto novo eu fico todo eufórico, imagino como será quando pronto, como tudo ficará muito bom…

Fico tanto tempo pensando em como vai ser legal quando tudo estiver pronto, que até me esqueço de todo o trabalho árduo que as coisas bem feitas exigem.

Mas a vida é uma escola onde os prazos e comprometimento são as aulas. E conseguir cumpri-los é o que noda da a nota como profissional e como pessoa. São esses mesmos prazos e compromissos é que fazem um professor virar seu patrão, um patrão se tornar um patrão melhor ainda, o empregado virar empreendedor,  um cliente virar amigo…

E é nesse útilmo exemplo que se encaixa a Lu Gastal. Um artezã gaucha que precisava de um site que mostrasse seu trabalho.

Não gosto de construir sites. Primeiro porque meu ramo de atuação é muito mais estratégico e conceitual. E segundo porque da muito trabalho. Muito mesmo. Mas quando vi o que a Lu criava comecei ficar animado.
trabalho2
trabalho3

Ela me mostrou o Flikr o Blog. Tiramos várias dúvidas, tudo em meio a correria porque ela faz um milão de coisas.   Quando vi o cuidado que ela tem em atualizar o flikr e o blog fiquei convencido de que deveria fazer o site.

Depois de vários meses e alguns layouts e noites viradas. chegamos à versão final. Essa versão não foi desenhada por mim. Eu só coloquei a coisa para funcionar.

site1

Lógico que ainda faltam dezenas de ajustes. Mas o site esta lá, funcionando. Do jeito que a cliente (que virou amiga) quis. Nesses entremeios conheci as filhas o esposo e até o Coda, um labrador branco parecido com esse aí:

coda

Confira o trabalho da lu no:
Site
Flikr
Blog

Blog do planalto e o sertão em festa

Imagem do banner - Blog do Planalto

O Blog do Planalto postou alguns vídeos produzidos (pela empresa onde trabalho) para o Ministério da integração. A matéria é bem interessante e fala sobre a transposição e revitalização do Rio São Francisco. E todos os benefícios que isso traz a população.
A maioria das gravações foram feitas pelo Thiago Maroca. Confira aqui o post e os vídeos.

Nosso serviço, no Blog do Planalto

Hoje foi um dia feliz para todos da empresa onde trabalho. Um dos ministérios que prestamos serviços é o da Integração Nacional. É o responsável pela maior fatia do PAC (Programa de Aceleração do Crescimento). Para prestar conta de como esse dinheiro é aplicado foi criada a TVMI. A WebTv do Ministério da Integração.
A empresa onde eu trabalho produz e veicula o conteúdo dessa TV. Você pode acessar aqui.

Semana passada o próprio presidente (sim, o Luiz Inácio) pediu que os vídeos produzidos fossem veiculado no Blog do Planalto. Agora, estou eu aqui mandando para o youtube os vídeos que amanhã sairão no Blog do Planalto.

Como não é todo o dia que temos essa moral:

Veja os vídeos que serão postados amanhã no Blog do Planalto:

Juntando Java Script com Jquery

Spread Firefox Affiliate Button

Esse é o primeiro post sobre o Mozilla Service Week. Uma coisa que tem me ajudado muito é misturar comandos de JavaScript com comandos de Jquery. Então resolví fazer um tutorial. E essa será a base para o próximo post onde vamos criar uma simples galeria de imagens, com descrição.

Vamos criar um link que quando clicado muda o texto de uma div. Veja funcionando.

Crie um arquivo html e certifique se o Jquery está referenciado:

<script src=”jquery.js”></script>

Vamos começar criando um link com a classe ‘MeuLink’. Esse link guardará bloco de texto. No onMouseOver ele chama a função ‘manda’ e envia o valor ”O link que fala de <b>CACHORRO</b> foi clicado e mandou esse conteúdo!’:

<a class=”MeuLink” href=”#” onmouseover=”manda(’O link que fala de <b>CACHORRO</b> foi clicado e mandou esse conteúdo!’)”>Um link qualquer que fala de Cachorro</a>

Faça o link do ‘Gato’ com o mesmo código, substituindo somente o bloco de texto e o nome do link.
Agora vem o código que vai executar a função, receber o texto e substituir a div:

<script>
function manda(veio){
texto = veio;
};
$(”a.MeuLink”).click(function () {
$(”div.replace”).replaceWith(”<div class=’replace’>” + texto + “</div>”);
});
</script>

Entendendo a função:

1 – A função espera um valor com a variável veio ‘function(veio)’. Essa função pega o que veio do link e coloca dentro da variável texto.

2- Quando o link $(”a.)

3- Com a classe MeuLink (”a.MeuLink”)

4- For clicado (”a.MeuLink”) .click

5- Dispare a função $(”a.MeuLink”).click(function () {

5.1 pegue a div $(”div)
5.1 Com a classe replace $(”div.replace”)
5.1 Substitua por $(”div.replace”).replaceWith
5.1 com uma nova div $(”div.replace”).replaceWith(”<div class=’replace’>” +
5.1 Mais o conteúdo da variável texto $(”div.replace”).replaceWith(”<div class=’replace’>” + texto
5.1 Mais o fechamento da tag $(”div.replace”).replaceWith(”<div class=’replace’>” + texto + “</div>”);

Quando você passa o mouse sobre o link ele carrega a variável. Quando você clica, ele obtem o valor da variável e substitui usando esse valor.

Muito simples mas uso em todos os sites que tenho que construir, por exemplo a WebTv do Ministério do Planejamento.

Um abraço e até a galeria de imagens.

O conhecimento que a web demanda a web provê

Um amigo meu começou a aprender usar html. Ele me pediu um bom tutorial. Como não sabia um de cabeça fui até o Google e digitei aprender html. Lógico que apareceram milhões de resultados. Comcei a ler alguns e todos eram tão bons que fiquei um dúvida em qual passar pra ele. Pelo sim e pelo não, passei o primeiro resultado. Ele adorou, começou montar esse site que já esta bem adiantado.

Outro dia estava com um probleminha com a rede do Windows. Eu pedia para acessar um computador da rede e esse me pedia senha. A primeira opção foi a mesma de qualquer ser humano com o mínimo de senso: Procurar no Google e ver quantos já tinham passado pelo mesmo perrengue. Depois de uns três posts lidos o problema estava resolvido e facilitou minha vida.

Os exemplos são inúmeros.

O quero dizer é outra pessoas já tiveram a maioria dos problemas que você tem. Mas se isso funciona para tudo na vida, qual a diferença com os computadores e internet?

Em se tratando de computação as pessoas têm mania de compartilhar problemas e a forma que o resolveram. Se você não consegue fazer um site funcionar, lá estão vários relatos de problemas parecidos com o seu. As vezes com discussões tão completas que fazem você aprender mais do que resolver aquele problema.

Tem um amigo no trabalho que sempre me liga para pedir ajuda porque o computador deu erro. As vezes ele fala: O que você acha que pode estar acontecendo? Eu digo: Não sei, mas vou ver aqui e te digo. Mais da metade das vezes consigo através de pessoas que tiveram o mesmo erro. Um dia ele me pediu ajuda, como estava muito ocupado falei: Maroca (é o nome do rapaz) procura no Google, alguém deve ter tido esse problema antes. Ele fez uma cara de “mas é assim que ele resolve os problemas?”.

Parte considerável do conhecimento da humanidade esta na internet. A diferença esta em quem sabe procurar e tem coragem de testar até conseguir. Pode não ser assim para o pessoal da área de saúde ou da engenharia, mas para que meche com internet/computadores, arrisco dizer que tudo o que se tem pra aprender já esta na Web.

Ah, mas agora que já tem tudo na internet não precisamos mais de escolas e cursos?

Claro que não. Informação é uma coisa método é outra. Não adianta para um analfabeto um livro de física quantica. Ou seja, muita informação de qualidade não quer dizer quase nada, se não existir um bom método de aproveitar essas informações.

Fiz um curso de Php há três meses atrás. O professor era super experiente, mas logo disse: Toda a informação que vocês vão precisar esta nesse site e nesse livro. Mas experiência dele demostrou um método (orientação a objeto) e algumas ferramentas que não conheciamos. No final, o curso foi muito mais conceitual do que prático. Foi um curso maravilhoso e aprendi conceitos que posso aplicar além programação. Mas para a vida.

No próximo post mostrarei um caminho para se manter atualizado, sem usar muito tempo.

Mozilla Service Week

Spread Firefox Affiliate Button

Começa depois de amanhã o Mozilla Service Week. Para quem ainda não ficou sabendo essa será uma semana para ajudar difundir a web no seu grupo social. É basicamente uma semana para que as pessoas ajudem umas as outras transformar a web uma ferramenta de inclusão.
Você que sabe só um pouco, pode ajudar uma pessoa a aprender a acessar a internet.
Você que sabe um pouco mais, pode ajudar instalar a internet na sua escola, trabalho, casa do vizinho.
Você que sabe mais que um pouco, pode fazer tutoriais, guias…
E você que não sabe nada pode pedir ajuda para outras pessoas e usar como desculpa o Mozilla Service Week.

Spread Firefox Affiliate Button

Ao contrário do que muitos têm pensado, essa não é uma semana de divulgação do Firefox. É uma semana de ajuda mútua.

Aqui no blog você vai conferir alguns tutoriais de Jquery. Exemplos de como fiz o site Strong Brasil. E talvez um videozinho sobre o firebug

E você, o que vai fazer para ajudar? Acesse o site do Mozilla Service Week e veja como participar ;)

Até lá!

Strong Cinema – Meu primeiro serviço de SEO

Esses dias um cliente me ligou perguntando porque o site dele não aparecia nas buscas e se eu podia faze-lo aparecer.

Antes de tudo deixei claro que não é possível prometer que o site dele aparecerá em primeiro lugar. Ele entendeu (tanks God) e disse que o importante era que o site aparecesse.
O problema era que nem digitando o nome completo da empresa a busca retornava um link para a página.

BuscaGoogle

Nunca tinha feito análise de SEO (Search Engine Optimization) antes. Mas resolvi arriscar. Combinamos um preço e coloquei a mão na massa (de informação, rá!).

Expliquei como seria o serviço e que os resultados poderiam demorar meses. Outra vez o cliente entendeu sem relutar (tanks God 2). Acessei o site, analisei o código, logo comecei a ver os erros. Além do problema de design, que nem vou entrar no mérito.

Muitas tags tags abertas e não fechadas. Links que apontavam para nada. Conteúdo oculto, o que provavelmente pode ter sido considerado como Black Hat pelos buscadores. Falta de KeyWords e descrição do conteúdo. Muita coisa em flash. Página inicial com pouca informação… Resumo da ópera: estava uma bagunça total.

O primeiro passo foi tirar o que tinha de mais errado no site: Fechei tags abertas. Criei links em html (eram feitos só em flash, invisíveis para os robos de busca). Cadastrei com cuidado as KeyWord e a MetaTag.

HtmlCode

Com o código pronto fui até o Analytcs, criei um perfil para o site e deixe monitorar. Depois cadastrei o site nos serviços de url do Google, com cuidado para as palavras se parecerem com o conteúdo da MetaTag e KeyWords do código. Cadastrei o site também na ferramenta para WebMaster e criei um Alerta do Google par ao meu email com as palavras ‘Strong Cinema’ e ‘Strong Produtos de cinema’.

Entrei em contato com alguns lugares que a empresa tinha prestado serviço e pedi link indicando para o site. Depois de muita conversa consegui três.

Segui várias dicas que encontrei no Mestre Seo e principalmente esse tuturial do Seo Master.

MestreSeoSeoMaster

Antes de chegar na metade do tutorial o site já aparece em preimeiro lugar na busca por Strong Produtos de Cinema. Em miudos: Objetivo alcançado e ainda estou conseguindo vender esse site para o cliente que acredito estar satisfeito.

Na vou encerrar o serviço por aqui, mas fiquei feliz em saber que podemos aprender na web o conteúdo que a própria web demanda.

No próximo post vou explicar como fiz esses Scripts com Jquery. Até lá.

Gmail x Hotmail X Yahoo 3 de 10

Gmail X Yahoo X Hotmail

Antes do Gmail eu via os anúncios e pensanva: Deixa a propaganda ai… É isso que faz o email ser um serviço gratuito. O tempo passou e percebi que a propaganda não precisa ser tão agressiva.

O melhor serviço de email é o que menos tem anúncios piscando. Veja porque o Yahoo e o Hotmail estão sendo deixados pra trás por causa da propagada:

Read more »

Gmail x Hotmail X Yahoo 2 de 10

Gmail X Yahoo X Hotmail

Nesse segundo post vou analizar as características visuais desses serviços de email.

Na minha opinião, um serviço de email não precisa ser muito bonito (Basta não ser feio). Se fosse para escolher entre estética visual e simplicidade eu ficaria com a segunda. E acredito que a maioria esta comigo.

Mas ser simples é uma coisa complicada, vamos ver como os principais serviços de email lida com isso?

Read more »

Gmail X Hotmail X Yahoo 1 de 10

Gmail X Yahoo X Hotmail

A partir de hoje farei uma série de posts comparando os três maiores serviços de email. É a minha opinião como usuário. Para iniciar vou falar sobre SPAM: Read more »

Próxima Página »