Zone Pixel Fórum
Seja Bem-Vindo!


Caso não sejá registrado no fórum, registre no botão abaixo.

Benefícios dos membros registrados :

- Acesso a todos os tópicos.
- Acesso aos links de downloads e sites.
- Acesso aos eventos e promoções do fórum.



Obrigado, pela a atenção!

Últimos assuntos
» Vagas na Equipe - 12/01/14
Ter Jan 23, 2018 11:34 am por artursk

» Que Saudade
Ter Jan 23, 2018 11:32 am por artursk

» [Tutorial] Criando Portal Habbos com a Starting
Qui Jul 24, 2014 1:23 pm por artursk

» BS feat Luiz Pack 2013
Sab Jan 11, 2014 7:42 pm por artursk

» Resource 2013 BS
Sab Jan 11, 2014 2:05 pm por artursk

» Stock Pack
Sab Jan 11, 2014 1:42 pm por BrunoSouza

» Tutorial Pollo
Sab Jan 11, 2014 1:35 pm por BrunoSouza

» Tiger Tutorial
Sab Jan 11, 2014 1:32 pm por BrunoSouza

» Anime Tutorial
Sab Jan 11, 2014 1:30 pm por BrunoSouza


Você não está conectado. Conecte-se ou registre-se

[Tutorial] Como criar Aplicativos do Orkut !

Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 1]

#1 [Tutorial] Como criar Aplicativos do Orkut ! em Sab Jan 07, 2012 9:51 am

Minatos

avatar
Membro Supremo
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
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>
Vamos Agora conhecer mais sobre estes códigos:

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>
Salve com este Nome: Tutorial_test.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:
Spoiler:
Copie o endereço dele e vá neste site: Click Aki!
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:
[Você precisa estar registrado e conectado para ver este link.]
=edit=

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.

http://forum.zone-pixel.com.br

- Went

avatar
Membro Silver
Membro Silver
Já tentei fazer isso, mas não deu certo. O Orkut trava bem no meio.

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum