Relaunch der PI3-Website Über Design & der Lehrstuhlhomepage. Cornelius Rabsch http://pi3.informatik.uni-mannheim.de/crabsch.html rabsch@pi3.informatik.uni-mannheim.de Cornelius Rabsch, 3. Dezember 2004 Relaunch der PI3-Website - p. 1/19
Gliederung 1. 2. 3. 4. 5. Cornelius Rabsch, 3. Dezember 2004 Relaunch der PI3-Website - p. 2/19
Zielsetzungen Zielsetzungen Ausgangspunkt Zum Design Neuerungen Inhalt einfache Verwaltungsmöglichkeiten XML-Dateien (nur Inhalt) Flexibilität erhalten Design benutzerfreundlich & übersichtlich Veränderung des Aufbaus und der Navigation ansprechend & modern einheitlich Grunddesign fest vorgegeben Cornelius Rabsch, 3. Dezember 2004 Relaunch der PI3-Website - p. 3/19
Ausgangspunkt Zielsetzungen Ausgangspunkt Zum Design Neuerungen alte PI3-Website Inhalt komplett übernommen Design nicht mehr zeitgemäß schlechte Navigation Studienarbeit der PI3-Website mittels XML/XSLT Festlegung auf Technik Cornelius Rabsch, 3. Dezember 2004 Relaunch der PI3-Website - p. 4/19
Zum Design Zielsetzungen Ausgangspunkt Zum Design Neuerungen Corporate Design der Uni übernehmen? keine intuitive Navigation, Frames, unflexibel Verwendung eines eigenen Designs Farbwahl durch Fakultät vorgegeben Cornelius Rabsch, 3. Dezember 2004 Relaunch der PI3-Website - p. 5/19
Neuerungen Zielsetzungen Ausgangspunkt Zum Design Neuerungen geänderte Benutzerführung z.b. neue Gliederung bei Lehre Quicklinks für aktuelle Vorlesungen Fussleiste hinzugefügt schnellere & verständlichere Navigation News direkt auf Startseite einheitl. Erscheinungsbild für Veranstaltungen Gliederung der Publikationsliste nach Autor Cornelius Rabsch, 3. Dezember 2004 Relaunch der PI3-Website - p. 6/19
Übersicht Übersicht XML-Dateien XSLT-Dateien Cornelius Rabsch, 3. Dezember 2004 Relaunch der PI3-Website - p. 7/19
XML-Dateien Übersicht XML-Dateien XSLT-Dateien Aufbau von pi3.xml: enthält & Inhalt der gesamten Website für jede Seite wird <siteinfo>-element angelegt durch Verschachtelung Navigations- beschreiben Entities zur Aufteilung in einzelne Dateien z.b. mitarbeiter.xml Auszug aus pi3.xml:... <forschung> <siteinfo fileid="forschung" fileuri="forschung.html"> <title>forschung</title> </siteinfo> <natix> <siteinfo fileid="natix" fileuri="natix.html"> <title>natix: Ein natives Datenbanksystem fr XML</title> <linktitle>natix</linktitle> </siteinfo> &natix; //Inhalt von natix.html in natix.xml </natix>... //weitere Unterseiten von Forschung </forschung>... //weitere Seiten auf der Ebene von Forschung Cornelius Rabsch, 3. Dezember 2004 Relaunch der PI3-Website - p. 8/19
XSLT-Dateien Übersicht XML-Dateien XSLT-Dateien Anweisungen zur der einzelnen Seiten (XML XHTML) Zuordnung eines XSL-Templates zu jedem <siteinfo>-element mitarbeiter.xsl, publikationen.xsl, veranstaltungen.xsl, lehre.xsl Vorgabe des Grunddesigns in generatehtml.xslt Auszug aus xsl/generatehtml.xslt:... <xsl:template match="/"> <xsl:apply-templates select="//siteinfo[./@fileid=$start]"/> </xsl:template> <xsl:template match="siteinfo"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="de"> <head> <title><xsl:value-of select="title"/> - Lehrstuhl fuer Praktische Informatik III</title> </head> <body>... <xsl:apply-templates select=".."/> //Inhalt einfuegen </body></html> </xsl:template> Cornelius Rabsch, 3. Dezember 2004 Relaunch der PI3-Website - p. 9/19
Übersicht Übersicht Mitarbeiter wwwadmin create.sh zur automatischen der Homepage Aufruf von Xalan für jedes <siteinfo>-element Parameter $start = @fileid Verzeichnis html/ enthält erzeugte XHTML-Dateien Vorgehensweise: Cornelius Rabsch, 3. Dezember 2004 Relaunch der PI3-Website - p. 10/19
Mitarbeiter Übersicht Mitarbeiter wwwadmin Erstellung einer lokalen Kopie der HP im Homeverzeichnes cvs -d /home/projects/cvs co homepage Verzeichnisstruktur /homepage/html/*.html //wird generiert /downloads/* //aenderbar /xml //aenderbar /xsl /create.sh //generiert Website //lokales Testen Änderung der XML-Datei oder Hinzufügen von Downloads Prüfung der Korrektheit durch Aufruf von create.sh Bestätigung cvs commit add Cornelius Rabsch, 3. Dezember 2004 Relaunch der PI3-Website - p. 11/19
wwwadmin Übersicht Mitarbeiter wwwadmin Aufruf von create.sh durch wwwadmin Checkout der Homepage im CVS der HTML-Dateien produktiv stellen (mit rsync) des html-verzeichnis /html/*.html /downloads/* //online //online Cornelius Rabsch, 3. Dezember 2004 Relaunch der PI3-Website - p. 12/19
News hinzufügen & ändern News hinzufügen & ändern Mitarbeiter hinzufügen & ändern Vorlesungen bearbeiten Auszug aus xml/news.xml: <news>... <eintrag art="lehre" show="no"> <datum von="29.10.2004"/> <xhtml> Die <a href="erp_ws04.html">webseite</a> zur Vorlesung "Business Software (ERP)" ist online. </xhtml> </eintrag>... </news> <eintrag>...</eintrag> Copy & Paste XHTML verwenden (z.b. <br />) Cornelius Rabsch, 3. Dezember 2004 Relaunch der PI3-Website - p. 13/19
Mitarbeiter hinzufügen & ändern News hinzufügen & ändern Mitarbeiter hinzufügen & ändern Vorlesungen bearbeiten Auszug aus xml/mitarbeiter.xml: <wimi>... <person href="/home/msb/public_html/msb.xml"> <siteinfo fileid="brantner_index" fileuri="msb.html"> <title>matthias Brantner</title> </siteinfo> </person>... //weitere Mitarbeiter </wimi> <person>...</person> Copy & Paste @href = Verweis auf Mitarbeiter-Datei Vorlage in xml/user.xml Cornelius Rabsch, 3. Dezember 2004 Relaunch der PI3-Website - p. 14/19
Vorlesungen bearbeiten News hinzufügen & ändern Mitarbeiter hinzufügen & ändern Vorlesungen bearbeiten href-attribut für Vorlesungsseiten (z.b. in grundstudium.xml) fest vorgegebene Elemente wie z.b. <name>, <art>, <dozent> Auszug aus xml/algodat/algodat_ws04.xml <data> <name>algorithmen und Datenstrukturen</name> <art>vorlesung</art> <dozent>prof. Dr. Guido Moerkotte</dozent> <semester>wintersemester 04/ 05</semester> <sws>4 + 2</sws> <beginn>25.10.2004</beginn> <termin> <zeit>mo: 10:15-11:45</zeit> <raum>b6 A0.01</raum> </termin> <termin> <zeit>mi: 10:15-11:45</zeit> <raum>b6 A0.01</raum> </termin>... // weitere Elemente wie <inhalt>, <pruefung>, <skript>, <tutorium> </data> Cornelius Rabsch, 3. Dezember 2004 Relaunch der PI3-Website - p. 15/19
Zusammenfassung Zusammenfassung Ausblick Trennung von Inhalt, & Design Inhalt fest vorgegeben, aber dennoch flexibel (Bsp. Forschung) weniger Redundanz & Design definiert in XSL-Templates normalerweise Änderung nicht notwendig Formatierung einheitlich durch CSS vorgegeben Fazit: Zielsetzungen alle erreicht auf jeden Fall Verbesserung überwiegend positive Resonanz Cornelius Rabsch, 3. Dezember 2004 Relaunch der PI3-Website - p. 16/19
Ausblick viele Spielereien möglich News im RSS-Format Anfragen in XML-Dateien verwenden Refactoring Zusammenfassung Ausblick Cornelius Rabsch, 3. Dezember 2004 Relaunch der PI3-Website - p. 17/19
Fragen? Fragen??? Zusammenfassung Ausblick Cornelius Rabsch, 3. Dezember 2004 Relaunch der PI3-Website - p. 18/19
Vielen Dank. Vielen Dank. Zusammenfassung Ausblick Cornelius Rabsch, 3. Dezember 2004 Relaunch der PI3-Website - p. 19/19