Fusion：利用 UI 混合实现机会式 Web 原型设计

现代 Web 开发在各个层面都充满复杂性，从需要配置后端服务到处理前端框架和依赖项。为了降低这些开发门槛，我们引入了一种技术，使人们能够通过从 Web 各处借取所需功能片段来机会式地进行原型设计，无需访问其底层代码库、构建环境或服务器后端。我们在名为 Fusion 的浏览器扩展中实现了该技术，允许用户从现有未修改的网页中提取组件，并使用转述和 JavaScript 胶水代码将它们钩连在一起以创建 Web UI 混合应用。我们通过一个案例研究展示了 Fusion 的通用性和多功能性，在编程工具、数据科学、Web 设计和协作工作等领域创建了七个 UI 混合应用。我们的混合应用包括复制先前 HCI 系统的部分功能（用于原地代码搜索的 Blueprint 和用于浏览器内数据科学的 DS.js）、扩展 p5.js IDE 以支持 Processing 实时协作编辑，以及将 Python Tutor 代码可视化集成到静态教程中。这些 UI 混合应用每个使用 Fusion 创建时仅需不到 15 行 JavaScript 胶水代码。