基于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在培訓方面的良好應用，還需要更多的航空公司加入和不懈努力，相信未來必定能達成虛擬排故、模擬測試、互動教學等多方面的應用，進一步推動多元化民用航空培訓教學。