IndieWordPress - WordCamp Frankfurt 2016

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.

Transcript

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/
7. 7 Innovationstreiber Blogs Syndication (RSS/Atom/RDF/OPML) Websemantics (Microformats) XML-RPC (MetaWeblog API, Blogping) Pingback/Trackback OpenID Podcasting
8. Usability Economy Design Standardization Remixability Convergence Participation Widgets Collaboration Sharing 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 SVG Atom Browser OpenID Wikis Simplicity Joy of Use AJAX The Long Tail Affiliation CSS Web Standards Microformats DataDriven OpenAPIs RSS Mobility Video Audio Blogs Social Software Recommendation 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
15. Facebook: Kommentieren
17. Weblog: Lesen
18. 15 Weblog: Kommentieren
20. Weblog: Benachrichtigung bei neuem Kommentar
22. Weblog: Kommentieren
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
34. 28 Facebook Connect F B . l o g i n ( f u n c t i o n ( r e s p o n s e ) { i f ( r e s p o n s e . s t a t u s = = = ' c o n n e c t e d ' ) { / / L o g g e d i n t o y o u r a p p a n d F a c e b o o k . } e l s e i f ( r e s p o n s e . s t a t u s = = = ' n o t _ a u t h o r i z e d ' ) { / / T h e p e r s o n i s l o g g e d i n t o F a c e b o o k , b u t n o t y o u r a p p . } e l s e { / / T h e p e r s o n i s n o t l o g g e d i n t o F a c e b o o k , s o w e ' r e n o t s u r e i f / / t h e y a r e l o g g e d i n t o t h i s a p p o r n o t . } } ) ; (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/
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
53. 44 45 PESOS Publish Elsewhere, Syndicate (to your) Own Site https://indieweb.org/PESOS
54. 46 aber nicht nur neue Aktionen, sondern auch Reaktionen
57. 48 49 Was steckt dahinter? Pingbacks Microformats und ein bisschen Magie
59. 50 51 Microformats h-card < a r t i c l e c l a s s = " h ­ e n t r y " > < h 1 c l a s s = " p ­ n a m e " > M i c r o f o r m a t s a r e a m a z i n g < / h 1 > < p > P u b l i s h e d b y < a c l a s s = " p ­ a u t h o r h ­ c a r d " h r e f = " h t t p : / / e x a m p l e . c o m " > W . D e v e l o p o n < t i m e c l a s s = " d t ­ p u b l i s h e d " d a t e t i m e = " 2 0 1 3 ­ 0 6 ­ 1 3 1 2 : 0 0 : 0 0 " > 1 3 < s u p > < p c l a s s = " p ­ s u m m a r y " > I n w h i c h I e x t o l l t h e v i r t u e s o f u s i n g m i c r o f o r m a t s . < d i v c l a s s = " e ­ c o n t e n t " > < p > B l a h b l a h b l a h < / p > < / d i v > < / a r t i c l e >
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: P O S T / w e b m e n t i o n ­ e n d p o i n t H T T P / 1 . 1 H o s t : a a r o n p k . e x a m p l e C o n t e n t ­ T y p e : a p p l i c a t i o n / x ­ w w w ­ f o r m ­ u r l e n c o d e d s o u r c e = h t t p s : / / w a t e r p i g s . e x a m p l e / p o s t ­ b y ­ b a r n a b y & t a r g e t = h t t p s : / / a a r o n p k . e x a m p l e / p o s t ­ b y ­ a a r o n cURL: c u r l ­ i ­ d " s o u r c e = h t t p s : / / w a t e r p i g s . e x a m p l e / p o s t ­ b y ­ b a r n a b y & t a r g e t = h t t p s : / / a a r o n h t t p : / / a a r o n p k . e x a m p l e / w e b m e n t i o n ­ e n d p o i n t
69. 60 Pingback Example: P O S T / p i n g b a c k ­ e n d p o i n t H T T P / 1 . 1 H o s t : a a r o n p k . e x a m p l e C o n t e n t ­ T y p e : t e x t / x m l < ? x m l v e r s i o n = " 1 . 0 " e n c o d i n g = " i s o ­ 8 8 5 9 ­ 1 " ? > < m e t h o d C a l l > < m e t h o d N a m e > p i n g b a c k . p i n g < / m e t h o d N a m e > < p a r a m s > < p a r a m > < v a l u e > < s t r i n g > h t t p s : / / w a t e r p i g s . e x a m p l e / p o s t ­ b y ­ b a r n a b y < / s t r i n g > < / v a l u e > < / p a r a m > < p a r a m > < v a l u e > < s t r i n g > h t t p s : / / a a r o n p k . e x a m p l e / p o s t ­ b y ­ a a r o n < / s t r i n g > < / v a l u e > < / p a r a m >
71. 62 63 Advanced Mode
72. 64 Likes
75. 66 67 Events/RSVP
78. 69 < d a t a c l a s s = " p ­ r s v p " v a l u e = " n o " > I c a n n o t m a k e i t n e x t w e e k ☹ < / d a t a >
79. 70 71 Re-Replies
82. 73 74 Webmention for Comments https://github.com/pfefferle/wordpress-webmention-for-comments
83. 75 Was ist mit Reaktion auf sozialen Netzwerken?
86. 77 IndieAuth
90. 80 81 Github Link < a h r e f = " h t t p : / / n o t i z b l o g . o r g " c l a s s = " u r l " r e l = " n o f o l l o w m e " > h t t p : / / n o t i z b l o g . o r g < / a >
94. 84 OpenID Connect
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
101. 90 IndieWeb für WordPress http://indieweb.org/wordpress https://wordpress.org/plugins/indieweb/
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/ # i n d i e w e b a n d # i n d i e w e b ­ d e v o n f r e e n o d e
104. Questions???