近年来中国经济高速发展,其中轨道交通起着至关重要的作用,轨道交通不仅将中国遥远的区域连接起来,同时也是许多城市公共交通的首要建设内容。在此背景下轨道交通运营的稳定性和安全性就显得愈发重要,而其运营系统的核心部分便是轨道交通列控系统,该系统是轨道交通运营调度人员进行列车监控和调度的主要途径。在当前的轨道交通领域中,各大厂商均有着较为成熟的轨道交通列控系统解决方案,但这些方案大多是基于计算机C/S结构的PC桌面应用。而随着Web前端技术和浏览器的发展,基于计算机B/S结构的Web应用在功能和性能上都越来越接近桌面应用。如何帮助轨道交通列控系统开发出基于浏览器的人机交互界面是本文的主要研究内容。本文针对轨道交通领域的特点,基于JavaScript语言、HTML5 C anvas技术、WebSocket协议、插件架构模式等技术设计了一款应用于轨道交通列控系统的人机交互框架。首先本文采用软件体系结构分析方法SAAM对软件架构进行分析,以轨道交通列控系统人机界面的需求为出发点抽象出多个场景模型,根据场景模型对软件开发中几款常用的架构模式进行分析,并根据公式计算出其综合分数。基于架构模式的分析论证结果,本文结合MVC架构模式和插件架构模式设计出了框架的总体架构,并依据框架功能划分为四个模块:组件模块、动画模块、通信模块和辅助模块。接着本文依次对各模块中的功能点进行了详细设计,并详述了其内部的工作流程。然后本文借助于该人机交互框架设计了一款轨道交通列控系统的人机界面,通过该界面的设计和实现,对人机交互框架的功能进行了验证。最后对本文的工作内容进行了总结并指出了后续的改进方向。