# Cristal Flexible Wiki UI > [! hinweis]- > Der Inhalt dieser Seite ist durch Audio/Video-Transkribtion und Text-Transformation aus dem Inhalt und Links dieser Quelle generiert. Quelle: [https://fosdem.org/2025/schedule/event/fosdem-2025-5339-cristal-a-flexible-wiki-ui/](https://fosdem.org/2025/schedule/event/fosdem-2025-5339-cristal-a-flexible-wiki-ui/) <video src="https://video.fosdem.org/2025/h1308/fosdem-2025-5339-cristal-a-flexible-wiki-ui.av1.webm" controls></video> ## Zusammenfassung & Highlights: Cristal ist eine innovative, modulare Wiki-Benutzeroberfläche, die mit TypeScript entwickelt wurde und auf verschiedenen Plattformen wie XWiki, lokalen Ordnern, GitHub oder NextCloud eingesetzt werden kann. Die Session behandelt die Fortschritte des letzten Jahres, die wichtigsten Funktionen und die Herausforderungen bei der Entwicklung. Außerdem wird die zukünftige Roadmap vorgestellt. **Einführung in Cristal** Cristal ist eine neue, flexible Benutzeroberfläche für Wikis, die mit modernen Technologien wie TypeScript und VueJS entwickelt wurde. Sie ermöglicht das Navigieren und Erstellen von Inhalten über mehrere Wissensquellen hinweg und bietet eine moderne, polierte Oberfläche mit Offline-Fähigkeiten und Echtzeit-Zusammenarbeit. **Herausforderungen und Entwicklung** Die Entwicklung von Cristal beinhaltete die Integration verschiedener Backend-Systeme wie XWiki und NextCloud. Herausforderungen bestanden in der Modularität und Anpassungsfähigkeit der Benutzeroberfläche, um eine nahtlose Integration in andere Software zu ermöglichen. **Zukunftsplanung** Die Roadmap für Cristal umfasst die Fertigstellung der MVP-Version mit Funktionen wie Such- und Offline-Modus für alle Backends. Langfristig ist die Unterstützung für strukturierte Datenbearbeitung und das Scripting geplant, um die Benutzeroberfläche weiter zu verbessern. ## Bedeutung für eine öko-soziale Transformation Cristal hat eine bedeutende Rolle in der ökosozialen Transformation, da es die Zusammenarbeit und den Wissensaustausch über verschiedene Plattformen hinweg fördert. Für Eco-Social Designer bietet Cristal eine flexible und anpassbare Benutzeroberfläche, die in bestehende Systeme integriert werden kann, um den Wissensfluss zu verbessern. Herausforderungen bestehen in der technischen Integration und der Sicherstellung der Benutzerfreundlichkeit in verschiedenen Kontexten. Ethische Fragen betreffen die digitale Souveränität und den Schutz der Privatsphäre der Nutzer. ## Slides: | | | | --- | --- | | ![[FOSDEM 2025/assets/Cristal-A-flexible-wiki-UI/preview_001.jpg\|300]] | Cristal ist eine flexible Wiki-Benutzeroberfläche, die von Manuel Leduc von XWiki SAS präsentiert wird. Die Präsentation fand im Januar 2025 statt. | ![[FOSDEM 2025/assets/Cristal-A-flexible-wiki-UI/preview_002.jpg\|300]] | Die Agenda der Präsentation umfasst die Organisation und das Team hinter Cristal, das Produkt selbst, seine Funktionen, das Design und die Architektur, die Roadmap sowie eine mögliche Live-Demo. | ![[FOSDEM 2025/assets/Cristal-A-flexible-wiki-UI/preview_003.jpg\|300]] | Die Organisation und das Team von Cristal bestehen aus Mitgliedern der XWiki SAS, einem selbstfinanzierten Unternehmen, das für seine Open-Source-Software bekannt ist. | ![[FOSDEM 2025/assets/Cristal-A-flexible-wiki-UI/preview_004.jpg\|300]] | XWiki SAS ist ein selbstfinanziertes Unternehmen mit einem Umsatz von ca. 6 Mio. € im Jahr 2024. Es entwickelt Open-Source-Software und ist bestrebt, die digitale Souveränität in der EU zu fördern. | ![[FOSDEM 2025/assets/Cristal-A-flexible-wiki-UI/preview_005.jpg\|300]] | Das Team von Cristal umfasst Ludovic Dubost als CEO, Vincent Massol als CTO, Manuel Leduc als technischen Leiter, Thiago Krieck als UX-Designer sowie Entwickler wie Pierre Jeanjean und Marius Dumitru Florea. | ![[FOSDEM 2025/assets/Cristal-A-flexible-wiki-UI/preview_006.jpg\|300]] | Cristal ist ein neues Projekt des XWiki-Teams, das eine moderne Benutzeroberfläche für Wikis bietet und monatlich aktualisiert wird. | ![[FOSDEM 2025/assets/Cristal-A-flexible-wiki-UI/preview_007.jpg\|300]] | Cristal ist ein neues Projekt des XWiki-Teams mit einer modernen Benutzeroberfläche, die mit verschiedenen Backends kompatibel ist und monatliche Updates erhält. Der Quellcode ist auf GitHub verfügbar. | ![[FOSDEM 2025/assets/Cristal-A-flexible-wiki-UI/preview_008.jpg\|300]] | Wissen ist nicht nur in Wikis, sondern auch in anderer Software vorhanden. Cristal ermöglicht die Zusammenarbeit und das Einbetten von Wissen aus verschiedenen Quellen, um bekannte Konzepte und Benutzeroberflächen zu bewahren. | ![[FOSDEM 2025/assets/Cristal-A-flexible-wiki-UI/preview_009.jpg\|300]] | Die Benutzeroberfläche von Cristal verwendet Vuetify und Shoelace für die Darstellung. | ![[FOSDEM 2025/assets/Cristal-A-flexible-wiki-UI/preview_010.jpg\|300]] | Die Bearbeitungsoberfläche von Cristal nutzt Vuetify für die Benutzerinteraktion. | ![[FOSDEM 2025/assets/Cristal-A-flexible-wiki-UI/preview_011.jpg\|300]] | Das abstrakte Designsystem von Cristal ist anpassbar, einbettbar und modular aufgebaut, um eine flexible Benutzererfahrung zu ermöglichen. | ![[FOSDEM 2025/assets/Cristal-A-flexible-wiki-UI/preview_012.jpg\|300]] | Cristal bietet eine Vielzahl von Funktionen für die Verwaltung und Bearbeitung von Wikis. | ![[FOSDEM 2025/assets/Cristal-A-flexible-wiki-UI/preview_013.jpg\|300]] | Zu den grundlegenden Wiki-Funktionen von Cristal gehören das Anzeigen und Bearbeiten von Seiten, das Verschieben und Umbenennen von Seiten, die Navigation und die Authentifizierung. | ![[FOSDEM 2025/assets/Cristal-A-flexible-wiki-UI/preview_014.jpg\|300]] | Der Rich Editor von Cristal unterstützt Bilder, Links mit Autovervollständigung, Blöcke, Schnellaktionen und die Markdown-Serialisierung. | ![[FOSDEM 2025/assets/Cristal-A-flexible-wiki-UI/preview_015.jpg\|300]] | Cristal ist sowohl als Web- als auch als Electron-Anwendung verfügbar und unterstützt mehrere Backends sowie einen Offline-Modus als Prototyp. | ![[FOSDEM 2025/assets/Cristal-A-flexible-wiki-UI/preview_016.jpg\|300]] | Das Design und die Architektur von Cristal basieren auf modernen, modularen Prinzipien. | ![[FOSDEM 2025/assets/Cristal-A-flexible-wiki-UI/preview_017.jpg\|300]] | Die Architektur von Cristal umfasst eine komponentenbasierte Front-End-Struktur. | ![[FOSDEM 2025/assets/Cristal-A-flexible-wiki-UI/preview_018.jpg\|300]] | Cristal verwendet ein komponentenbasiertes Front-End mit Inversify.js für die Entkopplung von Nutzung und Implementierung. | ![[FOSDEM 2025/assets/Cristal-A-flexible-wiki-UI/preview_019.jpg\|300]] | Das abstrakte Designsystem von Cristal ermöglicht eine typsichere Nutzung und Definition durch gut definierte UI-Komponenten-APIs. | ![[FOSDEM 2025/assets/Cristal-A-flexible-wiki-UI/preview_020.jpg\|300]] | Cristal bietet spezifische Benutzeroberflächen für verschiedene Backends wie Nextcloud und XWiki. | ![[FOSDEM 2025/assets/Cristal-A-flexible-wiki-UI/preview_021.jpg\|300]] | Die Roadmap von Cristal umfasst die Fertigstellung der MVP-Version mit Such- und Offline-Modus für alle Backends. | ![[FOSDEM 2025/assets/Cristal-A-flexible-wiki-UI/preview_022.jpg\|300]] | Die Fertigstellung der MVP-Version von Cristal umfasst die Implementierung von Suchfunktionen, Offline-Modus für alle Backends und die Bearbeitung von Seitenquellen. | ![[FOSDEM 2025/assets/Cristal-A-flexible-wiki-UI/preview_023.jpg\|300]] | Nach der MVP-Version plant Cristal die Extraktion des Editors, die Unterstützung strukturierter Datenbearbeitung und das Scripting. | ![[FOSDEM 2025/assets/Cristal-A-flexible-wiki-UI/preview_024.jpg\|300]] | Die Live-Demo von Cristal zeigt seine Funktionen und die Integration in verschiedene Systeme. | ![[FOSDEM 2025/assets/Cristal-A-flexible-wiki-UI/preview_025.jpg\|300]] | Cristal kann online getestet werden, und es gibt eine Demo-Instanz mit XWiki als Backend. | ![[FOSDEM 2025/assets/Cristal-A-flexible-wiki-UI/preview_026.jpg\|300]] | Die Präsentation von Cristal endet mit einem Dank an das Publikum und einem Hinweis auf den Stand K1-B-3. ## Links [Video recording (AV1/WebM) - 65.4 MB](https://video.fosdem.org/2025/h1308/fosdem-2025-5339-cristal-a-flexible-wiki-ui.av1.webm) [Video recording (MP4) - 476.2 MB](https://video.fosdem.org/2025/h1308/fosdem-2025-5339-cristal-a-flexible-wiki-ui.av1.mp4) [Video recording subtitle file (VTT)](https://video.fosdem.org/2025/h1308/fosdem-2025-5339-cristal-a-flexible-wiki-ui.vtt) [Chat room(web)](https://fosdem.org/2025/chat) [Chat room(app)](https://fosdem.org/2025/chatapp)