Os3

Loading...

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

0 comments

Post a comment

    Post a comment
    Embed Video
    Edit your comment Cancel

    Favorites, Groups & Events

    Os3 - Presentation 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
    SlideShare Zeitgeist 2009

    + jffs992jffs992 Nominate

    custom

    92 views, 0 favs, 0 embeds more stats

    More info about this document

    © All Rights Reserved

    Go to text version

    • Total Views 92
      • 92 on SlideShare
      • 0 from embeds
    • Comments 0
    • Favorites 0
    • Downloads 0
    Most viewed embeds

    more

    All embeds

    less

    Flagged as inappropriate Flag as inappropriate
    Flag as inappropriate

    Select your reason for flagging this presentation as inappropriate. If needed, use the feedback form to let us know more details.

    Cancel
    File a copyright complaint
    Having problems? Go to our helpdesk?