Check-in and Check-out Extension

Check-in and Check-out Extension

Overview

The Check-in and Check-out extension helps organizations track the attendance and working hours of their employees. This widget typically includes a user interface where employees can register their arrival and departure times, and calculate their everyday working hours. This extension can help organizations automate and streamline their attendance tracking process, reducing errors and saving time for both employees and managers.

Key features

  1. User-friendly interface lets user to check-in with one click.
  2. Real-time status of the employee and lets the organization to track their records anytime.
  3. Accurate, reliable, and efficient attendance tracking functionality, while also being flexible and customizable to meet the specific needs of the organization.

Installing the Extension

Installing the extension from Zoho Marketplace is easy, and it can be used as soon as it's installed. Follow these steps to learn more about installing extensions.
  1. Go to Zoho Marketplace. 
  2. Click Extensions and select Zoho Creator.
  3. Search for the 'Check-in and Check-out' extension and click Install.
The extension will be installed on your Creator account and you'll be ready to go.

Set-up the Extension

Prerequisites

  1. You must have the following fields in any of your forms in your application to record the data.

Field data type

Description

Date -Time

To record the Check-in time

Date -Time

To record the Check-out time

Single line

To record the status (In/Out)

  1. Create a new page and embed the extension, or use the extension into an existing page by following these steps.

Page Variables

In order to get this extension working, you need to supply the dynamic values in the page variables. The list of variables required for the proper functioning of this extension is shown below.

Parameter

Data Type

Description

appname

TEXT

The link name of the application.


reportname
TEXT

The link name of the report associated with the form to record the data.


checkintime
TEXT

The link name of the time field in the form to record the check in time


checkouttime
TEXT

The link name of the time field in the form created to record the checkout time



criteria
TEXT

The criteria to filter down the record of a specific employee to record the data.

For example: employee _id=1011

dateformat
TEXT
The date format specified in the date and time settings in your application settings. For example: dd-MMM-yyyy







timezone (optional)
TEXT

The preferred time zone code. For example, IST or GMT.


Note: If time zone is not specified, the time zone of your Zoho Creator server will be applied automatically.


status
TEXT

The link name of the field to record the status in the form created.

Example

Suppose you're using an employee management application in your organization to store information about all employees. To keep track of employee attendance and working hours, you can install the Check-in and Check-out extension from the Marketplace and embed it into your organization's application.

To configure this extension:
  1. Create a form named Work Timing (link name work_timing) with the following details to capture the data in a report( link name work_timing_report) :

    Field Type

    Field Name

    Field Link name

    Date- Time

    Check-in time

    checkin_time

    Date- Time

    Check-out time

    checkout_time

    Single Line

    Status

    status

    Number

    Employee No.

    employee_no

  2. Embed this extension in any of your pages in your application and add the mentioned page variables to the page.
  3. Configure the page script to supply the values for the specified page variables, as shown below.
  1. input.appname = "employee-management";
  2. input.reportname = "work_timing_report";
  3. input.criteria = "employee_no=14726";
  4. input.checkintime = "checkin_time";
  5. input.checkouttime = "checkout_time";
  6. input.dateformat = "dd-MM-yyyy";
  7. input.timezone = "IST";
  8. input.status = "status";
Note: To dynamically open a page with the Check-in Check-out extension in various scenarios such as workflow action, functions, custom actions in reports, panel actions in pages, utilize the openURL task. This task allows you to supply values to the page variables through query parameters.
  1. openUrl("#Page:dashboard?appname=employee-management&reportname=work_timing_report&criteria=employee_no=14726&checkintime=checkin_time&checkouttime=checkout_time&dateformat=dd-MM-yyyy&timezone=IST&status=status);
Employees can log in to the Creator application and register their arrival by clicking the Check-in button. When clicked, the check-in time will be captured in the check-in time field and the status will be set to IN. Similarly, when an employee checks out, the check-out time will be captured in the Check-out time field, and the status will be set to OUT. This will allow you to monitor employee attendance and working hours in real-time.

  1. Install and manage extensions
  2. Page script and variables