Introducing Time Entry Universal Micro App



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.




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 may 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.

Note that you can either tap a specific day in the weekly header or swipe left or right to navigate between the days of the week.




When tapping a project row in any day, you can navigate to a details page of the selected project.


The detail page contains details about the project (based on the selected columns), a full weekly view of the project and the option to delete the project from the timesheet.





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.




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.




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.




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




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




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


Please sign in to leave a comment.