本文是NoCode专栏的第三篇，也是基于Amazon Honeycode轻量级工作追踪和管理系统设计与实现的下篇。

  • 《NoCode 热身系列：你筹备好了吗？》
  • 《NoCode热身系列：实现一个工作跟踪与管理系统（上）》

关键字：Amazon HoneyCode, NoCode, NoCode热身系列, 低代码, Honeycode, Builder, Hello World

前文回顾

在上篇中，咱们实现了工作追踪与管理系统的以下局部：

  1. Honeycode入门
  2. 工作追踪利用的性能指标设置
  3. 数据模型的定义
  4. 数据表的创立
  5. 表链接的建设

依据Amazon Honeycode五步迭代利用构建法，

  1. 定义要构建的应
  2. 在Tables中定义数据模型
  3. 在App Builder中建设用户体验
  4. 增加Automations工作流程
  5. 利用测试，与团队共享，继续迭代

本文接下来会介绍如何应用App Builder为工作追踪零碎创立挪动和Web App。

App性能定义

同样须要应用Amazon Honeycode服务构建挪动和Web App，无需编程且反对iOS和Android平台。在上篇中，咱们提到工作追踪与管理系统的性能指标：

  • 用于团队成员跟踪我的项目中各自的工作
  • 用于主管跟踪与治理团队在我的项目中的工作
  • 向团队成员发送主动揭示和告警

其中与App无关的是前两点，即利用App Builder从团队成员和主管两个不同的角度构建交互式用户体检。进一步具体从团队成员和主管两个不同角度来剖析App的性能点：

  • 团队成员的角度：
  1. 能浏览我的项目中各自工作的形容信息
  2. 能调整我的项目中各自工作的某些字段，如：截止日期、状态、执行人等
  • 主管的角度：
  1. 能浏览团队成员所有的工作项信
  2. 能浏览团队所有的我的项目信息
  3. 能浏览团队的员工信息
  4. 能通过工作项的链接，浏览对应的我的项目信息
  5. 能通过我的项目的链接，浏览对应的工作项信息
  6. 能通过人员的链接，浏览对应的工作项信息
  7. 能调整工作项的某些字段，如：截止日期、状态、优先级、执行人等
  8. 能调整我的项目的某些字段，如：启动日期、完结日期、负责人等
  9. 能调整员工信息的某些字段，如：座位、电话、部门等
  10. 能增加和删除我的项目、工作项和员工信息

因而，咱们须要应用Amazon Honeycode 的App Builder制作2个不同角度的App：

  • 工作追踪（员工版）App
  • 工作追踪（主管版）App

Amazon Honeycode的App Builder是一种动静、灵便且易于定制的App制作工具，可将表格数据转换为功能强大的交互式挪动和Web App，无需编程且反对iOS和Android平台。 App Builder提供了两种创立App的形式，一种是从零（from scratch）开始，另一种是通过设置向导（app wizard）。

为了让读者更清晰理解两者的差别，咱们决定工作追踪与管理系统的员工版App采纳从零开始的办法，而主管版App采纳设置向导。

创立员工版App

从零开始的App制作方法，界面设计、元素状态、数据对象以及属性设置等等都要本人亲手来定义

以下是工作追踪与管理系统员工版App的制作过程：

  1. 单击Builder > App+> Build your own
  2. 单击顶部的“App1”，并将其重命名为“工作追踪（员工版）”
  3. 双击“Screen name”，并将其重命名为“工作追踪（员工版）”
  4. 单击“ +Add objects”>“Column list”
  5. 在“Insert column list”弹出窗口中，抉择List source: Tasks，而后单击“Create”
  6. 单击“状态”列下的“实现”文本，这会在右侧关上一个“DATA CELL PROPERTIES ”面板。 选中“Editable”复选框
  7. 对“截止日期”和“执行人”列下的单元格，反复第6步

查看员工版App

点击右上角的“View app”
Web App：

挪动App：

创立主管版App

主管版App的制作与员工版App有较大的不同，次要在于界面的设计，即Amazon Honeycode 的App Builder中所定义的“screen”将会有三种，蕴含我的项目信息、工作信息和团队信息。这里以工作信息为例：

  1. 单击Builder > App+> 抉择 App Wizard

  1. 抉择“Source:”为Tasks，重命名“List screen name:”为“工作信息”，还可通过点击“x”按钮删除不想看到的列，单击并拖动对列进行从新排序

  1. 单击“Next”以查看“Task: detail screen”，重命名 “Detail screen name”为 “工作项形容”，并通过单击每行旁边的铅笔按钮，使“截止日期”，“状态”，“优先级”，“执行人”行可编辑

  1. 单击“Next”，查看“Tasks: form screen”，将其重命名为“新增工作项”，而后单击“Done”

  1. 重命名“App name:”为“工作追踪（主管版）”

  1. 而后点击“+Add screens”，以此类推减少我的项目信息和团队信息两个“screen”。

  1. 单击“Done”。

这里主管版App的架子都曾经搭好了，不过仍有一些中央须要调整的：

  1. 链接产生三个界面（screen）须要调整形容：
  • 我的项目信息下的task detail，重命名为“工作项形容”
  • 工作信息下的project detail，重命名为“我的项目形容”
  • 团队信息下的task detail，，重命名为“工作项形容”
  1. 清空员工信息中“人员姓名”的相干链接

此时主管版App实现制作。

查看主管版App

点击右上角的“View app”，以挪动App为例：

而后咱们为我的项目“皋亭”增加了一个“九华山性能开发”的工作，且工作状态为“尚未开始”，再点开“我的项目信息”的界面，其中“皋亭”我的项目的进度从 25% 变成了 12.5% ，如预期一样。

增加告警和揭示

在上篇中，咱们提到工作追踪与管理系统的性能指标：

  • 用于团队成员跟踪我的项目中各自的工作（员工版App）
  • 用于主管跟踪与治理团队在我的项目中的工作（主管版App）
  • 向团队成员发送主动揭示和告警

剩下主动揭示和告警的性能须要实现，利用Amazon Honeycode 的Automations就很容易实现，反对的触发条件包含：定时工作到期、行列变更、单元格变更等。例如：针对工作项的“截止日期”，设置“提前一天”揭示团队执行该工作的员工。


最初一步，该工作追踪与管理系统就能够交付利用测试，与团队共享，并继续迭代了。

总结

尽管这是一个轻量级工作追踪与管理系统，但理论的状况是麻雀虽小五脏俱全。如果采纳传统的开发方式，须要雇用全栈工程师进行耗时的定制开发，或者购买低廉且适配性无限的商业产品。当初借助Amazon Honeycode这样的NoCode平台，这样的工作追踪与管理系统，很快就能够上手制作，而且都是在UI界面上进行操作，直观易用。高低两篇以轻量级工作追踪与管理系统为例，详实地介绍了应用Amazon Honeycode如何设计和实现一个NoCode利用。这里也举荐大家尝试采纳相似办法，来改革过来难用低效的工具和零碎。

本篇作者

黄帅
亚马逊云科技业余服务部 架构现代化征询参谋。负责企业级客户的云上现代化架构设计和优化、XOps 组织以及运维现代化的转型征询和施行。在软件研发畛域有十多年架构设计、运维及团队治理教训，对 XOps、微服务治理框架、云原生平台运维现代化、大规模分布式系统的可观测性结构与混沌工程实际等有深刻的钻研和案例教训。