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

Facebook

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="h­entry"> <h1 class="p­name">Microformats are amazing</h1> <p>Published by <a class="p­author h­card" href="http://example.com">W. Developer 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>

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 /webmention­endpoint HTTP/1.1Host: aaronpk.exampleContent­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://aaronpk.example/post­by­aaron"http://aaronpk.example/webmention­endpoint

60

61

Pingback Example:POST /pingback­endpoint HTTP/1.1Host: aaronpk.exampleContent­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>

61

62

62

63

Advanced Mode

64

Likes

65

65

66

66

67

Events/RSVP

68

68

69

69

70

<data class="p­rsvp" 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 #indieweb­dev on freenode

Questions???

93