thanks for the ad(d).“Entwicklung von Social-Web-Applikationen auf      Facebook und anderen Plattformen”          E-Day 2...
About:Michael KamleitnerGründer & Geschäftsführer von “Die Socialisten”"Die Socialisten" sind eine Wiener Software-Agentur...
Content:Einführung: Social Software Plattformen & Apps- Web-basierte Software-Plattformen - Definition & Typologie- Social ...
Applikationen?Apps?Plattformen?- Benutzen Sie persönlich Facebook?- Haben Sie schon Facebook-Apps benutzt?- Wenn ja, welch...
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: WP...
Web-basierte Software-Plattformen - Definition &        Typologie
From: Social Networkto: Social PlatformWas unterscheidet Facebook eigentlich von herkömmlichenSocial Networks wie MySpace,...
Typologie:Web-basierte PlattformenMarc Andreessen:“A Platform is a system that can be programmed and thereforcustomized by...
Typologie:Web-basierte PlattformenLevel 1 - Access-API*: Die Plattform bietet Zugriffsmöglichkeiten(“Access”) nach aussen ...
Typologie: Web-basierte PlattformenLevel 1 - Access-API: Beispiel Flickr                                           API    ...
Typologie:Web-basierte PlattformenLevel 1 - Access-API: Beispiel Twitter                                         API      ...
Typologie:Web-basierte PlattformenLevel 1 - Access-API: Beispiel Twitter                                         API      ...
Typologie:Web-basierte PlattformenLevel 2 - Plugin-API: Die Plattform bietet Entwicklern dieMöglichkeit, ihre Anwendungen ...
Typologie:Web-basierte PlattformenLevel 2 - Plugin-API: Facebook                                 Plattform-”Rahmen”       ...
Typologie:Web-basierte PlattformenLevel 3 - Runtime Environment: Die Plattform bietetEntwicklern die Möglichkeit, den Code...
Typologie:Web-basierte PlattformenLevel 3 - Runtime Environment: Salesforce Plattform-”Rahmen”                 3rd Party A...
Typologie:Web-basierte PlattformenLevel 1-3:Google App Engine, Google+, Google APIs   Level 3               App Engine bie...
ZusammenfassungWas sind Plattformen, Apps?  3rd Party-Developer                              Apps  (Zynga, Die Socialisten...
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...
Social Application Design
Social Application DesignWie wird eine Web-Applikation eigentlich “social”?Beim “Social Application Design” beachtet man d...
Social Application Design:IdentityDie Gestaltung der eigenen, digitalenIdentität ist eine besonders starkeMotivation für M...
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...
Social Application Design:IdentityEbenso wichtig ist es für erfolgreichesoziale Apps, dem Benutzer spezielle,domänen-relev...
Social Application Design:IdentityAuch User-generatedContent, wie etwahochgeladene Photos oderVideos, Kommentare, Foren-Be...
Social Application Design:ConversationKonversationen sind der Pulsschlag einessozialen Netzwerks und gestaltendarüberhinau...
Social Application Design:Conversation“Zuhören”: um aufKonversationen oderAktivitäten in unserenCommunities antworten zukö...
Social Application Design:ConversationNeu! Der Ticker, ergänzt den News-Feed und ist v.a. für soziale Gesten(“like”, “chec...
Social Application Design:ConversationFacebook bietet mit einigen standardisiertenModulen (Plugins) Beispiele dafür, wiepe...
Social Application Design:Conversation“Sprechen”: auf Konversationen die wir beim“Zuhören” entdeckt haben, können wirreagi...
Social Application Design:Conversation“Sprechen”: auf Konversationen, aufdie wir beim “Zuhören” aufmerksamwurden, können w...
Social Application Design:Conversation“Sprechen”: Beispiel Live-Chat                                         die.socialist...
Social Application Design:CommunityDie Communities in denen wir uns imRahmen von sozialen Netzwerkenbewegen, vermitteln ih...
Social Application Design:CommunityErfolgreiche soziale Appsberücksichtigen die vorhandenen Infosüber die Community eines ...
Exkurs: Social Graph“Social Graph”: ursprünglich das Netzwerk anBeziehungen, die ein soziales Netzwerk ausmachen.Knoten = ...
Social Application Design:CommunityBeispiel: Event-Community Stadtkinder, Anzeige der Aktivitäten& Ausgeh-Pläne meiner Fre...
Beispiel: Levi’s Friend Store                                        die.socialisten.at                                soc...
ZusammenfassungWas macht Apps “social”?     Identity            Conversation             CommunityIdentität bildet sich   ...
Continue with Part 2...
die.socialisten.at          Michael Kamleitner   michael.kamleitner@socialisten.atFacebook: facebook.com/michael.kamleitne...
Upcoming SlideShare
Loading in...5
×

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

655

Published on

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

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
655
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
8
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

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

  1. 1. thanks for the ad(d).“Entwicklung von Social-Web-Applikationen auf Facebook und anderen Plattformen” E-Day 2011 / IT Carinthia- Part 1
  2. 2. 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
  3. 3. 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
  4. 4. 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
  5. 5. Hands on:1. Let’s connect!
  6. 6. 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
  7. 7. Web-basierte Software-Plattformen - Definition & Typologie
  8. 8. 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
  9. 9. 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
  10. 10. 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
  11. 11. Typologie: Web-basierte PlattformenLevel 1 - Access-API: Beispiel Flickr API flickr.com/photos/austrianairlines www.red-blog.at die.socialisten.at social network development
  12. 12. Typologie:Web-basierte PlattformenLevel 1 - Access-API: Beispiel Twitter API twitter.com TweetDeck - 3rd Party Client die.socialisten.at social network development
  13. 13. Typologie:Web-basierte PlattformenLevel 1 - Access-API: Beispiel Twitter API twitter.com TweetDeck - 3rd Party Client die.socialisten.at social network development
  14. 14. 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
  15. 15. 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
  16. 16. 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
  17. 17. Typologie:Web-basierte PlattformenLevel 3 - Runtime Environment: Salesforce Plattform-”Rahmen” 3rd Party Applikation salesforce.com salesforce.com (!) die.socialisten.at social network development
  18. 18. 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
  19. 19. 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
  20. 20. Hands on:2. Analyse von Social Web APIs
  21. 21. 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
  22. 22. Social Application Design
  23. 23. 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
  24. 24. 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
  25. 25. die.socialisten.atsocial network development
  26. 26. die.socialisten.atsocial network development
  27. 27. die.socialisten.atsocial network development
  28. 28. 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
  29. 29. 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
  30. 30. 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
  31. 31. 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
  32. 32. 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
  33. 33. 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
  34. 34. 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
  35. 35. 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
  36. 36. 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
  37. 37. Social Application Design:Conversation“Sprechen”: Beispiel Live-Chat die.socialisten.at social network development
  38. 38. 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
  39. 39. 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
  40. 40. 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
  41. 41. Social Application Design:CommunityBeispiel: Event-Community Stadtkinder, Anzeige der Aktivitäten& Ausgeh-Pläne meiner Freunde: die.socialisten.at social network development
  42. 42. Beispiel: Levi’s Friend Store die.socialisten.at social network development
  43. 43. 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
  44. 44. Continue with Part 2...
  45. 45. die.socialisten.at Michael Kamleitner michael.kamleitner@socialisten.atFacebook: facebook.com/michael.kamleitner Twitter: @_subnet
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×