前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >低代码开发AI行业应用前端UI,全景低代码开发

低代码开发AI行业应用前端UI,全景低代码开发

作者头像
zhaoolee
发布2021-07-08 15:31:09
1.7K0
发布2021-07-08 15:31:09
举报
文章被收录于专栏:木子昭的博客木子昭的博客

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, 进行二次开发

小结

各种云厂商研究客户需求, 提供更接近开箱即用的产品, 对于前端工程师,低代码是趋势,通过提供拖拽式交互,让非专业用户,也能获得自己需要的可视化页面,减少了前端工程师的工作量,也提升了行业的入门门槛。

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1. 泛前端视角下企业AI落地的趋势和痛点
    • AI行业应用将由单点能力比拼进入方案和产品整体能力比拼阶段
    • 2. 面向行业场景的前端UI全景低代码搭建方案
      • 全景 = 全UI技术栈 + 全UI生命周期
      • 3. 面向行业的无代码搭建方案Aladdin及应用案例介绍
      • 4. 面向行业的前端物料中心D+及应用案例介绍
        • 如何保证行业对行业设计规范及行业类组件、模板、图标的认可?
        • 5. 可视计算引擎UVisEngine及应用案例介绍
          • 可视计算引擎的研发动机
            • Gamma 二三维可视化语法
              • Vis Artiest - 所见即所得的可视化组件构建界面
                • UVE kernel - 可视计算API
                  • UVE引擎使用方式
                  • 小结
                  领券
                  问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档