Os2

SEMINÁRIOSEMINÁRIORedes Sociais Redes Sociais Utilizando o Utilizando o OpenSocial OpenSocial 2ª Sessão2ª Sessão

Orador: Eng. Joaquim F. SilvaOrador: Eng. Joaquim F. [email protected]

ISTEC-PORTOISTEC-PORTOJunho 2009Junho 2009

AGENDAAGENDA 1.ª Sessão: 17 de Junho das 18:30h - 20:30h1.ª Sessão: 17 de Junho das 18:30h - 20:30h - Programação em Redes Sociais - Programação em Redes Sociais

- Introdução ao OpenSocial - Introdução ao OpenSocial

2.ª Sessão: 25 de Junho das 18:30h - 2.ª Sessão: 25 de Junho das 18:30h - 20:30h 20:30h - Gadget XML e Gadget API - Gadget XML e Gadget API - JavaScript API - JavaScript API

3.ª Sessão: 26 de Junho das 18:30h - 22:30h3.ª Sessão: 26 de Junho das 18:30h - 22:30h - Desenvolvimento de uma simples aplicação - Desenvolvimento de uma simples aplicação

utilizando o OpenSocial APIutilizando o OpenSocial API

Síntese da 1ª SessãoSíntese da 1ª Sessão Existem diversos “containers”Existem diversos “containers” Definição das metas, canais “virais”, Definição das metas, canais “virais”, Algumas técnicas de marketing e retenção Algumas técnicas de marketing e retenção

dos utilizadores nas aplicaçõesdos utilizadores nas aplicações Arquitectura do OpenSocial e das Arquitectura do OpenSocial e das

AplicaçõesAplicações Tipos de dados suportados pelo OpenSocialTipos de dados suportados pelo OpenSocial Como disponibilizar aplicações no Hi5?Como disponibilizar aplicações no Hi5? O que é preciso para começar a O que é preciso para começar a

programar?programar?

2ª Sessão2ª Sessão

25 de Junho das 18:30h -25 de Junho das 18:30h -20:30h 20:30h - Gadget XML e Gadget API - Gadget XML e Gadget API - JavaScript API- JavaScript API

Objectivo:Objectivo: Analisar uma aplicação que utiliza Analisar uma aplicação que utiliza

informação social.informação social.

JavaScript APIJavaScript API

Aplicação “Encontra Amigo”Aplicação “Encontra Amigo” Dois ficheiros:Dois ficheiros:

Ficheiro XML (4.1)Ficheiro XML (4.1) Ficheiro JS (4.2)Ficheiro JS (4.2)

O ficheiro XML possui código HTML que O ficheiro XML possui código HTML que invoca o método init() do ficheiro invoca o método init() do ficheiro JavaScriptJavaScript

DESAFIO: Utilizar o hi5 como contentor, DESAFIO: Utilizar o hi5 como contentor, utilizar o código 4.1 e 4.2 e colocar a utilizar o código 4.1 e 4.2 e colocar a aplicação a correr…aplicação a correr…


Criação de tipo de dadosCriação de tipo de dados opensocial.Activity.Fieldopensocial.Activity.Field Opensocial.Message.FieldOpensocial.Message.Field Opensocial.BodyType.*Opensocial.BodyType.*

Comunicação assíncronaComunicação assíncrona Opensocial.Person.Field.* Opensocial.Person.Field.*

Hi5.Person.Field.newFieldNameHi5.Person.Field.newFieldName

Convenção de nomenclaturaConvenção de nomenclatura


Objecto Objecto PersonPerson Owner, Viewer, FriendsOwner, Viewer, Friends

Processo em duas étapas:Processo em duas étapas: 1º Solicitar os dados1º Solicitar os dados

Criar o objectoCriar o objecto DataRequest DataRequest invocando invocando opensocial.newDataRequest, opensocial.newDataRequest, opensocial.new* e opensocial.new* e DataRequest.add(request)DataRequest.add(request)

2º Criar uma função callback para 2º Criar uma função callback para retornar os dadosretornar os dados


Exemplos:Exemplos: Código 4.3 onde se obtém o ID do Código 4.3 onde se obtém o ID do

visitante, o nome e a imagem.visitante, o nome e a imagem. Código 4.5 onde se obtém uma lista dos Código 4.5 onde se obtém uma lista dos

amigos amigos


ActividadesActividades Envio de e-mailsEnvio de e-mails NotificaçõesNotificações Actualizações (user updates)Actualizações (user updates) Convites para instalar uma aplicaçãoConvites para instalar uma aplicação


Exemplos:Exemplos: Código 4.7 envia uma mensagem por e-Código 4.7 envia uma mensagem por e-

mailmail Código 4.8 cria uma mensagem de e-mail Código 4.8 cria uma mensagem de e-mail

do “Viewer” para o “owner”do “Viewer” para o “owner” Código 4.9 como criar uma actividade no Código 4.9 como criar uma actividade no

perfil do utilizadorperfil do utilizador Código 4.10 permite que um utilizador Código 4.10 permite que um utilizador

seleccione um amigo e lhe envie um seleccione um amigo e lhe envie um convite.convite.

Como começar?Como começar?

Tens conta no Hi5?Tens conta no Hi5? Já aparece no perfil a opção Já aparece no perfil a opção

Programador?Programador? Utiliza o Utiliza o

http://code.google.com/apis/gadgets/docs/legacy/gs.html#Scratchpad -> O google Gadget Editor (GGE) -> O google Gadget Editor (GGE) para editares os ficheiros de XML. para editares os ficheiros de XML.

E o o url E o o url http://code.google.com/hosting/ para para alojares o teu projecto. alojares o teu projecto.

Alguns UrlsAlguns Urls

http://code.google.com/intl/pt-PT/ http://code.google.com/intl/pt-PT/api

s/gadgets/docs/legacy/basic.html

http://www.hi5networks.com/developer/

http://developer.hi5.com/

Utilizar offlineUtilizar offline

Apache 2.2Apache 2.2 http://incubator.apache.org/shindig/ http://incubator.apache.org/shindig/

Síntese da 2ª SessãoSíntese da 2ª Sessão Utilizar o container do Hi5 e incluir o Utilizar o container do Hi5 e incluir o

“sandbox” de programador:“sandbox” de programador: http://developer.hi5.com/http://developer.hi5.com/

Recorrer ao GDE (Google Desktop Recorrer ao GDE (Google Desktop Editor) para escrever o código (XML)Editor) para escrever o código (XML) http://www.google.com/ig/adde?http://www.google.com/ig/adde?

moduleurl=gge.xmlmoduleurl=gge.xml Ferramentas de desenvolvimento..Ferramentas de desenvolvimento..

http://code.google.com/intl/pt/apis/http://code.google.com/intl/pt/apis/gadgets/docs/legacy/tools.html#Host gadgets/docs/legacy/tools.html#Host

ObrigadoObrigado Joaquim Fernando SilvaJoaquim Fernando Silva

e-mail: [email protected] e-mail: [email protected]

url: http://paginas.fe.up.pt/~pro05009/url: http://paginas.fe.up.pt/~pro05009/

Apresentação disponível no Apresentação disponível no slideshare em:slideshare em:

http://www.slideshare.net/jffs992http://www.slideshare.net/jffs992

Os2

Documents

Transcript of Os2