NoCode 实战 | 零代码应用开发,轻松搞定任务跟踪管理难题(下)

2021年09月15日 阅读数:2
这篇文章主要向大家介绍NoCode 实战 | 零代码应用开发,轻松搞定任务跟踪管理难题(下),主要内容包括基础应用、实用技巧、原理机制等方面,希望对大家有所帮助。

image.png
「关注」并「星标」咱们,
天天接收关于亚马逊云科技的最新资讯!编程

为了敏捷适应业务快速发展对数字化系统的需求,提升企业数字化转型速度,减小对专业技术和人才技能的依赖,全球范围内,NoCode 开发已经进入了快速增加期。segmentfault

Gartner 曾表示,到 2024 年,低代码和无代码工具将占到企业内部全部应用开发的 65%;同时 Forrester 也预计,到 2024 年,低代码应用工具将发展成为一个规模达到 210 亿美圆的市场。架构

在这样的趋势下,亚马逊云科技推出了 Amazon Honeycode 这项新服务。使用该服务,任何人无需编码便可构建移动和 Web 应用程序。在 NoCode 实战系列上篇,咱们介绍了基于 Amazon Honeycode 开发一个任务跟踪管理应用的过程当中,该如何肯定所要实现的功能,创建数据模型和数据表,以及如何将表连接在一块儿。错过的小伙伴儿能够点击下方图片回看哦~app

image.png
点击图片,阅读《NoCode 实战 | 零代码应用开发,
轻松搞定任务跟踪管理难题(上)》框架

做为下篇,今天的内容咱们将以此为基础
经过 Amazon Honeycode 五步迭代法
介绍如何使用 App Builder
为任务追踪系统建立移动和 Web App!运维

小Tip
本文是 NoCode 专栏的第三篇(共八篇),敬请期待咱们接下来的内容哟~分布式

App 功能定义

一样须要使用 Amazon Honeycode 服务构建移动和 Web App,无需编程且支持 iOS 和 Android 平台。在上篇中,咱们提到任务追踪与管理系统的功能目标:微服务

image.png

其中与 App 有关的是前两点,即利用 App Builder 从团队成员和主管两个不一样的角度构建交互式用户体检。进一步具体从团队成员和主管两个不一样角度来分析 App 的功能点:工具

image.png

所以,咱们须要使用 Amazon Honeycode 的 App Builder 制做 2 个不一样角度的 App:测试

● 任务追踪(员工版)App
● 任务追踪(主管版)App

Amazon Honeycode 的 App Builder 是一种动态、灵活且易于定制的 App 制做工具,可将表格数据转换为功能强大的交互式移动和 Web App,无需编程且支持 iOS 和 Android 平台。 App Builder 提供了两种建立 App 的方式,一种是从零(from scratch)开始,另外一种是经过设置向导(app wizard)。

image.png

为了让读者更清晰了解二者的差别,咱们决定任务追踪与管理系统的员工版 App 采用从零开始的方法,而主管版 App 采用设置向导。

建立员工版App

从零开始的 App 制做方法,界面设计、元素形态、数据对象以及属性设置等等都要本身亲手来定义。

image.png

如下是任务追踪与管理系统员工版 App 的制做过程:

image.png
image.png

查看员工版App

点击右上角的“View app”;

Web App

image.png

移动 App:

image.pngimage.pngimage.png

建立主管版App

主管版 App 的制做与员工版 App 有较大的不一样,主要在于界面的设计,即 Amazon Honeycode的App Builder中所定义的“screen”将会有三种,包含项目信息、任务信息和团队信息。这里以任务信息为例:

一、单击Builder > App+> 选择 App Wizard

image.png

二、选择“Source:”为Tasks,重命名“List screen name:”为“任务信息”,还可经过点击“x”按钮删除不想看到的列,单击并拖动对列进行从新排序;

image.png

三、单击“Next”以查看“Task: detail screen”,重命名 “Detail screen name”为 “任务项描述”,并经过单击每行旁边的铅笔按钮,使“截止日期”,“状态”,“优先级”,“执行人”行可编辑

image.png

四、单击“Next”,查看“Tasks: form screen”,将其重命名为“新增任务项”,而后单击“Done”;

image.png

五、重命名“App name:”为“任务追踪(主管版)”;

image.png

六、而后点击“+Add screens”,以此类推增长项目信息和团队信息两个“screen”;

image.png

七、单击“Done”。

image.png

这里主管版 App 的架子都已经搭好了,不过仍有一些地方须要调整的:

一、连接产生三个界面(screen)须要调整描述:

image.png

二、清空员工信息中“人员姓名”的相关连接

image.png

查看主管版App

点击右上角的“View app”,以移动App为例:

image.pngimage.pngimage.png
点击图片查看大图

而后咱们为项目“皋亭”添加了一个“九华山功能开发”的任务,且任务状态为“还没有开始”,再点开“项目信息”的界面,其中“皋亭”项目的进度从 25% 变成了 12.5% ,如预期同样。

image.pngimage.png
点击图片查看大图

添加告警和提醒

在上篇中,咱们提到任务追踪与管理系统的功能目标:

image.png

剩下自动提醒和告警的功能须要实现,利用 Amazon Honeycode 的 Automations 就很容易实现,支持的触发条件包括:定时任务到期、行列变动、单元格变动等。例如:针对任务项的“截止日期”,设置“提前一天”提醒团队执行该任务的员工。

image.png
image.png

最后一步,该任务追踪与管理系统就能够交付应用测试,与团队共享,并持续迭代了。

朋友们,看完了以上详细的步骤
让咱们看看下面这个视频
一块儿再次回顾下操做步骤吧!

虽然这是一个轻量级任务追踪与管理系统,但实际的状况是麻雀虽小五脏俱全。若是采用传统的开发方式,须要雇用全栈工程师进行耗时的定制开发,或者购买昂贵且适配性有限的商业产品。如今借助 Amazon Honeycode 这样的 NoCode 平台,这样的任务追踪与管理系统,很快就能够上手制做,并且都是在 UI 界面上进行操做,直观易用。

上下两篇以轻量级任务追踪与管理系统为例,详实地介绍了如何使用 Amazon Honeycode 设计和实现一个 NoCode 应用。这里也推荐你们尝试采用相似方法,来变革过去难用低效的工具和系统。

本文做者介绍

image.png

黄帅
亚马逊云科技专业服务部
架构现代化咨询顾问

他负责企业级客户的云上现代化架构设计和优化、XOps 组织以及运维现代化的转型咨询和实施。在软件研发领域有十多年架构设计、运维及团队管理经验,对 XOps、微服务治理框架、云原平生台运维现代化、大规模分布式系统的可观测性构造与混沌工程实践等有深刻的研究和案例经验。
END