View
107
Download
3
Category
Preview:
Citation preview
CMS-Kolloquium am 10. Januar 2006 1
QIS-Layout
CMS-Kolloquium am 10. Januar 2006 2
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
CMS-Kolloquium am 10. Januar 2006 3
QIS-Layout: Web
Nachher• blaue Balken mit HU-Logo und Navigation auf der rechten Seite • Foto an linker Seite• HU-QIS Überschrift
Vorher
CMS-Kolloquium am 10. Januar 2006 4
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 5
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 6
QIS-Layout: Web Technik
CMS-Kolloquium am 10. Januar 2006 7
QIS-Layout: Web Technik (Velocity)
<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>
beispielhafte, gekürzte VM-Datei
CMS-Kolloquium am 10. Januar 2006 8
QIS-Layout: Web Technik (Velocity)
• list.vm
• head.vm
• loginInfo.vm
• foot_1.vm
• navigation.vm
• foot_2.vm
• header.vm
• $PruefungsInfo
• $Leg_Part
VM-Dateien:
Java-Objekte:
CMS-Kolloquium am 10. Januar 2006 9
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
CMS-Kolloquium am 10. Januar 2006 10
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
CMS-Kolloquium am 10. Januar 2006 11
QIS-Layout: Online-Ausdrucke (Technik)
Technik:
• XML, XSL, FO• mit Hilfe von Apache FOP: Formatting Objects
Processor
CMS-Kolloquium am 10. Januar 2006 12
QIS-Layout: Online-Ausdrucke (Technik)
<?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>
beispielhafte, gekürzte XML-Datei
CMS-Kolloquium am 10. Januar 2006 13
QIS-Layout: Online-Ausdrucke (Technik)
<fo:static-content flow-name="xsl-region-after">
<fo:footnote-body font-size="8pt">
<fo:flow font-family="Helvetica, sans-serif" flow-name="xsl-region-body">
<fo:table-body><xsl:for-each select="Pruefung">
CMS-Kolloquium am 10. Januar 2006 14
QIS-Layout: Online-Ausdrucke (Technik)
<?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>
beispielhafte, gekürzte XSL-Datei
CMS-Kolloquium am 10. Januar 2006 15
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
Recommended