• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Os3
 

Os3

on

  • 785 views

 

Statistics

Views

Total Views
785
Views on SlideShare
784
Embed Views
1

Actions

Likes
0
Downloads
0
Comments
0

1 Embed 1

https://www.linkedin.com 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Os3 Os3 Presentation Transcript

    • SEMINÁRIO Redes Sociais Utilizando o OpenSocial  3ª Sessão Orador: Eng. Joaquim F. Silva [email_address] ISTEC-PORTO Junho 2009
    • 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
      •     
    • 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?
    • 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
    • 3ª Sessão
      • 26 de Junho das 18:30h -22:30h                           - JavaScript API
      • Objectivo:
        • Desenvolvimento de aplicações simples utilizando o OpenSocial API
    • 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;
      • }
    • 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();
      • }
    • 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>
    • 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/
    • 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
    • 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