18/06/2009 - 22:32

Top Craques. Agora também no Myspace.

No dia 17/06/2009, o aplicativo TOP CRAQUES do iG, que antes estava presente somente no Orkut, está presente também no Myspace.

Foram mantidas as mesmas funcionalidades, layout, etc.

A única diferença, é que no Myspace, há mais uma superficie, ou seja, alé da Canvas (Principal) e Profile, há, também, uma superficie chamada home.

HOME

MySpace.com_1245353524390

Profile (Perfil)

iG (Leandro Oliveira Garcia) - MySpace.com_1245353501624

Canvas (Principal)

MySpace.com - Top Craques_1245353474087

Enviado por: Leandro Garcia - Categoria(s): Open Social, Projetos Tags relacionadas: , ,
06/06/2009 - 21:19

Social Media Brasil, Painel 3 – Descrevendo

Participação: Gilberto Jr. (Amanaiê), Eduardo Thuler (Google), Samuel Vignoli (Studio Sol) e Vitor Prado (HiperSocial)

widgets.

Nem todo mundo sabe o que é Social App, mas a maioria interage com algum deles.

Home do Uol. Um bilhão de acessos mês.

Samuel – Studio Sol.

Mais de 70% dos usuários no Brasil utilizam Orkut.

Eu sou 22 milhoes de page views dia.

Eduardo Thuller – Google.

O Orkut é muito relavente para as marcas.

Vitor – HiperSocial

App. Vou não Vou

Como não ser intrusivo.

Gilberto Junior – Amanaiê

NOme: Social Ad.

São Aplicativos que servem para fazer publicidade e Branding em midias Sociais.

É  muito mais fácil espalhar informações através do Orkut

Eduardo.

O que pode ser feito no Open Social?

É possivel enviar anuncio de atualização

Anuncios podem ser exibidos no Canvas View. No Profile Não

O Aplicativo é semelhante a um site.

Da pra ter acesso as informações da pessoa

O acesso a rede de amigos e muito relevante

Dentro do aplicativo, o que funciona mais?

Pensar na expectativa do projetos.

Um aplicativo precisa suprir a necessidade basica de um usuário.

Pensem sempre em uma necessidade básica.

É melhor lançar um aplicativo simples e ir melhorando.

O usuário tem dois motivos principais para instalar. Se expressar ou utilidade

O que faz um aplicativo se viralizar?

Porque as pessoas ganham reputação ao compartilhá-lo. O usuário que compartilha é um usuário legal.

Um App é a mesma coisa que um hotsite, no qual o usuário ja fez um cadastrom e sabe quem são os amigos.

Qual o custo que o aplicativo tem para os desenvolvedores.? Quanto trafego gera? Estrutura?

Tem uma vizualização muito grande do profile view.

Pra entrar no canvas, o profile deve ser bem interessante.

O Aplicativo tem uma vida Util.

O aplicativo precisa de novidade

Não pense em um aplicativo só como campanha, mas pense em como uma campanha pode interagir com o aplicativo.

Estrutura são sempre as mesmas regras de um site. Definir um target, investir en DB, Servidor, etc.

Não precisa inicai com uma estrutura gigante.

Projeta a estrutura para poder expandir.

Entra com uma ideia siples e espera o feedback do usuário.

O App é o que o usuário pega para usar e usa com os amigos.

O Banner em um app da resultado se bem comprado.

Enviado por: Leandro Garcia - Categoria(s): acontece Tags relacionadas:
06/06/2009 - 18:07

Painel Dia 2, Busca e midia Social, alinhando estratégias – Descrevendo o que está acontecendo

Painel.

Direct Labs: Gustavo Zaiantchick

Visão de Negocios.

Diferenças entre buscas em redes sociais e buscas tradicionais.

O que muda com as bscas em redes coaisis.

Impacto.

As buscas tradicionais estão ameaçadas?

Não, mas forma de se buscar vai mudar, está mudnado.

As buscas tradicionais lidam com páginas, links e metadados.

Segundo pesquisa, 41 % de usuários repostaram que o resultado das buscas não está sendo muito relevante

Todos os sietams de busca só conseguem varrer 20 % da Web.

57 % dos usu[arios:  compartilham links. Links esses não disponiveis em buscass tradicionais.

Busca Social: Recomendação Experiencias, Opiniões.

O usuário busca outras fontes de informação não apenas os buscadore. COmo Orkut, Facebook, etc…

Os buscadores tradicionais, se aperfeiçoaram e passaram a prover buscas em redes sociais… Apresentam conteudos estáticos e em conteudos gerados por usuários em redes sociais.

UMa série de informações vindas de usuários.

25% das buscas feitas pelo google, caem em videos do You tube.

Twitootles, busca conteudos tradicionais do Google e conteudos do twitter.

Aardvark. Você se cadastra e através de seu sistema como o MSN, você manda uma busca e o sistema replica replica essa pesquisa para os demais usuaários cadastrados a fim de que eles respondam pra você.

Qual é a diferença?

Conteudo tradicional, busca tradicional.

Conteudo visando a opinião de usuários, buscas sociais.

O ranking das páginas vão ser cada vez mais influenciados por conteúdos gerados por usuários. Os usuários vão definir o que é mais relevante.

Mestre SEO: Gustavo Ricotta

Crescimtento do Twitter.

Esta crescendo sensivelmente este ano.

O Twitter é dividido en 4 tipos de subdominio

m.twitter, twitter.com, www.twitter.com, explore.twittre.com

Todos os links externos do twitter utliza o NOFOLLOW.

O Google realmente indexa links com NOFOLLOW

O google indexa links em Javascript

Tipos de redirecionamento influenciam no  Google.

Número de dominios que linkam para seu site melhoram o posicionamento de seu site, ou seja, melhor mil sites linkando para você do que 100 site com mil links.

bit.ly/inGms – tem variosscripts em PHP para encuURL.

Se acrescentar a palavra por fsvor no seu twitt aumenta susa chance de ser retwittada

O Pico de retwitte é das 11 as 17

Tweetmeme – Busca por retiwitts

TwitterDeck – Pode seguir um assunto, afim de saber o que esta acontecendo.

TweetBeep – Ferramenta para tracking por pessoas, assuntos, etc. A ferramenta te manda um e-mail com o assunto. Da pra saber o que estão falando sobre você, sobre detarminado assunto, etc.

Marketing de Busca: Paulo Teixeira

Temos necessidades e uma delas é a interação.

Necesidade x Social

Conversamos para isto, Sobre um produto, sobre um serviço

Troca = Social

Troca = Dança

Internet é um canal em que a pessoa participa. Para interagir.

Visibilidade na INternet: SEO

Orkut: Email Atual

Email  = 80 porcento da troca na internet.

As pessoas confiam completamente em uma recomendação

Paul Potts, mais torto que a Susan Boyle…

Buzz = Viral – Uma estrategia para conseguir links para seu site

Usuário define Etiqueta

E se falarem mal

DEVE-SE SER CLARO COM O CLIENTE

Não Crie personagens

As comunidades tem sua linguagem própria.

Marketing não é SPAM.

IMpacto dos Miguxos

Classe c e d é mercado.

Comentários são Indexados.

Cada um tem seu perfil de grupo

@webpaulo

Thiago Luz

Painel em Si.

O resultado do Bing nos USA está muito bom, tão bom quanto do google

O primeiro player que pode fazer frente ao Google

O Bing é um sistema muito bom. Não está pro Brasil ainda

Procurar Bing Video, resultado videos sobre a Sabrina Boing Boing

Bing is not google

Se não Ganherem do Yahoo, vai ganhar de quem??

Foram chamados 3 twitters baseados no que escreveram no dia de ontem.

O  que vocês fariam para melhorar a visão do speedy

Alguma idéia para melhorar o Speedy?

Enviado por: Leandro Garcia - Categoria(s): acontece Tags relacionadas:
06/06/2009 - 16:45

Social Media Brasil, dia 2, Palestra 2: Tecnisa

A construtora Tecnisa, é uma das maiores do Brasil. Tem atuado fortemente em midias Sociais, chegando ao Posto de vender Apartamentos pelo twitter.

Segundo o palestrante, atua fortemente em seu blog, como meio de aproximação dom o cliente. Recebem seus comentários, apagando apenas quando esses tem palavrões escritos.

Atual forte em SEO. Sendo sempre os primeiros itens em um resultado de pesquisa, sendo contrutora, apartamento ou empresa amiga do idoso. Encontrabilidade.

Primeira empresa a vender pelo Twitter;

Promoção: 2 mil reais em vales compra se comprar pelo twitter. Resultado: muita mídia online e offline esponanea e uma venda de R$ 500.000,00

A Tecnisa monitora a internet afim de encontrar pessoas reclamando sobre a Tecnisa. E embaixo de toda Reclamação, há sempre uma resposta.

A estrategia online da Tecnisa mudou a maneira de o Corretor de Imoveis trabalhar. Este precisa entender das novas tecnologias, assim como o messenger, twitter, video atendimento…

O Blog é sempre atualizado, pelo menos tres posts por semana.

¨¨¨¨¨¨¨¨¨¨

Atuar em midia Social, segundo o palestrante, foi muito  interessante para a empresa, gerando midia espontanea, vendas e fidelidade.

Enviado por: Leandro Garcia - Categoria(s): acontece Tags relacionadas:
06/06/2009 - 16:21

Social Media Brasil 2009

Social Media Brasil, é um evento que vis discutir o papel das redes sociais no mundo empresarial de hoje.

Acontece em São Paulo, teatro Gazeta nos dias 5 e 6 de Junho.

Eu to dentro.

Enviado por: Leandro Garcia - Categoria(s): acontece Tags relacionadas: ,
03/06/2009 - 17:29

Exportando dados para EXCELL com PHP

Um dia desses, me surgiu um problema ao elaborar um sistema. O Cliente queria que o sistema exportasse os dados de determinado relatório para Excell.

Em ASP, eu sabia fazer, porém, estava usando PHP… O que fazer?

Pesquisei na internet e entendi o funcionamento. Percebi que é bem simples.

1º O que é uma planilha?

É em principio uma tabela.

<table>
	<tr>
		<td>Linha 1, Coluna 1</td>
		<td>Linha 1, Coluna 2</td>
		<td>Linha 1, Coluna 2</td>
	</tr>
	<tr>
		<td>Linha 2, Coluna 1</td>
		<td>Linha 2, Coluna 2</td>
		<td>Linha 2, Coluna 2</td>
	</tr>
	<tr>
		<td>Linha 3, Coluna 1</td>
		<td>Linha 3, Coluna 2</td>
		<td>Linha 3, Coluna 2</td>
	</tr>
</table>

Ta, fiz a tabela, e agora… Como eu exporto…

Simples, você exporta através de de função header do PHP.

Muitos que estão lendo devem conhecer a função header apenas como uma maneira de redirecionar uma página, porém ela vai muito além disso…

Veja no nosso caso, como é:

header("Content-type: application/vnd.ms-excel");
header("Content-type: application/force-download");
header("Content-Disposition: attachment; filename=relatorio.xls");
header("Pragma: no-cache");

Utilizando a tabela gerada e as funções de Header no mesmo arquivo, será gerado um excell com a sua estrutura de tabela.

Veja o Código Completo

<?php
	header("Content-type: application/vnd.ms-excel");
	header("Content-type: application/force-download");
	header("Content-Disposition: attachment; filename=relatorio.xls");
	header("Pragma: no-cache");
?>

<table>
	<tr>
		<td><strong>Linha 1, Coluna 1</strong></td>
		<td>Linha 1, Coluna 2</td>
		<td>Linha 1, Coluna 2</td>
	</tr>
	<tr>
		<td>Linha 2, Coluna 1</td>
		<td>Linha 2, Coluna 2</td>
		<td>Linha 2, Coluna 2</td>
	</tr>
	<tr>
		<td>Linha 3, Coluna 1</td>
		<td>Linha 3, Coluna 2</td>
		<td>Linha 3, Coluna 2</td>
	</tr>
</table>

Utilizando este código, será gerado um arquivo chamado “relatorio.xls” com os dados da tabela.

gerarexcell

Se você analisar o código acima, você verá que eu formatei a primeira celula da primeira linha, deixando-a em negrito. Você pode formatar da maneira como você necessitar.

Enviado por: Leandro Garcia - Categoria(s): PHP Tags relacionadas: , ,
27/05/2009 - 01:31

Portal iG lança seu primeiro Aplicativo Open Social

No último de 21 de maio, o portal iG lançou o primeiro aplicativo Open Social de sua história.

top1

Este aplicativo foi desenvolvido por… Mim e pelo Vinicius Macedo. A gente desenvolveu esse aplicativo usando a API Opensocial.

Open social segundo o wikipedia:

O Google OpenSocial é uma plataforma do Google baseada em HTML convencional e Javascript. Uma API (Interface de Programação de Aplicativos) aberta  que permite que desenvolvedores criem widgets (aplicações ou add-ons) para rodar dentro de redes sociais que aderirem à plantaforma OpenSocial.

Desenvolvemos este aplicativo para o iG esportes. A pessoa que o tenha instalado, poderá votar em todos os mais de 600 jogadores do campeonato brasileiro, votando de um a dez, podendo usar como critério a habilidade ou até mesmo a paixão ou ódio pelo time em que ese jogador atua.

Link para a matéria do iG esportes sobre o aplicativo.

Link para o Aplicativo

top2

top3

Enviado por: Leandro Garcia - Categoria(s): Open Social, Projetos Tags relacionadas: , ,
20/05/2009 - 21:29

Complementos Firefox: HTML Validator

Quem trabalha com desenvolvimento web, mais precisamente com desenvolvimento de interfaces, assim como eu, necessita ter seu código validado segundo os padrões do W3c.

A maneira mais comum, é enviar a página para um servidor e validá-la no site do w3c, porém isso demanda muito tempo, coisa que cada vez temos menos. Para agilizar este processo, foi desenvolvido, já a alghum tempo, um complemento para o firefox, denominado “HTML Validator”.

O Html Validator, depois de instalado, verifica para você todas as páginas que você acessa, sem a necessidade de acessar o site da W3c, o algoritimo utilizado lê o código HTML e da a informação da validação. Essa informação é mostrada através de um icone que fica na parte inferior direita do navegador.

1174817550

Ao clicar duas vezes no ícone, é exibido o códico finte da página e na parte de baixo, uma área dizendo onde está o erro e uma outra dizendo o que é o erro.

1174817240

Se você ainda não o usa, clique no link abaixo e o instale, você verá como facilita nossas vidas.

https://addons.mozilla.org/pt-BR/firefox/addon/249

Enviado por: Leandro Garcia - Categoria(s): Complementos do Firefox Tags relacionadas:
23/04/2009 - 17:39

Everest: Descubra o que você tem em seu computador.

Salve galera, faz algum tempo que nada escrevo, porém não me esqueci de vocês… RS

Estou a a lgum tempo com um problema de lentidão em meu Desktop Ontem resolvi que iria comprar um pente de memória, quando me deparei com o seguinte problem: Qual é o tepo de mem´pria que meu computador aceita?

Logo me lembrei que tempos atrás eu havia descoberto um software bem útil para esse tipo de coisa, o Everest.

o everest é um software que lista todos os periféricos, assim com as versões dos mesmos, que se encontram em sua máquina. Há uma versão paga e outra gratuita.

Enviado por: Leandro Garcia - Categoria(s): Software Tags relacionadas:
03/03/2009 - 20:23

Offset, descobrindo o posicionamento absoluto de um elemento

Anteriormente escrevi sobre maneiras de otimizar o carregamento das páginas.

Umas destas maneiras, é colocar todas as chamadas de scripts na parte de baixo da página, mas aí tem um problema. Aqui na empresa as publicidades são dinamicas e exibidas através de script, logo, para eu exibir um superbanner na posição correta, eu deveria chamar o JS externo no head da página, mas é oposto ao que devemos práticar aqui.

Alguns de você dirão, basta que você coloque um posicionamento reletivo(relative) na div container e coloque a publicidade na parte do código e posicione a div com a publicidade em absoluto(absolute).

Isso funciona, desde que a publicidade seja sempre no mesmo local, mas se a publicidade é um island, por exemplo que é no meio do conteúdo, o que fazer?

É aí que surge o Offset da página.

Com o Offse, Você consegue descobrir onde exatamente, em Pixels, está o elemebto que você quer encontrar.

Por exemplo. Eu tenho um campo de busca e quero ao clicar nele, abrir um suggest, é com o Offset.

Ou no caso do Banner, como eu fiz:

Criei uma div com o id bannerposicao nessa div eu joguei o tamanho do banner (height:240px;width:120px). Com isso eu criei um espaço vazio que eu posso preencher porexemplo com o endereço da central de relacionamentos (bom para efeito de SEO).

No final do código eu criei uma outra div com o id banner e joguei (via CSS) o tamanho da publicidade (height:240px;width:120px) e a posicionei como absoluto (position:absolute).

Depois disso, eu usei a função abaixo para posicionar a publicidade no lugar dela.

HTML

<div id="bannerposicao"> <a href="http://www.leandrogarcia.com/blog"> Blog do Garcia </a> </div>
<br class="clear" />
<div id="corpo">Corpo</div>
Aqui abaixo esta o banner
<div id="banner"> <img src="http://www.leandrogarcia.com/blog/wp-content/uploads/2009/03/puboffset.gif" alt="publicidade" /> </div>
<br class="clear" />
<button onclick="alert(document.getElementById('bannerposicao').offsetHeight);"> offsetHeight </button>
<button onclick="alert(document.getElementById('bannerposicao').offsetWidth);"> offsetWidth </button>
<button onclick="alert(document.getElementById('bannerposicao').offsetLeft);"> offsetLeft </button>
<button onclick="alert(document.getElementById('bannerposicao').offsetTop);"> offsetTop </button>

CSS

#bannerposicao{float:left; width:120px; height:240px; background:#ccc}
#banner{display:block; position:absolute; width:120px; height:240px; background:#ccc}
#corpo{clear:both; height:400px}

JS

function exibepublicidade(){
var $arg = document.getElementById('bannerposicao'); //Essa linha pega os dados da div
var $curTop=0,$curLeft=0,$curWidth=0; // Essa, cria as variáveis de largura, left e top
if($arg.offsetParent) {
do {
$curLeft += $arg.offsetLeft;
$curTop += $arg.offsetTop;
}while($arg = $arg.offsetParent)
} //O if acima, pega a posição da Div em relação à janela
var $posicao = document.getElementById('banner');
$posicao.style.top = $curTop + "px";
$posicao.style.left = $curLeft + "px";
}
exibepublicidade();

Com o Offset conseguimos pegar a Altura, a Largua a Posição Left e Top do elemento.

Altura (offsetHeight), Largura (offsetWidth), Left (offsetLeft) e Top(offsetTop);

Veja o exemplo

Download

Enviado por: Leandro Garcia - Categoria(s): JavaScript Tags relacionadas: , , , , , ,