Hostsharing-Projekt: Überarbeitung der Website
Ziel
Erstellung einer neuen Website mit moderner wirkendem Design, besserer Dokumentation und verbesserter Wartbarkeit.
Nebenziele
- Die Sonderkonfiguration im hsh00 Paket entfällt, wenn hs.web (die alte Engine) nicht mehr nötig ist.
- Dokumentation kann als ganz eigenständiger Block in der Website nach und nach aus externen Quellen gespeist werden, die auch in anderen Formaten ausgegeben werden kann, z.B. Portable Document Format (pdf), Windows Help File (hlp), als Broschüre, usw.
Bisherige Ergebnisse, Einzelziele, Aufgaben
- Wir bauen eine komplett neue Website auf.
- Im ersten Schritt werden nur statische Seiten umgesetzt.
- Die Dokumentation wird deutlich "nach oben" geholt und
- Vieles wird in die Dokumentation eingearbeitet, das jetzt anderswo verstreut ist,
- Im Gegensatz zur alten Strategie wird Dokumentation für Anwendung, Nutzung, Mitmachen, innerer Aufbau, interne, externe Beschreibungen usw. ganz unter einem Dach zusammengefasst.
- neu strukturiert:
- Starke Gliederung
- Kurze Würze
- viele kleine Themenseiten
- nur ein Thema pro Seite
- Dokumentation soll klar nach Anwendung gegliedert sein, erstes Ordnungskriterium ist "Wer fragt?" nicht mehr "Welcher technische Gegenstand?"
- Für alle URLs, die sich gegenüber der alten Site ändern, müssen 301-Redirects auf die jeweiligen neuen URLs angelegt werden.
- Das bisherige Download Area
- wird ins Menu integriert
- läuft nicht mehr als Applikation
- hat niedrige Priorität bei der Umsetzung
- Seiten mit dynamischen Einblendungen (Uhrzeit, Anzahl Mitglieder, Traffic-Zahlen) werden erst in einem zweiten Schritt realisiert
- Volldynamische Seiten (z.B. Bestellformular) und Applikationen werden erst in einem dritten Schritt entwickelt und vorhandene Applikationen laufen vorerst in der alten Weise weiter, sie werden erst später portiert.
- Wir arbeiten mit einer zentralen
/index.php, die bei jedem Seitenabruf aufgerufen wird, die das zur aufgerufenen URL passende Menü und Quelldokument heraussucht, das Quelldokument entsprechend ins Zieldokument umwandelt und an den Browser sendet. Später optional: Caching. Also: - Die neue Website wird mit einer neu zu schreibenden Engine ausgegeben
- die Menues ausgeben kann,
- die in Applikationen verzweigen kann (denen sie als Unterprogramm/Koroutine zur Verfügung steht)
- die statische Seiten (mit Menues) und einigen Standard-Gestaltungen (Seitenrahmen, Layouts) ausgeben kann.
- Zur Umwandlung ins Zieldokument verwenden wir innerhalb der Engine ein XSLT-Template (derzeit zurückgestellt, da die aktuelle Engine genausogut ohne auskommen kann)
- URLs und Dateinamen bleiben potentiell voneinander verschieden und
- Pro Web-Seite gibt es nur noch eine Datei, in der:
- der anzuzeigende Inhalt (Text, html) und
- Meta-Information zum Inhalt, wie Autor, Keywords, Beschreibung, Verlinkung, Layout, Anzeigebedingungen und aehnliche
Wir nennen sie vereinfachend Inhaltsdatei.- Inhaltsdateien sind XML-Dateien, die als Elemente die Elemente die Meta-Informationen und ein <body> ... </body> Element enthalten
- Im Body-Element einer Inhaltsdatei sind viele Elemente enthalten, die in einer xhtml-Datei im Body-Element zulässig sind, aber nicht alle. Dazu gibt es eine Dokumentation für Autoren.
- Eine Inhaltsdatei kann bei Bedarf relativ einfach aus eigenen Quellen in andern Formaten generiert werden, z.B. Dokumentationsseiten aus dem DocBook Format
- Wir arbeiten mit einer zentralen Datei zur Menüdefnition,
die als CSV-Datei verwaltet wird und die folgenden Informationen
enthält:
- URL (variabler Teil ab dem host name)
- Menü-Ebene (Verschachtelt)
- Dateiname der dazugehörigen Inhaltsdatei bzw. Applikation
- Text des anzuzeigenden Menü-Punkts
- Html-Title-Attribut des Links des anzuzeigendes Menü-Punkts
- andere notwendige Informationen
- Die Reihenfolge der Menüpunkte in der Anzeige ergibt sich aus der Reihenfolge, in der sie in der Menüdatei definiert sind.
- Laufzeitoptimierungen in der Engine erfolgen nachrangig
- Die Engine ist gut dokumentiert
- Die Quelldateien der Web Site werden in einem cvs-Repository verwaltet und dort strukturiert (aber nicht zwingend mit der gleichen Struktur wie auf der Website) gespeichert. (Siehe aber diese Festlegung)
Aktueller Stand, erledigte Aufgaben
Hier sind nur große Schritte gelistet:
- Die erste Version der Engine ist fertig.
- Die Grundfassung der Menue-Datei ist fertig
- Die Struktur des Beschreibungsteils einer Inhaltsdatei ist fertig
- Die Struktur des Inhaltsteils (Body-Element) einer Inhaltsdatei ist weitgehend festgelegt
- Eine relativ aktuelle Liste der URLs der alten Website ist online
- Alle Seiten der alten Website sind automatisiert ins neue Formant konvertiert worden und online
- Ein cvs für die neue Website ist eingerichtet, mit folgenden Repositories:
- www
- Document Root des Web Servers, per URL erreichbare Dateien
- hws
- Inhaltsdateien
- ????
- Konvertierte Dateien der alten Website in ihrer bisherigen Verzeichnisstruktur (verschwinden so wie sie abgearbeitet werden)
- Eine Basis-Fassung der neuen Website ist online und kann mit Inhaltsdateien aufgefüllt werden
In Arbeit
- Dokumentation der Engine (Purodha, niedrige Priorität)
- Verbesserungen an der Engine (Purodha, später)
- Beispielseiten der neuen Website online bringen (Purodha)
- Anwender-Doku: Wie binge ich eine alte Seite auf die neue Website? (Purodha, asap)
- Letztes Festlegen der xhtml-Tags und des erlaubten / erforderlichen Markup im Body-Element der Inhaltsdateien (Alle gemeinsam, nebenbei)
Offene Punkte
Offene Punkte und Details werden teilweise auch im Bugtracking-System von Hostsharing verwaltet, im Bereich Website. Links auf wichtige e-Mails in den Archiven und Diskussionsergebnisse werden den einzelnen Aufgaben als Ergänzungen und Notizen hinzugefügt.
Hier ein Überblick:
Engine
- Dokumentation ganz fertigstellen
- Einige Verbesserungen, siehe ToDo-System
- Caching der Menue-Definitionsdatei zufügen
- Caching statischer Seiten zufügen
- Handling von Seiten mit dynamischen Einblendungen klären
- Caching dynamischer Seiten ermöglichen
- Einbinden von Applikationen klären
- Einbinden von Applikationen programmieren
Menue-Datei
- Beschreibungstexte (html-title-Tags) für alle Menü-Punkte einfügen
- Dateinamen für alle Menü-Punkte zufügen (siehe auch weiter unten unter Inhalte)
Dokumentation
- Anwender-Dokumentation schreiben
- How-To und Dokumentation für Autoren schreiben
Inhalte
- Verzeichnisbaum und Dateinamen für die Inhalts-Dateien festlegen (siehe auch oben unter Menue-Datei)
- Konvertierte Texte der alten Website durchkorrigieren
- Aufteilen der konvertierten Texte, vor allem der Dokumentation, auf die neuen Dateien
- Die endgültige Festlegung der erlaubten html Tags in den Inhalten ist noch nicht getroffen
- Dazu muss auch noch eine Autorendokumentation geschrieben werden, die die Bereiche:
- Dateiformat
- erlaubtes html, erlaubter/vorgeschriebener Markup
- Festgelegte Styles
Technischer Rahmen
- Liste der alten URLs mit ihren Weiterleitungen auf die URLs der neuen Website erstellen
- Aufteilen der Dateien der alten Website auf z.T. viele Neue
- Festlegung der Namen und der groben Semantik (Bedeutung) der style classes
Gestaltung
- Weiteres Festlegen der wesentlichen Layouts der neuen Website
- Feintuning der Layouts der neuen Website
- Erstellen bzw. Fertigstellen des/der Style Sheets der neuen Website
- Verbindungen zu andern Gestaltungsaufgaben / zur CI / zu DokBook knüpfen
Wichtige Diskussionsbeiträge
- 2002-01-06: Anforderungen an die Website von Uwe
- 2002-02-11: Tips zur Strukturierung von Stylesheets von Michael Nahrath
- 2002-02-11: Nur Default-Schriftgröße verwenden von Michael Nahrath
- 2002-02-11: Nein, kleinere Schriften von Uwe
- 2002-02-11: Nein, kleinere Schriften von Jörg
- 2002-02-15: Coding Style Guideline von Purodha
- 2002-02-15: Verbesserungsvorschläge von Jörg
- 2002-02-15: Verbesserungsvorschläge von Michael Nahrath
- 2002-02-15: Erklärungen zur Funktion der HTML-Elemente p, div, span etc. von Michael Nahrath
- 2002-04-16: Nur CSS für's Layout benutzen von Jörg
- 2002-04-16: Website mit XML und XSLT erstellen von Jörg
- 2002-06-01: Vorschlag zur neuen Menüstruktur von Jörg
- 2002-06-01: Ergänzungen von Jörg
- 2002-06-01: Kommentare von Roland
- 2002-06-02: Ergänzungen von Purodha
- 2002-08-09: Doppelte Menüstruktur für technische Doku von Purodha
- 2002-07-26: Bugreport: Fehler in Gandalf von Purodha
- 2002-08-08: Gandalf nicht benutzen von Uwe
- 2002-08-08: HTML 4 Strict benutzen von Roland
- 2002-08-09: zentrale Menü-Definition verwenden von Purodha
- 2002-08-09: Inhalte einer Beschreibungsdatei von Purodha
- 2002-08-09: Vorschlag zum Aufbau von Applikationen von Michael Hönnig
- 2002-08-09: FAQ: Wie erstelle ich Browser-unabhängige HTML-Seiten von Michael Hönnig
- 2002-08-09: Fehlerkorrektur und Links zum Thema von Paul
- 2002-08-09: Bei Änderungen von URLs 301-Links verwenden von Paul
- 2002-08-09: Typen von Inhaltsseiten von Purodha
- 2002-08-10: Ergänzungen von Uwe
- 2002-08-09: Vorschlag zur zu verwendenden Technik von Jan Galinski
- 2002-08-11: Ergänzungen und Kommentare von Purodha
- 2002-08-10: Möglicher Aufbau von Doku-Seiten von Purodha
- 2002-08-11: Vorschlag zur zu verwendenden Engine von Purodha
- 2002-08-12: Erläuterungen dazu von Purodha
- 2002-08-11: (Fehlende) Trennung Layout/Inhalt bei bestimmten Inhalten von Purodha
- 2002-08-12: Vorschlag für die Engine von Jörg
- 2002-08-12: Erläuterungen dazu von Jörg
- 2002-08-12: Details zu Purodhas Vorschlag von Purodha
- 2002-08-13: Zusammenfassung von Purodha
- 2002-08-13: Ergebnisse von Jörg
- 2002-08-13: Details zur Menüdefinitionsdatei von Purodha
- 2002-08-13: Noch mehr Details zur Menüdatei von Purodha
- 2002-08-14: Vorschlag für das Format der Inhaltsdatei von Jörg
Materialien
- 2002-02-07: Error-Handler, gefunden von Purodha
- 2002-02-09: Beispielseite von Purodha (Mail)
- 2002-02-10: Entwurf und Farbbeispiele von Roland (Mail)
- 2002-08-09: Angewendet auf andere Seiten von Michael Hönnig
- 2002-02-10: Entwürfe von Michael Nahrath (Mail)
- 2002-03-27: Stylesheet von Uwe
- 2002-06-01: Grafische Darstellung der Serverstruktur von Roland (Mail)
- 2002-08-04: Mini-FAQ von Björn Isenbügel (Mail)
- 2002-08-08: Mini-Framework mit Beispielseite von Michael Hönnig (Mail)
- 2002-08-09: Entwurf der Titelleiste mit etwas verändertem Logo von Roland (Mail)
- 2002-08-10: Mit anderen Farben von Roland (Mail)
- 2002-08-10: Entwurf von Jan Galinski (Mail)
- 2002-08-10: Angewendet auf normale Inhaltsseiten von Jan Galinski (Mail)
- 2002-08-10: Blindtext von Jörg
- 2002-08-10: Entwurf 1 und Entwurf 2 von Michael (Mail)
- 2002-08-10: Mit anderer Fußzeilentextfarbe von Michael (Mail)
- 2002-08-10: Entwurf von Jan (Mail)
- 2002-08-10: Entwurf von Michael (Mail)
- 2002-08-10: Entwurf von Michael (Mail)
- 2002-08-12: Entwürfe 6, 7, 8, 9 von Michael
- 2002-08-12: Entwurf von Uwe (Mail)
- 2002-08-14: Entwürfe 10, 11, 12 von Michael
- 2002-08-14: Entwurf von Jan (Mail)
- 2002-08-14: Entwurf von Jan (Bugfix eines Entwurfs von Michael; Mail)
- 2002-08-15: Entwurf ohne Grafiken von Roland (Mail)
- 2002-08-16: Entwürfe 13, 14, 15, 16 von Michael
- 2002-08-16: Links zu XSLT von Michael
- 2002-08-16: Bannerideen von Michael
- 2002-08-20: Experimente mit XSLT von Michael
- 2002-08-21: Design-Elemente von Michael
- 2002-08-22: Vorführmodell der Menüanwendung von Purodha (Mail)
- 2002-08-22: Übersicht über die Entwürfe von Jörg (Mail)
Dokumentation
noch keine
Anforderungen
- Logo und Farbe müssen unseren Drucksachen entsprechen.
- An der Bearbeitung der Website müssen sich mehrere Mitglieder beteiligen können.
- Das Ändern von Inhalten muß offline möglich sein.
- Gestaltung ausschließlich über Stylesheets.
- Es soll ein Rechtesystem für die Veröffentlichung von Inhalten geben.
- Für alle URLs, die sich bei der Umstellung auf die neue Site ändern, müssen Redirects eingerichtet werden.
- Die URLs sollten so gewählt sein, daß sie sich möglichst nicht ändern (Cool URIs don't change).
- Die Site muß vollständig standardkonform sein.
- Im ersten Schritt werden nur statische Seiten umgesetzt.
- Das bisherige Download Area wird ins Menu integriert und läuft nicht mehr als Applikation
Notizen und Hinweise
- Wir brauchen eine Grafik, mit der man auf Hostsharing verlinken kann.
- Wir haben gerade (Ende März / Anfang April 2003) eine erneute Diskussion und Abstimmung zum Logo laufen, das wird Auswirkungen auf die Gestaltung der neuen Website haben.
Änderungen
Für Änderungen und Ergänzungen an dieser Seite bitte e-Mail an:
bli00 at hostsharing dot net.
oder
an die website@ mailingliste.

