DEV Community

Cover image for Cómo una nota de osFoundry reúne documento, hoja de cálculo, diagramas y LaTeX
tauchiii for tauchi Español

Posted on

Cómo una nota de osFoundry reúne documento, hoja de cálculo, diagramas y LaTeX

Faltan tres semanas para el lanzamiento de un producto. El plan es un documento en una aplicación, el presupuesto es una hoja de cálculo en otra, el flujo del día del lanzamiento es un diagrama que alguien dibujó en una herramienta de pizarra y los enlaces a la investigación están repartidos por hilos de chat. Cada vez que alguien pregunta "¿dónde está la última versión?", la respuesta es una aplicación distinta. Las notas de osFoundry lo plantean de otra manera: una sola nota, varias pestañas, y cada pestaña es un tipo de editor diferente.

Una nota es un conjunto de pestañas

osFoundry es una aplicación de escritorio que reúne chat, agentes, archivos y herramientas en una sola ventana. Las notas están en la barra lateral, en Notes. Toda nota empieza con tres pestañas fijas: Markdown para escribir, Files para los adjuntos y Sources para los enlaces de referencia. El botón + al final de la barra de pestañas (Add note tab) añade más:

  • Note: una página de texto enriquecido.
  • Markdown: texto plano con un esquema de encabezados.
  • LaTeX: un proyecto TeX con vista previa del PDF compilado.
  • Slides, Sheet, Mermaid, Board, Whiteboard y Design: presentación, hoja de cálculo, diagrama escrito como texto, panel de datos, lienzo de dibujo libre y lienzo de maquetación.
  • Artifacts: contenido personalizado.
  • Add from folder…: trae archivos desde una carpeta de tu ordenador.

Una nota puede tener más de una pestaña del mismo tipo, así que la nota del lanzamiento puede llevar un Sheet para el presupuesto y otro Sheet para el calendario. Desde el menú de cada pestaña se puede cambiar su orden arrastrándola, renombrarla, archivarla o eliminarla. Los cambios se guardan solos, y cada pestaña, salvo Files y Sources, tiene su propio historial de versiones, de modo que volver al diagrama de ayer no deshace el texto de hoy.

Una nota de osFoundry con las pestañas Markdown, Sheet, Mermaid, Whiteboard, LaTeX, Files y Sources en la barra de pestañas (nota de ejemplo)

El menú Add note tab de osFoundry con Note, Markdown, LaTeX, Files, Slides, Sheet, Mermaid, Board, Whiteboard, Design y Artifacts (nota de ejemplo)

Markdown: el plan en sí

La pestaña Markdown es texto plano, y eso importa más de lo que parece. El mismo archivo se lee sin problemas en cualquier otro editor, y un asistente puede leerlo directamente sin convertir nada. Puedes escribir en modo Edit, Split o Preview, buscar y reemplazar, y usar el Outline para saltar entre las secciones de un plan largo; además puedes enlazar a un encabezado o a un rango de líneas, de modo que un comentario como "mira la sección de riesgos" apunte justo ahí. Las pestañas de texto se pueden exportar como documento (Word, PDF o .md).

La pestaña Markdown de una nota de osFoundry con un plan de lanzamiento y su esquema de encabezados (nota de ejemplo)

Sheet: los números junto a las palabras

La pestaña Sheet es una hoja de cálculo con barra de menús File, Edit e Insert. Puedes importar un archivo CSV o XLSX, exportar a CSV, XLSX o a un PDF imprimible e insertar un gráfico (de barras, líneas, sectores, áreas o dispersión) a partir de un rango de celdas. También tiene formato condicional, validación de datos, buscar y reemplazar, enlaces y comentarios en celdas. Un sheet puede alimentar un widget de Board, así que la tabla del presupuesto puede mover un gráfico en una pestaña de panel dentro de la misma nota. Es una hoja de cálculo para tablas que acompañan a un documento, no una base de datos.

La pestaña Sheet de una nota de osFoundry con una tabla de presupuesto del lanzamiento (nota de ejemplo)

Mermaid y Whiteboard: dos maneras de dibujar

Para un proceso que conviene mantener editable como texto, la pestaña Mermaid recibe código Mermaid y lo renderiza. Puedes alternar entre Edit, Split y Preview, partir de plantillas (Flow, Sequence, Class, State y Gantt), hacer zoom y exportar un PNG, un SVG o el código fuente .mmd. Un error de sintaxis aparece como mensaje en lugar de como un dibujo roto.

La pestaña Mermaid de una nota de osFoundry en vista Split, con el código a la izquierda y el diagrama de flujo renderizado a la derecha (nota de ejemplo)

Cuando la estructura todavía no está decidida, Whiteboard es un lienzo libre. La Template Gallery ofrece plantillas iniciales como Flowchart, Architecture, Mind Map y Wireframe, y hay más en forma de Library Packs. Puedes importar un diagrama de flujo de Mermaid al lienzo, añadir imágenes, cambiar la dirección del diseño, exportar un PNG o un SVG y repasar el historial de versiones del lienzo. Las flechas de una pizarra son dibujos; no ejecutan nada.

La pestaña Whiteboard de una nota de osFoundry con un diagrama de flujo en el lienzo (nota de ejemplo)

LaTeX: cuando la maquetación tiene que ser exacta

La pestaña LaTeX es un pequeño proyecto TeX: main.tex y los demás archivos que añadas, o un proyecto entero importado desde un ZIP. Compile genera el PDF y lo muestra junto al código fuente; en la aplicación de escritorio la compilación usa un compilador local, y la primera puede tardar un minuto mientras se descargan los recursos de TeX. Los errores aparecen en un panel que enlaza con la línea del código fuente, un aviso te indica cuándo el código ha cambiado desde la última compilación y puedes exportar el .tex, el ZIP del proyecto o el PDF compilado.

La pestaña LaTeX de una nota de osFoundry con los archivos del proyecto, main.tex y el panel de vista previa del PDF (nota de ejemplo)

Sources y Files: las pruebas se quedan con el documento

La pestaña Sources es la lista de lecturas de la nota. Pega un enlace HTTP o HTTPS y Refresh page details rellena el título y la descripción para que los revises antes de guardar. Puedes añadir tus propias notas a cada fuente y copiar un enlace al registro de una fuente para citarla en otro sitio. La misma URL no se puede añadir dos veces.

La pestaña Sources de una nota de osFoundry con enlaces de investigación, títulos y descripciones (nota de ejemplo)

La pestaña Files guarda los PDF, imágenes y archivos de datos que acompañan a la nota. Arrastra los archivos o búscalos en el equipo, previsualiza los que lo admiten y cambia entre una vista de lista y una vista de tabla con nombre, tamaño y fecha.

La pestaña Files de una nota de osFoundry con un PDF, una imagen y un CSV adjuntos (nota de ejemplo)

Una nota de lanzamiento, de principio a fin

Así encaja en una sola nota el lanzamiento del principio. La pestaña Markdown contiene el plan, con objetivos, calendario y riesgos. Un Sheet contiene el presupuesto, con un gráfico insertado a partir de él. Una pestaña Mermaid tiene la secuencia del día del lanzamiento, desde la nota de prensa hasta el traspaso a soporte, y el equipo edita el código cuando cambia el orden. Un Whiteboard tiene el boceto de la landing page. Los enlaces de investigación están en Sources, el presupuesto firmado de la imprenta está en Files y el resumen de una página para la junta directiva está en una pestaña LaTeX, exportado como PDF. Cuando alguien pregunta dónde está la última versión, hay una sola respuesta.

Lo primero que pregunta la gente

¿Necesito una aplicación distinta para cada tipo de pestaña?
No. Cada pestaña es un editor dentro de la aplicación de escritorio de osFoundry, y todas pertenecen a la misma nota.

¿Puedo exportar lo que hago?
Sí, cada pestaña desde su propio menú: Markdown como Word, PDF o .md; Sheet como CSV, XLSX o PDF; Mermaid como PNG, SVG o .mmd; Whiteboard como PNG o SVG; LaTeX como .tex, ZIP del proyecto o PDF compilado.

¿Deshacer en una pestaña deshace las demás?
No. Cada pestaña, salvo Files y Sources, tiene su propio historial de versiones.

¿Es gratis?
osFoundry se puede usar gratis en tu propio dispositivo. El trabajo que se ejecuta en los servidores de osFoundry consume créditos.

La aplicación de escritorio se descarga gratis en osfoundry.io/es/download.

Top comments (0)