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 200...
Plan <ul><li>Demo of MyForm, an OpenSocial « IDE » based on GWT (5’) </li></ul><ul><li>What is OpenSocial? (5’) </li></ul>...
MyForms <ul><li>MyForms helps you to build your own forms over an OpenSocial Container </li></ul>http://myform.googlecode....
 
MyForms Architecture Browser Orkut OpenSocial Container (Javascript) GOpenSocial (GWT) MyForms (GWT) Orkut Server GWT 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 ? <ul><li>Social Network containers are kind of adoptive parents...
Social Networks -> Cuckoo <ul><li>Cuckoo lays their eggs in the nests of other birds. </li></ul>
Good business, Bad reality <ul><li>One API for linkedin </li></ul><ul><li>One API for MySpace </li></ul><ul><li>One API fo...
The solution ? OpenSocial
<ul><li>It defines a container for your application </li></ul><ul><li>The API is open : « Learn once, write anywhere » </l...
Who's Using It?
Demonstration <ul><li>Build a GWT application (2’) </li></ul><ul><li>Transform it in a Google Gadget (4’) </li></ul><ul><l...
Hello World <ul><li>Démonstration </li></ul>
 
Google Gadget with GWT
Gadget definition <ul><li><Module>   <ModulePrefs title=&quot;Hello World”   author=“Didier Girard”   author_email=“Didier...
Gadget definition with GWT : 1 line <ul><li><Module>   <ModulePrefs title=&quot;Hello World”   author=“Didier Girard”   au...
Easy, no ?
 
Opensocial
Opensocial Definition : 1 line <ul><li><Module>   <ModulePrefs title=&quot;Hello World”   author=“Didier Girard”   author_...
Opensocial Definition with GWT : 2 lines <ul><li><Module>   <ModulePrefs title=&quot;Hello World”   author=“Didier Girard”...
Very Simple, no ?
 
Conclusion <ul><li>Building GWT is easy </li></ul><ul><li>Building GWT Gadget is easy </li></ul><ul><li>Building GWT OpenS...
Upcoming SlideShare
Loading in …5
×

Javapolis GWT Gadget OpenSocial

11,886 views

Published on

With two lines of code, you will transform your GWT Application to a OpenSocial Application

Published in: Technology

Javapolis GWT Gadget OpenSocial

  1. 1. GWT, Gadgets and OpenSocial Didier Girard
  2. 2. 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
  3. 3. Plan <ul><li>Demo of MyForm, an OpenSocial « IDE » based on GWT (5’) </li></ul><ul><li>What is OpenSocial? (5’) </li></ul><ul><li>Live demonstration (10’) </li></ul><ul><ul><li>Build a GWT application (2’) </li></ul></ul><ul><ul><li>Transform it in a Google Gadget (4’) </li></ul></ul><ul><ul><li>Transform it in a OpenSocial « Application » (4’) </li></ul></ul><ul><li>Conclusion (10’’) </li></ul>
  4. 4. MyForms <ul><li>MyForms helps you to build your own forms over an OpenSocial Container </li></ul>http://myform.googlecode.com/svn/trunk/MyForm/www/myform.Main/myformgadget.xml
  5. 6. MyForms Architecture Browser Orkut OpenSocial Container (Javascript) GOpenSocial (GWT) MyForms (GWT) Orkut Server GWT Jsonizer (GWT) MyForm Data (JSON)
  6. 7. How long did it take me to build this demo ?
  7. 8. Writing MyForm demonstration took me half a day with GWT
  8. 9. Why Using Social Network Containers for your Application ? <ul><li>Social Network containers are kind of adoptive parents for your application </li></ul><ul><li>They will help it to grow without you having to look after it </li></ul><ul><li>How ? Viral Marketing ! </li></ul>
  9. 10. Social Networks -> Cuckoo <ul><li>Cuckoo lays their eggs in the nests of other birds. </li></ul>
  10. 11. Good business, Bad reality <ul><li>One API for linkedin </li></ul><ul><li>One API for MySpace </li></ul><ul><li>One API for Facebook </li></ul><ul><li>One API for Orkut </li></ul><ul><li>One API for GMail </li></ul><ul><li>One API for YahooMail </li></ul><ul><li>… </li></ul>
  11. 12. The solution ? OpenSocial
  12. 13. <ul><li>It defines a container for your application </li></ul><ul><li>The API is open : « Learn once, write anywhere » </li></ul><ul><li>Viral Marketing : social networks are shared by opensocial containers </li></ul><ul><ul><li>The social thing helps you to promote your application </li></ul></ul>OpenSocial
  13. 14. Who's Using It?
  14. 15. Demonstration <ul><li>Build a GWT application (2’) </li></ul><ul><li>Transform it in a Google Gadget (4’) </li></ul><ul><li>Transform it in a OpenSocial « Application » (4’) </li></ul>
  15. 16. Hello World <ul><li>Démonstration </li></ul>
  16. 18. Google Gadget with GWT
  17. 19. Gadget definition <ul><li><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> </li></ul>
  18. 20. Gadget definition with GWT : 1 line <ul><li><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;> </li></ul><ul><li></script> ]]> </Content> </Module> </li></ul>
  19. 21. Easy, no ?
  20. 23. Opensocial
  21. 24. Opensocial Definition : 1 line <ul><li><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> </li></ul>
  22. 25. Opensocial Definition with GWT : 2 lines <ul><li><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;> </li></ul><ul><li></script> ]]> </Content> </Module> </li></ul>
  23. 26. Very Simple, no ?
  24. 28. Conclusion <ul><li>Building GWT is easy </li></ul><ul><li>Building GWT Gadget is easy </li></ul><ul><li>Building GWT OpenSocial Application is easy </li></ul><ul><li>Go there : http://code.google.com/webtoolkit/ </li></ul><ul><li>and download GWT </li></ul>

×