ilumi  Marcus Wengenroth, ilumi.de, info@ilumi.de, Tel.: +49(0) 176 642 390 41




Progressive Web Apps (PWA)


Falls Sie als Unternehmer- oder Unternehmen einmal mit dem Gedanken gespielt haben, eine App für Android oder/und iOS entwickeln zu lassen, werden Sie festgestellt haben, dass dies ein teures und aufwändiges Unterfangen ist.

Inzwischen gibt es aber eine Alternative: die Progressive Web App (PWA).

Bei der PWA handelt es sich im Grund um eine Website, die sich aber verhält und anfühlt, als sei sie eine App. Die Entwicklung einer solchen App ist wesentlich einfacher, unkomplizierter und vor allem kostengünstiger.

Genau wie bei einer App ist diese auch in der Lage offline zu funktionieren.

Wenn Sie Bedarf an einer App haben, sprechen Sie mich an!


Beispiel 1: ilumi.de

Die ilumi.de läuft zunächst als normale Website, kann aber ebenso als Progressive Web App installiert werden:

PWA Installation unter Android

Android

Unter Android rufen Sie diese Seite mit dem Chrome Browser auf. Beim ersten Besuch wird Ihnen angeboten, die Seite dem Homescreen hinzuzufügen.

Anschließen erscheint das Symbol auf dem Homescreen, oder, bei neueren Android Versionen im App-Drawer. Das Verhalten ist genauso, also ob Sie eine App über Google Play installiert hätten.

Die App kann nun, wie gewohnt, über das Icon aufgerufen werden.

Um die App wieder zu deinstallieren, drückt man lang auf das Icon im App-Drawer und wählt "deinstallieren".


iOS (iPhone & iPad)

Unter iOS rufen Sie die Seite mit dem Safari Browser auf:

PWA Installation unter iOS

Drücken Sie auf das Teilen-Symbol (rechts neben dem Adress-Feld) und in dem darauf ausklappenden Menü auf "Zum Home-Bildschirm". Das entsprechende Symbol erscheint dann als Icon auf dem iPad und kann wie gewohnt geöffnet werden.

Um das Lesezeichen wieder zu löschen, drücken Sie lang auf das Icon und wählen "Lesezeichen löschen".


Windows 10

PWAs können sogar auf einem Windows System (ab Windows 10) als App installiert werden:

PWA Installation unter Windows 10

Bei Chrome erscheint in der Adress-Zeile ein kleines (+) Symbol mit der die Seite als App installiert werden kann.

Nach dem Klick öffnet sich die Seite ohne Browserumgebung und das Symbol wird für die spätere Verwendung auf dem Desktop abgelegt.

Um die App wieder zu deinstallieren, wählen Sie in der App das 3-Punkte Menü () und danach "deinstallieren".


Offline - Funktionalität

Nach aufrufen der App über dieses Icon öffnet sich die ilumi-Seite als App - ohne die browsertypische Adresszeile.

Welche Bereiche der App auch ohne Internet verfügbar sein sollen, kann individuell angepasst werden. Die ilumi.de-App versucht immer, die Seiten aktuell im Internet zu laden - nur wenn das Internet nicht verfügbar ist, wir die Seite im Cache angezeigt. Es werden außerdem nur die Seiten gecached, die bereits aufgerufen wurden. Probieren Sie es aus!


Beispiel 2: OK App

OK App

Die OK-App entstand als Verwaltungstool für eine Autowerkstatt.
mehr Infos gibt es hier!







 

ilumi

Marcus Wengenroth


Eichenstraße 39
42799 Leichlingen

   +49 (0) 176 642 390 41

   info@ilumi.de

   ilumi.de

   www.facebook.com/ilumi.de


Diese Seite teilen

share

 

ilumi Decoration Stuff