Arbeitszeitrechner

Erhalte Einblick in den Entwicklungsprozess.

pencil icon

Wie alles begann

Berechnung der Arbeitszeit mit Excel.

Wann kann ich Feierabend machen?
Wann muss ich auf Arbeit sein?
Wie viel Gewinn/Verlust ergibt sich auf dem Zeitkonto?

Responsive image

Das Excel-Sheet konnte genau diese Fragen beantworten.

world-wide icon

Der nächste Schritt

Plattformunabhängigkeit.

Der größte Vorteil einer Web-Anwendung ist die Plattformunabhängigkeit. Dabei wird kein bestimmtes Betriebssystem und keine properitäre Software benötigt. Außerdem ist Sie immer und überall verfügbar (eine Internetverbindung wird vorausgesetzt).

magic-wand icon

Version 1.0

Die erste publizierte Web-App.

Sie bestand nur aus der Transformation des Excel-Arbeitszeitrechners in eine Web-Anwendung und war ausschließlich auf die Berechnung der Arbeitszeit für eine 39-Stunden-Woche ausgelegt.

bootstrap logo

Bootstrap

Das weltweit beliebteste Framework.

Seit Beginn der Entwicklung wird für den Arbeitszeitrechner das Framework Bootstrap verwendet. Zunächst in Version 3.3.7. Seit dem Design-Update in Version 4.1 wird Bootstrap 4.0.0 eingesetzt.

network icon

Weiterentwicklung

Meilensteine des Arbeitszeitrechners.

Mit der Zeit wurde der Funktionsumfang des Arbeitszeitrechners ausgebaut und um (mehr oder weniger) nützliche Features erweitert.

In diesem Abschnitt werden einzelne Entwicklungsschritte etwas detaillierter beschrieben.

jQuery-Logo

JavaScript

Implementierung von jQuery.

In Verion 1.1 wurde die automatische Berechnung der Endzeit (an Hand der Soll-Zeit) eingeführt. Der AZR verwendet seitdem die Javascript-Bibliothek jQuery, was die Entwicklung sehr vereinfachte. Das Jumbotron zur Anzeige der Ergebnisse wird nun dauerhaft angezeigt. Für das ChangeLog wird ein Akkordion implementiert.

stopclock icon

Das Favicon

Endlich kein Standard mehr.

In der folgenden Version (1.2) wurde das Standard-Favicon gegen ein neues, simples Clock-Icon ersetzt. Weiterhin wurden die Buttons zur Vorauswahl der Arbeitszeit, sowie die prozentuale Anzeige der Arbeitszeit, hinzugefügt. Zuletzt wurde das Favicon in Verison 4.2 erneuert.

spotlight icon

x-mas Theme

Das neue (Alternativ)-Design.

Das xmas-Theme wurde mit Version 2.0 zu Beginn der Adventszeit im Jahr 2016 veröffentlicht. Außerdem wurde die Bezeichnung Dienstzeitrechner an Stelle von Arbeitszeitrechner eingeführt, ein neues Design für das ChangeLog-Akkordion sowie ein weiteres Vorauswahlfeld (7:00) hinzugefügt.

calculator icon

Automatisierung

Live-Update für Berechnungen.

Seit der 3. Version werden die berechneten Werte vollautomatisch bei jeder Änderung aktualisiert. Dadurch wurde der Komfort erhöht und die Effizienz des Rechners verbessert.

star icon

Große Neuerung

Der Countdown läuft.

Mit der 4. Edition des Dienstzeitrechners wurde auf Wunsch eines Ntzers ein Countown implementiert, der die verbleibende Arbeitszeit herunterzählt. Außerdem wurden Vorauswahl-Buttons für die Pausenzeit eingeführt.

heart icon

Mit Liebe gemacht

unter Verwendung folgender Plugins und Symbole.

Diese Seite verwendet das von Pete R. entwickelte Plugin One Page Scroll.
Lizenz: CC BY-SA 4.0

Die verwendeten Symbole sind designed by Smashicons from Flaticon.