Web-Apps als Referenzen

Informationen zur Technologie

Web-Apps laufen unabhängig vom Betriebssystem in jedem aktuellen Browser.

Unter der Bezeichnung "Progressive Web Apps" (PWA) sind in aktuellen Browsern diverse Standards implementiert, um Aussehen und Handhabung von Web-Apps dem von direkt installierten Apps anzugleichen. PWAs können dafür über den Browser installiert werden. Sie werden dann wie native Apps gestartet und in einem speziellen Fenster geöffnet.

Mit einem weiteren Browser-Feature (Service Worker) werden Quelltext- und andere Dateien gespeichert, wodurch Ladezeiten vermieden werden und der Einsatz ohne Internetverbindung möglich ist.

Es können auch alle anderen Browser-Features genutzt werden, z.B. verschiedene effektive Möglichkeiten Daten zu speichern.

Auf der anderen Seite unterliegen sie natürlich den Browser-spezifischen Restriktionen, z.B. beim Zugriff auf das Dateisystem.

Wegen ihrer Lauffähigkeit auf unterschiedlichen Betriebssystemen sind sie für geeignete Zwecke eine interessante Alternative zu nativen Apps.

Einfach praktischer Nebenkostenrechner

Der Quelltext wurde mit HTML, CSS und TypeScript erstellt. Eingegebene Daten werden über die Local Storage Browser-Schnittstelle lokal gespeichert, und es können Berechnungen durchgeführt werden. Die App kann als PWA installiert werden und läuft auch ohne Internetverbindung.

DiaSmartApp

Der Quelltext wurde mit HTML, CSS und TypeScript erstellt. Eingegebene Daten werden über die IndexedDB Browser-Schnittstelle lokal gespeichert und können im JSON-Datenformat formatiert in Textdateien gespeichert werden. Die Dateien können auch wieder ausgelesen werden. Werte können aufbereitet und in Diagrammen angezeigt werden. Die App kann als PWA installiert werden und läuft auch ohne Internetverbindung.

EasyPicViewer PWA

Der Quelltext wurde mit HTML, CSS und TypeScript erstellt. Es können Bilddateien geöffnet und über die IndexedDB Browser-Schnittstelle lokal für die Darstellung in verschiedenen Abmessungen gespeichert werden. Exif-Metadaten der Bilder können gelesen und angezeigt werden. Die App kann als PWA installiert werden und läuft auch ohne Internetverbindung.

Structure It! Reader

Der Quelltext wurde mit HTML, CSS und TypeScript erstellt. Es können Textdateien geöffnet werden, die mit dem JSON-Datenformat formatiert sind. Die App kann als PWA installiert werden und läuft dann auch ohne Internetverbindung.

Easy Service Worker Demo PWA

Der Quelltext wurde mit HTML, CSS und JavaScript erstellt. Mit der englischsprachigen App wird eine Implementierung der Service Worker Browser-Schnittstelle demonstriert. Zielgruppe sind Entwickler, die die vorgestellte Implementierung auch für eigene Projekte verwenden können. Die App kann als PWA installiert werden und läuft auch ohne Internetverbindung.