[OPEN] Frontend

Entstehungsjahr: 2006-07
Aufgaben: Konzeption, Design, HTML & CSS Programmierung

Die Entwicklung eines kompletten Frontends für eine komplexe, webbasierte Anwendung ist wohl die wohl bisher anspruchsvollste Arbeit von alphanull auf diesem Gebiet. Die Aufgabe war es, für ein modulares Projektmanagementsystem eine Art "Grafikbaukasten" zu entwickeln, der bestimmte, häufig verwendete Interfaceelemente bereithält, die flexibel und modular zu Eingabemasken, Tabellen, Flowchart-ähnlichen Ausgaben usw zusammengebaut werden können.

Eine weitere Aufgabe war es, die HTML Ausgabe auch beliebig frei gestalten zu können, um so die Oberfläche zB für verschiedene Kunden im Design anpassen zu können. Dieses auch "Theming" genannte Verfahren wird in der Testsuite auch demonstriert: ein und die selbe Datenstruktur erhält durch unterschiedliche "Style" Informationen (siehe auch hier) ein völlig unterschiedliches Design. Die Anpassung geht sogar soweit, dass auch unterschiedliche Bilder wie zB Logos "umgeschaltet" werden können, ohne dass die Seite neu geladen werden muss. Ein weiteres Feature des Codes ist es, dass der selbe Code mit wenigen Änderungen in unterschiedlichen Formaten dargestellt wird. So muss zB für unterschiedliche Ansichten ein und derselben Daten auch nur ein Ausgabecode geschrieben werden, was in der Entwicklung wie auch Realisisierung sehr viel Zeit erspart.

Viel Zeit wurde auch in die Entwicklung von Formularelementen investiert, die dadurch sehr viel mehr Funktionalität und Möglichkeiten des grafischen Feedbacks besitzten, und last but not least ist der Code "accessible" angelegt, folgt also aktuellen HTML Standards und ist damit theoretisch sogar in einem reinen Textbrowser bedienbar, was die Benutzung der Applikation zB durch Sehbehinderte erlaubt.

Da es sich um eine Intranetanwendung handelt, sind an dieser Stelle nur Screenshots der laufenden Applikation(en) möglich. Den eigentlichen "Baukasten" mit Einzelelementen des Frontends sowie einigen Layoutbeispielen können Sie sich in der Testsuite anschauen.