Relaunch der PI3-Website

Größe: px

Ab Seite anzeigen:

Download "Relaunch der PI3-Website"

Anke Frank
vor 8 Jahren
Abrufe

1 Relaunch der PI3-Website Über Design & der Lehrstuhlhomepage. Cornelius Rabsch Cornelius Rabsch, 3. Dezember 2004 Relaunch der PI3-Website - p. 1/19

uni-mannheim.de/crabsch.html rabsch@pi3.informatik.

2 Gliederung Cornelius Rabsch, 3. Dezember 2004 Relaunch der PI3-Website - p. 2/19

3 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

benutzerfreundlich & übersichtlich Veränderung des Aufbaus und der Navigation ansprechend &

4 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

schlechte Navigation Studienarbeit der PI3-Website mittels XML/XSLT

5 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

keine intuitive Navigation, Frames, unflexibel Verwendung eines

6 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

verständlichere Navigation News direkt auf Startseite einheitl.

7 Übersicht Übersicht XML-Dateien XSLT-Dateien Cornelius Rabsch, 3. Dezember 2004 Relaunch der PI3-Website - p. 7/19

8 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

xml Auszug aus pi3.xml:... <forschung> <siteinfo fileid="forschung" fileuri="forschung.html"> <title>forschung</title> </siteinfo> <natix> <siteinfo fileid="natix" fileuri="natix.

9 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 </xsl:template> <xsl:template match="siteinfo"> <html xmlns=" 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

/@fileid=$start]"/> </xsl:template> <xsl:template match="siteinfo"> <html xmlns="http://www.w3.

10 Übersicht Übersicht Mitarbeiter wwwadmin create.sh zur automatischen der Homepage Aufruf von Xalan für jedes <siteinfo>-element Parameter $start Verzeichnis html/ enthält erzeugte XHTML-Dateien Vorgehensweise: Cornelius Rabsch, 3. Dezember 2004 Relaunch der PI3-Website - p. 10/19

<siteinfo>-element Parameter $start = @fileid Verzeichnis html/ enthält

11 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

html //wird generiert /downloads/* //aenderbar /xml //aenderbar /xsl /create.

12 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

produktiv stellen (mit rsync) des html-verzeichnis /html/*.

13 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=" "/> <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

html">webseite</a> zur Vorlesung "Business Software (ERP)" ist online. </xhtml> </eintrag>... </news> <eintrag>.

14 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 & = Verweis auf Mitarbeiter-Datei Vorlage in xml/user.xml Cornelius Rabsch, 3. Dezember 2004 Relaunch der PI3-Website - p. 14/19

html"> <title>matthias Brantner</title> </siteinfo> </person>... //weitere Mitarbeiter </wimi> <person>.

15 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> </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

xml <data> <name>algorithmen und Datenstrukturen</name> <art>vorlesung</art> <dozent>prof. Dr.

16 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

Forschung) weniger Redundanz & Design definiert in XSL-Templates normalerweise Änderung nicht notwendig

17 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

18 Fragen? Fragen??? Zusammenfassung Ausblick Cornelius Rabsch, 3. Dezember 2004 Relaunch der PI3-Website - p. 18/19

19 Vielen Dank. Vielen Dank. Zusammenfassung Ausblick Cornelius Rabsch, 3. Dezember 2004 Relaunch der PI3-Website - p. 19/19

Ähnliche Dokumente

Layoutmodelle. Steffen Schwientek Große Klostergasse 5 61169 Friedberg Email:schwientek@web.de Web :schlaukopp.org

Layoutmodelle. Steffen Schwientek Große Klostergasse 5 61169 Friedberg Email:schwientek@web.de Web :schlaukopp.org Layoutmodelle HTML wurde von ihren Erfindern nicht als Layoutsprache entworfen, sondern zur Informationsübermittlung entworfen Es gab verschiedene Modelle, welche das Web populär machten und. Bei Erstellung