Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.
1
2
IndieWordPress
Warum haben soziale Netzwerke hat Facebook die privaten
Webseiten/Weblogs verdrängt?
Was spricht dennoc...
3
Matthias Pfefferle
"Blogger" seit 2002
WordPress seit 2003
OpenWeb, DataPortability, IndieWeb seit 2006
Mein erstes Plug...
4
pfefferle
pfefferle
pfefferle
pfefferle
https://github.com/
https://twitter.com/
https://profiles.wordpress.org/
https:/...
5
http:// notizblog.org/
2002
7
Innovationstreiber Blogs
Syndication (RSS/Atom/RDF/OPML)
Websemantics (Microformats)
XML-RPC (MetaWeblog API, Blogping)
...
Usability
Economy
Design
StandardizationRemixability
Convergence
Participation
Widgets
CollaborationSharing
Pagerank
User ...
9
https://www.flickr.com/photos/stabilo-boss/93136022/
10
Social Acquisitions
2005 Yahoo kauft Flickr (~50 Mio $)
2005 Yahoo kauft del.icio.us
2005 Yahoo kauft upcoming.org
2005...
11
Facebook
12
nur eine URL
einfache Anmeldung
alle Aktionen an einer Stelle
zentrale Suche
breiteres Publikum (nicht nur Nerds und Ge...
Facebook: Lesen
13
Facebook: Kommentieren
14
Weblog: Lesen
15
Weblog: Kommentieren
16
Weblog: Benachrichtigung bei
neuem Kommentar
17
Weblog: Kommentieren
18
19
Wo bleibt der Vorteil der
unabhängigen
Webseiten/Blogs?
20
Facebooks Walled Gardens
by David Simonds
21
"open always wins"
22
DiSo
Diso (dee • soh) is an initiative to facilitate the
creation of open, non-proprietary and
interoperable building b...
Ü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 DiSo
2007 DataPortability
2008 Open Web Foundation
2008 Open Stack
2008 OStatus (S...
26
aber...
OpenID Connect
27
28
Facebook Connect
FB.login(function(response) {
  if (response.status === 'connected') {
    // Logged into your app and...
29
Architecture Astronauts
by Joel Spolsky
When you go too far up, abstraction-wise, you
run out of oxygen. Sometimes smar...
30
Facebooks Walled Gardens
by David Simonds
31
Risiken
spontane Änderung der AGBs
willkürliches Löschen von Inhalten und Profilen
undurchsichtige Privacy Einstellunge...
http://www.zdnet.com/article/facebook-nymwars-disproportionately-outing-lgbt-performers-users-furious/
32
http://www.zdnet.com/article/facebook-unethical-untrustworthy-and-now-downright-harmful/
33
34
site deaths
2009 Geocities.com (23 Millionen Seiten)
2009 Pownce
2010 Brightkite
2011 Google Buzz
2011 tr.im
2012 Pl...
35
Warum nicht das Beste aus
beiden Welten vereinen?
Gegründet 2011 von Aaron Parecki, Tantek Çelik, Amber Case
und Crystal Beasley
36
IndieWebCamp - Juni 2011
37
38
IndieWeb Prinzipien
Own your data.
Use visible data for humans first, machines second.
Build tools for yourself, not...
“I don't care about federation, I care about my
content, I care about my friends.”
Tantek Çelik
http://tantek.com/presenta...
39
40
POSSE
Publish (on your) Own Site, Syndicate Elsewhere
https://indieweb.org/POSSE
41
42
4445
PESOS
Publish Elsewhere, Syndicate (to your) Own Site
https://indieweb.org/PESOS
46
aber nicht nur neue Aktionen,
sondern auch Reaktionen
47
48
49
Was steckt dahinter?
Pingbacks
Microformats
und ein bisschen Magie
50
51
Microformats h-card
<article class="h­entry">
  <h1 class="p­name">Microformats are amazing</h1>
  <p>Published by <...
52
53
http://microformats.org/
Magie
54
55
Optional
56
Themes
Independent Publisher:
MF2_s:
SemPress:
https://wordpress.org/themes/independent-publisher/
https://github.com/d...
57
weitere Plugins
Microformats2:
Webmentions:
https://github.com/pfefferle/wordpress-uf2
https://wordpress.org/plugins/we...
58
kurz zu Webmentions
59
Simple und moderne Form von Pingbacks/Trackbacks
W3C Candidate Recommendation:
http://www.w3.org/TR/webmention/
HTTP POST:
POST /webmention­endpoint HTTP/1.1
Host: aaronpk.example
Content­Type: application/x­www­form­urlencoded
source...
60
Pingback Example:
POST /pingback­endpoint HTTP/1.1
Host: aaronpk.example
Content­Type: text/xml
<?xml version="1.0" enc...
61
62
63
Advanced Mode
64
Likes
65
66
67
Events/RSVP
68
69
<data class="p­rsvp" value="no">
    I cannot make it next week ☹
</data>
70
71
Re-Replies
72
73
74
Webmention for Comments
https://github.com/pfefferle/wordpress-webmention-for-comments
75
Was ist mit Reaktion auf
sozialen Netzwerken?
76
77
IndieAuth
78
79
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/
87
Fazit
86
88
The lost infrastructure of social
media.
by Anil Dash
More than a decade ago, the earliest era of
blogging provided ...
89
90
IndieWeb für WordPress
http://indieweb.org/wordpress
https://wordpress.org/plugins/indieweb/
91
92
Links
IndieWeb Wiki:
IndieWeb Github:
Präsentation (Sources):
Präsentation:
https://indieweb.org/
https://github.com/in...
Questions???
93
IndieWordPress - WordCamp Frankfurt 2016
IndieWordPress - WordCamp Frankfurt 2016
IndieWordPress - WordCamp Frankfurt 2016
IndieWordPress - WordCamp Frankfurt 2016
IndieWordPress - WordCamp Frankfurt 2016
IndieWordPress - WordCamp Frankfurt 2016
IndieWordPress - WordCamp Frankfurt 2016
IndieWordPress - WordCamp Frankfurt 2016
IndieWordPress - WordCamp Frankfurt 2016
IndieWordPress - WordCamp Frankfurt 2016
IndieWordPress - WordCamp Frankfurt 2016
IndieWordPress - WordCamp Frankfurt 2016
IndieWordPress - WordCamp Frankfurt 2016
IndieWordPress - WordCamp Frankfurt 2016
Nächste SlideShare
Wird geladen in …5
×

IndieWordPress - WordCamp Frankfurt 2016

139 Aufrufe

Veröffentlicht am

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.

Veröffentlicht in: Technologie
  • Als Erste(r) kommentieren

  • Gehören Sie zu den Ersten, denen das gefällt!

IndieWordPress - WordCamp Frankfurt 2016

  1. 1. 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?
  2. 2. 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
  3. 3. 4 pfefferle pfefferle pfefferle pfefferle https://github.com/ https://twitter.com/ https://profiles.wordpress.org/ https://slideshare.net/
  4. 4. 5 http:// notizblog.org/
  5. 5. 2002
  6. 6. 7 Innovationstreiber Blogs Syndication (RSS/Atom/RDF/OPML) Websemantics (Microformats) XML-RPC (MetaWeblog API, Blogping) Pingback/Trackback OpenID Podcasting
  7. 7. 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
  8. 8. 9 https://www.flickr.com/photos/stabilo-boss/93136022/
  9. 9. 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 $)
  10. 10. 11 Facebook
  11. 11. 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
  12. 12. Facebook: Lesen
  13. 13. 13
  14. 14. Facebook: Kommentieren
  15. 15. 14
  16. 16. Weblog: Lesen
  17. 17. 15 Weblog: Kommentieren
  18. 18. 16
  19. 19. Weblog: Benachrichtigung bei neuem Kommentar
  20. 20. 17
  21. 21. Weblog: Kommentieren
  22. 22. 18
  23. 23. 19 Wo bleibt der Vorteil der unabhängigen Webseiten/Blogs?
  24. 24. 20 Facebooks Walled Gardens by David Simonds
  25. 25. 21 "open always wins"
  26. 26. 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
  27. 27. Über 270 DataPortability Artikel auf Mashable und Techcrunch (nur 2008)
  28. 28. 23 24 Open Stack John McCrea - https://www.flickr.com/photos/56624456@N00/2869986857/
  29. 29. 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
  30. 30. 26 aber...
  31. 31. OpenID Connect
  32. 32. 27
  33. 33. 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)
  34. 34. 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
  35. 35. 30 Facebooks Walled Gardens by David Simonds
  36. 36. 31 Risiken spontane Änderung der AGBs willkürliches Löschen von Inhalten und Profilen undurchsichtige Privacy Einstellungen Verkauf von Profildaten ... Einstellung des Betriebs
  37. 37. http://www.zdnet.com/article/facebook-nymwars-disproportionately-outing-lgbt-performers-users-furious/
  38. 38. 32
  39. 39. http://www.zdnet.com/article/facebook-unethical-untrustworthy-and-now-downright-harmful/
  40. 40. 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
  41. 41. 35 Warum nicht das Beste aus beiden Welten vereinen?
  42. 42. Gegründet 2011 von Aaron Parecki, Tantek Çelik, Amber Case und Crystal Beasley
  43. 43. 36 IndieWebCamp - Juni 2011
  44. 44. 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
  45. 45. “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
  46. 46. 39 40 POSSE Publish (on your) Own Site, Syndicate Elsewhere https://indieweb.org/POSSE
  47. 47. 41
  48. 48. 42
  49. 49. 4445 PESOS Publish Elsewhere, Syndicate (to your) Own Site https://indieweb.org/PESOS
  50. 50. 46 aber nicht nur neue Aktionen, sondern auch Reaktionen
  51. 51. 47
  52. 52. 48 49 Was steckt dahinter? Pingbacks Microformats und ein bisschen Magie
  53. 53. 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>
  54. 54. 52 53 http://microformats.org/
  55. 55. Magie
  56. 56. 54 55 Optional
  57. 57. 56 Themes Independent Publisher: MF2_s: SemPress: https://wordpress.org/themes/independent-publisher/ https://github.com/dshanske/mf2_s https://wordpress.org/themes/sempress/
  58. 58. 57 weitere Plugins Microformats2: Webmentions: https://github.com/pfefferle/wordpress-uf2 https://wordpress.org/plugins/webmention/
  59. 59. 58 kurz zu Webmentions
  60. 60. 59 Simple und moderne Form von Pingbacks/Trackbacks W3C Candidate Recommendation: http://www.w3.org/TR/webmention/
  61. 61. 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
  62. 62. 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>
  63. 63. 61
  64. 64. 62 63 Advanced Mode
  65. 65. 64 Likes
  66. 66. 65
  67. 67. 66 67 Events/RSVP
  68. 68. 68
  69. 69. 69 <data class="p­rsvp" value="no">     I cannot make it next week ☹ </data>
  70. 70. 70 71 Re-Replies
  71. 71. 72
  72. 72. 73 74 Webmention for Comments https://github.com/pfefferle/wordpress-webmention-for-comments
  73. 73. 75 Was ist mit Reaktion auf sozialen Netzwerken?
  74. 74. 76
  75. 75. 77 IndieAuth
  76. 76. 78
  77. 77. 79
  78. 78. 80 81 Github Link <a href="http://notizblog.org" class="url" rel="nofollow me">     http://notizblog.org </a>
  79. 79. 82
  80. 80. 83
  81. 81. 84 OpenID Connect
  82. 82. 85
  83. 83. https://wordpress.org/plugins/indieauth/
  84. 84. 87 Fazit
  85. 85. 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
  86. 86. 89
  87. 87. 90 IndieWeb für WordPress http://indieweb.org/wordpress https://wordpress.org/plugins/indieweb/
  88. 88. 91
  89. 89. 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
  90. 90. Questions???
  91. 91. 93

×