Erstellung einer Web-Applikation zur grafischen Erstellung oder Bearbeitung von Formularen
Angular, Java, Oracle Database
Der Formular-Designer ist eine IP5-Arbeit, deren Ziel es ist, eine bestehende Software um eine grafische Bearbeitungsfunktion für Formulare zu erweitern.
Die Ausgangslage ist die Applikation i-engine, die vom Unternehmen the i-engineers AG entwickelt wird. Die i-engine ist ein Enterprise-Content-Management-System, welche vor allem in der Gesundheitsbran-che eingesetzt wird. Ein Teil der i-engine sind Formulare, die über Tabellen in einer Datenbank konfiguriert und dann in ei-nem Web-Front-End ausgegeben werden. Dabei essenziell sind zwei Tabellen, wobei eine das Formular und dessen Metadaten und die andere die einzelnen Formularfelder des Formulars speichert. Momentan werden diese Formulare direkt über ein Verwaltungswerkzeug für SQL-Datenbanken konfiguriert, was einerseits fehleranfällig ist, da beinahe keine Überprüfung der eingegebenen Daten existiert und ande-rerseits ein umfangreiches Wissen des Bearbeiters voraussetzt. Dies aufgrund der Voraussetzung, dass der Parametrisierer wissen muss, wie die einzelnen Spalten der Tabellen zu befüllen sind und welche Regelsätze eingehalten werden müssen.
Nun wurde ein einfacheres, weniger fehleranfälliges und zeitsparendes Verfahren entwickelt, welches mit einer Benutzeroberfläche ermöglicht, diese Formulare zu erstellen und zu bearbeiten. Dabei wird die Drag-und-Drop-Funktion eingesetzt, um neue Formularfelder direkt ins Formular zu ziehen und diese platzieren zu können. Innerhalb eines Formulars kann mit derselben Funktion ein Formularfeld frei verschoben werden. Dabei steht dem Nutzer eine Sammlung von vorgefertigten Formularfeldern in einer Komponentenbibliothek zur Verfügung, um sie von dort direkt in das Formular ziehen zu können. Mit dem Ende des Projekts «Formular-Designer» sind die i-engineers nun in der Lage, alle ihre existie-renden Formulare im Formular-Designer zu laden und zu bearbeiten. Über den Formular-Designer kön-nen neue Formulare erstellt werden und in wenigen Minuten eine vollständige Darstellung eines Formu-lars eingerichtet werden. Für kompliziertere Formularfelder steht dem i-engineer pro Formularfeld eine Eigenschaftenanzeige zur Verfügung, welche es ihm in kurzer Zeit ermöglicht, die Eigenschaften eines Formularfelds anzupassen, um so die gewünschte Funktionalität des Formularfelds einzurichten. Mit-tels einer Kollisionsprüfung erkennt der Formular-Designer überlappende Formularfelder und zeigt dem i-engineer die Kollision an. Mit der Darstellung des Formulars in mehreren Schichten wird es dem i-engineer ermöglicht, Formularfelder in andere Schichten des Formulars zu kopieren, um das kopierte Formularfeld in anderen Schichten einzusetzen. Alles in Allem bietet der Formular-Designer eine intuitive, benutzerfreundliche, erweiterbare und an-passbare Benutzeroberfläche, welche dem i-engineer die Arbeit deutlich erleichtert.
1 Semester, Aufwand in Personenstunden: 180h, Teamgrösse: 2
the i-engineers AG , Badenerstrasse 141, 8004 Zürich
Manuel Attiger, Vangelis Al-Sghir
Wolfgang Weck, wolfgang.weck@fhnw.ch
