Ab Version 6.0 führte Adobe Experience Manager (AEM) eine neue Benutzeroberfläche ein, die als Touch-optimierte Benutzeroberfläche bezeichnet wird (auch Touch-Benutzeroberfläche genannt). Sie ist an die Adobe Marketing Cloud und die allgemeinen Richtlinien für die Benutzeroberfläche der Adobe angepasst. Dies ist inzwischen die Standard-Benutzeroberfläche in AEM mit der veralteten, Desktop-orientierten Benutzeroberfläche, die als klassische Benutzeroberfläche bezeichnet wird.
Wenn Sie AEM mit der klassischen Benutzeroberfläche verwendet haben, müssen Sie Maßnahmen ergreifen, um Ihre Instanz zu migrieren. Diese Seite soll als Sprungbrett dienen, indem Links zu einzelnen Ressourcen bereitgestellt werden.
Ein solches Migrationsprojekt kann erhebliche Auswirkungen auf Ihre Instanz haben. Empfohlene Richtlinien finden Sie unter Verwalten von Projekten - Best Practices .
Beachten Sie bei der Migration die folgenden (wichtigen) Unterschiede zwischen der klassischen und der Touch-Benutzeroberfläche:
Klassische Benutzeroberfläche | Touch-optimierte Benutzeroberfläche |
Wird im JCR-Repository als Knotenstruktur beschrieben. Jeder Knoten, der ein Element der Benutzeroberfläche darstellt, wird als ExtJS-Widget bezeichnet und clientseitig von ExtJS gerendert. |
Wird auch im JCR-Repository als Knotenstruktur beschrieben. In diesem Fall bezieht sich jedoch jeder Knoten auf einen Sling-Ressourcentyp (Sling-Komponente), der für das Rendering zuständig ist. Die Benutzeroberfläche wird daher (im Grunde) serverseitig gerendert. |
|
sling:resourceType
|
Dialogknoten:
|
Dialogknoten:
|
Javascript-Speicherort:
|
Javascript-Speicherort:
|
Ereignisverarbeitung:
|
Ereignisverarbeitung:
|
Rendering durch den Client:
|
Vom Server durchgeführte Wiedergabe:
|
Das heißt, dass die Migration eines Abschnitts Ihrer Benutzeroberfläche von der klassischen Benutzeroberfläche zur Touch-Benutzeroberfläche bedeutet, dass ein ExtJS-Widget in eine Sling-Komponente übertragen wird. Um dies zu vereinfachen, basiert die Touch-Benutzeroberfläche auf dem Granite-UI-Framework, das bereits einige Sling-Komponenten für die Benutzeroberfläche bereitstellt (als Granite-UI-Komponenten bezeichnet).
Bevor Sie beginnen, überprüfen Sie den Status und die zugehörigen Empfehlungen:
Die Grundlagen der Entwicklung der Touch-Benutzeroberfläche bieten eine solide Grundlage:
Dialoge sind bei der Migration Ihrer Komponenten ein wichtiger Faktor:
Entwickeln AEM Komponenten (mit der Touch-optimierten Benutzeroberfläche)
AEM-Modernisierungs-Tools - Hilfe beim Konvertieren der Dialogfelder Ihrer Komponenten der klassischen Benutzeroberfläche in die Touch-Benutzeroberfläche
Anpassen von Dialogfeldern in der Touch-optimierten Benutzeroberfläche
Erstellen einer neuen Feld-Komponente in der Granite-Benutzeroberfläche
Anpassen der Seitenbearbeitung (mit der Touch-optimierten Benutzeroberfläche)
Sie können die Konsolen auch anpassen:
Obwohl dies nicht direkt mit einer Migration auf die Touch-Benutzeroberfläche in Zusammenhang steht, sollten gleichzeitig auch verwandte Probleme in Betracht gezogen werden, da dies ebenfalls empfohlen wird:
Siehe auch Entwicklung - Best Practices.
Umfassende Informationen zur Entwicklung von AEM finden Sie in der Sammlung von Ressourcen unter:
AEM Modernisierungs-Tools sind Community-Maßnahmen und werden von der Adobe nicht unterstützt oder garantiert.