Your SlideShare is downloading. ×
Os3
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Os3

448
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
448
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. SEMINÁRIO Redes Sociais Utilizando o OpenSocial  3ª Sessão Orador: Eng. Joaquim F. Silva [email_address] ISTEC-PORTO Junho 2009
  • 2. AGENDA
    • 1.ª Sessão: 17 de Junho das 18:30h - 20:30h
    •        - Programação em Redes Sociais 
    • - Introdução ao OpenSocial 
    • 2.ª Sessão: 25 de Junho das 18:30h - 20:30h                           - Gadget XML e Gadget API  - JavaScript API 
    • 3.ª Sessão: 26 de Junho das 18:30h - 22:30h
    •     - Desenvolvimento de aplicações simples, utilizando o OpenSocial API
    •     
  • 3. Síntese da 1ª Sessão
    • Existem diversos “containers”
    • Definição das metas, canais “virais”,
    • Algumas técnicas de marketing e retenção dos utilizadores nas aplicações
    • Arquitectura do OpenSocial e das Aplicações
    • Tipos de dados suportados pelo OpenSocial
    • Como disponibilizar aplicações no Hi5?
    • O que é preciso para começar a programar?
  • 4. Síntese da 2ª Sessão
    • Utilizar o container do Hi5 e incluir o “sandbox” de programador:
      • http://developer.hi5.com/
    • Recorrer ao GDE (Google Desktop Editor) para escrever o código (XML)
      • http://www.google.com/ig/adde?moduleurl=gge.xml
    • Ferramentas de desenvolvimento..
      • http://code.google.com/intl/pt/apis/gadgets/docs/legacy/tools.html#Host
  • 5. 3ª Sessão
    • 26 de Junho das 18:30h -22:30h                           - JavaScript API
    • Objectivo:
      • Desenvolvimento de aplicações simples utilizando o OpenSocial API
  • 6. Tutorial ObterAmigos
    • <?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot;?>
    • <Module>
    • <ModulePrefs title=&quot;hello world example&quot; author_email=“jffs.992@gmail.com&quot;>
    • <Require feature=&quot;opensocial-0.8&quot;/>
    • </ModulePrefs>
    • <Content type=&quot;html&quot;>
    • <![CDATA[
    • <script type=&quot;text/javascript&quot;>
    • function response(data) {
    • var element = document.getElementById('content');
    • if (data.hadError()) {
    • if (data.get(&quot;req&quot;).hadError()) {
    • output(&quot;Error: &quot; + data.get(&quot;req&quot;).getErrorMessage());
    • }
    • if (data.get(&quot;req_friends&quot;).hadError()) {
    • output(&quot;Error: &quot; + data.get(&quot;req_friends&quot;).getErrorMessage());
    • }
    • return;
    • }
  • 7. Tutorial Obter Amigos
    • element.innerHTML = &quot;Amigos de &quot; + data.get(&quot;req&quot;).getData().getDisplayName() + &quot;:<br>&quot;;
    • element.innerHTML = element.innerHTML + &quot;=====================<br>&quot;;
    • data.get(&quot;req_friends&quot;).getData().each(function(person) {
    • var thumb = person.getField(opensocial.Person.Field.THUMBNAIL_URL);
    • element.innerHTML = element.innerHTML + &quot;&quot;<img src='&quot; + thumb + &quot;' width=20 height=20/>&nbsp;&quot;;
    • element.innerHTML = element.innerHTML + person.getDisplayName() + &quot;<br>&quot;;
    • });
    • gadgets.window.adjustHeight();
    • }
  • 8. Tutorial Obter Amigos
    • function request() {
    • var req = opensocial.newDataRequest();
    • var spec = opensocial.newIdSpec({&quot;userId&quot; : &quot;OWNER&quot;, &quot;groupId&quot; : &quot;FRIENDS&quot;});
    • var params = { &quot;max&quot; : 30 };
    • req.add(req.newFetchPersonRequest(opensocial.IdSpec.PersonId.OWNER), &quot;req&quot;);
    • req.add(req.newFetchPeopleRequest(spec, params), &quot;req_friends&quot;);
    • req.send(response);
    • }
    • </script>
    • Prima o botão para obter 50 amigos .<br><br>
    • <input type=&quot;button&quot; value=&quot;Amigos do Hi5&quot; onclick=&quot;request()&quot;><br><br>
    • <div id=&quot;content&quot;></div>
    • ]]>
    • </Content>
    • </Module>
  • 9. URLs
    • http://www.hi5networks.com/platform/wiki/SampleCode
    • http://code.google.com/intl/pt/apis/gdata/auth.html
    • http://code.google.com/intl/pt/apis/igoogle/docs/igoogledevguide.html
    • http://code.google.com/intl/pt/appengine/
  • 10. Como evoluir?
    • Ferramentas de desenvolvimento de gadgets
      • http://code.google.com/intl/pt/apis/igoogle/docs/igoogledevguide.html
    • Tutorial OpenSocial (OpenSocial API v0.8)
      • http://code.google.com/intl/pt/apis/opensocial/articles/tutorial/tutorial-0.8.html
    • Construir uma aplicação (app) OpenSocial com o Google App Engine
      • http://wiki.opensocial.org/index.php?title=Building_an_OpenSocial_App_with_Google_App_Engine
  • 11. Obrigado
    • Joaquim Fernando Silva
      • e-mail: [email_address]
      • url: http://paginas.fe.up.pt/~pro05009/
    • Apresentação disponível no slideshare em:
      • http://www.slideshare.net/jffs992