photo credit: jan.tito

Drüben auf der englischen Seite dieses Blogs habe ich eine Liste mit WordPress-Plugins zusammengestellt, mit denen sich zahlreiche Funktionen der Kurations-Plattform storify.com nachahmen lassen. Weiter geht’s nach dem Klick.

Im Herbst 2009 bekam ich den Auftrag, eine geeignete Social Network-Plattform für eine NGO zu finden. Die Anforderungen lauteten:

• Abgeschlossene Community
• Neu-Anmeldungen müssen erst vom Admin bestätigt werden
• Profilseiten für jedes Mitglied inkl. Geburtstagskalender
• Diskussionsforum
• Foto-Alben
• Neuigkeiten aus der Organisation

Das Problem: Da das Ganze im Falle von Facebook, Xing und Co. auf einer fremden Plattform stattfindet, hat die Gruppe selbst nur begrenzten Einfluss auf die Nutzung der Funktionen. Schließlich kann das Unternehmen, das die Plattform betreibt, jederzeit Features und Regeln verändern. Zudem ist nie sicher, in wie weit sich die Daten schützen lassen, z.B. vor anderen, fremden Mitgliedern des Netzwerks oder den Administratoren der Plattform. Für viele Organisationen und Firmen ist es schlicht nicht vorstellbar, ihr Intranet in die Hände von Facebook und Co. zu legen. Schließlich gilt völlig zurecht: Control your content!

Die Lösung: Ein eigenes, selbst-gehostetes Social Network, das nur den Mitgliedern der Gruppe Zugang gewährt.

Für die Umsetzung kamen vor allem zwei Social Network Content-Management-Systeme in Frage: Elgg und Buddypress.

Elgg: Als erstes nahm ich im Herbst 2009 Elgg 1.0 genauer unter die Lupe, da es zu dem Zeitpunkt ausgereifter schien. Alle oben beschriebenen Anforderungen konnte das System ohne große Probleme umsetzen. Eine Testinstallation auf den Servern lief ohne größere Probleme. Und obwohl die Entwicklerfirma Curvrider und die Elgg-Gemeinde das System immer weiter entwickelten (mittlerweile ist man bei Version 1.7) angelangt, so schien mir doch die Entwicklung zu langsam voran zu gehen. Die Zahl der Aktiven Open Source Entwicklern schien recht überschaubar zu sein – und für mich stellte sich damit automatisch die Frage, welche Zukunft diese Software hat. Denn wenn so ein Projekt an einer Firma und ein paar Personen hängt, dann kann es auch mal schnell wieder vorbei sein. Als Beispiel soll hier Joomla gelten: Hier gibt es zwar eine Vielzahl von Entwicklern, aber ein richtiger Sprung nach vorne ist seit Jahren nicht mehr zu beobachten.

Buddypress: Diesen Sprung nach vorne machte allerdings in der angesprochenen Zeit die Buddypress-Software. Bereits die ersten Release-Kandidaten sahen viel versprechend aus und spätestens mit der Version 1.1 war klar, welche Power in dem System steckt. Da Buddypress auf WordPress µ basiert, schien die zukünftige Entwicklung durch eine starke Open Source Gemeinde gesichert. Zu Beginn fehlten jedoch noch eine Vielzahl der gewünschten Funktionen zudem war die Einrichtung und die Theme-Gestaltung etwas kniffelig. Das hat sich spätestens mit der Veröffentlichung von Buddypress 1.2 geändert.

Das System: Als Grundlage dient eine ganz normale WordPress µ-Installation, mittlerweile in der Version 2.9.2, auf deinem normalen Business-Paket-Webspace von All-Inkl. Mittlerweile lässt sich Buddypress auch mit einem normalen WordPress installieren – allerdings gibt es dann für die Mitglieder keine Möglichkeit, ein eigenes internes Blog zu betreiben.

Als zweiter Schritt folgt die Installation von Buddypress, das als normales Plugin fungiert. Damit stehen die grundlegenden Funktionen eines Social Networks bereit: Nutzer können sich registrieren und ein Profil sowie auf Wunsch ein eigenes Blog anlegen.

Um alle gewünschten Funktionen (z.B. den Schutz des SN vor fremden Zugriff) einbauen zu können, wurden folgende Plugins installiert:

Für die Sicherheit:
More Privacy Options – Buddypress ist als sehr offenes System konzipiert. Dass man das System auch in Form eines Intranets einsetzen kann, spielte offenbar keine Rolle. Deshalb war es ein großes Problem, die Lücken dicht zu machen. More Privacy Options blockt u.a. Suchmaschinen und dreht den RSS-feeds den Strom ab.

registered-users-only-2 und Members Only- Die wichtigsten Plugins: Alle Unterseiten können nur von registrierten und angemeldeten Besuchern gesehen werden.

BuddyPress Privacy Component (BPAz) – Damit kann jeder Nutzer separat einstellen, welche seine Aktivitäten für anderen Nutzer innerhalb der Community sichtbar sind.

Invitation Code Checker – Jeder neue Nutzer muss bei der Anmeldung einen Einladungscode eintragen, der vorher per Mail an alle potenziellen Mitglieder verschickt wurde. Das ist leider nur eine 1b-Lösung, da das Plugin für eine User-Freischaltung durch den Admin (BuddyPress Registration Options) nur in der Buddypress-Version 1.0 fehlerfrei funktionierte. Der Vorteil: Nutzer können gleich loslegen und müssen nicht auf die Freischaltung warten.

SI CAPTCHA Anti-Spam – Captcha-Eingabe bei Registrierung und/oder Anmeldung.

System:
!Wartungsmodus – Tolles Plugin, dass zum Einspielen von Updates usw genutzt werden kann. Alle Nutzer bekommen einen Wartungsmodus-Screen, bestimmte, vorher definierte Nutzer (z.B. Admins) können sich weiter einloggen und testen, ob die Updates funktionieren.

BP Group Documents – Gruppenmitglieder können Dokumente hochladen (z.B. PDFs)

BM Custom Login – Mit dem Plugin kann man sich die Login-Seite maßschneidern.

BP Group Management - Admins haben mehr Möglichkeiten zur Verwaltung der Gruppen.

BuddyPress Album+ – Fotoalben-Funktion. Leider noch sehr rudimentär, lässt aber hoffen. Achtung: Das Plugin bpPicture Album von Manoj Kumar läuft leider nicht unter BP 1.2!

BuddyPress Like – Fügt “Gefällt mir”-Button hinzu – wie bei Facebook.

Enhanced BuddyPress Widgets – Mehr Möglichkeiten zur Konfiguration der Sidebar. Z.B. lassen sich die letzten Aktivitäten in den Gruppen oder die aktivsten Mitglieder anzeigen.

oEmbed for BuddyPress – Wenn Nutzer Links zu Medienseiten wie Youtube, Flickr und Co. posten, wird das Video direkt in das Posting eingebettet und nicht nur verlinkt.

TDLC Birthdays – Geburtstagskalender-Funktion. Achtung: Die Deutsche Sprachdatei ist wohl automatisch übersetzt worden. Man kann sie aber mit poEdit anpassen.

Tweetstream – Synchronisiert die Status-Updates mit dem eigenen Twitter-Account der Mitglieder, und zwar in beide Richtungen. Dabei kann jeder Nutzer einstellen, ob er alle oder nur bestimmte Tweets ins jeweils andere SN posten möchte.

Welcome Pack – Einstellungen für neue Nutzer: Es lässt sich festlegen, ob sie direkt mit anderen Nutzern (z.B. dem Admin) befreundet sein sollen und ob sie automatisch Mitglied in einer oder mehreren Gruppe sein sollen.

Ein Hinweis zum Updaten: Anders als bei anderen Plugins, sollte man ein Update von Buddypress (z.B. von 1.2 auf 1.2.2) nicht mit einem Klick auf “automatisch updaten” in der Pluginverwaltung starten. Der Hauptgrund: Das verwendete Theme/Template liegt im Unterordner wp-config > plugins > buddypress > bp-themes und wird bei einem automatischen Update überschrieben. Alle Änderungen gehen dabei verloren. Deshalb vorher in den Wartungsmodus gehen, alle anderen Plugins deaktivieren und den Theme-Ordner per FTP sichern. Erst dann updaten und das Theme wieder auf den Server spielen.

Erste Erfahrungen: Das Social Network hat mittlerweile 130 Mitglieder und rund 20 Gruppen – das ist zwar noch nicht so richtig viel, aber dennoch ist von Performance-Problemen noch nichts zu spüren.

I. Aufbau des Classrooms

In diesem Beispiel wird von einem Klassenraum mit insgesamt elf Rechnern ausgegangen, neun davon sind für Teilnehmer eingeplant, einer für den Dozenten sowie einem PC, der als DHCP-Server in diesem Netzwerk fungiert – und somit auch prädestiniert ist, als Webserver genutzt zu werden.

Auf den Teilnehmer-Rechnern wird lediglich ein Web-Browser, z.B. Firefox, ein ZIP-Programm, z.B. 7-zip, sowie ein FTP-Client benötigt. Gute Erfahrungen konnten mit FileZilla gewonnen werden (Der FTP-Client FileZilla ist nicht zu verwechseln mit dem FTP-Server FileZilla, der ebenfalls in dieser Anleitung eine Rolle spielt).

II. Einrichten des Webservers

Auf dem Rechner, der auch als DHCP-Server für das kleine Netzwerk (Local Area Network) arbeitet (IP-Adresse 192.68.1.1), muss im nächsten Schritt die Software für den Webserver installiert und eingerichtet werden. Auch hier gibt es wieder verschiedene Software-Möglichkeiten, die zum Teil unter offenen Nutzerlizenzen im Netz angeboten werden. In diesem Beispiel wird das Paket XAMPP (Lizenzinformationen hier) der deutschen Non-Profit-Organisation ApacheFriends verwendet.

Das Paket ist rund 25 MB groß und kann für Windows, Linux, Mac OS und Solaris heruntergeladen werden.

Das XAMPP-Paket umfasst u.a. die drei Anwendungen, die für die Einrichtung benötigt werden:

a) Den Apache-Webserver, der – einfach erklärt – dafür sorgt, dass zum Beispiel die abgelegten HTML-Dateien nicht als Codegewurschtel angezeigt werden, sondern in ihrer vollen Schönheit mit Bildern, Links usw;

b) die MySQL-Datenbank, die die dynamischen Inhalte speichert, die über das Content-Management-System – also zum Beispiel WordPress – eingegeben werden;

c) FileZilla, der FTP-Server, der anderen Benutzern erlaubt, Dateien auf diesem Rechner hoch- oder herunterladen.

Nach erfolgreichem Download muss XAMPP installiert werden – am besten nicht im Standardverzeichnis C:\Programme, sondern beispielsweise unter C:\Online – der Übersichtlichkeit halber. Im Rahmen der Installation unter Windows XP wird gefragt, ob Apache, MySQL und Filezilla als Dienst installiert werden solle; dem kann zugestimmt werden. Mercury, der Email-Server, wird in der Regel nicht benötigt.
Auf dem Webserver-Rechner befindet sich unter Start > Programme > Apachefriends > Xampp nun eine Verknüpfung zum Xampp Control Panel. Öffnet man das CP sollte es wie folgt aussehen:

Im Infobereich von Windows XP taucht gleichzeitig auch ein Status-Icon auf.

Wie an der dritten Spalte in dem Statusfenster zu sehen, laufen alle drei benötigten Tools, der Apache-Server, die MySQL-Datenbank und der FileZilla-FTP-Server. Das grüne Häkchen in der ersten Spalte bedeutet, dass die Anwendungen als Dienst bei Windows XP installiert sind und in der Regel beim Systemstart automatisch mitgeladen werden. Mit einem Klick auf STOP lassen sich die Anwendungen stoppen und evtl. neustarten.

Um zu testen, ob das System wirklich läuft, muss man einfach im Browser http://127.0.0.1 oder http://localhost eingeben, es sollte sich dann automatisch die XAMPP-Konfigurationsseite öffnen. Eine weitere Möglichkeit ist, die IP-Adresse des Rechners im Netzwerk – in diesem Fall also http://192.168.1.1 zu verwenden.

Der Browser zeigt jetzt den Inhalt des Verzeichnisses C:\Online\xampp\htdocs an. Dieses Verzeichnis ist nun quasi die Startseite unseres Mini-Internets.

III. FTP-Benutzer anlegen und Webspace-Verzeichnisse zuweisen

Wenn man sich bei einem Internet-Service Provider etwas Webspace und einen Datenbank besorgt, bekommt man in der Regel die Daten (Benutzernamen, Passwörter, etc) für diese Rescourcen gleich mitgeliefert. In unserem Fall müssen wir selbst als ‘Betreiber’ des Webservers diese Daten bereitstellen.

Für diesen Zweck legt man mit dem Windows Dateiexplorer für jeden Teilnehmer ein Unterverzeichnis an.

Als nächstes öffnet man das Xampp Control Panel und klickt auf den Admin-Knopf des FileZilla-FTP-Servers.

In dem FileZilla-FTP-Server müssen nun die einzelnen Konten für jeden Benutzer angelegt und die Zugriffsrechte auf die Verzeichnisse vergeben werden, damit jeder Teilnehmer, wenn er sein FTP-Client aufruft auch nur wirklich in seinem zugewiesenen Verzeichnis arbeitet und nicht in denen der anderen Teilnehmer.

Im FileZilla-Menü Edit > Users aufrufen.

In der rechten Spalte auf ‘Add’ klicken und den Namen des neuen Users eingeben (z.B. ‘frank’), der kann z.B. mit dem Vornamen des Teilnehmers identisch sein. Unter ‘Acount Settings’ vergibt man ein Passwort (z.B. ‘frank-ftp-pw’). Als nächstes wählt man in der linken Spalte ‘Shared Folders’ aus und klickt in der Mitte auf ‘Add’. Im neuen Fenster dann das Verzeichnis des Teilnehmers auswählen (z.B. C:\Online\xampp\htdocs\frank) und bestätigen. Rechts daneben unter ‘Files’ und ‘Directories’ können getrost alle Häkchen ausgewählt werden – damit bekommt der Nutzer die Möglichkeit, Dateien und Verzeichnisse zu beschreiben und zu löschen.

Damit ist der erste FTP-Benutzer erfolgreich angelegt. Nun kann man entweder diesen Schritt für jeden weiteren Nutzer wiederholen oder ‘frank’ aus der Liste rechts auswählen, auf ‘Copy’ klicken und unter einem neuen Namen abspeichern – auch dann müssen allerdings Passwort und die ‘Shared Folder’ neu ausgewählt werden.

Zum Testen, ob es geklappt hat, kann von einem der Teilnehmerrechner der FTP-Client aufgerufen und mit den Login-Daten gefüttert werden. Als Host muss die IP-Adresse des Servers, also 192.168.1.1 ausgewählt werden. Der Zugriff kann natürlich nur funktionieren, wenn der FTP-Server FileZilla auf dem Server läuft.

IV. Datenbank einrichten

Im nächsten Schritt werden die Login-Daten für die Datenbanken bereitgestellt. Dafür muss im Browser die Verwaltung der MySQL-Datenbanken unter http://localhost/phpmyadmin/ aufgerufen werden. Auf das Icon ‘Rechte’ klicken und ‘Neuen Benutzer hinzufügen’ auswählen. Die Felder für Benutzername (z.B. ‘frank’), Host (‘localhost’) und Kennwort (z.B. ‘frank-db-pw’) ausfüllen, unter ‘Globale Rechte’ nichts auswählen und auf OK klicken.

Der neue Nutzer ist nun angelegt, im gleichen Fenster erscheint dann die Box ‘Datenbankspezifische Rechte’, in der per Textfeld gleich eine neue Datenbank für den Nutzer angelegt werden kann. Im folgenden Fenster müssen nun die Rechte für die neue Datenbank zugewiesen werden, in diesem Fall unter ‘Datenbankspezifische Rechte’ alle auswählen und OK klicken.

Dieser Prozess kann nun für jeden einzelnen Teilnehmer wiederholt werden.

Damit liegen nun alle relevanten Daten für die Teilnehmer vor. Für unseren Beispiel-Nutzer Frank sehen die so aus:

FTP-Host: 192.168.1.1

FTP-Login: frank

FTP-Passwort: frank-ftp-pw

Dabenbank-Host: 192.168.1.1

Datenbank-Name: frank

Datenbank-Passwort: frank-db-pw

Alle weiteren Schritte können nun von den Teilnehmern selbst vorgenommen werden, damit der komplette Installationsprozess nachvollziehbar wird.

V. Installation der CMS-Software

Die Teilnehmer sollten unter http://wordpress.org/ die neuste Version der Blog-Software herunterladen, auf dem eigenen Rechner entzippen und dann per FTP auf ihren zugewiesenen Webspace hochladen. Anschließend muss die Konfigurationsseite aufgerufen werden. Dafür einfach die Webspace-Adresse (z.B. http://192.168.1.1/frank) eingeben. In den folgenden Installationsschritten müssen die Datenbank-Logindaten eingetragen werden (Achtung: auch hier darauf achten, dass die Host-Adresse 192.168.1.1 lautet) und fertig ist die WordPress-Installation. Als Arbeitserleichterung können nun noch die Adressen des Blog sowie die Administration-Seite gebookmarked werden.

Jeder Teilnehmer kann nun problemlos an seinem eigenen Blog arbeiten und beispielsweise Themes oder Plugins installieren, kann sich zu jedem Zeitpunkt aber die Produkte der anderen Teilnehmer anschauen.

VI. Bekannte Probleme

- Der Server muss ausreichend Rechenkapazität und Speicherplatz haben, damit sich z.B. der FTP-Upload der WordPress-Dateien nicht zu lange hinzieht. Ist die Installation einmal überstanden, sollte die normale Arbeit nicht all zuviele Ressourcen in Anspruch nehmen.

- Bei vielen gleichzeitigen Anfragen kann der Apache-Server zusammenbrechen. Ein Neustart des Servers über das XAMPP-Control Panel reicht meist aus, um das Problem zu beheben.

- Einige Programme (z.B. Skype) blockieren den Port des Apache-Servers, so dass er nicht startet.

- Je nach Firewall-Konfiguration kann der Web- oder FTP-Zugriff der Teilnehmer auf den Server blockiert sein.