Als Progressive Web App (PWA) werden mobile Webseiten bezeichnet, die über die Funktionen nativer Applikationen verfügt. Entwickelt wurde das Konzept ursprünglich und federführend von Google. In der sich ständig weiterentwickelnden Landschaft der Webentwicklung haben sich Progressive Web-Anwendungen als ein Game-Changer herauskristallisiert, der die Kluft zwischen Desktop-, Web- und mobilen Anwendungen überbrückt. PWAs kombinieren die Stärken von nativen Applikationen und klassischen Webseiten und bieten eine nahtlose, ansprechende und intuitive Benutzererfahrung.

Die App läuft auf allen gängigen Browsern und arbeitet unabhängig von der Plattform des Endgeräts. Es spielt also z.B. keine Rolle, ob es sich um ein iOS- oder ein Android-Smartphone handelt. Die Vorteile von PWAs sind dabei offenkundig:

  • Kostenreduktion: bisher mussten z.B. Webshops neben Ihrer im Idealfall responsiven Website spezielle Apps für iPhones und Android-Geräte erstellen, um Ihre Zielgruppen umfassend zu erreichen – was natürlich hohe Kosten mit sich bringt. PWAs hingegen sind überall verfügbar, ihre Entwicklung muss nicht mehr gesondert für die jeweilige Zielplattform erfolgen.
  • Anwendungsdesign: User-Experience und Bedienverhalten gleichen nativen Apps und beschleunigen die Eingewöhnung der Benutzer und die User-Bindung.
  • Hardwarezugriff: PWAs können verschiedenste gerätspezifische Funktionen ansprechen wie z.B. Kameras, Sensoren oder Push-Benachrichtigungen.
  • Einfaches Deployment: PWAs unterliegen nicht dem übliche Prozedere zur Veröffentlichung in Google Play oder im Apple App Store. Mit nur wenigen Klicks werden Progressive Web Apps nicht nur auf Desktop-PCs, sondern auch auf mobilen Endgeräten installiert.
  • Offline-Verfügbarkeit: Eine PWA steht immer auch offline zur Verfügung. Das bedeutet, auch wenn kein Internet zur Verfügung steht, können Sie problemlos mit der App arbeiten – denn die PWA wird nicht auf einem Server ausgeführt, sondern letztlich direkt auf dem Endgerät.
  • Höhere Geschwindigkeit: PWAs sind schneller als herkömmliche Web-Anwendungen
  • Suchmaschinenoptimierung: PWAs werden wie eine normale Website über eine URL aufgerufen und können daher für Suchmaschinen-Findung optimiert werden.
  • Gerade kleinere oder noch nicht so bekannte Unternehmen können davon profitieren, ihren Kunden mit einer Progressive Web App ein App-Erlebnis zu bieten, ohne die Kosten einer Native-App-Entwicklung (zusätzlich zur Website) aufbringen zu müssen.

PWA und LANSA

Quelle: S.M.Hartmann GmbHDa sich der Markt für PWAs in einem noch nie dagewesenen Tempo weiterentwickelt und Unternehmen zunehmend erkennen, wie wichtig es ist, nahtlose digitale Erlebnisse zu liefern, hat LANSA die bewährte professionelle Low-Code-Entwicklungsplattform Visual LANSA erweitert, um den PWA-Entwicklungsprozess zu vereinfachen und zugleich leistungsstarke und sichere Anwendungen zu ermöglichen.

Visual LANSA hilft Programmierern, PWAs einfach zu entwerfen, zu erstellen und einzusetzen, und dabei Zugriff auf Daten und Programme unterschiedlichster Plattformen – natürlich auch IBM i – zu haben. Von einem optimierten Entwicklungsprozess bis hin zu plattformübergreifender Kompatibilität und Offline-Funktionalität bietet Visual LANSA ein umfassendes Toolkit, um PWAs zu erstellen, die den höchsten Anforderungen an Leistung und Sicherheit entsprechen.

Visual LANSA vereinfacht den Entwicklungsprozess von PWAs und verbessert die gesamte Performance des Entwicklerteams – Anwendungen werden durch einfache Drag-and-Drop-Aktionen entworfen und entwickelt, die Notwendigkeit umfangreichen manuellen Codings entfällt.
Einfach zu entwickeln

Das Erstellen einer PWA erfolgt dabei genauso wie das Erstellen jeder anderen Visual LANSA Anwendung. Sie müssen keine zusätzlichen Programmiersprachen erlernen und sich Kenntnisse diverser Webtechnologien aneignen. Wenn Entwickler mit der Erstellung von PWAs beginnen, werden automatisch alle notwendigen Komponenten generiert, um den Entwicklungsprozess zu vereinfachen.

Mit Visual LANSA fügen Sie die wesentlichen PWA-Komponenten, wie das „Web-App Manifest“ und den „Service Worker“ einfach hinzu. Das „Web-App-Manifest“ definiert die Metadaten der PWA, einschließlich des Namens, der Symbole und der Anzeigeeinstellungen, während der „Service Worker“ Offline-Funktionen und Funktionalität der PWA sichert.

Service Worker“ sind im Prinzip kleine Scripts, auf die die PWA aufgebaut ist. Diese für den Endanwender unsichtbaren Prozesse sind dafür verantwortlich, dass die Anwendung wie gewünscht funktioniert, indem sie beispielsweise Ladezeiten verkürzen, bestimmte Funktionsabläufe bereitstellen oder auf Systemressourcen wie z.B. Foto zugreifen.

Vollständig anpassbar

Quelle: S.M.Hartmann GmbHVisual LANSA ist mit einem Repository ausgestattet, das ein umfangreiches Set an Anwendungskomponenten enthält, die für die PWA-Entwicklung zugeschnitten sind. Von intuitiven UI-Elementen bis hin zur nahtlosen Datenintegration steht ein abgerundetes Toolkit zur Verfügung. Es bietet vorgefertigte Widgets und Vorlagen für gängige PWA-Funktionen wie z.B. Push-Benachrichtigungen. Entwickler können diese Widgets und Vorlagen verwenden, ohne deren Funktionalität von Grund auf neu erstellen zu müssen.

Darüber hinaus stellt Visual LANSAs integrierte Unterstützung für responsives Design sicher, dass sich progressive Webanwendungen leicht an verschiedene Geräte und Bildschirmgrößen anpassen. Debugging-Tools ermöglichen Entwicklern, Fehler leicht zu finden und zu beheben.

Verbesserte Sicherheit

Angesichts der zunehmenden Cyber-Bedrohungen ist die Implementierung robuster Sicherheitsmaßnahmen heutzutage von größter Bedeutung. PWAs, die mit Visual LANSA entwickelt wurden, verwenden sichere Kommunikationsprotokolle wie HTTPS und SSL, um die Anwendung und die dazugehörigen Benutzerdaten zu schützen. Bei der Kommunikation zwischen dem Webserver und dem Anwendungsserver werden die Daten während der Übertragung verschlüsselt. Darüber erfolgt eine sichere Authentifizierung – LANSA ermöglicht es Entwicklern, Autorisierungs- und Authentifizierungsfunktionen in PWAs zu integrieren.

Die Entwicklung kundenspezifischer Geschäftslösungen ist eine Aufgabe, die beträchtliche Vorteile bringen kann, aber in der Regel auch eine erhebliche Investition erfordert. Ganz zu schweigen davon, dass Unternehmen bei der Entwicklung nativer mobiler Anwendungen oft verschiedene Versionen für die Betriebssysteme Android und iOS erstellen und pflegen müssen, was die Kosten verdoppelt.

Geringe Entwicklungskosten

PWAs hingegen benötigen keine separaten Versionen für verschiedene Geräte. Eine einzige progressive Anwendung erfüllt die Anforderungen aller Endgeräte, auf denen sie läuft. Die Erstellung von PWAs mit Visual LANSA reduziert die Kosten durch die einheitliche Codebasis erheblich.

Die Entwickler müssen keinen separaten Code schreiben, um die Webanwendung auf verschiedenen Geräten auszuführen. Dies reduziert nicht nur den Aufwand des Entwicklers, sondern auch die Entwicklungskosten.

Ausgezeichnete Performance

Visual LANSA ermöglicht es Entwicklern nicht nur, PWAs mit beeindruckenden Funktionen zu erstellen, sondern bietet auch eine robuste Offline-Funktionalität. Es ermöglicht den Benutzern den Offline-Zugriff auf wichtige Funktionen und Inhalte. Ein Schlüsselmerkmal von Visual LANSA ist der fortschrittliche Caching-Mechanismus, der es Anwendungen ermöglicht, Ressourcen zwischen zu speichern und so die Anwendungsleistung und Ladegeschwindigkeit zu verbessern.

Visual LANSA bietet Entwicklern hochmoderne Werkzeuge, um die Geschwindigkeit und Effizienz ihrer PWAs zu verbessern. Dazu gehören die Optimierung der Code-Ausführung, die Minimierung von Netzwerkanfragen und der Einsatz von effektiven Caching-Strategien.
Gegenwart und Zukunft der Webentwicklung

Die Kombination von PWAs und Visual LANSA bietet eine überzeugende Alternative zur traditionellen mobilen Anwendungsentwicklung. LANSAs Selbst-Verpflichtung zur Verbesserung der Leistung, zur Reduzierung der Entwicklungskosten und zur Beschleunigung der Markteinführung schafft die Voraussetzungen für Unternehmen, um in der digitalen Welt erfolgreich zu sein.

Ob Sie ein Startup-Unternehmen oder ein großes Unternehmen sind, das seine Online-Präsenz neu beleben möchte, Visual LANSA eröffnet neue Wege für die Erstellung von PWAs, mit denen sich Ihr Unternehmen im heutigen Wettbewerbsumfeld abheben kann. Egal, ob Sie ein erfahrener Entwickler sind oder Ihre Reise gerade erst beginnen, das intuitive Design von Visual LANSA ermöglicht es Ihnen, die Grundlagen der PWA-Entwicklung schnell zu erfassen und Ihre Visionen effizient umzusetzen.

Jörg Hamacher ist Geschäftsführer der S.M.Hartmann GmbH.

S.M.Hartmann GmbH