Getting Social with OpenSocial Compuware ITX September 23, 2009 Timothy Fisher Covisint
Who Am I? Timothy Fisher Systems Architect Compuware Covisint   [email_address] twitter.com/tfisher linkedin.com/in/timoth...
Agenda <ul><li>Overview of OpenSocial (15 min) </li></ul><ul><li>Deploying an OpenSocial Gadget (15 min) </li></ul><ul><li...
OpenSocial’s Goal <ul><li>“ Making the web better  </li></ul><ul><li>by making it Social” </li></ul>
A Response to Facebook’s Rise
Why??? Why was Google interested in competing with Facebook???
The World is Social Social Apps are everywhere!!! New opportunity to be everywhere!!!
Too Many Platforms
Write Once, Deploy Everywhere
Brief History of OpenSocial <ul><li>Version 0.5 was released in a “developer release” on Nov 1 st  2007 </li></ul><ul><ul>...
Who Controls OpenSocial? <ul><li>Google does not control or “own” the OpenSocial specification </li></ul><ul><li>OpenSocia...
OpenSocial Containers
OpenSocial Reach
OpenSocial Apps
OpenSocial Apps <ul><li>Display/Mashup network information </li></ul><ul><ul><li>Display friends locations on a map </li><...
OpenSocial Views <ul><li>An OpenSocial App can consist of multiple views: </li></ul><ul><ul><li>Home </li></ul></ul><ul><u...
Preview/About View
Home View
Profile view
Canvas View
OpenSocial <ul><li>OpenSocial provides: </li></ul><ul><li>Gadget rendering </li></ul><ul><li>Web service proxying </li></u...
OpenSocial <ul><li>Through a combination of </li></ul><ul><li>Client-side APIs </li></ul><ul><ul><li>JavaScript </li></ul>...
OpenSocial API <ul><li>The OpenSocial API provides the following data: </li></ul><ul><li>People </li></ul><ul><li>Profiles...
OpenSocial Data
OpenSocial Gadget <ul><li>XML Syntax </li></ul><ul><li>Derived from Google Gadgets </li></ul><ul><li>CSS and JavaScript ca...
Gadget Specification Gadget contained in an XML file. Includes:   JavaScript   CSS   XHTML   Metadata
Deploying an OpenSocial Gadget DEMO: Deploy an OpenSocial Gadget to a Ning Community
Deploying an OpenSocial Gadget <ul><li>Deploys instantly… </li></ul><ul><li>No help from server guys needed… </li></ul><ul...
OpenSocial <ul><li>Writing an OpenSocial Gadget </li></ul>
OpenSocial Developer Tools <ul><li>OSDA – OpenSocial DevApp </li></ul><ul><ul><li>An OpenSocial app that provides the abil...
OpenSocial DevApp Many containers provide an OpenSocial Dev App which can be used to test gadget code against a particular...
Gadget Editor Very simple editor for creating simple OpenSocial gadgets or viewing source code of existing gadgets. http:/...
OpenSocial Development Environment Eclipse plug-in available to simplify the development of OpenSocial gadgets. DEMO
Sun Zembly <ul><li>Web app for building gadgets, and services. </li></ul><ul><li>Shared gadgets, services </li></ul><ul><l...
OpenSocial <ul><li>Building an OpenSocial Container </li></ul>
Apache Shindig Provides components to get you started with implementing your own OpenSocial container. Most existing conta...
Shindig Implementation
More Uses of OpenSocial <ul><li>OpenSocial has uses beyond just social networking. </li></ul><ul><li>Enable a dashboard of...
Atlassian OpenSocial <ul><li>Issue Tracker (JIRA) </li></ul><ul><li>Enterprise Wiki (Confluence) </li></ul><ul><li>Source ...
Atlassian OpenSocial <ul><li>Development is social </li></ul><ul><li>Developers work with teams </li></ul><ul><li>Teams wo...
Atlassian OpenSocial
Atlassian OpenSocial
OpenSocial for Mobile
Google Friend Connect <ul><li>Easily turn any website, blog, wiki, etc into a social network supporting OpenSocial gadgets...
OpenSocial Alternative <ul><li>Facebook Platform </li></ul><ul><ul><li>Facebook Connect </li></ul></ul><ul><ul><li>Faceboo...
OpenSocial vs. Portlets <ul><li>Today complete portals are available that consist entirely of OpenSocial gadgets. </li></u...
So What??? You may be thinking…  this is all very interesting, and maybe even cool technology... But I don’t work for Goog...
OpenSocial & Compuware <ul><li>A common gadget technology for integrating products </li></ul><ul><li>Bring together views ...
Resources <ul><li>Book </li></ul><ul><ul><li>OpenSocial Network Programming   by Lynne Grewe </li></ul></ul><ul><li>On the...
Questions??? <ul><li>Now its time for YOUR questions  and YOUR open discussion!!!! </li></ul>
 
Upcoming SlideShare
Loading in...5
×

Social Media Marketing Open Social App Standards

3,364

Published on

Learn more about how to use Automotive Digital Marketing to sell more cars at http://www.automotivedigitalmarketing.com/

Published in: Automotive
1 Comment
2 Likes
Statistics
Notes
  • This is really a very good presentation, as it walks you through, step by step, how to build an open social application. Although I haven't tested it myself... slight caveat!
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total Views
3,364
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
64
Comments
1
Likes
2
Embeds 0
No embeds

No notes for slide
  • Too many platforms
  • Social Media Marketing Open Social App Standards

    1. 1. Getting Social with OpenSocial Compuware ITX September 23, 2009 Timothy Fisher Covisint
    2. 2. Who Am I? Timothy Fisher Systems Architect Compuware Covisint [email_address] twitter.com/tfisher linkedin.com/in/timothyfisher blog.timothyfisher.com Books I’ve Written: ? COMING
    3. 3. Agenda <ul><li>Overview of OpenSocial (15 min) </li></ul><ul><li>Deploying an OpenSocial Gadget (15 min) </li></ul><ul><li>Writing an OpenSocial Gadget (15 min) </li></ul><ul><li>Building an OpenSocial Container (10 min) </li></ul><ul><li>More uses of OpenSocial (15 min) </li></ul><ul><li>Questions and Open Discussion (20 min) </li></ul>
    4. 4. OpenSocial’s Goal <ul><li>“ Making the web better </li></ul><ul><li>by making it Social” </li></ul>
    5. 5. A Response to Facebook’s Rise
    6. 6. Why??? Why was Google interested in competing with Facebook???
    7. 7. The World is Social Social Apps are everywhere!!! New opportunity to be everywhere!!!
    8. 8. Too Many Platforms
    9. 9. Write Once, Deploy Everywhere
    10. 10. Brief History of OpenSocial <ul><li>Version 0.5 was released in a “developer release” on Nov 1 st 2007 </li></ul><ul><ul><li>First sandbox was made available on Orkut </li></ul></ul><ul><li>Version 0.6 release December, 2007 </li></ul><ul><ul><li>More sandboxes came live (Hi5, Ning, Plaxo...) </li></ul></ul><ul><li>Version 0.7 was released in January 2008 </li></ul><ul><ul><li>MySpace, Hi5, Orkut began running 0.7 </li></ul></ul><ul><li>Version 0.8 released late 2008 </li></ul><ul><ul><li>Contains RESTful and RPC protocols </li></ul></ul><ul><ul><li>Open social client libraries released </li></ul></ul><ul><li>Version 0.9 released summer 2009 </li></ul><ul><ul><li>Simplified API </li></ul></ul><ul><ul><li>Support for templates </li></ul></ul>Progress
    11. 11. Who Controls OpenSocial? <ul><li>Google does not control or “own” the OpenSocial specification </li></ul><ul><li>OpenSocial is managed by the OpenSocial Foundation. </li></ul><ul><ul><li>www.opensocial.org </li></ul></ul>
    12. 12. OpenSocial Containers
    13. 13. OpenSocial Reach
    14. 14. OpenSocial Apps
    15. 15. OpenSocial Apps <ul><li>Display/Mashup network information </li></ul><ul><ul><li>Display friends locations on a map </li></ul></ul><ul><li>Integrate external web services </li></ul><ul><ul><li>Display my friends Twitter posts </li></ul></ul><ul><li>Visual data in new and interesting ways </li></ul><ul><li>Add new functionality and features to a site </li></ul><ul><li>Provide a view into my non-social application </li></ul>
    16. 16. OpenSocial Views <ul><li>An OpenSocial App can consist of multiple views: </li></ul><ul><ul><li>Home </li></ul></ul><ul><ul><li>Profile </li></ul></ul><ul><ul><li>Canvas </li></ul></ul><ul><ul><li>Preview </li></ul></ul><ul><ul><li>Edit </li></ul></ul><ul><ul><li>Additional views can be supported by containers </li></ul></ul>
    17. 17. Preview/About View
    18. 18. Home View
    19. 19. Profile view
    20. 20. Canvas View
    21. 21. OpenSocial <ul><li>OpenSocial provides: </li></ul><ul><li>Gadget rendering </li></ul><ul><li>Web service proxying </li></ul><ul><li>Built-in authentication support </li></ul><ul><li>Social data API </li></ul>
    22. 22. OpenSocial <ul><li>Through a combination of </li></ul><ul><li>Client-side APIs </li></ul><ul><ul><li>JavaScript </li></ul></ul><ul><li>Server-side services </li></ul>
    23. 23. OpenSocial API <ul><li>The OpenSocial API provides the following data: </li></ul><ul><li>People </li></ul><ul><li>Profiles </li></ul><ul><li>Activity Streams </li></ul><ul><li>Application Data </li></ul><ul><li>Messages (optional) </li></ul>
    24. 24. OpenSocial Data
    25. 25. OpenSocial Gadget <ul><li>XML Syntax </li></ul><ul><li>Derived from Google Gadgets </li></ul><ul><li>CSS and JavaScript can be kept external </li></ul>XML Gadget Gadget Metadata title, author, features Content HTML, CSS, JavaScript
    26. 26. Gadget Specification Gadget contained in an XML file. Includes: JavaScript CSS XHTML Metadata
    27. 27. Deploying an OpenSocial Gadget DEMO: Deploy an OpenSocial Gadget to a Ning Community
    28. 28. Deploying an OpenSocial Gadget <ul><li>Deploys instantly… </li></ul><ul><li>No help from server guys needed… </li></ul><ul><li>Very easy to deploy!!! </li></ul>
    29. 29. OpenSocial <ul><li>Writing an OpenSocial Gadget </li></ul>
    30. 30. OpenSocial Developer Tools <ul><li>OSDA – OpenSocial DevApp </li></ul><ul><ul><li>An OpenSocial app that provides the ability to build and execute OpenSocial apps within an OpenSocial container </li></ul></ul><ul><li>Gadget Editor </li></ul><ul><ul><li>A simple online gadget editor from Google </li></ul></ul><ul><li>OSDE – OpenSocial Developer Environment </li></ul><ul><ul><li>An Eclipse plugin that allows for OpenSocial application development completely offline </li></ul></ul>
    31. 31. OpenSocial DevApp Many containers provide an OpenSocial Dev App which can be used to test gadget code against a particular container. http://osda.appspot.com DEMO - Orkut
    32. 32. Gadget Editor Very simple editor for creating simple OpenSocial gadgets or viewing source code of existing gadgets. http://gadgeteditor.appspot.com DEMO
    33. 33. OpenSocial Development Environment Eclipse plug-in available to simplify the development of OpenSocial gadgets. DEMO
    34. 34. Sun Zembly <ul><li>Web app for building gadgets, and services. </li></ul><ul><li>Shared gadgets, services </li></ul><ul><li>Reuse gadgets, services </li></ul><ul><li>Social network around these component </li></ul><ul><li>Demo </li></ul>
    35. 35. OpenSocial <ul><li>Building an OpenSocial Container </li></ul>
    36. 36. Apache Shindig Provides components to get you started with implementing your own OpenSocial container. Most existing containers started with Shindig. Includes client and server-side components. Java and PHP versions.
    37. 37. Shindig Implementation
    38. 38. More Uses of OpenSocial <ul><li>OpenSocial has uses beyond just social networking. </li></ul><ul><li>Enable a dashboard of data-aware gadgets </li></ul><ul><li>Integrate stand-alone applications </li></ul><ul><li>A platform for data visualization </li></ul><ul><li>Build data-aware mobile applications </li></ul><ul><li>Google Friend Connect </li></ul>
    39. 39. Atlassian OpenSocial <ul><li>Issue Tracker (JIRA) </li></ul><ul><li>Enterprise Wiki (Confluence) </li></ul><ul><li>Source code explorer (Fisheye) </li></ul><ul><li>Peer code review (Crucible) </li></ul><ul><li>Continuous Integration (Bamboo) </li></ul><ul><li>Test Coverage Analysis (Clover) </li></ul>Atlassian offers a family of products targeted at improving the software development process.
    40. 40. Atlassian OpenSocial <ul><li>Development is social </li></ul><ul><li>Developers work with teams </li></ul><ul><li>Teams work together on shared objects </li></ul><ul><li>Each person, team, object generates activities </li></ul><ul><ul><li>Comments, schedules, tasks, notification of changes and edits, build failures, code commits </li></ul></ul><ul><li>This is a huge social network!!! </li></ul>
    41. 41. Atlassian OpenSocial
    42. 42. Atlassian OpenSocial
    43. 43. OpenSocial for Mobile
    44. 44. Google Friend Connect <ul><li>Easily turn any website, blog, wiki, etc into a social network supporting OpenSocial gadgets. </li></ul><ul><li>Google is the container. </li></ul><ul><li>Canned social widgets for quick start. </li></ul>
    45. 45. OpenSocial Alternative <ul><li>Facebook Platform </li></ul><ul><ul><li>Facebook Connect </li></ul></ul><ul><ul><li>Facebook Applications </li></ul></ul><ul><li>Limited to only Facebook. </li></ul><ul><li>That might be enough!!! </li></ul>
    46. 46. OpenSocial vs. Portlets <ul><li>Today complete portals are available that consist entirely of OpenSocial gadgets. </li></ul><ul><li>Will OpenSocial replace traditional server-side portlet technologies? </li></ul>vs.
    47. 47. So What??? You may be thinking… this is all very interesting, and maybe even cool technology... But I don’t work for Google, Facebook, MySpace or any other social network… Why interest does this have for me as a Compuware employee???
    48. 48. OpenSocial & Compuware <ul><li>A common gadget technology for integrating products </li></ul><ul><li>Bring together views from all our products </li></ul><ul><li>Let users visualize their data the way they choose to </li></ul>
    49. 49. Resources <ul><li>Book </li></ul><ul><ul><li>OpenSocial Network Programming by Lynne Grewe </li></ul></ul><ul><li>On the Web </li></ul><ul><ul><li>www.opensocial.org </li></ul></ul><ul><ul><li>incubator.apache.org/shindig </li></ul></ul><ul><li>Containers </li></ul><ul><ul><li>www.myspace.com/developer </li></ul></ul><ul><ul><li>www.ning.com </li></ul></ul><ul><ul><li>www.atlassian.com/opensocial </li></ul></ul>
    50. 50. Questions??? <ul><li>Now its time for YOUR questions and YOUR open discussion!!!! </li></ul>
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×