Seminar EntryScape – Blocks Advanced: Suche, Templates und Visualisierung

Mit EntryScape Blocks lassen sich strukturierte Daten nicht nur ausgeben, sondern zu leistungsfähigen Such- und Visualisierungskomponenten zusammensetzen. Das Aufbauseminar behandelt komplexe Abfragen, Facetten, Karten, Diagramme, Templates, Ereignisse, Barrierefreiheit und die technische Optimierung produktiver Portale.

Inhaltsübersicht

• Zielsetzung
• Zielgruppe
• Voraussetzungen
• Seminarinhalte
• Praxisübungen
• Methodik

Zielsetzung

• Komplexe Such-, Filter- und Facettenoberflächen mit Blocks entwickeln
• Templates und Datenbindungen für unterschiedliche Darstellungen wartbar strukturieren
• Karten, Diagramme und kombinierte Detailansichten sicher integrieren
• Performance, Barrierefreiheit, Fehlerbehandlung und Testbarkeit produktiver Komponenten verbessern

Zielgruppe

Frontend-Entwickler, Web-Integratoren, Portalteams, UX-Verantwortliche und technische EntryScape-Redakteure.

Voraussetzungen

Praxis mit HTML, CSS und JavaScript sowie Kenntnisse aus dem Seminar Blocks Grundlagen oder gleichwertige Erfahrung.

Seminarinhalte

1. Schritt 1: Komponentenarchitektur planen

   Datenquelle, Suchzustand, Ergebnisliste, Detailansicht, Filter, Karte und Diagramm werden als klar getrennte, kombinierbare Bausteine entworfen.

2. Schritt 2: Abfragen und Suchzustände modellieren

   Suchbegriffe, Filter, Sortierung, Seitennavigation und URL-Zustand werden reproduzierbar und teilbar aufgebaut.

3. Schritt 3: Facetten konfigurieren

   Wertebereiche, Hierarchien, Mehrfachauswahl, Trefferzahlen und Rücksetzung werden für verständliche Navigation umgesetzt.

4. Schritt 4: Templates modularisieren

   Wiederverwendbare Teiltemplates, Bedingungen, Schleifen, Formatierung und sichere Ausgabe reduzieren Duplikate und Darstellungsfehler.

5. Schritt 5: Daten verknüpfen

   Mehrere Ressourcen und Beziehungen werden zu einer konsistenten Listen- und Detaildarstellung zusammengeführt.

6. Schritt 6: Kartenansichten erstellen

   Geometrien, Marker, Ausschnitte, Gruppierung, Pop-ups und Synchronisation mit Suchergebnissen werden konfiguriert.

7. Schritt 7: Diagramme integrieren

   Kennzahlen, Kategorien, Zeitreihen und Filterinteraktionen werden in geeignete Diagrammtypen überführt.

8. Schritt 8: Ereignisse und Interaktionen steuern

   Komponenten kommunizieren über definierte Zustände und Ereignisse, ohne unkontrollierte Abhängigkeiten zu erzeugen.

9. Schritt 9: Lade- und Fehlerzustände gestalten

   Leere Ergebnisse, unvollständige Daten, Zeitüberschreitungen und technische Fehler werden verständlich und handlungsorientiert dargestellt.

10. Schritt 10: Barrierefreiheit prüfen

    Tastaturbedienung, Fokusführung, semantische Struktur, Beschriftungen, Kontraste und alternative Darstellungen werden systematisch bewertet.

11. Schritt 11: Performance optimieren

    Abfrageumfang, Seitengröße, Caching, verzögertes Laden, Rendering und wiederholte Requests werden gemessen und reduziert.

12. Schritt 12: Komponenten testen und ausliefern

    Testfälle, Beispieldaten, Browserprüfung, Versionsverwaltung, Konfigurationsübergabe und Abnahme werden in einen Releaseprozess integriert.

Praxisübungen

• Eine facettierte Suche mit URL-Zustand und Seitennavigation aufbauen
• Ein modulares Ergebnis- und Detailtemplate entwickeln
• Suchergebnisse mit Karte oder Diagramm synchronisieren
• Performance- und Barrierefreiheitsprobleme einer Beispielseite beheben

Methodik

Strukturierte Fachimpulse, Live-Demonstrationen und geführte Konfigurationen werden mit praxisnahen Einzel- und Gruppenübungen in einer Schulungsumgebung verbunden. Jeder Themenblock wird anhand definierter Prüfpunkte ausgewertet; Konfigurationen, Befunde und Arbeitsschritte werden so dokumentiert, dass sie auf eigene Projekte übertragbar sind.