# Cristal una interfaz wiki flexible > [! nota]- > El contenido de esta página se ha generado a partir de la transcripción de audio/vídeo y la transformación del texto del contenido y los enlaces de esta fuente. Fuente: [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> ## Resumen y aspectos destacados: **Introducción a Cristal** Cristal es una interfaz de usuario modular para wikis, desarrollada con TypeScript y VueJS, que facilita la navegación y creación de contenido en diversas fuentes de conocimiento como XWiki, carpetas locales, GitHub o NextCloud. Ofrece capacidades de colaboración en tiempo real y características offline. Durante la presentación, se discuten los avances del último año, los retos enfrentados y la hoja de ruta futura. **Características de Cristal** Cristal permite la integración de su interfaz en otras aplicaciones, conservando la estética del producto anfitrión. Es adaptable y modular, permitiendo la selección de funciones específicas según las necesidades del usuario. Su editor rico en funciones incluye edición de imágenes, enlaces con autocompletado y colaboración en tiempo real. **Diseño y Arquitectura** Cristal se basa en un sistema de diseño abstracto que facilita la integración con diferentes sistemas de diseño. Utiliza componentes bien definidos que permiten la extensibilidad y personalización de la interfaz. La arquitectura está diseñada para soportar múltiples backends y modos offline. **Hoja de Ruta y Futuro** La hoja de ruta de Cristal incluye la finalización de su MVP con mejoras en la gestión de usuarios y soporte para más sintaxis. A largo plazo, se planea extraer el editor para uso en otros proyectos y mejorar la edición de datos estructurados y scripting dentro de XWiki. ## Importancia para una transformación ecosocial Cristal tiene un gran potencial para la transformación ecosocial al facilitar la colaboración y gestión de conocimiento en comunidades. Promueve la soberanía digital y el uso de software de código abierto, lo que es crucial para la sostenibilidad tecnológica. Los diseñadores ecosociales pueden aprovechar Cristal para crear plataformas colaborativas adaptables a diferentes contextos. Sin embargo, los desafíos incluyen la integración con sistemas existentes y la necesidad de garantizar la accesibilidad y privacidad de los datos. ## Slides: | | | | --- | --- | | ![[FOSDEM 2025/assets/Cristal-A-flexible-wiki-UI/preview_001.jpg\|300]] | La diapositiva presenta una introducción a Cristal, destacando su flexibilidad como interfaz de usuario para wikis. Manuel Leduc, de XWiki SAS, lidera el proyecto. | ![[FOSDEM 2025/assets/Cristal-A-flexible-wiki-UI/preview_002.jpg\|300]] | La agenda cubre la organización del equipo, el producto, sus características, el diseño y arquitectura, la hoja de ruta y una demostración en vivo. | ![[FOSDEM 2025/assets/Cristal-A-flexible-wiki-UI/preview_003.jpg\|300]] | XWiki SAS es una empresa autofinanciada con un enfoque en la soberanía digital en la UE. Desarrolla software de código abierto con una comunidad internacional. | ![[FOSDEM 2025/assets/Cristal-A-flexible-wiki-UI/preview_004.jpg\|300]] | La empresa XWiki SAS, establecida en 2004, ha experimentado un crecimiento significativo, empleando a 70 personas y ofreciendo servicios de soporte, formación y consultoría. | ![[FOSDEM 2025/assets/Cristal-A-flexible-wiki-UI/preview_005.jpg\|300]] | El equipo incluye a Ludovic Dubost, CEO, Vincent Massol, CTO, Manuel Leduc, líder técnico, y otros desarrolladores y diseñadores de UX. | ![[FOSDEM 2025/assets/Cristal-A-flexible-wiki-UI/preview_006.jpg\|300]] | Cristal es un nuevo proyecto del equipo de XWiki, que ofrece una interfaz de usuario moderna compatible con XWiki y otros sistemas. | ![[FOSDEM 2025/assets/Cristal-A-flexible-wiki-UI/preview_007.jpg\|300]] | Cristal es un proyecto nuevo con una interfaz moderna compatible con XWiki. Se lanza una versión mensual y está disponible en GitHub. | ![[FOSDEM 2025/assets/Cristal-A-flexible-wiki-UI/preview_008.jpg\|300]] | El conocimiento no solo reside en wikis, sino también en otros software. Es crucial colaborar y migrar conocimientos gradualmente a wikis. | ![[FOSDEM 2025/assets/Cristal-A-flexible-wiki-UI/preview_009.jpg\|300]] | La interfaz de usuario de Cristal es adaptable, utilizando frameworks como Vuetify y Shoelace para diferentes estilos de diseño. | ![[FOSDEM 2025/assets/Cristal-A-flexible-wiki-UI/preview_010.jpg\|300]] | Cristal ofrece una interfaz de edición de usuario con Vuetify, permitiendo una experiencia de edición rica y adaptable. | ![[FOSDEM 2025/assets/Cristal-A-flexible-wiki-UI/preview_011.jpg\|300]] | El sistema de diseño abstracto de Cristal es adaptable, modular y embebible, permitiendo su integración en otras aplicaciones. | ![[FOSDEM 2025/assets/Cristal-A-flexible-wiki-UI/preview_012.jpg\|300]] | Cristal ofrece características básicas de wiki como visualización y edición de páginas, navegación y autenticación. | ![[FOSDEM 2025/assets/Cristal-A-flexible-wiki-UI/preview_013.jpg\|300]] | El editor rico de Cristal permite la edición de imágenes, enlaces con autocompletado y colaboración en tiempo real utilizando Tiptap. | ![[FOSDEM 2025/assets/Cristal-A-flexible-wiki-UI/preview_014.jpg\|300]] | Cristal es compatible con varios backends y ofrece un modo offline prototipo, disponible como aplicación web y de escritorio. | ![[FOSDEM 2025/assets/Cristal-A-flexible-wiki-UI/preview_015.jpg\|300]] | La arquitectura de Cristal se basa en componentes, permitiendo la extensibilidad y personalización de la interfaz. | ![[FOSDEM 2025/assets/Cristal-A-flexible-wiki-UI/preview_016.jpg\|300]] | El sistema de diseño abstracto de Cristal permite el uso seguro de tipos y la adición de nuevos sistemas de diseño mediante extensiones. | ![[FOSDEM 2025/assets/Cristal-A-flexible-wiki-UI/preview_017.jpg\|300]] | La interfaz específica del backend en Cristal soporta tanto Nextcloud como XWiki, adaptándose a sus características únicas. | ![[FOSDEM 2025/assets/Cristal-A-flexible-wiki-UI/preview_018.jpg\|300]] | La hoja de ruta de Cristal incluye la finalización del MVP, con mejoras en búsqueda, modo offline y gestión de usuarios. | ![[FOSDEM 2025/assets/Cristal-A-flexible-wiki-UI/preview_019.jpg\|300]] | A largo plazo, Cristal planea extraer el editor, mejorar la edición de datos estructurados y soportar la herencia de XWiki. | ![[FOSDEM 2025/assets/Cristal-A-flexible-wiki-UI/preview_020.jpg\|300]] | La demostración en vivo de Cristal muestra su funcionalidad y capacidad de integración con diferentes sistemas y backends. | ![[FOSDEM 2025/assets/Cristal-A-flexible-wiki-UI/preview_021.jpg\|300]] | Cristal ofrece una instancia de demostración en línea y paquetes de Electron para probar su funcionalidad en diferentes plataformas. | ![[FOSDEM 2025/assets/Cristal-A-flexible-wiki-UI/preview_022.jpg\|300]] | La presentación concluye agradeciendo a los asistentes y promoviendo la visita al stand de Cristal en el evento. | ![[FOSDEM 2025/assets/Cristal-A-flexible-wiki-UI/preview_023.jpg\|300]] | | | ![[FOSDEM 2025/assets/Cristal-A-flexible-wiki-UI/preview_024.jpg\|300]] | | | ![[FOSDEM 2025/assets/Cristal-A-flexible-wiki-UI/preview_025.jpg\|300]] | | | ![[FOSDEM 2025/assets/Cristal-A-flexible-wiki-UI/preview_026.jpg\|300]] | | ## Enlaces [slides](https://fosdem.org/2025/events/attachments/fosdem-2025-5339-cristal-a-flexible-wiki-ui/slides/238121/Cristal_-_uW3mCHH.pdf)