CMS-Kolloquium am 10. Januar 2006 1 QIS-Layout. CMS-Kolloquium am 10. Januar 2006 2 QIS-Layout...

15
CMS-Kolloquium am 10. Januar 2006 1 QIS-Layout

Transcript of CMS-Kolloquium am 10. Januar 2006 1 QIS-Layout. CMS-Kolloquium am 10. Januar 2006 2 QIS-Layout...

Page 1: 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.

CMS-Kolloquium am 10. Januar 2006 1

QIS-Layout

Page 2: 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.

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

Page 3: 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.

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

Page 4: 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.

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

Page 5: 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.

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

Page 6: 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.

CMS-Kolloquium am 10. Januar 2006 6

QIS-Layout: Web Technik

Page 7: 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.

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

Page 8: 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.

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:

Page 9: 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.

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

Page 10: 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.

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

Page 11: 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.

CMS-Kolloquium am 10. Januar 2006 11

QIS-Layout: Online-Ausdrucke (Technik)

Technik:

• XML, XSL, FO• mit Hilfe von Apache FOP: Formatting Objects

Processor

Page 12: 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.

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

Page 13: 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.

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">

Page 14: 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.

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

Page 15: 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.

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