Javapolis GWT Gadget OpenSocial

Slide 1: GWT, Gadgets and OpenSocial Didier Girard

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

Slide 3: 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’’)

Slide 4: 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

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

Slide 7: How long did it take me to build this demo ?

Slide 8: Writing MyForm demonstration took me half a day with GWT

Slide 9: 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 !

Slide 10: Social Networks -> Cuckoo • Cuckoo lays their eggs in the nests of other birds.

Slide 11: 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 • …

Slide 12: The solution ? OpenSocial

Slide 13: 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

Slide 14: Who's Using It?

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

Slide 16: Hello World • Démonstration

Slide 18: Google Gadget with GWT

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

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

Slide 21: Easy, no ?

Slide 23: Opensocial

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

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

Slide 26: Very Simple, no ?

Slide 28: 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