SEMINÁRIO Redes Sociais Utilizando o OpenSocial 2ª 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 uma simples aplicação utilizando o OpenSocial API

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 uma simples aplicação 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?

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?

2ª Sessão 25 de Junho das 18:30h -20:30h - Gadget XML e Gadget API - JavaScript API Objectivo: Analisar uma aplicação que utiliza informação social.

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

Objectivo:

Analisar uma aplicação que utiliza informação social.

JavaScript API Aplicação “Encontra Amigo” Dois ficheiros: Ficheiro XML (4.1) Ficheiro JS (4.2) O ficheiro XML possui código HTML que invoca o método init() do ficheiro JavaScript DESAFIO: Utilizar o hi5 como contentor, utilizar o código 4.1 e 4.2 e colocar a aplicação a correr…

Aplicação “Encontra Amigo”

Dois ficheiros:

Ficheiro XML (4.1)

Ficheiro JS (4.2)

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

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

JavaScript API Criação de tipo de dados opensocial.Activity.Field Opensocial.Message.Field Opensocial.BodyType.* Comunicação assíncrona Opensocial.Person.Field.* Hi5.Person.Field.newFieldName Convenção de nomenclatura

Criação de tipo de dados

opensocial.Activity.Field

Opensocial.Message.Field

Opensocial.BodyType.*

Comunicação assíncrona

Opensocial.Person.Field.*

Hi5.Person.Field.newFieldName

Convenção de nomenclatura

JavaScript API Objecto Person Owner, Viewer, Friends Processo em duas étapas: 1º Solicitar os dados Criar o objecto DataRequest invocando opensocial.newDataRequest, opensocial.new* e DataRequest.add(request) 2º Criar uma função callback para retornar os dados

Objecto Person

Owner, Viewer, Friends

Processo em duas étapas:

1º Solicitar os dados

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

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

JavaScript API Exemplos: Código 4.3 onde se obtém o ID do visitante, o nome e a imagem. Código 4.5 onde se obtém uma lista dos amigos

Exemplos:

Código 4.3 onde se obtém o ID do visitante, o nome e a imagem.

Código 4.5 onde se obtém uma lista dos amigos

JavaScript API Actividades Envio de e-mails Notificações Actualizações (user updates) Convites para instalar uma aplicação

Actividades

Envio de e-mails

Notificações

Actualizações (user updates)

Convites para instalar uma aplicação

JavaScript API Exemplos: Código 4.7 envia uma mensagem por e-mail Código 4.8 cria uma mensagem de e-mail do “Viewer” para o “owner” Código 4.9 como criar uma actividade no perfil do utilizador Código 4.10 permite que um utilizador seleccione um amigo e lhe envie um convite.

Exemplos:

Código 4.7 envia uma mensagem por e-mail

Código 4.8 cria uma mensagem de e-mail do “Viewer” para o “owner”

Código 4.9 como criar uma actividade no perfil do utilizador

Código 4.10 permite que um utilizador seleccione um amigo e lhe envie um convite.

Como começar? Tens conta no Hi5? Já aparece no perfil a opção Programador? Utiliza o http://code.google.com/apis/gadgets/docs/legacy/gs.html#Scratchpad -> O google Gadget Editor (GGE) para editares os ficheiros de XML. E o o url http://code.google.com/hosting/ para alojares o teu projecto.

Tens conta no Hi5?

Já aparece no perfil a opção Programador?

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

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

Alguns Urls http://code.google.com/intl/pt-PT/ http://code.google.com/intl/pt-PT/apis/gadgets/docs/legacy/basic.html http://www.hi5networks.com/developer/ http://developer.hi5.com/

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

http://code.google.com/intl/pt-PT/apis/gadgets/docs/legacy/basic.html

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

http://developer.hi5.com/

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

Apache 2.2

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

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

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

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

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