13
Fachhochschule Zittau/Görlitz Fachbereich Informatik Denny Israel, Daniel Winter Christian Schäfer, Michael Kohlsche Dozent: Lars Rönisch

Aski Onlinefragebogen

  • Upload
    manon

  • View
    32

  • Download
    0

Embed Size (px)

DESCRIPTION

Aski Onlinefragebogen. Fachhochschule Zittau/Görlitz Fachbereich Informatik Denny Israel, Daniel Winter Christian Schäfer, Michael Kohlsche Dozent: Lars Rönisch. Agenda. System – Allgemein Backend Workflow Mail-Versand PDF-Erzeugung Chart-Erzeugung Frontend CSS GUI Demo. Mockups I. - PowerPoint PPT Presentation

Citation preview

Page 1: Aski Onlinefragebogen

Fachhochschule Zittau/GörlitzFachbereich Informatik

Denny Israel, Daniel WinterChristian Schäfer, Michael Kohlsche

Dozent: Lars Rönisch

Page 2: Aski Onlinefragebogen

AgendaSystem – AllgemeinBackend

WorkflowMail-VersandPDF-ErzeugungChart-Erzeugung

FrontendCSSGUI

Demo

Page 3: Aski Onlinefragebogen

Mockups IErste Entwürfe als HTML von allen Team-

Mitgliedern

Page 4: Aski Onlinefragebogen

Mockups II

Page 5: Aski Onlinefragebogen

Mockups III

Zusammenfassung aller Ideen

Page 6: Aski Onlinefragebogen

OberflächeStandard Grails Layout

Anpassung der Grails Styles mit CSS

Page 7: Aski Onlinefragebogen

AskI Oberfläche

Page 8: Aski Onlinefragebogen

Aufbau der GSPs IGrundlayout für alle GSPs in main.gsp

Definition von immer sichtbaren BereichenCSS-Includes, Locale-Auswahl, Kopf- und

FußzeilenDie eigentlichen Inhalte werden zur Laufzeit

mit <g:layoutBody /> eingefügt

Page 9: Aski Onlinefragebogen

Folgender Markup steht im Bodytag eines gewöhnlichen HTML-Grundgerüsts:

Aufbau der GSPs II

Page 10: Aski Onlinefragebogen

Einfühung einer TagLib

Kapselt MarkupVerbessert LesbarkeitSteigerung der WiederverwendbarkeitVerhinderung von duplicated Code

Page 11: Aski Onlinefragebogen

Einsatz von Ajax IProblem:

Abhängig von Auswahl eines Listen-Items soll andere Liste gefüllt werden

Klick zum Aktualisieren der zweiten Liste dem Nutzer möglichst ersparen

Page 12: Aski Onlinefragebogen

Lösung:

Einsatz von AjaxFüllen der 2. Liste bei onChange()-EventGute Unterstützung durch Grails

einfache UmsetzungUnstützte JavaScript Bibliotheken:

PrototypeDojoYahoo UI Library (YUI)

Einsatz von Ajax II

Page 13: Aski Onlinefragebogen

Zu implementierende Teile:In GSP:

In UmfrageController:

Einsatz von Ajax III