WebSketch: tablero GWT para mapa mental

WebSketch: Mapas mentales basados en texto para desarrolladores GWT

WebSketch es una aplicación web basada en GWT diseñada para crear diagramas estructurados con texto. Simula un mapa mental con nodos de cuadros de texto, permite anidamiento y posicionamiento automático del layout. Construida exclusivamente para uso en escritorio—sin gráficos, solo texto y conexiones. Ideal para reuniones diarias, planificación de tareas o almacenar enlaces directamente en un repositorio Git.

Principios clave del flujo de trabajo

Los usuarios comienzan con un nodo central, añadiendo nuevos elementos mediante Ctrl+arrastre. Las conexiones se crean usando Mayús+arrastre. Hacer doble clic sobre un cuadro de texto abre un tablero anidado con ese nodo en el centro. Las posiciones de los nodos se generan a partir de hashes de texto—al recargar, se restaura automáticamente el diseño.

Para fijar la posición de un nodo en el centro, añade el símbolo de casa (Alt+127), que guarda desplazamientos como ⌂BUGS[+100,+0]. Se bloquean los espacios dentro de los cuadros de texto para asegurar que solo se usen palabras simples o frases cortas.

Reglas clave:

• Interfaz exclusivamente para escritorio, pensada para flujos de trabajo de oficina.
• Sin edición ni eliminación—solo adiciones, al estilo de escribir en papel real.
• Búsqueda completa por texto en todo el mapa mental, no solo en la vista actual.
• Código hash visible en la esquina superior derecha para rastrear cambios y detectar modificaciones.

Formato de almacenamiento de datos

Los datos se guardan en archivos de texto plano con análisis sencillo. El delimitador es 0 0 o cinco espacios. Estructura base de ejemplo:

0 0 0 BUGS

Esto define el nodo raíz "BUGS". Sin delimitadores, las palabras adyacentes forman una cadena:

BUGS FEATURES README TESTS

Resultado: una secuencia plana de nodos. Con anidamiento:

BUGS FEATURES README TESTS 0 0 BUGS FEATURES FEATURE#1

El algoritmo del lado del servidor extrae nodos vecinos por palabra clave, escaneando el archivo sin necesidad de base de datos. Los números entre paréntesis indican frecuencia de término.

La carga y descarga de archivos permiten edición manual. La pestaña "Iniciar" muestra el código sin procesar para experimentar—similar a mermaid.live.

Casos prácticos de uso

• Reunión diaria: registra números de tickets de Jira al instante, sin esperar a que cargue el servicio.
• Planificación de proyecto: lleva el control de tecnologías, fechas límite y dependencias.
• Integración con Git: almacena mapas mentales en tu repositorio—los nuevos desarrolladores obtienen un camino visual y anidado mediante un enlace.
• Apuntes personales: documenta errores del proyecto, estructuras de código, plantillas.

Ejemplo para desarrollo: nodo central "app.websketch", ramas para bugs, funcionalidades, con coordenadas personalizadas para colocación precisa.

Implementación técnica

Construido sobre GWT 2.12.2 (originalmente 2.4.0 bajo Eclipse 3.5). El frontend parsea y renderiza el árbol; el backend utiliza tres servlets:

• Carga de archivos.
• Descarga de archivos.
• Búsqueda de nodos vecinos por palabra clave (escaneo de texto).

Actualizar GWT retrasó la carga inicial entre un 10% y un 20%. Sin base de datos—el servidor lee el archivo completo y filtra por la palabra actual. Compartir enlaces permanentes no requiere autenticación—el acceso al enlace otorga permisos de lectura y escritura completos.

Ejemplo con coordenadas:

BUGS FEATURES README TESTS 0 0 BUGS FEATURES FEATURE#1 ⌂BUGS[+100,+0]

La interfaz dibuja las conexiones y trata las cadenas de palabras como nodos unificados.

Destacados principales

• Formato de texto plano compatible con Bloc de notas y Git—sin dependencias externas.
• Posicionamiento automático basado en hash garantiza recuperación consistente del diseño.
• Tableros anidados mantienen jerarquía sin pérdida de rendimiento.
• Pila minimalista: GWT + servlets, cero sobrecarga de base de datos.
• Control de integridad mediante hash para colaboración en equipo.

— Editorial Team