diff --git a/data/content.ts b/data/content.ts index 835e4ca..8cc4ddd 100644 --- a/data/content.ts +++ b/data/content.ts @@ -207,16 +207,27 @@ A step can contain any type of work, and can be used in multiple workflows. An identification step for a check-in process using the default template might look like such: - -
The general look and feel of a step in a workflow. - -Example Step +
The general feel of a workflow step. + +Example Step + +
+ +In this picture, a guest has had their member ID scanned on the first and their profile information is displayed. The first step is now locked and the agent must reset to go back. + +The area with a marching border on the right side integrates an external barcode scanner in order to +read information on the back of US driver's license. + +This information is compared with the displayed profile on the left, and discrepencies are highlighted in yellow. + +Checking the acknowledgement box at the bottom moves the workflow into the next step by fulfulling the step advancement conditions. + +
The major components of this UI. + +Example Step
-In this picture, a guest has had their ID card scanned and their profile information is displayed. The area with a marching border on the right side integrates an external barcode scanner in order to -read information on the back of US driver's license. This information is compared with that on the left, and discrepencies are highlighted in yellow. Checking the acknowledgement box at the bottom moves -the workflow into the next step. ## Implementation diff --git a/public/img/projects/fam/flow-look-1.png b/public/img/projects/fam/flow-look-1.png new file mode 100644 index 0000000..aff3e8e Binary files /dev/null and b/public/img/projects/fam/flow-look-1.png differ diff --git a/public/img/projects/fam/flow-look-2.png b/public/img/projects/fam/flow-look-2.png new file mode 100644 index 0000000..1801240 Binary files /dev/null and b/public/img/projects/fam/flow-look-2.png differ