1 / 15

QIS-Layout

QIS-Layout. 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. QIS-Layout: Web. Nachher

lea
Download Presentation

QIS-Layout

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  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) 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> CMS-Kolloquium am 10. Januar 2006

  8. QIS-Layout: Web Technik (Velocity) VM-Dateien: • list.vm • header.vm • head.vm • loginInfo.vm • foot_1.vm • navigation.vm • foot_2.vm Java-Objekte: • $PruefungsInfo • $Leg_Part 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) 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

  13. 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"> <fo:footnote-body font-size="8pt"> <fo:static-content flow-name="xsl-region-after"> CMS-Kolloquium am 10. Januar 2006

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

  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 CMS-Kolloquium am 10. Januar 2006

More Related