Von Christopher Bolego und Philip Ranigler, 5Ia

Webanwendung zur Verwaltung von Werbeflächen:
Zurzeit nutzt das Druckunternehmen Athesia zur Verwaltung der Werbeflächen von dessen Webseiten (z.B. stol.it, sportnews.bz) eine Excel-Tabelle, welche schwierig zu verwalten ist. Sie wollen in nächster Zeit auf eine einfachere und sicherere Lösung umsteigen. Dazu haben wir eine Webanwendung entwickelt, die es den Vertretern erlaubt direkt beim Kunden die gewünschte Werbefläche zu reservieren die anschließend vom Bearbeiter gebucht wird. Zudem erlaubt die Anwendung das Suchen von Zeiträumen, die noch frei verfügbar sind. Nachdem die gewünschte Werbefläche gebucht wurde, kann diese von einem Bearbeiter freigegeben werden und in deren System eingespeist werden und so im gebuchten Zeitraum in den Portalen angezeigt werden.

Da das Unternehmen Athesia schon seit langer Zeit mit einer herkömmlichen Excel-Tabelle Reservierungen und Buchungen vornimmt, wollten sie auf eine benutzerfreundlichere und sicherere Lösung umsteigen. Mit diesem Problem wendeten Sie sich an unseren Professor, der uns dann alles vorstellte. Wir waren eigentlich sofort an diesem Projekt interessiert und nach einigen Treffen fingen wir auch schon an zu programmieren. Wir mussten uns für einige Tools entscheiden um zielstrebig an dieses Problem ranzugehen. Dafür nutzen wir zur Programmierung der clientseitigen Anwendung Angular und für die serverseitige Anwendung Web-Services. Als Datenbank nutzen wir eine herkömmliche MySQL Datenbank die es uns erlaubt mit JSON darauf zuzugreifen. Wir wollten eine sichere Möglichkeit für das Unternehmen bieten auf diese Anwendung zuzugreifen. Dafür griffen wir auf JavaWebTokens (JWT) zurück. Der Login erfolgt mit vom Administrator festgelegten Benutzername und Passwort. Dabei unterscheiden wir zwischen drei Zugangsmöglichkeiten, nämlich Administrator, Vertreter und Bearbeiter. Alle drei Benutzer bekommen verschiedene Zugangsmöglichkeiten zu den einzelnen Tätigkeiten. Der Administrator hat Zugang zu allem und kann im Gegensatz zu den anderen beiden Benutzertypen neue Benutzer anlegen und wenn nötig auch löschen, hingegen der Vertreter kann „nur“ Reservierungen vornehmen und die Übersichtstabelle einsehen, und der Bearbeiter kann die vom Vertreter vorgenommenen Reservierungen wenn möglich buchen und selbst auch Reservierungen vornehmen. Beim Reservieren sind wir auf einige Probleme gestoßen. Das Unternehmen Athesia unterscheidet nämlich zwischen drei verschiedenen Werbebannern, einmal Fixe-Banner, CPC-Banner und TKP-Banner. Der Unterschied liegt darin daß die fixen-Banner nur tageweise gebucht werden können, die CPC-Banner nur auf die Klicks die vom Benutzer auf die Werbung generiert werden und die TKP-Banner nur auf Sichtkontakte die vom Benutzer auf die Werbung generiert werden. Das Problem war, dass je nach ausgewähltem Banner ein eigenes Formular angezeigt werden muss. Wir haben das so gelöst, indem die Vertreter auswählen müssen auf welchem Portal und welcher Unterseite reserviert werden soll. Anschließend erscheinen ihnen die darauf zutreffenden Banner. Jetzt muss nur noch das Formular vollständig ausgefüllt werden und der Zeitraum in dem die Werbung angezeigt werden soll ausgewählt werden und schon kann die Reservierung erfolgen. Dem Vertreter wird auch gleich der Preis gezeigt, der je nach ausgewählten Kriterien errechnet wird. Dieser kann so sofort dem Kunden mitgeteilt werden.

Ist dies alles geschehen so wird die Reservierung in das Datenbanksystem aufgenommen und dem Vertreter zur Buchung vorgelegt. Damit ein Vertreter Bescheid weiß ob der vom Kunde bevorzugte Zeitraum noch frei ist kann er in der Übersichtstabelle Einsicht nehmen. Dabei werden das Portal, die Unterseite und der Zeitraum angegeben, und es erscheinen die Reservierungen oder Buchungen der nächsten 14 Tage. Auf der linken Seite werden horizontal die Werbebanner aufgelistet und oben vertikal die Tage mit Datum. Dabei wird der Hintergrund der Reservierungen oder Buchungen andersfarbig hinterlegt. Es wird zwischen 3 Farben unterschieden: Gelb steht für Eigenwerbung, orange für nur reserviert und grün für gebucht und abgeschlossen.

Im Tab „Meine Reservierungen“ kann der Vertreter Einsicht nehmen welche Reservierungen er betätigt hat und so eine Übersicht über seine Tätigkeiten erzielen. Auch hier wird wie in der Übersichtstabelle der Hintergrund der Reservierung eingefärbt.

Ein großer Vorteil unserer Webanwendung ist ihre Responsivität. Das bedeutet, dass die Anwendung sowohl auf dem Laptop als auch auf dem Smartphone benutzt werden kann