SEMINÁRIO Redes Sociais Utilizando o OpenSocial 1ª Parte 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

Programação em Redes Sociais O OpenSocial suporta múltiplas plataformas existentes MySpace hi5 Orkut Friendster Imeem Freebar LinkedIn … .

O OpenSocial suporta múltiplas plataformas existentes

MySpace

hi5

Orkut

Friendster

Imeem

Freebar

LinkedIn

… .

Programação em Redes Sociais Chaneson2009

Programação em Redes Sociais Existem diversos tipos de aplicações: Descoberta Instalação Aparência Controlo Os objectivos das aplicações: Crescimento Envolvimento Evolução Dinâmica Auto-expressão Exposição pública Construção de relações Resolução de problemas reais ..

Existem diversos tipos de aplicações:

Descoberta

Instalação

Aparência

Controlo

Os objectivos das aplicações:

Crescimento

Envolvimento

Evolução Dinâmica

Auto-expressão

Exposição pública

Construção de relações

Resolução de problemas reais

..

Programação em Redes Sociais As actuais tendências: Genéricas Verticais (ex. Flixter, iLike) Destinos Maior envolvimento social Utilização de meios de comunicação Auto-expressão Moeda virtual, bens e pontuações Aplicações para telemóveis Aumento de dados sociais do utilizador na utilização de aplicações

As actuais tendências:

Genéricas

Verticais (ex. Flixter, iLike)

Destinos

Maior envolvimento social

Utilização de meios de comunicação

Auto-expressão

Moeda virtual, bens e pontuações

Aplicações para telemóveis

Aumento de dados sociais do utilizador na utilização de aplicações

Programação em Redes Sociais Aplicações Sociais e Virais Explosão de utilizadores num período curto Crescimento sustentado ao longo de semanas ou meses, mas podem expandir o número de utilizadores em horas ou dias Métricas do crescimento viral: Número de convites que os utilizadores podem realizar Percentagem entre os números de utilizadores e os que desinstalam. Capacidade do total de potenciais utilizadores Percentagem entre os convites e os que aceitam

Aplicações Sociais e Virais

Explosão de utilizadores num período curto

Crescimento sustentado ao longo de semanas ou meses, mas podem expandir o número de utilizadores em horas ou dias

Métricas do crescimento viral:

Número de convites que os utilizadores podem realizar

Percentagem entre os números de utilizadores e os que desinstalam.

Capacidade do total de potenciais utilizadores

Percentagem entre os convites e os que aceitam

Programação em Redes Sociais Tendências de utilização Grewe2009

Tendências de utilização

Introdução ao OpenSocial História Despoletado pelo Google em resposta ao Facebook Iniciado através de um projecto OpenSource em 2007 Diversas companhias subscreveram em particular: MySpace, Hi5, Orkut, Ning , LinkedIn, … Actualmente versão 0.9 (Abril 2009) disponível. hi5 suporta a versão 0.8 (Maio 2008) e o Ning a versão 0.7 (Fevereiro de 2008)

História

Despoletado pelo Google em resposta ao Facebook

Iniciado através de um projecto OpenSource em 2007

Diversas companhias subscreveram em particular:

MySpace, Hi5, Orkut, Ning , LinkedIn, …

Actualmente versão 0.9 (Abril 2009) disponível.

hi5 suporta a versão 0.8 (Maio 2008) e o Ning a versão 0.7 (Fevereiro de 2008)

Introdução ao OpenSocial Chaneson2009

Introdução ao OpenSocial Arquitectura do OpenSocial Chaneson2009

Arquitectura do OpenSocial

Introdução ao OpenSocial A API do OpenSocial possui três tipos de recursos: - Pessoas e relacionamentos dos u tilizadores de redes sociais - Persistência, a capacidade de armazenar dados que poderão ser recuperados quando a aplicação for executada novamente. - Actividades, os utilizadores informam as outras o que estão fazendo: indo ao cinema, postando fotos, e assim por diante.

A API do OpenSocial possui três tipos de recursos:

- Pessoas e relacionamentos dos u tilizadores de redes sociais

- Persistência, a capacidade de armazenar dados que poderão ser recuperados quando a aplicação for executada novamente.

- Actividades, os utilizadores informam as outras o que estão fazendo: indo ao cinema, postando fotos, e assim por diante.

Introdução ao OpenSocial A API do OpenSocial Milfont2009

A API do OpenSocial

Introdução ao OpenSocial Baseada na API Cliente ( apenas cliente ou com suporte de servidor) Grewe2009

Baseada na API Cliente ( apenas cliente ou com suporte de servidor)

Introdução ao OpenSocial Baseada na API Servidor (Completa ou Híbrida) Grewe2009

Baseada na API Servidor (Completa ou Híbrida)

Introdução ao OpenSocial Arquitectura das aplicações Grewe2009

Arquitectura das aplicações

Introdução ao OpenSocial O JavaScript API Permite c riar aplicações: Sem manter servidor próprio Que incluam um componente do lado do servidor (para processamento off-line e/ou acesso de outros sites Já existentes, utilizando o contexto dos sítios sociais já existentes Que possam ser executados no contexto de muitos sítios sociais diferentes Suporta funções de aplicações e chamadas a outros recursos Chamadas à API OpenSocial e a Gadgets

O JavaScript API

Permite c riar aplicações:

Sem manter servidor próprio

Que incluam um componente do lado do servidor (para

processamento off-line e/ou acesso de outros sites

Já existentes, utilizando o contexto dos sítios sociais já existentes

Que possam ser executados no contexto de muitos sítios sociais diferentes

Suporta funções de aplicações e chamadas a outros recursos

Chamadas à API OpenSocial e a Gadgets

Introdução ao OpenSocial O JavaScript API Utiliza tecnologias padrão da Web: É fornecida como um conjunto de métodos do namespace opensocial.*. Permite usar qualquer técnica padrão de programação JavaScript e bibliotecas de terceiros. Inclui um sistema completo de retorno de chamada assíncrono para suportar interactividade AJAX rica.

O JavaScript API

Utiliza tecnologias padrão da Web:

É fornecida como um conjunto de métodos do namespace opensocial.*.

Permite usar qualquer técnica padrão de programação JavaScript e bibliotecas de terceiros.

Inclui um sistema completo de retorno de chamada assíncrono para suportar interactividade AJAX rica.

Introdução ao OpenSocial

Introdução ao OpenSocial Tipo de dados utilizados no OpenSocial JSON ATOM XML

Tipo de dados utilizados no OpenSocial

JSON

ATOM

XML

Introdução ao OpenSocial O que é preciso para começar a programar? Conta no Hi5  Código da aplicação Se utilizar uma base de dados, necessidade de acesso à mesma ( o Google disponibiliza) Conta de programador no container 

O que é preciso para começar a programar?

Conta no Hi5 

Código da aplicação

Se utilizar uma base de dados, necessidade de acesso à mesma ( o Google disponibiliza)

Conta de programador no container 

Introdução ao OpenSocial Desenvolvimento das aplicações de acordo com o container ( infelizmente ainda é assim) Container a utilizar neste seminário:

Desenvolvimento das aplicações de acordo com o container ( infelizmente ainda é assim)

Container a utilizar neste seminário:

Introdução ao OpenSocial Uma simples aplicação Olá Mundo <?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot; ?> - <Module> - <ModulePrefs title=&quot; Your App &quot; description=&quot; Hello World &quot; author_email=&quot; [email_address] &quot;> <Icon>http://U.com/Logo_16_16.PNG</Icon> <Require feature=&quot; opensocial-0.8 &quot; /> </ModulePrefs> - <Content type=&quot; html &quot;> - <![CDATA[ Hello, world! ]]> </Content> </Module>

Uma simples aplicação Olá Mundo

<?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot; ?>

- <Module>

- <ModulePrefs title=&quot; Your App &quot; description=&quot; Hello World &quot; author_email=&quot; [email_address] &quot;>

<Icon>http://U.com/Logo_16_16.PNG</Icon>

<Require feature=&quot; opensocial-0.8 &quot; />

</ModulePrefs>

- <Content type=&quot; html &quot;>

- <![CDATA[

Hello, world!

]]>

</Content>

</Module>

Introdução ao OpenSocial Como ajustar a altura da aplicação Olá Mundo <?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot; ?> - <Module> - <ModulePrefs title=&quot;Hello World!&quot; description=&quot;Hello World&quot; title_url=&quot;http://www.hi5.com&quot; author=&quot;L. Grewe&quot; author_email=&quot;lynne.grewe@csueastbay.edu&quot; author_affiliation=&quot;iLab&quot; author_location=&quot;Bay Area, CA&quot; thumbnail=&quot;http://Me.com/Logo.png&quot;> <Icon>http://Me.com/Logo-16x16.png</Icon> <Require feature=&quot;dynamic-height&quot; /> <Require feature=&quot;opensocial-0.8&quot; /> </ModulePrefs> - <Content type=&quot;html&quot;> <![CDATA[ Hello World! <script> // Call the init function onLoad gadgets.util.registerOnLoadHandler(init); function init() { gadgets.window.adjustHeight(50); } </script> ]]> </Content> </Module>

Como ajustar a altura da aplicação Olá Mundo

<?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot; ?>

- <Module>

- <ModulePrefs title=&quot;Hello World!&quot; description=&quot;Hello World&quot; title_url=&quot;http://www.hi5.com&quot; author=&quot;L. Grewe&quot; author_email=&quot;lynne.grewe@csueastbay.edu&quot; author_affiliation=&quot;iLab&quot; author_location=&quot;Bay Area, CA&quot; thumbnail=&quot;http://Me.com/Logo.png&quot;>

<Icon>http://Me.com/Logo-16x16.png</Icon>

<Require feature=&quot;dynamic-height&quot; />

<Require feature=&quot;opensocial-0.8&quot; />

</ModulePrefs>

- <Content type=&quot;html&quot;> <![CDATA[ Hello World! <script> // Call the init function onLoad gadgets.util.registerOnLoadHandler(init); function init() { gadgets.window.adjustHeight(50); } </script> ]]>

</Content>

</Module>

Introdução ao OpenSocial Múltiplas vistas na aplicação Olá Mundo <?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot; ?> - <Module> - <ModulePrefs title=&quot; View Silly Example &quot; description=&quot; Hello World &quot; author_email=&quot; [email_address] &quot;> <Require feature=&quot; opensocial-0.8 &quot; /> </ModulePrefs> - <Content type=&quot; html &quot; view=&quot; profile &quot;> <![CDATA[ <h1>Profile Content</h1> ]]> </Content> - <Content type=&quot; html &quot; view=&quot; canvas &quot;> <![CDATA[ <h1>Canvas Content</h1> ]]> </Content> </Module>

Múltiplas vistas na aplicação Olá Mundo

<?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot; ?>

- <Module>

- <ModulePrefs title=&quot; View Silly Example &quot; description=&quot; Hello World &quot; author_email=&quot; [email_address] &quot;>

<Require feature=&quot; opensocial-0.8 &quot; />

</ModulePrefs>

- <Content type=&quot; html &quot; view=&quot; profile &quot;> <![CDATA[ <h1>Profile Content</h1> ]]>

</Content>

- <Content type=&quot; html &quot; view=&quot; canvas &quot;> <![CDATA[ <h1>Canvas Content</h1> ]]>

</Content>

</Module>

Introdução ao OpenSocial Suporte de ciclos de vida Aplicação Ainda não instalada Em uso Removida Recomendada (convite) Alteração na configuração

Suporte de ciclos de vida

Aplicação

Ainda não instalada

Em uso

Removida

Recomendada (convite)

Alteração na configuração

Introdução ao OpenSocial Aplicação Olá Mundo com suporte de ciclo de vida <?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot; ?> - <Module> - <ModulePrefs title=&quot; Hello World! &quot; description=&quot; Hello World &quot; title_url=&quot; http://www.hi5.com &quot; author=&quot; L. Grewe &quot; author_email=&quot; [email_address] &quot; author_affiliation=&quot; iLab &quot; author_location=&quot; Bay Area, CA &quot; thumbnail=&quot; http://Me.com/Logo.png &quot;> <Icon> http://Me.com/Logo-16x16.png </Icon> <Require feature=&quot; opensocial-0.8 &quot; /> <Link rel=&quot; event.addapp &quot; href=&quot; http://me.com/recordAppadded &quot; /> <Link rel=&quot; event.removeapp &quot; href=&quot; http://me.com/AppRemoved &quot; /> </ModulePrefs> - <Content type=&quot; html &quot;> <![CDATA[ Hello, world! ]]> </Content> </Module>

Aplicação Olá Mundo com suporte de ciclo de vida

<?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot; ?>

- <Module>

- <ModulePrefs title=&quot; Hello World! &quot; description=&quot; Hello World &quot; title_url=&quot; http://www.hi5.com &quot; author=&quot; L. Grewe &quot; author_email=&quot; [email_address] &quot; author_affiliation=&quot; iLab &quot; author_location=&quot; Bay Area, CA &quot; thumbnail=&quot; http://Me.com/Logo.png &quot;>

<Icon> http://Me.com/Logo-16x16.png </Icon>

<Require feature=&quot; opensocial-0.8 &quot; />

<Link rel=&quot; event.addapp &quot; href=&quot; http://me.com/recordAppadded &quot; />

<Link rel=&quot; event.removeapp &quot; href=&quot; http://me.com/AppRemoved &quot; />

</ModulePrefs>

- <Content type=&quot; html &quot;> <![CDATA[ Hello, world! ]]>

</Content>

</Module>

Introdução ao OpenSocial Alguns sítios de relevo: http://www.code.google.com/opensocial http://wiki.opensocial.org/ http://opensocialapis.blogspot.com http://www.opensocial.org http://www.opensocialdirectory.org Para o Hi5: http://www.hi5networks.com/developer/ http://www.hi5.com/friend/group/2364084--Hi5%2BPlatform%2BDevelopment--front--html

Alguns sítios de relevo:

http://www.code.google.com/opensocial

http://wiki.opensocial.org/

http://opensocialapis.blogspot.com

http://www.opensocial.org

http://www.opensocialdirectory.org

Para o Hi5:

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

http://www.hi5.com/friend/group/2364084--Hi5%2BPlatform%2BDevelopment--front--html

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?

Próxima sessão 25 de Junho das 18:30h -20:30h - Gadget XML e Gadget API - JavaScript API Com algumas demonstrações de código para múltiplas vistas. Traz o PC para experimentares…

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

Com algumas demonstrações de código para múltiplas vistas.

Traz o PC para experimentares…

Obrigado Joaquim Fernando Silva e-mail: joaquim.silva@engenheiros.pt url: http://paginas.fe.up.pt/~pro05009/ Apresentação disponível no slideshare em: http://www.slideshare.net/jffs992

Joaquim Fernando Silva

e-mail: joaquim.silva@engenheiros.pt

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

Apresentação disponível no slideshare em:

http://www.slideshare.net/jffs992