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 多平台接多平台接 微前端化微前端化多端频繁更新，牵扯和协调问题重复