Download - Aski Onlinefragebogen
![Page 1: Aski Onlinefragebogen](https://reader034.vdokument.com/reader034/viewer/2022051401/56814fc8550346895dbd84a6/html5/thumbnails/1.jpg)
Fachhochschule Zittau/GörlitzFachbereich Informatik
Denny Israel, Daniel WinterChristian Schäfer, Michael Kohlsche
Dozent: Lars Rönisch
![Page 2: Aski Onlinefragebogen](https://reader034.vdokument.com/reader034/viewer/2022051401/56814fc8550346895dbd84a6/html5/thumbnails/2.jpg)
AgendaSystem – AllgemeinBackend
WorkflowMail-VersandPDF-ErzeugungChart-Erzeugung
FrontendCSSGUI
Demo
![Page 3: Aski Onlinefragebogen](https://reader034.vdokument.com/reader034/viewer/2022051401/56814fc8550346895dbd84a6/html5/thumbnails/3.jpg)
Mockups IErste Entwürfe als HTML von allen Team-
Mitgliedern
![Page 4: Aski Onlinefragebogen](https://reader034.vdokument.com/reader034/viewer/2022051401/56814fc8550346895dbd84a6/html5/thumbnails/4.jpg)
Mockups II
![Page 5: Aski Onlinefragebogen](https://reader034.vdokument.com/reader034/viewer/2022051401/56814fc8550346895dbd84a6/html5/thumbnails/5.jpg)
Mockups III
Zusammenfassung aller Ideen
![Page 6: Aski Onlinefragebogen](https://reader034.vdokument.com/reader034/viewer/2022051401/56814fc8550346895dbd84a6/html5/thumbnails/6.jpg)
OberflächeStandard Grails Layout
Anpassung der Grails Styles mit CSS
![Page 7: Aski Onlinefragebogen](https://reader034.vdokument.com/reader034/viewer/2022051401/56814fc8550346895dbd84a6/html5/thumbnails/7.jpg)
AskI Oberfläche
![Page 8: Aski Onlinefragebogen](https://reader034.vdokument.com/reader034/viewer/2022051401/56814fc8550346895dbd84a6/html5/thumbnails/8.jpg)
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](https://reader034.vdokument.com/reader034/viewer/2022051401/56814fc8550346895dbd84a6/html5/thumbnails/9.jpg)
Folgender Markup steht im Bodytag eines gewöhnlichen HTML-Grundgerüsts:
Aufbau der GSPs II
![Page 10: Aski Onlinefragebogen](https://reader034.vdokument.com/reader034/viewer/2022051401/56814fc8550346895dbd84a6/html5/thumbnails/10.jpg)
Einfühung einer TagLib
Kapselt MarkupVerbessert LesbarkeitSteigerung der WiederverwendbarkeitVerhinderung von duplicated Code
![Page 11: Aski Onlinefragebogen](https://reader034.vdokument.com/reader034/viewer/2022051401/56814fc8550346895dbd84a6/html5/thumbnails/11.jpg)
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](https://reader034.vdokument.com/reader034/viewer/2022051401/56814fc8550346895dbd84a6/html5/thumbnails/12.jpg)
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](https://reader034.vdokument.com/reader034/viewer/2022051401/56814fc8550346895dbd84a6/html5/thumbnails/13.jpg)
Zu implementierende Teile:In GSP:
In UmfrageController:
Einsatz von Ajax III