Mit Progressive Web-Apps einfach zur mobilen Doku-App

Mobile Dokumentation steht in vielen Technischen Redaktionen auf dem Wunschzettel – wenn da nicht die App-Programmierung wäre. Wer schon einmal eine App an den Start gebracht hat, der weiß welcher Aufwand dahinterstecken kann, eine App über die verschiedenen Stores und damit auch für unterschiedliche Betriebssysteme bereitzustellen. Wenn das nur einfacher ginge! Die gute Nachricht: Es geht einfacher! Progressive Web-Apps bieten die Vorteile einer mobilen Doku-App ohne die Nachteile einer kompletten App-Entwicklung. Noch dazu sind sie einfach aus SCHEMA ST4 heraus zu erstellen. Grund genug, sich diese Technologie einmal genauer anzuschauen.

Progressive Web-Apps: Was ist das eigentlich?

Progressive Web Apps sind ein standardisierter Weg, HTML-Inhalte lokal als App zu installieren. Sie

• funktionieren auf unterschiedlichen Plattformen (iOS, Android, Chrome, Edge etc.),
• setzen konsequent auf Web-Technologien (HTML 5, CSS, Javascript, HTTPS, Standard-Browser)
• und funktionieren nach dem Prinzip des Progressive Enhancements, d.h. zu den Basisfunktionen kommen zusätzliche Funktionen, wenn z.B. eine Online-Verbindung besteht, ein größeres Display vorhanden ist, eine Kamera verfügbar ist etc.

Ganz praktisch rufen Sie z.B. an Ihrem Smartphone eine Website auf. Im Gegensatz zu einer normalen Website wird Ihnen aber hier angeboten, die Inhalte herunterzuladen und lokal als App zu installieren (Button dazu in der Abbildung orange markiert). Dies funktioniert genauso auf Ihrem PC oder Laptop im Browser. Welche Inhalte genau heruntergeladen werden, kann individuell festgelegt werden – dazu später mehr.

Anschließend können Sie die App wie gewohnt über ein App-Icon starten und die Nutzung ist auch offline möglich.

Das ist sozusagen das Endergebnis, aber wie kommen wir dahin? Schauen wir zuerst auf die Möglichkeiten, Inhalte für Ihre Zielgruppe mobil bereitzustellen.

Mobile Dokumentation aus SCHEMA ST4

Der verbreitetste Weg, Informationen aus dem Redaktionssystem SCHEMA ST4 mobil zur Verfügung zu stellen, ist das PDF-Format. Eine Bereitstellung in diesem Format ist mit ST4 und dem Page Layout Designer (PLD) einfach möglich. Allerdings ist dieses Format nur bedingt mobiltauglich, denn User:innen sind oft mit Scrollen, Pinchen und Zoomen beschäftigt.

Alternativ können Inhalte als responsives HTML5 ausgegeben werden. Auch dies ist mit ST4 und dem Online Media Designer (OMD) einfach bewerkstelligt. Hier liegt die Schwierigkeit darin, die Dateien für die Anwender:innen bereitzustellen. Als ZIP-Archiv sind einige Funktionen eingeschränkt; per Web-Server ist eine Internetverbindung erforderlich.

Mit einer nativen oder hybriden App lassen sich diese Probleme umgehen, aber es lauert anderes Ungemach: Das Account-Management für die diversen Stores ist mit großem Aufwand verbunden.

Der Königsweg ist die Nutzung eines Content Delivery Servers, der aber mit einer deutlichen Investition verbunden ist.

Progressive Web-Apps vereinen die Vorteile und umgehen gleichzeitig die Nachteile der bisher genannten Lösungen:

• Sie lassen sich direkt aus ST4 erzeugen.
• Apps können per Web-Server bereitgestellt werden.
• Auch ohne Internetverbindung sind die Inhalte abrufbar.
• Im Vergleich zu anderen Lösungen ist die Usability wesentlich besser.
• Da sich die Progressive Web-Apps wie normale Apps verhalten, sind keine Vorkenntnisse oder Schulungen für die Installation und Anwendung notwendig.
• Ein Zugriff auf Geräteschnittstellen ist möglich.
• Push-Nachrichten können versendet werden.
• Sie sparen Zeit, Geld und Nerven durch den Wegfall der Distribution über App-Stores.

Im Vergleich zu der Liste von Vorteilen, fallen die Nachteile sehr kurz aus:

• Sie funktionieren nicht in jedem Browser. Auf den Internet Explorer müssen Sie hier verzichten, aber das kennen wir ja schon von anderen Themen.
• Eine native App bietet eine höhere Performance, aber für reine Doku-Apps spielt dieser Punkt keine große Rolle.

Progressive Web-Apps aus SCHEMA ST4 generieren

Die Basis einer Progressive Web App ist wie schon gesagt eine herkömmliche OMD-Produktion. Dazu kommen noch weitere Ergänzungen und Anpassungen:

• Manifest: Diese Datei sammelt Projekt-Parameter wie z.B. den App-Titel, das Icon oder die Basis Url. Die Informationen werden in den Projekteigenschaften (das blaue Buch in ST4) gesammelt und im OMD generiert.
• App-Icons in unterschiedlichen Auflösungen, die als projektspezifische Produktionsressourcen in ST4 abgelegt werden.
• In der Javascript-Datei „Service-Worker“ wird festgelegt, wie auf bestimmte Ereignisse reagiert werden soll. So kann z.B. je nach Online-Status auf Aktualisierungen hingewiesen werden.
• In die vorhandene Javascript-Datei custom.js muss ein Aufruf für die Installation des Service-Workers eingebaut werden.

Mit diesen Ergänzungen können Sie ganz individuell festlegen, wie Aktualisierungen der App ablaufen sollen oder welche Inhalte bei der Installation heruntergeladen werden sollen. Sie können alle Inhalte komplett downloaden oder nur Teile und Ergänzungen dann später über definierte Ereignisse nachladen.

Weitere Optimierungen wie z.B. eine verbesserte Suche können natürlich ebenso umgesetzt werden.

Lohnen sich Progressive Web-Apps für Ihr Unternehmen?

Wenn Sie sich die wichtigsten Fakten noch einmal anschauen, kann die Antwort auf die Frage eigentlich nur „Ja“ lauten:

• Progressive Web-Apps sind eine leicht umsetzbare Lösung. Sie brauchen lediglich Ihre Inhalte in einem Redaktionssystem wie SCHEMA ST4, ein paar Anpassungen dort und Platz auf einem Webserver.
• Durch die ausschließliche Nutzung von Web-Standards entfallen Lizenzkosten.
• Sie können mit einer einfachen Basisversion starten und nach und nach Funktionen und Distributionswege erweitern. Auch die spätere Umstellung auf eine native App ist jederzeit möglich.

Sie bieten einen günstigen und schnellen Weg, mit mobiler Dokumentation zu starten. Für Ihr Unternehmen kann das ein Einstieg in Content Delivery und alternative Dokumentationsformen wie Video oder Augmented Reality sein. Dabei können Sie klein anfangen und groß ausbauen.

Aus Sicht der Anwender:innen bieten Progressive Web Apps ein attraktives, interaktives Produkt, das sich den Nutzungsgewohnheiten nahtlos anpasst. Egal ob mobil oder am Rechner, online oder offline. Sie können so die Bindung an Ihr Unternehmen steigern.

Möchten Sie mehr über Progressive Web-Apps erfahren oder sich die Aufzeichnung unseres Webinars dazu anschauen? Stellen Sie gerne Ihre Fragen hier in den Kommentaren oder melden Sie sich einfach bei Benny Rauschenberger.