2021年, 大量行业的业务逐渐通过Web进行管理, 随着业务的扩展,前端页面内容的迭代,也成了刚需, 而传统的Web开发方式成本高, 且规范不统一, 前端UI全景低代码开发逐渐成为面向未来的Web技术.
1. 泛前端视角下企业AI落地的趋势和痛点
AI行业应用将由单点能力比拼进入方案和产品整体能力比拼阶段
你有我有全都有： 拥有头部AI能力和资源的服务商在相对成熟场景的单点技术能力日趋同质化
- 人才同质化
AI人才来源，性质和水准无本质差异， 归属一个圈子。
- 应用场景和业务同质化
相对成熟的AI应用场景，普遍适用于各AI服务商的业务，日趋于迁移复制。
- 能力同质化
面向相似的业务场景，同一批人研发出类似的能力和服务。
单点比拼到整体比拼，从Know-How到Wow： AI使能行业进入深水区，需求快速增长，场景复杂多样，业务纵深加速，同质化的单点能力不足以构筑差异化竞争力。
底层能力，行业理解与用户整体体验都要硬
用户看的不是你有某种能力， 而是你是否和他有共同语言，是否有某种产品可以轻松，专业，低价，可控地解决他面临的问题。用户不想读产品说明书，也不想了解产品细节，只想开箱即用，多快好省地解决问题。
用户需要一种交通工具，安全舒适地1小时从深圳到北京，如果你提供一种10000匹马的马车，那用户肯定不能买账，如果你提供一张机票，那用户愿意买单。
前端对专业领域的能力和诉求和效率诉求进入新阶段
多样化的场景，导致传统UI思想和技术无法满足业务诉求，需求的快速变更成为常态，而传统的UI开发成本居高不下。传统前端水平参差不齐，又没有面向行业场景的规范，行业对图形专业能力有迫切需求，但传统前端人才不具备此种能力，而且传统图形库和可视化组件极其不灵活，二次开发成本超高。新时代的前端工程师，需要计算机图形学在Web前端落地。
2. 面向行业场景的前端UI全景低代码搭建方案
全景 = 全UI技术栈 + 全UI生命周期
全UI技术栈：数据可视化和图形学专业领域 + 前端工程化领域
前端+数据可视化 + 数据交互分析 + 数据处理 + 数据可视化算法 + 数据设计与表达 + 可视计算与图形化算法 + 产品设计 + UX设计 + 美术 + 建模特效粒子等三维技术
全UI技术栈生命周期： 构建组件及视图 + 完成组件模板库 + 构建系统界面
3. 面向行业的无代码搭建方案Aladdin及应用案例介绍
面向非编码角色：提供交互式可视化的，无代码前端系统原型设计。
面向编码角色：提供面向行业场景的规范组件，以及低代码的开发方案。
允许自由布局
支持自由拖拽，像素级布局，提供类似Axure和Sketch的自由画布体验。
允许组件联动
实现具有跨组件业务逻辑的动态页面搭建
提供行业模板
内置大量行业组件和模板，快速复用前端一侧的行业模型
Mock数据
提供预定义的mock数据，也支持用户自定义Mock数据
导出对开发友好的前端代码
设计即代码，方便对设计代码进行二次开发
4. 面向行业的前端物料中心D+及应用案例介绍
D+产品架构： 行业设计规范 + 组件库 + 模板库 + 图标库
组件库/模板库/图标库： 行业类（做难事必有所得） + 通用类
如何保证行业对行业设计规范及行业类组件、模板、图标的认可？
答曰： 从行业中来，到行业中去。面向行业的前端物料中心，应该对已落地的的行业组件进行封装，抽象提炼行业通用组件和模板，实现对业务、设计、开发的高效复用。
5. 可视计算引擎UVisEngine及应用案例介绍
可视计算引擎的研发动机
数据可视化正由 简单的，结构化视图向复杂的定制化视图进行转型，那实现复杂定制化的视图的过程中 人如何与计算机对齐？
方案：通过交互（Excel）或编程式(WebGL, OpenGL, Mat4, Three)的可视化工具实现可视化视图
现有的视化工具存在的问题
- 欠缺渲染三维的能力
- 只支持三维不支持二维
- 性能不行，数据量大，就扛不住了
- 复杂图形定制程度低
- 视觉编码不开放
Gamma 二三维可视化语法
通过流程式的组装方案引导开发者创建可视化视图
数据预处理 -> 数据转换 -> 数据映射 -> 视觉编码 -> 交互指定
- 同时支持二维和三维
- 比D3JS，语义更清晰
- 比Echart， 自由度更高
- 支持数据交互绑定
- 支持复杂的嵌套图表
- 支持多图表绘制
- 可创建多种多样的坐标轴
- 支持多种渲染器，提升渲染大量数据的效率
Vis Artiest - 所见即所得的可视化组件构建界面
基于Gamma构建，通过交互搭建，大大降低学习成本。
提供大量优秀案例，方便二次开发。
同步生成开发友好的代码。
支持交互式搭建和调整参数。
UVE kernel - 可视计算API
经典场景
- 城市视点全景漫游
- 千万级几何元素渲染（全球实时云层绘制）
- 风格化特征库与实时风格化渲染（实时把3D导航地图渲染为赛博朋克风，白描风格，线框图风格）
- 虚实混合（通过不同角度的2D摄像头，实时绘制出三维城市）
UVE引擎使用方式
-
直接编写Gamma语法的js程序，实现可视化视图
-
使用 Vis Artiest进行交互式组件开发
做数据新闻
- 基于组件库的js, 进行二次开发
小结
各种云厂商研究客户需求， 提供更接近开箱即用的产品， 对于前端工程师，低代码是趋势，通过提供拖拽式交互，让非专业用户，也能获得自己需要的可视化页面，减少了前端工程师的工作量，也提升了行业的入门门槛。
本文整理自【华为云社区内容共创】第五弹之 AI行业应用的前端全景UI低代码开发 活动详情：https://bbs.huaweicloud.com/blogs/278686 视频回看地址 AI行业应用的前端全景UI低代码开发