FACEBOOK PLACES - Scan the Places (by Stephan Alber @ AllFacebook Developer Conference)

Facebook Places

„Scan the Places“
+

Places im neuen Open Graph

FranciMedia, AllFacebook Developer
1
Converence, 5. Dezember 2011

About me

Stephan Alber
(FranciMedia) / Freier Entwickler

- Über 10 Jahre Berufserfahrung (Gründung erstes Social Network im Jahr 2001)
- Werdegang - Quereinsteiger: Vom Nightlife Mensch (Presse, Promotion, Fotografie, Veranstalter) zum Software-Entwickler
- Bachelor of Science „Online Media“, HS Furtwangen
- Kunden im deutsch-sprachigem Raum sowie USA (Branchen: IT, Lebensmittel, Sport, Presse, Verbände, Tourismus, Agenturen, …
- Über 200 publizierte Facebook Apps
- Spezialisierung: Facebook, PHP, HTML, JS, CSS, ORM (Doctrine, Propel), Codeigniter, Symfony, etc.
- Freizeitprojekte, Bspweise „Atomkraft? Nein Danke!“ – Über 500.000 Nutzer, in den Medien: ZDF Login, Stern online, etc.

2

Scan the Places

Warum scannen?
- Statistiken
- Datenabgleich für Apps

3

Fallbeispiel für
Datenabgleich:
Gipfelstürmer (Triol)
http://vimeo.com/28065621

4

Was ist ein Place?

Beispiel Timesquare
August 2011:
250.000 Checkins

Dezember 2011:
350.000+ Checkins

Zuwachs in 4 Monaten:
ca. 40%

„Were here“ !=
„checkins“

http://www.facebook.com/timessquarenyc?sk=info

5

Datenstruktur – Facebook Place Objekt

"id": "39875583837",
"name": "Times Square NYC",
"picture": "http://profile.ak.fbcdn.net/hprofile-ak-ash2/373361_39875583837_1657282510_s.jpg",
"link": "http://www.facebook.com/timessquarenyc",
"likes": 353878,
"category": "Local business",
"website": "http://www.TimesSquareNYC.org",
"username": "timessquarenyc",
"description": "The Official source of Times Square",
"location": {
"street": "1560 Broadway u0040 the Crossroads of the World",
"city": "New York",
"state": "NY",
"country": "United States",
"zip": "10036",
"latitude": 40.758107033743,
"longitude": -73.98555055563
},
"public_transit": "42nd Street/Times SquarenA,C,E,1,2,3,N,R,Q,W,S,7",
"phone": "(212) 768-1560",
"can_post": true,
"checkins": 367644,
"talking_about_count": 24250

6

Grundschritte – Scanvorgang

1. Region eingrenzen
2. Scanner Punkte erstellen
– Grund
• Vergleichbarkeit der Daten über unterschiedliche Zeiträume
• Fortschritt (%) / DB Zustand
• Zur Vermeidung doppelter Scan-Vorgänge
– Punkte festlegung über:
• x/y Raster
• Radial (Sprialfunktion)
– Eigenschaften
• Geo-Position (latitude/longitude)
• Uhrzeit des letzten Scans
3. Scannen
Archimedische Spirale
Quelle: Wikipedia

7

Code-Beispiel: Scan-Request

<?php
public static function getNearbyPlaces($latitude, $longitude, $region_id, $distance = 1000, $debug = false)
{
$access_token = sfConfig::get('app_offline_access_token');

$url = "https://graph.facebook.com/search?type=place&center=" . $latitude . "," . $longitude . "&distance=" .
$distance;

$data = file_get_contents($url);
$data = json_decode($data);

foreach ($data->data as $key => $row)
{
if ($Place = self::createPlaceByCoordinates($row->name, $row->location->latitude, $row->location->longitude, $row-
>id, $region_id, false, $debug))
{
$Place->getFacebookInfo();
$Place->free();
}
}
}

8

Scan-Ergebnisse*

Manhattan
– ca. 100.000 places
– ca. 7.000.000 checkins
– 72 checkins per place (avg)

Berlin (Mitte)
– ca. 30.000 places
– ca. 1.000.000 checkins
– 38 checkins per place (avg)

*: August 2011; Kein Anspruch auf Vollständigkeit (!)

9

Places Heatmap

Graphische Darstellung der Daten
Satelliten Karte Heatmap
Quelle:
wikipedia

 rot = warm
 grün = neutral
 Blau = kalt

10

Beispiel Ergebnis – Places in Manhattan (NYC)

Bildmaterial: Google Maps

11

Beispiel Ergebnis – Bars in Manhattan (NYC)


12

Beispiel Ergebnis – Bars in Manhattan (NYC)


13

„Scan the Places“ - Live Demo

Demo URL:
places.fmhosting.de/heatmap/index/10

14

Places im neuen Open Graph
Crash Kurs:
• Objekt mit „Map“-Eigenschaften erstellen
• Datentyp: GeoPoint
• Aktion erstellen
• Attachment Layout
• Positionsbezug
• Zusammenfassung/Aggregation erstellen
• Anwendungsbeispiel
• Code-Beispiele (HTML, JS, PHP)

15

Objekt bearbeiten

• Allgemeine Eigenschaften:
• URL, Titel, Bild, Beschreibung, …
• Position
• Datentyp - GeoPoint: Latitude, Longitude, Altitude
• Weitere Eigenschaften
• Checkins, Likes, Altitude*

16

Objekt bearbeiten – Bsp „Mountain“

17


18


19

Code-Beispiel: META-Tags

• Meta-Tags Code wird in Head-Tag eingefügt
• pro Objekt eine URL

20

Code-Beispiel: META-Tags

Objekt debuggen über: http://developers.facebook.com/tools/debug/
Bsp. Test URL: http://developers.facebook.com/tools/debug/og/object?q=http://summiteer.fmhosting.de/app/place/514

21

Aktion bearbeiten

• Allgemeine Eigenschaften:
• URL, Titel, Bild, Beschreibung, …
• Position
• Datentyp - Geopoint: Latitude, Longitude, Altitude
• Weitere Eigenschaften
• Checkins, Likes, Altitude*

22

Aktion bearbeiten – Bsp „Climb“

23

Aktion bearbeiten – Bsp „Climb“

24

Aggregation
• Zusammenfassung von Aktionen
eines Nutzers (im Zeitraum X)
• Darstellungsformen:
• Listen
• Galerien
• Tabellen
• Karte
• Artikel
• Zahl/Statistik

25

Aggregation: Single Action

26

Aggregation: Multiple Actions

27

Beispielanwendung / User-Perspektive

28

Code-Beispiel

<?php
$query = array();
$query['mountain'] = 'http://' . $_SERVER['SERVER_NAME'] . url_for('app/place?place_id=' . $Place->id);
$query['place'] = $Place->fb_id;
?>

<script type="text/javascript">
function execAction(action)
{
FB.api('/me/summiteer:'+action+'?<?php echo http_build_query($query); ?>','post',
function(response) {
console.log(response);
if (!response || response.error) {
alert('Error occured');
} else {
alert('Post was successful! Action ID: ' + response.id);
}
});
}

</script>

29

Code-Beispiel für „Route“

<?php
$query = array();
$query['mountain'] = 'http://' . $_SERVER['SERVER_NAME'] . url_for('app/place?place_id=' . $Place->id);
$query['place'] = $Place->fb_id;
$query['route'] = array(
array(
"latitude"=> 47.074236,
"longitude"=> 12.694061,
"altitude"=> 3798
),
array(
"latitude"=> 47.174236,
"longitude"=> 12.794061,
"altitude"=> 3698
),
array(
"latitude"=> 47.274236,
"longitude"=> 12.794061,
"altitude"=> 3598
),
); ACHTUNG : Dies ist ein Format-Beispiel,
?>
keine offizielles FB Datenformat!

30

Aggregation – Darstellung in der Timline

31

Aggregation / Zusammenfassung

http://developers.facebook.com/tools/ex
plorer/155476011209694/?method
=GET&path=me/summiteer:climb

32

33

34

Aktueller Stand > Beta
• Datenstrukturen
– funktionsfähig

• Konfiguration der
Aktionen und Objekte
– unter Vorbehalt
funktionsfähig

• Konfiguration und
Darstellung der
Aggregations
– Buggy / Beta

35

Ausblick > Großes Potential
• OG Maps + Mobile Apps
– Essentiell für
Nutzermotivation

• Shopping
– Bsp.: Produkte die Freunde in
der näheren Umgebung
gekauft haben
• Wann? / Wo?
• Shop-Informationen
• Produktinformation

• Großer Aufwand
– Nicht geeigenet für
kurzfristige Promotion-
Aktionen
– Geringe Erfahrungswerte mit
„Approval Process“

36

FACEBOOK PLACES - Scan the Places (by Stephan Alber @ AllFacebook Developer Conference)

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Ähnlich wie FACEBOOK PLACES - Scan the Places (by Stephan Alber @ AllFacebook Developer Conference)

Ähnlich wie FACEBOOK PLACES - Scan the Places (by Stephan Alber @ AllFacebook Developer Conference) (20)

Mehr von AllFacebook.de

Mehr von AllFacebook.de (20)

FACEBOOK PLACES - Scan the Places (by Stephan Alber @ AllFacebook Developer Conference)