OpensocialAplicações e conceitos<br />Robson Dantas<br />@robsondantas<br />#SP-GTUG/2010<br />1<br />
A web é melhor, quando é Social<br />David Glazer, diretor de engenharia durante o lançamento do Opensocial em Nov/2007<br...
Divisão da apresentação<br />Introdução ( por quê? );<br />Definições técnicas ( como? );<br />Visão de mercado ( onde? );...
1. Introdução<br />Por quê ?<br />4<br />
Redes sociais no Brasil<br />85.3% dos internautas usam;<br />Orkut é o dominante – 22 milhões de usuários com média de 28...
Como explorar essa audiência ?<br />Forma tradicional<br />=<br />Anúncios<br />6<br />
Como explorar essa audiência ?<br />Opensocial<br />Aplicativos<br />Criatividade<br />7<br />+<br />?<br />+<br />
Como explorar essa audiência ?<br />Por que criatividade?<br />Os aplicativos precisam ser:<br />Simples, porém atrativos;...
O maior case - BuddyPoke<br />Permite criar seu avatar em 3d;<br />Permite que seu avatar interaja com avatar dos seus ami...
Instalação<br />Modelo do aplicativo<br />10<br />Canvas + config<br />Atividade<br />Profile<br />
Questões técnicas<br />Como ?<br />11<br />
Padronização<br />Opensocial é uma fundação:<br />- 5 diretores (Google, Yahoo, Hi5, MySpace e Flixter;<br />	- 2 membros ...
Padronização<br />Ou seja: Há uma forma genérica de realizar comunicação com as redes sociais;<br />Qualquer rede social p...
Padronização<br />14<br />
15<br />Precisa saber HTML, Javascript e uma linguagem server-side qualquer (PHP, Java, Python, etc);<br />Ler as document...
16<br />Firebug é essencial;<br />Opensocialplugin para debug;<br />Ambientes:<br />Sandbox diretamente (upload, teste);<b...
Rede social<br />Precisa implementar um container Opensocial ( Shindig );<br />Realizar integrações com o container para d...
Rede social - Shindig<br />Demo Shindig + Opensocial!<br />18<br />
Arquitetura<br />19<br />Rede Social<br />Usuários<br />Opensocial Container (renderiza o gadget)<br />Gadgethttp://www.si...
Modelo básico de dados<br />20<br />Pessoas<br />Relacionamentos<br />Atividades<br />
Modelo básico de dados<br />Pessoas:<br />Nome, apelido, foto, orientação sexual, idade, data de aniversário, + 50 campos;...
Escrevendo um gadget - helloworld<br />22<br />
Escrevendo um gadget - helloworld<br />23<br />
Escrevendo um gadget - helloworld<br />24<br />
Escrevendo um gadget - helloworld<br />25<br />
Persistência e comunicação remota<br />API permite requisições HTTP (GET e POST)<br />Trata automaticamente TEXT, DOM, JSO...
Exemplo de request (GET) assinado<br />27<br />Chamada do request<br />Callback assíncrono<br />
Request assinado<br />28<br />Usa oauth e conceito de chave pública/privada<br />
Request assinado – Fake!<br />29<br />Usa oauth e conceito de chave pública/privada<br />
Bônus: Rest e RPC<br />Possibilita acessar os dados do usuário na rede social através de API;<br />Usuário precisa do apli...
Bibliotecas<br />31<br />
Exemplo<br />32<br />
Exemplo<br />33<br />
3. Visão de mercado<br />Onde ?<br />34<br />
Oportunidades<br />Com esse volume gigante de acessos, desenvolvedores e empresas procuram oportunidades<br />Plataformas ...
Petrobrás<br />36<br />
Gatorade<br />37<br />
Colheita feliz (clone do farmville)<br />38<br />
Vou, não vou!<br />39<br />
ReadinglistbyAmazon<br />40<br />
Para finalizar...<br />Será que o Google está olhando para o Opensocial no Brasil ?<br />41<br />
Sim, está!<br />42<br />
Vaga de desenvolvedor em SP<br />43<br />
4. Q/A<br />44<br />
Upcoming SlideShare
Loading in …5
×

Apresentação sobre Opensocial - SP-Gtug

1,087 views

Published on

Apresentação sobre Opensocial feita por Robson Dantas durante o SP-GTUG

Published in: Technology
1 Comment
3 Likes
Statistics
Notes
No Downloads
Views
Total views
1,087
On SlideShare
0
From Embeds
0
Number of Embeds
21
Actions
Shares
0
Downloads
0
Comments
1
Likes
3
Embeds 0
No embeds

No notes for slide

Apresentação sobre Opensocial - SP-Gtug

  1. 1. OpensocialAplicações e conceitos<br />Robson Dantas<br />@robsondantas<br />#SP-GTUG/2010<br />1<br />
  2. 2. A web é melhor, quando é Social<br />David Glazer, diretor de engenharia durante o lançamento do Opensocial em Nov/2007<br />2<br />
  3. 3. Divisão da apresentação<br />Introdução ( por quê? );<br />Definições técnicas ( como? );<br />Visão de mercado ( onde? );<br />Público – Q/A;<br />3<br />
  4. 4. 1. Introdução<br />Por quê ?<br />4<br />
  5. 5. Redes sociais no Brasil<br />85.3% dos internautas usam;<br />Orkut é o dominante – 22 milhões de usuários com média de 28 visitas e 496 minutos de uso/mês<br />Alta penetração (crianças, jovens, adultos, idosos )<br />Outras redes: Sonico, Facebook, Hi5, LinkedIn, Myspace<br />Fonte: Comscore<br />5<br />
  6. 6. Como explorar essa audiência ?<br />Forma tradicional<br />=<br />Anúncios<br />6<br />
  7. 7. Como explorar essa audiência ?<br />Opensocial<br />Aplicativos<br />Criatividade<br />7<br />+<br />?<br />+<br />
  8. 8. Como explorar essa audiência ?<br />Por que criatividade?<br />Os aplicativos precisam ser:<br />Simples, porém atrativos;<br /> Sociais;<br /> Virais;<br />8<br />
  9. 9. O maior case - BuddyPoke<br />Permite criar seu avatar em 3d;<br />Permite que seu avatar interaja com avatar dos seus amigos;<br />Possui mais de 65 milhões de instalações;<br />Funciona nas redes mais populares do mundo;<br />9<br />
  10. 10. Instalação<br />Modelo do aplicativo<br />10<br />Canvas + config<br />Atividade<br />Profile<br />
  11. 11. Questões técnicas<br />Como ?<br />11<br />
  12. 12. Padronização<br />Opensocial é uma fundação:<br />- 5 diretores (Google, Yahoo, Hi5, MySpace e Flixter;<br /> - 2 membros da comunidade;<br />O resultado do trabalho é uma especificação – determina API´s e conjuntos de dados;<br />12<br />
  13. 13. Padronização<br />Ou seja: Há uma forma genérica de realizar comunicação com as redes sociais;<br />Qualquer rede social pode disponibilizar as informações;<br />Aplicativos podem ser desenvolvidos e acoplados facilmente em vários ambientes;<br />13<br />
  14. 14. Padronização<br />14<br />
  15. 15. 15<br />Precisa saber HTML, Javascript e uma linguagem server-side qualquer (PHP, Java, Python, etc);<br />Ler as documentações de API´s;<br />Escolher uma rede social;<br />Possuir um serviço de hosting;<br />Inscrever-se nos sandboxes (teste);<br />Desenvolvedor<br />
  16. 16. 16<br />Firebug é essencial;<br />Opensocialplugin para debug;<br />Ambientes:<br />Sandbox diretamente (upload, teste);<br />Ou Partuza + Shindig para testes locais;<br />Ou OSDE como alternativa ao Partuza;<br />Desenvolvedor<br />
  17. 17. Rede social<br />Precisa implementar um container Opensocial ( Shindig );<br />Realizar integrações com o container para disponibilizar os dados;<br />Disponibilizar ambientes para os desenvolvedores testarem;<br />17<br />
  18. 18. Rede social - Shindig<br />Demo Shindig + Opensocial!<br />18<br />
  19. 19. Arquitetura<br />19<br />Rede Social<br />Usuários<br />Opensocial Container (renderiza o gadget)<br />Gadgethttp://www.site.com/app.xml<br />
  20. 20. Modelo básico de dados<br />20<br />Pessoas<br />Relacionamentos<br />Atividades<br />
  21. 21. Modelo básico de dados<br />Pessoas:<br />Nome, apelido, foto, orientação sexual, idade, data de aniversário, + 50 campos;<br />Relacionamentos:<br />Owner e viewer – amigos de ambos;<br />Definição de Owner e viewer!<br />Atividades:<br />Estou feliz, achei um novo amigo, etc;<br />21<br />
  22. 22. Escrevendo um gadget - helloworld<br />22<br />
  23. 23. Escrevendo um gadget - helloworld<br />23<br />
  24. 24. Escrevendo um gadget - helloworld<br />24<br />
  25. 25. Escrevendo um gadget - helloworld<br />25<br />
  26. 26. Persistência e comunicação remota<br />API permite requisições HTTP (GET e POST)<br />Trata automaticamente TEXT, DOM, JSON e FEED<br />Pode ser assinado usando OAUTH<br />Garante que só o container e o servidor recebam requisições<br />Conceito de chave pública / privada<br />26<br />
  27. 27. Exemplo de request (GET) assinado<br />27<br />Chamada do request<br />Callback assíncrono<br />
  28. 28. Request assinado<br />28<br />Usa oauth e conceito de chave pública/privada<br />
  29. 29. Request assinado – Fake!<br />29<br />Usa oauth e conceito de chave pública/privada<br />
  30. 30. Bônus: Rest e RPC<br />Possibilita acessar os dados do usuário na rede social através de API;<br />Usuário precisa do aplicativo no perfil;<br />Pode servir como extensão para o aplicativo:<br />Mobile<br />Client/Server<br />30<br />
  31. 31. Bibliotecas<br />31<br />
  32. 32. Exemplo<br />32<br />
  33. 33. Exemplo<br />33<br />
  34. 34. 3. Visão de mercado<br />Onde ?<br />34<br />
  35. 35. Oportunidades<br />Com esse volume gigante de acessos, desenvolvedores e empresas procuram oportunidades<br />Plataformas de mídia (buddypoke);<br />Jogos online (colheita, mafiawars);<br />Aplicativos sociais para divulgar a marca;<br />35<br />
  36. 36. Petrobrás<br />36<br />
  37. 37. Gatorade<br />37<br />
  38. 38. Colheita feliz (clone do farmville)<br />38<br />
  39. 39. Vou, não vou!<br />39<br />
  40. 40. ReadinglistbyAmazon<br />40<br />
  41. 41. Para finalizar...<br />Será que o Google está olhando para o Opensocial no Brasil ?<br />41<br />
  42. 42. Sim, está!<br />42<br />
  43. 43. Vaga de desenvolvedor em SP<br />43<br />
  44. 44. 4. Q/A<br />44<br />

×