Follow

Introducing Time Entry Universal Micro App

Introduction

 

Time Entry is a very common use-case among hourly workers or any employee that must report the amount of time spent on a specific project or task during the work day. Time reporting is used for accounting purposes, to know the correct salary to pay hourly employees, for future project effort estimations and more.
The importance of tracking time is significant but using existing, desktop oriented applications usually requires somewhat of an effort from the user which leads to unfilled time sheets, delays in recognizing project efforts, billing customers, paying employees and can impact the bottom line of the company.

 

Time Entry Universal Micro App

 

Entering time using is a mobile device is a much faster and easier process that can be done on a daily basis and completed in few seconds. To assist in building this mobile experience, Capriza provides a Time Entry universal micro app that pre-defines the mobile user experience.

 

 

What is included in the Time Entry Micro App?

 

Time Entry micro app contains 7 pages where the main page is the timesheet itself and other pages are supplementary to add a project and handle success and error events.

 

The first page is the Sign In page that includes the title of the Zapp, two text fields for username and password and a Sign In button.

 

TE_-_login.png

 


The next page is the main time entry page. It includes a weekly view of the timesheet, a list of project per day, a calendar to select the week to view, the total hours entered for the week, an option to add a new project to the timesheet, an option to save the timesheet and an option to submit it for approval.
Each project row contains the project name and description, but this is simply the recommended information that should be in the table but can be easily changed based on actual content in the web application.
Note that although the mobile view appears to be several individual tables for each day where the days of the week are arranged as tabs, the assumption is that in the source application, the entire timesheet is contained in one single table.

 

TE_-_timesheet.png

 

The time entry table is set up with a swipe action to allow the user to easily delete a project from the timesheet. Note that deleting a project from a single day, actually deletes the project from the entire timesheet across all days (considering this is a single row in a time entry table that represents the whole week).

 

TE_-_delete_row.png

 

The next page is the Add Project page. It contains the project details that need to be entered in order to add a new project row to the table.
As in the timesheet page, the information on the page is simply a recommendation and can be easily edited, removed or added to, in case you need to add or remove details about a project.

 

TE_-_add_project.png

 

To learn more about how to edit the micro app and add or remove a project detail, see the “Adding a New Project to The Timesheet” article.

 

The next page is associated with the lookup field that is available in the Add Project page. The page represents the lookup page that allows the user to select the proper project.

 

TE_-_lookup.png

 

The last few pages are related to confirming user actions or providing feedback about the success or failure of an action.

 

Delete a project row confirmation page, associated with the Delete Project from Row button in the row swipe action.

 

TE_-_confirm_delete.png

 

Timesheet was saved confirmation page, associated with the Save Progress button in the timesheet page.

 

TE_-_confirm_save.png

 

Timesheet was submitted confirmation page, , associated with the Submit button in the timesheet page.

 

TE_-_confirm_submit.png

 

Note: The data in each page of this universal micro app is simply a suggestion to provide inspiration to the Zapp builder and can be replaced with actual content from the web application once the mobile control is attached to the web.

 

 

For more information on working with Time Entry template, see the following articles:

 

 

Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request

0 Comments

Please sign in to leave a comment.