In diesem Blogartikel erkläre ich, wie progressive Web-Apps in den Betriebssystemen Windows, Android, IOS, Ubuntu und Mac OS.
Barrierefreie Appentwicklung – Was ist das?
Barrierefreie Appentwicklung bedeutet, dass eine App so entwickelt wird, dass alle Menschen, auch Menschen mit Behinderungen und anderen körperlichen Einschränkungen, eine App bedienen können.
Warum ist barrierefreie Appentwicklung wichtig?
Das Ziel einer Gesellschaft sollte sein, dass Informatik für alle Menschen nutzbar ist.
Im Behindertengleichstellungsgesetz in § 12a Barrierefreie Informationstechnik steht, dass öffentliche Stellen des Bundes dazu verpflichtet sind, Apps barrierefrei zu gestalten.
Quelle: Behindertengleichstellungsgesetz in § 12a Barrierefreie Informationstechnik
Progressive Web-App – Was ist das?
Eine progressive Web-App ist eine Webseite, die zahlreiche Merkmale besitzt, die bislang nativen Apps vorbehalten waren. Die Abkürzung für progressive Web-App ist PWA.
Eine PWA wird mit HTML, CSS und Javascript entwickelt. Durch sogenannte Service Worker ist es möglich, dass progressive Web-Apps ohne Internetverbindung genutzt werden können. Mithilfe einer Manifest-Datei ist es möglich, dass eine Web-App genauso aussieht wie eine native App. Das Manifest ist eine Textdatei in JSON-Format. Dadurch ist es sehr einfach das Manifest zu lesen und zu verstehen. Web-Apps sind plattformunabhängig, das bedeutet, sie können auf allen Betriebssystemen eingesetzt werden.
PWAs sind installierbar, in Englisch installable. Damit eine Web App installable ist, müssen bestimmte Kriterien erfüllt sein. Folgende Kriterien müssen erfüllt sein, damit eine progressive Web-App installierbar ist:
- Sie benötigt ein Manifest, auch Web Manifest genannt.
- Sie benötigt ein App-Icon in 4 unterschiedlichen Größen
- Sie benötigt einen Service Worker
Wenn diese 3 Bedingungen erfüllt sind, dann ist eine Web App installable.
Vorteile von progressive Web-Apps
Um eine PWA zu erstellen muss keine Programmiersprache wie Java, Kotlin oder Swift gelernt werden. PWAs werden mit HTMTL, CSS und Javascript erstellt. Der App-Nutzer, in englisch User, hat den Vorteil, dass er beim Wechseln des Betriebssystems seines Mobilgeräts, die gleiche App weiter nutzen kann. Die Kosten für das Erstellen einer Web App für unterschiedliche Betriebssysteme sind deutlich geringer als beim Erstellen einer native App. Das ist ebenfalls ein Vorteil für den User.
Wie werden progressive Web-Apps „installiert“?
In diesem Abschnitt erkläre ich, wie Sie progressive Web-Apps in folgenden Betriebssystemen installieren:
-
- Windows
- Android
- IOS
- Ubuntu
- Mac OS
Folgendes Video zeigt, wie Sie meine progressive Web App „Barrierefreie Stadt“ in den Betriebssystemen Windows, Android und IOS installieren:
Installation im Betriebssystem Windows
PWA installieren
Öffnen Sie Chrome auf dem Computer.
Rufen Sie eine Website auf, deren PWA Sie installieren möchten.
Klicken Sie rechts oben in der Adressleiste auf „Installieren“ .
Folgen Sie der Anleitung auf dem Bildschirm, um die Web App Installation abzuschließen.

Nach der Installation befinden sich progressive Web-Apps in der Liste mit anderen Windows-Apps, wie folgende Grafik zeigt.

PWA deinstallieren
Öffnen Sie Chrome auf dem Computer.
Rufen Sie eine Website auf, die Sie deinstallieren möchten.
Klicken Sie rechts oben auf das Dreipunkt-Menü [Name der Website] deinstallieren.

Progressive Web App Installation im Betriebssystem Android
PWA installieren
Öffnen Sie auf Ihrem Android-Gerät Chrome .
Rufen Sie eine Website mit einer Web App auf, die Sie vom Android-Desktop aus starten möchten.
Tippen Sie auf Installieren.
Folgen Sie der Anleitung auf dem Bildschirm.

PWA deinstallieren
Öffnen Sie in der App-Leiste oder auf dem Startbildschirm die Einstellungen . Tippen Sie auf Apps & Benachrichtigungen Alle Apps anzeigen. Suchen Sie die Web App, die Sie entfernen möchten, und tippen Sie auf das entsprechende Symbol.
Wählen Sie Deinstallieren aus.

Nach der Installation befinden sich progressive Web-Apps in der Liste mit anderen Android-Native-Apps, wie folgende Grafik zeigt.

Progressive Web-App Installation im Betriebssystem IOS
In Chrome für iOS werden PWAs nicht unterstützt. Deswegen müssen PWAs im Browser Safari installiert werden.
PWA installieren
Browser Safari. Im Browser Google Chrome funktioniert es nicht.
Menü „Zum Home-Bildschirm“ antippen.
Danach auf Link „Hinzufügen“ tippen.
Jetzt wird die App installiert.
Das bedeutet, dass eine Verknüpfung auf dem Desktop angelegt wird.

PWA deinstallieren
Mit dem Finger länger auf das App-Symbol drücken.
Jetzt erscheint ein Menü.
Menüeintrag „Lesezeichen löschen“ antippen.
Jetzt tippen auf das Menü „Löschen“.
Jetzt ist das Appsymbol nicht mehr auf dem Desktop.
Progressive Web App Installation im Betriebssystem Ubuntu
PWA installieren
Öffnen Sie Chrome auf dem Computer.
Rufen Sie eine Website auf, deren Web App Sie installieren möchten.
Klicken Sie rechts oben in der Adressleiste auf „Installieren“ .
Folgen Sie der Anleitung auf dem Bildschirm, um die PWA zu installieren.
Nach der Installation Tippen auf das Symbol „Anwendungen anzeigen“.
Dort finden Sie die installierte Web App.

Nach der Installation befinden sich progressive Web-Apps in der Liste mit anderen Ubuntu-Anwendungen, wie folgende Grafik zeigt.

PWA deinstallieren
Öffnen Sie Chrome auf dem Computer.
Rufen Sie eine Website auf, die Sie deinstallieren möchten.
Klicken Sie rechts oben auf das Dreipunkt-Menü [Name der Website] deinstallieren.

Progressive Web App Installation im Betriebssystem Mac OS
PWA installieren
Öffnen Sie Chrome auf dem Computer.
Rufen Sie eine Website auf, deren PWA Sie installieren möchten.
Klicken Sie rechts oben in der Adressleiste auf „Installieren“ .
Folgen Sie der Anleitung auf dem Bildschirm, um die PWA zu installieren.

Die installierte Web-App ist im Launchpad zu finden, wo eigentlich nur Apple-Anwendungen zu finden sind.

PWA deinstallieren
Öffnen Sie Chrome auf dem Computer.
Rufen Sie eine Website auf, die Sie deinstallieren möchten.
Klicken Sie rechts oben auf das Dreipunkt-Menü [Name der Website] deinstallieren.

Installationsanleitungen gibt es auch auf YouTube
Auf meinem Kanal in YouTube Markus Lemcke gibt es ebenfalls Installationsanleitungen. Ich habe auf YouTube auch eine Playlist „Progressive Web App“ mit vielen YouTube-Videos zum Thema PWAs.
Schlussbemerkung
Progressive Web-Apps können in jedem Betriebssystem richtig installiert und deinstalliert werden. Ich bin hiervon begeistert! Wie oben schon erwähnt hat auch der User durch das nutzen von PWAs Vorteile.
Wenn Sie Fragen zu obige Themen haben schreiben Sie mir eine Mail an info@marlem-software.de oder rufen Sie mich an unter 07072/1278463 .
Weitere Artikel zur barrierefreien Appentwicklung
4 Gedanken zu „Progressive Web Apps installieren in den Betriebssystemen Windows, Android, IOS, Ubuntu und MacOS“