WebSketch: GWT nástěnka pro mind-map

WebSketch: textová deska pro strukturované náčrty na GWT

WebSketch je webová aplikace postavená na GWT určená k vytváření strukturovaných textových diagramů. Připomíná mindmapu s uzly ve formě textových polí, podporuje vnoření a automatické umístění. Projekt je zaměřený na desktopové prostředí, bez grafiky – pouze text a propojení. Ideální pro denní stand-up, plánování úkolů nebo ukládání odkazů do git repozitáře.

Základní principy práce

Uživatel začíná od centrálního uzlu, ke kterému připojuje nové prvky pomocí Ctrl+tažení. Vztahy vytváří Shift+tažením. Dvojité klepnutí na textové pole otevře vnořenou desku s tímto uzlem uprostřed. Souřadnice uzlů jsou generovány na základě hashování textu – po opětovném načtení se pozice automaticky obnoví.

Pro pevné umístění souřadnic v centrálním uzlu se použije znak domu (Alt+127), po čemž se uloží posuny ve formátu ⌂BUGS[+100,+0]. Mezery v textových polích jsou blokovány, aby bylo možné zadávat pouze jednotlivá slova nebo krátké fráze.

Obecná pravidla:

• Pouze desktopová verze pro pracovní prostředí.
• Žádné úpravy nebo mazání – pouze přidávání, jako na skutečném papíru.
• Hledání v celé mindmapě, nikoli jen na aktuální stránce.
• Hash desky v pravém rohu pro kontrolu změn (upozornění na úpravy).

Formát uchování dat

Data jsou uložena v textovém souboru s jednoduchým parsováním. Oddělovač je 0 0 nebo pět mezer. Příklad základní struktury:

0 0 0 BUGS

Toto je kořenový uzel "BUGS". Bez oddělovače tvoří slova řetězec:

BUGS FEATURES README TESTS

Výsledek je rovinná posloupnost uzlů. S vnořením:

BUGS FEATURES README TESTS 0 0 BUGS FEATURES FEATURE#1

Algoritmus serveru extrahuje sousední prvky podle klíčového slova, skenováním souboru bez databáze. Čísla v závorkách ukazují četnost výskytu termínu.

Načítání/ukládání do souboru umožňuje ruční úpravy. Karta "Start" zobrazuje surový kód pro experimenty, podobně jako mermaid.live.

Praktické použití

• Denní stand-up: Záznam čísel tiketů Jira bez čekání na načtení služby.
• Plánování projektu: Seznam technologií, termíny, závislosti.
• Git integrace: Ukládání mindmapy do repozitáře – nový vývojář dostane odkaz na vizuální mapu s hierarchií.
• Osobní poznámky: Chyby projektu, konstrukce kódu, šablony.

Příklad pro vývoj: centrální uzel "app.websketch", větve – bugs, features, s koordináty pro vlastní uspořádání.

Technická realizace

Vyvinuto na GWT 2.12.2 (původně 2.4.0 pod Eclipse 3.5). Frontend parsuje a vykresluje strom, tři servery na backendu:

• Nahrání souboru.
• Stažení souboru.
• Výběr sousedních uzlů podle klíče (textový skener).

Aktualizace GWT zpomalila načítání o 10–20 %. Žádná databáze – server čte soubor celý a filtrována podle aktuálního slova. Permalink bez autentizace: sdílení odkazem dává plný přístup.

Příklad s koordináty:

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

GUI vykresluje spojení a podporuje řetězce slov jako jednotné uzly.

Co je důležité

• Textový formát je kompatibilní s notepadem/git, parsování bez závislostí.
• Automatické umístění podle hashu zjednodušuje obnovu layoutu.
• Vnoření desek pro hierarchie bez ztráty výkonu.
• Minimální technologický stack: GWT + servery, bez databáze.
• Kontrola integrity prostřednictvím hashu pro týmovou spolupráci.

— Editorial Team