WebSketch : tableau GWT pour carte mentale

WebSketch : Cartographie de pensée textuelle pour les développeurs GWT

WebSketch est une application web basée sur GWT conçue pour créer des schémas structurés à partir de texte. Elle imite une carte mentale avec des nœuds en zone de texte, permet la mise en hiérarchie et le positionnement automatique. Développée exclusivement pour un usage bureau — pas d'images, uniquement du texte et des liens. Idéale pour les réunions quotidiennes, la planification de tâches ou le stockage direct de liens dans un dépôt Git.

Principes fondamentaux du workflow

Les utilisateurs commencent par un nœud central, ajoutent de nouveaux éléments en faisant glisser avec Ctrl. Les connexions se créent avec Shift+glisser. Un double-clic sur une zone de texte ouvre un tableau imbriqué avec ce nœud au centre. Les positions des nœuds sont générées à partir de hachages de texte — le rechargement restaure automatiquement les dispositions.

Pour verrouiller la position d’un nœud au centre, ajoutez le symbole maison (Alt+127), qui enregistre des décalages comme ⌂BUGS[+100,+0]. Les espaces dans les zones de texte sont bloqués pour s’assurer que seules des mots simples ou courtes phrases sont utilisés.

Règles clés :

• Interface exclusivement bureau pour les flux de travail en entreprise.
• Aucune modification ni suppression — seulement des ajouts, comme écrire sur du papier réel.
• Recherche plein texte sur toute la carte mentale, pas seulement la vue actuelle.
• Code de hachage affiché en haut à droite pour suivre les modifications et détecter les changements.

Format de stockage des données

Les données sont stockées dans des fichiers texte simples, facilement parsables. Le séparateur est soit 0 0, soit cinq espaces. Structure de base exemple :

0 0 0 BUGS

Cela définit le nœud racine « BUGS ». Sans séparateur, les mots adjacents forment une chaîne :

BUGS FEATURES README TESTS

Résultat : une séquence plate de nœuds. Avec imbriquage :

BUGS FEATURES README TESTS 0 0 BUGS FEATURES FEATURE#1

L'algorithme côté serveur extrait les nœuds voisins par mot-clé, en parcourant le fichier sans base de données. Les nombres entre parenthèses indiquent la fréquence d'apparition du terme.

Le téléchargement et l'upload des fichiers permettent une édition manuelle. L'onglet « Démarrer » affiche le code brut pour expérimenter — similaire à mermaid.live.

Cas d'utilisation pratiques

• Réunion quotidienne : notez instantanément les numéros de tickets Jira, sans attendre le chargement du service.
• Planification de projet : suivez les technologies, les délais et les dépendances.
• Intégration Git : stockez les cartes mentales dans votre dépôt — les nouveaux développeurs obtiennent une carte visuelle et hiérarchisée via lien.
• Notes personnelles : documentez les bugs, les structures de code, les modèles.

Exemple pour le développement : nœud central « app.websketch », branches pour bugs, fonctionnalités, avec coordonnées personnalisées pour un placement précis.

Implémentation technique

Construit sur GWT 2.12.2 (originellement 2.4.0 sous Eclipse 3.5). Le frontend parse et rend l’arbre ; le backend utilise trois servlets :

• Téléversement de fichier.
• Téléchargement de fichier.
• Recherche de nœuds voisins par mot-clé (analyse de texte).

Mettre à jour GWT a ralenti le chargement initial de 10 à 20 %. Pas de base de données — le serveur lit tout le fichier et filtre selon le mot courant. Le partage de lien permanent ne nécessite aucune authentification — l’accès au lien donne des droits de lecture/écriture complets.

Exemple avec coordonnées :

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

L’interface graphique dessine les connexions et traite les chaînes de mots comme des nœuds unifiés.

Points forts

• Format texte simple compatible avec Bloc-notes et Git — aucune dépendance externe.
• Positionnement automatique basé sur le hachage garantit une récupération cohérente de la disposition.
• Tableaux imbriqués préservent la hiérarchie sans perte de performance.
• Stack minimaliste : GWT + servlets, aucun surcoût de base de données.
• Contrôle d’intégrité via hachage pour le travail collaboratif.

— Editorial Team