Nocode warm-up series: implementing a task tracking and management system (Part 2)

Time:2022-6-20

This article is the third in the Nocode column and the second in the design and implementation of a lightweight task tracking and management system based on Amazon Honeywell.

  • Nocode warm up series: are you ready
  • Nocode warm up series: implementing a task tracking and management system (Part 1)

Keywords: Amazon Honeywell code, Nocode, Nocode warm-up series, low code, Honeywell code, builder, hello world

Previous review

In the previous part, we completed the following parts of the task tracking and management system:

  1. Getting started with honeycode
  2. Function target setting of task tracking application
  3. Definition of data model
  4. Creation of data table
  5. Establishment of table links

According to Amazon Honeywell’s five step iterative application construction method,

  1. Define which should be built
  2. Define data model in tables
  3. Build user experience in app builder
  4. Add Automation Workflow
  5. Application testing, sharing with the team, continuous iteration

Next, this article describes how to use app builder to create mobile and web apps for the task tracking system.

App function definition

It is also necessary to use Amazon Honeywell services to build mobile and web apps without programming and support IOS and Android platforms. In the previous article, we mentioned the functional objectives of the task tracking and management system:

  • Used by team members to track their tasks in the project
  • Used by supervisors to track and manage team tasks in the project
  • Send automatic reminders and alerts to team members

The first two points are related to app, that is, using app builder to build interactive user checkups from two different perspectives: team members and supervisors. Further analyze the function points of the app from the perspectives of team members and supervisors:

  • Team member perspective:
  1. Be able to browse the description information of each task in the project
  2. Some fields of each task in the project can be adjusted, such as deadline, status, executor, etc
  • Supervisor’s perspective:
  1. Can browse all task item letters of team members
  2. Able to browse all project information of the team
  3. Able to browse the employee information of the team
  4. You can browse the corresponding project information through the links of task items
  5. You can browse the corresponding task item information through the project link
  6. You can browse the corresponding task item information through the personnel link
  7. Some fields of task items can be adjusted, such as deadline, status, priority, executor, etc
  8. Some fields of the project can be adjusted, such as start date, end date, person in charge, etc
  9. Some fields of employee information can be adjusted, such as seat, telephone, Department, etc
  10. Ability to add and delete projects, task items and employee information

Therefore, we need to use Amazon Honeywell’s app builder to make apps from two different perspectives:

  • Task tracking (employee version) app
  • Task tracking (supervisor version) app

Amazon Honeywell’s app builder is a dynamic, flexible and easy to customize app making tool, which can convert table data into powerful interactive mobile and web apps without programming and support IOS and Android platforms. App builder provides two ways to create apps, one is from scratch, the other is through the app wizard.
Nocode warm-up series: implementing a task tracking and management system (Part 2)
In order to make readers more clearly understand the differences between the two, we decided to adopt the method of starting from scratch for the employee app of the task tracking and management system, and the setup wizard for the supervisor app.

Create employee app

The app making method from scratch, interface design, element shape, data object, attribute setting, etc. should be defined by yourself

Nocode warm-up series: implementing a task tracking and management system (Part 2)

The following is the production process of the task tracking and management system employee app:

  1. Click builder > app+> build your own
  2. Click app1 at the top and rename it task tracking (employee version)
  3. Double click screen name and rename it task tracking (employee version)
  4. Click +add Objects > column list
  5. In the insert column list pop-up window, select list source: tasks, and then click Create
  6. Click the finish text under the status column, which opens a data cell properties panel on the right. Select the editable check box
  7. Repeat step 6 for the cells under the “due date” and “performed by” columns

Nocode warm-up series: implementing a task tracking and management system (Part 2)

View employee app

Click “view app” in the upper right corner
Web App:

Nocode warm-up series: implementing a task tracking and management system (Part 2)

Mobile app:

Nocode warm-up series: implementing a task tracking and management system (Part 2)Nocode warm-up series: implementing a task tracking and management system (Part 2)Nocode warm-up series: implementing a task tracking and management system (Part 2)

Create a supervisor app

The production of the supervisor app is quite different from that of the employee app, mainly in the interface design, that is, there will be three types of “screens” defined in the app builder of Amazon Honeywell, including project information, task information and team information. Take task information as an example:

  1. Click builder > app+> select app Wizard

Nocode warm-up series: implementing a task tracking and management system (Part 2)

  1. Select “source:” as tasks, rename “list screen name:” as “task information”, or click the “X” button to delete the unwanted columns, and click and drag to reorder the columns

Nocode warm-up series: implementing a task tracking and management system (Part 2)

  1. Click next to view “task: detail screen”, rename “detail screen name” to “task item description”, and click the pencil button next to each line to make the “due date”, “status”, “priority” and “executor” lines editable

Nocode warm-up series: implementing a task tracking and management system (Part 2)

  1. Click next, view tasks: form screen, rename it to new task item, and then click Done

Nocode warm-up series: implementing a task tracking and management system (Part 2)

  1. Rename “app name:” to “task tracking (supervisor version)”

Nocode warm-up series: implementing a task tracking and management system (Part 2)

  1. Then click “+add screens” and so on to add two “screens” for project information and team information.

Nocode warm-up series: implementing a task tracking and management system (Part 2)

  1. Click done.

Nocode warm-up series: implementing a task tracking and management system (Part 2)

Here, the shelves of the executive app have been set up, but there are still some areas that need to be adjusted:

  1. The description of three screens generated by links needs to be adjusted:
  • The task detail under the project information is renamed “task item description”
  • Project detail under task information, renamed as “project description”
  • Task detail under team information, renamed as “task item description”
  1. Clear the relevant link of “person name” in employee information

Nocode warm-up series: implementing a task tracking and management system (Part 2)

At this time, the supervisor version app is finished.

View supervisor app

Click “view app” in the upper right corner to take mobile app as an example:

Nocode warm-up series: implementing a task tracking and management system (Part 2)Nocode warm-up series: implementing a task tracking and management system (Part 2)Nocode warm-up series: implementing a task tracking and management system (Part 2)

Then we added a task of “Jiuhua Mountain function development” to the “Gaoting” project, and the task status was “not yet started”. Then we opened the “project information” interface. The progress of the “Gaoting” project changed from 25% to 12.5%, as expected.

Nocode warm-up series: implementing a task tracking and management system (Part 2)Nocode warm-up series: implementing a task tracking and management system (Part 2)

Add alarms and reminders

In the previous article, we mentioned the functional objectives of the task tracking and management system:

  • Used by team members to track their own tasks in the project (employee APP)
  • Used by supervisors to track and manage team tasks in the project (supervisor APP)
  • Send automatic reminders and alerts to team members

The rest of the functions of automatic reminder and alarm need to be realized. It is easy to realize them by using the automations of Amazon Honeywell. The supported trigger conditions include: scheduled task expiration, row and column change, cell change, etc. For example, for the “due date” of a task item, set “one day earlier” to remind the team of the employees performing the task.

Nocode warm-up series: implementing a task tracking and management system (Part 2)
Nocode warm-up series: implementing a task tracking and management system (Part 2)

Finally, the task tracking and management system can deliver application tests, share them with the team, and continue to iterate.

summary

Although this is a lightweight task tracking and management system, the actual situation is that although the sparrow is small, it has five dirty parts. If the traditional development method is adopted, it is necessary to hire full stack engineers to carry out time-consuming custom development, or purchase expensive commercial products with limited adaptability. Now, with the help of Nocode platform such as Amazon Honeywell, such a task tracking and management system can be made quickly, and it is operated on the UI interface, which is intuitive and easy to use. The first and second chapters take the lightweight task tracking and management system as an example to introduce in detail how to design and implement a Nocode application using Amazon Honeywell. It is also recommended that you try to adopt similar methods to change the tools and systems that were difficult to use and inefficient in the past.

Author of this article

Nocode warm-up series: implementing a task tracking and management system (Part 2)

Huang Shuai
Amazon cloud technology professional service department architecture modernization consultant. Responsible for the design and optimization of cloud modernization architecture for enterprise customers, xops organization and transformation consulting and implementation of operation and maintenance modernization. He has more than ten years of experience in architecture design, operation and maintenance and team management in the field of software R & D, and has in-depth research and case experience in xops, micro service governance framework, cloud native platform operation and maintenance modernization, observability construction of large-scale distributed systems and chaos engineering practice.

Recommended Today

Drawing dynamic clock with canvas

Draw a dynamic clock as shown in the following figure <body><canvas width=”600px” height=”600px” style=”background-color: #ccc; display:block; margin: 0 auto”></canvas></body> <script> window.onload = function(){ //Get canvas object var canvas = document.querySelector(“canvas”); //Get context var context = canvas.getContext(“2d”); //Encapsulates a function used for clock dynamics function clock(){ //Draw disc context. beginPath();// start context.arc(300,300,200,0,2*Math.PI); context. fillStyle = “pink”;// […]