IndieWordPress - WordCamp Frankfurt 2016
-
Upload
matthias-pfefferle -
Category
Technology
-
view
127 -
download
2
Transcript of IndieWordPress - WordCamp Frankfurt 2016
1
1
2
IndieWordPressWarum 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
Matthias Pfefferle"Blogger" seit 2002WordPress seit 2003OpenWeb, DataPortability, IndieWeb seit 2006Mein erstes Plugin 2007Mein erstes Theme 2012Meine erste "Core Contribution" 2015Aktuell: Entwickler bei 1&1 MyWebsite
4
pfefferlepfefferlepfefferlepfefferle
https://github.com/https://twitter.com/
https://profiles.wordpress.org/https://slideshare.net/
5
http:// notizblog.org/
2002
7
Innovationstreiber BlogsSyndication (RSS/Atom/RDF/OPML)Websemantics (Microformats)XML-RPC (MetaWeblog API, Blogping)Pingback/TrackbackOpenIDPodcasting
Usability
Economy
Design
StandardizationRemixability
Convergence
ParticipationWidgets
CollaborationSharing
Pagerank
User Centered
Perpetual Beta
Trust
FOAF
Six Degrees
XFN
Aggregators
VC
Pay Per Click
Modularity
Ruby on Rails
SyndicationSOAP
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
MicroformatsDataDriven
OpenAPIs RSSMobility
VideoAudio
Blogs
Social SoftwareRecommendation
Folksonomy
Web 2.0
8
https://en.wikipedia.org/wiki/Web_2.0
9
https://www.flickr.com/photos/stabilo-boss/93136022/
10
Social Acquisitions2005 Yahoo kauft Flickr (~50 Mio $)2005 Yahoo kauft del.icio.us2005 Yahoo kauft upcoming.org2005 News Corporation kauft MySpace (~580 Mio $)2006 Google kauft YouTube (~1,6 Mrd $)2009 Facebook kauft Friendfeed (~50 Mio $)
11
12
nur eine URLeinfache Anmeldungalle Aktionen an einer Stellezentrale Suchebreiteres Publikum (nicht nur Nerds und Geeks)Text, Videos, Bilder, Spiele, ...kostenlos
Facebook: Lesen
13
Facebook: Kommentieren
14
Weblog: Lesen
15
Weblog: Kommentieren
16
Weblog: Benachrichtigung beineuem Kommentar
17
Weblog: Kommentieren
18
19
Wo bleibt der Vorteil derunabhängigen
Webseiten/Blogs?
20
Facebooks Walled Gardensby David Simonds
21
"open always wins"
22
DiSoDiso (dee • soh) is an initiative to facilitate the
creation of open, non-proprietary andinteroperable building blocks for the
decentralized social web.
Our first target is WordPress, bootstrapping onexisting work and building out from there.
https://diso-project.org
Über 270 DataPortability Artikel auf Mashable und Techcrunch(nur 2008)
23
24
Open Stack
John McCrea - https://www.flickr.com/photos/56624456@N00/2869986857/
25
Gegenbewegung zu Facebook& Co.
2007 DiSo2007 DataPortability2008 Open Web Foundation2008 Open Stack2008 OStatus (Status.NET)2009 Synaptic Web2010 Diaspora2010 Federated Social Web
26
aber...
OpenID Connect
27
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)
29
Architecture Astronautsby Joel Spolsky
When you go too far up, abstraction-wise, yourun out of oxygen. Sometimes smart thinkers justdon't know when to stop, and they create these
absurd, all-encompassing, high-level pictures ofthe universe that are all good and fine, but don't
actually mean anything at all.
http://www.joelonsoftware.com/articles/fog0000000018.html
30
Facebooks Walled Gardensby David Simonds
31
Risikenspontane Änderung der AGBswillkürliches Löschen von Inhalten und Profilenundurchsichtige Privacy EinstellungenVerkauf von Profildaten...Einstellung des Betriebs
32
http://www.zdnet.com/article/facebook-nymwars-disproportionately-outing-lgbt-performers-users-furious/
32
33
http://www.zdnet.com/article/facebook-unethical-untrustworthy-and-now-downright-harmful/
33
34
site deaths2009 Geocities.com (23 Millionen Seiten)2009 Pownce2010 Brightkite2011 Google Buzz2011 tr.im2012 Plazes2013 Upcoming.org2013 Posterous
https://indieweb.org/site-deaths
35
Warum nicht das Beste ausbeiden Welten vereinen?
36
Gegründet 2011 von Aaron Parecki, Tantek Çelik, Amber Caseund Crystal Beasley
36
37
IndieWebCamp - Juni 2011
37
38
IndieWeb PrinzipienOwn 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
39
“I don't care about federation, I care about mycontent, I care about my friends.”
Tantek Çelikhttp://tantek.com/presentations/2014/06/indieweb/?full#care-content-friends
39
40
POSSEPublish (on your) Own Site, Syndicate Elsewhere
https://indieweb.org/POSSE
41
41
42
42
43
4445
PESOSPublish Elsewhere, Syndicate (to your) Own Site
https://indieweb.org/PESOS
46
aber nicht nur neue Aktionen,sondern auch Reaktionen
47
47
48
48
49
Was steckt dahinter?PingbacksMicroformatsund ein bisschen Magie
50
51
Microformats h-card<article class="hentry"> <h1 class="pname">Microformats are amazing</h1> <p>Published by <a class="pauthor hcard" href="http://example.com">W. Developer on <time class="dtpublished" datetime="20130613 12:00:00">13<sup>
<p class="psummary">In which I extoll the virtues of using microformats.
<div class="econtent"> <p>Blah blah blah</p> </div></article>
52
52
53
http://microformats.org/
Magie
54
55
Optional
56
ThemesIndependent Publisher:
MF2_s: SemPress:
https://wordpress.org/themes/independent-publisher/https://github.com/dshanske/mf2_s
https://wordpress.org/themes/sempress/
57
weitere PluginsMicroformats2: Webmentions:
https://github.com/pfefferle/wordpress-uf2https://wordpress.org/plugins/webmention/
58
kurz zu Webmentions
59
Simple und moderne Form von Pingbacks/TrackbacksW3C Candidate Recommendation:http://www.w3.org/TR/webmention/
60
HTTP POST:POST /webmentionendpoint HTTP/1.1Host: aaronpk.exampleContentType: application/xwwwformurlencoded
source=https://waterpigs.example/postbybarnaby&target=https://aaronpk.example/postbyaaron
cURL:curl i d "source=https://waterpigs.example/postbybarnaby&target=https://aaronpk.example/postbyaaron"http://aaronpk.example/webmentionendpoint
60
61
Pingback Example:POST /pingbackendpoint HTTP/1.1Host: aaronpk.exampleContentType: text/xml
<?xml version="1.0" encoding="iso88591"?><methodCall><methodName>pingback.ping</methodName><params> <param> <value> <string>https://waterpigs.example/postbybarnaby</string> </value> </param> <param> <value> <string>https://aaronpk.example/postbyaaron</string> </value> </param>
61
62
62
63
Advanced Mode
64
Likes
65
65
66
66
67
Events/RSVP
68
68
69
69
70
<data class="prsvp" value="no"> I cannot make it next week </data>
70
71
Re-Replies
72
72
73
73
74
Webmention for Commentshttps://github.com/pfefferle/wordpress-webmention-for-comments
75
Was ist mit Reaktion aufsozialen Netzwerken?
76
77
IndieAuth
78
79
79
80
80
81
Github Link<a href="http://notizblog.org" class="url" rel="nofollow me"> http://notizblog.org</a>
82
83
84
OpenID Connect
85
https://wordpress.org/plugins/indieauth/
8687
Fazit
86
88
The lost infrastructure of socialmedia.by Anil Dash
More than a decade ago, the earliest era ofblogging 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 featurescould still be valuable.
https://medium.com/@anildash/the-lost-infrastructure-of-social-media-d2b95662ccd3
89
89
90
90
IndieWeb für WordPresshttp://indieweb.org/wordpresshttps://wordpress.org/plugins/indieweb/
91
92
LinksIndieWeb 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 #indiewebdev on freenode
Questions???
93