!!! Listing aus dem Artikel "Offene Beziehung"
!!! von Matthias Haesel und Luigi Lo Iacono
!!! iX 6/2010, S. 134

!!! Listing 1: 

<Module>
 <ModulePrefs title="Social Data Flock"
              height="200" width="200"
              scaling="false" scrolling="true"
              author="Luigi Lo Iacono" author_email="luigi@lo-iacono.net">
   <Require feature="opensocial-0.8" />
   <Require feature="dynamic-height" />
 </ModulePrefs>
 <Content type="html">
   <![CDATA[

    <style type="text/css">
      <!-- Stildeklarationen... -->
    </style>

    <script type="text/javascript">
      var viewerFriendsArray;

      function renderData(resp) {
        // use the key passed with the request to get the appropriate data
        var ownerResp = resp.get('owner');
        if (!ownerResp.hadError()) {
          var owner = ownerResp.getData();
        }
        
        var viewerResp = resp.get('viewer');
        if (!viewerResp.hadError()) {
          var viewer = viewerResp.getData();
        }

        var viewerFriendsResp = resp.get('viewer_friends');
        if (!viewerFriendsResp.hadError()) {
          var viewerFriends = viewerFriendsResp.getData();
          viewerFriendsArray = viewerFriends.asArray();
        }

        Processing(document.getElementById("data-flock-canvas"), document.getElementById("data-flock-script").text);
      }

      function initData() {
        var params = {};
        params[opensocial.DataRequest.PeopleRequestFields.PROFILE_DETAILS] =
          [opensocial.Person.Field.NAME,
           opensocial.Person.Field.GENDER,
           opensocial.Person.Field.THUMBNAIL_URL];

        var req = opensocial.newDataRequest();
        req.add(req.newFetchPersonRequest(opensocial.IdSpec.PersonId.OWNER, params), 'owner');
        req.add(req.newFetchPersonRequest(opensocial.IdSpec.PersonId.VIEWER, params), 'viewer');
        
        var idspec = opensocial.newIdSpec({'userId':'VIEWER', 'groupId':'FRIENDS'});
        req.add(req.newFetchPeopleRequest(idspec, params), 'viewer_friends');

        req.send(renderData);
      }

      function init() {
        initData();
        gadgets.window.adjustHeight();
      }


      <!-- JavaScript Funktionen zum Abrufen der sozialen Daten vom Data Flock Skript aus -->

      gadgets.util.registerOnLoadHandler(init);
    </script>

    <script src="processing-0.8.min.js"></script>
    <script id="data-flock-script" type="application/processing">
      <!-- Data Flock Skript... -->
    </script>


    <div id="main">
      <canvas id="data-flock-canvas" width="200" height="160" style="border: 1px solid silver;"></canvas>
      <br />
      <div id="data-output-box" style="border: 1px solid silver; float: left; width: 200px;">-1</div>
    </div>

  ]]>
  </Content>
</Module>

!!! Listing 2:

!!! wo ist die "[", die am Ende geschlossen wird ???

...
{
  "id" : "maija.m",
  "displayName" : "Maija",
  "gender" : "female",
  "hasApp" : true,
  "name" : {
    "familyName" : "Meikäläinen",
    "givenName" : "Maija",
    "formatted" : "Maija Meikäläinen"
  },
  "thumbnailUrl" : "http://www.clker.com/cliparts/2/f/c/1/11949846661616466338people_juliane_krug_07c.svg.thumb.png"
}],
...