Soziale Netzwerke haben meistens nur eine begrenzte Lebenszeit. Posterous wurde von Twitter gekauft und eingestellt, Google Buzz durch Google Plus ersetzt und MySpace hat seine Blogging-Plattform geschlossen. Alleine mit Geocities wurden 2009 knapp 23 Millionen Seiten unwiderruflich vom Netz genommen. Jeder dieser Schritte ist mit einem Datenverlust verbunden. Die IndieWeb Bewegung versucht diesem Trend entgegen zu wirken. Inhalte werden nur noch auf der eigenen Seite veröffentlicht und erst dann über die Socialen Netzwerke geteilt. Aber nicht nur Artikel, sondern auch Bilder, Videos und Kommentare. WordPress bietet ideale Voraussetzungen um sich unabhängig von den sozialen Medien zu machen und dennoch dessen Vorteile und Reichweite zu nutzen. Welche Möglichkeiten gibt es aktuell, um Inhalte automatisch zu teilen oder Reaktionen im Netz einzusammeln und wie lässt sich mit WordPress eine Art dezentrales Social Network bauen.

2. 1
2
IndieWordPress
Warum haben soziale Netzwerke hat Facebook die privaten
Webseiten/Weblogs verdrängt?
Was spricht dennoch für das private Weblog?
Wie kann man das Beste aus beiden Welten verbinden?
...und was ist mit WordPress?

3. 3
Matthias Pfefferle
"Blogger" seit 2002
WordPress seit 2003
OpenWeb, DataPortability, IndieWeb seit 2006
Mein erstes Plugin 2007
Mein erstes Theme 2012
Meine erste "Core Contribution" 2015
Aktuell: Entwickler bei 1&1 MyWebsite

4. 4
pfefferle
pfefferle
pfefferle
pfefferle
https://github.com/
https://twitter.com/
https://profiles.wordpress.org/
https://slideshare.net/

5. 5
http:// notizblog.org/

6. 2002

7. 7
Innovationstreiber Blogs
Syndication (RSS/Atom/RDF/OPML)
Websemantics (Microformats)
XML-RPC (MetaWeblog API, Blogping)
Pingback/Trackback
OpenID
Podcasting

8. Usability
Economy
Design
StandardizationRemixability
Convergence
Participation
Widgets
CollaborationSharing
Pagerank
User Centered
Perpetual Beta
Trust
FOAF
Six Degrees
XFN
Aggregators
VC
Pay Per Click
Modularity
Ruby on Rails
Syndication
SOAP
REST
SEO
IM
XHTML
Accessibility
Semantic
XML
UMTS
Videocasting Podcasting
SVGAtom
Browser
OpenID
Wikis
Simplicity
Joy of Use
AJAX
The Long Tail
Affiliation
CSS
Web Standards
Microformats
DataDriven
OpenAPIs RSS
Mobility
VideoAudio
Blogs
Social SoftwareRecommendation
Folksonomy
Web 2.0
8
https://en.wikipedia.org/wiki/Web_2.0

9. 9
https://www.flickr.com/photos/stabilo-boss/93136022/

10. 10
Social Acquisitions
2005 Yahoo kauft Flickr (~50 Mio $)
2005 Yahoo kauft del.icio.us
2005 Yahoo kauft upcoming.org
2005 News Corporation kauft MySpace (~580 Mio $)
2006 Google kauft YouTube (~1,6 Mrd $)
2009 Facebook kauft Friendfeed (~50 Mio $)

11. 11
Facebook

12. 12
nur eine URL
einfache Anmeldung
alle Aktionen an einer Stelle
zentrale Suche
breiteres Publikum (nicht nur Nerds und Geeks)
Text, Videos, Bilder, Spiele, ...
kostenlos

13. Facebook: Lesen

14. 13

15. Facebook: Kommentieren

16. 14

17. Weblog: Lesen

18. 15
Weblog: Kommentieren

19. 16

20. Weblog: Benachrichtigung bei
neuem Kommentar

21. 17

22. Weblog: Kommentieren

23. 18

24. 19
Wo bleibt der Vorteil der
unabhängigen
Webseiten/Blogs?

25. 20
Facebooks Walled Gardens
by David Simonds

26. 21
"open always wins"

27. 22
DiSo
Diso (dee • soh) is an initiative to facilitate the
creation of open, non-proprietary and
interoperable building blocks for the
decentralized social web.
Our first target is WordPress, bootstrapping on
existing work and building out from there.
https://diso-project.org

28. Über 270 DataPortability Artikel auf Mashable und Techcrunch
(nur 2008)

29. 23
24
Open Stack
John McCrea - https://www.flickr.com/photos/56624456@N00/2869986857/

30. 25
Gegenbewegung zu Facebook
& Co.
2007 DiSo
2007 DataPortability
2008 Open Web Foundation
2008 Open Stack
2008 OStatus (Status.NET)
2009 Synaptic Web
2010 Diaspora
2010 Federated Social Web

31. 26
aber...

32. OpenID Connect

33. 27

34. 28
Facebook Connect
FB.login(function(response) {
if (response.status === 'connected') {
// Logged into your app and Facebook.
} else if (response.status === 'not_authorized') {
// The person is logged into Facebook, but not your app.
} else {
// The person is not logged into Facebook, so we're not sure if
// they are logged into this app or not.
}
});
(und JavaScript)

35. 29
Architecture Astronauts
by Joel Spolsky
When you go too far up, abstraction-wise, you
run out of oxygen. Sometimes smart thinkers just
don't know when to stop, and they create these
absurd, all-encompassing, high-level pictures of
the universe that are all good and fine, but don't
actually mean anything at all.
http://www.joelonsoftware.com/articles/fog0000000018.html

36. 30
Facebooks Walled Gardens
by David Simonds

37. 31
Risiken
spontane Änderung der AGBs
willkürliches Löschen von Inhalten und Profilen
undurchsichtige Privacy Einstellungen
Verkauf von Profildaten
...
Einstellung des Betriebs

39. http://www.zdnet.com/article/facebook-nymwars-disproportionately-outing-lgbt-performers-users-furious/

40. 32

41. http://www.zdnet.com/article/facebook-unethical-untrustworthy-and-now-downright-harmful/

42. 33
34
site deaths
2009 Geocities.com (23 Millionen Seiten)
2009 Pownce
2010 Brightkite
2011 Google Buzz
2011 tr.im
2012 Plazes
2013 Upcoming.org
2013 Posterous
https://indieweb.org/site-deaths

43. 35
Warum nicht das Beste aus
beiden Welten vereinen?

44. Gegründet 2011 von Aaron Parecki, Tantek Çelik, Amber Case
und Crystal Beasley

45. 36
IndieWebCamp - Juni 2011

46. 37
38
IndieWeb Prinzipien
Own your data.
Use visible data for humans first, machines second.
Build tools for yourself, not for all of your friends.
Eat your own dogfood.
...
https://indieweb.org/principles

47. “I don't care about federation, I care about my
content, I care about my friends.”
Tantek Çelik
http://tantek.com/presentations/2014/06/indieweb/?full#care-content-friends

48. 39
40
POSSE
Publish (on your) Own Site, Syndicate Elsewhere
https://indieweb.org/POSSE

50. 41

51. 42

53. 4445
PESOS
Publish Elsewhere, Syndicate (to your) Own Site
https://indieweb.org/PESOS

54. 46
aber nicht nur neue Aktionen,
sondern auch Reaktionen

56. 47

57. 48
49
Was steckt dahinter?
Pingbacks
Microformats
und ein bisschen Magie

59. 50
51
Microformats h-card
<article class="h­entry">
<h1 class="p­name">Microformats are amazing</h1>
<p>Published by <a class="p­author h­card" href="http://example.com">W. Develop
on <time class="dt­published" datetime="2013­06­13 12:00:00">13<sup>
<p class="p­summary">In which I extoll the virtues of using microformats.
<div class="e­content">
<p>Blah blah blah</p>
</div>
</article>

61. 52
53
http://microformats.org/

62. Magie

63. 54
55
Optional

64. 56
Themes
Independent Publisher:
MF2_s:
SemPress:
https://wordpress.org/themes/independent-publisher/
https://github.com/dshanske/mf2_s
https://wordpress.org/themes/sempress/

65. 57
weitere Plugins
Microformats2:
Webmentions:
https://github.com/pfefferle/wordpress-uf2
https://wordpress.org/plugins/webmention/

66. 58
kurz zu Webmentions

67. 59
Simple und moderne Form von Pingbacks/Trackbacks
W3C Candidate Recommendation:
http://www.w3.org/TR/webmention/

68. HTTP POST:
POST /webmention­endpoint HTTP/1.1
Host: aaronpk.example
Content­Type: application/x­www­form­urlencoded
source=https://waterpigs.example/post­by­barnaby&
target=https://aaronpk.example/post­by­aaron
cURL:
curl ­i ­d "source=https://waterpigs.example/post­by­barnaby&target=https://aaron
http://aaronpk.example/webmention­endpoint

69. 60
Pingback Example:
POST /pingback­endpoint HTTP/1.1
Host: aaronpk.example
Content­Type: text/xml
<?xml version="1.0" encoding="iso­8859­1"?>
<methodCall>
<methodName>pingback.ping</methodName>
<params>
<param>
<value>
<string>https://waterpigs.example/post­by­barnaby</string>
</value>
</param>
<param>
<value>
<string>https://aaronpk.example/post­by­aaron</string>
</value>
</param>

70. 61

71. 62
63
Advanced Mode

72. 64
Likes

74. 65

75. 66
67
Events/RSVP

77. 68

78. 69
<data class="p­rsvp" value="no">
I cannot make it next week ☹
</data>

79. 70
71
Re-Replies

81. 72

82. 73
74
Webmention for Comments
https://github.com/pfefferle/wordpress-webmention-for-comments

83. 75
Was ist mit Reaktion auf
sozialen Netzwerken?

85. 76

86. 77
IndieAuth

87. 78

89. 79

90. 80
81
Github Link
<a href="http://notizblog.org" class="url" rel="nofollow me">
http://notizblog.org
</a>

92. 82

93. 83

94. 84
OpenID Connect

95. 85

96. https://wordpress.org/plugins/indieauth/

97. 87
Fazit

98. 86
88
The lost infrastructure of social
media.
by Anil Dash
More than a decade ago, the earliest era of
blogging provided a set of separate but related
technologies that helped the nascent form thrive.
Today, most have faded away and been
forgotten, but new incarnations of these features
could still be valuable.
https://medium.com/@anildash/the-lost-infrastructure-of-social-media-d2b95662ccd3

100. 89

101. 90
IndieWeb für WordPress
http://indieweb.org/wordpress
https://wordpress.org/plugins/indieweb/

102. 91

103. 92
Links
IndieWeb Wiki:
IndieWeb Github:
Präsentation (Sources):
Präsentation:
https://indieweb.org/
https://github.com/indieweb
https://github.com/pfefferle/wcfra-2016-
talk
https://pfefferle.github.io/wcfra-2016-talk/
#indieweb and #indieweb­dev on freenode

104. Questions???

105. 93