mittl medien | Webentwicklung in Stuttgart

Apps / Progressive Web Apps (PWA)
Hyprid Apps
Native Apps

Apps sind in aller Munde. Je nach Anforderung oder Budget ist eine der aufgeführten Art von Apps das richtige für Sie.

Progressive Web App

Progressive Web Apps sind erweiterte Webapplikationen. Features wie Offline Funktionalität und Push Nachrichten können für eine Webseite, Webportal oder Shopsystem umgesetzt werden. Als Grundlage kann eine bestehende Webseite dienen, welche technisch gesehen mit einem Service Worker ausgestattet wird.

Diese App läuft in einen normalen Browser, was der Benutzer nicht unbedingt erkennen muss. Da die Grundlage eine Webapplikation bzw. Webseite ist, kann der Inhalt auch über die Suchmaschinen gefunden werden.

Hyprid App

Eine Hyprid App kann unter Android und iOS installiert werden, wobei der Vorteil in der Entwicklung ist, da keine doppelten Entwicklungkosten anfallen. Dies schlägt sich dann auch in der Weiterentwicklung und Wartung nieder. Die Programmierung kann in verschiedene Frameworks wie z.B. React Native erfolgen, dabei ist nahezu alles umsetzbar.

Hypride Apps sind dann die besten Wahl, wenn auf bestimmte Features gegenüber einer PWA nicht verzichtet werden kann.

Native Apps

Entwicklung erfolgt in der Sprache in der zu entwickelnden Platform. Somit nutzt eine native App hinsichtlich Performance und Funktionen des jeweilige Betriebssystem optimal aus.

Rechenintensive Anwendungen sind bei einer Nativen App am besten aufgehoben. Maximaler Funktionsumfang mit den neuesten Trends wie Augmented Reality zeichnen Native Apps aus.

Welche App? - PWA (Progressive Web App) - Hybride App oder doch eine Native App

Festlegung der Kernfunktion und Ziel der App

Apps können verschieden Ziele verfolgen, einem besonderen Marketingzweck dienen oder die Kundenzufriedenheit steigern. Denkbar wäre auch eine App für das eigenene Unternehmen zu erstellen, um die Produktivität zu steigern.

Neben der Zieldefinition der App, spielen die wünschenswerten Features, Kernfunktionen und Monetarisierung für die App eine entsprechende Rolle, welche Art von App umgesetzt wird und welche Technik letztendlich eingesetzt werden sollte.

Progressive Web App

Eine ausführliche Erklärung über Progressive Web App (PWA) ist in diesem Artikel bereits erklärt. Technisch gesehen ist eine eine Progressive Web App eine Webseite, bei welcher der ServiceWorker als Proxy fungiert und alle Requests (Abfragen) zwischen Server und Browser kontrolliert.

Durch diese Kontrolle sind Funktionen wie Offline Funktionalität und Background Sync möglich. Mit der Web-API (HTML5 API) kann man bereits vielfältige Möglichkeiten umsetzen, dazu zählen Push Nachrichten, Bezahlungen (Payments) und Web Share. Folgender Artikel zeigt Möglichkeiten auf, um den Benutzer ein Native App Gefühl eine Progressive Web App zu geben:

"15 Tipps zur Optimierung einer Progressive Web App (PWA)"

Diese wie auch andere Features geben dem Benutzer das Gefühl mit einer nativen App zu agieren. Zwingende funktionierende Features sollten auf Browser-Support und Betriebssystem geprüft werden. Einen sehr guten Überblick über alle Möglichkeiten der HTML5 API sind auf whatwebcando.today zu finden.

Große Unternehmen wie Google, Ueber, AirBnb, Tinder und Trivago setzen zunehmend auf Progressive Web Apps, da diese nicht installiert werden müssen und über Suchmaschinen gefunden werden. PWA können auch in den App Store und Google Play Store eingereicht werden, wobei viele Unternehmen noch beide Arten von Apps entwickeln, Native App bzw. Hypride Apps auf der einen Seite und Progressive Web Apps auf der anderen Seite, um alle Zielgruppen besser zu erreichen und alle Funktionen auszschöpfen.

Auf meinem Vortrag auf dem Digital Breakfast in Stuttgart habe ich die Frage zum Thema "Progressive Web App - eine Alternative zur nativen App?" bereits näher beleuchtet.

Hybride App - wenn die Progressive Web App nicht ausreicht

Auch wenn Progressive Web App mittlerweile sehr weit an eine App heranreichen, können Sie leider (noch) nicht alles abbilden. In iOs wird Web Push noch nicht unterstützt. Hier ist der Einsatz einer Hybriden App von Vorteil, um die Umsetzung einer App mit der Funktion Push Nachrichten umzusetzen. Für die Hybride App Entwicklung gibt es verschiedene Frameworks wie Flutter, NativeScript und React Native, um für alle Plattformen eine App auszurollen. Der Vorteil bei den genannten Frameworks ist, dass der Programmcode zu einer Nativen App kompiliert wird.

Je nach Framework, können Native Bestandteile hinzugefügt werden, um auf spezielle Funktionen, welches das Framework nicht unterstützt zurückzugreifen. Letztendlich kann einen Hybride App sehr viel, alle denkenswerten Features können umgesetzt werden und Sie sind zudem noch performant. Als zusätzliche Besonderheit ist es je nach Framework möglich, aus der Hybride App eine PWA zu erstellen.

Native App - für Leistung und Trends

Einen Native App wird in der jeweiligen Sprache des Betriebssystem programmiert. Bei iOs kann es Swift, bei Android kann es Kotlin sein. Da man für beide Plattformen separat entwickelt wird, fallen doppelte Entwicklungskosten an, sofern man mehrere Plattformen unterstützen will.

Dieser Aufwand wirkt sich auch auf das Ergebnis aus, um hohe Anforderungen zu erfüllen, beste Performance zu erreichen und Unterstützung der neuesten Features zu gewährleisten. Leistungshungrige Spiele und der Einsatz neuester Techniken wie Augmented Reality sind gut Beispiele für eine Native App Entwicklung.

App Entwicklung in Stuttgart
PWA, Hyprid App oder Native App

Als professioneller Webentwickler aus dem Raum Stuttgart berate ich Sie gerne über die Funktionalitäten und Möglichkeiten der App-Entwicklung.

Progressive Web App (PWA)

Mit einer Progressiven Web App können Sie Ihren Besuchern deutlichen Mehrwert mit geringen Aufwand gegenüber einer nativen App bieten. Dennoch haben native Apps Ihre Berechtigung. Warum Progressive Web Apps mittlerweile unverzichtbar sind? Lesen Sie mehr...

Progressive Web App in Joomla für eine Kommune

Realisierung der Progressive Web App mit Push Nachrichten in Joomla für eine Kommune.Lesen Sie mehr...

PWA Joomladay

Mein Vortrag auf dem JoomlaDay in Wien "Zeige mir Deine Offline Seite (PWA)" Wien zeige ich die Erstellung einer Progressiven Web App anhand eines Beispiels auf. Lesen Sie mehr...

Scope der PWA

Der Scope der Progressiven Web App kann bei der Registrierung des Service Workers definiert werden. Lesen Sie mehr...