你好!我的名字叫帕特里克，我是一名前端开发人员，最近加入了V&A数字和出版团队。我已经在不同阶段、不同规模和不同行业的公司从事了3年多的网页开发工作。我以前的工作涉及开发内部工具和网站，但我的主要兴趣一直是创建对广大受众可访问和有用的应用程序。我想V&A可能会给我一个机会，让我开发一个应用程序，让许多来参观藏品的游客可以与之互动。2022世界杯抽签完整视频我的第一个项目就是这样的机会!
短暂的
我将开发一个新的博物馆内互动装置(以下简称“互动”)，用于展示探索博物馆中几件物品所有权的悲惨历史吉尔伯特集合名为“隐藏的历史”。互动的主题是“费舍尔名单”，这是一份文件，列出了纳粹当局认为“堕落”的各种艺术品的命运。这对确定“隐藏的历史”展品的所有权历史至关重要，V&A博物馆拥有唯一已知的完整副本。我们的互动将包括一个可以探索的列表的数字扫描，而不是显示副本。由于费希尔列表是一份用德语写的官僚文件，只有一小部分参观者能够理解，因此互动也解释了费希尔列表的历史，并展示了它是如何被用于展示的。
它将通过一个线性的旅程来实现这一点，解释费舍尔名单的历史和纳粹对“堕落艺术”的分类，然后用一页纸来进行案例研究，展示如何用它来确定一件艺术品的出处。这段旅程还将向游客展示如何使用列表，然后在互动的最后一个屏幕上呈现供探索。
规划阶段
幸运的是，我们已经有了几个能够以吸引人的方式呈现信息的组件。维多利亚与阿尔伯特博物馆之前也曾委托过Digirati开发几个可嵌入元素供网站主要使用IIIF标准和深变焦技术。除了这些组件，我们还可以使用普遍的观众来呈现文档本身。我的主要任务是为这些组件构建一个框架。经过一段时间的需求工程，我们决定框架应该具有以下特性:
- 吸引屏幕——用户在与屏幕交互之前看到的第一个屏幕
- 通过一系列屏幕的线性路径，在任何一点用户都可以返回到吸引屏幕的互动
- 一个空闲定时器-如果当前用户停止使用交互，那么它最终应该“重置”到吸引屏幕
- 包含图像、文本和行动呼吁的屏幕将促进互动
- 包含一个棘手组件的屏幕
- 紧凑且易于分发构建，不需要在目标设备上安装额外的程序
该交互程序将安装在一台运行最新版本的Mac mini电脑上OpenKiosk的修改版本Firefox 60-不是最新版本，这意味着我必须检查兼容性问题-这将锁定机器，以阻止用户访问浏览器的其他功能。它还有一个内置的本地服务器，用于托管交互文件。
方法
我们在交互开发中使用了两种值得注意的web技术:web组件和静态站点生成器。
由于交互是静态屏幕的线性路径，而未完成的元素大多是到其他屏幕的简单链接，我决定最好的方法是无框架。这将降低性能和大小膨胀，使代码更可维护和可重用——并允许我集成所有使用不同库创建的现有组件。
为了进一步提高项目的可重用性，我决定将每个现有组件包装在Web Component层中。这将允许它们很容易地集成到静态页面中，并且也将使它们成为模板和外推到部分的理想选择。因为Digirati组件是写进去的反应通用查看器是用原生JavaScript编写的jQuery这也意味着不必强迫他们一起适应一个框架。
技术
经过一番调查，我们决定雨果将是我们的静态网站生成器的选择。一个开源项目去Hugo的特点是一个非常健壮和灵活的模板系统，具有强大的内置逻辑，并允许使用部分，以便代码可以以模块化和可重用的方式编写。由于我需要在JavaScript中构建一些额外的特性——主要是空闲计时器——我使用了一个名为维克多。雨果两者结合Webpack和雨果。这让我可以轻松地捆绑额外的JavaScript和CSS，并将其添加到Hugo生成的站点中，然后使用Babel来转译用ES6编写的代码。集成谷歌标签管理器因为分析是非常直接的，让我们看到人们如何使用互动。
未来
在这里你可以在吉尔伯特画廊看到完成的互动!事实证明，它很受欢迎，录制了许多会话。虽然有一些最初的技术问题，但我们内部构建的事实意味着任何问题都可以轻松快速地解决。这是开发它的宝贵经验，因为我尝试了一些我很好奇的前沿网络技术——在未来，我希望把它转换成一个完全成熟的带有CMS(内容管理系统)的交互式框架。我相信web组件很适合作为创作工具，事实也确实如此几种CMS解决方案它可以很好地与Hugo进行小配置。它可能需要考虑到通过屏幕的更复杂路径的潜力，而不是线性旅程。对于后续的工作，我也希望能够支持手势控制，并充分利用多点触摸显示。
不幸的是，这个博客中的互动现在使用起来不安全，因此不再在图库中。在新冠疫情形势下，无法轻松清洁的共享触摸屏有很大的污染风险。未来的博物馆互动将需要避免这种情况，要么采用免触摸的方式——使用微软的Kinect等手势识别设备——要么通过游客自己的设备使用。由于我们的框架产生的交互可以在互联网浏览器中使用，这里概述的工作可以潜在地建立在为手机和平板电脑创建交互的基础上。
感谢Eric Bates和Thomas Lumeau对互动装置的帮助;Alice Minter和Jacques Schuhmacher对Gilbert Collection的了解，以及对设计的投入;还有理查德·赫尔斯的蒂帕帕博物馆表彰他在他们自己的互动框架上的工作，这是非常有用的。
