Goodle Developer Days Munich 2008 - Open Social Update

OpenSocial ecosystem updates Patrick Chanezon Chris Chabot Chewy Trewhella Thomas Steiner 22/09/2008

Agenda OpenSocial introduction How to build OpenSocial applications Hosting social applications Social applications monetization OpenSocial container demos Becoming an OpenSocial container Google Friend Connect Summary

OpenSocial Introduction Patrick Chanezon

Making the web better by making it social What does social mean?

What does Social mean? Eliette what do you do with your friends?

This work by Eliette Chanezon is licensed under a Creative Commons Attribution-Share Alike 3.0 License

Raoul: a social object for Charlotte (3 year old)

Jaiku’s Jyri Engeström's 5 rules for social networks: social objects 1. What is your object? 2. What are your verbs? 3. How can people share the objects? 4. What is the gift in the invitation? 5. Are you charging the publishers or the spectators? http://tinyurl.com/yus8gw

How do we socialize objects online without having to create yet another social network?

OpenSocial A common API for social applications across multiple web sites

The Trouble with Developing Social Apps Which site do I build my app for?

Let’s work on that… Using OpenSocial, I can build apps for all of these sites!

What’s offered by OpenSocial? Activities What are people up to on the web People/Profile Info Who do I know, etc. Persistent datastore Handles key/value pairs

Today: 375 Million User Reach

Where is OpenSocial live today? Live to Users: Live Developer Sandboxes: MySpace iGoogle orkut imeem Hi5 CityIN Freebar Tianya Friendster Ning Webon from Lycos Plaxo Pulse IDtail Mail.ru YiQi Netlog - New! Hyves - New! Individual Developer Links: http://code.google.com/apis/opensocial/gettingstared.html

OpenSocial “Containers”

What’s in OpenSocial? JavaScript API - Now REST Protocol - New Templates - Prototype in Shindig

OpenSocial’s JavaScript API OpenSocial JS API Gadget JS API Gadget XML schema OpenSocial v0.7 is live OpenSocial v0.8 is being deployed now Specs and release notes: http://opensocial.org

OpenSocial’s REST Protocol Access social data without JavaScript Works on 3rd party websites / phones / etc Uses OAuth to allow secure access Open source client libraries in development Java, PHP, Python, <your fav language here> Being deployed with OpenSocial v0.8 Spec’s available at http://opensocial.org

OpenSocial Templates Writing JavaScript is hard Writing templates is easy Templates also give Consistent UI across containers Easy way to localize More interesting content options when inlining into container (activities, profile views) Ability to serve millions of dynamic pages per day without a server

Try out templates today! Samples and docs: http://ostemplates-demo.appspot.com Sample app: http://ostemplates-demo.appspot.com/friends.html Discussion group: http://tech.groups.yahoo.com/group/os-templates/ Code is all in Shindig, can download, use, and even submit patches to improve So… Get involved and provide comments, and Build some apps

OpenSocial is what you make it. OpenSocial is an open source project. The spec is controlled by the community. Anyone can contribute and have a voice. http://groups.google.com/group/opensocial/ “OpenSocial and Gadgets spec” subgroup OpenSocial Foundation Get involved to nominate and elect board reps http://www.opensocial.org/opensocial- foundation/

A note on compliance OpenSocial is designed for many sites Building an app: Technology Policy OpenSocial Compliance Tests http://code.google.com/p/opensocial- resources/wiki/ComplianceTests

OpenSocial Compliance test in orkut

OpenSocial Compliance Matrix http://opensocial-compliance.appspot.com

Other comments Portable Contacts Alignment Caja for JavaScript security

A standard for everyone This work by Eliette Chanezon is licensed under a Creative Commons Attribution-Share Alike 3.0 License

How To Build OpenSocial Applications

People & Friends Example Requesting friend Info function getFriendData() { var req = opensocial.newDataRequest(); req.add( req.newFetchPersonRequest(VIEWER), 'viewer'); req.add( req.newFetchPeopleRequest(VIEWER_FRIENDS), 'viewerFriends'); req.send(onLoadFriends); }

People & Friends Example Callback function for returned friend data function onLoadFriends(resp) { var viewer = resp.get('viewer').getData(); var viewerFriends = resp.get('viewerFriends').getData(); var html = 'Friends of ' + viewer.getDisplayName() + ‘:<br><ul>’; viewerFriends.each(function(person) { html += '<li>' + person.getDisplayName()+'</li>';}); html += '</ul>'; document.getElementById('friends').innerHTML += html; }

Activities Example Posting an activity function postActivity(text) { var params = {}; params[opensocial.Activity.Field.TITLE] = text; var activity = opensocial.newActivity(params); opensocial.requestCreateActivity( activity, opensocial.CreateActivityPriority.HIGH, callback); } postActivity( \"This is a sample activity, created at \" + new Date().toString());

Persistence Example Persisting data function populateMyAppData() { var req = opensocial.newDataRequest(); var data1 = Math.random() * 5; var data2 = Math.random() * 100; req.add( req.newUpdatePersonAppDataRequest(\"VIEWER\", \"AppField1\", data1)); req.add( req.newUpdatePersonAppDataRequest(\"VIEWER\", \"AppField2\", data2)); req.send(requestMyData); }

Persistence Example Fetching persisted data function requestMyData() { var req = opensocial.newDataRequest(); var fields = [\"AppField1\", \"AppField2\"]; req.add(req.newFetchPersonRequest( opensocial.DataRequest.PersonId.VIEWER), \"viewer\"); req.add(req.newFetchPersonAppDataRequest(\"VIEWER\", fields), \"viewer_data\"); req.send(handleReturnedData); }

Persistence Example Displaying fetched (persisted) data function handleReturnedData(data) { var mydata = data.get(\"viewer_data\"); var viewer = data.get(\"viewer\"); me = viewer.getData(); // me is global var var data = mydata[me.getId()]; htmlout += \"AppField1: \" + data[\"AppField1\"] + \"<br/>\"; htmlout += \"AppField2: \" + data[\"AppField2\"] + \"<br/>\"; var div = document.getElementById('content_div'); div.innerHTML = htmlout; }

Resources For Application Developers Specification http://opensocial.org/ http://groups.google.com/group/opensocial-and-gadgets-spec Code Samples and Tools http://code.google.com/opensocial http://code.google.com/p/opensocial-resources/ Sandboxes http://developer.myspace.com/ http://www.hi5networks.com/developer/ http://opensocial.ning.com/ http://code.google.com/apis/orkut/ http://code.google.com/apis/igoogle/ http://en.netlog.com/go/developer/opensocial

Hosting social apps Patrick Chanezon

Hosting OpenSocial apps In addition to using the provided persistence API... Establish a \"home\" site where gadget can phone home to retrieve, post data Can host home site on your own, or use services: Amazon EC2 Joyent Google AppEngine Zembly: is the world's first cloud-based development environment for social apps. Full OpenSocial support

Google AppEngine and OpenSocial Create an App Engine app as your backend! Use makeRequest() to call back to your AppEngine server Utilize AppEngine's datastore New OpenSocial Apps are coming online BuddyPoke, Checkout Lane Liabraaten’s OpenSocial-AppEngine integration article http://code.google.com/apis/opensocial/articles/appengine.html Google IO Code Lab about OpenSocial Apps in the Cloud

Social Apps monetization Patrick Chanezon

OpenSocial Monetization Ads from Ad Networks AdSense, RightMedia BuddyPoke, Rate My Friend Brand/Private Label App Sony Ericsson MTV Roadies app on orkut Sell virtual or real goods Free -> Freemium Referrals Virtual currency

Success Story: Buddy Poke #1 OpenSocial app on orkut 8M installs for orkut, hi5, MySpace $1-2 CPM #1 App for App Engine w/ millions daily PV

Success Story: PhotoBuzz 6M+ installs on hi5 and orkut CPM $1-3, especially good on orkut 4M buzzes per day Small team of 4 people, profitable

Container demos

Lokalisten.de Christof Kaleschke

… für freunde und freundesfreunde Lokalisten.de Launch of Opensocial developer platform September 23, 2008 © lokalisten media GmbH 2008

… für freunde und freundesfreunde Lokalisten.de: facts and figures Network of friends: communication and linking of friends and friends of friends Regional focus: events, market entries and blogs are assigned to cities / regions Launch in May 2005 #5 in the IVW ranking Germany 2.3 million users 1.2 billion page views / month 27 million visits / month 84 million search queries / month 49 million messages / month Nearly half of its members log in every day © lokalisten media GmbH 2008

… für freunde und freundesfreunde developer.lokalisten.de Launched today!!! The developer platform of Lokalisten.de For you to develop Opensocial applications: Create Code Test Publish Detailed documentation and a forum Opensocial 0.8 (well, almost) Based on Apache Shindig Launch of applications on Lokalisten.de soon to come © lokalisten media GmbH 2008

… für freunde und freundesfreunde Applications list and application details page After publishing your application appears in the list of applications You can present details and a screenshot of your application in the details page Here the user adds your application to her/his profile or home page © lokalisten media GmbH 2008

… für freunde und freundesfreunde Profile view of your application ‘Lokalists’ use your application on their own profile, but also on other user’s profiles Your application spreads!!! © lokalisten media GmbH 2008

… für freunde und freundesfreunde Home view of your application Some applications can be added to the user’s home page Depending on functionality and performance © lokalisten media GmbH 2008

… für freunde und freundesfreunde Canvas view of your application Full screen view of your application © lokalisten media GmbH 2008

… für freunde und freundesfreunde Activity Feed ‘Lokalists’ see in the activity feed what their friends did Here: that they added your application to their profile Your application can write into the activity feed directly Your application spreads!!! © lokalisten media GmbH 2008

… für freunde und freundesfreunde Developer platform demo © lokalisten media GmbH 2008

… für freunde und freundesfreunde Contact Opensocial Christof Kaleschke ck@lokalisten.de Address: Müllerstr. 3 80469 Munich Germany Web: http://www.lokalisten.de © lokalisten media GmbH 2008

OpenSocial at XING Matthias Häsel Technical Product Manager XING AG

DISCLAIMER This presentation has been produced by XING AG (the \"Company\") solely for use at the Google Developer Day presentation held in September 2008 and is strictly confidential. It has been made available to you solely for your own information and may not be copied, distributed or otherwise made available to any other person by any recipient. Neither this presentation nor any copy of it may be taken or transmitted into the United States or distributed within the United States. Any failure to comply with this restriction may constitute a violation of the U.S. securities laws. The distribution of this document in other jurisdictions may also be restricted by law, and any persons into whose possession this presentation comes should inform themselves about, and observe, any such restrictions. The facts and information contained herein are as up-to-date as is reasonably possible and are subject to revision in the future. Neither the Company nor any of its subsidiaries, any directors, officers, employees, advisors nor any other person makes any representation or warranty, express or implied as to, and no reliance should be placed on, the accuracy or completeness of the information contained in this presentation. Neither the Company nor any of its subsidiaries, any directors, officers, employees, advisors or any other person shall have any liability whatsoever for any loss arising, directly or indirectly, from any use of this presentation. The same applies to information contained in other material made available at the presentation. While all reasonable care has been taken to ensure the facts stated herein are accurate and that the opinions contained herein are fair and reasonable, this document is selective in nature and is intended to provide an introduction to, and overview of, the business of the Company. Where any information and statistics are quoted from any external source, such information or statistics should not be interpreted as having been adopted or endorsed by the Company as being accurate. This presentation contains forward-looking statements relating to the business, financial performance and results of the Company and/or the industry in which the Company operates. These statements are generally identified by words such as \"believes,\" \"expects,\" \"predicts,\" \"intends,\" \"projects,\" \"plans,\" \"estimates,\" \"aims,\" \"foresees,\" \"anticipates,\" \"targets,\" and similar expressions. The forward-looking statements, including but not limited to assumptions, opinions and views of the Company or information from third party sources, contained in this presentation are based on current plans, estimates, assumptions and projections and involve uncertainties and risks. Various factors could cause actual future results, performance or events to differ materially from those described in these statements. The Company does not represent or guarantee that the assumptions underlying such forward-looking statements are free from errors nor do they accept any responsibility for the future accuracy of the opinions expressed in this presentation. No obligation is assumed to update any forward-looking statements. By accepting this presentation you acknowledge that you will be solely responsible for your own assessment of the market and of the market position of the Company and that you will conduct your own analysis and be solely responsible for forming your own view of the potential future performance of the Company's business. This presentation speaks as of September 2008. Neither the delivery of this presentation nor any further discussions of the Company with any of the recipients shall, under any circumstances, create any implication that there has been no change in the affairs of the Company since such date. IMPORTANT NOTICE Pro-forma results Results contained in this presentation are partly based on unaudited pro-forma financial results that the Company derived from its preliminary and past financial statements for the indicated periods in order to make these periods comparable and show non-recurring costs. Cautionary note regarding preliminary results and pro-forma financial results This presentation contains preliminary results and pro-forma results. The preliminary results may change during their final review. While the Company believes that its pro-forma financial results are reflective of its recurrent trends and the on-going status of its business, there can be no assurance that its pro-forma results will accurately reflect these trends and status and therefore, its investors are urged not to rely solely upon the pro-forma results when making their investing decision and the pro-forma results should always be reviewed together with its actual financial results.

About XING 01 XING is European market leader in business networking What about XING as a platform? What about XING as a company? Focus: business people worldwide First publicly listed Web 2.0 company 6.14 million members* Headquartered in Hamburg, Germany 500,000 paying members** Offices in Istanbul, Barcelona, Beijing 16 different languages 150 employees from 22 countries Weekly software releases Development in Perl and Ruby on Rails *as of June 2008 **as of September 2008 (c) 2008 XING AG | OpenSocial at XING | Matthias Häsel | Join www.xing.com/profile/matthias_haesel

OpenSocial at XING 02 XING will introduce a range of OpenSocial apps next year Why OpenSocial? Give XING members access to many new social applications Give application developers access to XING's social graph data Why is OpenSocial at XING different? Apps are required to bring value to business people Apps need to be compatible with XING's business model Apps must adhere to XING's data protection policy (c) 2008 XING AG | OpenSocial at XING | Matthias Häsel | Join www.xing.com/profile/matthias_haesel

Launching OpenSocial 03 XING is looking for open-minded social gadget experts What's next with OpenSocial at XING? XING will launch OpenSocial in the first half-year 2009 Launch will include a white-listed selection of third-party applications XING is looking for dedicated partners, cool ideas and talented developers To register for the pitch, contact Matthias: matthias.haesel@xing.com (c) 2008 XING AG | OpenSocial at XING | Matthias Häsel | Join www.xing.com/profile/matthias_haesel

Thank you for your kind attention!

Netlog Toon Coppens Folke Lemaitre

What is Netlog?

Your Profile

Friend Activity

Communication: Shouts

Communication: Private messaging

Communication: Chat

Homepage

Explore

How are we doing? More than 35,000,000 unique members 3,000,000 German speaking members More than 6,000,000,000 pageviews/Month 23 languages and alot more coming! Nederland Svensk slovenščin s a a Deutsch Magya Русски Englis Italiano česky r й h françai Dansk s suomi Polski Hrvatski Türkçe Afrikaan Slovenčin s 中文 Eesti a Català Españo Portuguê l Latviešu Română s valoda българск Lietuvių Norsk (bokmål) и kalba

Applications

Canvas view

Profile view

Home View (available soon!)

Application directory

Activity logs

Share with your friends

Requirements

Whitelisting Requirements an application should be fully integrated no external login should be needed... no external links no ads in “profile” view no spamming through activities/requests localised & translated We can help you!

Localisation

Seemless translation

Localisation is important! Translations are automatically injected Translation tool for Netlog translators

Monetization

What’s in it for you? Branding, co-branding, sponsorships 100% revenue from vertical rectangle or skyscraper on your application page Credit economy with Netlog OpenSocial extension

Credit Economy Virtual Currency Use Cases charge credits for app installation charge credits for certain features charge credits for buying items charge credits for...

Questions? Developer pages: http://en.netlog.com/go/developer/ OpenSocial sandbox: http://en.netlog.com/go/developer/opensocial/sandbox=1

Viadeo Ariel Messias

Agenda A few words about Viadeo What to offer to Viadeo’s members Sandbox presentation

Viadeo 3 groups of Use : Social Network, Business Tool Career Management 5 +m Members mainly : Europe China Strong activity 7, 000 new members/day 10, 000 connections/day +120, 000 consulted profiles/day 1,3 M hubs registration

International Footprint : 5+m Members France 1.8m members(1) Other European countries 150K members (1) Belgium 100k members(1) UK/Ireland 150 k members(1) China Switzerland 2.2m members(1) 50K members(1) Spain/Portugal Italy 350k members(1) 300k members (1) (1) end of August 2008

Benefits Viadeo can offer to developers 8 languages (European + China) Professional oriented Distribution of Members among all the Industries Mainly “A Level” profiles Members with High Revenues => Strong capabilities of monetization

Vertical Apps ? Members split by industry

“A Level” priority targets ? High qualification of Viadeo’s members

Apps for Professional Social Network… Helping to : Find Customers / Partners / Suppliers Organize Meetings/Events Share information and expertise But also ... Get headhunted… …and recruit Etc…

Sandbox Presentation – Create a Dev. Account

Sandbox Presentation – Apps Directory

Sandbox Presentation – My Apps

Sandbox Presentation – Add an app

Sandbox Presentation – Viadeo mailing list opensocial@viadeo.com

Becoming an OpenSocial Container Chris Chabot

Becoming an OpenSocial Container Question: How do you become an OpenSocial container? Answer: The Apache incubator project “Shindig” serves this purpose!

What is Shindig ? Open source reference implementation of OpenSocial & Gadgets specification An Apache Software Incubator project Available in Java & PHP http://incubator.apache.org/shindig It’s Goal: “Shindig's goal is to allow new sites to start hosting social apps in under an hour's worth of work\"

Introduction to Shindig Architecture Gadget Server Social Data Server Gadget Container JavaScript

Gadget Server

Social Server

Social Server - RESTful API Preview available on iGoogle Orkut Hi5 New development models Server to server & Mobile! Try it out: curl http://localhost:8080/social/rest/people/john.doe/@all

Implementing Shindig - Data sources Integrate with your own data sources People Service Activities Service App Data Service class MyPeopleService implements PeopleService { ... } class MyAppDataService implements AppDataService { ... } class MyActivitiesService implements ActivitiesService { ... }

Implementing Shindig - Data sources Implement functions function getActivities($ids) { $activities = array(); $res = mysqli_query($this->db, ”SELECT…\"); while ($row = @mysqli_fetch_array($res, MYSQLI_ASSOC)) { $activity = new Activity($row['activityId'], $row['personId']); $activity->setStreamTitle($row['activityStream']); $activity->setTitle($row['activityTitle']); $activity->setBody($row['activityBody']); $activity->setPostedTime($row['created']); $activities[] = $activity; } return $activities; }

Implementing - Make it a platform Add UI Elements App Gallery App Canvas App Invites Notification Browser Developer Resources Developer Console Application Gallery Scale it Out!

Implementing - Scale it Out! Prevent Concurrency issues Reduce Latency Add Caching Add more caching!

Usage Example: Sample Container Static html sample container No effort to get up and running No database or features

Usage Example: Partuza Partuza is a Example social network site, written in PHP Allows for local gadget development & testing too Use as inspiration (or copy) for creating your own social site http://code.google.com/p/partuza

OpenSocial for intranet, portals Sun Microsystems Socialsite: Shindig + gadget based UI written in Java Open Source https://socialsite.dev.java.net/ Upcoming from Impetus Zest: Shindig + Drupal (PHP) Zeal: Shindig + Liferay (Java)

Summary Become an OpenSocial Container Get Shindig (PHP or Java) Look at examples & documentation Implement Services Add UI Scale it out Resources & Links: http://www.chabotc.com/gdd/

What is Friend Connect? Allows any site to become an OpenSocial container by simply copying a few snippets of code into your site http://www.google.com/friendconnect/

Friend Connect gives ... Users ... more ways to do more things with my friends Site owners ... more (and more engaged) traffic for my site App developers ... more reach for my apps and ... make it easy

Learn more code.google.com

Q&A

Goodle Developer Days Munich 2008 - Open Social Update

0 comments

Notes on slide 1

6 Favorites