#1 [Tutorial] Como criar Aplicativos do Orkut ! Sáb Jan 07, 2012 9:51 am
Minatos
Membro Supremo
Olá, Pessoal Hoje vou ensina a Cria um Aplicativo para seu Orkut Veja!
Introdução:
Oque é OpenSocial:
OpenSocial é uma tecnologia usada para criar apps para Orkut.
Oque é Preciso Saber:
Algumas coisas básicas, entre elas HTML
É Dificil:
Não, o díficil é esperar a Google Aprovar seu aplicativo.
Vamos Lá!
Antes de começar a trabalhar os códigos, você deve ter uma conta no sandbox do orkut
[url=http://www.sandbox.orkut.com/ ]Click Aki![/url]
agora iremos começar a trabalhar com os aplicativos.
Vou mostrar como fazer um aplicativo simples, mas não tão simples como o "Olá Mundo", que é uma coisa chata ¬¬
Parte 2 - Conhecendo o código
Veja o código abaixo
Estes códigos é baseado em XML, o aplicativo deve estar entre as tags <Module>
<ModulePrefs> = São suas preferencias, aqui você vai declarar: Autor, E-mail de contato, entre outras coisas
<Locale> é o local do aplicativo, pelo menes a linguagem compativel deve ser declarada.
<Content type="html" > = Aqui estamos declarando ao aplicativo que o <! [CDATA [ é algo em html
Parte 3 - Criando um Aplicativo
Para criar um aplicativo, salve este código no bloco de notas com a extensão .xml
Com isso feito, vamos a este site: Click Aki
Ao entrar no site, clique em: file>upload
Agora deixe fazer o upload, e coloque o nome que você quiser, lembre-se sempre de deixar a extensão .xml
Vamos Editar agora o ModulePrefs,
Titulo do aplicativo = Coloque o nome do aplicativo
DESCRIÇÃO DO APLICATIVO = Coloque sua descrição
SCREENSHOT DO APLICATIVO = Uma imagem do aplicativo
thumbnail = Coloque aqui um Icone para o Aplicativo, aconcelho as dimensões: 200x100, 160x60
EMAIL DO AUTOR = Um Email REAL para o contato do google
Author = Seu nome
Para quem meche com xml, e outras linguagens similares já sabe oque é o CDATA, mas quem não sabe, ele é onde você vai colocar elementos em html,javascript,flash etc...
Este aplicativo que fiz como exemplo, ele mostra o portal RageZone, no momento não precisa edita-lo
As dimensões máximas de tela é 800x600
No canto superior da tela, tem o nome do seu aplicativo clique nele
Ele está aqui:
Haverá um local chamado URL, coloque la o endereço do seu app
Feito isso, clique em Submit
Ele erá gerar um código
Atenção: Não feche ESSA PAGINA
Copie esse código COMPLETO e cole ele uma ou duas linhas abaixo do CDATA (apenas para ficar organizado =D)
Feito isso clique em File>SaveAs e salve com o mesmo nome, ele vai perguntar se você quer substituir você põem SIM
Agora volte ao site que gerou o código e clique em "VERIFY"
Se ele te redirecionar para uma pagina que tenha algumas coisas escritas e em destaque isso:
OAuth Consumer Key:
OAuth Consumer Secret:
Parabéns, você registrou seu aplicativo.
Agora vamos adicionar o aplicativo no Orkut
acesse: Click Aki!
Lá você coloca a URL do seu aplicativo e da o Ente
PRONTO Aplicativo Criado
depois da criação do seu aplicativo a google terá que aprová-lo, isso normalmente não demora muito, caso esteja tudo okey, eles lhe mandar um e-mail como este:
Como falei, vou postar um Script organizado por mim, ele é uma modificação de um script que tinha muitos bugs
Você vai modificar as linhas 3 e 4
São elas:
var title= 'TITULO DO SEU ANUNCIO';
title = '<img src="SEU BANNER PARA DIVULGAÇÃO">';
Para seu banner, eu aconselho as dimensões: 510x70
Esse anuncio irá aparecer nas atualizações, é oque chamamos de "Fluxo de atividades".
Coloque este código modificado no <![CADATA[
Pronto, criamos agora o bit_flood que é um método do fluxo de atividades.
Introdução:
Oque é OpenSocial:
OpenSocial é uma tecnologia usada para criar apps para Orkut.
Oque é Preciso Saber:
Algumas coisas básicas, entre elas HTML
É Dificil:
Não, o díficil é esperar a Google Aprovar seu aplicativo.
Vamos Lá!
Antes de começar a trabalhar os códigos, você deve ter uma conta no sandbox do orkut
[url=http://www.sandbox.orkut.com/ ]Click Aki![/url]
agora iremos começar a trabalhar com os aplicativos.
Vou mostrar como fazer um aplicativo simples, mas não tão simples como o "Olá Mundo", que é uma coisa chata ¬¬
Parte 2 - Conhecendo o código
Veja o código abaixo
- Spoiler:
- <?xml version="1.0" encoding="UTF-8" ?>
<Module>
<ModulePrefs title="TITULO DO APLICATIVO" description="DESCRIÇÃO DO APLICATIVO" screenshot="SCREENSHOT DO APLICATIVO" thumbnail="TUMBNAIL DO APLICATIVO" author_email="EMAIL DO AUTOR" author="NOME DO ATOR">
<Locale lang="pt-br" />
<Require feature="opensocial-0.7"/>
</ModulePrefs>
<Content type="html" >
<![CDATA[
<iframe src ="http://gmaniacos.com" width="800" height="600"></iframe>
]]>
</Content>
</Module>
Estes códigos é baseado em XML, o aplicativo deve estar entre as tags <Module>
<ModulePrefs> = São suas preferencias, aqui você vai declarar: Autor, E-mail de contato, entre outras coisas
<Locale> é o local do aplicativo, pelo menes a linguagem compativel deve ser declarada.
<Content type="html" > = Aqui estamos declarando ao aplicativo que o <! [CDATA [ é algo em html
Parte 3 - Criando um Aplicativo
Para criar um aplicativo, salve este código no bloco de notas com a extensão .xml
- Spoiler:
- <?xml version="1.0" encoding="UTF-8" ?>
<Module>
<ModulePrefs title="TITULO DO APLICATIVO" description="DESCRIÇÃO DO APLICATIVO" screenshot="SCREENSHOT DO APLICATIVO" thumbnail="TUMBNAIL DO APLICATIVO" author_email="EMAIL DO AUTOR" author="NOME DO ATOR">
<Locale lang="pt-br" />
<Require feature="opensocial-0.7"/>
</ModulePrefs>
<Content type="html" >
<![CDATA[
<iframe src ="http://gmaniacos.com" width="800" height="600"></iframe>
]]>
</Content>
</Module>
Com isso feito, vamos a este site: Click Aki
Ao entrar no site, clique em: file>upload
Agora deixe fazer o upload, e coloque o nome que você quiser, lembre-se sempre de deixar a extensão .xml
Vamos Editar agora o ModulePrefs,
Titulo do aplicativo = Coloque o nome do aplicativo
DESCRIÇÃO DO APLICATIVO = Coloque sua descrição
SCREENSHOT DO APLICATIVO = Uma imagem do aplicativo
thumbnail = Coloque aqui um Icone para o Aplicativo, aconcelho as dimensões: 200x100, 160x60
EMAIL DO AUTOR = Um Email REAL para o contato do google
Author = Seu nome
Para quem meche com xml, e outras linguagens similares já sabe oque é o CDATA, mas quem não sabe, ele é onde você vai colocar elementos em html,javascript,flash etc...
Este aplicativo que fiz como exemplo, ele mostra o portal RageZone, no momento não precisa edita-lo
As dimensões máximas de tela é 800x600
No canto superior da tela, tem o nome do seu aplicativo clique nele
Ele está aqui:
- Spoiler:
Haverá um local chamado URL, coloque la o endereço do seu app
Feito isso, clique em Submit
Ele erá gerar um código
Atenção: Não feche ESSA PAGINA
Copie esse código COMPLETO e cole ele uma ou duas linhas abaixo do CDATA (apenas para ficar organizado =D)
Feito isso clique em File>SaveAs e salve com o mesmo nome, ele vai perguntar se você quer substituir você põem SIM
Agora volte ao site que gerou o código e clique em "VERIFY"
Se ele te redirecionar para uma pagina que tenha algumas coisas escritas e em destaque isso:
OAuth Consumer Key:
OAuth Consumer Secret:
Parabéns, você registrou seu aplicativo.
Agora vamos adicionar o aplicativo no Orkut
acesse: Click Aki!
Lá você coloca a URL do seu aplicativo e da o Ente
PRONTO Aplicativo Criado
depois da criação do seu aplicativo a google terá que aprová-lo, isso normalmente não demora muito, caso esteja tudo okey, eles lhe mandar um e-mail como este:
- Spoiler:
- [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
Como falei, vou postar um Script organizado por mim, ele é uma modificação de um script que tinha muitos bugs
- Spoiler:
- Código: <script type="text/javascript">
function createActivity() {
var title= 'TITULO DO SEU ANUNCIO';
title = '<img src="SEU BANNER PARA DIVULGAÇÃO">';
var activity_params = {};
activity_params[opensocial.Activity.Field.TITLE] = title;
var activity = opensocial.newActivity(activity_params);
opensocial.requestCreateActivity(activity, "HIGH",
getCreateActivityResp);
}
function getCreateActivityResp(responseItem) {
console.log(responseItem);
var htmlout = '';
if(responseItem.hadError()){
//htmlout= 'has error: ' + responseItem.ErrorMessage;
}
else{
}
}
createActivity();
</script>
Você vai modificar as linhas 3 e 4
São elas:
var title= 'TITULO DO SEU ANUNCIO';
title = '<img src="SEU BANNER PARA DIVULGAÇÃO">';
Para seu banner, eu aconselho as dimensões: 510x70
Esse anuncio irá aparecer nas atualizações, é oque chamamos de "Fluxo de atividades".
Coloque este código modificado no <![CADATA[
Pronto, criamos agora o bit_flood que é um método do fluxo de atividades.