Make Things Better
Love Is The Engine
2023 entwickelt. Eine funktionale App, die bereit für den Einsatz ist, aber noch Feinschliff und Optimierungen braucht, um ihr volles Potenzial zu entfalten. Hier gehts erstmal zur Schritt für Schritt Vorführung meiner Arbeitshelfer App.
Die App hat 2 Hauptfunktionen:
1. Man muss sich vorstellen, man kommt in ein neues Büro rein und dort bekommt man ein Ordner mit Schrittweise Arbeits-Anleitungen und dazu Fotos übergeben, damit man deutlich leichter eingelernt werden kann. Nun kommt der nächste Schritt, wo man sich diesen Ordner als App vorstellen muss!
Je nach Abteilung und Bereich kann man die Arbeitsanweisungen (z.B. Lagerbewegungen über SAP) lesen und Schritt für Schritt nachmachen, bis man sie auswendig kann. Da die App auf eine Webseite basiert, kann sie sehr leicht aktualisiert werden, und die Aktualisierung kommt beim Nutzer automatisch ohne Zutun an, sobald der Nutzer Internet oder Intranet Zugang hat.
2. Man kann sich in eigenen Worten eigene Notizen zur Unterstützung erstellen. Die Notizen dann über Suchverzeichnis suchen, abändern, löschen oder per Back-up absichern. Das erleichtert das Einlernen, führt zu weniger Verzögerungen und Fehler, und ist auch eine Hilfe für Menschen die allgemein weiterkommen wollen.
Unter Arbeitshelfer App, kann man meine App am besten mit dem Chrome-Browser installieren oder online wie eine Webseite einfach ausprobieren.
In diesem Gewand präsentiert sich die App nach der erfolgreichen Installation.
Das war meine erste App, eine PWA-App für Notizen und Arbeitsanweisungen.
Anfang 2023 habe ich mit JS Programmierung angefangen und am Ende des Jahres in einem
"Learning by Doing" Projekt diese App entwickelt.
Es ist eine PWA. Funktioniert daher auch offline und kann auf jedes Gerät installiert werden, vom PC, MAC, Linux bis zum Android und iOS Smartphones. Ist aber von mir für Smartphones optimiert worden.
Zum Vergleich: Diese Webseite, welche mein folgendes Projekt nach der PWA-App darstellte, ist z.B. 100% responsiv (passt sich jeder Bildschimrgröße an). Aber diese Webseite funktioniert nicht offline, da es sich um eine herkömmliche Webseite handelt und keine PWA-App.
Man kann die App als Progressive Web App (PWA) installieren, indem man hier wo die 3 Punkte sind, einfach drauf klickt, und am besten mit dem Chrome-Browser ins Internet geht.
Oder man kann sie auch ganz normal online wie eine Webseite ausprobieren.
Fast alles funktioniert gleich, auch das Abspeichern von Notizen. Lediglich eine ständige Internetverbindung muss gewehrleistet sein.
Wenn man mit dem Chrome-Browser die App gesucht hat und anschließend auf die 3 Punkte klickt, erscheint dieses kleine zusätzliche Fenster.
Dann einfach auf "App installieren" klicken.
Falls man jedoch mit anderen Brwosern ins Internet geht, erscheint auch ein kleines Fenster bei dem dann z.B. die Option "Zum Startbildschirm hinzufügen" angezeigt wird. Einfach anklicken.
Jeder Browser hat andere Eigenschaften. Über Firefox erscheint z.B. die Option "Installieren", ohne die Bezeichnung "App". Andere nutzen ähnliche Begriffe, wie "auf dem Bildschirm speichern".
Beim iOS Browser Safari, zum Beispiel, installiert man die App über das Symbol der unteren 3 in der Mitte. Letzendlich führen alle Wege nach Rom. Kann es jedoch nicht garantieren, deshalb empfehle ich für diesen Zweck den Chrome-Browser.
Danach sollte dieses Fenster erscheinen, oder auch ein ähnliches Fenster dieser Art, was leider varieren kann. Einfach auf "Installieren" klicken, damit der Installationsvorgang bestätigt wird.
Danach erfolgt normalerweise während der Installation noch ein Fenster, bei dem man am Ende unten rechts auf "öffnen" klicken sollte, um anschließend auch gleich die App ausführen zu können.
So sieht das App-Symbol (Icon) dann normalerweise auf einem Smartphone aus.
Sollte bei richtiger Installation auch unter Einstellungen und Apps zu finden sein. Kann dann von dort aus auch komplett mit allen gespeicherten Daten wieder deinstalliert werden.
Der Clou dieser App sind die genauen Arbeitsanweisungen über den Arbeitgeber.
Welche aber nur vom Entwickler selbst (in diesem Beispiel von mir) in Absprache mit dem Arbeitgeber erstellt werden können und dann vom Nutzer verwendet werden können.
Zuerst tauchen wir aber in die Notiz Funktion ein, welche ich als zusätzliche Unterstützung für den Arbeiter/Angestellten entwickelt habe.

Auf der Startseite gibt es 3 Eingabefelder. Der mittlere, schmale Feld und größere untere Feld dienen zur Erstellung einer Notiz.
Der mittlere Feld ist für den Titel der Notiz. Später kann man dann über den oberesten Feld z.B. diesen gerade auf dem Bild verwendeten Titel eingeben. Und dann wird die gesuchte Notiz über die genaue Eingabe des Titels gefunden.
Und falls die Titeleingabe nicht genau ist, weil man den genauen Titel vergessen hat, keine Sorge, die Suchfunktion sucht die Titeln heraus, welche der Eingabe im Suchverzeichnis am ähnlichsten sind und zeigt verschiedene Ergebnisse der Suchfunktion an.
Hier im untersten und größten Eingabefeld wird die eigentliche Notiz erstellt.
Dieses Feld kann sogar vergrößert werden und es können sogar Bilder und zusätzliche Zeichen eingefügt werden.
Nach der Texteingabe muss man nur noch den darunter stehenden Button "Notiz erstellen" betätigen, und die Notiz ist fertig.
So sieht in diesem Beispiel die fertige Notiz aus.
Man kann aber jetzt die Notiz auf ganz unterschiedliche Weisen verändern oder auch löschen.
In diesem Fall ändern wir die Titelüberschrift und betätigen den Button "Bestätigen". Und wir können ganz einfach auch einen anderen Smiley aussuchen und schauen im nächsten Bild wie es aussieht.
Jetzt haben wir einen Zwinger-Smiley ; )
hier habe ich 2 unterschiedliche Bilder der App, welche aufzeigen, was für Meldungen erscheinen, wenn man eine Notiz löschen möchte, oder beim Erstellen der Notiz vergessen hat einen Titel oder Notiztext einzugeben
Das dient als Sicherheit. Es ist eine Arbeits-App, und am Arbeitsplatz kann es leider auch hektisch werden, man kann sich vertippen, und diese Funktionen dienen als Sicherheit.
Auf dieser Seite der App befindet sich die Absicherungsfunktion.
Hier kann man alle geschriebenen Notizen (nur zusammen) in einem Ordner außerhalb der App abspeichern und somit Back-ups erstellen.
Weitere Hintergründe sind in der App zu lesen. Man kann die als Json-Datei abgespeicherten Notizen beliebig beschriften und überall abspeichern. Zur Sicherheit auf einer privaten Festplatte, Haupt-PC oder wie man will.
Auf dem nächsten Bild zeige ich euch was für Meldungen erscheinen, wenn man Daten abspeichert, also exportiert, oder importiert.
1. Wenn man auf den Button "Alle Notizen exportieren" klickt, wird eine Json-Datei erstellt, die dann im obersten Bereich als eine Art Blase erscheint.
2. Wenn man auf "Datei auswählen" klickt, wird sich ein Ordner öffnen, wo zuletzt Json Dateien abgelegt worden sind. Ein Ordner den man zuvor als Speicher-Ordner ausgewählt hat. Dort kann man sich seine abgespeicherte Datei aussuchen. Oder vorher schon auf diesem Zwischen-Ordner zum Aussuchen verschieben und dann über die App auswählen.
Danach kommt man wieder zur App und rechts vom Button "Datei auswählen" erscheint die Bezeichnung der ausgesuchten Datei. Und es erscheint eine Warnmeldung, bevor man die geschriebenen Notizen endgültig mit den neuen Notizen überschreibt. Wenn man auf Ja klickt, werden alle Notizen der Json-Datei übernommen.
Zum Abschluss die letzten 2 Menüfelder.
Das Kontakt-Menüfeld befindet sich nur in der Präsentations-Version der App wieder. Um mich nach Außen zu präsentieren und leichter in Kontakt zu kommen. Die eigentliche Version für den Arbeitsplatz hat diese Funktion nicht.
Der Clou, also die Schlüsselfunktion dieser App, präsentiere ich genauer nur nach Anfrage möglicher Arbeitgeber, somit wird dieser Bereich für den normalen Nutzer nur eine offene Baustelle darstellen können.
Die Schlüsselfunktion kann vom Arbeiter oder Privatnutzer somit nicht verwendet werden, wenn der Arbeitgeber sich nicht mit mir abspricht.
Die Schlüsselfunktion, sowie auch der Rest der App, können beliebig oft von mir nach Absprache eines interessierten Arbeitgeber in Darstellung und Funktionsumfang erweitert und verfeinert werden.