Manipulating GUI Structures Declaratively

on YouTube ↗15m

" summary

A DSL models GUI components, relations like precedes, and transformation rules that generate JavaScript transformation functions which unestablish and establish DOM and model links. Implemented with Eclipse Xtext, it powers operations insert/remove/swap across messy GUIs, updates constraint-backed models (used on an ApplyTexas activities form and a timetable planner), and lets buttons call one generated function each — the examples work, preserving view–model consistency. Future work: generic parameterized rules and algebraic relation annotations.

AI-written summary · about

" chapters (7)

1. 0:00Start
2. 0:23STRUCTURE IN GUIS
3. 0:49STRUCTURAL CHANGES IN GUES
4. 3:07STRUCTURAL CHANGES IN DUR DSL
5. 5:01TRANSFORMATION RULES
6. 5:51RELATIONS
7. 7:17COMPONENTS

" related talks

• 28mManipulating GUI Structures DeclarativelyJaakko Järvi, Mikhail Barash, Knut Anders Stokke · SPLASH 2022
• 29mIntegrating Language Engineering into the Software Development ProcessJohannes Meier · EclipseCon 2023
• 18mDiagramming Program Values by Spatial RefinementShriram Krishnamurthi, Tim Nelson, Siddhartha Prasad, Michael Tu, Karan Kashyap · PLDI 2026
• 39mRetaking Rules for DevelopersRyan Brush · Strange Loop 2014
• 14mAutomating the Synthesis of Recommender Systems for Modelling LanguagesLissette Almonte, Esther Guerra, Juan de Lara, Sara Perez-Soler, Iván Cantador · SLE 2021
• 01h 00mC4 models as codeSimon Brown · NDC Oslo 2023
• 07mNew Ideas: Automated Engineering of Metamorphic Testing Environments for Domain-Specific LanguagesEsther Guerra, Juan de Lara, Pablo C Canizares, Pablo Gómez-Abajo, Alberto Núňez · SLE 2021
• 41mC4 Models as CodeSimon Brown · YOW! Melbourne 2022