藉助 AEM Sites 為航空業客戶打造即時航班狀態查詢頁面
客戶介紹
客戶總部設於香港，專注為旅客提供往來粵港澳大灣區與亞太地區的優質航空服務。作為一家新興且具活力的航空公司，客戶始終以客戶需求為核心，積極推動數碼創新，致力於提升旅客出行體驗及服務效率，在激烈的市場競爭中保持領先地位。
解決方案
AEM Sites
項目背景
航班狀態功能是一個整合到客戶Adobe Experience Manager (AEM)平台中的全新網頁組件，旨在透過與飛友科技航班動態調用接口API-V4.0的整合，為旅客提供即時航班資訊服務。該項目實現包含以下關鍵組件：用於API整合與緩存機制的App Builder項目、用於展示航班資訊的AEM航班狀態組件、具備航班號與航線查詢功能的航班狀態網頁、用於營運更新的管理員備註功能，以及用於客戶互動的上下文Banner組件。
面臨挑戰
- 第三方API整合複雜：需與飛友科技航班動態API深度整合，當中涉及數據格式轉換、緩存機制搭建及錯誤處理等複雜流程。
- 多語言支援需求：為服務不同國家及地區旅客，需實現英文、繁體中文、日語、韓語、泰語五種語言的全面支援。
- 響應式設計挑戰：需確保航班查詢功能在桌面端、流動端均能提供一致且優質的用戶體驗。
- API調用成本控制：第三方API按調用次數收費，需設計有效的緩存策略以合理控制成本。
- 系統安全與穩定性：需保障後端系統免受惡意請求攻擊，同時確保服務具備高可用性。
項目目標
即時航班查詢
透過整合飛友科技API，為旅客提供精準的航班起降時間、客運大樓、登機閘口及狀態資訊。
多語言國際化
支援英文、繁體中文、日語、韓語、泰語五種語言，覆蓋主要客源市場。
提升用戶體驗
提供響應式設計，確保桌面端與流動端用戶均獲得一致且優質的查詢體驗。
成本優化
透過智能緩存機制減少API調用次數，有效控制營運成本。
系統可擴展性
基於AEM平台的組件化設計，為日後功能擴展奠定基礎。
我們的解決方案
1. Leads Technologies團隊以Adobe Experience Manager (AEM) Cloud Service為核心技術平台，配合Adobe App Builder，歷時約8周，成功為客戶研發全新航班狀態查詢系統，主要交付物包括：
- 即時航班狀態查詢組件：研發可重複使用的AEM「Flight Status」組件，支援「按航班號查詢」與「按航線查詢」兩種模式，整合飛友科技航班動態調用接口API-V4.0，即時獲取並展示航班關鍵資訊。
- 智能緩存機制：在AEM後端部署可配置的智能緩存機制（當前設置為5分鐘），有效減少外部API調用次數，既能保障數據時效性，又能大幅降低API調用成本。
- 五語言國際化支援：依托AEM的i18n國際化框架，採用Excel工具管理翻譯內容，配合Live Copy機制同步各語言版本。
- 響應式UI/UX設計：為桌面端及流動端度身打造自適應界面，針對航班延誤、取消等不同狀態設計清晰視覺提示。
- 靈活的內容管理功能：提供管理員備註功能及可配置的上下文Banner組件，支援展示「管理預訂」等行動按鈕。
2. 系統架構流程圖
3. UI/UX設計
4. 我們方案具有以下的特點：
- 即時數據同步：整合飛友科技API，提供精準的航班動態資訊。
- 多語言支援：支援5種語言，包括英文、繁體中文、日語、韓語、泰語。
- 智能緩存機制：採用可配置緩存策略（當前為5分鐘），平衡數據時效性與成本控制需求。
- 響應式設計：適配桌面端與流動端，提供一致的用戶體驗。
- 後端安全防護：API密鑰存儲於後端，透過緩存層防護惡意請求。
- 靈活內容管理：管理員可配置備註資訊及上下文Banner組件。
項目成果
本項目於2025年11月12日成功上線，取得以下顯著成果：
100%範圍交付
6項核心功能均按工作說明書（SoW）要求完成交付。
99%系統可用性
上線首周系統穩定運行，未出現重大故障。
零嚴重缺陷
無重大缺陷（Bug），未因系統問題引發服務中斷。
API成本優化
緩存機制有效減少API調用次數，降低營運成本。
100%文檔交付
工作說明書（SoW）、上線計劃（Rollout Plan）、培訓材料等均按時交付。
結論
該項目實現了卓越成果。透過與Leads Technologies的緊密合作，客戶成功構建了高效、穩定、多語言的航班狀態查詢系統，為日後整合Google Analytics、Adobe Analytics、Adobe Target A/B測試、繁簡體自動轉換及Dynamic Media性能優化等增強功能奠定了穩固基礎。如需了解更多航空數碼化解決方案或Adobe Experience Manager實施服務，歡迎與我們聯絡！
