DataFun-上午-4th-騰訊內容標注場景下的通用前端實踐-carvenzhang(張嘉永).pdf

1、騰訊內容標注場景下騰訊內容標注場景下的通前端實踐的通前端實踐張嘉永張嘉永 騰訊騰訊 前端開發程師前端開發程師|01背景介紹內容標注是人工智能的重要環節02問題與挑戰內容標注多樣性解決方案面向內容標注的低代碼平臺04未來規劃平臺化、垂直深挖目錄CONTENT|03|01背景介紹內容標注是人工智能的重要環節背景介紹背景介紹內容標注是智能的重要環節內容標注是智能的重要環節|AI數據算算法標注|02問題與挑戰內容標注多樣性問題與挑戰問題與挑戰內容標注多樣性內容標注多樣性|內容形式多樣性：本圖頻視頻頁標注形式多樣性：分類識別采集相關性內容產專項開發模式成為平臺瓶頸開發頻繁介代碼臃腫難維護發布頻繁有風險研

2、發產出效率低標注能盒新難運營難決策產品難對接天撐天撐20+20+標注頁標注頁？量標注需求建和調整，開發成為瓶頸？量標注需求建和調整，開發成為瓶頸每天更新每天更新，不斷卷，不斷卷CR/CR/測試測試業務對接頻繁咨詢開發業務對接頻繁咨詢開發，分散量精，分散量精代碼不斷發散增長代碼不斷發散增長，維護難度不斷增，維護難度不斷增業務需求開發測試.上線|03解決方案Combinator面向內容標注的無代碼平臺|3.13.1 案總覽案總覽向場景向場景關注點關注點搭建體驗搭建體驗頁拼裝頁拼裝開源案開源案頁搭建頁搭建頁樣式靈活頁樣式靈活事件處理靈活事件處理靈活配置配置代碼介代碼介多維度配置多維度配置標注場景標注

3、場景訴求訴求表單搭建表單搭建表單數據流通表單數據流通簡單專注簡單專注開發使開發使引引擎擎物料物料協議協議數據數據建設專注于內容標注領域的動態模板平臺|3.13.1 案總覽案總覽-基礎架構基礎架構組件庫組件庫提供了系列節點的具體實現提供了系列節點的具體實現渲染器渲染器封裝不同封裝不同UIUI框架的渲染引擎框架的渲染引擎數據引擎數據引擎提供最核的數據綁定與計算能提供最核的數據綁定與計算能combinatorcombinatorCombinatorCombinator-reactreactReactReact-ComponentComponent-commoncommonReactReact-Com

4、ponentComponent-specialspecialCombinatorCombinator-vuevueVueVue-componentcomponent數據數據協議協議節點樹節點樹物料物料節點樹節點樹標注區標注區通過通過UIUI與戶進交互，與戶進交互，并與節點樹同步數據并與節點樹同步數據數據數據RxJScontainercomponent3.13.1 案總覽案總覽-業務流程業務流程3.23.2 易性設計易性設計 設計端易性設計端易性重UI，弱邏輯輕配置，提升設計端易性輕配置，提升設計端易性即拖即向開發者實時演3.23.2 易性設計易性設計 開發端易性開發端易性類型定義作為組件參聲明

5、作為設計端配置typescripttypescriptjsonjson-schemaschema配置元信息配置元信息通過程設計，碼多，提升開發效率通過程設計，碼多，提升開發效率3.23.2 易性設計易性設計 開發端易性開發端易性storiesstoriesDemoDemo datadata數據源數據源作為本地驗收例作為線上模擬數據通過程設計，碼多，提升開發效率通過程設計，碼多，提升開發效率3.33.3 協議拓展協議拓展 基于協議成基于協議成DemoDemo數據數據templateinputoutputpreviewData預覽Demo件基于模板協議基于模板協議的延伸，提效各個產環節的延伸，提效

6、各個產環節任務端通過模板協議，動化實現數據例、模板預覽流程3.33.3 協議拓展協議拓展 基于協議進數據驗證基于協議進數據驗證數據數據任務任務輸輸輸出輸出模板模板格式格式必填必填過濾過濾驗證驗證基于模板協議基于模板協議的延伸，提效各個產環節的延伸，提效各個產環節任務流通過模板協議，實現數據的動化驗證處理任務上線后發現數據對不上？任務上線后發現數據對不上？多余數據流，浪費資源？多余數據流，浪費資源？3.43.4 多平臺接多平臺接 微前端化微前端化多端頻繁更新，牽扯和協調問題重復實現上層邏輯差異化樣式邏輯互相影響接流程繁瑣接平臺增多，暴露問題服務能微前端化封裝業務層微前端次接，須維護多平臺統邏輯，

7、主更新提供質量監控平臺級能樣式隔離，邏輯隔離3.53.5 多業務共建多業務共建 輕量化共建鏈路輕量化共建鏈路業務專項標注怎么處理？提供共建模式完整的組件市場太過復雜？結合內部態，提供輕量化鏈路提供開發方案提供構建鏈路提供產物存儲Git提供demo倉庫克隆demo倉庫，提供開發案提供標準化devops構建模板填組件倉庫地址和相應ID，即可主化構建各組件庫獨CDN，使端通過統按需加載構建產物落地CDN缺少資源投？分析關鍵路徑，提供輕量化共建鏈路3.63.6 端數據轉換端數據轉換 個性化數據源適配個性化數據源適配數據即取即數據即取即基于私密性考慮，業務不希望將數據存儲在服務平臺時效性數據需要即取即實時簽名、解密的信息inputexchange數據源設置字段的轉換格式渲染端收集待轉信息實時調接進轉換重新賦值給原字段開發端接口支撐統一化設計端簡易設置協議化渲染端收集轉換數據化|04未來規劃平臺化、垂直深挖未來規劃未來規劃平臺化、垂直深挖平臺化、垂直深挖|平臺化平臺化化零為整，整合各個環節的能化零為整，整合各個環節的能提供組件、態、解決案提供組件、態、解決案垂直深挖垂直深挖實現標注場景更靈活的拼裝能實現標注場景更靈活的拼裝能引智能輔助能，提效標注場景引智能輔助能，提效標注場景常感謝您的觀看常感謝您的觀看|