Progressive Web Apps installieren in den Betriebssystemen Windows, Android, IOS, Ubuntu und MacOS

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

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..

Progressive Web App installieren, Windows 11 im Browser Google Chrome
Progressive Web App installieren, Betriebssystem Windows 11 im Browser Google Chrome

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 installieren, Windows 11 im Browser Google Chrome
Progressive Web App installieren, Betriebssystem Windows 11 im Browser Google Chrome

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.

Eine progressive Web App installieren im Betriebssystem Android
Eine progressive Web App installieren im Google-Betriebssystem Android

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.

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.

Das Menü "Zum Home-Bildschirm" muss angetippt werden um die Progressive Web App "Marlems Communicator" auf dem Ipad zu installieren
Installation einer progressive Web-App auf einem Ipad mit IOS 14

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.

Progressive Web App installieren im Browser Google Chrome im Linux-Betriebssystem Ubuntu
Progressive Web App installieren im Browser Google Chrome im Linux-Betriebssystem Ubuntu 21.10

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.

Eine Progressive Web App wird im Browser Google-Chrome im Betriebssystem Ubuntu deinstalliert
Eine Progressive Web App wird im Browser Google-Chrome im Betriebssystem Linux-Ubuntu deinstalliert

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.

Eine progressive Web App wird im Browser Google Chrome im Betriebssystem MacOS installiert
Eine progressive Web App wird im Browser Google Chrome im Betriebssystem Apple-MacOS installiert

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

Eine progressive Web App im Launchpad des Betriebssystems MacOS
Eine progressive Web App im Launchpad des Apple-Betriebssystems MacOS

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

Autor: Markus Lemcke

Ich bin Markus Lemcke, Softwareentwickler, Webentwickler, Appentwickler, Berater und Dozent für barrierefreies Webdesign, barrierefreie Softwareentwicklung mit Java, C# und Python, Barrierefreiheit bei den Betriebssystemen Windows, Android, IOS, Ubuntu und MacOS.

Schreibe einen Kommentar