IndieWordPress - WordCamp Frankfurt 2016

105
1

Transcript of IndieWordPress - WordCamp Frankfurt 2016

Page 1: IndieWordPress - WordCamp Frankfurt 2016

1

Page 2: IndieWordPress - WordCamp Frankfurt 2016

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?

Page 3: IndieWordPress - WordCamp Frankfurt 2016

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

Page 4: IndieWordPress - WordCamp Frankfurt 2016

4

pfefferlepfefferlepfefferlepfefferle

https://github.com/https://twitter.com/

https://profiles.wordpress.org/https://slideshare.net/

Page 5: IndieWordPress - WordCamp Frankfurt 2016

5

http:// notizblog.org/

Page 6: IndieWordPress - WordCamp Frankfurt 2016

2002

Page 7: IndieWordPress - WordCamp Frankfurt 2016

7

Innovationstreiber BlogsSyndication (RSS/Atom/RDF/OPML)Websemantics (Microformats)XML-RPC (MetaWeblog API, Blogping)Pingback/TrackbackOpenIDPodcasting

Page 8: IndieWordPress - WordCamp Frankfurt 2016

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

Page 9: IndieWordPress - WordCamp Frankfurt 2016

9

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

Page 10: IndieWordPress - WordCamp Frankfurt 2016

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 $)

Page 11: IndieWordPress - WordCamp Frankfurt 2016

11

Facebook

Page 12: IndieWordPress - WordCamp Frankfurt 2016

12

nur eine URLeinfache Anmeldungalle Aktionen an einer Stellezentrale Suchebreiteres Publikum (nicht nur Nerds und Geeks)Text, Videos, Bilder, Spiele, ...kostenlos

Page 13: IndieWordPress - WordCamp Frankfurt 2016

Facebook: Lesen

Page 14: IndieWordPress - WordCamp Frankfurt 2016

13

Page 15: IndieWordPress - WordCamp Frankfurt 2016

Facebook: Kommentieren

Page 16: IndieWordPress - WordCamp Frankfurt 2016

14

Page 17: IndieWordPress - WordCamp Frankfurt 2016

Weblog: Lesen

Page 18: IndieWordPress - WordCamp Frankfurt 2016

15

Weblog: Kommentieren

Page 19: IndieWordPress - WordCamp Frankfurt 2016

16

Page 20: IndieWordPress - WordCamp Frankfurt 2016

Weblog: Benachrichtigung beineuem Kommentar

Page 21: IndieWordPress - WordCamp Frankfurt 2016

17

Page 22: IndieWordPress - WordCamp Frankfurt 2016

Weblog: Kommentieren

Page 23: IndieWordPress - WordCamp Frankfurt 2016

18

Page 24: IndieWordPress - WordCamp Frankfurt 2016

19

Wo bleibt der Vorteil derunabhängigen

Webseiten/Blogs?

Page 25: IndieWordPress - WordCamp Frankfurt 2016

20

Facebooks Walled Gardensby David Simonds

Page 26: IndieWordPress - WordCamp Frankfurt 2016

21

"open always wins"

Page 27: IndieWordPress - WordCamp Frankfurt 2016

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

Page 28: IndieWordPress - WordCamp Frankfurt 2016

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

Page 29: IndieWordPress - WordCamp Frankfurt 2016

23

24

Open Stack

John McCrea - https://www.flickr.com/photos/56624456@N00/2869986857/

Page 30: IndieWordPress - WordCamp Frankfurt 2016

25

Gegenbewegung zu Facebook& Co.

2007 DiSo2007 DataPortability2008 Open Web Foundation2008 Open Stack2008 OStatus (Status.NET)2009 Synaptic Web2010 Diaspora2010 Federated Social Web

Page 31: IndieWordPress - WordCamp Frankfurt 2016

26

aber...

Page 32: IndieWordPress - WordCamp Frankfurt 2016

OpenID Connect

Page 33: IndieWordPress - WordCamp Frankfurt 2016

27

Page 34: IndieWordPress - WordCamp Frankfurt 2016

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)

Page 35: IndieWordPress - WordCamp Frankfurt 2016

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

Page 36: IndieWordPress - WordCamp Frankfurt 2016

30

Facebooks Walled Gardensby David Simonds

Page 37: IndieWordPress - WordCamp Frankfurt 2016

31

Risikenspontane Änderung der AGBswillkürliches Löschen von Inhalten und Profilenundurchsichtige Privacy EinstellungenVerkauf von Profildaten...Einstellung des Betriebs

Page 38: IndieWordPress - WordCamp Frankfurt 2016
Page 39: IndieWordPress - WordCamp Frankfurt 2016

32

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

Page 40: IndieWordPress - WordCamp Frankfurt 2016

32

Page 41: IndieWordPress - WordCamp Frankfurt 2016

33

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

Page 42: IndieWordPress - WordCamp Frankfurt 2016

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

Page 43: IndieWordPress - WordCamp Frankfurt 2016

35

Warum nicht das Beste ausbeiden Welten vereinen?

Page 44: IndieWordPress - WordCamp Frankfurt 2016

36

Gegründet 2011 von Aaron Parecki, Tantek Çelik, Amber Caseund Crystal Beasley

Page 45: IndieWordPress - WordCamp Frankfurt 2016

36

37

IndieWebCamp - Juni 2011

Page 46: IndieWordPress - WordCamp Frankfurt 2016

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

Page 47: IndieWordPress - WordCamp Frankfurt 2016

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

Page 48: IndieWordPress - WordCamp Frankfurt 2016

39

40

POSSEPublish (on your) Own Site, Syndicate Elsewhere

https://indieweb.org/POSSE

Page 49: IndieWordPress - WordCamp Frankfurt 2016

41

Page 50: IndieWordPress - WordCamp Frankfurt 2016

41

42

Page 51: IndieWordPress - WordCamp Frankfurt 2016

42

43

Page 52: IndieWordPress - WordCamp Frankfurt 2016
Page 53: IndieWordPress - WordCamp Frankfurt 2016

4445

PESOSPublish Elsewhere, Syndicate (to your) Own Site

https://indieweb.org/PESOS

Page 54: IndieWordPress - WordCamp Frankfurt 2016

46

aber nicht nur neue Aktionen,sondern auch Reaktionen

Page 55: IndieWordPress - WordCamp Frankfurt 2016

47

Page 56: IndieWordPress - WordCamp Frankfurt 2016

47

48

Page 57: IndieWordPress - WordCamp Frankfurt 2016

48

49

Was steckt dahinter?PingbacksMicroformatsund ein bisschen Magie

Page 58: IndieWordPress - WordCamp Frankfurt 2016
Page 59: IndieWordPress - WordCamp Frankfurt 2016

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>

Page 60: IndieWordPress - WordCamp Frankfurt 2016

52

Page 61: IndieWordPress - WordCamp Frankfurt 2016

52

53

http://microformats.org/

Page 62: IndieWordPress - WordCamp Frankfurt 2016

Magie

Page 63: IndieWordPress - WordCamp Frankfurt 2016

54

55

Optional

Page 64: IndieWordPress - WordCamp Frankfurt 2016

56

ThemesIndependent Publisher:

MF2_s: SemPress:

https://wordpress.org/themes/independent-publisher/https://github.com/dshanske/mf2_s

https://wordpress.org/themes/sempress/

Page 65: IndieWordPress - WordCamp Frankfurt 2016

57

weitere PluginsMicroformats2: Webmentions:

https://github.com/pfefferle/wordpress-uf2https://wordpress.org/plugins/webmention/

Page 66: IndieWordPress - WordCamp Frankfurt 2016

58

kurz zu Webmentions

Page 67: IndieWordPress - WordCamp Frankfurt 2016

59

Simple und moderne Form von Pingbacks/TrackbacksW3C Candidate Recommendation:http://www.w3.org/TR/webmention/

Page 68: IndieWordPress - WordCamp Frankfurt 2016

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

Page 69: IndieWordPress - WordCamp Frankfurt 2016

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>

Page 70: IndieWordPress - WordCamp Frankfurt 2016

61

62

Page 71: IndieWordPress - WordCamp Frankfurt 2016

62

63

Advanced Mode

Page 72: IndieWordPress - WordCamp Frankfurt 2016

64

Likes

Page 73: IndieWordPress - WordCamp Frankfurt 2016

65

Page 74: IndieWordPress - WordCamp Frankfurt 2016

65

66

Page 75: IndieWordPress - WordCamp Frankfurt 2016

66

67

Events/RSVP

Page 76: IndieWordPress - WordCamp Frankfurt 2016

68

Page 77: IndieWordPress - WordCamp Frankfurt 2016

68

69

Page 78: IndieWordPress - WordCamp Frankfurt 2016

69

70

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

Page 79: IndieWordPress - WordCamp Frankfurt 2016

70

71

Re-Replies

Page 80: IndieWordPress - WordCamp Frankfurt 2016

72

Page 81: IndieWordPress - WordCamp Frankfurt 2016

72

73

Page 82: IndieWordPress - WordCamp Frankfurt 2016

73

74

Webmention for Commentshttps://github.com/pfefferle/wordpress-webmention-for-comments

Page 83: IndieWordPress - WordCamp Frankfurt 2016

75

Was ist mit Reaktion aufsozialen Netzwerken?

Page 84: IndieWordPress - WordCamp Frankfurt 2016
Page 85: IndieWordPress - WordCamp Frankfurt 2016

76

Page 86: IndieWordPress - WordCamp Frankfurt 2016

77

IndieAuth

Page 87: IndieWordPress - WordCamp Frankfurt 2016

78

Page 88: IndieWordPress - WordCamp Frankfurt 2016

79

Page 89: IndieWordPress - WordCamp Frankfurt 2016

79

80

Page 90: IndieWordPress - WordCamp Frankfurt 2016

80

81

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

Page 91: IndieWordPress - WordCamp Frankfurt 2016
Page 92: IndieWordPress - WordCamp Frankfurt 2016

82

Page 93: IndieWordPress - WordCamp Frankfurt 2016

83

Page 94: IndieWordPress - WordCamp Frankfurt 2016

84

OpenID Connect

Page 95: IndieWordPress - WordCamp Frankfurt 2016

85

Page 96: IndieWordPress - WordCamp Frankfurt 2016

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

Page 97: IndieWordPress - WordCamp Frankfurt 2016

8687

Fazit

Page 98: IndieWordPress - WordCamp Frankfurt 2016

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

Page 99: IndieWordPress - WordCamp Frankfurt 2016

89

Page 100: IndieWordPress - WordCamp Frankfurt 2016

89

90

Page 101: IndieWordPress - WordCamp Frankfurt 2016

90

IndieWeb für WordPresshttp://indieweb.org/wordpresshttps://wordpress.org/plugins/indieweb/

Page 102: IndieWordPress - WordCamp Frankfurt 2016

91

Page 103: IndieWordPress - WordCamp Frankfurt 2016

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

Page 104: IndieWordPress - WordCamp Frankfurt 2016

Questions???

Page 105: IndieWordPress - WordCamp Frankfurt 2016

93