Account
mittl medien | Webentwicklung in Stuttgart

miTT PWA (Progressive Web App) Joomla als APP

Erweiterung der Joomla Webseite um eine Progressive Web App, installierbar und offlinefähig

miTT PWA PUSH (Joomla) 1

miTT PWA
Progressive Web App
Joomla Plugin

Mit dem miTT PWA Plugin für Joomla mutiert die Joomla Webseite zur ein installierbaren Mobile- und Desktop Applikation (Joomla App). "Appifizieren" Sie Ihre Joomla Webseite zu einer Android App, iOS App oder Desktop Anwendung, egal ob miTT PWA, miTT PWA FIRE PUSH oder miTT PWA ONE PUSH.

miTT PWA

  • ✔️ installierbar auf dem Smarthphone oder Desktop
  • ✔️ Installationshinweis Android
  • ✔️ iOS Install Hinweis
  • ✔️ eigener PWA Installations Button
  • ✔️ Zeitintervall für die PWA Aktualisierung
  • ✔️ Hintergrund Aktualisierung für Beiträge (HTML) und Bilder
  • ✔️ Installations-Statistik PWA
  • ✔️ Pull down zum Aktualisieren
  • ✔️ Joomla 3 und Joomla 4 kompatibel
  • ✔️ Joomla 3 und Joomla 4 kompatibel
  • ✔️ Pull down to Refresh

Webseiten Ladezeitoptimierung

  • ✔️ Offline Nutzung
  • ✔️ Fallback Offlineseite
  • ✔️ Cache First
  • ✔️ Network First
  • ✔️ Cache Strategie abhängig von Internet Verbindung
  • ✔️ Statischer Cache
  • ✔️ CDN Support für externe Dateien
  • ✔️ Cache Ausnahmen

Push Nachrichten

  • ✖️ kein Support für Push Nachrichten
Weiter zum Kauf!

miTT PWA FIRE PUSH

  • ✔️ installierbar auf dem Smarthphone oder Desktop
  • ✔️ Installationshinweis Android
  • ✔️ iOS Install Hinweis
  • ✔️ eigener PWA Installations Button
  • ✔️ Zeitintervall für die PWA Aktualisierung
  • ✔️ Hintergrund Aktualisierung für Beiträge (HTML) und Bilder
  • ✔️ Installations-Statistik PWA
  • ✔️ Pull down zum Aktualisieren
  • ✔️ Joomla 3 und Joomla 4 kompatibel

Webseiten Ladezeitoptimierung

  • ✔️ Offline Nutzung
  • ✔️ Fallback Offlineseite
  • ✔️ Cache First
  • ✔️ Network First
  • ✔️ Cache Strategie abhängig von Internet Verbindung
  • ✔️ Statischer Cache
  • ✔️ CDN Support für externe Dateien
  • ✔️ Cache Ausnahmen

Push Nachrichten

  • ✔️ Firebase Cloud Messaging
  • ✔️ Versand von Push Nachrichten aus dem Joomla Beitrag
  • ✔️ K2, FLEXIcontent, Virtuemart Support
  • ✔️ unterstützt wird Chrome, Firefox, Edge, Android, Windows, Linux, OSX
Weiter zum Kauf!

miTT PWA ONE PUSH

  • ✔️ installierbar auf dem Smarthphone oder Desktop
  • ✔️ Installationshinweis Android
  • ✔️ iOS Install Hinweis
  • ✔️ eigener PWA Installations Button
  • ✔️ Zeitintervall für die PWA Aktualisierung
  • ✔️ Hintergrund Aktualisierung für Beiträge (HTML) und Bilder
  • ✔️ Installations-Statistik PWA
  • ✔️ Pull down zum Aktualisieren
  • ✔️ Joomla 3 und Joomla 4 kompatibel

Webseiten Ladezeitoptimierung

  • ✔️ Offline Nutzung
  • ✔️ Fallback Offlineseite
  • ✔️ Cache First
  • ✔️ Network First
  • ✔️ Cache Strategie abhängig von Internet Verbindung
  • ✔️ Statischer Cache
  • ✔️ CDN Support für externe Dateien
  • ✔️ Cache Ausnahmen

Push Nachrichten

  • ✔️ One Signal Integration
  • ✔️ Versand von Push Nachrichten über One Signal Platform
  • ✔️ unterstützt wird Chrome, Firefox, Edge, Android, Windows, Linux, OSX
Weiter zum Kauf!

Joomla als App mit miTT PWA

Eine PWA kann verschiedene Einsatzgebiete haben, die Vorteile als mobile installierbare App, aber auch Desktopapplikation eingesetzt werden. Als Einzigartigkeit bietet miTT PWA für Joomla bietet die volle Kontrolle über die Einstellung des Cache, Network First, Cache First, Cache Ausnahmen und Statischer Cache, sowie de Gestaltung der Offline Seite.

Bei der Wahl von miTT PWA (Progressive Web App für Joomla) ist das Key Feature die Verwaltung des Caches. Die Technnologie PWA bietet ihre Joomla Webseite unter anderem Vorteile wie plattformübergreifende Kompatibilität, Unabhängigkeit von den App Stores und eine bessere Performance.

Inhaltsverzeichnis miTT PWA für Joomla

  1. Dokumentation miTT PWA
  2. Mobile Web App (PWA) in Aktion
  3. iOS Installation Banner
  4. PWA auf mobilem Gerät öffnen
  5. App Shortcuts
  6. miTT Wallet Messages
  7. Performance PWA
  8. Periodic Background Sync
  9. Wie richte ich miTT PWA ein? - video
  10. Pull Down zum Aktualisieren der PWA - video
  11. Warum sollte man eine PWA verwenden? - video

mitt PWA Documentation

  1. Dokumentation miTT PWA
  2. Dokumentation Fire Push
  3. Dokumentation One Push

In der Dokumentation wird der Vorgang zur Einrichtung des Plugins beschrieben, so dass Sie von den Vorteilen profitieren können. Für miTT PWA Fire Push ( Dokumentation Fire Push) und miTT PWA ONE PUSH (Dokumentation One Push) sind die speziellen Einstellungen separat dokumentiert. Für die notwendigen Schritte zur Installation gibt es ein Video auf Englisch: Wie richte ich eine mobile App in Joomla mit miTT PWA (Progressive Web App) ein?

Sollte Ihre Frage nicht im FAQ vorhanden sein, stellen Sie eine Supportanfrage am Besten per Formular, um das Problem schnell zu lösen. Bei allgemeinen Fragen oder zu den Produkten schreiben sie mir gerne eine E-Mail. Das Joomla miTT PWA Plugin ist in JED (Joomla Extensions Directory) gelistet.

Joomla PWA  installieren

Mit Joomla zur mobilen Web App (Android PWA)

Sobald der Benutzer mit einen Android Smartphone die Webseite aufruft, zeigt der Browser den Hinweis an, ob man die Webseite dem Startbildschirm hinzufügen will an. Nach Klick wird ein neues Pop Up erzeugt, um diese PWA den Gerät hinzuzufügen.

Je nach Browser, kann es sein, dass diese Meldung erst nach einem wiederholtem Aufruf erscheint. Der Google Chrome Browser zeigt auf den Desktop Rechnern auch einen "Installieren Button" in der Browsereingabezeile rechts an.

Es wäre auch möglich einen eigenen "Installationsbutton" auf der Webseite bzw. mobile Web App zu platzieren, um die Installation der Progressive Web App zu triggern. Weiter zu den PWA Joomla Plugins

iOS Install Banner und Splash Screen (iOS App Joomla)

Auf iOS wird keine automatischer Banner zur Installation angezeigt, sowie es besteht noch keine Möglichkeit die Installation durch einen Button zu ermöglichen. Abhilfe schafft ein Notizbanner, welche auf die Installationsmöglichkeit der PWA (Progressive Web App) hinweist. Um die App zu installieren, fügen Sie die Webseite den Home Screen hinzu. Auch ein Splash Screen wird beim Öffnen der App angezeigt, sofern die Inhalte der App nicht schnell geladen werden können.

Joomla miTT PWA (Progressive Web App) mobile App installieren
Joomla miTT PWA (Progressive Web App) installieren

Starten Sie Joomla als PWA (Progressvie Web App) auf Android und iOs

Wie jede App wird dies mit "Touch" auf das von Ihnen vorher im Joomla Plugin konfigurierte Icon gestartet. Beim Öffnen der App wird wie gewohnt ein Splash Screen mit Logo und Hintergrund, welcher über das Plugin konfiguriert wird.

Für Ansicht der eigentlichen App sind verschiedene Ansichten einstellbar, von "fullscreen", "minimal-ui", "standalone" oder "browser" einstellbar.

PWA App Kurzbefehle (App Shortcuts)

App Shortcuts sind Verknüpfungen, um schnell in der der PWA Teile der App erreichen zu können.
Der Benutzer erreicht die App Shortcuts entweder über Rechtlklick der Desktop Applikation oder langem Touch auf dem Android Smartphone. (Unterstützung ab Chrome Version 84)

Joomla miTT PWA (Progressive Web App) installieren
miTT Wallet Message Locked Screen

miTT Wallet Messages

Mit miTT Wallet Messages können auch Push Nachrichten an iOS Geräten versendet werden. Wie das genau funktioniert, erfährt man in diesem Video .

Weiter zu miTT Wallet Messages

Optimale Performance für den Benutzer

miTT PWA für Joomla unterstützt die Cache API des Browsers. Der Service Worker sorgt dafür, dass Statische Files, Bilder, Webfont und der Inhalte der Seiten in den "Service Workers" Cache des Browsers gelegt werden. Dieser Cache ist statisch und performant und zudem kontrollierbar im Gegensatz zum "Memory Cache" des Browser.
Es besteht die Möglichkeit zwischen Network First, Cache First oder je nach der Qualität der effektiven Internetverbindung für das Laden der Seiteninhalte zu wählen. Dadurch wird diese PWA Komponente einzigartig und eine optimale Performance beim Besucher ist garantiert.

Joomla miTT PWA (Progressive Web App) installieren
Joomla miTT PWA (Progressive Web App) installieren

Besseres Offline Erlebnis mit Periodic Background Sync der mobilen Joomla App (PWA)

Bei regelmäßig wechselnden Inhalten wie z. B. bei News kann es sinnvoll sein, Inhalte im Hintergrund zu aktualisieren. Somit hat der Benutzer bei keiner oder schlechten Internetverbindung immer Zugriff auf die neuesten Inhalte. Der Benutzer der mobilen Web-App bekommt hier nichts mit, darf sich aber über die offline verfügbaren Inhalte erfreuen. Ein weiteres Feature, welches der PWA ein natives App Feeling verleiht.

Unterstützt wird dieses Feature momentan von Browsern, welche auf Chromium basieren. Dazu zählen Chrome und Microsoft Edge.

Wie richtet man eine mobile App in Joomla mit miTT PWA (Progressive Web App) ein?

Ein kurzes Video, wie man das miTT PWA Plugin in Joomla einrichtet.

Pull down to refresh your Joomla App

In diesem Video zeige ich, warum es von Vorteil ist, dem Benutzer die Möglichkeit zu geben, die mobile Anwendung zu aktualisieren.

JAB20 – Progressive Web App - Why should you use this technique, which possibilities do you have?

On the Joomla Conference JandBeyond I had a presentation about PWA. This lecture shows the possibilities of a PWA, as well as the technical functioning of a Progressive Web App.

Dokumentation miTT PWA

Die Einrichtung der Progressive Web App miTT PWA in Joomla

Lesen Sie mehr...

FAQ miTT PWA

Häufig gestellte Fragen zu miTT PWA - Progressive Web App für Joomla

Lesen Sie mehr...

Dokumentation miTT PWA FIRE PUSH

erweiterte Einstellungen für miTT PWA FIRE PUSH

Lesen Sie mehr...

Dokumentation miTT PWA ONE PUSH

erweiterte Einstellungen für miTT PWA ONE PUSH

Lesen Sie mehr...

Weitere Artikel zum Thema PWA (Progressive Web App)

Progressive Web App unverzichtbar für jede Webseite?

Eine PWA bietet viele Vorteile gegenüber einer klassischen Webseite.

Lesen Sie mehr...

JoomlaDay Vortrag PWA

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...

PWA for Commune

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

Lesen Sie mehr...

PWA Scope


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

Lesen Sie mehr...