Progressive Web Apps ( remote ) debuggen: Fehlersuche bei Android PWAs in Windows 11

In diesem Blogartikel erkläre ich, wie Sie eine progressive Web-App, die im Google-Betriebssystem Android installiert und genutzt werden kann, debuggen können.

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 progressive Web-App genauso aussieht wie eine Native App. Progressive Web-Apps sind plattformunabhängig, das bedeutet, sie können auf allen Betriebssystemen eingesetzt werden.

Debuggen – Was ist das?

Debuggen bedeutet, das Entfernen von Fehlern. Im Fall von diesem Artikel geht es um das Entfernen von Fehlern in einer progressiven Web-App.

Progressive Web-Apps debuggen im Betriebssystem Android – das Problem

Um progressive Web-Apps debuggen zu können, benötigen Sie die Entwickler-Tools des Google Browser Chrome. Auf diese Entwickler-Tools kann im Betriebssystem Android nicht zugegriffen werden.

Die Lösung – Remote Debugging

Remote Debugging bedeutet, dass die progressive Web-App auf einem Android-Gerät, entweder Smartphone oder Tablet läuft und die Fehlersuche auf einem Computer oder Laptop stattfindet.

Das Bild zeigt Debugging von der PWA Marlems Camera auf dem Laptop in Windows 11
Debugging von der PWA Marlems Camera auf dem Laptop in Windows 11

„Progressive Web Apps ( remote ) debuggen: Fehlersuche bei Android PWAs in Windows 11“ weiterlesen

Barrierefreie Marlems Reise Vokabeltrainer App

Es gibt eine neue barrierefreie App des IT-Unternehmens Marlem-Software: Marlems Reise Vokabeltrainer.

Barrierefreie Appentwicklung – Was ist das?

Barrierefreie Entwicklung von Apps 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 Entwicklung  von Apps wichtig?

Das Ziel einer Gesellschaft sollte sein, dass Informatik für alle Personen nutzbar ist.
Im Behindertengleichstellungsgesetz in § 12a Barrierefreie Informationstechnik steht, dass öffentliche Stellen des Bundes dazu verpflichtet sind, Apps barrierefrei zu gestalten.

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. Mit Hilfe einer Manifest-Datei ist es möglich, dass eine Progressive Web App genauso aussieht wie eine Native App. Progressive Web Apps sind plattformunabhängig, dass bedeutet, sie können auf allen Betriebssystemen eingesetzt werden.

Der Begriff App ist eine Abkürzung. Er steht für:

  • Application
  • Anwendungsprogramm
  • Software
  • Computerprogramm

Wie werden progressive Web-Apps „installiert“?

Alle Browser von Mobilgeräten, egal ob im Betriebssystem Android oder im Betriebssystem IOS haben ein Menü „Zum Startbildschirm hinzufügen“ oder „Zum Home-Bildschirm“. Mit dieser Funktion kann eine Progressive Web Application als Symbol auf den Startbildschirm angelegt werden.
Progressive Web-Apps können auch auf PCs oder Laptops in Browsern aufgerufen werden. Wenn eine progressive Web-App bestimmte Anforderungen erfüllt, dann gibt es im Browser Google Chrome ein Menü „… installieren“ oder „App installieren“.

In folgendem Blogartikel habe ich erklärt wie progressive Web Apps in den gängigsten Betriebssystemen installiert wird:
Progressive Web Apps installieren in den Betriebssystemen Windows, Android, IOS, Ubuntu und MacOS

„Barrierefreie Marlems Reise Vokabeltrainer App“ weiterlesen

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.

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

Progressive Web Apps barrierefrei entwickeln – Kurzanleitung

Progressive Web Apps (abgekürzt PWAs) sind plattformunabhängig und es ist sehr einfach eine Progressive Web-App barrierefrei zu entwickeln.  In diesem Artikel gibt es eine kurze Anleitung wie progressive Web Apps entwickelt werden.

Gesetzliche Verplichtung für Öffentliche Stellen des Bundes

Im Behindertengleichstellungsgesetz – BGG § 12a Barrierefreie Informationstechnik Absatz 1 steht:

(1) Öffentliche Stellen des Bundes gestalten ihre Websites und mobilen Anwendungen, einschließlich der für die Beschäftigten bestimmten Angebote im Intranet, barrierefrei. Schrittweise, spätestens bis zum 23. Juni 2021, gestalten sie ihre elektronisch unterstützten Verwaltungsabläufe, einschließlich ihrer Verfahren zur elektronischen Vorgangsbearbeitung und elektronischen Aktenführung, barrierefrei. Die grafischen Programmoberflächen sind von der barrierefreien Gestaltung umfasst.

Quelle: Behindertengleichstellungsgesetz – BGG § 12a Barrierefreie Informationstechnik

Es gibt also für den Staat eine gesetzliche Verpflichtung, dass nur Apps eingesetzt werden dürfen, die barrierefrei sind.

Progressive Web App – Definition

Progressive Web Apps, sind Apps die mit

  • HTML5
  • CSS ( Cascading Style Sheets )
  • Javascript / jQuery

Programmiert werden.

Oft wird die Abkürzung PWA für progressive Web-App verwendet.

Progressive Web Apps sind plattformunabhängig, das bedeutet, sie funktionieren auf allen Betriebssystemen. Sie können auch auf allen Geräten wie Laptop, PC, Smartphone, Iphone, Tablet, Ipad eingesetzt werden.

jQuery ist eine freie JavaScript-Bibliothek, die Funktionen zur DOM-Navigation und -Manipulation zur Verfügung stellt. jQuery ist die meistverwendete JavaScript-Bibliothek und vereinfacht die Programmierung von progressive Internetapps.
Es ist sehr einfach Progressive Web Apps zugänglich zu entwickeln. Hierfür müssen die gleichen Richtlinien umgesetzt werden, wie wenn eine Internetseite behindertengerecht entwickelt werden soll.

5 barrierefreie progressive Web Apps entwickelt von Markus Lemcke im Betriebssystem IOS
5 barrierefreie progressive Web Apps entwickelt von Markus Lemcke im Betriebssystem IOS

„Progressive Web Apps barrierefrei entwickeln – Kurzanleitung“ weiterlesen