Glossar

UJL-spezifische Begriffe

• Unified JSON Layout (UJL)
  Ein JSON-basiertes, modulares Open-Source-Framework zur strukturierten Gestaltung und Bearbeitung von Weblayouts – mit klarer Trennung von Inhalt und Design.

• UJL Crafter
  Der visuelle Editor von UJL zur Bearbeitung von .ujlc.json- und .ujlt.json-Dateien. Bietet eine zentrale Oberfläche für Entwickler:innen, Designer:innen und Redakteur:innen. Integriert standardmäßig den Renderer, kann aber auch mit alternativen Renderern kombiniert werden.

• UJL Renderer
  Die Render-Engine des UJL-Systems. Verarbeitet .ujlc.json- und .ujlt.json-Dateien und erzeugt daraus ein vollständiges Frontend (HTML, CSS, JS).

• ContentFrame
  Das gerenderte Endprodukt eines UJL-Layouts – bereit zur Anzeige im Browser oder zur Weiterverwendung im Zielsystem.

• UJL-Datei (.ujlc.json)
  JSON-Datei zur Definition von Inhalten und deren Anordnung in einem Layout. Grundlage für das modulare Rendering mit UJL.

• Design-Konfigurationsdatei (.ujlt.json)
  JSON-Datei zur zentralen Steuerung von Farben, Schriften, Abständen und weiteren Designparametern. Bindet sich an das Corporate Design.

Architektur und Module

• Module
  Wiederverwendbare Bausteine mit Fields (Daten) und Slots (Inhaltsbereiche). Module können verschachtelt organisiert und kombiniert werden.

• Fields
  Typsichere Datencontainer mit Validierung, Parsing und Fitting-Logik. Beispiele: TextField, NumberField, ImageField.

• Slots
  Verschachtelte Inhaltsbereiche, die andere Module enthalten können. Ermöglichen die modulare Komposition von Layouts.

• Composer
  Orchestriert den Kompositionsprozess mithilfe der ModuleRegistry und wandelt UJL-Dokumente in AST-Knoten um.

• ModuleRegistry
  Verwaltet verfügbare Module und ermöglicht die Registrierung neuer Module zur Erweiterung des Systems.

• Validator
  Teil des Renderprozesses – überprüft die technische Korrektheit und Kompatibilität von .ujlc.json-Layouts:

  • Syntaxprüfung: Formale Validierung der JSON-Struktur.
  • Kompatibilitätsprüfung: Sicherstellung, dass die Layout-Datei mit der eingesetzten UJL-Version harmoniert.

Rollen und Nutzung

• Entwickler:innen
  Integrieren UJL in bestehende Systeme, erstellen eigene Module und konfigurieren die Ausgabe-Logik.

• Designer:innen
  Pflegen zentrale Designregeln in der .ujlt.json-Datei und sorgen für ein konsistentes Erscheinungsbild.

• Redakteur:innen
  Bearbeiten Inhalte visuell im Crafter. Nutzen vordefinierte Module und Layouts, ohne in Code eingreifen zu müssen.

• Konsument:innen
  Sehen das Endergebnis: eine klar strukturierte, responsive und designkonforme Darstellung – unabhängig vom Gerät.

Erweiterung & Zukunft

• LLM-Readiness / KI-bereit UJL wird so strukturiert, dass Sprachmodelle (z. B. GPT, Mistral) Inhalte und Layouts verstehen, erzeugen oder verändern können.

• Mehrsprachigkeit
  Unterstützung sprachspezifischer Inhalte direkt im .ujlc.json. Anbindung an Übersetzungs-APIs ist vorgesehen.

Technische Begriffe

• AST (Abstract Syntax Tree) Eine baumartige Darstellung der Struktur von UJL-Dokumenten, die für die Verarbeitung und Transformation verwendet wird.

• API (Application Programming Interface) Definiert die Schnittstellen zwischen verschiedenen Komponenten des UJL-Systems und ermöglicht die Integration in externe Anwendungen.

• JSON (JavaScript Object Notation) Das Datenformat, in dem UJL-Layouts und -Konfigurationen gespeichert werden. Ermöglicht plattformunabhängige Datenaustausch.

• TypeScript Eine erweiterte Version von JavaScript mit statischer Typisierung, die für die Entwicklung von UJL verwendet wird.

• Build-Zeit-Kompilierung Der Prozess, bei dem Code bereits während der Entwicklung kompiliert wird, um die Laufzeit-Performance zu verbessern.

Design und Styling

• Theme Eine Sammlung von Designregeln, die das visuelle Erscheinungsbild von UJL-Layouts definieren.

• CSS-in-JS Ein Ansatz, bei dem CSS-Stile direkt in JavaScript/TypeScript definiert werden, um die Komponentenmodularität zu verbessern.

• Responsive Design Ein Designansatz, bei dem sich Layouts automatisch an verschiedene Bildschirmgrößen und Geräte anpassen.

• Utility-First CSS Ein CSS-Framework-Ansatz, bei dem vordefinierte Utility-Klassen für schnelle Styling-Anpassungen verwendet werden.