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

Ab sofort ist die neue Seite live geschaltet und unter www.gymnasiumbrunsbuettel.de zu erreichen.

cheers,
Sebastian

Beim SCHILF ( Schul interne Lehrer Fortbildung) – Tag haben die Schüler ihr Machwerk der breiten Lehrerschaft vorgestellt. Mit Herrn Steinfeld hat sich außerdem ein Lehrer gefunden, der die Homepage künftig kompetent weiter leiten wird.

Inzwischen ist die Webseite auch in ein WordPress Template überführt worden. Auch wenn WordPress eigentlich eine Blogsoftware ist, lässt es sich hervorragend für kleine Webseiten als CMS nutzen. Für die Sommerferien ist dann die Umstellung auf die neue Webseite geplant. Also immer schön nachschauen.

cheers,
Sebastian

Heute sind wir in kleiner Runde zu unserem letztem Treffen zusammengekommen.

Wir haben noch letzten Content eingepflegt den JP uns mitgebracht hatte und haben uns noch Gedanken gemacht wie man die Schule weiterhin gut im Internet auf der Homepage attraktiv bewerben könnte.

Dann haben wir noch ein abschließendes Gespräch mit Herrn Rohlf “im Türrahmen” geführt, noch kurz den Schilf Tag angesprochen, wo die Homepage AG nochmal vorgestellt werden soll und wo wir uns dann sicher nochmal kurzschließen können, dass dann auch möglichst alle da noch anwesend sind und ein bisschen repräsentative Arbeit leisten können.

So long, Heiko.

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

Nachdem schon viel Content für die neue Homepage eingepflegt worden war, begannen wir damit, uns Vorstellungen darüber zu machen, wie und ob unsere Homepage mit anderen sozialen Netzwerken wie Facebook verbunden werden sollte.
Nachdem wir darüber diskutiert hatten, einigten wir uns darauf, die Homepage mit anderen Netzwerken zu verbinden, um einerseits den Entwicklungsfortschritt zu dokumentieren und andererseits die Präsenz der Seite zu steigern.
Über verschiedene Buttons in der Startleiste wird der Kontakt zwischen Homepage und sozialen Netzwerken gefördert.
Anschließend fuhren wir fort, zu klären, was noch an Content fehlt.
Im Anschluss daran pflegten wir weiteren Content ein.
Dabei bekamen wir Unterstützung von drei weiteren neuen Mitgliedern, die auch in Zukunft die Homepage mit aufbauen und verwalten werden.
Somit ist auch der Fortbetrieb der Homepage in Zukunft durch eigene Schüler des Gymnasiums gewährleistet.
Um trotzdem neue Mitglieder zu generieren, ist geplant, mit Herrn Steinfeld zu kommunizieren.
Herr Steinfeld könnte versuchen geeignete Interessenten zu werben und für die Homepage-AG zu gewinnen.
Ferner könnte Herr Steinfeld die Person sein, die in Zukunft die Homepage-AG leiten wird und verwalten wird.

Das nächste Treffen findet am 18. Mai statt.

Meeting im Kunstraum I, 14.00 Uhr

Fast alle Projektkursteilnehmer waren anwesend und wir entschieden uns erstmal weiteren Content einzupflegen. Leider, das muss man zugeben, haben wir einen Fehler eingebaut und somit die Navigation der auf dem Subversion-Server vorhandenen Website “lahm gelegt”.

Zum Glück befinden wir uns noch in der Entwicklung und so kann man aus Fehlern lernen, und staunen, dass selbst ein einziges Komma alles verändern kann.

Soviel zur Arbeit an der Homepage an sich.

Als Erfolg des Dienstages kann man die Erstellung des “Homepage-AG”-Facebook-Accounts sehen. Wie wir am 20.04.10 beschlossen haben, wollten wir einerseits unsere AG-Arbeit der Öffentlickeit weiter nachvollziehbar machen, und andererseits auch ein wenig Werbung, bzw. Jugendarbeit machen.

Man kann unsere Arbeit nun also auf Facebook in teilen sehen (zB. sog. Screenshot der Menuführung und Ähnliches).

Auch ein Twitter-Account war wieder im Gespräch und wir ließen die Frage offen, ob und wie man Twitter direkt auf der künftigen Schul-Homepage einbauen kann und auch wirklich sinnvoll nutzen kann. Schließlich muss auch noch die Frage nach der Verantwortung gestellt werden. Soll heißen: Wer sorgt für Ordnungsmäßige Nutzung von Facebook und Twitter, und wie verhindert man Missbrauch effektiv.

Trotzdem steht schon ein Homepage-AG Account auf www.facebook.com, auf dem, wie gesagt, ein kleiner Preview zur Homepage hochgeladen ist und ein Gruppenfoto der Arbeitsgemeinschaft.

Soweit: Es geht voran!

Euer Nils

Brunsbüttel, “Glaskasten”, 20.4.2010, ca. 14.07Uhr

Das Homepage-AG Team trifft sich, um folgende Maßnahme zu diskutieren und zu beschließen:

1.0 Jugendarbeit: Die HP-AG hofft auf die Unterstützung von Herrn Steinfeld. Glücklicher Weise leitet ein paar Informatikkurse und wir möchten ihn in den nächsten Tagen um seine Unterstützung zum Thema “Jugendarbeit” bitten. Desweiteren hoffen wir auf produktive Vorschläge aus den Informatikkursen und von Herrn Steinfeld.

1.1 Weiterhin soll die HP-AG mehr/überhaupt mit anderen AG’s, wie z.B. der Zeitungs-AG verzahnt werden; sprich bestimmte AG’s stellen Berichte, Photos oder auch Sounddateien bereit, welche dann eingefügt und hochgeladen werden können.

1.2 Die Techniker könnte man belohnen, in dem man ihre Arbeit im Zeugnis würdigt mit dem Titel Webmaster oder ähnlichem.

2.0 Es stehen noch einige Berichte der Lehrkörper aus. Das HP-AG Team möchte sich in den nächsten Tagen um die Berichte bemühen und die Lehrer auf die Wichtigkeit hinweisen.

2.1 Manche Lehrer wissen leider nicht genau was sie schreiben sollen, die HP-AG klärt das beim nächsten Treffen.

3. Weiterhin wurde eine Art Art-Crashkurs mit Carsten absolviert; Schwerpunkt Photographie.

Bis zum nächsten Treffen,

Euer Nils

Greetings!

Heute Nachmittag hat sich unsere AG erneut getroffen, um sich über den Fortschritt der Schul-Website auszutauschen. Dabei standen neben der weiteren Contentbeschaffung auch neue Konzepte zur Mitgliederwerbung zur Diskussion, die unsere noch beschauliche Runde erweitern könnten.

So haben wir uns nach mehrfachem Abwägen der Vorschläge dazu entschlossen, speziell die (zum Teil neuen) Informatik-Lehrkräfte anzusprechen und in die Suche nach weiteren Interessenten näher einzubinden. Ebenso tauschten wir uns über den alternativen Neustart unserer “Werbekampagne” aus, in deren Rahmen wir uns direkt an die Klassenstufen 10-13 wenden würden.

Wir bekommen außerdem  die Gelegenheit, einen Artikel über unsere Homepage AG in der diesjährigen Schulchronik zu veröffentlichen.

Unser nächstes Treffen wird bisher voraussichtlich am 20.04.2010 wieder um 14:00 Uhr stattfinden.

Bis dahin bereits eine schöne Osterzeit und erholsame Ferien,

Carsten

Heute, am 16.02.2010, haben wir uns erstmals im Jahre 2010 versammelt, um das weitere Vorgehen zu ermitteln.

Neben diesem Vorhaben heißen wir ganz herzlich neue Mitglieder in der Homepage-AG willkommen, die uns auch in Zukunft tatkräftig unterstützen werden.

Auch dieses Halbjahr haben wir uns wieder viel vorgenommen, was in die Tat umgesetzt werden muss.Zum einen geht es darum, den Content vollständig zu beschaffen und in das nahezu fertige Layout der Homepage zu integrieren.

Zum anderen wird anschließend die vom Design her fertige Homepage technisch umgesetzt werden, sodass die vollkommen neue Internetseite des Gymnasiums Brunsbüttels  online gehen kann.

An dieser Stelle sei nochmals darauf hingewiesen, dass wir uns über jedes neue Mitglied sehr freuen würden.

Wer also interessiert ist am Kreiiren unserer Homepage, der ist herzlich willkommen und kann uns tatkräftig unterstützen.

Nachdem  nun das erste Schulhalbjahr als Projektkurs rum ist, alle Aufgaben abgegeben und Noten verteilt wurden soll es nun in die zweite Runden gehen.

Unser nächstes Treffen finden morgen Di. den 16.02.2010 um 14.00 Uhr statt. Wir treffen uns in der Verwaltung.

cheers,
Sebastian