Installation Webeditor

Version: 22.03.2019, Thomas Perschke [PHP-Version: 8.1.34]
Mit Hilfe dieser Seite können Sie den Webeditor auf dem Webserver installieren.

Einleitung

Bei dem Webeditor handelt es sich um eine webbasierte Entwicklungsumgebung auf Basis der Open Source-Software Codiad. Diese wurde so angepasst, dass ein sinnvoller Einsatz im Rahmen des schulischen Unterrichts möglich ist. Der Webeditor muss auf einem Webserver installiert werden. Sollte die Schule keinen solchen zur Verfügung haben, kann ein entsprechendes Paket bei einem Webhoster abgeschlossen werden. Dabei reicht oft das kleinste Paket aus, für den Betrieb des Webeditors wird keine Datenbank benötigt. Ein Vergleich verschiedener Anbieter finden Sie beispielsweise auf den Seiten vom Stern. Es gibt auch kostenlose Angebote, die sich durchaus eignen. bplaced bietet beispielsweise kostenlosen Webspace mit FTP-Zugang und vielen weiteren Features an.

Nur Für Spezialisiten
Versierte Anwender können auch den Kleinstcomputer Raspberry nutzen und diesen an einen Router (zzgl. Weiterleitung und DynDNS-Dienst) anschließen. Hört sich komplizierter an, als es tatsächlich ist. Handelt es sich bei dem Router um eine Fritzbox, dann lässt sich dies sehr einfach realisieren!

Die Installation des Webeditors ist weitestgehend automatisiert, diese Seite soll Ihnen dabei helfen. Nach erfolgreicher Installation können vom Administrator Schüler und Projekte angelegt werden. Hierfür stehen vorinstallierte PlugIns bereit, die das Anlegen größtenteils automatisieren. Die Schüler können sich mit ihren persönlichen Zugangsdaten anmelden und erhalten nur Zugriff auf das ihnen zugeordnete Projekt. Der Administrator kann jederzeit alle Projekte einsehen.

Bei Nutzung des Webeditors werden keine weitere Programme (Editoren, Server,...) benötigt. Die Schüler können nicht nur innerhalb der Schule an ihren Seiten arbeiten, sondern ohne Weiteres auch vom heimischen PC. Da die Daten zentral auf dem Webserver vorliegen, arbeiten die Schüler immer mit dem aktuellen Stand, ein Kopieren der Arbeitsergebnisse zwischen Schule und Zuhause entfällt. Zusätzlich sind die Ergebnisse einfach und dauerhaft über das Internet abrufbar, auch von einem Smartphone aus. Die Verwendung des Webeditors im Unterricht setzt einen freigeschalteten Internetzugang voraus. (Prinzipiell ist auch eine schulinterne Installation denkbar, so dass die Nutzung auch ohne Internetzugang möglich ist.)

Wenden Sie sich bei Fragen an webeditor[at]perschke.info.

Vorbereitung

Diese Datei 'instWE.php" muss sich in dem Verzeichnis befinden, in welchem der Webeditor installiert werden soll. Das Installationsverzeichnis lautet aktuell: http:///www.webeditor-fls.4lima.de/webeditor. Unter dieser Adresse wird der Webeditor nach der Installation erreichbar sein.

Wichtige Informationen

Der Webeditor ist installiert.
Adresse des Webeditors: http:///www.webeditor-fls.4lima.de/webeditor
Benutzername des Administrator: adm
Initiales Kennwort des Administrator: 12345
Was ist nach der Installation zu tun?

Nach erfolgreicher Anmeldung im Webeditor finden Sie mittig am rechten Rand ein "Hamburger-Menü". Befindet sich die Maus über den drei horizontalen Strichen, öffnet sich ein Menü. Hier können Sie verschiedene Einstellungen vornehmen und Schüler und/oder Projekte anlegen. Auch Schüler können dieses Menü einsehen, haben allerdings weniger Einstellungsmöglichkeiten. Auf der linken Seite befindet sich der Projektbaum. Ein Klick mit der rechten Maustaste öffnet ein Kontextmenü. Sie können so neue Verzeichnisse oder Dateien anlegen oder eine Datei im Browser zur Ansicht öffnen (--> preview). Ein Doppelklick auf eine Datei im Projektbaum öffnet diese im Editor. Das Speichern der Änderungen in einer Datei erfolgt über das Hamburger-Menü oder per Tastenkomination STRG+S.

ToDo

  1. Ändern Sie unbedingt das Kennwort des Administrators (Benutzername: adm)
  2. Legen Sie Schüler und Projekte an, ordnen Sie die Schüler ihren Projekten zu. Laden Sie dazu eine von Untis exportierte csv-Datei in den Explorer des Webeditors und rufen Sie im Kontextmenü den Eintrag "Schülerimport" auf. Für jeden in der hochgeladenen Datei aufgeführten Schüler wird automatisch ein Projekt und ein User angelegt. Den Schülern wird ihr Projekt zugeordnet. Die Zugangsdaten werden automatisch generiert und in die hochgeladene Datei integriert.
Eine Anleitung für die Bedienung des Webeditors ist aktuell in Arbeit. Bei Fragen einfach eineMail an webeditor[at]perschke.info senden.

Installation

Für eine erfolgreiche Installation müssen für die Schritte 1 bis 3 grüne Lampen angezeigt werden!

Schritt 1: Aktuelles Installationspaket bereitstellen
Für die Installation des Webeditors wird das Installationspaket "webeditor.zip" benötigt. Die Bereitstellung kann automatisch durch Klick auf folgende Schaltfläche erfolgen. Auf manchen Accounts ist dies nicht möglich. Sollte die automatische Bereitstellung nicht funktionieren, dann müssen Sie das Paket manuell downloaden und in das Verzeichnis http:///www.-fls.4lima.de/ Ihres Webservers kopieren bzw. hochladen.
Das Installationspaket wurde nicht erkannt - nicht schlimm, der Webeditor ist bereits installiert ;)
Schritt 2: Installationspaket entpacken
In diesem Schritt wird das Verzeichnis /home/webpages/lima-city/fehlerbehandlung-python/webeditor/webeditor erstellt und alle notwendigen Dateien dort hineinkopiert.
Das Installationspaket ist entpackt - Paketversion 15.03.2019 10:00
Schritt 3: Installation anpassen
Der Webeditor ist erst funktionsfähig, nachdem einige Einstellungen angepasst wurden. Dabei handelt es sich vor allem um Anpassung von Pfaden.
Die Installation ist angepasst
Schritt 4: Installation aufräumen
Nicht alle bei der Installation erstellten Dateien sind auch für den Betrieb notwendig. Sie können die nicht benötigten Reste der Installation einfach entfernen.
Es gibt keine unnötigen Reste, die Installation ist aufgeräumt
Deinstallation!
Sollte ein Installationsversuch nicht geklappt habe oder Sie wollen den Webeditor nicht weiter nutzen, dann können Sie hier den Webeditor wieder deinstallieren. Achtung: Dabei werden alle Einstellungen und auch alle Projekte ohne Nachfrage gelöscht!

Die Datei 'instWE.php' wird nicht gelöscht.