Progressive Web App (PWA)

Digitale Autarkie in der Praxis

Software / Apps
├─ FLURU App eine Idee von fluchtrucksack.de
└─ Progressive Web App (PWA)
   └─ Digitale Autarkie

Siehe auch:
* Prepper Anleitung für Einsteiger
* Karte Kompass Höhenmesser
* Bundesamt für Bevölkerungsschutz und Katastrophenhilfe
* Ausrüstung
* Hausbibliothek

Progressive Web App (PWA)

Eine Progressive Web App (PWA) ist eine moderne Symbiose aus einer klassischen Webseite und einer installierbaren mobilen Anwendung. Im Kontext der digitalen Autarkie stellen PWAs ein Schlüsselkonzept dar, da sie es ermöglichen, komplexe Werkzeuge, Rechner und Wissensdatenbanken völlig unabhängig von zentralen App-Stores und dauerhaften Internetverbindungen zu betreiben.

Warum PWAs für die digitale Autarkie entscheidend sind

Herkömmliche Smartphone-Apps aus dem Google Play Store oder Apple App Store haben aus Autarkie-Sicht mehrere Schwachstellen:

• Store-Abhängigkeit: Zum Installieren oder Aktualisieren wird ein Konto beim jeweiligen Anmelde-Anbieter und eine funktionierende Serverinfrastruktur benötigt.
• Cloud-Zwang: Viele moderne Apps verweigern den Dienst, wenn keine aktive Internetverbindung besteht oder der Zentralserver nicht erreichbar ist.
• Löschungs- / Zensur-Risiko: Apps können von Betreibern aus den Stores entfernt oder auf älteren Geräten gesperrt werden.

PWAs hebeln diese Einschränkungen aus: Sie werden direkt über einen Standard-Webbrowser aufgerufen und können lokal auf dem Endgerät abgespeichert („installiert“) werden.

Technische Funktionsweise im Offline-Betrieb

Das Herzstück einer PWA bildet der sogenannte Service Worker. Dabei handelt es sich um ein Skript, das der Browser im Hintergrund ausführt:

1. Caching beim ersten Aufruf: Wenn die PWA das erste Mal mit Netzverbindung geöffnet wird, lädt der Service Worker alle notwendigen Dateien (HTML, JavaScript, CSS, Grafiken, Datenbank-Strukturen) herunter und speichert sie lokal im Browser-Speicher.
2. Netzwerk-Unabhängigkeit: Bei Folgeaufrufen – selbst im Flugmodus oder bei komplett zusammengebrochener Mobilfunkversorgung – lädt die PWA die Daten direkt aus dem lokalen Gerätespeicher statt aus dem Internet.
3. Plattformunabhängigkeit: Da die Ausführung im Browser stattfindet, läuft eine PWA Betriebssystem-übergreifend auf Android, iOS, Linux, Windows und macOS.

Vorteile von PWAs in Krisen- und Notfallszenarien

Eigenschaft	Herkömmliche App	Progressive Web App (PWA)
Offline-Fähigkeit	Oft eingeschränkt (Cloud-Zwang)	Vollständig (nach lokalem Caching)
Installation	Nur über App-Store	Direkt aus dem Browser
Datenschutz	Häufiges Tracking / Telemetrie	Daten verbleiben lokal auf dem Gerät
Hardware-Anforderungen	Setzt oft aktuelle OS-Versionen voraus	Läuft auch auf alten Geräten / Alt-Hardware
Speicherbedarf	Oft hunderte Megabyte	Meist sehr schlank (wenige Megabyte)

Anwendungsbeispiele im Autarkie-Umfeld

• Notfall- und Vorsorge-Tools: Anwendungen wie die FLURU App nutzen PWA-Technik, um Bedarfsrechner, Taktische Kompasse und Notfall-Bibliotheken ohne Internetverbindung bereitzustellen.
• Offline-Karten & Navigationshilfen: Vorgecachte Webmaps oder Vektorkarten-Viewer.
• Lokal verschlüsselte Datentresore: Dokumentenspeicher, die Daten rein im `LocalStorage` oder in der `IndexedDB` des Browsers verschlüsseln.

Grenzen und Einschränkungen

• Einmaliger Online-Aufruf erforderlich: Um eine PWA zu installieren und den Cache zu füllen, ist vor dem Krisenfall mindestens ein einmaliger Aufruf mit Internetverbindung nötig.
• Hardware-Zugriff: Während Kameras, GPS und Bluetooth von PWAs problemlos genutzt werden können, bieten manche Betriebssysteme (insbesondere iOS/Apple) für Browserskripte leicht eingeschränkte Hardware-Schnittstellen im Vergleich zu nativen Apps.
• Speicherlimits: Manche Browser begrenzen den Speicherplatz für Offline-Caches (z. B. auf einige hundert Megabyte), was extrem große Kartensätze oder Videodateien erschwert.

Wer hat es erfunden?

Der Begriff und das moderne Konzept der Progressive Web App wurden 2015 von dem Google-Ingenieur Alex Russell und der britischen Designerin Frances Berriman ins Leben gerufen.

• Der Auslöser: Sie beobachteten, dass Nutzer keine Lust mehr hatten, für jede Kleinigkeit eine neue App aus dem Google Play Store oder Apple App Store herunterzuladen (Stichwort App Fatigue / App-Müdigkeit).
• Die Vision: Sie wollten die Flexibilität des World Wide Web (keine Installation, einfach ein Link) mit der Rechenleistung und Offline-Fähigkeit nativer Apps verbinden.

(Ironischerweise hatte Steve Jobs bereits 2007 bei der Vorstellung des ersten iPhones eine ganz ähnliche Vision: Er wollte ursprünglich gar keinen App Store, sondern dass Entwickler Anwendungen direkt für den Webbrowser Safari bauen. Damals war die Technik aber schlichtweg noch nicht so weit.)

Wann kam es auf den Markt?

• 2015 (Der Durchbruch): Google führte die maßgeblichen Schnittstellen (vor allem den Service Worker, der das Offline-Caching übernimmt) in den Chrome-Browser ein. Damit war die PWA offiziell „geboren“ und nutzbar.
• 2018 (Apple zieht nach): Apple hielt sich sehr lange zurück (da sie den eigenen App Store schützen wollten), baute 2018 mit iOS 11.3 aber schließlich grundlegende PWA-Unterstützung in Safari ein.
• Heute: PWAs werden längst von Tech-Giganten wie Pinterest, Twitter/X, Uber, Starbucks und Microsoft intensiv genutzt.

Apps selbst erstellen

Um selbst Apps zu erstellen, gibt es heute für jeden Anspruch – vom absoluten Anfänger ohne Programmierkenntnisse bis hin zum Profi-Entwickler – die passenden Werkzeuge.

Welches Tool das richtige ist, hängt vor allem davon ab, ob eine klassische native App (für App-Stores), eine Progressive Web App (PWA) für maximale Autarkie oder eine App ganz ohne Code (No-Code) gebaut werden soll.

1. No-Code & Low-Code Plattformen (Ohne Programmierkenntnisse)

Perfekt, wenn schnell visuell gearbeitet und ohne Code-Zeilen funktionierende Apps (oft auch als PWAs oder Web-Apps) erstellt werden sollen.

• Glide: Wandelt Google Sheets, Excel-Tabellen oder Airtable-Daten blitzschnell in moderne, nutzbare Apps (PWAs) um. Ideal für strukturierte Daten, Checklisten oder Inventarlisten.
• Adalo: Ein visueller Drag-and-Drop-Baukasten, mit dem native Apps (für iOS und Android) und Web-Apps gebaut werden können. Die Oberflächen werden ähnlich wie in Grafikprogrammen gestaltet.
• FlutterFlow: Eine visuelle Entwicklungsumgebung für das mächtige Flutter-Framework. Eignet sich hervorragend für anspruchsvollere Apps, bei denen man visuell klickt, aber bei Bedarf auch eigenen Code hinzufügen kann.

2. Cross-Platform Frameworks (Für Entwickler: Ein Code für alle Geräte)

Hiermit schreibt man einmalig Code und kann die App für Android, iOS, Windows, Linux und das Web exportieren.

• Flutter (von Google): Nutzt die Programmiersprache Dart. Extrem performant, ideal für schöne UI-Designs und plattformübergreifende Apps (unterstützt auch hervorragend den Bau von PWAs).
• React Native (von Meta/Facebook): Baut auf JavaScript und React auf. Eines der weltweit beliebtesten Frameworks, um native Apps für mobile Betriebssysteme zu entwickeln.
• Ionic: Perfekt, wenn man bereits Web-Technologien (HTML, CSS, JavaScript/TypeScript) beherrscht und daraus sowohl Web-Apps/PWAs als auch native Apps bauen möchte.

3. Klassische native Entwicklung (Der Profi-Weg)

Wenn maximale Performance und voller Zugriff auf alle Hardware-Schnittstellen (Kamera, Sensoren, Bluetooth) direkt über die Betriebssysteme benötigt werden:

• Android (Kotlin / Java): Mit der offiziellen Entwicklungsumgebung Android Studio baut man native Apps für das Android-Ökosystem.
• iOS / Apple (Swift): Mit Xcode (läuft auf macOS) erstellt man native Apps für iPhones, iPads und Macs.

Bibliotheken in der App-Entwicklung und Autarkie

Unter dem Begriff Bibliothek (engl. Library) versteht man je nach Anwendungsbereich wiederverwendbare Code-Bausteine für die Entwicklung oder strukturierte Offline-Wissenssammlungen für den Krisenfall.

1. Software- & Sensor-Bibliotheken (Technische Werkzeuge)

Um komplexe Funktionen wie einen Taktischen Kompass, ein SOS-Licht oder einen Morse-Messenger in einer Progressive Web App (PWA) wie der FLURU App bereitzustellen, greifen Entwickler auf vorgefertigte Code-Bibliotheken und Web-APIs zurück:

• Orientierung & Sensorik (z. B. Kompass):
  • Magnetometer-API: Liest den eingebauten Magnetfeldsensor des Smartphones aus, um den magnetischen Nordpol zu bestimmen.
  • Gyroscope & Accelerometer: Nutzen Kreisel- und Beschleunigungssensoren zur Stabilisierung der Bewegung im Raum.
  • Mathematik-Bibliotheken: Rechnen Gradzahlen ($0^\circ–360^\circ$) in militärische Strich-Skalen (6400er-System) um und korrigieren örtliche Missweisungen.

• Signal- & Optikwerkzeuge (z. B. SOS / Morse-Messenger):
  • Flashlight / Camera API: Steuert das LED-Fotolicht der Kamera für optische SOS-Signale und Taktfrequenzen an.
  • Web Audio API: Generiert autark Töne und Notfall-Frequenzen direkt im Browser – ganz ohne externe MP3-Dateien.
  • Bildverarbeitung (Computer Vision): Analysiert das Kamerabild in Echtzeit, um eingehende Lichtsignale (z. B. Morselicht) automatisch in Text zu übersetzen.

• Geodaten & Standort (z. B. Fluchtradius-Simulator):
  • Geolocation API: Ermittelt den exakten GPS-Standort (Koordinaten, Höhe über NN).
  • Geometrie-Bibliotheken: Berechnen Distanzen, Steigungen und den daraus resultierenden Kalorien- und Zeitbedarf für Routen.

2. Wissens- & Notfall-Bibliotheken (Offline-Inhalte)

Im autarken Kontext bezeichnet eine Bibliothek die rein lokale Bereitstellung von kritischem Wissen für Szenarien ohne Internetverbindung:

• Behördliche Ratgeber: Vorinstallierte oder offline eingelesene Checklisten des BBK.
• Medizin & Erste Hilfe: Anleitungen für die Erstversorgung und Wundbehandlung ohne Erreichbarkeit des Notrufs.
• Survival-Wissen: Leitfäden zu Wasseraufbereitung, Knotenkunde, Orientierung und Behelfsunterkünften.
• Persönliche Dokumentenbibliothek: Verschlüsselte Ablage wichtiger Ausweise, Verträge und Notfallkontakte direkt im lokalen Gerätespeicher.