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

5 barrierefreie Apps entwickelt von Marlem-Software im Jahr 2022

Das IT-Unternehmen Marlem-Software hat von Januar bis Juli 5 barrierefreie Apps entwickelt.

Gesetzliche Verpflichtung zum Einsatz von barrierefreien Apps

Im Gesetz zur Gleichstellung von Menschen mit Behinderungen (Behindertengleichstellungsgesetz – BGG)
§ 12a Barrierefreie Informationstechnik steht Folgendes:

(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

Öffentliche Stellen des Bundes sind gesetzlich dazu verpflichtet, Apps einzusetzen, die barrierefrei sind. Eine Suche mit der Suchmaschine Google nach
barrierefreie appentwicklung
barrierefreie apps

zeigt, dass die öffentlichen Stellen des Bundes nicht gewillt sind, ihrer gesetzlichen Verpflichtung nachzukommen.
Deswegen habe ich beschlossen, dass ich dieses Jahr viele barrierefreie Apps entwickle, damit das Thema in der Gesellschaft ankommt.

Wann sind Apps barrierefrei?

Was bedeutet der Begriff „barrierefreie Apps“?
Eine App ist dann barrierefrei, wenn sie für Menschen mit unterschiedlichen körperlichen Einschränkungen oder Behinderungen nutzbar sind.

Tastatur mit einer Taste auf der Barrierefrei steht
Quelle: Edler von Rabenstein – 252045538 / Shutterstock.com

„5 barrierefreie Apps entwickelt von Marlem-Software im Jahr 2022“ weiterlesen

Barrierefreie App: barrierefreie Stadt

Es gibt eine neue barrierefreie App des IT-Unternehmens Marlem-Software: Barrierefreie Stadt.

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. 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.
Progressive Web Apps im Browser ausführen
Progressive Web Apps können im Browser ausgeführt werden oder installiert werden. Da progressive Web Apps von Google entwickelt wurden, bietet sich der Browser Google Chrome an. Im Betriebssystem IOS empfehle ich den Browser Safari.

Wie werden progressive Web-Apps „installiert“?

Alle Browser von Desktop und Mobilgeräten, egal ob im Betriebssystem Windows, Ubuntu, Android oder im Betriebssystem IOS haben ein Menü „App installieren“ oder „Zum Startbildschirm hinzufügen“ oder „Zum Home-Bildschirm“. Mit dieser Funktion kann eine Progressive Web App 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 und im Browser Edge ein Menü „… installieren“ oder „App installieren“.

Barrierefreie Stadt installieren

Sie geben im Browser Google Chrome, im Betriebssystem IOS im Browser Safari, die Webadresse ein www.mbarrierefreie-stadt.de und drücken die Taste Enter.
Sie können die App im Browser ausführen oder installieren.
Wie eine progressive Web App in den oben aufgeführten Betriebssystemen Installiert wird, können Sie in diesem Blogartikel lesen:
Progressive Web Apps installieren in den Betriebssystemen Windows, Android, IOS, Ubuntu und MacOS .
Nach dieser Anleitung installieren Sie die App Barrierefreie Stadt.

In folgendem Video zeige ich wie die App „Barrierefreie Stadt“ in den Betriebssystemen Windows 11, Android und IOS installieren.

„Barrierefreie App: barrierefreie Stadt“ weiterlesen

Barrierefreie App: Marlems Hauptstadt Quiz

Es gibt eine neue barrierefreie App des IT-Unternehmens Marlem-Software: Marlems Hauptstadt Quiz.

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

Progressive Web Apps im Browser ausführen

Progressive Web Apps können im Browser ausgeführt werden oder installiert werden. Da progressive Web Apps von Google entwickelt wurden, bietet sich der Browser Google Chrome an. Im Betriebssystem IOS empfehle ich den Browser Safari.

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 App 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 und im Browser Egde ein Menü „… installieren“ oder „App installieren“.

Marlems Hauptstadt Quiz

Mit Marlems Hauptstadt Quiz können Sie von 198 Länder auf unserer Welt die Hauptstädte lernen.

Die App Marlems Hauptstadt Quiz im Betriebssystem Android
So sieht die App Marlems Hauptstadt Quiz im Betriebssystem Android aus

„Barrierefreie App: Marlems Hauptstadt Quiz“ 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

Barrierefreie Apps – Warum wird Barrierefreiheit immer wichtiger?

In diesem Artikel wird erklärt, warum Barrierefreiheit bei Apps immer wichtiger wird.

Barrierefreie Apps – Definition

Barrierefreie Apps, sind Apps, die so entwickelt werden, dass sie von allen Menschen, auch Menschen mit Behinderungen und andere körperliche Einschränkungen bedient werden können.
App ist die Abkürzung für Application. Application ist englisch und heißt auf deutsch Anwendung. Eine App ist demzufolge eine Anwendung die auf bestimmten Geräten in bestimmten Betriebssystemen eingesetzt werden kann. Eine barrierefreie App ist eine Anwendung die für alle Menschen bedienbar ist. Ein anderes Wort für Barrierefreiheit ist zugänglich oder Zugänglichkeit.

Apps barrierefrei entwickeln – mit welchen Programmiersprachen geht es?

Die wichtigsten Programmiersprachen um eine App barrierefrei zu entwickeln sind:

  • Java für Android
  • Kotlin für Android
  • Swift für IOS
  • ObjectiveC für IOS

Progressive Web-Apps werden mit HTML, CSS und Javascript entwickelt.

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

„Barrierefreie Apps – Warum wird Barrierefreiheit immer wichtiger?“ weiterlesen

Barrierefreie App: Marlems Communicator

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

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

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

Marlems Communicator

Ich habe eine neue, barrierefreie progressive Web-App programmiert. Sie heißt „Marlems Communicator. Die App ist ein Assistent für Menschen mit dem Sprechen Probleme haben, wegen Stottern, weil sie überhaupt nicht sprechen können, weil sie eine Behinderung haben, zum Beispiel „Spastik„, oder weil sie nach einem Schlaganfall nicht mehr gut sprechen können.

„Barrierefreie App: Marlems Communicator“ 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

Barrierefreie App: Marlems Adventskalender

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

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.

Die barrierefreie App "Marlems Adventskalender" auf einem Android Smartphone
So sieht die barrierefreie App „Marlems Adventskalender“ auf einem Android Smartphone aus

„Barrierefreie App: Marlems Adventskalender“ weiterlesen