{"id":1119,"date":"2009-08-02T12:26:45","date_gmt":"2009-08-02T11:26:45","guid":{"rendered":"http:\/\/www.thetawelle.de\/?p=1119"},"modified":"2009-08-03T11:28:32","modified_gmt":"2009-08-03T10:28:32","slug":"hacking-wordpress-das-wp-proximo-projekt","status":"publish","type":"post","link":"https:\/\/www.thetawelle.de\/?p=1119","title":{"rendered":"Hacking WordPress: Das WP Proximo Projekt"},"content":{"rendered":"<p>Vor etwa <strong>drei Wochen<\/strong> habe ich einen Entschluss gefasst: Ich wollte meine Arbeit, die ich zur <strong><a href=\"http:\/\/www.thetawelle.de\/?cat=12\">Virtuellen Proxemik<\/a><\/strong> geleistet habe nicht l\u00e4nger in der Schublade liegen lassen. Zur Virtuellen Proxemik habe ich hier schon einige Beitr\u00e4ge geschrieben. Ich hoffe es werden demn\u00e4chst noch weit umfangreichere und spannendere Beitr\u00e4ge hinzukommen.<\/p>\n<p><center><img loading=\"lazy\" decoding=\"async\" src=\"\/wp-upload\/proximo_frontend.png\" alt=\"proximo_frontend\" title=\"proximo_frontend\" width=\"450\" height=\"270\" class=\"aligncenter size-full wp-image-1122\" usemap=\"#proximo_frontend\" border=\"0\" srcset=\"https:\/\/www.thetawelle.de\/wp-upload\/proximo_frontend.png 450w, https:\/\/www.thetawelle.de\/wp-upload\/proximo_frontend-300x180.png 300w\" sizes=\"auto, (max-width: 450px) 85vw, 450px\" \/><\/p>\n<map name=\"proximo_frontend\">\n<area shape=\"rect\" coords=\"285,3,436,243\" href=\"wp-upload\/frontend_3.png\" alt=\"Frontend Bild 3 anzeigen\" title=\"Frontend: Autopilot aktiviert mit FollowMe-Car\" target=\"_blank\">\n<\/area>\n<area shape=\"rect\" coords=\"166,3,281,243\" href=\"wp-upload\/frontend_2.png\" alt=\"Frontend Bild 2 anzeigen\" title=\"Frontend: Instant Messenger und Eingabefeld anzeigen\" target=\"_blank\">\n<\/area>\n<area shape=\"rect\" coords=\"25,3,162,242\" href=\"wp-upload\/frontend_1.png\" alt=\"Frontend Bild 1 anzeigen\" title=\"Frontend: Anzeige des Proximeters mit Benachrichtigung\" target=\"_blank\">\n<\/area>\n<\/map>\n<p><small>Das Frontend des WP Proximo Plugins:<br \/>Hier wird kommuniziert und die &#8222;Nachbarschaft&#8220; als Visualisierung dargestellt.<\/small><\/center><\/p>\n<h3>Hacking WordPress: Erste Schritte in WP\/PHP<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"\/wp-upload\/prox_notification.png\" alt=\"prox_notification\" title=\"prox_notification\" width=\"110\" height=\"107\" class=\"alignright size-full wp-image-1148\" \/>Als Konsequenz meines Entschlusses von vor drei Wochen habe ich mich hingesetzt und begonnen mich mit <strong>dem Inneren von WordPress<\/strong> zu besch\u00e4ftigen, also das Softwaresystem, das WordPress ausmacht (Eine mysql-Datenbank eine Menge PHP-Dateien und viele bunte Grafiken und Stylesheets).<\/p>\n<p>Und dann habe ich einfach <strong>begonnen PHP zu lernen<\/strong>, denn das habe ich vorher nie benutzt &#8211; zugegebener Ma\u00dfen weil ich auch ein wenig zu Stolz war auf meine objektorientierten <strong>Software Engineering Kenntnisse in Java<\/strong>, so dass ich PHP als billige Scriptsprache ohne Struktur abgetan habe. Nunja, was hilft einem Stolz, wenn das erfolgreichste Bloggingsystem damit realisiert ist und dieser einem im Weg steht? Nichts! Also hab ich einfach angefangen und ich muss sagen&#8230; es ist einfach. Viel einfacher als gedacht.<\/p>\n<h3>Just do it: Das WP Proximo Plugin entsteht<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"\/wp-upload\/prox_messenger.png\" alt=\"prox_messenger\" title=\"prox_messenger\" width=\"110\" height=\"107\" class=\"alignright size-full wp-image-1149\" \/>Ich habe begonnen eine Softwareerweiterung f\u00fcr WordPress zu entwickeln, mit dem Zweck Virtuelle Proxemik in die Praxis zu bringen. Nat\u00fcrlich mit dem Hintergedanken, aus der Praxis widerum Forschungsmaterial zu generieren. Sagen wir einfach es ist mein n\u00e4chstes kleines <strong>wissenschaftliches Experiment<\/strong>, diesmal als <strong>weltweiter Feldversuch<\/strong> angelegt.<\/p>\n<p>Seit drei Wochen habe ich nun deutlich mehr Zeit am Rechner verbracht, als ich wollte, der <strong>regnerische Sommer 2009<\/strong> hat es mir allerdings leicht gemacht. Das Ergebnis meiner Bem\u00fchungen kann man unten links in der Ecke sehen. Es ist ein Plugin, das jeder WordPress-Blogger installieren kann. Derzeit ist es allerdings noch in einer <strong>closed beta Phase<\/strong> in der nur ausgew\u00e4hlte Personen dieses testen.<\/p>\n<h3>Ergebnisse bisher: Frontend &#038; Backend<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"\/wp-upload\/prox_autopilot.png\" alt=\"prox_autopilot\" title=\"prox_autopilot\" width=\"110\" height=\"107\" class=\"alignright size-full wp-image-1150\" \/>Entstanden ist ein bislang schon m\u00e4chtiges Plugin, das sich deutlich von anderen Plugins unterscheidet. Es erm\u00f6glicht die direkte <strong>Kommunikation im Blog<\/strong> (Instant Messenger) aber was viel wichtiger ist, es zeigt auf jeder Seite, <strong>wer noch online ist zu diesem Zeitpunkt und wo<\/strong>. Neben Funktionen wie dem Messenger habe ich nach und nach einige weitere Dinge eingebaut. U.a. einen <strong>Autopiloten<\/strong>, mit dem man gef\u00fchrte Blogtouren machen kann.<\/p>\n<p>Seit etwa einer Woche scheint jedoch Stillstand zu herrschen. Dem ist nicht so! Ich hatte mich nocheinmal richtig angestrengt und wollte das Plugin eigentlich bei der <strong><a href=\"http:\/\/weblogtoolscollection.com\/pluginblog\/\">WordPress Plugin Competition<\/a><\/strong> einreichen. Nachdem ich aber eine Schl\u00fcsselbedingung nicht mehr rechtzeitig geschafft h\u00e4tte, habe ich davon abgesehen teilzunehmen und stattdessen weiterentwickelt was das Zeug h\u00e4lt.<\/p>\n<h3>Virtuelle Proxemik: A Network-of-Neighbourhood<\/h3>\n<p>Was mir seit Jahr und Tag eigentlich schon immer in WordPress gefehlt hat, war die <strong>Vernetzung der Blogs untereinander<\/strong> nach dem Schema, wie das bei Facebook und anderen Plattformen m\u00f6glich ist, n\u00e4mlich mit der<strong> Funktion &#8222;Freunde werden&#8220;<\/strong>. Klar, es gibt die Blogroll, aber jeder f\u00fcgt manuell URL&#8217;s hinzu und die Hinzugef\u00fcgten bekommen das meist gar nicht oder erst recht sp\u00e4t mit. Das muss ja nicht sein!<\/p>\n<p>Ursache ist letztlich eine eng begrenzte Wahrnehmung, man m\u00fc\u00dfte schon alle in Frage kommenden <strong>Blogs nach und nach abklappern<\/strong> um zu sehen, wo man auf der Blogroll steht. Also habe ich in der letzten Woche eine m\u00e4chtige <strong>Basisinfrastruktur f\u00fcr die automatische Vernetzung von WordPress-Blogs<\/strong> entwickelt.<\/p>\n<p>Ich nenne diese Funktion <strong>Network-of-Neighbourhood (NoN)<\/strong>, weil sie erlaubt ein Netzwerk aufzubauen durch &#8222;Nachbarschaften&#8220;. Man kann also mit dem Plugin befreundete Weblogs ganz einfach in ein <strong>Nachbarschaftsnetz<\/strong> integrieren und eine Nachbarschaftsanfrage losschicken.<\/p>\n<p><center><img loading=\"lazy\" decoding=\"async\" src=\"\/wp-upload\/proximo_backend.png\" alt=\"proximo_backend\" title=\"proximo_backend\" width=\"500\" height=\"270\" class=\"aligncenter size-full wp-image-1125\" \" usemap=\"#proximo_backend\" border=\"0\" srcset=\"https:\/\/www.thetawelle.de\/wp-upload\/proximo_backend.png 500w, https:\/\/www.thetawelle.de\/wp-upload\/proximo_backend-300x162.png 300w\" sizes=\"auto, (max-width: 500px) 85vw, 500px\" \/><\/p>\n<map name=\"proximo_backend\">\n<area shape=\"rect\" coords=\"337,1,479,234\" href=\"wp-upload\/backend_5.png\" title=\"Backend: Hilfe und Tipps\" target=\"_blank\">\n<\/area>\n<area shape=\"rect\" coords=\"256,1,333,234\" href=\"wp-upload\/backend_4.png\" title=\"Backend: Moderation von Instant Messages und Systeminfo\" target=\"_blank\">\n<\/area>\n<area shape=\"rect\" coords=\"175,2,253,234\" href=\"wp-upload\/backend_3.png\" title=\"Backend: Management des Network-of-Neighbourhood (NoN)\" target=\"_blank\">\n<\/area>\n<area shape=\"rect\" coords=\"95,2,172,234\" href=\"wp-upload\/backend_2.png\" title=\"Backend: Parameter und Layout fuer Proximeteranzeige\" target=\"_blank\">\n<\/area>\n<area shape=\"rect\" coords=\"16,3,93,234\" href=\"wp-upload\/backend_1.png\" title=\"Backend: Zentrale Einstellungen und Installation sowie Deinstallation\" target=\"_blank\">\n<\/area>\n<\/map>\n<p><small>Das Backend im Administrationsbereich:<br \/>Hier kann man als Blogbesitzer die notwendigen Einstellungen vornehmen und sein Netzwerk pflegen.<\/small><\/center><\/p>\n<h3>N\u00e4chste Schritte: API, Public Beta und Testing<\/h3>\n<p>Die Umsetzung dieser Funktion ist bereits sehr weit fortgeschritten. Derzeit \u00fcberarbeite ich ein langfristig erweiterbares <strong>Protokoll\/API f\u00fcr die Nachbarschaftskommunikation<\/strong> zwischen Blogs. Meine Idee ist jedoch etwas weitergehend, denn die Nachbarschaftsbeziehung zu anderen Blogs soll eine erweiterte Wahrnehmung erm\u00f6glichen. Besucher sollen k\u00fcnftig ein<strong> &#8222;Gef\u00fchl f\u00fcr die N\u00e4he&#8220;<\/strong> zu anderen Besuchern in anderen Blogs erhalten k\u00f6nnen. Daf\u00fcr wird \u00fcber das Kommunikationsprotokoll ein <strong>steter Austausch von Pr\u00e4senz- bzw. Kopr\u00e4senzdaten<\/strong> der Besucher erm\u00f6glicht.<\/p>\n<p>Ich hoffe in diesem Monat die <strong>Public Beta Phase<\/strong> einl\u00e4uten zu k\u00f6nnen, so dass jeder sich selbst ein Bild von der Erweiterung machen kann. Daf\u00fcr muss ich allerdings noch die <strong>Metrikfunktionen<\/strong> einbauen, die Besucher in einen Kontext zueinander bringen. Noch eine Menge Arbeit wartet&#8230;<\/p>\n<p><strong>Update:<\/strong><br \/>\nWer m\u00f6chte kann \u00fcbrigens auf dem Laufenden bleiben \u00fcber den <strong>Twitteruser<\/strong> <a href=\"http:\/\/twitter.com\/virtualproxemic\">@virtualproxemic<\/a> und diesem folgen.<br \/>\n<a href=\"http:\/\/twitter.com\/virtualproxemic\"><img loading=\"lazy\" decoding=\"async\" border=\"0\" src=\"\/wp-upload\/vp_tweeter.png\" alt=\"vp_tweeter\" title=\"vp_tweeter\" width=\"438\" height=\"86\" class=\"aligncenter size-full wp-image-1142\" srcset=\"https:\/\/www.thetawelle.de\/wp-upload\/vp_tweeter.png 438w, https:\/\/www.thetawelle.de\/wp-upload\/vp_tweeter-300x58.png 300w\" sizes=\"auto, (max-width: 438px) 85vw, 438px\" \/><\/a><\/p>\n<p><small><strong>Why do I blog this?<\/strong> In K\u00fcrze habe ich vor einen umfangreicheren Test zu starten. Sobald das API einigerma\u00dfen stabil ist, werde ich das Plugin f\u00fcr einige Personen zum download und testen freigeben. Derzeit arbeite ich aber noch am API, der Metrik zur stabilen Abbildung der Besucher auf der Anzeigefl\u00e4che unten links (derzeit ist die Anordnung Zufall) und einem Widget f\u00fcr die Sidebar zur Anzeige eine <strong>Blogroll 2.0<\/strong>, much work to be done&#8230; :-D<\/p>\n<p>Falls das Plugin \u00fcbrigens erfolgreich werden sollte, steht mein n\u00e4chstes Plugin-Projekt schon fest: Eine Verwaltung f\u00fcr eigene wissenschaftliche Publikationen im Blog als kostenpflichtiges Plugin plus eventuell ein Literatursharing-Plugin, das auch mit DOI&#8217;s und ISBN&#8217;s usw. umgehen kann. Dann noch einige Widgets und ein neues WordPress Template das Widget-f\u00e4hig ist. <strong>Generation C64 greift in die Tasten&#8230; yess!<\/strong><\/small><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Vor etwa drei Wochen habe ich einen Entschluss gefasst: Ich wollte meine Arbeit, die ich zur Virtuellen Proxemik geleistet habe nicht l\u00e4nger in der Schublade liegen lassen. Zur Virtuellen Proxemik habe ich hier schon einige Beitr\u00e4ge geschrieben. Ich hoffe es werden demn\u00e4chst noch weit umfangreichere und spannendere Beitr\u00e4ge hinzukommen. Das Frontend des WP Proximo Plugins:Hier &hellip; <a href=\"https:\/\/www.thetawelle.de\/?p=1119\" class=\"more-link\"><span class=\"screen-reader-text\">\u201eHacking WordPress: Das WP Proximo Projekt\u201c <\/span>weiterlesen<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12,16,18,9,6,60],"tags":[63,61,62],"class_list":["post-1119","post","type-post","status-publish","format-standard","hentry","category-proxemik","category-breaking-news","category-bremen","category-studien","category-social-computing","category-wp-proximo","tag-programmierung","tag-virtuelle-proxemik","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/www.thetawelle.de\/index.php?rest_route=\/wp\/v2\/posts\/1119","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.thetawelle.de\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.thetawelle.de\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.thetawelle.de\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.thetawelle.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1119"}],"version-history":[{"count":0,"href":"https:\/\/www.thetawelle.de\/index.php?rest_route=\/wp\/v2\/posts\/1119\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.thetawelle.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1119"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.thetawelle.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1119"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.thetawelle.de\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1119"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}