Gymnasium Brunsbüttel Projekttagebuch zum Projektkurs: "Neugestaltung der Webseite"

Hier nochmal schnell eine Anleitung wie ihr die aktuellen Daten / Version der Webseite auf euren Computer “auscheckt” und auf einem lokalen Server testen und weiterentwickeln könnt. Dazu benutzen zum einen Tortoise als Windows-Subversion-Client und zum anderen XAMPP, einem fertigen Packet aus Apache Webserver und MySQL Datenbank.

Zum Auschecken der Dateien vom Server braucht ihr alle eure Zugangsdaten zum Subversion-Server die ich vor langer Zeit mal zugeschickt habe. Solltet ihr die nicht mehr finden oder noch keine bekommen haben, bitte einmal per E-Mail melden.

lokalen Testserver installieren

1. XAMPP Packet herunterladen. Die Windows Version ( Basispaket ) gibt es hier: http://www.apachefriends.org/de/xampp-windows.html#628 ( es gibt dort auch Versionen für OS X und Linux )
2. Die heruntergeladene EXE installieren. Zum Ende der Installation müsst ihr in einem Konsole-Fenster nochmal die letzten Schritte bestätigten, am Besten immer einfach mit Enter bestätigen. Zum Schluss “x” zum schließen der Konsole. Nun findet ihr auf der Festplatte c:/ ein neues Verzeichnis “xampp” in dem dann der gesamte Testserver installiert wird. Eine genau Anleitung gibt es dort auch noch: http://www.apachefriends.org/de/xampp-windows.html#1098
3. Wenn die Installation abgeschlossen ist dann findet ihr auf dem Desktop ein neues Icon “XAMPP Control Panel” das zur Not auch noch im Installationsverzeichnis zu finden ist ( xampp-control.exe ).
4. Wenn ihr dieses Control Center einmal startet bekommt ihr eine Auflistung von Modulen mit einem “Start”-Button. Durch klicken auf Start hinter “Apache” startet ihr den Apache Webserver auf eurem Computer. Hakt ihr zurdem noch das Kästchen “Svc” an, wird der Apache zusätzlich noch als Service auf dem Computer installiert und startet somit bei jedem Windowsstart im Hintergrund mit ( dies ist natürlich keinesfalls notwendig ).
5. Wenn ihr nun in euren Browser “http://localhost/” eingebt, solltet ihr die Startseite eures Webserver sehen. ( Zwischendruch könnte die Windows Firewall ggf. nachfragen ob das Programm “Apache” Zugriff haben darf. Dies bitte für immer erlauben. )
6. Euer lokaler Internetserver ist damit installiert. Alle Dateien die in dem Serververzeichnis liegen könnt ihr nun wie im Internet über eueren Browser ansteuern. Das Hauptverzeichnis ( sog. Root-Verzeichnis ) ist c:/xampp/htdocs. In diesem Verzeichnis müssen alle eure Webseiten liegen um durch den Testserver angezeigt zu werden.

Daten von Subversionserver auschecken

1. Als Subversion Client könnt ihr z.B. Tortoise verwenden. Tortoise installiert sich im Windows Kontextmenü ( rechte Maustasten klicken ). Also zuerst Tortoise herunterladen. Die aktuelle Window-Version gibt es hier: http://tortoisesvn.net/downloads ( einfache und kostenlose SVN Clients für z.B. OS X habe ich noch nicht gefunden, hier ist man also ohnehin auf mehr Google Recherche angewiesen )
2. Nachdem ihr den Installer heruntergeladen habt auch diesen immer mit “Ja” und “Amen” installieren. Am Ende der Installation muss der Rechner einmal durchgestartet werden. Nach dem Neustart findet ihr beim Klicken der rechten Maustaste in einem Ordner neue Einträge in dem Kontektmenü, diese solltet ihr bereits von dem Schul-PC kennen.
3. Zum Auschecken der aktuellen Daten vom Server gehen wir jetzt in das Root-Verzeichnis ( c:/xampp/htdocs ) und klicken dort die rechte Maustaste und dann den Eintrag “SVN Checkout”. Ein neues Fenster öffnet sich. In der obersten Zeile muss die Adresse des Subversionservers eingetragen werden. Dies ist “http://dinnerout.dyndns.info:8081/svn/gymnasium”. Darunter wird das Verzeichnis angegeben in das das Projekt ausgecheckt werden soll. Diese müsste dann bereits mit “c:/xampp/htdocs/gymnasium” ausgefüllt sein. Die anderen beiden Einstellungen sollten ebenfalls bereits korrekt sein und auf “Full recursive” ( alle Verzeichnisse mit Unterverzeichnissen werden vom Server geladen ) und auf “HEAD revision” ( die letzte aktuelle Version vom Server ) stehen. Nach dem Klicken auf OK solltet ihr nach euren Zugangsdaten gefargt werden. Anschließend werden die Dateien vom Server übertragen. Dies kann je nach Verbindung und nach Auslastung des Servers ein wenig dauern.
4. Wenn alle Daten heruntergeladen sind könnt ihr euch die Webseite auf eurem Computer unter http://localhost/gymnasium/ ansehen ( nicht vergessen den Apache vorher über das XAMPP Control Panel zu starten ).

Nun könnt ihr die Dateien auf eurem Computer ändern und eure Änderungen auch kontrollieren. Sollten die Änderungen erfolgreich sein dann könnt ihr diese natürlich auch wieder einchecken und somit auf den Server übertragen. 5min später sollten die Änderungen dann auch auf dem Testserver zu sehen sein.

cheers,
Sebastian