今天的学生在日常生活中面临无数的问题和压力，这些问题通常会因技术而加剧。 在许多情况下，用户可能无法及时处理笨拙的用户界面，从而使自己无法很好地完成当前的任务。 这通常会引起愤怒或不满。 通常，我们还面临冗长的论文和繁重的工作量，需要我们牺牲心理健康才能完成这些工作。 在“福祉设计”模块中，我们小组研究了与Affectiva有关的所有这些问题，Affectiva是一个可以从浏览器中的面部跟踪进行情绪检测的库。 每个小组成员决定使用不同的应用程序处理不同的情感，这些应用程序都捆绑在同一个网页上，即学生中心。
在提出各种想法时，我们首先决定看一下Affectiva的网站，然后看一下当时有哪些情感。 Affectiva总共支持7种情绪：愤怒，蔑视，厌恶，恐惧，喜悦，悲伤和惊奇。我们还惊奇地发现可以测量面部表情的各个组成部分，包括闭眼的数量。 然后，我们写下了各种想法，其中一些最终被整合到了我们不同的应用程序设计中。 因为这将是一个繁重的代码项目，所以我们所有人都决定一开始使用相同的IDE，并将我们的代码存储在Github存储库中。 由于Pycharm和Intellij在其他项目上的大量使用，我们最好的选择可能是Webstorm，因为这三个应用程序都是由同一开发人员制作的。
在第一个演示阶段的大部分时间里，我们都使用javascript中的示例进行操作，试图使用Affectiva库，但缺少该库的文档。 我个人最终使用了Affectiva的C ++库，并尝试通过各种示例将其javascript拼凑在一起。 这不是唯一的问题，因为尽管我们都有使用Git开发的经验，但事实证明，携手合作以使存储库正常工作仍然具有挑战性。 回想起来，最好进行一次与我在软件工程课程中进行的回购测试类似的回购测试，在该测试中，每个团队成员都必须克隆存储库并将提交推送到另一个分支。 如果学生在深夜写论文并且开始入睡，我的申请应该可以唤醒他们。 通过浏览器播放音频时遇到很多问题。 我的应用程序的第一个迭代使用了一个自定义的音频播放功能，该功能一直很好地工作，直到用户测试表明当窗口没有聚焦时音频不会播放。 然后，我切换到javascript的内置音频类，该音频类仅在单击按钮后才会播放声音。 我无法确定为什么会这样，最终的应用程序只是让用户单击一次按钮。 我还承担了为应用程序构建主页的任务，鉴于我完全缺乏HTML开发，这绝非易事。 经过一些教程之后，我掌握了足够的信息来开始在该页面上工作。 最初的几个页面太混乱了，并且-牢记了CRAP原则-我最终不断对其进行简化，直到它只是每个应用程序带有四个按钮的徽标为止。
总共有四个小型应用程序，每个应用程序都探索该技术的不同可能应用程序。 其中一个应用程序可以检测到何时有人感到愤怒，并发出提醒，告诉他们他们正在变得越来越热，并给出了如何使自己平静下来的提示。 当检测到足够的悲伤时，另一个发送可爱的动物的图片。 最后一个应用更多是游戏，告诉玩家“微笑”并播放法雷尔的歌曲“ Happy”（如果他们的幸福分数足够高）。 我们的第一个用户以及实际上是他之后的大多数用户，在实际表现出足够的情绪来触发某些响应时遇到了麻烦。 特别是他对CrazyConfetti的困扰最大，并且没有意识到他可以通过长时间微笑来触发其他事件。 某种类型的里程碑触发器（例如乐谱旁边的闪光灯）可能已提示用户尝试更长的微笑时间。 他们建议在AngerAlert期间，可以播放与CheerUp类似的图像，并且KeepAwake还应该能够检测到面部是否已经离开屏幕。 第二个用户没有单击“启动警报”按钮，大概是假设它将触发警报，而不是启动警报的面部检测。 他建议CheerUp应该继续播放图像，即使用户返回中立/快乐状态也是如此。 他最喜欢的应用是五彩纸屑，因为它很傻。 在足够的提示后，第三个用户成功地通过了示例，尽管她看上去很难悲伤以触发CheerUp，也没有生气以触发AngerAlert。 她建议可以添加雨声和古典音乐作为设计选择。 我们的最终用户在触发所有不同的应用程序时遇到了最大的麻烦，我们得出的结论是，他的眼镜挡住了眉毛并混淆了某些情绪检测。 由于Affectiva还可以检测是否存在眼镜，因此为戴眼镜的人编写自定义的情绪检测将是一个好主意。
我们的学生中心应用程序引起了一些我最初没有预料到的有趣反应。 五彩纸屑的应用似乎因其动态特性和视觉吸引力而给人留下最深刻的印象。 尽管按照我们小组的普遍共识，KeepAwake应用程序对于普通学生来说是最实用的应用程序，但它并没有得到很好的认可，这可能是因为该应用程序在视觉上并不像其他应用程序那样充实。 主页工作得非常好，大部分用户在浏览我们的网站时都没有遇到任何麻烦。 学生中心尽管是一个简短的项目，却引发了一些有趣的想法，这些想法对需要帮助的学生确实有帮助。
GitHub链接：https://github.com/jyxiao1/hci-wellbeing
视频链接：https://youtu.be/KVKjx0HsN3A
