• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Entwicklung von Social-Web-Applikationen auf Facebook und anderen Plattformen - E-Day 2011/IT-Carinthia - Part 1/3
 

Entwicklung von Social-Web-Applikationen auf Facebook und anderen Plattformen - E-Day 2011/IT-Carinthia - Part 1/3

on

  • 767 views

Überblick über Social Software Development auf Facebook & Co. für Einsteiger. Was sind web-basierte Software-Plattformen, Social Application Design, Social Graph.

Überblick über Social Software Development auf Facebook & Co. für Einsteiger. Was sind web-basierte Software-Plattformen, Social Application Design, Social Graph.

Statistics

Views

Total Views
767
Views on SlideShare
767
Embed Views
0

Actions

Likes
0
Downloads
7
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Entwicklung von Social-Web-Applikationen auf Facebook und anderen Plattformen - E-Day 2011/IT-Carinthia - Part 1/3 Entwicklung von Social-Web-Applikationen auf Facebook und anderen Plattformen - E-Day 2011/IT-Carinthia - Part 1/3 Presentation Transcript

    • thanks for the ad(d).“Entwicklung von Social-Web-Applikationen auf Facebook und anderen Plattformen” E-Day 2011 / IT Carinthia- Part 1
    • About:Michael KamleitnerGründer & Geschäftsführer von “Die Socialisten”"Die Socialisten" sind eine Wiener Software-Agentur, die sich seit 2007 aufdie Konzeption & Umsetzung von Marketing-Lösungen auf Facebook &anderen Social Media Kanälen konzentriert, und seither weit über 100Brand-Pages und -Applikationen erfolgreich umgesetzt hat.Zu unseren Kunden zählen Axel Springer/Bild.de, Bertelsmann, Heute.atGruner+Jahr, Financial Times Deutschland, ATV und Hitradio Ö3.http://die.socialisten.at - http://facebook.com/diesocialisten die.socialisten.at social network development
    • Content:Einführung: Social Software Plattformen & Apps- Web-basierte Software-Plattformen - Definition & Typologie- Social Application Design - Identity, Community, Conversation- Social GraphDie Facebook-Plattform- Facebook Platform Overview- Facebook für Entwickler - Graph API, JavaScript SDK, Open Graph- Beyond Facebook - andere soziale Software-PlattformenQ&A:- Was Sie schon immer über Social App-Entwicklung wissen wollten!Zum Mit- oder Nachlesen:http://die.socialisten.at/downloads/Die-Socialisten-eday-20111006.pdf die.socialisten.at social 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! die.socialisten.at social network development
    • Hands on:1. Let’s connect!
    • Hands-on:1. Let’s connect!Aufgabe:Verbinden Sie ihren Laptop mit dem WLAN!WLAN-Kennung: workshop-room-1Verschlüsselung: WPA2/PSKKennwort: wlan@workshop-room-1Bitte bilden Sie an den Laptops 2er Gruppen,um eine Überlastung des WLANs zu vermeiden!Treten Sie unserer Facebook Gruppe bei!http://www.facebook.com/groups/123398354432088/oder abgekürzt:http://on.fb.me/e_day2011 die.socialisten.at social network development
    • Web-basierte Software-Plattformen - Definition & Typologie
    • From: Social Networkto: Social PlatformWas unterscheidet Facebook eigentlich von herkömmlichenSocial Networks wie MySpace, Friendster etc.?Facebook erlaubt seit 2007 in bis dahin unbekannter Konsequenz &Offentheit, Dritten die Integration von eigenen Applikationen aufFacebook.com.Damit wurde Facebook von einem sozialen Netzwerk zu einer sozialenPlattform, die weit über die Grenzen von facebook.com hinausEntwicklern die Möglichkeit gibt, das Milliarden-Publikum von Facebook zuadressieren. die.socialisten.at social network development
    • Typologie:Web-basierte PlattformenMarc Andreessen:“A Platform is a system that can be programmed and thereforcustomized by outside developers or users and in that way adapted tocountless needs and niches that the platform’s original developers couldnot have possibly contemplated, much less had time to accommodate”.Oder:“If you can program it, then its a platform. If you cant, then its not.”http://pmarca-archive.posterous.com/the-three-kinds-of-platforms-you-meet-on-the-0 die.socialisten.at social network development
    • Typologie:Web-basierte PlattformenLevel 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 einereigenen 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 SocialWeb-APIs sind Access-APIs.Nachteile: Der Plattform-Entwickler trägt die Bürde, selbst dieLaufzeitumgebung & Infrastruktur für seine App bereitstellen zumüssen. Damit ist die technologische & finanzielle Hürde, eigeneApps für die Plattform zu entwicklen, beträchtlich höher. Level 1Vorteile: für den Plattform-Anbieter einfach & schnell umsetzbar. Access API*API: Application Programming Interface die.socialisten.at social network development
    • Typologie: Web-basierte PlattformenLevel 1 - Access-API: Beispiel Flickr API flickr.com/photos/austrianairlines www.red-blog.at die.socialisten.at social network development
    • Typologie:Web-basierte PlattformenLevel 1 - Access-API: Beispiel Twitter API twitter.com TweetDeck - 3rd Party Client die.socialisten.at social network development
    • Typologie:Web-basierte PlattformenLevel 1 - Access-API: Beispiel Twitter API twitter.com TweetDeck - 3rd Party Client die.socialisten.at social network development
    • Typologie:Web-basierte PlattformenLevel 2 - Plugin-API: Die Plattform bietet Entwicklern dieMöglichkeit, ihre Anwendungen in die Kern-Plattform zuintegrieren und in deren Benutzer-Interface einzuklinken (“plugin”).Anwendungen laufen so für den Benutzer transparent integriert indie Plattform. Level 2 APIs beinhalten meist auch Level 1-Funktionalitäten.Beispiele: Facebook, Google Open Social Level 2Nachteile: Wie bei Level 1 APIs müssen auch hier Plattform-Entwickler die Infrastruktur bereitstellen. Eine Level 2 API ist Plugin APIdeutlich komplexer in der Bereitstellung durch den Plattform-Betreiber.Vorteile: Durch die angebotenen Integrationspunkte, hilft der Level 1Plattform-Anbieter dem Entwickler bei der Vermarktung undVerbreitung seiner App. Access API die.socialisten.at social network development
    • Typologie:Web-basierte PlattformenLevel 2 - Plugin-API: Facebook Plattform-”Rahmen” facebook.com App-”Canvas” 3rd Party Applikation auf facebook.oe3.fm die.socialisten.at social network development
    • Typologie:Web-basierte PlattformenLevel 3 - Runtime Environment: Die Plattform bietetEntwicklern die Möglichkeit, den Code ihrer Anwendungen aufdie Infrastruktur des Plattform-Anbieters hochzuladen. Der Code Level 3wird innerhalb der Plattform ausgeführt. Dabei kann es ebenfalls Runtinezur Bereitstellung von Funktionalitäten (L1) und Integration in dasBenutzer-Interface (L2) kommen.Beispiele: Google App Engine, Salesforce Level 2Vorteile: Plattform-Entwickler müssen sich nicht mehr um dieBereitstellung von Infrastruktur und deren Skalierung kümmern. Plugin APINachteile: Die Bereitstellung einer stabilen, skalierbarenRuntime-Environment ist für den Plattform-Anbieter besondersaufwendig. Level 1 Access API die.socialisten.at social network development
    • Typologie:Web-basierte PlattformenLevel 3 - Runtime Environment: Salesforce Plattform-”Rahmen” 3rd Party Applikation salesforce.com salesforce.com (!) die.socialisten.at social network development
    • Typologie:Web-basierte PlattformenLevel 1-3:Google App Engine, Google+, Google APIs Level 3 App Engine bietet ein Hosting & RTE f. 3rd Runtine Party Apps Level 2 Google+, Orkut bieten Möglichkeiten, 3rd Party Plugin API Apps im Plattform-”Rahmen” auszuführen Level 1 Nahezu alle Google- Access API Services stellen L1-APIs zur Verfügung die.socialisten.at social network development
    • ZusammenfassungWas sind Plattformen, Apps? 3rd Party-Developer Apps (Zynga, Die Socialisten...) Farmville, BranchOut... Platform-Vendor Platform (Facebook Inc., Google Inc.) Facebook.com, Google+...Plattform: jedes Software-Produkt, dass Dritten mittelsProgrammierschnittstellen (APIs) erlaubt, Änderungen und Erweiterungenan der Software vorzunehmen.Web-Plattform: jede Plattform, deren Programmierschnittstellen überWeb-Technologien bereitgestellt werden. 3 Stufen: Access-API, Plugin-API,Runtime-Environment.Apps: Software-Produkte, die elementar auf einer Plattform aufsetzen oderdiese zumindestens integrieren. Apps gibt es im Web, in Social Networks,Mobile... die.socialisten.at social network development
    • Hands on:2. Analyse von Social Web APIs
    • Hands-on:2. Analyse von Social Web APIsAufgabe:Wählen sie eines oder mehrere beliebige Web-Services / Web-Sites / Web-Apps aus, die eine Programmierschnittstelle anbieten!Versuchen Sie die angebotenen Schnittstellen in die Kategorien L1/L2/L3einzuordnen!Finden Sie einen API-Anbieter der mehrere API-Kategorien anbietet?Bereits genannte Beispiele:L1 Access API: Flickr, TwitterL2 Plugin API: Facebook, Google+L3 Runtime Environment: Sales Force, Google App EngineNoch nichts gefunden?http://www.programmableweb.com/apishttp://code.google.com/moreZum Mit- oder Nachlesen:http://die.socialisten.at/downloads/e-day-20111007.pdf die.socialisten.at social network development
    • Social Application Design
    • Social Application DesignWie wird eine Web-Applikation eigentlich “social”?Beim “Social Application Design” beachtet man drei Aspekte:Identity - Darunter verstehen wir die digitale Repräsentation einer Personoder eines Benutzers, i.e. sein ProfilConversation - Bezeichnet alle sozialen Interaktionen, die ein Mensch mitden 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 undAussagen er in der eigenen Entscheidungsfindung berücksichtigt. die.socialisten.at social network development
    • Social Application Design:IdentityDie Gestaltung der eigenen, digitalenIdentität ist eine besonders starkeMotivation für Menschen, an sozialenNetzwerken oder sozialen Apps aktivteilzunehmen - als Menschen strebenwir danach, die Wahrnehmung unsererPerson in den Communities die uns amHerzen liegen, aktiv zu gestalten.Das Benutzer-Profil war schon in den“Ur-Social-Networks” der zentrale Ort Interessen, Hobbies,zur Bestimmung der eigenen Identität. Beruf, Ausbildung...Darüberhinaus definiert sich unseredigitale Identität heute vor allem durchsoziale Gesten (Shares, Likes,Checkins, Kommentare etc.) - denInteraktionen die wir in sozialenNetzwerken setzen. die.socialisten.at social network development
    • die.socialisten.atsocial network development
    • die.socialisten.atsocial network development
    • die.socialisten.atsocial network development
    • Social Application Design:IdentityErfolgreiche soziale Apps erlauben esBenutzern, ihre digitale Identität in derjeweiligen “Anwendungs-Domäne” (“Vertical”) detaillierter zugestalten, als dies das normalePlattform-Profil erlaubt.Dazu werden etwa zusätzliche,kontext-relevante Attributebereitgestellt.Beispiel: In der “Mein Klub” Bundes-Liga-App identifizieren sich Fans mitihrer Lieblings-Mannschaft. http://facebook.com/MeinKlub die.socialisten.at social network development
    • Social Application Design:IdentityEbenso wichtig ist es für erfolgreichesoziale Apps, dem Benutzer spezielle,domänen-relevante soziale Gestenzur Verfügung zu stellen. Dies trägtder Tatsache Rechnung, dass wirunsere Identität nicht bloss über einmehr oder weniger statisches Profil,sondern vor allem durch unsereAktivitäten in sozialen Netzwerkendefinieren.Beispiel: Die Bundesliga-Appmotiviert Benutzer zum Posten von“Schlachtrufen” vor, während undnach einem Match die.socialisten.at social network development
    • Social Application Design:IdentityAuch User-generatedContent, wie etwahochgeladene Photos oderVideos, Kommentare, Foren-Beiträge tragen können zurBildung der eigenen Identitätbeitragen und sind damitBestandteil vieler sozialer Apps.Beispiel: News-Beiträge mitBenutzer-Kommentaren,Meinungs-Forum. die.socialisten.at social network development
    • Social Application Design:ConversationKonversationen sind der Pulsschlag einessozialen Netzwerks und gestaltendarüberhinaus, wie die eigene, digitale,Identität in der Community wahrgenommenwird. Als App-Entwickler können wirKonversationen in zwei Aspekten fördern undermöglichen:“Zuhören”: in dem wir personalisierten, sozialrelevanten Content & Aktivitäten in denCommunities eines Benutzers zu Tage fördern.“Sprechen”: in dem wir Engagement anmöglichst vielen Stellen, und möglichst nieder-schwellig ermöglichen.Im Idealfall ergibt Zuhören & Sprechen einensich selbst verstärkenden Kreislauf (“FeedbackLoop”). die.socialisten.at social network development
    • Social Application Design:Conversation“Zuhören”: um aufKonversationen oderAktivitäten in unserenCommunities antworten zukönnen, müssen wir davonerst erfahren!Mit dem News-Feed stelltFacebook ein mächtigesInterface zum “Zuhören” zurVerfügung, welches wir alsApplikations-Entwickler nutzenkönnen! die.socialisten.at social network development
    • Social Application Design:ConversationNeu! Der Ticker, ergänzt den News-Feed und ist v.a. für soziale Gesten(“like”, “checkin”, “listen to”, “watching”, “reading”...) geeignet. Neu! die.socialisten.at social network development
    • Social Application Design:ConversationFacebook bietet mit einigen standardisiertenModulen (Plugins) Beispiele dafür, wiepersonalisierter Content einfach angezeigtwerden kann:Activity Feed: zeigt an, welche sozialeGesten innerhalb meiner Community in Bezugauf eine App, Page oder Web-Site gemachtwurden.Recommendations: aggregiertEmpfehlungen/Likes innerhalb meinerCommunity... die.socialisten.at social network development
    • Social Application Design:Conversation“Sprechen”: auf Konversationen die wir beim“Zuhören” entdeckt haben, können wirreagieren, antworten.Ja nieder-schwelliger diese Antwort vonstatten gehen kann, um so besser kommt dieFeedback-Loop in Gang! Facebook bietetmittels “Like”-Mechanismen besonders nieder-schwellige (1-Klick) Antwort-Möglichkeiten!Tipp: erfolgreiche Social Apps bietenBenutzern eigene, domänen-spezifischeResponse-Möglichkeiten an! die.socialisten.at social network development
    • Social Application Design:Conversation“Sprechen”: auf Konversationen, aufdie wir beim “Zuhören” aufmerksamwurden, können wir reagieren in demwir antworten und in die Konversationeinsteigen.Andere Möglichkeiten mit unserenCommunities zu “Sprechen” sindpersönliche Nachrichten,Kommentare, Umfragen, Live-Chats... die.socialisten.at social network development
    • Social Application Design:Conversation“Sprechen”: Beispiel Live-Chat die.socialisten.at social network development
    • Social Application Design:CommunityDie Communities in denen wir uns imRahmen von sozialen Netzwerkenbewegen, vermitteln ihren MitgliedernRelevanz, Vertrauen undVertrautheit.Die ursprünglichste Community aufFacebook sind unsere beidseitigbestätigten Freunde & Kontakte.Darüberhinaus nehmen wir anzahlreichen, teilweiseüberschneidenden Sub-CommunitesTeil: auf Facebook etwa Groups, Pages(bzw. deren Fans). die.socialisten.at social network development
    • Social Application Design:CommunityErfolgreiche soziale Appsberücksichtigen die vorhandenen Infosüber die Community eines speziellenBenutzers, um ihm Inhaltemaßgeschneidert & personalisiertanzubieten. Schlüssel zurPersonalisierung ist dabei der SocialGraph eines Benutzers.Beispiele: Anzeigen, welche Freundeeine App bereits benutzen, oder bereitsFan einer Seite sind. die.socialisten.at social network development
    • Exkurs: Social Graph“Social Graph”: ursprünglich das Netzwerk anBeziehungen, die ein soziales Netzwerk ausmachen.Knoten = PersonenKanten = Beziehungen2011 ist der Social Graph wesentlich komplexer:Firmen, Organisationen, Interessen, Orte die.socialisten.at social network development
    • Social Application Design:CommunityBeispiel: Event-Community Stadtkinder, Anzeige der Aktivitäten& Ausgeh-Pläne meiner Freunde: die.socialisten.at social network development
    • Beispiel: Levi’s Friend Store die.socialisten.at social network development
    • ZusammenfassungWas macht Apps “social”? Identity Conversation CommunityIdentität bildet sich Zuhören und Communitiesdurch Benutzer- Sprechen - verstärkt schaffen Relevanz,Profile und ihre sich im Idealfall in Vertrauen undAttribute, soziale einer Feedback- Vertrautheit.Gesten und user- Schleife. Die meisten Benutzergeneriertem App-Entwickler von sozialen Netz-Content. machen das “Zu- werken sind Mit-Diese Aspekte hören” einfacher, glieder mehererkönnen von App- indem sie relevanten Communities:Entwicklern aufge- (persona-lisierten) Freunde, Pages,griffen werden, etwa Content vor-filtern & Groups.durch domänen- zugänglich machen. App-Entwicklerspezifische Mit nieder- nutzen den SocialAttribute & Gesten. schwelligen sozialen Graph zur Gesten wird die das Personalisierung von “Sprechen” gefördert. Inhalten. die.socialisten.at social network development
    • Continue with Part 2...
    • die.socialisten.at Michael Kamleitner michael.kamleitner@socialisten.atFacebook: facebook.com/michael.kamleitner Twitter: @_subnet