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
Profile (Perfil)
Canvas (Principal)
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.
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?
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.
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.
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.
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.
No último de 21 de maio, o portal iG lançou o primeiro aplicativo Open Social de sua história.
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.
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.
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.
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
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.
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);