- Progressive Web App Demos
-
Diese Web Apps wurden entwickelt, um Ideen anzuregen und mögliche Abläufe greifbar zu machen.
Progressive Web Apps – das Beste aus beiden Welten. Als moderne Progressive Web Apps (PWA) bieten die Anwendungen die Vorteile klassischer Apps und die Leichtigkeit des Webs: Sie laufen auf nahezu jedem Gerät, können auf Wunsch wie eine echte App zum Startbildschirm hinzugefügt werden und bieten so eine echte Vollbild-Nutzung – ganz ohne Browserrahmen.
-
Dashboard
Wichtige Unternehmensdaten zum schnellen Überblick – welche Daten möchten Sie gerne visualisieren?
-
Barcode Scanner
Barcode scannen und Daten anzeigen – welche Daten wären für Sie interessant?
App starten(für mobile Geräte mit einer Kamera) -
Betriebliche Störungen verwalten
- Ort, Beschreibung und Priorität können erfasst werden
- Fotos können hochgeladen werden
- Erledigte und nicht erledigte Störungen werden als Donut-Chart angezeigt und können gefiltert werden
- Serverseitige Speicherung der Daten (Web-API mit Datenbank)
Welche Informationen möchten Sie abrufen und speichern können?
Eine Progressive Web App (PWA) ist eine Web-Anwendung mit einigen zusätzlichen Funktionen, die ein app-ähnliches Benutzererlebnis ermöglichen.
Eine PWA kann auf dem Startbildschirm Ihres Mobilgeräts oder in der Startleiste Ihres Desktops installiert werden.
Eine gut konzipierte PWA ist von einer nativen App kaum zu unterscheiden, bietet aber dennoch einige Zusatzvorteile:
- Die Kosten für die Entwicklung sind deutlich niedriger als bei nativen Apps.
- Sie müssen Ihre App nicht in den App Store oder Play Store stellen. Geben Sie einfach den Link zu Ihrer Website frei und Benutzer können sie als App installieren.
- Es ist nicht mehr nötig, dass Benutzer Updates installieren. Wenn Sie eine neue Version Ihrer App veröffentlichen, erhalten alle Ihre Benutzer automatisch die neue Version.
- Standardmäßig werden PWAs über HTTPS bereitgestellt und sind daher sicher und geschützt.
PWAs werden von mehreren Browsern unterstützt, darunter sind: Edge, Chrome, Safari. Wenn die URL zu einer PWA im Browser geöffnet wird, erkennt der Browser, dass die App auch installiert werden kann. Der Start der Installation variiert etwas auf den verschiedenen Systemen. Beispielhaft wird hier der Weg in Chrome beschrieben:
- Android: Menü > Zum Startbildschirm hinzufügen > Installieren
- iOS: Teilen > Zum Home-Bildschirm
- MacOS: Rechts in der Adressleiste erscheint ein Button "Installieren"
- Windows: Rechts in der Adressleiste erscheint ein Button "Installieren"
In diesem Fall läuft die App einfach normal als Web-Anwendung im Browser und kann so ebenso genutzt werden.
- Lucid Shopping List
-
Wäre es nicht praktisch, wenn man seine Einkaufslisten passend für einen bestimmten Laden sortieren könnte?
- Entwicklung einer App zur Verwaltung von Einkaufslisten.
- Entwicklung einer Web-API zur gemeinsamen, synchronisierten Nutzung von Einkaufslisten
.NET MAUI (kurz für .NET Multi-platform App UI) ist ein quelloffenes Framework zur plattformübergreifenden App-Entwicklung. Es wurde 2022 im Rahmen von .NET 6 veröffentlicht, einer Softwareplattform, die unter der Federführung von Microsoft entwickelt wird.
Mit MAUI kann man Apps für Android, iOS, Windows und macOS entwickeln.
Blazor ist ein kostenloses und quelloffenes Web-Framework, das es Entwicklern ermöglicht, Benutzeroberflächen (UI) für Webanwendungen komponentenbasiert mit C# und HTML zu erstellen. Es wird von Microsoft als Teil des ASP.NET Core Web-App-Frameworks entwickelt.
Mit Blazor können einseitige Webanwendungen (Single-Page Applications), mobile Anwendungen oder serverseitig gerenderte Anwendungen unter Verwendung von .NET-Technologien entwickelt werden.
Man kann von einer vereinheitlichten Technologie- und Codebasis profitieren, die es erlaubt, die gleichen Blazor-Komponenten sowohl im Web als auch in nativen MAUI-Apps zu verwenden. Dies reduziert den Aufwand und verbessert die Wartbarkeit der App, während man gleichzeitig die Flexibilität und die native Leistung von MAUI nutzen kann.
- Indem MAUI quasi als Rahmenframework genutzt wird, kann die Entwicklung der UI-Komponenten auf Blazor fokussiert werden.
- Vorhandenes Know-how in der Web-Entwicklung kann weiter genutzt werden (HTML, CSS, JavaScript).
- Eine Einarbeitung in das MAUI-UI-System (XAML-basiert) ist nicht nötig.
- Durch eine gute Architektur lassen sich die erstellten Blazor-Bibliotheken auch in einer Web- oder Windowsanwendung wiederverwenden.
- Sowohl .NET MAUI als auch Blazor sind Technologien von Microsoft, die kontinuierlich weiterentwickelt werden. Die Kombination beider Technologien in einer Anwendung stellt sicher, dass man auf dem neuesten Stand bleibt und von den ständigen Verbesserungen und der Unterstützung durch Microsoft profitiert.
- Gefahrstoffmanagement
-
Wenn in Unternehmen Gefahrstoffe eingesetzt werden, ist für jeden Gefahrstoff ein
Sicherheitsdatenblatt des Herstellers erforderlich. Ein Sicherheitsdatenblatt gibt dem Anwender
wichtige Empfehlungen zu den erforderlichen Schutzmaßnahmen im Umgang mit gefährlichen Stoffen
oder Gemischen, um die Gesundheit und die Umwelt zu schützen. Ein Gefahrstoffverzeichnis bietet
eine Übersicht über alle im Betrieb verwendeten Gefahrstoffe.
-
- Entwicklung einer Web-App zur Erfassung und Verwaltung von Sicherheitsdatenblättern von Gefahrstoffen inkl. Inhaltsstoffen
- Erweiterung von EHQS|plus®, einem Management-Unterstützungs-System für Arbeitsschutz, Umweltschutz, Gesundheitsschutz und Qualitätsmanagement um eine ausführliche Verwaltung von Gefahrstoffdaten
- Entwicklung einer JavaScript-Schnittstelle zur Implementierung einer individuellen Logik zur automatischen Klassifizierung von Gefahrstoffen durch die fachlichen Anwender
- Entwicklung eines Services zur Verwaltung von Ist-Mengen von Gefahrstoffen
- Verwaltung und Durchführung von Inventarprüfungen
-
Betriebliches Inventar muss in regelmäßigen Abständen geprüft werden. Eine Prüfung muss ein
bestimmtes Prüfprotokoll abarbeiten und liefert dann das Ergebnis der Prüfung. Zur Erfassung und
Verwaltung von Inventarprüfungen wurde eine Web-App entwickelt.
-
- Backend-Entwicklung einer Web-App für Inventarprüfungen
- Erweiterung von EHQS|plus® um die Verwaltung von Checklisten für Inventarprüfungen
- Entwicklung eines Windows-Services mit einer Message-Verarbeitung über den SQL Server
- Implementierung von Messages zur Ausführung der Geschäftslogik
- Wirkungskontrolle von Korrekturmaßnamen aus der Arbeitssicherheit
-
In der Arbeitssicherheit dienen Korrekturmaßnahmen der Beseitigung vorhandener Fehler oder
Mängel. Ob eine geplante Maßnahme tatsächlich ihre Wirkung zeigt, muss durch die
Wirksamkeitskontrolle überprüft werden. Zur Erfassung und Verwaltung von Wirksamkeitskontrollen
wurde eine Web-App entwickelt.
-
- Frontend-Entwicklung einer Web-App zur Wirkungskontrolle von Korrekturmaßnamen auf Basis von jQuery; später erfolgte die Umstellung auf .NET Blazor
- Backend-Entwicklung mittels eines Windows-Services
- Implementierung von Messages zur Ausführung der Geschäftslogik
- Auditmanagement
-
In Unternehmen müssen sich Abteilungen regelmäßigen Audits unterziehen. Audits bestehen aus
Fragen, die von den Abteilungen beantwortet werden. Die Antworten führen in Kombination mit
Bewertungsmatrizen zu einem Ergebnis in Punkten.
-
- Erweiterung einer Windows-Anwendung um die Verwaltung von Audits inkl. Checklisten in Unternehmen
- Entwicklung einer Windows-App zur Durchführung von Offline-Audits
- E-Learning
-
Die Mitarbeiter von Unternehmen müssen Schulungen absolvieren, deren Bestehen die Voraussetzung
für bestimmte Tätigkeiten ist. Um den Aufwand für diese Schulungen zu minimieren, werden
bestimmte Schulungen und deren Prüfung direkt von dem Mitarbeiter selbst am PC durchgeführt.
-
- Erweiterung einer Windows-Anwendung um die Verwaltung von Schulungsmodulen inkl. Prüfungsfragen
- Entwicklung einer Windows-App für die Schulung von Mitarbeitern inkl. Prüfung und Zertifikat
