Marlems Schiebe-Puzzle App – neue barrierefreie progressive Web App

Das IT-Unternehmen Marlem-Software hat eine neue barrierefreie progressive Web App entwickelt, das Computerspiel Schiebe-Puzzle. Die App heißt „Marlems Schiebe-Puzzle“.

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. Die Web-Adresse vom Marlems Schiebe-Puzzle ist www.marlems-schiebe-puzzle.de .

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“.
In diesem Blogartikel wird erklärt, wie Sie eine progressive Web App in unterschiedlichen Betriebssystemen installieren können:
Progressive Web Apps installieren in den Betriebssystemen Windows, Android, IOS, Ubuntu und MacOS

Die App kann auch ohne Internet genutzt werden. Wenn Sie die App zum ersten Mal starten benötigen Sie über WLAN oder Funk eine Internetverbindung. Beim ersten Starten der App werden alle notwendigen Dateien in ein Browserspeicher geladen. So bald alle Dateien im Browserspeicher sind, können Sie die App nutzen, auch wenn Ihr Smartphone,IPhone, Tablet oder IPad gar keine Internetverbindung hat.

Was ist Schiebe-Puzzle?

Schiebepuzzle ist ein Spiel, bei dem man versucht, durch Verschieben von Kacheln ein Bild oder eine Form wiederherzustellen. Das Spiel besteht aus einer quadratischen oder rechteckigen Schachtel, in der sich mehrere rechteckige Kacheln befinden. Jede Kachel ist mit einem Teil eines Bildes oder einer Form bedruckt.
Zu Beginn des Spiels sind die Kacheln in einer zufälligen Reihenfolge angeordnet, sodass das Bild oder die Form nicht erkennbar ist. Ziel des Spiels ist es, die Kacheln durch Verschieben so anzuordnen, dass das Bild oder die Form wiederhergestellt wird.
Das Verschieben der Kacheln erfolgt, indem man eine Kachel auswählt und sie in eine freie Position schiebt, um Platz für andere Kacheln zu schaffen. Man kann eine Kachel nur in eine Position schieben, die sich in unmittelbarer Nähe befindet und leer ist.
Das Spiel kann in verschiedenen Schwierigkeitsstufen gespielt werden, indem man die Anzahl der Kacheln erhöht oder die Anzahl der möglichen Bewegungen begrenzt. Schiebepuzzle sind in der Regel ein Einzelspieler-Spiel und können auf Papier oder mit einem Computer oder mobilen Gerät gespielt werden.

Die barrierefreie App Marlems Schiebepuzzle auf einem Smartphone mit Betriebssystem Android
„Marlems Schiebe-Puzzle App – neue barrierefreie progressive Web App“ weiterlesen

Marlems Hangman Spiel – neue barrierefreie progressive Web App

Das IT-Unternehmen Marlem-Software hat eine neue barrierefreie progressive Web App entwickelt, das Computerspiel Hangman. Die App heißt „Marlems Hangman-Spiel“.

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. Die Web-Adresse vom Marlems Hangman-Spiel ist www.marlems-hangman-spiel.de .

Die App-Oberfläche der barrierefreien App Marlems Hangman-Spiel im Betriebssystem Android
Die App-Oberfläche der barrierefreien App Marlems Hangman-Spiel im Betriebssystem Android

„Marlems Hangman Spiel – neue barrierefreie progressive Web App“ weiterlesen

Barrierefreie Apps – Was ist das und wie können diese gefunden werden?

In diesem Blogartikel wird erklärt, was barrierefreie Apps sind und wie diese gefunden werden können.

Was sind Apps bzw. mobile Apps?

Als App bzw. mobile App wird eine Anwendungssoftware für Mobilgeräte beziehungsweise mobile Betriebssysteme bezeichnet. Mobile Betriebssysteme sind zum Beispiel Android und IOS.
Obwohl sich der Begriff App bzw. bzw. mobile App auf jegliche Art von Anwendungssoftware bezieht, wird er im deutschen Sprachraum oft mit Anwendungssoftware für Smartphones, iPhones, iPads und Tablets gleichgesetzt. Bei mobile Apps wird zwischen nativen Apps, die nur auf einer Plattform funktionieren, und plattformunabhängigen Web-, Hybrid- und Cross-Plattform-Apps unterschieden.

Barrierefreie Apps – Definition

Apps sind dann barrierefrei, wenn sie so programmiert bzw. entwickelt wurden, dass sie von allen Menschen, auch von Menschen mit körperlichen Einschränkungen oder Behinderungen, uneingeschränkt bedient werden können.

Barrierefreie Apps – Behindertengleichstellungsgesetz – BGG

Im Behindertengleichstellungsgesetz – BGG § 12a Barrierefreie Informationstechnik 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.
(7) Der Bund wirkt darauf hin, dass gewerbsmäßige Anbieter von Websites sowie von grafischen Programmoberflächen und mobilen Anwendungen, die mit Mitteln der Informationstechnik dargestellt werden, aufgrund von Zielvereinbarungen nach § 5 Absatz 2 ihre Produkte so gestalten, dass sie barrierefrei genutzt werden können.

Quelle: BGG § 12a Barrierefreie Informationstechnik

Das bedeutet, öffentliche Stellen des Bundes sind zum Einsatz von barrierefreien Apps verpflichtet und Unternehmen sollten barrierefreie Apps einsetzen.

„Barrierefreie Apps – Was ist das und wie können diese gefunden werden?“ weiterlesen

Barrierefreie Appentwicklung als Progressive Web App – Fachartikel im entwickler magazin von Markus Lemcke

Im entwickler magazin wurde in Ausgabe 1.2023 ein Fachartikel von mir veröffentlicht über Barrierefreie Appentwicklung als Progressive Web App.

Von September bis Dezember 2021 habe ich auf der Webseite Udemy den Kurs gemacht „Web-Apps mit Javascript und jQuery selber programmieren“. Parallel dazu habe ich das Buch von Christian Liebel über Progressive Web-Apps durchgearbeitet.

Logbuch: Dezember 2022: Ein Fachartikel von mir über Barrierefreie Appentwicklung als Progressive Web-App wird im entwickler magazin veröffentlicht und das Thema landet auf der Titelseite!

Titelseite der IT-Fachzeitschrift entwickler magazin mit Hinweis auf den Artikel PWA Barrierefreiheit auf allen Plattformen
Titelseite der IT-Fachzeitschrift entwickler magazin mit Hinweis auf den Artikel PWA Barrierefreiheit auf allen Plattformen (=Betriebssystemen)

„Barrierefreie Appentwicklung als Progressive Web App – Fachartikel im entwickler magazin von Markus Lemcke“ 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

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