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’’)
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 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 Networks -> Cuckoo 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 …
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
Who's Using It?
Demonstration Build a GWT application (2’) Transform it in a Google Gadget (4’) Transform it in a OpenSocial « Application » (4’)
Hello World 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>
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>
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>
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>
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

Javapolis GWT Gadget OpenSocial

  • 1.
    GWT, Gadgets andOpenSocial Didier Girard
  • 2.
    1994 : freeelectronic 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
  • 3.
    Plan Demo ofMyForm, 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’’)
  • 4.
    MyForms MyForms helpsyou to build your own forms over an OpenSocial Container http://myform.googlecode.com/svn/trunk/MyForm/www/myform.Main/myformgadget.xml
  • 5.
  • 6.
    MyForms Architecture BrowserOrkut OpenSocial Container (Javascript) GOpenSocial (GWT) MyForms (GWT) Orkut Server GWT Jsonizer (GWT) MyForm Data (JSON)
  • 7.
    How long didit take me to build this demo ?
  • 8.
    Writing MyForm demonstrationtook me half a day with GWT
  • 9.
    Why UsingSocial 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 !
  • 10.
    Social Networks ->Cuckoo Cuckoo lays their eggs in the nests of other birds.
  • 11.
    Good business, Badreality One API for linkedin One API for MySpace One API for Facebook One API for Orkut One API for GMail One API for YahooMail …
  • 12.
    The solution ?OpenSocial
  • 13.
    It defines acontainer 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
  • 14.
  • 15.
    Demonstration Build aGWT application (2’) Transform it in a Google Gadget (4’) Transform it in a OpenSocial « Application » (4’)
  • 16.
  • 17.
  • 18.
  • 19.
    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>
  • 20.
    Gadget definition withGWT : 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>
  • 21.
  • 22.
  • 23.
  • 24.
    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>
  • 25.
    Opensocial Definition withGWT : 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>
  • 26.
  • 27.
  • 28.
    Conclusion Building GWTis easy Building GWT Gadget is easy Building GWT OpenSocial Application is easy Go there : http://code.google.com/webtoolkit/ and download GWT