Webstrates: Shareable Dynamic Media
summary
Webstrates turns web pages into substrates by making the full DOM persisted synchronized DOM across browsers so pages act as documents or live apps; implemented with a small CoffeeScript server (~300 lines) and client (~800 lines) and OT synchronization using operational transformation via ShareJS. Demonstrations show transclusion of content into multiple personalized editors, live SVG and slide editing, and remote installation of UI tools as runtime UI extension. Prototype works for collaborative paper authoring and a window manager but relies on a centralized server, has rudimentary access control, and exposed sandboxing/security surprises.
AI-written summary · about
chapters (12)
- 0:00Introduction to Webstrates
- 1:27Limitations of current software
- 3:37Core properties of shareable media
- 5:01What are Webstrates
- 6:37How Webstrates work technically
- 7:41Transclusion in Webstrates
- 9:23Collaborative editing with personalized tools
- 11:49Design patterns in Webstrates
- 13:37Synchronization and implementation
- 15:02Advanced demo with window manager
- 15:42Conclusion and future work
- 16:25Q&A on security
related talks
21mCodestrates: Literate Computing with Webstrates
57mKeynote: Software as Computational Media
18mVideostrates: Collaborative, Distributed and Programmable Video Manipulation
19mFusion: Opportunistic Web Prototyping with UI Mashups
22mThe (Abundant) State of the Web
01h 08mThe quest for the graphical web
22mProgressive Enhancement
58mUnderstand the Next Phase of Web Development