Os1

744 views

Published on

primeira parte de tres partes de um seminário sobre Opensocial

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
744
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
6
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Os1

  1. 1. SEMINÁRIO Redes Sociais Utilizando o OpenSocial  1ª Parte Orador: Eng. Joaquim F. Silva [email_address] ISTEC-PORTO Junho 2009
  2. 2. AGENDA <ul><li>1.ª Sessão: 17 de Junho das 18:30h - 20:30h </li></ul><ul><li>       - Programação em Redes Sociais  </li></ul><ul><li>- Introdução ao OpenSocial  </li></ul><ul><li>2.ª Sessão: 25 de Junho das 18:30h - 20:30h                           - Gadget XML e Gadget API  - JavaScript API  </li></ul><ul><li>3.ª Sessão: 26 de Junho das 18:30h - 22:30h </li></ul><ul><li>    - Desenvolvimento de uma simples aplicação utilizando o OpenSocial API </li></ul><ul><li>     </li></ul>
  3. 3. Programação em Redes Sociais  <ul><li>O OpenSocial suporta múltiplas plataformas existentes </li></ul><ul><ul><li>MySpace </li></ul></ul><ul><ul><li>hi5 </li></ul></ul><ul><ul><li>Orkut </li></ul></ul><ul><ul><li>Friendster </li></ul></ul><ul><ul><li>Imeem </li></ul></ul><ul><ul><li>Freebar </li></ul></ul><ul><ul><li>LinkedIn </li></ul></ul><ul><ul><li>… . </li></ul></ul>
  4. 4. Programação em Redes Sociais Chaneson2009
  5. 5. Programação em Redes Sociais <ul><li>Existem diversos tipos de aplicações: </li></ul><ul><ul><li>Descoberta </li></ul></ul><ul><ul><li>Instalação </li></ul></ul><ul><ul><li>Aparência </li></ul></ul><ul><ul><li>Controlo </li></ul></ul><ul><li>Os objectivos das aplicações: </li></ul><ul><ul><li>Crescimento </li></ul></ul><ul><ul><li>Envolvimento </li></ul></ul><ul><ul><li>Evolução Dinâmica </li></ul></ul><ul><ul><li>Auto-expressão </li></ul></ul><ul><ul><li>Exposição pública </li></ul></ul><ul><ul><li>Construção de relações </li></ul></ul><ul><ul><li>Resolução de problemas reais </li></ul></ul><ul><ul><li>.. </li></ul></ul>
  6. 6. Programação em Redes Sociais <ul><li>As actuais tendências: </li></ul><ul><ul><li>Genéricas </li></ul></ul><ul><ul><li>Verticais (ex. Flixter, iLike) </li></ul></ul><ul><ul><li>Destinos </li></ul></ul><ul><ul><li>Maior envolvimento social </li></ul></ul><ul><ul><li>Utilização de meios de comunicação </li></ul></ul><ul><ul><li>Auto-expressão </li></ul></ul><ul><ul><li>Moeda virtual, bens e pontuações </li></ul></ul><ul><ul><li>Aplicações para telemóveis </li></ul></ul><ul><ul><li>Aumento de dados sociais do utilizador na utilização de aplicações </li></ul></ul>
  7. 7. Programação em Redes Sociais <ul><li>Aplicações Sociais e Virais </li></ul><ul><ul><li>Explosão de utilizadores num período curto </li></ul></ul><ul><ul><li>Crescimento sustentado ao longo de semanas ou meses, mas podem expandir o número de utilizadores em horas ou dias </li></ul></ul><ul><ul><li>Métricas do crescimento viral: </li></ul></ul><ul><ul><ul><li>Número de convites que os utilizadores podem realizar </li></ul></ul></ul><ul><ul><ul><li>Percentagem entre os números de utilizadores e os que desinstalam. </li></ul></ul></ul><ul><ul><ul><li>Capacidade do total de potenciais utilizadores </li></ul></ul></ul><ul><ul><ul><li>Percentagem entre os convites e os que aceitam </li></ul></ul></ul>
  8. 8. Programação em Redes Sociais <ul><li>Tendências de utilização </li></ul>Grewe2009
  9. 9. Introdução ao OpenSocial <ul><li>História </li></ul><ul><ul><li>Despoletado pelo Google em resposta ao Facebook </li></ul></ul><ul><ul><li>Iniciado através de um projecto OpenSource em 2007 </li></ul></ul><ul><ul><li>Diversas companhias subscreveram em particular: </li></ul></ul><ul><ul><ul><li>MySpace, Hi5, Orkut, Ning , LinkedIn, … </li></ul></ul></ul><ul><ul><li>Actualmente versão 0.9 (Abril 2009) disponível. </li></ul></ul><ul><ul><ul><li>hi5 suporta a versão 0.8 (Maio 2008) e o Ning a versão 0.7 (Fevereiro de 2008) </li></ul></ul></ul>
  10. 10. Introdução ao OpenSocial Chaneson2009
  11. 11. Introdução ao OpenSocial <ul><li>Arquitectura do OpenSocial </li></ul>Chaneson2009
  12. 12. Introdução ao OpenSocial <ul><li>A API do OpenSocial possui três tipos de recursos:                      </li></ul><ul><li>      -  Pessoas e relacionamentos dos u tilizadores de redes sociais                                                     </li></ul><ul><li>                                           </li></ul><ul><li>      - Persistência, a capacidade de armazenar dados que poderão ser recuperados quando a aplicação for executada novamente. </li></ul><ul><li>  </li></ul><ul><li>        - Actividades, os utilizadores informam as outras o que estão fazendo: indo ao cinema, postando fotos, e assim por diante. </li></ul>
  13. 13. Introdução ao OpenSocial <ul><li>A API do OpenSocial </li></ul>Milfont2009
  14. 14. Introdução ao OpenSocial <ul><ul><li>Baseada na API Cliente ( apenas cliente ou com suporte de servidor) </li></ul></ul>Grewe2009
  15. 15. Introdução ao OpenSocial <ul><li>Baseada na API Servidor (Completa ou Híbrida) </li></ul>Grewe2009
  16. 16. Introdução ao OpenSocial <ul><li>Arquitectura das aplicações </li></ul>Grewe2009
  17. 17. Introdução ao OpenSocial <ul><li>O JavaScript API </li></ul><ul><ul><li>Permite c riar aplicações: </li></ul></ul><ul><ul><ul><li>Sem manter servidor próprio                                   </li></ul></ul></ul><ul><ul><ul><li>Que incluam um componente do lado do servidor (para </li></ul></ul></ul><ul><ul><li>processamento off-line e/ou acesso de outros sites           </li></ul></ul><ul><ul><ul><li>Já existentes, utilizando o contexto dos sítios sociais já existentes </li></ul></ul></ul><ul><ul><ul><li>Que possam ser executados no contexto de muitos sítios sociais diferentes </li></ul></ul></ul><ul><ul><li>Suporta funções de aplicações e chamadas a outros recursos </li></ul></ul><ul><ul><li>Chamadas à API OpenSocial e a Gadgets </li></ul></ul>
  18. 18. Introdução ao OpenSocial <ul><li>O JavaScript API </li></ul><ul><ul><li>Utiliza tecnologias padrão da Web: </li></ul></ul><ul><ul><ul><li>É fornecida como um conjunto de métodos do namespace opensocial.*. </li></ul></ul></ul><ul><ul><li>Permite usar qualquer técnica padrão de programação JavaScript e bibliotecas de terceiros. </li></ul></ul><ul><ul><li>  Inclui um sistema completo de retorno de chamada assíncrono para suportar interactividade AJAX rica. </li></ul></ul>
  19. 19. Introdução ao OpenSocial
  20. 20. Introdução ao OpenSocial <ul><li>Tipo de dados utilizados no OpenSocial </li></ul><ul><ul><li>JSON </li></ul></ul><ul><ul><li>ATOM </li></ul></ul><ul><ul><li>XML </li></ul></ul>
  21. 21. Introdução ao OpenSocial <ul><li>O que é preciso para começar a programar? </li></ul><ul><ul><li>Conta no Hi5  </li></ul></ul><ul><ul><li>Código da aplicação </li></ul></ul><ul><ul><li>Se utilizar uma base de dados, necessidade de acesso à mesma ( o Google disponibiliza) </li></ul></ul><ul><ul><li>Conta de programador no container  </li></ul></ul>
  22. 22. Introdução ao OpenSocial <ul><li>Desenvolvimento das aplicações de acordo com o container ( infelizmente ainda é assim) </li></ul><ul><li>Container a utilizar neste seminário: </li></ul>
  23. 23. Introdução ao OpenSocial <ul><li>Uma simples aplicação Olá Mundo </li></ul><ul><li>  <?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot; ?> </li></ul><ul><li>- <Module> </li></ul><ul><li>- <ModulePrefs title=&quot; Your App &quot; description=&quot; Hello World &quot; author_email=&quot; [email_address] &quot;> </li></ul><ul><li><Icon>http://U.com/Logo_16_16.PNG</Icon> </li></ul><ul><li><Require feature=&quot; opensocial-0.8 &quot; /> </li></ul><ul><li></ModulePrefs> </li></ul><ul><li>- <Content type=&quot; html &quot;> </li></ul><ul><li>- <![CDATA[ </li></ul><ul><li>Hello, world! </li></ul><ul><li>]]> </li></ul><ul><li></Content> </li></ul><ul><li></Module> </li></ul>
  24. 24. Introdução ao OpenSocial <ul><li>Como ajustar a altura da aplicação Olá Mundo </li></ul><ul><li>  <?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot; ?> </li></ul><ul><li>- <Module> </li></ul><ul><li>- <ModulePrefs title=&quot;Hello World!&quot; description=&quot;Hello World&quot; title_url=&quot;http://www.hi5.com&quot; author=&quot;L. Grewe&quot; author_email=&quot;lynne.grewe@csueastbay.edu&quot; author_affiliation=&quot;iLab&quot; author_location=&quot;Bay Area, CA&quot; thumbnail=&quot;http://Me.com/Logo.png&quot;> </li></ul><ul><li>  <Icon>http://Me.com/Logo-16x16.png</Icon> </li></ul><ul><li>  <Require feature=&quot;dynamic-height&quot; /> </li></ul><ul><li>  <Require feature=&quot;opensocial-0.8&quot; /> </li></ul><ul><li>  </ModulePrefs> </li></ul><ul><li>- <Content type=&quot;html&quot;> <![CDATA[ Hello World! <script> // Call the init function onLoad gadgets.util.registerOnLoadHandler(init); function init() { gadgets.window.adjustHeight(50); } </script>   ]]> </li></ul><ul><li>  </Content> </li></ul><ul><li>  </Module> </li></ul>
  25. 25. Introdução ao OpenSocial <ul><li>Múltiplas vistas na aplicação Olá Mundo </li></ul><ul><li>  <?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot; ?> </li></ul><ul><li>- <Module> </li></ul><ul><li>- <ModulePrefs title=&quot; View Silly Example &quot; description=&quot; Hello World &quot; author_email=&quot; [email_address] &quot;> </li></ul><ul><li>  <Require feature=&quot; opensocial-0.8 &quot; /> </li></ul><ul><li>  </ModulePrefs> </li></ul><ul><li>- <Content type=&quot; html &quot; view=&quot; profile &quot;> <![CDATA[ <h1>Profile Content</h1>   ]]> </li></ul><ul><li>  </Content> </li></ul><ul><li>- <Content type=&quot; html &quot; view=&quot; canvas &quot;> <![CDATA[ <h1>Canvas Content</h1>   ]]> </li></ul><ul><li>  </Content> </li></ul><ul><li>  </Module> </li></ul>
  26. 26. Introdução ao OpenSocial <ul><li>Suporte de ciclos de vida </li></ul><ul><li>Aplicação </li></ul><ul><ul><li>Ainda não instalada </li></ul></ul><ul><ul><li>Em uso </li></ul></ul><ul><ul><li>Removida </li></ul></ul><ul><ul><li>Recomendada (convite) </li></ul></ul><ul><ul><li>Alteração na configuração </li></ul></ul>
  27. 27. Introdução ao OpenSocial <ul><li>Aplicação Olá Mundo com suporte de ciclo de vida </li></ul><ul><li>  <?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot; ?> </li></ul><ul><li>- <Module> </li></ul><ul><li>- <ModulePrefs title=&quot; Hello World! &quot; description=&quot; Hello World &quot; title_url=&quot; http://www.hi5.com &quot; author=&quot; L. Grewe &quot; author_email=&quot; [email_address] &quot; author_affiliation=&quot; iLab &quot; author_location=&quot; Bay Area, CA &quot; thumbnail=&quot; http://Me.com/Logo.png &quot;> </li></ul><ul><li>  <Icon> http://Me.com/Logo-16x16.png </Icon> </li></ul><ul><li>  <Require feature=&quot; opensocial-0.8 &quot; /> </li></ul><ul><li>  <Link rel=&quot; event.addapp &quot; href=&quot; http://me.com/recordAppadded &quot; /> </li></ul><ul><li>  <Link rel=&quot; event.removeapp &quot; href=&quot; http://me.com/AppRemoved &quot; /> </li></ul><ul><li>  </ModulePrefs> </li></ul><ul><li>- <Content type=&quot; html &quot;> <![CDATA[ Hello, world!   ]]> </li></ul><ul><li>  </Content> </li></ul><ul><li>  </Module> </li></ul>
  28. 28. Introdução ao OpenSocial <ul><li>Alguns sítios de relevo: </li></ul><ul><ul><li>http://www.code.google.com/opensocial </li></ul></ul><ul><ul><li>http://wiki.opensocial.org/ </li></ul></ul><ul><ul><li>http://opensocialapis.blogspot.com </li></ul></ul><ul><ul><li>http://www.opensocial.org </li></ul></ul><ul><ul><li>http://www.opensocialdirectory.org </li></ul></ul><ul><li>Para o Hi5: </li></ul><ul><ul><li>http://www.hi5networks.com/developer/ </li></ul></ul><ul><ul><li>http://www.hi5.com/friend/group/2364084--Hi5%2BPlatform%2BDevelopment--front--html </li></ul></ul>
  29. 29. Síntese da 1ª Sessão <ul><li>Existem diversos “containers” </li></ul><ul><li>Definição das metas, canais “virais”, </li></ul><ul><li>Algumas técnicas de marketing e retenção dos utilizadores nas aplicações </li></ul><ul><li>Arquitectura do OpenSocial e das Aplicações </li></ul><ul><li>Tipos de dados suportados pelo OpenSocial </li></ul><ul><li>Como disponibilizar aplicações no Hi5? </li></ul><ul><li>O que é preciso para começar a programar? </li></ul>
  30. 30. Próxima sessão <ul><li>25 de Junho das 18:30h -20:30h                           - Gadget XML e Gadget API  - JavaScript API </li></ul><ul><li>Com algumas demonstrações de código para múltiplas vistas. </li></ul><ul><li>Traz o PC para experimentares… </li></ul>
  31. 31. Obrigado <ul><li>Joaquim Fernando Silva </li></ul><ul><ul><li>e-mail: joaquim.silva@engenheiros.pt </li></ul></ul><ul><ul><li>url: http://paginas.fe.up.pt/~pro05009/ </li></ul></ul><ul><li>Apresentação disponível no slideshare em: </li></ul><ul><ul><li>http://www.slideshare.net/jffs992 </li></ul></ul>

×