3 de ago. de 2008

TUTORIAL - Crie Aplicativos para o Orkut!

o que é sandbox - http://www.orkut.com.br/CommMsgs.aspx?cmm=13142697&tid=5205853739878237527&start=1

como ter um sandbox - http://www.orkut.com.br/CommMsgs.aspx?cmm=13142697&tid=5205849689724077399

imagem do sandbox - http://i229.photobucket.com/albums/ee192/googlediscovery/orkutsandbox2.jpg

resumindo: você pode criar qualquer aplicaçao com javascript e colocar no orkut

REQUISITOS:

- conhecer javascript, html, css (o basico)


- ter um servidor web para disponibilizar a app (pra quem tem conta no gmail, pode usar o http://code.google.com/p/)


COMO FAZER:

disponibilizei todos os arquivos que criei aqui!
http://code.google.com/p/google-adsense-test/downloads/list

1-abra o bloco de notas


2-copie esse código


<?xml version="1.0" encoding="UTF-8"?>
<Module>
<ModulePrefs title="titulo do gadget " height="300" width="470" description="descricao do gadget " author="seu nome "
author_email="seuemail@seuemail.com"
thumbnail="url de qualquer imagem ">
<Require feature="opensocial-0.7"/>
<Require feature="dynamic-height"/>
<Locale lang="pt" country="BR"/>
</ModulePrefs>
<Content type="html">

<![CDATA[

3-Aqui dentro vem todo o seu conteudo html , javascript, css, como se fosse uma pagina web

]]>
</Content>
</Module>


EXPLICANDO UM POUCO:

As aplicações para o orkut ,ou "gadgets", como são chamadas, possuem esta estrutura como base. Aonde está o item 3 é o container HTML, onde você deve colocar suas tags ,, seus javascripts , css, etc. Essas aplicações , mesmo feitas corretamente, não poderão ser visualizadas da maneira esperada pelo seu browser, pois o seu IE ou o seu FIREFOX irão interpretar o conteúdo como um XML (o que realmente um gadget é, um XML ). Para que você possa visualizar o que você está desenvolvendo, DISPONIBILIZEI ABAIXO DO ITEM 5, O LINK ONDE TEM O EDITOR PARA CRIACAO DE GADGETS. Esse editor não precisa instalar, ele abre no próprio browser, é só clicar no link.


CONTINUANDO:


4-salve com um nome qualquer e com extensao .xml
( NÃO É PARA SALVAR ESSE CODIGO COMO SE FOSSE UMA PAGINA HTML , É SÓ COLAR EM UM BLOCO DE NOTAS O CODIGO ACIMA, E AO SALVAR, DIGITE O NOME DO ARQUIVO ACRESCENTANDO ".XML" (SEM ASPAS) )

5-coloque no seu servidor web

para ajuda, nesse link tem um editor online, vc coloca o codigo, se tiver erros ele te informa -http://code.google.com/apis/gadgets/docs/legacy/gs.html#GGE

pra colocar a aplicaçao no seu orkut, abra seu sandbox(como mostra a imagem do sandbox), e indique a url do arquivo que a gente acabou de salvar. (indique a url dele no servidor!, nao é upload!)


criei 3 : SONIC, PACMAN e APPLE-SHOOTER

ja existem, só reduzi o tamanho dos swf

SONIC - http://sandbox.orkut.com/Application.aspx?uid=13025834033692722086&appId=226469926380

PACMAN - http://sandbox.orkut.com/Application.aspx?uid=13025834033692722086&appId=699043711111

APPLE-SHOOTER - http://sandbox.orkut.com.br/Application.aspx?uid=13025834033692722086&appId=195952709520