• Zum Inhalt springen
  • Zur Navigation springen
  • Zum Seitenende springen
Organisationsmenü öffnen Organisationsmenü schließen
Friedrich-Alexander-Universität Dokumentation der WordPress-Themes und -Plugins
  • FAUZur zentralen FAU Website
  1. Friedrich-Alexander-Universität
  2. Regionales Rechenzentrum Erlangen
  • RRZE
  • Videoportal
  • Lageplan und Anfahrt
  1. Friedrich-Alexander-Universität
  2. Regionales Rechenzentrum Erlangen
Friedrich-Alexander-Universität Dokumentation der WordPress-Themes und -Plugins
Menu Menu schließen
  • Grundlagen
    • Rahmenbedingungen für Webauftritte
    • Über WordPress
      • Grundsätzliches zum Webpublishing
      • Login und Navigation im Backend
      • Profil
      • Dashboard
      • Der Customizer
      • Einstellungen im Backend
      • Einen neuen Benutzer anlegen
    • Seiten
      • Eine Seite erstellen
      • Mehrere Seiten gleichzeitig konfigurieren
      • Seiten und Beiträge freigeben
    • Beiträge
    • Inhalte bearbeiten
      • Mediathek
      • Bilder
      • Galerie
        • Bildergalerie im Gridformat
      • Tabellen
      • Zitate
      • Formeln, Daten und Quellcode
    • Seitenstruktur erstellen
      • Kategorien und Schlagworte
      • Die Sidebar
    • Menüs
      • Menüs mit Widgets erstellen
    • Häufig gestellte Fragen
    Portal Grundlagen
  • Plugins
    • Plugins aktivieren
    • Externe Daten einbinden
      • Calendar
      • CRIS
      • FAU oEmbed
      • Jobs
      • Remoter
      • Statistik
      • UnivIS
      • Video
    • Neue Inhaltstypen erstellen
      • Expo
      • FAQ
      • Glossary
      • Person
      • Legal (ehemals ToS – „Terms of Service“)
      • RSVP
      • Synonym
    • Inhaltsseiten mit Funktionen erweitern
      • Contact Form 7
      • Downloads
      • Elements
      • Multilang
      • Ratebutton
      • TinyMCE Advanced
      • Verfallsdatum für Beiträge („Post-Expiration“)
    • Zugang beschränken
      • Access Control
      • Private Site
    • Beiträge teilen
      • Auto-Tweet
      • RSS
    • Plugin-Help
    • Spezialplugins
      • Newsletter
      • Progressive Web-App (PWA)
      • Workflow
    • Über Externe Plugins
    • Über FAU- und RRZE-Plugins
    Portal Plugins
  • Themes
    • FAU Einrichtungen
      • Umsetzungsbeispiele
      • Templates
        • Standardtemplate
        • Die Inhaltsseite mit Navi
        • Portalseite
        • Portalindexseite
        • Startseite
        • Startseite Fakultät
      • Shortcodes
        • Blogroll
        • Portalmenus
        • Bildlinks
    • FAU Events
      • Startseite
      • Widget-Bereiche und Footer-Inhalt
      • Referenten und Vorträge
      • Shortcodes für Referenten und Vorträge
      • Call for Papers
      • Externe Anmeldeformulare einbinden
    Portal Themes
  • Entwicklung
    • Design
      • Farben (Markendesign 2021)
      • Logos
        • Logos zentraler Anwendungen
        • Einsatz im Videoportal
        • Einsatz im Social Media und auf Online-Plattformen
      • Schriften
    • Einsatzkontext (Statistik)
      • Einrichtungsbezeichnungen
    • Versionsverwaltung Git
    • Einheitliche Vergabe von Versionsnummern
    • Vorgaben an Themes
    • Vorgaben an Plugins
    • Eigene Testinstanz
    • Serverkonfiguration
    • Statistiken zu Webauftritten
    Portal Entwicklung
  • Tutorials
    • Schnelleinstieg FAU Events
    • Hinweise zur redaktionellen Arbeit
    • Publikationsliste erstellen
    • Tipps und Tricks
    • Neue Daten in die FAU-Karte einbinden
    • Vortragsliste erstellen
    • Schnelleinstieg FAU Einrichtungen
      • Vorbereitungen
      • Navigation im Backend und allgemeine Grundlagen in WordPress
      • Ein Theme auswählen
      • Seitenlogo und Seiteninformationen ergänzen
      • Eine Startseite erstellen
      • Rechtstexte generieren
      • Inhaltsseiten erstellen für Anfänger
      • Beiträge und die dynamische Sidebar
      • Abmessungen für Bilder und Grafiken
      • Beiträge und die dynamische Sidebar
      • Portale und die Seitennavigation
      • Blogroll und Finetuning
    • Barrierefreiheit
      • Vorwort und Überblick
      • Einführung und Hintergründe
      • Bereitstellung und Pflege von Inhalten
      • Entwicklung und Design
      • Organisatorische und rechtliche Anforderungen
      • Satzungen
      • Tests der Barrierefreiheit
      • Weitere Leitfäden und relevante Informationsangebote
      • Kurzanleitung zur Verbesserung der digitalen Barrierefreiheit in Dokumenten aus Büroanwendungen
    • SEO – Search engine optimization
      • SEO Inhalte gestalten
      • SEO Grundlagen
      • SEO und Barrierefreiheit
    Portal Tutorials
  1. Startseite
  2. Plugins
  3. Spezialplugins
  4. Progressive Web-App (PWA)

Progressive Web-App (PWA)

Bereichsnavigation: Plugins
  • Plugins aktivieren
  • Externe Daten einbinden
    • Calendar
      • Erste Schritte
      • Termine einbinden
      • Darstellungsbeispiele
    • CRIS
      • Typen-Filter
      • Einstellungen
      • Erweiterte Optionen
      • Automatische Synchronisierung
    • FAU oEmbed
      • Einbindung von Karten
      • Fragen & Antworten
    • Jobs
    • Remoter
    • Statistik
    • UnivIS
      • Attribute
      • Einzelne Lehrveranstaltungen
      • Einzelne Mitarbeiter
      • Voreinstellung der UnivIS-OrgNr.
      • Organisationsdaten einbinden
      • Mitarbeiterdaten einbinden
      • Lehrveranstaltungsdaten einbinden
      • Publikationsdaten einbinden
      • UnivIS im Gutenberg Editor
      • FAQ
    • Video
  • Neue Inhaltstypen erstellen
    • FAQ
      • Attribute
        • category
        • class
        • glossary
        • hide
        • id
        • order
        • show
        • sort
        • tag
      • Beispiele
        • Alle Attribute in Verwendung
        • Einzelne FAQ in vorgegebener Reihenfolge
        • FAQ nach Schlagwörtern filtern und in Kategorien gruppieren
        • Glossar mit expliziten Kategorien als A-Z Register
        • Glossar mit expliziten Kategorien als Tabs
        • Glossar mit expliziten Kategorien als Tagcloud
        • Glossar mit expliziten Schlagwörtern als A-Z Register
        • Glossar mit expliziten Schlagwörtern als Tabs
        • Glossar mit expliziten Schlagwörtern als Tagcloud
        • Glossar mit Kategorien als Tagcloud Register
        • Glossar mit Schlagwörtern als Tabs
      • FAQ von anderen Quellen beziehen
        • Domains registrieren
        • Protokoll
        • Synchronisieren
    • Person
      • Alle Formate in der Übersicht
      • Sortierung
      • Standardausgabe
      • Format card
        • Anwendungsbeispiele card
      • Format table
      • Format kompakt
      • Format page
      • Format sidebar
      • FAQ
      • Eine Kontaktübersicht anlegen
        • Kontaktübersicht Musterseite A
        • Kontaktübersicht Musterseite B
        • Kontaktübersicht Musterseite C
        • Kontaktübersicht Musterseite D
    • Legal (Rechtliche Pflichttexte)
    • Expo
    • Glossary
    • RSVP
      • Hilfsmittel und Hinweise zur Nutzung
      • Analoge Kontaktverfolgung
    • Synonym
  • Inhaltsseiten mit Funktionen erweitern
    • Contact Form 7
    • Downloads
    • Elements
      • Accordion
        • Accordions verschachteln
        • Accordion Sprungmarken
        • Accordion – Häufige Probleme und Fragen
      • Alerts / Hinweisboxen
      • Assistant
      • Buttons
      • Content-Index
        • Beispielseite Shortcode Content-Index
      • Content-Slider / Text-Slider
      • Einschub
      • Galerie
      • Hidden Text
      • LaTeX
      • Legal-text
      • Mehrspaltiger Inhalt
      • News
        • Custom News Beispielumsetzung
      • Notices / Absatzklassen
      • Timeline
    • Multilang
      • Mehrsprachigen Webauftritt mit einer einzelnen Instanz bereitstellen
      • Mehrsprachigen Webauftritt mit mehreren Instanzen bereitstellen
    • Ratebutton
    • TinyMCE Advanced
    • Verfallsdatum für Beiträge („Post-Expiration“)
  • Zugang beschränken
    • Access Control
    • Private Site
  • Beiträge teilen
    • Auto-Tweet
    • RSS
  • Plugin-Help
  • Spezialplugins
    • Progressive Web-App (PWA)
    • RRZE Newsletter
      • Newsletter-Module (Erweiterungen)
    • Workflow
      • Einstellungen
      • Redaktion
      • Dashboard
      • Benutzergruppen
      • Autoren
      • Versionierung
      • Aufgabenliste
      • Benachrichtigungen
      • Übersetzung
      • Netzwerk
      • Fremdsprachigen Webauftritt managen
  • Über Externe Plugins
  • Über FAU- und RRZE-Plugins

Progressive Web-App (PWA)

Beratung und Support

Webteam

Webteam

  • E-Mail: webmaster@fau.de
Beschreibung: Für alle Fragen rund um WordPress, Webhosting & Co.

GitLab

  • Repository
  • Fehler melden

Progressive Web-App (PWA)

Dieses Plugin erweitert die aktuelle Website zu einer progressiven Web-App.

Was ist Progressive Web-App?

Eine PWA ist eine Webanwendung (Web-App), die auf Standardwebtechnologien basiert und zusammen mit modernen Browsern einer nativen Desktop- oder Mobilanwendung ähnelt. Das Ziel ist eine Erfahrung, die so einheitlich und nahtlos ist, dass der Benutzer den Unterschied zwischen einer Web-App und einer nativen App nicht erkennen kann.

Web-Apps bieten Benutzererlebnisse durch progressive Verbesserung. Dies bedeutet im Wesentlichen, dass eine Web-App auf einem neuen Smartphone dieselben Funktionen ausführt wie auf einem Smartphone der älteren Generation. Sicher, einige Funktionen sind möglicherweise nicht verfügbar, aber die Web-App funktioniert weiterhin und funktioniert wie gewünscht.

Was sind die Vorteile einer Web-App?

  • Geschwindigkeit: Von der Installation einer We-App bis zur Verwendung geschieht alles sehr schnell. Da Daten zwischengespeichert werden können, ist es extrem schnell, die Web-App auch offline neu zu starten.
  • Integrierte Benutzererfahrung: Web-App fühlen und verhalten sich wie native Anwendungen. Die Erfahrung fühlt sich nathlos und integriert an.
  • Aktualisiert: Zum Senden von Updates ist keine Genehmigung des App Store erforderlich: Web-Apps sind immer auf dem neuesten Stand.
  • Auffindbarkeit: Suchmaschinen können den Inhalt von Web-Apps leicht finden. Es bietet neue Möglichkeiten im Vergleich zu nativen Anwendungen. Bei Verwendung einer Web-App wird deren Inhalt in den Suchmaschinenergebnissen angezeigt.
  • Verknüpfbarkeit: Jede Seite oder jeder Bildschirm der Web-App verfügt über einen direkten Link, der problemlos freigegeben werden kann.
  • Engagement: Da die Web-App eventuell Benachrichtigungen an einen Benutzer senden kann, kann sie das Engagement erheblich steigern, indem sie den Benutzer benachrichtigt und mit der Web-App interagiert.

Native Funktionen, die Web-Apps derzeit fehlen

Die Möglichkeiten, die Web-Apps bieten, sind außergewöhnlich. Es gibt jedoch einige Funktionen, die native Anwendungen vor Web-Apps stellen. Zum Beispiel Zugriff auf Kontakte, Kalender, Alarme und Browser-Lesezeichen. Mit einer Web-App ist es auch nicht möglich, Telefoniefunktionen wie das Abfangen von SMS oder Anrufen, das Senden von SMS / MMS, das Abrufen der Telefonnummer des Benutzers, das Lesen von Voicemail oder das Tätigen von Telefonanrufen zu verwenden. Wenn diese Funktionen wirklich benötigt werden, sollte das Erstellen einer nativen App in Betracht gezogen werden.

Browser-Kompatibilität

Die Browser, die derseit Web-Apps unterstützen, sind:

  • Chrome Version 81 und höher (Android und Desktop)
  • Firefox Version 68 und höher (Android)
  • Edge Version 81 und höher (Desktop)

Einstellungen

Sobald das Plugin aktiviert ist, muss es im Menü Einstellungen / PWA konfiguriert werden.

Die Einstellungen generiert die erforderliche Manifest-Datei (/manifest.json) und den Service-Worker (Javascript), damit der Browser die Web-App auf dem Startbildschirm installieren kann. Eine nachfolgende Änderung der Einstellungen wird nicht sofort im Browser angezeigt. In vielen Fällen muss zusätzlich zur Deinstallation der Web-App die Registrierung des Service-Workers aufgehoben und der Browser-Cache vollständig gelöscht werden. Derzeit hat nur der Chrome Browser für Android die Funktion, die Web-App basierend auf der Manifest-Datei (/manifest.json) zu aktualisieren.

Hinweis: Solange das Plugin nicht richtig konfiguriert ist, ist die PWA-Funktion für die Website nicht verfügbar.

Wie kann man die Registrierung des Service-Workers in Chrome für Android aufheben?

In den Browsereinstellungen sollte Folgendes ausgeführt werden:

  • Auf das Browser-Menü klicken (3 Punkte in der oberen rechten Ecke des Chrome-Browsers)
  • Im Menü auf Einstellungen und anschließend auf Datenschutz klicken
  • Auf der Datenschutzseite am unteren Rand auf Browserdaten löschen klicken
  • Auf der Registerkarte Grundlegend alle Optionen auswählen und anschließend auf Daten löschen klicken
  • Wenn der Löschvorgang abgeschlossen ist, auf der Registerkarte Erweitert alle Optionen auswählen und auf Daten löschen klicken
Regionales RechenZentrum Erlangen
(RRZE)

Martensstraße 1
91058 Erlangen
  • Kontakt
  • Webworking Blog
  • Impressum
  • Datenschutz
  • Barrierefreiheit
  • RSS Feed
  • GitHub
  • Twitter
Nach oben