This is an expense reimbursement app that allows you to apply for 10 items at once. The screen is vertically long due to the large number of input items. To compensate for this, the screen is divided into sections for easy viewing and intra-page links make it easy to navigate within the screen.<\/div><\/div>\n\n\n
<\/span>Workers (Number of swimlanes: 3)<\/div>\n\n\n\n
\n- <\/i><\/span><\/span> Claimant<\/strong> <\/li>\n\n\n\n
- Supervisor<\/strong>\n
\n- Claimant Supervisor<\/li>\n<\/ul>\n<\/li>\n\n\n\n
- <\/i><\/span><\/span> Accounting<\/strong> <\/li>\n<\/ul>\n\n\n<\/div><\/div>\n\n\n
<\/span>Workflow (Workflow diagram complexity: 16)<\/div>\n\n\n\n
\n- 1. Application<\/strong>\n
\n- The claimant applies for the details of the expenses.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
- 1x. Resubmission \/ Withdrawal<\/strong>\n
\n- The claimant will either revise and resubmit the expense or withdraw it.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
- 2. Approval<\/strong>\n
\n- The supervisor of the claimant checks the details of the expense claim and returns it if there are any discrepancies.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
- 3. Accounting Approval\/Rejection<\/strong>\n
\n- The accountant approves\/rejects the application.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
- x1. Set Subject, Application Progress: Pending Supervisor Approval<\/strong>\n
\n- The system sets the subject and the application progress status to “Pending supervisor approval”.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
- x2. Application progress: Application Withdrawn<\/strong>\n
\n- The system sets the application progress status to “Application withdrawn”.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
- x3. Application progress: Awaiting Supervisor Approval<\/strong>\n
\n- The system sets the application progress status to “Accounting approval pending”.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
- x4. Application progress: All Cases Completed<\/strong>\n
\n- The system sets the application progress status to “All cases complete”.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
- x5. Application progress: Rejected<\/strong>\n
\n- The system sets the application progress status to “Rejected”.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n<\/div><\/div>\n\n\n
<\/span>Business app variables to be passed (number of Data Items: 83)<\/div>\n\n\n\n
\n- <\/i><\/span> \u25bc Basic Information \u25bc<\/strong> <\/span>
0<\/code> <\/li>\n\n\n\n- <\/i><\/span>Claimant’s Organization<\/strong> q_Organization<\/span>
1<\/code>*<\/span>\n\n- processInstanceInitQgroupId<\/span><\/li>\n<\/ul>\n<\/li>\n\n\n\n
- <\/i><\/span>Claimant<\/strong> q_Claimer<\/span>
2<\/code>*<\/span>\n\n- ${processInstance.initQuserId}<\/span><\/li>\n<\/ul>\n<\/li>\n\n\n\n
- <\/i><\/span>Date of Application<\/strong> q_Date<\/span>
3<\/code>*<\/span>\n\n- processInstanceStartDatetime<\/span><\/li>\n<\/ul>\n<\/li>\n\n\n\n
- <\/i><\/span> \u25bc Itemized Information \u25bc<\/strong> <\/span>
9<\/code> <\/li>\n\n\n\n- <\/i><\/span> (Separator 1)<\/strong> <\/span>
15<\/code> <\/li>\n\n\n\n- <\/i><\/span>Expense Category 1<\/strong> q_Expense1<\/span>
6<\/code>\n\n- (Uncategorized)<\/span><\/li>\n<\/ul>\n<\/li>\n\n\n\n
- <\/i><\/span> Expense Date 1<\/strong> q_DatePayment1<\/span>
5<\/code> <\/li>\n\n\n\n- <\/i><\/span> Description\/Reason<\/strong> q_Detail1<\/span>
8<\/code> <\/li>\n\n\n\n- <\/i><\/span> Expense Amount 1<\/strong> q_Amount1<\/span>
4<\/code> <\/li>\n\n\n\n- <\/i><\/span> Paid to 1<\/strong> q_Destination1<\/span>
16<\/code> <\/li>\n\n\n\n- <\/i><\/span> Comments 1<\/strong> q_Remarks1<\/span>
7<\/code> <\/li>\n\n\n\n- <\/i><\/span> (Separator 2)<\/strong> <\/span>
10<\/code> <\/li>\n\n\n\n- <\/i><\/span>Expense Category 2<\/strong> q_Expense2<\/span>
11<\/code>\n\n- (Uncategorized)<\/span><\/li>\n<\/ul>\n<\/li>\n\n\n\n
- <\/i><\/span> Expense Date 2<\/strong> q_DatePayment2<\/span>
12<\/code> <\/li>\n\n\n\n- <\/i><\/span> Description\/Reason 2<\/strong> q_Detail2<\/span>
17<\/code> <\/li>\n\n\n\n- <\/i><\/span> Expense Amount 2<\/strong> q_Amount2<\/span>
20<\/code> <\/li>\n\n\n\n- <\/i><\/span> Paid to 2<\/strong> q_Destination2<\/span>
18<\/code> <\/li>\n\n\n\n- <\/i><\/span> Comments 2<\/strong> q_Remarks2<\/span>
21<\/code> <\/li>\n\n\n\n- <\/i><\/span> (Separator 3)<\/strong> <\/span>
22<\/code> <\/li>\n\n\n\n- <\/i><\/span>Expense Category 3<\/strong> q_Expense3<\/span>
23<\/code>\n\n- (Uncategorized)<\/span><\/li>\n<\/ul>\n<\/li>\n\n\n\n
- <\/i><\/span> Expense Date 3<\/strong> q_DatePayment3<\/span>
24<\/code> <\/li>\n\n\n\n- <\/i><\/span> Description\/Reason 3<\/strong> q_Detail3<\/span>
25<\/code> <\/li>\n\n\n\n- <\/i><\/span> Expense Amount 3<\/strong> q_Amount3<\/span>
27<\/code> <\/li>\n\n\n\n- <\/i><\/span> Paid to 3<\/strong> q_Destination3<\/span>
26<\/code> <\/li>\n\n\n\n- <\/i><\/span> Comments 3<\/strong> q_Remarks3<\/span>
28<\/code> <\/li>\n\n\n\n- <\/i><\/span> (Separator 4)<\/strong> <\/span>
29<\/code> <\/li>\n\n\n\n- <\/i><\/span>Expense Category 4<\/strong> q_Expense4<\/span>
30<\/code>\n\n- (Uncategorized)<\/span><\/li>\n<\/ul>\n<\/li>\n\n\n\n
- <\/i><\/span>