Os3

582 views
536 views

Published on

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

  • Be the first to like this

No Downloads
Views
Total views
582
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Os3

  1. 1. SEMINÁRIO Redes Sociais Utilizando o OpenSocial  3ª Sessão 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 aplicações simples, utilizando o OpenSocial API </li></ul><ul><li>     </li></ul>
  3. 3. 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>
  4. 4. Síntese da 2ª Sessão <ul><li>Utilizar o container do Hi5 e incluir o “sandbox” de programador: </li></ul><ul><ul><li>http://developer.hi5.com/ </li></ul></ul><ul><li>Recorrer ao GDE (Google Desktop Editor) para escrever o código (XML) </li></ul><ul><ul><li>http://www.google.com/ig/adde?moduleurl=gge.xml </li></ul></ul><ul><li>Ferramentas de desenvolvimento.. </li></ul><ul><ul><li>http://code.google.com/intl/pt/apis/gadgets/docs/legacy/tools.html#Host </li></ul></ul>
  5. 5. 3ª Sessão <ul><li>26 de Junho das 18:30h -22:30h                           - JavaScript API </li></ul><ul><li>Objectivo: </li></ul><ul><ul><li>Desenvolvimento de aplicações simples utilizando o OpenSocial API </li></ul></ul>
  6. 6. Tutorial ObterAmigos <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 example&quot; author_email=“jffs.992@gmail.com&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;> </li></ul><ul><li><![CDATA[ </li></ul><ul><li><script type=&quot;text/javascript&quot;> </li></ul><ul><li>function response(data) { </li></ul><ul><li>var element = document.getElementById('content'); </li></ul><ul><li>if (data.hadError()) { </li></ul><ul><li>if (data.get(&quot;req&quot;).hadError()) { </li></ul><ul><li>output(&quot;Error: &quot; + data.get(&quot;req&quot;).getErrorMessage()); </li></ul><ul><li>} </li></ul><ul><li>if (data.get(&quot;req_friends&quot;).hadError()) { </li></ul><ul><li>output(&quot;Error: &quot; + data.get(&quot;req_friends&quot;).getErrorMessage()); </li></ul><ul><li>} </li></ul><ul><li>return; </li></ul><ul><li>} </li></ul>
  7. 7. Tutorial Obter Amigos <ul><li>element.innerHTML = &quot;Amigos de &quot; + data.get(&quot;req&quot;).getData().getDisplayName() + &quot;:<br>&quot;; </li></ul><ul><li>element.innerHTML = element.innerHTML + &quot;=====================<br>&quot;; </li></ul><ul><li>data.get(&quot;req_friends&quot;).getData().each(function(person) { </li></ul><ul><li>var thumb = person.getField(opensocial.Person.Field.THUMBNAIL_URL); </li></ul><ul><li>element.innerHTML = element.innerHTML + &quot;&quot;<img src='&quot; + thumb + &quot;' width=20 height=20/>&nbsp;&quot;; </li></ul><ul><li>element.innerHTML = element.innerHTML + person.getDisplayName() + &quot;<br>&quot;; </li></ul><ul><li>}); </li></ul><ul><li>gadgets.window.adjustHeight(); </li></ul><ul><li>} </li></ul>
  8. 8. Tutorial Obter Amigos <ul><li>function request() { </li></ul><ul><li>var req = opensocial.newDataRequest(); </li></ul><ul><li>var spec = opensocial.newIdSpec({&quot;userId&quot; : &quot;OWNER&quot;, &quot;groupId&quot; : &quot;FRIENDS&quot;}); </li></ul><ul><li>var params = { &quot;max&quot; : 30 }; </li></ul><ul><li>req.add(req.newFetchPersonRequest(opensocial.IdSpec.PersonId.OWNER), &quot;req&quot;); </li></ul><ul><li>req.add(req.newFetchPeopleRequest(spec, params), &quot;req_friends&quot;); </li></ul><ul><li>req.send(response); </li></ul><ul><li>} </li></ul><ul><li></script> </li></ul><ul><li>Prima o botão para obter 50 amigos .<br><br> </li></ul><ul><li><input type=&quot;button&quot; value=&quot;Amigos do Hi5&quot; onclick=&quot;request()&quot;><br><br> </li></ul><ul><li><div id=&quot;content&quot;></div> </li></ul><ul><li>]]> </li></ul><ul><li></Content> </li></ul><ul><li></Module> </li></ul>
  9. 9. URLs <ul><li>http://www.hi5networks.com/platform/wiki/SampleCode </li></ul><ul><li>http://code.google.com/intl/pt/apis/gdata/auth.html </li></ul><ul><li>http://code.google.com/intl/pt/apis/igoogle/docs/igoogledevguide.html </li></ul><ul><li>http://code.google.com/intl/pt/appengine/ </li></ul>
  10. 10. Como evoluir? <ul><li>Ferramentas de desenvolvimento de gadgets </li></ul><ul><ul><li>http://code.google.com/intl/pt/apis/igoogle/docs/igoogledevguide.html </li></ul></ul><ul><li>Tutorial OpenSocial (OpenSocial API v0.8) </li></ul><ul><ul><li>http://code.google.com/intl/pt/apis/opensocial/articles/tutorial/tutorial-0.8.html </li></ul></ul><ul><li>Construir uma aplicação (app) OpenSocial com o Google App Engine </li></ul><ul><ul><li>http://wiki.opensocial.org/index.php?title=Building_an_OpenSocial_App_with_Google_App_Engine </li></ul></ul>
  11. 11. Obrigado <ul><li>Joaquim Fernando Silva </li></ul><ul><ul><li>e-mail: [email_address] </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>

×