基于HTML5的交互式航空维修培训

杨如意

摘要：采用HTML5交互式体验代替传统的培训方式，这是一种以兴趣为导向的新型航空维修培训方式，将员工的被动学习转为主动学习，为民航维修培训体系提供了新思路。

关键词：HTML5；航空维修；培训大纲；全景漫游

Keywords：HTML5；aviation maintenance；training program；virtual tour

1 HTML5与航空培训的契合

随着互联网与新型技术的发展应用，现代培训产业的教学手段越来越多，有涉及采用火热的短视频方式进行教学的，亦有用VR进行沉浸式教学的，更甚者采用元宇宙的教学手段。反观航空业的培训，教学形式过于单一，没有创新的教学方式发布，一直采用PPT或PDF等文档型格式进行理论学习。显然这种形式的教学效果有一定的局限性，无法进一步拓展当前的维修培训方式。如何激发民用航空器维修学员的学习兴趣，从被动学习转为主动学习，是每一位教员都在思考的问题。HTML5的诞生恰巧满足了当前的培训使用环境，其呈现内容丰满，趣味性和用户黏性都是传统PPT方式无法比拟的，维修人员工作或休息的过程中，随时随地均可通过手机或电脑等设备进行查阅、学习。

HTML5的全称是Hyper Text Markup Language 5，属于前代HTML4的更迭产品，可实现与用户的交互操作，也可代替Flash和Silverlight，同时应用于游戏和移动端程序的开发，也可以制作交互式维修培训内容，如全景漫游与全景视频的仿真练习、飞机系统的模拟操作与演示、基于飞机维修场景的培训和测试发布等。

HTML5的强大功能可作为《维修人员训练大纲》中理论培训的辅助手段，如制作全景漫游，在《A320机型理论培训》课程中介绍部件位置与功能讲解，在《人为因素》课程中制造相关场景模拟差错案例等。同时，HTML5也适用于《维修人员训练大纲》中的实作课程，如在《地面勤务OJT》中采用360全景视频进行接机模拟训练，或是制作一些电门操作演示的机型带教OJT等。此外，在模拟训练过程中添加一定的考核内容，可进一步加强培训质量。

2 HTML5的交互应用

根据上述设想，基于全景照片发布了第一版交互式全景A320教学的HTML5应用，可用于手机、电脑等多设备端口。

首先，用手机端相连的全景摄像头和专用全景照相机，在驾驶舱、客舱、机身下方、轮舱和发动机等位置拍摄了30多幅全景照片，作为全景教学的全景素材。由于不同的设备可能造成拍摄时底部三脚架出现在全景图片中，因此通过Photoshop中的3D球面全景功能对照片进行适当修剪或增加logo标签等操作（见图1）。

完成照片采集工作后，必须使用相应的可以输出HTML5的VR软件导出图片。市面上可供选择的软件较多且比较完善，大致分为线上直接发布和本地导出两大类。线上发布如360VR或720云等可直接在网页端生成，优点是无需学习，软件容易且输出方便，完成后可直接使用并生成网址，但功能较少，且服务器并非本公司所有，有一定的风险。本地导出可采用Adobe captivate或Pano2VR等软件，缺点使用难度比网页版稍高，但其功能强大，本地导出后可在公司内网搭建服务器使用。因此，全景A320漫游选用了Pano2VR软件进行编写，下面进行详细说明。

打开Pano2VR软件，将已经修订过的照片全部导入导览浏览器中，通过预览窗口添加指定热点，在图片中空白区域双击创建热点，并在属性界面将类型设置为导览节点，链接目标网址更改为需要链接进出的全景图片名称。循环制作多个热点，分别在飞机的机头、发动机、机翼等多个点处设置热点，确保每张图片都有多个进入和出去的热点，方便学员在学习时自由选择。如此，初步供浏览的全景漫游图就生成了，点击输出HTML5，并选择需要输出的文件夹，但当前的漫游图并没有任何可供学习的资料，仅能用于点击想要去的区域实现浏览飞机整体外貌的目的。

为了方便学习，采用了四种类型的学习资料作为全景教学的素材，分别为PDF格式的文档、MP4格式的视频、HTML格式的3D图、一个用于模拟交互的HTML5文件包。PDF主要用于驾驶舱的电门ECAM学习以及机下部件的识别，其中包含FIN号、检查要点、部件简单介绍以及MEL保留相关内容。MP4主要是一些勤务工作的视频，便于维修人员直观地学习视频完成相关的勤务工作。3D图为飞机上一些零部件，由机械制图软件绘制、导出HTML文件生成，维修人员可在网页中进行零部件的自由分解装配，学习零件构造和拆装。HTML文件包为额外制作的MCDU模拟器，是采用不同于全景方式的另一款软件生成的HTML5文件包，方便维护人员学习MCDU的相关测试。

以上资料准备好后，需要建立 HTML的相互链接，以便在之后的使用过程中通过点击相关部件进行显示。将以上文件分类放入之前输出的HTML5文件夹内，以便使用。添加热点，在属性界面中类型选择网址下，将标题改成当前部件的名称，并在链接目标网址中写上当前PDF的相对位置。此方法同样适用于HTML格式的3D图与文件包，这些类型均属于外部网址类型链接，使用时均会打开一个新网址链接。如果是视频格式，因为涉及到自带播放器播放视频，需要在类型处选择视频，并且在链接目标处直接导入视频。这样，带有学习功能的全景漫游就已经完成。为了快速找到相应的区域，还需要在左右上角加入快速导航图，或者快速通道的链接，此部分需用PS软件，生成飞机等图片软件，并在全景软件的皮肤编輯器中导入，并设置锚点或链接。

完成相关制作并搭建服务器后，培训学员可直接输入网址打开HTML5页面，通过点击去往飞机各个区域，点击各个部件显示相应的名称、描述以及相关MEL的介绍。与pdf相比，基于HTML5的交互式培训方式在增添了互动趣味性的同时，更加精确到了具体的定位点，可以360°无死角观看整个飞机区域，沉浸感与立体感较强，便于学员进一步理解和记忆。

3 HTML5的使用反馈

在相关全景HTML5发布后，为了更方便地进行持续性管理，对使用情况进行了后台统计，为取得较长时间的样本数，按照每周一次进行统计。从实际反馈来看，除了刚开始第一周有近九百次的登录访问数据外，后续每周的访问量一直处于200～300次的稳定区间。反观PDF与PPT的非强制学习文件的下载量，仅仅处于100次以内的较低水平。由此可以看到，在自学培训过程中， HTML5的方式更容易接受，也更有使用持续性，一线工作人员普遍反馈使用效果好。

4 未来与展望

航空器维修培训不能仅仅满足于制作相关PPT等文档，或是机械地完成《维修人员训练大纲》中的规定课程，若想达到良好的培训效果以及培养员工真正热爱学习、主动学习的习惯，得从HTML5等新型学习方式上寻求突破。为了进一步发掘HTML5在培训方面的良好应用，还需要更多的航空公司加入和不懈努力，相信未来必定能达成虚拟排故、模拟测试、互动教学等多方面的应用，进一步推动多元化民用航空培训教学。