diplomlehrgang social media manager - facebook plattform
DESCRIPTION
Der Vortrag zum Diplomlehrgang "Social Media Manager" gibt einen Überblick über die Facebook Plattform & Social Web-Apps - was ist eine Software-Plattform, wo können Apps mit Facebook integriert werden (Canvas, Tab, Website, Mobile...), wie wird eine soziale Web-App konzipiert etc.TRANSCRIPT
![Page 1: Diplomlehrgang Social Media Manager - Facebook Plattform](https://reader034.vdocuments.site/reader034/viewer/2022042814/554cf5deb4c905a5138b4df5/html5/thumbnails/1.jpg)
thanks for the ad(d).
Social Communities I“Facebook Plattform”
Diplomlehrgang Social Media Manager
![Page 2: Diplomlehrgang Social Media Manager - Facebook Plattform](https://reader034.vdocuments.site/reader034/viewer/2022042814/554cf5deb4c905a5138b4df5/html5/thumbnails/2.jpg)
die.socialisten.atsocial network development
Über: Die Socialisten“Die Socialisten” sind eine Wiener Social Software-Agentur, die sich seit 2007 auf die Konzeption und Umsetzung von Applikationen und Marketing-Lösungen auf Social Web Plattformen wie Facebook konzentriert.
Seither wurden weit über 100 Brand-Pages und –Apps erfolgreich umgesetzt. Zu den Kunden zählen etwa Red Bull, Axel Springer/Bild.de, Krone Multimedia, ATV und Hitradio Ö3.
"Die Socialisten" wurden als erste österreichische Agentur im offiziellen "Facebook Preferred Marketing Developer"-Programm in den Bereichen Apps & Pages gelistet.
http://die.socialisten.at | http://facebook.com/diesocialisten
![Page 3: Diplomlehrgang Social Media Manager - Facebook Plattform](https://reader034.vdocuments.site/reader034/viewer/2022042814/554cf5deb4c905a5138b4df5/html5/thumbnails/3.jpg)
die.socialisten.atsocial network development
Inhalt:
Einführung: Social Software Plattformen & Apps
- Web-basierte Software-Plattformen - Definition & Typologie
- Social Application Design - Identity, Community, Conversation
- Social Graph & Open Graph
Die Facebook-Plattform
- Facebook Platform Overview
- Die Facebook Graph API
Hands-on!
- Konzeption einer Facebook-Anwendung
Zum Mit- oder Nachlesen: http://die.socialisten.at/downloads/Die-Socialisten-SMM-Diplomlehrgang.pdf
![Page 4: Diplomlehrgang Social Media Manager - Facebook Plattform](https://reader034.vdocuments.site/reader034/viewer/2022042814/554cf5deb4c905a5138b4df5/html5/thumbnails/4.jpg)
die.socialisten.atsocial network development
Applikationen? Apps? Plattformen?
- Benutzen Sie persönlich Facebook?
- Haben Sie schon Facebook-Apps benutzt?
- Wenn ja, welche?
- Welche Applikations-Plattformen im Social Web kennen sie noch?
- Bietet ihr Unternehmen bereits Apps im Social Web an?
- Wenn ja, auf welchen Plattformen?
- Haben Sie Erfahrung in der Erstellung/Wartung/Modifikation von Web-Sites?
- Wenn ja, mit welchen Tools/Sprachen/CMS?
Unser Thema heute: Social Web-Apps auf der Facebook-Plattform!
![Page 5: Diplomlehrgang Social Media Manager - Facebook Plattform](https://reader034.vdocuments.site/reader034/viewer/2022042814/554cf5deb4c905a5138b4df5/html5/thumbnails/5.jpg)
Hands on:1. Let’s connect!
![Page 6: Diplomlehrgang Social Media Manager - Facebook Plattform](https://reader034.vdocuments.site/reader034/viewer/2022042814/554cf5deb4c905a5138b4df5/html5/thumbnails/6.jpg)
die.socialisten.atsocial network development
Hands-on:1. Let’s connect!
Aufgabe:
Verbinden Sie ihren Laptop mit dem WLAN!
WLAN-Kennung: ?
Verschlüsselung: ?
Kennwort: ?
Treten Sie unserer Facebook Gruppe bei!
http://www.facebook.com/groups/273046772816809/
oder abgekürzt:http://on.fb.me/W5a4TB
![Page 7: Diplomlehrgang Social Media Manager - Facebook Plattform](https://reader034.vdocuments.site/reader034/viewer/2022042814/554cf5deb4c905a5138b4df5/html5/thumbnails/7.jpg)
Web-basierte Software-Plattformen
Definition & Typologie
![Page 8: Diplomlehrgang Social Media Manager - Facebook Plattform](https://reader034.vdocuments.site/reader034/viewer/2022042814/554cf5deb4c905a5138b4df5/html5/thumbnails/8.jpg)
die.socialisten.atsocial network development
From: Social Network to: Social Platform
Was unterscheidet Facebook eigentlich von herkömmlichen Social Networks wie MySpace, Friendster etc.?
Facebook erlaubt seit 2007 in bis dahin unbekannter Konsequenz & Offentheit, Dritten die Integration von eigenen Applikationen auf Facebook.com.
Damit wurde Facebook von einem sozialen Netzwerk zu einer sozialen Plattform, die weit über die Grenzen von Facebook.com hinaus Entwicklern die Möglichkeit gibt, das Milliarden-Publikum von Facebook zu adressieren.
![Page 9: Diplomlehrgang Social Media Manager - Facebook Plattform](https://reader034.vdocuments.site/reader034/viewer/2022042814/554cf5deb4c905a5138b4df5/html5/thumbnails/9.jpg)
die.socialisten.atsocial network development
Typologie: Web-basierte Plattformen
Marc Andreessen:
“A Platform is a system that can be programmed and therefor customized by outside developers or users and in that way adapted to countless needs and niches that the platform’s original developers could not have possibly contemplated, much less had time to accommodate”.
Oder:
“If you can program it, then it's a platform. If you can't, then it's not.”
http://pmarca-archive.posterous.com/the-three-kinds-of-platforms-you-meet-on-the-0
![Page 10: Diplomlehrgang Social Media Manager - Facebook Plattform](https://reader034.vdocuments.site/reader034/viewer/2022042814/554cf5deb4c905a5138b4df5/html5/thumbnails/10.jpg)
die.socialisten.atsocial network development
Typologie: Web-basierte Plattformen
Level 1 - Access-API*: Die Plattform bietet Zugriffsmöglichkeiten (“Access”) nach aussen an, üblicherwiese in Form einer auf Web-Services basierenden API. Der Code der auf der Plattform aufsetzt, wird allerdings ausserhalb der Plattform ausgeführt (etwa unter einer eigenen Domain, auf einem eigenem Server), und auch die User-Experience findet losgelöst von der eigentlichen Plattform statt.
Beispiele: Flickr, Twitter... - die meisten heute verfügbaren Social Web-APIs sind Access-APIs.
Nachteile: Der Plattform-Entwickler trägt die Bürde, selbst die Laufzeitumgebung & Infrastruktur für seine App bereitstellen zu müssen. Damit ist die technologische & finanzielle Hürde, eigene Apps für die Plattform zu entwicklen, beträchtlich höher.
Vorteile: für den Plattform-Anbieter einfach & schnell umsetzbar.
*API: Application Programming Interface
Level 1Access API
![Page 11: Diplomlehrgang Social Media Manager - Facebook Plattform](https://reader034.vdocuments.site/reader034/viewer/2022042814/554cf5deb4c905a5138b4df5/html5/thumbnails/11.jpg)
die.socialisten.atsocial network development
Level 1 - Access-API: Beispiel Flickr
flickr.com/photos/austrianairlines www.red-blog.at
API
Typologie: Web-basierte Plattformen
![Page 12: Diplomlehrgang Social Media Manager - Facebook Plattform](https://reader034.vdocuments.site/reader034/viewer/2022042814/554cf5deb4c905a5138b4df5/html5/thumbnails/12.jpg)
die.socialisten.atsocial network development
Level 1 - Access-API: Beispiel Twitter
twitter.com TweetDeck - 3rd Party Client
API
Typologie: Web-basierte Plattformen
![Page 13: Diplomlehrgang Social Media Manager - Facebook Plattform](https://reader034.vdocuments.site/reader034/viewer/2022042814/554cf5deb4c905a5138b4df5/html5/thumbnails/13.jpg)
die.socialisten.atsocial network development
Typologie: Web-basierte Plattformen
Level 2 - Plugin-API: Die Plattform bietet Entwicklern die Möglichkeit, ihre Anwendungen in die Kern-Plattform zu integrieren und in deren Benutzer-Interface einzuklinken (“plug-in”). Anwendungen laufen so für den Benutzer transparent integriert in die Plattform. Level 2 APIs beinhalten meist auch Level 1-Funktionalitäten.
Beispiele: Facebook, Google Open Social
Nachteile: Wie bei Level 1 APIs müssen auch hier Plattform-Entwickler die Infrastruktur bereitstellen. Eine Level 2 API ist deutlich komplexer in der Bereitstellung durch den Plattform-Betreiber.
Vorteile: Durch die angebotenen Integrationspunkte, hilft der Plattform-Anbieter dem Entwickler bei der Vermarktung und Verbreitung seiner App.
Level 1Access API
Level 2Plugin API
![Page 14: Diplomlehrgang Social Media Manager - Facebook Plattform](https://reader034.vdocuments.site/reader034/viewer/2022042814/554cf5deb4c905a5138b4df5/html5/thumbnails/14.jpg)
die.socialisten.atsocial network development
Typologie: Web-basierte PlattformenLevel 2 - Plugin-API: Facebook
App-”Canvas”3rd Party Applikation auffacebook.oe3.fm
Plattform-”Rahmen”facebook.com
![Page 15: Diplomlehrgang Social Media Manager - Facebook Plattform](https://reader034.vdocuments.site/reader034/viewer/2022042814/554cf5deb4c905a5138b4df5/html5/thumbnails/15.jpg)
die.socialisten.atsocial network development
Typologie: Web-basierte Plattformen
Level 3 - Runtime Environment: Die Plattform bietet Entwicklern die Möglichkeit, den Code ihrer Anwendungen auf die Infrastruktur des Plattform-Anbieters hochzuladen. Der Code wird innerhalb der Plattform ausgeführt. Dabei kann es ebenfalls zur Bereitstellung von Funktionalitäten (L1) und Integration in das Benutzer-Interface (L2) kommen.
Beispiele: Google App Engine, Salesforce
Vorteile: Plattform-Entwickler müssen sich nicht mehr um die Bereitstellung von Infrastruktur und deren Skalierung kümmern.
Nachteile: Die Bereitstellung einer stabilen, skalierbaren Runtime-Environment ist für den Plattform-Anbieter besonders aufwendig. Level 1
Access API
Level 2Plugin API
Level 3Runtine
![Page 16: Diplomlehrgang Social Media Manager - Facebook Plattform](https://reader034.vdocuments.site/reader034/viewer/2022042814/554cf5deb4c905a5138b4df5/html5/thumbnails/16.jpg)
die.socialisten.atsocial network development
Typologie: Web-basierte PlattformenLevel 3 - Runtime Environment: Salesforce
3rd Party Applikationsalesforce.com (!)
Plattform-”Rahmen”salesforce.com
![Page 17: Diplomlehrgang Social Media Manager - Facebook Plattform](https://reader034.vdocuments.site/reader034/viewer/2022042814/554cf5deb4c905a5138b4df5/html5/thumbnails/17.jpg)
die.socialisten.atsocial network development
Typologie: Web-basierte Plattformen
Level 1-3: Google App Engine, Google+, Google APIs
Level 1Access API
Level 2Plugin API
Level 3Runtine
Nahezu alle Google-Services stellen L1-APIs zur Verfügung
Google+, Orkut bietenMöglichkeiten, 3rd Party Apps im Plattform-”Rahmen” auszuführen
App Engine bietet ein Hosting & RTE f. 3rd Party Apps
![Page 18: Diplomlehrgang Social Media Manager - Facebook Plattform](https://reader034.vdocuments.site/reader034/viewer/2022042814/554cf5deb4c905a5138b4df5/html5/thumbnails/18.jpg)
die.socialisten.atsocial network development
ZusammenfassungWas sind Plattformen, Apps?
Platform-Vendor(Facebook Inc., Google Inc.)
PlatformFacebook.com, Google+...
3rd Party-Developer(Zynga, Die Socialisten...)
AppsFarmville, BranchOut...
Plattform: jedes Software-Produkt, dass Dritten mittels Programmierschnittstellen (APIs) erlaubt, Änderungen und Erweiterungen an der Software vorzunehmen.
Web-Plattform: jede Plattform, deren Programmierschnittstellen über Web-Technologien bereitgestellt werden. 3 Stufen: Access-API, Plugin-API, Runtime-Environment.
Apps: Software-Produkte, die elementar auf einer Plattform aufsetzen oder diese zumindestens integrieren. Apps gibt es im Web, in Social Networks, Mobile...
![Page 19: Diplomlehrgang Social Media Manager - Facebook Plattform](https://reader034.vdocuments.site/reader034/viewer/2022042814/554cf5deb4c905a5138b4df5/html5/thumbnails/19.jpg)
Social Application DesignIdentity, Conversation, Community
![Page 20: Diplomlehrgang Social Media Manager - Facebook Plattform](https://reader034.vdocuments.site/reader034/viewer/2022042814/554cf5deb4c905a5138b4df5/html5/thumbnails/20.jpg)
die.socialisten.atsocial network development
Social Application Design
Wie wird eine Web-Applikation eigentlich “social”?
Beim “Social Application Design” beachtet man drei Aspekte:
Identity - Darunter verstehen wir die digitale Repräsentation einer Person oder eines Benutzers, i.e. sein Profil
Conversation - Bezeichnet alle sozialen Interaktionen, die ein Mensch mit den anderen Mitgliedern seiner Community bzw. Communities hat.
Community - jeder Mensch ist eingebunden in ein Netzwerk an Personen, denen er mehr oder weniger stark vertraut, und deren Meinungen und Aussagen er in der eigenen Entscheidungsfindung berücksichtigt.
![Page 21: Diplomlehrgang Social Media Manager - Facebook Plattform](https://reader034.vdocuments.site/reader034/viewer/2022042814/554cf5deb4c905a5138b4df5/html5/thumbnails/21.jpg)
die.socialisten.atsocial network development
Social Application Design:Identity
Die Gestaltung der eigenen, digitalen Identität ist eine besonders starke Motivation für Menschen, an sozialen Netzwerken oder sozialen Apps aktiv teilzunehmen - als Menschen streben wir danach, die Wahrnehmung unserer Person in den Communities die uns am Herzen liegen, aktiv zu gestalten.
Das Benutzer-Profil war schon in den “Ur-Social-Networks” der zentrale Ort zur Bestimmung der eigenen Identität.
Darüberhinaus definiert sich unsere digitale Identität heute vor allem durch soziale Gesten (Shares, Likes, Checkins, Kommentare etc.) - den Interaktionen die wir in sozialen Netzwerken setzen.
![Page 22: Diplomlehrgang Social Media Manager - Facebook Plattform](https://reader034.vdocuments.site/reader034/viewer/2022042814/554cf5deb4c905a5138b4df5/html5/thumbnails/22.jpg)
die.socialisten.atsocial network development
Social Application Design:Identity
Erfolgreiche soziale Apps erlauben es Benutzern, ihre digitale Identität in der jeweiligen “Anwendungs-Domäne” (“Vertical”) detaillierter zu gestalten, als dies das normale Plattform-Profil erlaubt.
Dazu werden etwa zusätzliche, kontext-relevante Attribute bereitgestellt.
Beispiel: In der “Mein Klub” Bundes-Liga-App identifizieren sich Fans mit ihrer Lieblings-Mannschaft.
http://facebook.com/MeinKlub
![Page 23: Diplomlehrgang Social Media Manager - Facebook Plattform](https://reader034.vdocuments.site/reader034/viewer/2022042814/554cf5deb4c905a5138b4df5/html5/thumbnails/23.jpg)
die.socialisten.atsocial network development
Social Application Design:Identity
Ebenso wichtig ist es für erfolgreiche soziale Apps, dem Benutzer spezielle, domänen-relevante soziale Gesten zur Verfügung zu stellen. Dies trägt der Tatsache Rechnung, dass wir unsere Identität nicht bloss über ein mehr oder weniger statisches Profil, sondern vor allem durch unsere Aktivitäten in sozialen Netzwerken definieren.
Beispiel: Die Bundesliga-App motiviert Benutzer zum Posten von “Schlachtrufen” vor, während und nach einem Match
![Page 24: Diplomlehrgang Social Media Manager - Facebook Plattform](https://reader034.vdocuments.site/reader034/viewer/2022042814/554cf5deb4c905a5138b4df5/html5/thumbnails/24.jpg)
die.socialisten.atsocial network development
Social Application Design:Identity
Waren soziale Gesten bisher nur kompliziert zu realiseren oder gar ganz auf “Likes” & Wall-Postings beschränkt, so bietet Open Graph seit 2012 deutlich flexiblere Möglichkeiten, Interaktionen zu Bildung der Identität von Benutzern einzusetzen:
![Page 25: Diplomlehrgang Social Media Manager - Facebook Plattform](https://reader034.vdocuments.site/reader034/viewer/2022042814/554cf5deb4c905a5138b4df5/html5/thumbnails/25.jpg)
die.socialisten.atsocial network development
Social Application Design:Identity
Auch User-generated Content, wie etwa hochgeladene Photos oder Videos, Kommentare, Foren-Beiträge tragen können zur Bildung der eigenen Identität beitragen und sind damit Bestandteil vieler sozialer Apps.
Beispiel: News-Beiträge mit Benutzer-Kommentaren, Meinungs-Forum.
![Page 26: Diplomlehrgang Social Media Manager - Facebook Plattform](https://reader034.vdocuments.site/reader034/viewer/2022042814/554cf5deb4c905a5138b4df5/html5/thumbnails/26.jpg)
die.socialisten.atsocial network development
Social Application Design:Conversation
Konversationen sind der Pulsschlag eines sozialen Netzwerks und gestalten darüberhinaus, wie die eigene, digitale, Identität in der Community wahrgenommen wird. Als App-Entwickler können wir Konversationen in zwei Aspekten fördern und ermöglichen:
“Zuhören”: in dem wir personalisierten, sozial relevanten Content & Aktivitäten in den Communities eines Benutzers zu Tage fördern.
“Sprechen”: in dem wir Engagement an möglichst vielen Stellen, und möglichst nieder-schwellig ermöglichen.
Im Idealfall ergibt Zuhören & Sprechen einen sich selbst verstärkenden Kreislauf (“Feedback Loop”).
![Page 27: Diplomlehrgang Social Media Manager - Facebook Plattform](https://reader034.vdocuments.site/reader034/viewer/2022042814/554cf5deb4c905a5138b4df5/html5/thumbnails/27.jpg)
die.socialisten.atsocial network development
Social Application Design:Conversation
“Zuhören”: um auf Konversationen oder Aktivitäten in unseren Communities antworten zu können, müssen wir davon erst erfahren!
Mit dem News-Feed stellt Facebook ein mächtiges Interface zum “Zuhören” zur Verfügung, welches wir als Applikations-Entwickler nutzen können!
![Page 28: Diplomlehrgang Social Media Manager - Facebook Plattform](https://reader034.vdocuments.site/reader034/viewer/2022042814/554cf5deb4c905a5138b4df5/html5/thumbnails/28.jpg)
die.socialisten.atsocial network development
Social Application Design:Conversation
Neu!
Der Ticker, ergänzt den News-Feed in Echtzeit und ist v.a. für soziale Gesten (“like”, “checkin”, “listen to”, “watching”, “reading”...) geeignet.
![Page 29: Diplomlehrgang Social Media Manager - Facebook Plattform](https://reader034.vdocuments.site/reader034/viewer/2022042814/554cf5deb4c905a5138b4df5/html5/thumbnails/29.jpg)
die.socialisten.atsocial network development
Social Application Design:Conversation
Facebook bietet mit einigen standardisierten Modulen (Plugins) Beispiele dafür, wie personalisierter Content einfach angezeigt werden kann:
Activity Feed: zeigt an, welche soziale Gesten innerhalb meiner Community in Bezug auf eine App, Page oder Web-Site gemacht wurden.
Recommendations: aggregiert Empfehlungen/Likes innerhalb meiner Community...
![Page 30: Diplomlehrgang Social Media Manager - Facebook Plattform](https://reader034.vdocuments.site/reader034/viewer/2022042814/554cf5deb4c905a5138b4df5/html5/thumbnails/30.jpg)
die.socialisten.atsocial network development
Social Application Design:Conversation
“Sprechen”: auf Konversationen die wir beim “Zuhören” entdeckt haben, können wir reagieren, antworten.
Ja nieder-schwelliger diese Antwort von statten gehen kann, um so besser kommt die Feedback-Loop in Gang! Facebook bietet mittels “Like”-Mechanismen besonders nieder-schwellige (1-Klick) Antwort-Möglichkeiten!
Tipp: erfolgreiche Social Apps bieten Benutzern eigene, domänen-spezifische Response-Möglichkeiten an!
![Page 31: Diplomlehrgang Social Media Manager - Facebook Plattform](https://reader034.vdocuments.site/reader034/viewer/2022042814/554cf5deb4c905a5138b4df5/html5/thumbnails/31.jpg)
die.socialisten.atsocial network development
Social Application Design:Conversation
Beispiel: Die Bundesliga-App bietet mittels “Mood”-Buttons extrem nieder-schwellige Möglichkeiten, auf einen Artikel zu reagieren!
![Page 32: Diplomlehrgang Social Media Manager - Facebook Plattform](https://reader034.vdocuments.site/reader034/viewer/2022042814/554cf5deb4c905a5138b4df5/html5/thumbnails/32.jpg)
die.socialisten.atsocial network development
Social Application Design:Conversation
“Sprechen”: auf Konversationen, auf die wir beim “Zuhören” aufmerksam wurden, können wir reagieren in dem wir antworten und in die Konversation einsteigen.
Andere Möglichkeiten mit unseren Communities zu “Sprechen” sind persönliche Nachrichten, Kommentare, Umfragen, Live-Chats...
![Page 33: Diplomlehrgang Social Media Manager - Facebook Plattform](https://reader034.vdocuments.site/reader034/viewer/2022042814/554cf5deb4c905a5138b4df5/html5/thumbnails/33.jpg)
die.socialisten.atsocial network development
Social Application Design:Conversation
“Sprechen”: Beispiel Live-Chat
![Page 34: Diplomlehrgang Social Media Manager - Facebook Plattform](https://reader034.vdocuments.site/reader034/viewer/2022042814/554cf5deb4c905a5138b4df5/html5/thumbnails/34.jpg)
die.socialisten.atsocial network development
Social Application Design:Community
Die Communities in denen wir uns im Rahmen von sozialen Netzwerken bewegen, vermitteln ihren Mitgliedern Relevanz, Vertrauen und Vertrautheit.
Die ursprünglichste Community auf Facebook sind unsere beidseitig bestätigten Freunde & Kontakte.
Darüberhinaus nehmen wir an zahlreichen, teilweise überschneidenden Sub-Communites Teil: auf Facebook etwa Groups, Pages (bzw. deren Fans).
![Page 35: Diplomlehrgang Social Media Manager - Facebook Plattform](https://reader034.vdocuments.site/reader034/viewer/2022042814/554cf5deb4c905a5138b4df5/html5/thumbnails/35.jpg)
die.socialisten.atsocial network development
Social Application Design:Community
Erfolgreiche soziale Apps berücksichtigen die vorhandenen Infos über die Community eines speziellen Benutzers, um ihm Inhalte maßgeschneidert & personalisiert anzubieten. Schlüssel zur Personalisierung ist dabei der Social Graph eines Benutzers.
“Instant Personalization”: Dem Benutzer werden bereits beim ersten Besuch einer Applikation personalisierte Inhalte angezeigt.
Beispiel: Anzeigen, welche Freunde eine App bereits benutzen, oder bereits Fan einer Seite sind.
![Page 36: Diplomlehrgang Social Media Manager - Facebook Plattform](https://reader034.vdocuments.site/reader034/viewer/2022042814/554cf5deb4c905a5138b4df5/html5/thumbnails/36.jpg)
die.socialisten.atsocial network development
![Page 37: Diplomlehrgang Social Media Manager - Facebook Plattform](https://reader034.vdocuments.site/reader034/viewer/2022042814/554cf5deb4c905a5138b4df5/html5/thumbnails/37.jpg)
die.socialisten.atsocial network development
Social Application Design:Community
Beispiel: Anzeige welche Musik von Facebook-Freunden zuletztund am häufigsten konsumiert wurde (Charts).
![Page 38: Diplomlehrgang Social Media Manager - Facebook Plattform](https://reader034.vdocuments.site/reader034/viewer/2022042814/554cf5deb4c905a5138b4df5/html5/thumbnails/38.jpg)
die.socialisten.atsocial network development
Exkurs: Social Graph
“Social Graph”: das Netz an Beziehungen, die ein soziales Netzwerk wie Facebook ausmachen.
Knoten = Personen, Pages Kanten = Beziehungen (Friendship, Fan/Like)
![Page 39: Diplomlehrgang Social Media Manager - Facebook Plattform](https://reader034.vdocuments.site/reader034/viewer/2022042814/554cf5deb4c905a5138b4df5/html5/thumbnails/39.jpg)
die.socialisten.atsocial network development
2011 ist der Social Graph wesentlich komplexer: Firmen, Organisationen, Interessen, Orte sowie beinahe beliebige Kanten welche diese verbinden:
Exkurs: Social Graph
![Page 40: Diplomlehrgang Social Media Manager - Facebook Plattform](https://reader034.vdocuments.site/reader034/viewer/2022042814/554cf5deb4c905a5138b4df5/html5/thumbnails/40.jpg)
die.socialisten.atsocial network development
Mit Timeline / Open Graph erlaubt Facebook Applikations-Entwicklern Objekte die Veröffentlichung von Verbindungen zwischen Objekten mit beinahe beliebigen “Verben” / Kanten:
Objekte repräsentieren beliebige Inhalte (Musik, Videos, Artikel...) aber auch Applikations-spezifische Daten wie bspw. eine Jogging-Route, ein Buch-Review, ein Kochrezept etc.Aktionen können in beliebigen Verben ausgedrückt werden - lesen, hören, ansehen, kochen, empfehlen, sammeln, laufen...
Exkurs: Open Graph
![Page 41: Diplomlehrgang Social Media Manager - Facebook Plattform](https://reader034.vdocuments.site/reader034/viewer/2022042814/554cf5deb4c905a5138b4df5/html5/thumbnails/41.jpg)
die.socialisten.atsocial network development
ZusammenfassungWas macht Apps “social”?
Identity Conversation Community
Identität bildet sich durch Benutzer-Profile und ihre Attribute, soziale Gesten und user-generiertem Content.
Diese Aspekte können von App-Entwicklern aufge-griffen werden, etwa durch domänen-spezifische Attribute & Gesten.
Zuhören und Sprechen - verstärkt sich im Idealfall in einer Feedback-Schleife.
App-Entwickler machen das “Zu-hören” einfacher, indem sie relevanten (persona-lisierten) Content vor-filtern & zugänglich machen. Mit nieder-schwelligen sozialen Gesten wird die das “Sprechen” gefördert.
Communities schaffen Relevanz, Vertrauen und Vertrautheit.
Die meisten Benutzer von sozialen Netz-werken sind Mit-glieder meherer Communities: Freunde, Pages, Groups.
App-Entwickler nutzen den Social Graph zur Personalisierung von Inhalten.
![Page 42: Diplomlehrgang Social Media Manager - Facebook Plattform](https://reader034.vdocuments.site/reader034/viewer/2022042814/554cf5deb4c905a5138b4df5/html5/thumbnails/42.jpg)
die.socialisten.atsocial network development
Weiterführendes MaterialFacebook Open GraphUnser Plattform-Briefing Q4/2012 gibt einen ausführlichen Überblick über Facebook Open Graph!http://www.slideshare.net/socialisten/die-socialistenplatformoverview20121105
![Page 43: Diplomlehrgang Social Media Manager - Facebook Plattform](https://reader034.vdocuments.site/reader034/viewer/2022042814/554cf5deb4c905a5138b4df5/html5/thumbnails/43.jpg)
Die Facebook-PlattformCanvas, Tabs, Websites, Plugins, Mobile
![Page 44: Diplomlehrgang Social Media Manager - Facebook Plattform](https://reader034.vdocuments.site/reader034/viewer/2022042814/554cf5deb4c905a5138b4df5/html5/thumbnails/44.jpg)
die.socialisten.atsocial network development
Facebook - Platform Overview
Wo & wie können eigene Applikationeneigentlich auf der Facebook-Plattform “stattfinden”?
- Apps auf facebook.com
- Apps auf Pages / Tabs
- Websites / “Facebook Connect”
- Social Plugins & Open Graph
- Mobile SDKs
![Page 45: Diplomlehrgang Social Media Manager - Facebook Plattform](https://reader034.vdocuments.site/reader034/viewer/2022042814/554cf5deb4c905a5138b4df5/html5/thumbnails/45.jpg)
die.socialisten.atsocial network development
Facebook - Platform OverviewApps auf facebook.com
Canvas App, 760px od. Fluid Breite
![Page 46: Diplomlehrgang Social Media Manager - Facebook Plattform](https://reader034.vdocuments.site/reader034/viewer/2022042814/554cf5deb4c905a5138b4df5/html5/thumbnails/46.jpg)
die.socialisten.atsocial network development
Facebook - Platform OverviewApps auf facebook.com
- Canvas-App - “Canvas” ist die “Leinwand” auf der Entwickler ihre App “malen” können.
- Abrufbar unter http://apps.facebook.com/APPTITLE
- Hosting durch App-Entwickler
- 760 Pixel breit (+optionales Fluid Layout)
- Basierend auf iframes - “Web-Seite in der Web-Seite”
- Unterstützt alle Web-Technologien: JavaScript, Flash, Widgets, Tracking...
Canvas App, 760px od. Fluid Breite
![Page 47: Diplomlehrgang Social Media Manager - Facebook Plattform](https://reader034.vdocuments.site/reader034/viewer/2022042814/554cf5deb4c905a5138b4df5/html5/thumbnails/47.jpg)
die.socialisten.atsocial network development
Facebook - Platform OverviewApps auf Pages/Tabs
Tab-App, 710px Breite
![Page 48: Diplomlehrgang Social Media Manager - Facebook Plattform](https://reader034.vdocuments.site/reader034/viewer/2022042814/554cf5deb4c905a5138b4df5/html5/thumbnails/48.jpg)
die.socialisten.atsocial network development
Facebook - Platform OverviewApps auf Pages/Tabs
- Tab-App - integriert als Tab auf einer Facebook-Page
- Pro Tab = 1 App
- 520 Pixel breit
-Abrufbar unter http://facebook.com/PAGETITLE/?sk=app_116151718472547 (App-ID)
- Hosting durch App-Entwickler
- Basierend auf iframes - “Web-Seite in der Web-Seite”
- Unterstützt alle Web-Technologien: JavaScript, Flash, Widgets, Tracking...
Tab-App, 710px Breite
![Page 49: Diplomlehrgang Social Media Manager - Facebook Plattform](https://reader034.vdocuments.site/reader034/viewer/2022042814/554cf5deb4c905a5138b4df5/html5/thumbnails/49.jpg)
die.socialisten.atsocial network development
Facebook - Platform OverviewExterne Websites / “Facebook Connect”
![Page 50: Diplomlehrgang Social Media Manager - Facebook Plattform](https://reader034.vdocuments.site/reader034/viewer/2022042814/554cf5deb4c905a5138b4df5/html5/thumbnails/50.jpg)
die.socialisten.atsocial network development
Facebook - Platform OverviewExterne Websites / “Facebook Connect”
- Eigenständige, “herkömmliche” Web-App / Website
-Abrufbar unter http://yourdomain.com
- Hosting durch App-Entwickler
- Unterstützt alle Web-Technologien: JavaScript, Flash, Widgets, Tracking...
- Technische Verbindung gleich wie bei Canvas-/Tab-Apps: Graph API & JavaScript SDK, welche auf der eigenen App eingebunden wird.
![Page 51: Diplomlehrgang Social Media Manager - Facebook Plattform](https://reader034.vdocuments.site/reader034/viewer/2022042814/554cf5deb4c905a5138b4df5/html5/thumbnails/51.jpg)
die.socialisten.atsocial network development
Facebook - Platform OverviewExterne Websites / “Facebook Connect”
Möglichkeiten, die eigene Website / Web-App mit Facebook zu verknüpfen:
- Login mit Facebook Account (früher “Facebook Connect”) erspart dem Benutzer das Anlegen eines neuen Accounts (1-Click-Signup)
- Nutzung des Social-Graphs: Freunde auf Facebook können auch Freunde in der App werden
- Nutzung von Share-Dialogen, App-Invites, Social Plugins & Like-Buttons für nieder-schwellige Interaktion
![Page 52: Diplomlehrgang Social Media Manager - Facebook Plattform](https://reader034.vdocuments.site/reader034/viewer/2022042814/554cf5deb4c905a5138b4df5/html5/thumbnails/52.jpg)
die.socialisten.atsocial network development
Facebook - Platform OverviewOpen Graph & der “Like”-Button
Das Open Graph Protokoll ermöglicht es, Inhalte der eigenen Website optimal in den Social Graph von Facebook zu integrieren. Um die eigene Website “Open-Graph-Fit” zu machen, benötigt man:
- Erweiterung der Meta-Daten auf der eigenen Site: Facebook liest diese Meta-Daten ein, um die eigenen Inhalte darstellen zu können (etwa in Wall-Postings)
- Integration des Like-Buttons auf der eigenen Site
- Jedes “Like” oder Share erzeugt ein angepasstes Wall-Posting im Feed des Benutzers
![Page 53: Diplomlehrgang Social Media Manager - Facebook Plattform](https://reader034.vdocuments.site/reader034/viewer/2022042814/554cf5deb4c905a5138b4df5/html5/thumbnails/53.jpg)
die.socialisten.atsocial network development
Facebook - Platform OverviewOpen Graph & der “Like”-ButtonBeispiel: Event-Community Stadtkinder.com
![Page 54: Diplomlehrgang Social Media Manager - Facebook Plattform](https://reader034.vdocuments.site/reader034/viewer/2022042814/554cf5deb4c905a5138b4df5/html5/thumbnails/54.jpg)
die.socialisten.atsocial network development
Facebook - Platform OverviewOpen Graph & der “Like”-Button
Beispiel: Event-Community Stadtkinder.com
![Page 55: Diplomlehrgang Social Media Manager - Facebook Plattform](https://reader034.vdocuments.site/reader034/viewer/2022042814/554cf5deb4c905a5138b4df5/html5/thumbnails/55.jpg)
die.socialisten.atsocial network development
Facebook - Platform OverviewMobile SDKsNeben den genannten Möglichkeiten, bieten sich dem App-Entwickler auch mehrere Wege mobile Apps auf der Facebook-Plattform aufzubauen:
- Mobile Webseiten / Web-Apps (technisch analog zu externen Webseiten, also Graph API & JavaScript SDK)
- iOS (iPhone & iPad) & Android SDKs - bieten auf diesen Plattformen die Möglichkeit an, native Apps zu entwickeln.
![Page 56: Diplomlehrgang Social Media Manager - Facebook Plattform](https://reader034.vdocuments.site/reader034/viewer/2022042814/554cf5deb4c905a5138b4df5/html5/thumbnails/56.jpg)
Die Facebook Graph APIExplore the Graph!
![Page 57: Diplomlehrgang Social Media Manager - Facebook Plattform](https://reader034.vdocuments.site/reader034/viewer/2022042814/554cf5deb4c905a5138b4df5/html5/thumbnails/57.jpg)
die.socialisten.atsocial network development
Facebook Graph APIExplore the Graph!
Die Graph API ist eine von Facebook bereitgestellte Programmier-Schnittstelle, die unter bestimmten Voraussetzungen den technischenZugriff auf Daten des Social Graph erlaubt.
Daten: Profil-Informationen, Freundes-Liste, Wall-Postings, Pages, Fotos,...
Voraussetzungen: während einige wenige Informationen (Name, Profilbild) vollkommen öffentlich zugänglich sind, benötigt man für den Zugriff auf die meisten Daten die Zustimmung des Benutzers. Diese über die Authorisierung der App einmalig eingeholt.
Berechtigungen: über erweiterte Berechtigungen kann darüberhinaus Zugang zu weiteren Daten (Postfach, Fotos, Videos, administrierte Seiten) erhalten werden.
Der Graph API Explorer erlaubt das einfache Erforschen der Schnittstelle:
http://developers.facebook.com/tools/explorer
![Page 58: Diplomlehrgang Social Media Manager - Facebook Plattform](https://reader034.vdocuments.site/reader034/viewer/2022042814/554cf5deb4c905a5138b4df5/html5/thumbnails/58.jpg)
die.socialisten.atsocial network development
Facebook Graph APIExplore the Graph!
Öffentlich zugängliche Profil-Informationen:
![Page 59: Diplomlehrgang Social Media Manager - Facebook Plattform](https://reader034.vdocuments.site/reader034/viewer/2022042814/554cf5deb4c905a5138b4df5/html5/thumbnails/59.jpg)
die.socialisten.atsocial network development
Facebook Graph APIExplore the Graph!
Authorisierung der Applikation:
![Page 60: Diplomlehrgang Social Media Manager - Facebook Plattform](https://reader034.vdocuments.site/reader034/viewer/2022042814/554cf5deb4c905a5138b4df5/html5/thumbnails/60.jpg)
die.socialisten.atsocial network development
Facebook Graph APIExplore the Graph!
Authorisiert zugängliche Profil-Informationen:
![Page 61: Diplomlehrgang Social Media Manager - Facebook Plattform](https://reader034.vdocuments.site/reader034/viewer/2022042814/554cf5deb4c905a5138b4df5/html5/thumbnails/61.jpg)
die.socialisten.atsocial network development
Einholen von zusätzlichen Berechtigungen:
Facebook Graph APIExplore the Graph!
![Page 62: Diplomlehrgang Social Media Manager - Facebook Plattform](https://reader034.vdocuments.site/reader034/viewer/2022042814/554cf5deb4c905a5138b4df5/html5/thumbnails/62.jpg)
Hands-on!Konzeption einer Facebook-Anwendung
![Page 63: Diplomlehrgang Social Media Manager - Facebook Plattform](https://reader034.vdocuments.site/reader034/viewer/2022042814/554cf5deb4c905a5138b4df5/html5/thumbnails/63.jpg)
die.socialisten.atsocial network development
Wählen sie eine Web-Site, Web-Applikation oder mobile Applikation, die noch keine Verbindung mit ihrem Facebook-Profil hat!
Überlegen & konzipieren sie in kleinen Gruppen:
- Wie könnten optisch ansprechende & informative “Like”-Stories aussehen, wenn Benutzer den “Like”-Button auf der Web-Site klicken?
- Welche Profil-Informationen die über die Graph API ermittelt werden könnten zur Personalisierung verwendet werden?
- Wie können sie die Applikation hinsichtlich der drei Säulen einer “social App” (Identity, Conversation, Community) optimieren?
- Welche Benutzer-Interaktionen in der App könnten auf Facebook veröffentlicht werden?
- Welche Objekte & Aktionen wären dazu geeignet und wie könnten sie optisch & informativ dargestellt werden?
Konzeption einer Facebook AnwendungHands-on!
![Page 64: Diplomlehrgang Social Media Manager - Facebook Plattform](https://reader034.vdocuments.site/reader034/viewer/2022042814/554cf5deb4c905a5138b4df5/html5/thumbnails/64.jpg)
die.socialisten.atsocial network development
Beispiel: Like-Story
Konzeption einer Facebook AnwendungHands-on!
![Page 65: Diplomlehrgang Social Media Manager - Facebook Plattform](https://reader034.vdocuments.site/reader034/viewer/2022042814/554cf5deb4c905a5138b4df5/html5/thumbnails/65.jpg)
die.socialisten.atsocial network development
Facebook PlattformWeiterführende Links
Dokumentation:http://developers.facebook.com/docs/ - Offizielle Dokumentationhttp://developers.facebook.com/docs/technical-guides/opengraph/ - Open Graph Guidelineshttp://www.slideshare.net/socialisten/die-socialistenplatformoverview20121105 - Platform Briefing 2012
Tutorials & Bücher:http://www.youtube.com/watch?v=g8N_mxLaRag - Graph API Explorer Tutorialhttp://book.diesocialisten.at/ - Buch “Facebook Programmierung”http://www.amazon.de/Follow-Erfolgreiches-Marketing-Facebook-Twitter/dp/3836218623/ - Follow me!http://www.amazon.de/Facebook-Anwendungen-programmieren-Mario-Scheliga/dp/3897216450/
Blogs & News:http://allfacebook.de/http://www.thomashutter.com/http://die.socialisten.at/blog/
Apps-Showcase:http://apps.facebook.com/meinklub - Mein Klubhttp://apps.facebook.com/lastfm-og-scrobbler - Last.fm Scrobblerhttp://www.facebook.com/kronetv?sk=app_135828866537171 - Krone Social TVhttp://www.facebook.com/AmPunkt/app_119818284846 - ATV Am Punkt
![Page 66: Diplomlehrgang Social Media Manager - Facebook Plattform](https://reader034.vdocuments.site/reader034/viewer/2022042814/554cf5deb4c905a5138b4df5/html5/thumbnails/66.jpg)
die.socialisten.atsocial network development
![Page 67: Diplomlehrgang Social Media Manager - Facebook Plattform](https://reader034.vdocuments.site/reader034/viewer/2022042814/554cf5deb4c905a5138b4df5/html5/thumbnails/67.jpg)
die.socialisten.atsocial network development
“Facebook Programmierung - Entwicklung von Social Apps & Websites” Michael Kamleitner, Galileo Computing 2012 http://book.socialisten.at
![Page 68: Diplomlehrgang Social Media Manager - Facebook Plattform](https://reader034.vdocuments.site/reader034/viewer/2022042814/554cf5deb4c905a5138b4df5/html5/thumbnails/68.jpg)
Michael KamleitnerDie Socialisten
m: +43 699 116 07 923e: [email protected]: http://facebook.com/michael.kamleitnerg: http://profiles.google.com/michael.kamleitnert: http://twitter.com/_subnet