CMS-Kolloquium am 10. Januar 2006 QIS-Layout CMS-Kolloquium am 10. Januar 2006
CMS-Kolloquium am 10. Januar 2006 QIS-Layout Layout-Bereiche Web-Layout Gestaltung der Online-Ausdrucke Gestaltung des Flyers Ziel des Layouts Gestaltung soll Funktionalität unterstützen Wiedererkennung der Humboldt Universität Umsetzung des Corporate Design der HU Layout-Bereiche: kurze Beispiele zeigen (genauer erklären) Gestaltung soll Funktionalität unterstützen -> Benutzbarkeit hat höchste Priorität Corporate Design der HU: Wenn Nutzer mit HU-Design (Webseite) vertraut -> mit HU-QIS-Webseite schneller / leichter vertraut CMS-Kolloquium am 10. Januar 2006
CMS-Kolloquium am 10. Januar 2006 QIS-Layout: Web Nachher blaue Balken mit HU-Logo und Navigation auf der rechten Seite Foto an linker Seite HU-QIS Überschrift Vorher -Layout-Elemente zeigen CMS-Kolloquium am 10. Januar 2006
CMS-Kolloquium am 10. Januar 2006 QIS-Layout: Web Ziel erzeugen von dynamischen Webseiten Realisierung Velocity: Java-basierte „Schablonen-Maschine“ (template engine) Open-Source-Projekt der Jakarta-Projektgruppe von Apache Schablonen (VM-Dateien) werden mit Inhalt gefüllt CMS-Kolloquium am 10. Januar 2006
CMS-Kolloquium am 10. Januar 2006 QIS-Layout: Web Praktisch alle relevanten VM-Dateien anpassen (ca. 37) erzeugte Webseiten testen: Internet Explorer, Netscape, Mozilla, Opera, Konqueror, lynx Version, die für alle Browser akzeptabel ist CMS-Kolloquium am 10. Januar 2006
QIS-Layout: Web Technik 3-Schichten Architektur: Daten, Anwendung, Darstellung Verteilte Anwendung (LDAP-Server, POS-GX) Darstellung: Velocity (vm -> html), ausserdem: css CMS-Kolloquium am 10. Januar 2006
QIS-Layout: Web Technik (Velocity) beispielhafte, gekürzte VM-Datei <html> (blau:html orange:vtl) <head> <title>${servlet.HOCHSCHUL_NAME}</title> </head> <body> #parse("head.vm") <div id="u3_linie"> <h3>$lang.pruefungsAnmeldungWichtigeInfo</h3> </div> #parse("foot.vm") </body> </html> Velocity: Scriptsprache $servlet.HOCHSCHUL_NAME: Referenzierung des Objektes servlet, des Feldes HOCHSCHUL_NAME #parse(„head.vm“): Eine weitere vm-Datei wird gelesen und an diese Stelle kopiert Weitere Sprachelemente: Verzweigungen (if/else) Schleifen (foreach) interne Variablen (Velocity), Zugriff auf Methoden der Java-Objekte einfach, schnell zu lernen, trotzdem mächtig CMS-Kolloquium am 10. Januar 2006
QIS-Layout: Web Technik (Velocity) VM-Dateien: list.vm header.vm head.vm loginInfo.vm foot_1.vm navigation.vm foot_2.vm 7 VM-Dateien: Allgemein: header, head, loginInfo, foot_1, navigation, foot_2 Speziell: list.vm Java-Objekte: $Pruefunginfo: org.jdom.Element, enthält wiederum Kindelemente -> Prüfungen $Leg_Part:java.util.TreeMap, enthält Schlüssel und deren Werte Java-Objekte: $PruefungsInfo $Leg_Part CMS-Kolloquium am 10. Januar 2006
QIS-Layout: Web Technik (Velocity) Verbindung Java-Servlets – Velocity: Verfügbarmachen der Objekte (Java-Klasse): Zugriff auf Objekte (Velocity: list.vm) context.put("PruefungsInfo", info); context.put("Leg_Part", legende_map); #foreach($pruefung in $PruefungsInfo.getChildren()) $pruefung.getAttributeValue("Prnr") $pruefung.getAttributeValue("Pruefung") ... #end Codeschnipsel: Java-Klasse VM-Datei (list.vm) CMS-Kolloquium am 10. Januar 2006
QIS-Layout: Online-Ausdrucke erstellen von PDF-Dateien aus QIS, zum Ausdrucken Leistungsspiegel, Angemeldete Prüfungen Problem: keine offiziellen Dokumente kein offizielles Layout weder unkenntlich machen durch Hintergrundbild noch auf HU-Logo verzichten bis zur jetzigen Lösung viele Änderungen und verschiedene Vorschläge Änderungen beim Leistungsspiegel absehbar Zeigen von Ausdrucken Angemeldete Prüfungen, Leistungsspiegel CMS-Kolloquium am 10. Januar 2006
QIS-Layout: Online-Ausdrucke (Technik) XML, XSL, FO mit Hilfe von Apache FOP: Formatting Objects Processor CMS-Kolloquium am 10. Januar 2006
QIS-Layout: Online-Ausdrucke (Technik) beispielhafte, gekürzte XML-Datei <?xml version="1.0" encoding="ISO-8859-1"?> <Reports> <sos.nachname>Qistest</sos.nachname> <sos.vorname>Juliane</sos.vorname> <Pruefung> <Pruefungstext>Bürgerliches Recht</Pruefungstext> <Pruefungsdatum>02.03.2006</Pruefungsdatum> <PrNr>1103</PrNr> </Pruefung> </Reports> CMS-Kolloquium am 10. Januar 2006
QIS-Layout: Online-Ausdrucke (Technik) <fo:flow font-family="Helvetica, sans-serif" flow-name="xsl-region-body"> <fo:table-body> <xsl:for-each select="Pruefung"> Definieren des Blattes: <fo:layout-master-set> <fo:simple-page-master ... Inhalt hinein: <fo:page-sequence master-reference="pagemaster1"> <fo:static-content flow-name="xsl-region-after"> <fo:flow flow-name="xsl-region-body"> <fo:footnote> <fo:footnote-body font-size="8pt"> <fo:static-content flow-name="xsl-region-after"> CMS-Kolloquium am 10. Januar 2006
QIS-Layout: Online-Ausdrucke (Technik) beispielhafte, gekürzte XSL-Datei <?xml version="1.0" encoding="ISO-8859-1"?> (blau:xsl orange:fo) <fo:table-body> <xsl:for-each select="Pruefung"> <fo:table-row keep-with-next="always" font-size="10pt"> <fo:table-cell display-align="after" padding-right="7pt"> <fo:block> <xsl:value-of disable-output-escaping="no" select="Pruefungstext"/> </fo:block> </fo:table-cell> <xsl:value-of disable-output-escaping="no" select="Pruefungsdatum"/> </xsl:for-each> </fo:table-body> CMS-Kolloquium am 10. Januar 2006
CMS-Kolloquium am 10. Januar 2006 QIS-Layout: Flyer Information für Studierende: Wie funktioniert QIS? HU-Account, TAN-Liste, Sicherheit Ansprechpartner Druck von ca. 2500 Exemplaren Anfang Oktober verteilt an alle teilnehmenden Fakultäten erstellt mit Hilfe von Frau Manuela Schulze Fakultäten: vor allen Juristische Fakultät, Phil Fak II CMS-Kolloquium am 10. Januar 2006