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

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

小结

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

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,088评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,715评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,361评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,099评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 60,987评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,063评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,486评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,175评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,440评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,518评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,305评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,190评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,550评论 3 298
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,880评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,152评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,451评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,637评论 2 335

推荐阅读更多精彩内容