Social Network
Application Programming
Barcamp Stuttgart 2
Katrin Mathis (@kanyma)

Facebook
> 250 Millionen aktive Benutzer
API seit Mai 2007
> 1.000.000 Entwickler aus 180 Ländern
> 350.000 aktive Anwendungen
Katrin Mathis | 13.09.2009 2

Facebook
Katrin Mathis | 13.09.2009 3

Facebook
Katrin Mathis | 13.09.2009 4

Facebook API: Scope
Canvas
Profile
Feed
Requests
Katrin Mathis | 13.09.2009 5

Facebook API: API, FQL
$friends = $facebook->api_client->friends_get();
ReST
Rückgabeformate XML oder JSON
$query = "SELECT first_name, last_name, pic FROM user WHERE uid
IN (SELECT uid2 FROM friend WHERE uid1 = $user_id)";
$results= $facebook->api_client->fql_query($query);
direkter Zugriff
Katrin Mathis | 13.09.2009 6

Facebook API: FBML
echo "<fb:profile-pic uid="$friend" /> <fb:name uid="$friend" />";
HTML und spezielle Facebook-Tags
Custom Tags
komplette Funktionalität, z.B.
<fb:board xid="1"></fb:board>
CSS mit Einschränkungen
Katrin Mathis | 13.09.2009 7

Facebook API: FBJS
getters/setters
eingeschränkte Nutzbarkeit Libraries
Mock Ajax
<a clickrewriteurl='...' clickrewriteform='dummy_form' [...]
Animation
<a href="#" onclick="Animation(this).to('background', '#fff').from
('background', '#ff0').go(); return false;">Flash</a>
Katrin Mathis | 13.09.2009 8

Facebook API: Links
Developer Application
Client Libraries
Developer Wiki
Test Console
Forum
Katrin Mathis | 13.09.2009 9

OpenSocial
ca. 800 Millionen registrierte Nutzer
ca. 27 Live Container
API seit November 2007
7.500 Anwendungen
Katrin Mathis | 13.09.2009 10

OpenSocial: Container
Katrin Mathis | 13.09.2009 11

OpenSocial: Container
Implementierung und Bedingungen
Sache der Container
XRDS, um dynamisch zu ermitteln,
was unterstützt wird
Applikation muss bei jedem
Container angemeldet werden
Katrin Mathis | 13.09.2009 12

OpenSocial
Katrin Mathis | 13.09.2009 13

OpenSocial: 1. Client-side
<?xml version="1.0" encoding="UTF-8" ?>
<Module>
<ModulePrefs title="Standard gadget structure"> XML Struktur
<Require feature=”opensocial-0.8” />
<Require feature=”views” />
</ModulePrefs>
JavaScript
<Content type="html" view=”profile”>
<![CDATA[ function onLoadFriends
This section contains the profile content (data) {
]]>
</Content> var viewer = data.get
<Content type="html" view=”canvas”> ('viewer').getData(); [...]
<![CDATA[
This section contains the canvas content
]]>
</Content>
</Module>
Katrin Mathis | 13.09.2009 14

OpenSocial: 2. Server-side
Library in vielen Programmiersprachen
entfernte Aufrufe mit RPC/REST
gadgets.io.makeRequest(url, callback, opt_params)
Rückgabe in JSON, AtomPub oder XML
Authentifizierung über OAuth
Katrin Mathis | 13.09.2009 15

OpenSocial
Seit Version 0.9 OSML
Welcome, <os:Name person="${Viewer}"/>
Katrin Mathis | 13.09.2009 16

OpenSocial: Links
OpenSocial Containers
Google Gadgets Editor
Client Libraries
Developer Wiki
Forum
Katrin Mathis | 13.09.2009 17

Facebook vs. OpenSocial
Proprietäre vs. offene Standards
OpenSocial mehr Netzwerke =
mehr Benutzer
Open Social Apps weniger spezifisch,
Facebook Apps tiefer integriert,
mehr virale Effekte
Katrin Mathis | 13.09.2009 18