Guided Tours - Joomla 4 versus Joomla 5

Joomla 4.3.0 ist ein besonderer Meilenstein. Denn mit der Version 4.3.0 wurden Guided Tours / geführte Touren eingeführt, die Benutzern die Navigation und Nutzung erleichtern. In Joomla 5 sind diese Funktionen weiter verbessert und erweitert worden. Hier finden Sie einen Vergleich der Funktionen der geführten Touren in Joomla 4 und Joomla 5.

Geführte Touren (Guided Tours) ab Joomla 4.3.0

Was sind geführte Touren?

Geführte Touren (Guided Tours) sind interaktive Anleitungen innerhalb des Joomla-Backends, die Benutzern helfen, verschiedene Funktionen und Bereiche der Plattform zu verstehen und zu nutzen. Sie bieten Schritt-für-Schritt-Erklärungen direkt auf der Benutzeroberfläche und sind besonders nützlich für neue Benutzer oder zur Einführung neuer Features.

geführte Touren in Joomla - Auf einen Blick

• Einführung und Erweiterung ab Joomla 4.3.0: Ab Version 4.3.0 bietet Joomla die Möglichkeit, geführte Touren zu erstellen, die Benutzern die Bedienung erleichtern. In Joomla 5 wurden die Funktionen weiter ausgebaut und optimiert
• Interaktive Elemente: Die Touren bestehen aus Pop-ups, Tooltips und Markierungen, die den Benutzer durch die verschiedenen Funktionen führen
• Benutzerdefinierte Touren: Administratoren können eigene Touren erstellen und anpassen, um spezifische Workflows oder Prozesse zu erklären
• Einfacher Zugang: Touren sind direkt im Joomla-Backend zugänglich und können jederzeit gestartet werden
• Mehrsprachigkeit: Unterstützt mehrere Sprachen, sodass die Touren für internationale Benutzer angepasst werden können

Wie man eine Tour durchführt

Geführte Touren heben verschiedene Bereiche einer Seite hervor und helfen dabei, zu verstehen, was Funktionen, Schaltflächen, Links und verschiedene funktionale Seitenelemente bewirken.
Im Unterschied zu einer externen Support-Plattform, durch die man sich durchnavigiert bis man zum entsprechenden Punkt gelangt, ist die neue Funktion Ihr persönlicher Assistent. Denn Sie erhalten Hinweise auf bestimmte Bereiche, während Sie sich durch die Website arbeiten.

Auf dem Start-Dashboard sehen Sie oben rechts einen neuen Bereich „Eine Tour machen“ (Take a tour). 

 

Im Dropdown-Menü sehen Sie die Touren. Für eine umfassende Anzeige aller Touren können Sie unten im Dropdown-Menü auf „Alle Touren anzeigen“ klicken und erhalten Zugriff auf alle verfügbaren Touren.

Beispiel: Beitrag erstellen

Die erste Tour führt Sie in einer 14-Schritte-Anleitung zur Erstellung eines Beitrags. Schritt für Schritt werden Sie durch alle nötigen Angaben und Felder geleitet. Parallel zur selbsterklärenden Anleitung führen Sie alle Schritte durch, zu denen Sie aufgefordert werden.

So einfach gehts ... bis zum letzten Schritt und Ihrem eigenen Beitrag.

Geführte Tour selbst erstellen

Als Administrator haben Sie die Möglichkeit, selbst eine geführte Tour für das Backend Ihrer Joomla-Seite zu erstellen. Auch für das Erstellen einer Tour gibt es eine Tour, die Sie in 8 Schritten anleitet.

Unter dem Punkt "Alle Touren anzeigen" im Dropdown, finden Sie die Anleitung.

Im Anschluss können Sie Schritte für die Tour hinzufügen. 

Nach der Auswahl der aufgelisteten Nummern, die die Reihenfolge der einzelnen Schritte darstellen, können Sie auf „Neu“ klicken, einen Titel eintragen und die Beschreibung hinzufügen. 
Stellen Sie sicher, dass es veröffentlicht ist. Und wählen Sie dann die Position aus; zentriert wird verwendet, wenn es kein bestimmtes Ziel gibt.
Durch die Eingabe des Zielelements zielen Sie auf einen bestimmten Teil der Seite.

In der Anleitung finden Sie folgendes Beispiel:

"Dies ist das Element auf der Seite, auf das dieser Schritt abzielt. Es wird die von CSS bekannte Syntax verwendet, um ein Element anzuvisieren.
Z. B. wird #jform_title das Element mit der ID 'jform_title' anvisieren."

Die Auswahl des Typs bestimmt, ob eine Weiterleitung erfolgt oder ob der Schritttyp interaktiv ist.

Schon haben Sie den ersten Schritt Ihrer geführten Tour erstellt. Wiederholen Sie das ganze Prozedere einfach und Sie werden bald eine funktionierende geführte Tour haben, die Ihnen hilft, Ihre Mitarbeiter oder Kunden durch den Administratorbereich Ihrer Website zu führen.

Kann ich als Entwickler meinem Produkt (eigene Komponente) eine geführte Tour hinzufügen?

Joomla 5 bietet zahlreiche neue Funktionen für geführte Touren, die es Ihnen erleichtern, benutzerfreundliche Anleitungen für Ihre Komponenten zu erstellen. Diese Funktionen sind in Joomla 4 nicht nativ verfügbar, können aber durch alternative Methoden und Tools nachgebildet werden. Für eine umfassende und einfache Implementierung von geführten Touren empfiehlt sich ein Upgrade auf Joomla 5.

Geführte Touren in Joomla 5

Unterschiede zu Joomla 4 und wie Sie sie für eigene Komponenten nutzen können

In Joomla 5 gibt es umfassende Neuerungen für geführte Touren, die in Joomla 4 nicht in derselben Form verfügbar sind. Hier sind die wichtigsten Unterschiede und wie Sie eigene geführte Touren hinzufügen können:

Unterschiede zwischen Joomla 4 und Joomla 5

1. Native Unterstützung für geführte Touren

   • Joomla 5: Bietet eine integrierte Guided Tours-Komponente, die das Erstellen und Verwalten von Touren direkt im Backend ermöglicht
   • Joomla 4: Hat keine native Unterstützung für geführte Touren. Sie müssen alternative Methoden verwenden, um ähnliche Funktionen zu implementieren

2. Eindeutige identifier  ("Bezeichner")

   • Joomla 5: Jede Tour erhält eine eindeutige Bezeichnung, der sie leicht identifizierbar macht und hilft, Touren zu starten und zu unterscheiden
   • Joomla 4: Keine entsprechende Funktion vorhanden

3. Sprachdateien

   • Joomla 5: Neue Struktur mit getrennten Sprachdateien für die Tour und die einzelnen Schritte
   • Joomla 4: Keine native Unterstützung für Sprachdateien in geführten Touren

4. Komponentenspezifische Touren

   • Joomla 5: Touren können spezifischen Komponenten zugeordnet und auf den relevanten Seiten priorisiert angezeigt werden
   • Joomla 4: Keine Möglichkeit zur spezifischen Zuordnung von Touren zu Komponenten.

Alternativen für Joomla 4

Falls Sie noch Joomla 4 verwenden, können Sie folgende Alternativen nutzen, um ähnliche Funktionen zu implementieren:

1. Benutzerdefinierte Tutorials und Pop-ups

   • Erstellen Sie benutzerdefinierte Module oder Plugins, die Tooltips und Pop-up-Anleitungen anzeigen.
   • Verwenden Sie JavaScript-Bibliotheken wie Intro.js oder Shepherd.js für schrittweise Anleitungen.

2. Dokumentation und Hilfeseiten

   • Erstellen Sie detaillierte Hilfeseiten oder Tutorials innerhalb Ihrer Komponente.
   • Verlinken Sie diese Hilfeseiten prominent in Ihrem Backend, um Benutzer zu unterstützen.

3. Drittanbieter-Erweiterungen

   • Suchen Sie im Joomla Extensions Directory nach Erweiterungen, die ähnliche Funktionen bieten (z.B. „Guided Tours“ oder „Walkthroughs“).

Was ist sonst noch in 4.3.0 enthalten?

Überarbeitung des Media Managers

• Ordering
• Bild thumbnails
• SVG-Dateivorschau
• Media path Korrektur für Windows-Systeme
• Anzeige der Drag-and-Drop-Option für einen leeren Ordner

Workflow

• Benutzerverbesserungen bei Workflow transitions (Übergängen)

Intelligente Suche (Smart search)

• Frontend-Dropdown-Filter

Menü

• Filtern der Menüpunkte nach Komponenten
• Filtern des Admin-Menüs nach parent
• Anlegen der Menüstruktur nach dem Speichern des Menüpunkts
• Menüeintrag vom Typ URL kann jetzt als Basiseintrag in mod_menu ausgewählt werden

Inhalt (Content)

• Verwendung des Seitentitels im Browser vor dem Titel des Artikels

Benutzerdefinierte Felder (Custom Fields)

• Bedingte Felder (Conditional fields)
• Auswahl des Bearbeitungslayouts für Subformulare
• Vorauswahl der Kategorie möglich, wenn man beim Erstellen eines neuen Felds nach einer Kategorie filtert

Tags

• Korrekturen der Tab-Einzelansichten
• Neuer com_tags router
• Nicht existierende tags werden nicht zugelassen

Benutzer (Users)

• LDAP Korrekturen

API updates

• API-Artikel können nach Tag gefiltert und hervorgehoben werden (featured)

Dashboard

• Quickicons: fehlende icons

Template

• Verbesserung der Template diff Ansicht
• Namen erstellen mit .min.css

System

• Hinzufügen des Supports für den NEL Header zum core httpheaders Plugin
• Angabe des Tabellen-Präfix (table prefix), während der Installation 
• Fix für Massen-E-Mail-Validierung
• Auswahl von column tables, die in Discover und template overrides fehlen
• RTL Verbesserungen
• Zeichenzähler für Eingabefelder
• Pattern attribute für 'tel'
• Command Line Installation von Joomla
• Messaging Login/Logout im Frontend
• Captcha wurde an das Ende des Formulars verschoben - nach den benutzerdefinierten Feldern
• avif, webp, heic and webp2 im image list field werden unterstützt

Bootstrap

• Upgrade auf Bootstrap 5.2

PHP

• Verbesserter Support für PHP 8.2
• Veralteter PHP 8.1 Code

Quelle:

https://www.joomla.org/
https://magazine.joomla.org/all-issues/march-2023/guiding-you-through-guided-tours

Bei Fragen und Support stehen wir Ihnen jederzeit zur Verfügung.