GWT, Gadgets and OpenSocial Didier Girard

1994 : free electronic library http://abu.cnam.fr 1 million hits a month 7800000 downloads co-creator 2007 : Director 2001 : co-Creator 2000 : Director 2005 : co-Creator 2006 : CTO Who Am I ? OpenSource News Web Site Job Pride 2001 : XML pour l’entreprise 60000 downloads co-writer Member

Plan Demo of MyForm, an OpenSocial « IDE » based on GWT (5’) What is OpenSocial? (5’) Live demonstration (10’) Build a GWT application (2’) Transform it in a Google Gadget (4’) Transform it in a OpenSocial « Application » (4’) Conclusion (10’’)

Demo of MyForm, an OpenSocial « IDE » based on GWT (5’)

What is OpenSocial? (5’)

Live demonstration (10’)

Build a GWT application (2’)

Transform it in a Google Gadget (4’)

Transform it in a OpenSocial « Application » (4’)

Conclusion (10’’)

MyForms MyForms helps you to build your own forms over an OpenSocial Container http://myform.googlecode.com/svn/trunk/MyForm/www/myform.Main/myformgadget.xml

MyForms helps you to build your own forms over an OpenSocial Container

MyForms Architecture Browser Orkut OpenSocial Container (Javascript) GOpenSocial (GWT) MyForms (GWT) Orkut Server GWT Jsonizer (GWT) MyForm Data (JSON)

How long did it take me to build this demo ?

Writing MyForm demonstration took me half a day with GWT

Why Using Social Network Containers for your Application ? Social Network containers are kind of adoptive parents for your application They will help it to grow without you having to look after it How ? Viral Marketing !

Social Network containers are kind of adoptive parents for your application

They will help it to grow without you having to look after it

How ? Viral Marketing !

Social Networks -> Cuckoo Cuckoo lays their eggs in the nests of other birds.

Cuckoo lays their eggs in the nests of other birds.

Good business, Bad reality One API for linkedin One API for MySpace One API for Facebook One API for Orkut One API for GMail One API for YahooMail …

One API for linkedin

One API for MySpace

One API for Facebook

One API for Orkut

One API for GMail

One API for YahooMail

…

The solution ? OpenSocial

It defines a container for your application The API is open : « Learn once, write anywhere » Viral Marketing : social networks are shared by opensocial containers The social thing helps you to promote your application OpenSocial

It defines a container for your application

The API is open : « Learn once, write anywhere »

Viral Marketing : social networks are shared by opensocial containers

The social thing helps you to promote your application

Who's Using It?

Demonstration Build a GWT application (2’) Transform it in a Google Gadget (4’) Transform it in a OpenSocial « Application » (4’)

Build a GWT application (2’)

Transform it in a Google Gadget (4’)

Transform it in a OpenSocial « Application » (4’)

Hello World Démonstration

Démonstration

Google Gadget with GWT

Gadget definition <Module> <ModulePrefs title=&quot;Hello World” author=“Didier Girard” author_email=“Didier.Girard@gmail.com”> </ModulePrefs> <Content type=&quot;html&quot;> <![CDATA[ Your application goes here ]]> </Content> </Module>

<Module> <ModulePrefs title=&quot;Hello World” author=“Didier Girard” author_email=“Didier.Girard@gmail.com”> </ModulePrefs> <Content type=&quot;html&quot;> <![CDATA[ Your application goes here ]]> </Content> </Module>

Gadget definition with GWT : 1 line <Module> <ModulePrefs title=&quot;Hello World” author=“Didier Girard” author_email=“Didier.Girard@gmail.com”> </ModulePrefs> <Content type=&quot;html&quot;> <![CDATA[ <script src=&quot;http://..../com.mycompany.project.ImageViewer -xs.nocache.js &quot;> </script> ]]> </Content> </Module>

<Module> <ModulePrefs title=&quot;Hello World” author=“Didier Girard” author_email=“Didier.Girard@gmail.com”> </ModulePrefs> <Content type=&quot;html&quot;> <![CDATA[ <script src=&quot;http://..../com.mycompany.project.ImageViewer -xs.nocache.js &quot;>

</script> ]]> </Content> </Module>

Easy, no ?

Opensocial

Opensocial Definition : 1 line <Module> <ModulePrefs title=&quot;Hello World” author=“Didier Girard” author_email=“Didier.Girard@gmail.com”> <Require feature=&quot;opensocial-0.5&quot;/> </ModulePrefs> <Content type=&quot;html&quot;> <![CDATA[ App goes here ]]> </Content> </Module>

<Module> <ModulePrefs title=&quot;Hello World” author=“Didier Girard” author_email=“Didier.Girard@gmail.com”> <Require feature=&quot;opensocial-0.5&quot;/> </ModulePrefs> <Content type=&quot;html&quot;> <![CDATA[ App goes here ]]> </Content> </Module>

Opensocial Definition with GWT : 2 lines <Module> <ModulePrefs title=&quot;Hello World” author=“Didier Girard” author_email=“Didier.Girard@gmail.com”> <Require feature=&quot;opensocial-0.5&quot;/> </ModulePrefs> <Content type=&quot;html&quot;> <![CDATA[ <script src=&quot;http://..../com.mycompany.project.ImageViewer -xs.nocache.js &quot;> </script> ]]> </Content> </Module>

<Module> <ModulePrefs title=&quot;Hello World” author=“Didier Girard” author_email=“Didier.Girard@gmail.com”> <Require feature=&quot;opensocial-0.5&quot;/> </ModulePrefs> <Content type=&quot;html&quot;> <![CDATA[ <script src=&quot;http://..../com.mycompany.project.ImageViewer -xs.nocache.js &quot;>

</script> ]]> </Content> </Module>

Very Simple, no ?

Conclusion Building GWT is easy Building GWT Gadget is easy Building GWT OpenSocial Application is easy Go there : http://code.google.com/webtoolkit/ and download GWT

Building GWT is easy

Building GWT Gadget is easy

Building GWT OpenSocial Application is easy

Go there : http://code.google.com/webtoolkit/

and download GWT