First-Time Setup

Objective

The next step of KloudHybrid configuration is to configure some one-time configurations that are essential for the smooth operation of KloudHybrid.

Audience

A technically aware person with the right to configure Kloudhybrid. Prerequisites

Table of content

Subsections of First-Time Setup

Create your office in Kloudhybrid.

  1. The first essential task is to create your office in KloudHybrid, providing the foundation for managing your workspace efficiently.

  2. To accomplish this, you will need a 2D map and 3D images of your office layout, allowing KloudHybrid to accurately represent your physical environment.

  3. For detailed instructions on how to create a new office in KloudHybrid, please refer to the following sections.

Overview

Creating a hybrid office can revolutionize the way we work, offering a productive and flexible environment that blends physical and virtual spaces seamlessly. This innovative approach empowers organizations to adapt to evolving work dynamics. As you embark on the journey of building your own hybrid office, there are key elements that can transform your space into an efficient and harmonious ecosystem.

One essential element is the Location Hierarchy, which allows you to organize your office space in a structured manner. By importing Floor Maps, you can visualize and manage different areas within your office, maximizing their utilization. With Zone Creation, you can define specific regions and assign unique functionalities to each, creating a customized and tailored environment.

To enhance the immersive experience, Importing 360 Pictures adds a whole new dimension to your hybrid office. By incorporating Infospots, interactive elements that provide valuable information, you can engage and captivate users. Navigation Path simplifies movement within your office, making it easy for employees and visitors to navigate with ease.

The addition of Terminals ensures seamless connectivity and interaction, while Points of Interest (POIs) highlight significant areas or resources within your hybrid office. Lastly, miscellaneous settings allow for further customization and fine-tuning, ensuring your hybrid office perfectly aligns with your organization’s unique requirements.

By embracing these features and crafting your hybrid office, you can create an environment that fosters collaboration, boosts productivity, and adapts effortlessly to changing needs. Let’s explore each component and discover the remarkable possibilities that lie ahead as you embark on the exciting journey of creating your own hybrid office.

Table of content

Subsections of Create your office in Kloudhybrid.

Location Hierarchy

  1. Kloudspot has a tired and hierarchical system for organizing sites. It is important to understand how your organization’s sites are organized globally and map that organization into the hierarchy explained below. The location hierarchy in the Kloudspot system is used to logically organize sites based on geographical location, this is also used in data aggregation metrics. So, for example, if you want to view occupancy data for all sites in America, you can view it as a whole.
    • Top regions: are the highest level of the hierarchy, they would normally be the country or region you are in, for example, the United States, or North America. You can have as many top regions as you like, and each top region can have any number of child regions or sites under it.
    • Child regions: are under the top regions in the hierarchy, they generally denote a state or territory, for example, California. You can create as many child regions as you need. Child regions can have both child regions and sites underneath them.
    • Sites: are where things really start to get interesting. Sites are generally specific locations, like 1285 Oakmead Parkway, Sunnyvale California (the Kloudspot HQ!). A site will generally be a specific building or location, with one or many floors.
  2. Go to the locations menu from the Configuration Drop down menu.

image image

  1. Click, Create a region to get started. If this is not your first region, click + Top Region on the top right corner of the page.
image image
  1. Enter the Name of a region. Select the time zone from the drop-down menu where the new region is located. Other settings can be ignored for now.
image
  1. Click Save. A top-level region has been added.

  2. Click on the top-level region you just created, then click + Child Region on the top right corner of the page. Repeat steps 4 – 5 for the new child region.

image
  1. Once the child region is added, click on the child region, Then, click + Child site. Repeat steps 3 – 4 for the new child site.

  2. Click on the Site name, a Configuration window will open. Then fill in the Name, Address, and Time zone. When you enter an address, it will be reflected on the map, this may take a moment. Click Save.

image

Import Floor Maps

  1. Click on the site name in the location hierarchy and navigate to the Floors tab. Click Add/Edit a floor, then click Add a floor.
image
  1. Enter in a name for the floor and click the floor map area to upload your floor map. Ignore the Floor ID for now. Click Save.
image
  1. Next, edit the floor orientation overlay on google map, as well as size, rotation, and scale. To do this, click the Add/Edit floor dropdown. Then click the icon. This will allow you to make edits to the map. Once you’re done making edits, click the Add/Edit floor drop down again, and click the icon to lock the map. Edits can be made in the upper right-hand corner of the map view as seen in the figure below.
image

Zone Creation

  1. Zones are an important part of the location setup process, and you will need to create zones for each floor of each building you have configured in the system.

    Zones are a way to logically group different elements placed on top of the floor map (such as hot desks and points of interest) or to designate specific areas of the floor map, such as an office, conference room, or cafeteria. In addition to this, zones are searchable so if enable wayfinding, users will be able to search for specific zones. Finally, zones can be used to set up booking neighborhoods, which allows employees of the same grouping to sit in designated zones (for example sales can only sit in the designated sales area).

    In general, you will want to create separate zones for individual rooms such as conference rooms or offices, logical groups of cubicles, and open areas designated for specific purposes such as break rooms or restrooms.

  2. Navigate to the zones tab. Click on the floor you want to add zones for. Click the ‘Add/Edit zones’ drop down and click ‘Add a zone’.

  3. Once you do this, hover over the 2D map view with your mouse and begin to draw a zone. You can draw a zone by clicking to drop down a dot. Continue clicking until you have the entire area of the zone boxed in. You can terminate this sequence by clicking back on the first dot you dropped down.

image
  1. Once the drawing sequence is completed, enter in the Zone Name, Capacity (optionally/if applicable), and color (if you want different zones to display with different colors on the floor map). Leave the other fields as default for now. The tag field can be used in the future to configure booking neighborhoods, as described in the Configuring Neighborhoods section.
image
  1. Optionally, if needed, you can edit the zone area on the floor map. To do this, click the select a floor dropdown. Then click the unlock icon. This will allow you to make edits to the map. Once you’re done making edits, click the ‘select a floor’ drop down again, and click the lock icon to lock the map. Zones can be edited by clicking on the less transparent vertices of the zone and dragging them to the appropriate location. If you need to add a new vertex, click one of the more transparent vertices. This will add a new vertex to the zone polygon, which can be then moved to the appropriate location.
image

Importing 360 Pictures

360 pictures allow users to navigate in virtual space throughout the office, physically see where they might be sitting, create quick bookings in the 360 walkthroughs, and interact with colleagues in virtual space.

image
  1. To import 360 images into the system, navigate to the Configuration > Location > Child Region > Infospots tab.
  2. Select a floor from the drop-down menu.
  3. Click Add Virtual Image from the Add/Edit Virtual Image drop-down menu.
  4. Click where you want to add the virtual image on the floor map.
image
  1. The Add / Update Virtual Image window will open.
    • Enter the Name for the virtual Image.
    • Specify the Type as 360° Image or Panorama. By default, “360° Image” is selected.
  2. Upload your 360° or panorama image by clicking in the Click to select an image or Drop an image here area. Only PNG/JPG formats are supported. Click Save.
  3. Click Save to make the changes:
image
  1. After completing steps 1 -6 for all the virtual images, next we will add navigation between the different virtual images. To do this click on the Add/Edit Virtual Image drop-down, then click the icon.
image
  1. Click the Add button in the top right corner of the virtual viewer that opens. Then click on the area of the image you wish to place the navigation point. Then, select the destination from the drop-down in the center bottom. Remember you can click and hold in this view to spin around.
image
  1. Once you click on an area, an arrow will appear, as shown above, click on the arrow, and then at the bottom of the screen select the proper destination in the destination dropdown. This will enable users to navigate between the two virtual zones in the virtual viewer using the navigation points. Click Save. Repeat this step for all virtual images and all navigations.

Adding Infospots

  1. Infospots are bookable spots at your site. To create infospots, navigate to the Location > click on your site > Infospots tab.

  2. Select a floor from the drop-down menu.

  3. Click Add Infospot from the Select a Infospot drop-down menu.

image
  1. Click on the location on the floor map where you want to put the infospot.

  2. The Add/Update Infospot dialog box is displayed.

image image

  1. At this point, there are multiple different types of infospots that can be added, such as Cubicle, Conference Room, Zoom Room, Webex Room, and Privacy Room. Please see the corresponding section below for more information about and how to configure the different types of infospot.

Cubicle

Cubicles are bookable seats configured in the system that are made available to bookable pool for the users.

Once the “Add/Update Infospot” dialog box is displayed follow the instructions below to complete the configuration for a cubicle.

  1. Enter the Name for the infospot.
  2. Specify Cubicle as the type in the drop-down menu.

image image

  1. Select the Presence of the infospot. By default, Both is selected. If Both is selected, the seat will be bookable by both physical and remote employees. If Physical is selected the seat will only be bookable to physical employees. If Virtual is selected, the seat will only be bookable to remote employees. If None is selected, the seat will not be bookable but will be input into the system for later use once the seat is returned to the bookable pool of seats.

  2. Provide the tags by adding the keywords to identify the infospot. This step is optional.

Note: You can specify a department in Infospot by adding tags. For example, if you add the “Engineering” tag here, this infospot will only be visible to the user who is in engineering department.

Check out the Configuring Neighborhoods section to learn more about the user department.

Note: Tags can also be added to the infospot that describes additional details about the infospot, and make the infospot keyword searchable by the user. For example, you could add the tags, “Disability Accessible”, and “Docking Station”. So if a user searches for seats that are disability accessible or have a docking station, this seat will show up in the search.

  1. Cubicles can be allocated to specific users by clicking the Allocate this desk for a specific user button. Then enter in the associated email address of the user that this desk will be allocated to.
image
  1. Click Save to make the changes.

Conference Room

Conference rooms are integrated with conference rooms set up in outlook & azure to make them visible to the KloudHybrid system. The Microsoft Graph API needs to be integrated to use conference rooms. Once you do this, the conference room will be bookable In KloudHybrid, and will have a bidirectional sync with user calendars.

Once the Add/Update Infospot dialog box is displayed follow the instructions below to complete the configuration for a cubicle.

  1. Enter the Name for the infospot.
  2. Specify Conference Room as the type in the drop-down menu.

image image

  1. Assign a Conference Room from the dropdown menu.

image image

  1. Leave the Presence as its default Both.

  2. Optionally, add tags to the conference room to make the conference room searchable by attributes. Click Save.

Zoom Room

Zoom room infospots can be added so that users can join a zoom room link from the virtual walkthrough mode after booking into a meeting as seen below.

image
  1. Enter the Name for the infospot.
  2. Specify Zoom Room as the type in the drop down menu.

image image

  1. Leave the Presence as it’s default Both.

  2. Enter zoom Link to the text box.

image image

  1. Optionally, add tags to the conference room to make conference room searchable by attributes. Click Save.

Webex Room

Webex room infospots can be added so that users can join a webex room link from the virtual walkthrough mode after booking into a meeting as seen below.

image
  1. Enter the Name for the infospot.
  2. Specify Webex Room as the type in the drop down menu.

image image

  1. Leave the Presence as it’s default Both.

  2. Enter Webex Link to the text box.

image image

  1. Optionally, add tags to the conference room to make conference room searchable by attributes. Click Save.

Privacy Room

Privacy rooms are separate rooms build for privacy or focus rooms. These rooms are bookable in the same way cubicles are bookable but allow users to search for more private spaces to book.

Once the Add/Update Infospot dialog box is displayed follow the instructions below to complete the configuration for a cubicle.

  1. Enter the Name for the infospot.
  2. Specify Privacy Room as the type in the drop down menu.

image image

  1. Select the Presence of the infospot. By default, Both is selected. If Both is selected, the seat will be bookable by both physical and remote employees. If Physical is selected the seat will only be bookable to physical employees. If Virtual is selected, the seat will only be bookable to remote employees. If None is selected, the seat will not be bookable but will be input into the system for later use once the seat is returned to the bookable pool of seats.

  2. Provide the tags by adding the keywords to identify the infospot. This step is optional.

Note: You can specify a department in Infospot by adding tags. For example, if you add the Engineering tag here, this infospot will only be visible to the user who is tagged under the engineering department.

Check out the Configuring Neighborhoods section to learn more about the user department.

Note: Tags can also be added to the Infospot that describes additional details about the Infospot, and make the Infospot keyword searchable by the user. For example, you could add the tags, Disability Accessible, and Docking Station. So if a user searches for seats that are disability accessible or have a docking station, this seat will show up in the search.

  1. Click Save to make the changes.

Camera Infospot

  1. Cameras can be added as infospots in the same way that cubicles and conference rooms can. This allows the hybrid workspace to view live camera feeds.
  2. Once the Add/Update Infospot dialog box is displayed follow the instructions below to complete the configuration for a camera Infospot.
  3. Enter the Name of the infospot.
  4. Specify the Camera as the type in the drop-down menu.
  5. Then select the previously added camera from the drop-down list.
  6. Geo location will take automatically.
  7. Tags can be added if required. Then click the Save button.

image image

Finally, to complete the setup of the infospots, we need to map them to the virtual images.

  1. Click on an Infospot. Select Map to the virtual image from the popup window that appears.

image image

  1. Then select the correct virtual image from the drop down in the top right corner of the window that opens.

  2. Click on the location where you want to place the infospot. Click save.

image
  1. Once mapped, the infospot will fill in to signify it has been mapped.
image

Navigation Path

The navigation path is an optional piece of configuration that is used if wayfinding terminals are being used. The navigation path will be used to find paths between the user and their desired location.

Once you have configured the navigation path, if you wish to deploy the wayfinding application to a screen, please see the Deploying Hybrid Wayfinding to a Screen section.

To configure the navigation path, navigate to the Advanced Settings page, then to Configuration -> Locations -> click on your site -> Navigation Path.

  1. Select a floor from the drop-down menu.
  2. Click Add/Edit Navigation Path.
image
  1. Select the Add Marker and click the map to place the marker.
image
  1. Provide the link between the markers using Add Link icon. You can also hold the Shift key while adding markers and automatically add lines between them.

Note: You can clear the selection, delete the added markers/links, or clear the entire path by clicking on icons located at the top right corner of the map.

  1. Click Save button to save the changes.

Adding Terminals

Terminals that will be used by the system for wayfinding must be added to the location editor. Ensure you have the first setup of the terminal in KloudManage and connected KloudInsights to KloudManage before completing this step. The documentation process for this is not separate from the KloudHybrid administrator guide, so please view the relevant documentation for details.

To configure the navigation path, navigate to the Advanced Settings page, then to Configuration -> Locations -> Terminals.

image
  1. Select a floor and a zone from the drop-down menu.
  2. Click Add a Terminal from the Select a Terminal drop-down menu.
  3. The Add/Update Display Terminal dialog box is displayed. Select the display terminal drop-down menu.

image image

  1. Optionally, add an icon on the map by selecting or dragging and dropping an image of .png format in the provided text box.
  2. Click Save to save the changes.

Adding POIs

POIs are used by the system for wayfinding purposes or to search assets. POIs can be anything from printers, coffee machines, restrooms, or any other fixed location assets. Navigate to the POI tab by heading to the location editor, and then click the POI tab.

image
  1. Select a floor and a zone from the drop-down menu.
  2. Check the checkbox, to show the names of the POIs.
  3. Click Add/Edit a POI from the Select a POI drop-down menu.
  4. The Add/Update the POI dialog box is displayed. Enter the Name for a POI.
  5. Provide the tags by adding the keywords to identify the POI. This step is optional.
  6. Optionally, add an icon on the map by selecting or dragging and dropping an image of .png format in the provided text box.
  7. Click Save to make the changes.
  8. Drag the new icon to the correct position on the map.

image image

Other miscellaneous Settings for Hybrid office

In the pursuit of creating a fully optimized and technologically advanced hybrid office, there are additional miscellaneous settings that can further enhance the functionality and efficiency of your workspace. These settings encompass the integration of Access Points, Cameras, and Environmental Sensors, offering a comprehensive solution to meet your organization’s specific needs.

Table of content

Subsections of Other miscellaneous Settings for Hybrid office

Access Points

  • It displays the Access Points (AP) of a zone.
  • The ‘Add/Update AP’ allows you to add or edit access points.
image

To add an access point:

  1. Select a floor and a zone from the drop-down menu.
  2. Check the checkbox, ‘Show name on map’ to show the added POI on the map.
  3. Click Add AP from the ‘Select an AP’ drop-down menu.
  4. The ‘Add/Update AP’ dialog box is displayed.
  5. Enter the ‘Name’ for an AP.
  6. Enter the MAC address in a valid format as xx:xx:xx:xx:xx:xx
  7. Geographical location will be selected automatically from the map.
  8. Check the provided checkboxes as per your need.
  9. Click to modify the ‘Wifi RSSI to Distance conversion’ to set the RSSI distance mapping for trilateration and update it.
  10. Click to modify the ‘BLE RSSI to Distance conversion’ to update it.
  11. Add an icon on the map by selecting or dragging and dropping an image of .png format in the provided text box.
  12. Click Save to make the changes.

image image

  1. You have the option to delete or make changes using the delete and edit buttons.

image image

Camera

  1. It displays the available cameras in a zone.
  2. The ‘Add/Edit a Camera’ allows you to add a camera.
image

To add a camera:

  1. Select a floor and a zone from the drop-down menu.
  2. Click Add a Camera from the ‘Select a Camera’ drop-down menu.
  3. The ‘Add/Update Camera’ dialog box is displayed.
  4. Select the Camera Vendor from the drop-down menu. By default, Kloudspot is selected.
  5. Select a Camera from the drop-down menu and check the check box based on the camera location.
  6. Geographical location will be selected automatically from the map.
  7. Add an icon on the map by selecting or dragging and dropping an image of .png format in the provided text box.
  8. Add a camera image by selecting or dragging and dropping an image of .png format (should be less than 1080*1080 pixels) in the provided text box. Please note that the image should be uploaded with the same aspect ratio as seen by the camera.
  9. Click Save to save the changes.

image image

  1. You have the option to delete or make changes using the delete and edit buttons.

image image

Environmental Sensors

  1. It displays the Environmental Sensors in a zone.
  2. The ‘Add/Edit an Environmental Sensor’ tab allows you to add Environmental Sensors.
image

To add an environmental sensor:

  1. Select a floor and a zone from the drop-down menu.
  2. Click Add an Environmental Sensor from the ‘Select an Environmental Sensor’ drop-down menu.
  3. The ‘Add/Update Environmental Sensor’ dialog box is displayed.
  4. Specify the mandatory sensor name.
  5. Type the ‘Description’ for a sensor.
  6. Geographical location will be selected automatically from the map.
  7. Add an icon on the map by selecting or dragging and dropping an image of .png format in the provided text box.
  8. Click Save to make the changes.

image image

  1. You have the option to delete or make changes using the delete and edit buttons.

image image

Connecting to your Infrastructure

  1. Once you have successfully created your hybrid office in KloudHybrid, the next crucial step is to establish seamless connectivity between KloudHybrid and your existing infrastructure. This enables the application to efficiently interact with your established systems and streamline various processes.

  2. KloudHybrid offers two providers, namely OKTA and Microsoft, for establishing this connection. You can choose the provider that aligns best with your organization’s requirements and infrastructure.

Overview

In this Section, we will explore various aspects of establishing connections to your infrastructure, ensuring seamless integration and communication within your systems. We will cover essential topics such as SCIM setup, Microsoft Graph API integration, email (SMTP) setup, SMS setup, application integrations, external authentication, and other valuable integrations. Whether you’re looking to streamline your operations or enhance the functionality of your infrastructure, this section will provide you with the necessary insights and instructions to successfully connect your systems and optimize your workflows.

Table of content

Subsections of Connecting to your Infrastructure

SCIM Setup

  1. SCIM makes user data more secure and simplifies the user experience by automating the user identify lifecycle management process. With the addition of SCIM integration, user identifies can be created directly in a tool such as OKTA or Azure. Since it is a standard, user data is stored in a consistent way and can be communicated between the user management system and KloudHybrid. This enables IT departments to automate the provisioning/deprovisioning process while also having a single system to manage permissions and groups. Since user data is transferred automatically and communicated between the two systems, risk of errors is reduced.

  2. Currently, KloudHybrid supports the following features when integrated with SCIM:

    • Create users: Users in OKTA that are assigned to the KloudHybrid app will automatically be created in KloudHybrid.
    • Update user attributes: Any changes to users in OKTA will automatically be made to the associated KloudHybrid user.
    • Deactivate users: Users deactivated in OKTA or un-assigned from the app will be disabled in KloudHybrid.
  3. Obtain the Provisioning API credentials from KloudHybrid. In the ‘Advanced’ user interface, go to Configuration -> Integrations -> External Authentication. Enable SCIM Provisioning and click save.

NOTE: A random password will be generated by the system. You can either use the default username and password or create your own.

Mentor Meeting
  1. Configure SCIM in either OKTA or Azure, see the sections below for instructions.

Enabling SCIM in OKTA

  1. The System for Cross-domain Identity Management (SCIM) specification is a provisioning protocol to create, retrieve, update, and deactivate users and groups between Okta and Hybrid application.
  2. To enable SCIM in OKTA. Follow the steps below.
  3. Navigate to Advance Settings and then go to Configuration > Integrations > External Authentication.
  4. Make sure OKTA is selected in the provider and SAML 2.0 in the protocol.
Mentor Meeting
  1. Scroll down and enable SCIM provisioning. In the text box that opens, enter Username and Password. And save the changes.

Note: The username and password are decided by you and the Tenant URL and Secret token will be generated accordingly.

Mentor Meeting
  1. After saving the changes. Log out of the Hybrid app and double-check that the single sign on button is functional.
Mentor Meeting
  1. Then log in to your OKTA account.
Mentor Meeting
  1. Click on Applications and from the drop-down select Applications.
image
  1. Select the same application that was created when the single sign-on button was integrated. Refer Configure SAML with OKTA section for more details.
Mentor Meeting
  1. In the window that opens, click on the Provisioning tab. And click Configure API Integration button.
Mentor Meeting
  1. Check the Enable API integration, then in the text box that opens, enter the same username and password that you entered in the Hybrid Advanced settings.

Mentor Meeting Mentor Meeting

  1. Then click on the Test API Credentials button to verify the Application.

  2. Once verified, you will be notified that the application has been verified successfully. If not, double-check the single sign-on configuration.

  3. Refer Configure SAML with OKTA section for more details.

  4. If it is working fine Click Save button.

Mentor Meeting
  1. Then navigate to To App > Edit and check the three check boxes and click Save.

Note: Only the To App option is currently operational. This means that users who add to the OKTA application will also be added to the hybrid application.

  1. SCIM in OKTA is added successfully.

Mentor Meeting Mentor Meeting

Enabling SCIM IN Azure

  1. To enable SCIM in Azure. Follow the steps below.
  2. Navigate to Advance Settings and then go to Configuration > Integrations > External Authentication.
  3. Make sure Microsoft is selected in the provider and SAML V2.0 in the protocol.
Mentor Meeting
  1. Scroll down and enable SCIM provisioning. In the text box that opens, enter Username and Password. And save the changes.

Note: The username and password are decided by you and the Tenant URL and Secret token will be generated accordingly.

Mentor Meeting
  1. After saving the changes. Log out of the Hybrid app and double-check that the single sign on button is functional. If functional continue with steps below. Otherwise refer Configure SAML with Microsoft Azure AD section for configure SAML with Microsoft.
Mentor Meeting
  1. Log in to your Microsoft Azure portal on https://portal.azure.com/

  2. Click on Azure Activity Directory from the Azure services options as shown below.

Mentor Meeting
  1. Locate and click on the Enterprise Applications on the Window.
Mentor Meeting
  1. Select the same application that was created when the single sign-on button was integrated.
Mentor Meeting
  1. Then click on the Get Started button from the Provision User Account.
Mentor Meeting
  1. openAgain, click on Get started button from the window that open.
Mentor Meeting
  1. Select the Automatic provisioning mode from the drop-down list. Then copy and paste the Tenant URL and Secret Token from the Hybrid Advanced settings.

Mentor Meeting Mentor Meeting

  1. Then Click on Test Connection button to authorize the connection.

  2. Once authorized, you will be notified that the credentials have been authorized successfully. If not, double-check the single sign-on configuration. Refer Configure SAML with Microsoft Azure AD for more details.

  3. Click on Save button.

Mentor Meeting
  1. Then navigate to Provisioning > Edit Provisioning > Mappings > Provision Azure Active Directory Groups.

Mentor Meeting Mentor Meeting

  1. Disable it and click Save.

Note: Only newly created user information will be added to the hybrid automatically. No new groups will be added.

Mentor Meeting
  1. Then click on Azure Active Directory Users. Make sure Create, Update and Delete are enabled in the target object actions.

  2. Click on Save button. SCIM in Microsoft Azure is added successfully.

Mentor Meeting

Other Integrations

The “Integrations” page offers a convenient and versatile platform for configuring various aspects of your system. This page allows you to seamlessly integrate and customize applications, and communications. With these powerful features at your disposal, you can optimize your workflow, enhance communication, and ensure secure access to your system.

Table of content:

image

Subsections of Other Integrations

Applications tab

  1. The following 3 options are related to KloudHybrid.
  • Voice Mail Settings: Helps in configuring the Voicemail provider to send messages and notifications to users.

  • Social Profile Integration: Helps to interact with devices connected to the network.

  • Kloudspot Device Management Settings: It helps to integrate the KloudSpot NMS service with KloudHybrid.

Voice Mail Settings

  1. Get the Authentication ID, Authentication Token, Application base URL and Caller ID from the Voice Mail provider and enter it.
  2. Write “Greeting Message” in the text box. The message is read-only when the customer presses 1.
  3. Select “Language”, “Voice” and “Number of times to read the message” from the dropdown menu.
  4. Click the Save button to save the changes.
image

Social Profile Integration

To integrate a social profile, enter the API Key and Application base URL and save the changes.

image

Kloudspot Device Management Settings

  1. To integrate NMS with Hybrid workspace, 3 credentials are required.

    • Portal Base URL
    • API ID
    • API Secret Key
  2. Get these Credentials from the NMS account and past it here.

  3. Then Click on the Save & Test button to save the changes.

image

Communications tab

  1. The following options are available from the Communications tab.

    • Email Settings: Helps in configuring the Email provider to send messages and notifications to users.
    • SMS Settings: Helps in configuring the SMS provider to send messages and notifications to users.
    • Ticketing Settings: N/A
    • System Health Alerts: Helps in the configuration of methods for sending System Health notifications.

Email Settings

  1. Check the enable check box.
  2. Obtain the provider’s Host Name, Port, Username, and Password and enter them.
  3. Then type “from email” and “from the name” into the appropriate fields.
  4. If necessary, an email test can be performed by providing a test email ID.
  5. Click on Save

SMS Settings

  1. To enable SMS settings, check the Enable check box.
  2. Select the provider from the dropdown menu.
  3. Enter the sender’s phone number in the “Phone number to send from” text box.
  4. In the text box, enter the provider’s “Account key” and “Account Secret”.
  5. If necessary, a SMS test can be performed by providing a test phone number.
  6. Click on Save.
image

System Health Alerts

  1. Helps to receive system health-related notifications.
  2. Enable email notifications and add the email ID to receive the notification.
  3. Enable webhook notifications to receive notifications and select the desired webhook type.
  4. Then add a webhook Link.
  5. Click the Save button to save the changes.
image

External Authentication

  1. After SCIM configuration you can configure your external authentication setup. By enabling external authentication, you’ll empower your users to experience the convenience of one-click sign-ins, enhancing their access to your hybrid application’s features. KloudHybrid offers robust support for major SSO providers such as OKTA and Microsoft, along with comprehensive compatibility with OpenID Connect and SAML v2.0 protocols.

  2. To find the External Authentication page, navigate to the Advanced Settings Page, then go to Configuration -> Integrations -> External Authentication.

Mentor Meeting

Table of content

Subsections of External Authentication

Configure Open ID connect with OKTA

  1. Following the steps below to set up Okta and OpenID connect.
  2. Check OKTA for the Provider option and for the Protocol click on OpenID Connect.
Mentor Meeting
  1. Log in to your OKTA account.
Mentor Meeting
  1. Click on Applications and from the drop-down select Applications.
Mentor Meeting
  1. Click on Create App Integration.
Mentor Meeting
  1. As shown in the figure below, Check OIDC- OpenID Connect as the Sign-in Method and Web Application as the Application type and click on Next.
Mentor Meeting
  1. On the next page perform the following steps:

    • Enter an App Name in the App Integration Name section.
Mentor Meeting
- Copy the Sign-in redirect URLs from OKTA, and paste that URL into the Redirect URL field in KloudHybrid.
Mentor Meeting
- Assignments: Scroll down the page to Assignments and click on Limited access to selected groups from the Controlled Access options.

-  Selected group(s): Enter the name of the group to grant Admin access to the application created.

-  Click on Save to save the configurations.
Mentor Meeting
  1. Once the Application is created successfully, the following window appears. It has detailed information for the Application.

    **a. General:**
    
        - Client Credentials: Copy the Client Id and Client Secret information and enter the same information in Insights as shown in the figure below. Also, enter the name for ROLE ADMIN as shown in the figure below.
    

    NOTE: This ROLE ADMIN name is the group of users in the Okta portal, which will be assigned the ADMIN role once logged into the Hybrid App.

Mentor Meeting Mentor Meeting

    - General Settings: Enter the same Okta domain name in the Okta domain section on the “External Authentication” page in Insights as shown in the figure above.

Mentor Meeting Mentor Meeting

    - User Consent: The Require Consent option is checked by default, deselect if you don’t wish to require user consent to data sharing with the KloudHybrid application.

b. Sign-on: Click on Sign-on

Mentor Meeting
    - OpenID Connect ID Token: Scroll down and click on Edit.
Mentor Meeting
    - In the Groups claim filter section, select the Start with option. Then type the prefix of the group to be added (Eg.Ks-). Click on Save.
Mentor Meeting
  1. Finally. Open KloudManage. In the role mapping section, add the same name as in the OKTA group (Eg. Ks-admin). Additionally, you can set the following settings in the “Role Mapping” section.

    • Default Role: This is the role/permission set that SSO users will be assigned to by default the first time they login (unless other role mappings apply). The default system configuration for this is ROLE_USER, which will give all SSO users user permissions by default.
    • ROLE_MANAGER: If you have configured a specific group in OKTA that you would like to assign manager permissions, set this field. See the User & Permission Management section for additional details
    • ROLE_ADMIN: If you have configured a specific group in OKTA that you would like to assign admin permissions, set this field. See the User & Permission Management section for additional details.
    • ROLE_USER: If you have configured a specific group in OKTA that you would like to assign user permissions, set this field. See the User & Permission Management section for additional details.
    • ROLE_CUSTOM: If you have configured a specific group in OKTA that you would like to assign a custom role, set this field. See the User & Permission Management section for additional details.
    • ROLE_XXXX: If you have configured a specific group in OKTA that you would like to assign a specific role, set this fields. See the User & Permission Management section for additional details. XXXX represents the role name to be added.
Mentor Meeting
  1. Click on save. This allows you to login into KloudHybrid with OKTA OpenID Connect with a single click.
Mentor Meeting

Configure SAML with OKTA

  1. Check OKTA from the Provider option and for the Protocol select SAML V2.0 as shown in the figure below.
image
  1. Log in to your OKTA account.
image
  1. Click on Applications and from the drop-down select Applications.
image
  1. Click on Applications and select Browse App Catalog.
image
  1. Search for KloudHybrid in the Browse app integration catalog window that opens.

  2. Select the KloudHybrid option with SAML, provisioning.

image
  1. The KloudHybrid window will open. Then click on Add.
image
  1. In the Add KloudHybrid window, type the Application label (Eg. KloudHybrid) under General Settings. Also, copy and paste the Base URL from the KloudHybrid application. This will look something like “https://xxxx.yyyy.kloudspot.com”.

image image

  1. Click on Done in OKTA.

  2. In the next window, click on the Assign button at the bottom of the Assignments tab. Select Assign to groups from the drop-down menu that appears.

image
  1. A popup window will open. From there, assign the groups that will have access to the KloudHybrid Application.

  2. Click on Done.

image
  1. Then select the sign-on tab. In it, scroll down and click on the View Setup Instructions button.

image image

  1. Then a new tab will open. You will be able to complete the configuration by following the instructions given in it.
image
  1. Copy the Identity Provider single sign-on-URL, Identity provider Issuer and X.509 verification certificate and paste them into KloudHybrid, respectively.
image
  1. Click on the Edit button in the sign-on tab to configure SAML 2.0.
image
  1. In the Groups drop-down menu, select the Start with option. Then type the prefix of the group to be added (Eg.Ks-)

  2. Click on Save.

image
  1. To map permissions, see step #9 in the Configure Open ID connect with OKTA section.

  2. Click on save. image

  3. This allows you to login into KloudHybrid with OKTA SAML with a single click.

image

Configure Open-ID connect with Microsoft Azure AD

Following the steps below to set up Open-ID connect with Microsoft Azure AD

  1. Check Microsoft from the Provider option and for the Protocol select OpenID Connect as shown in the figure below.
Mentor Meeting
  1. Log in to your Microsoft Azure portal on https://portal.azure.com/

  2. Click on Azure Activity Directory from the Azure services options as shown below.

Mentor Meeting
  1. Locate and click on the App registrations on the Window.
Mentor Meeting
  1. Click on New registration on the page.
Mentor Meeting
  1. Enter the information in the blanks to create a new registration.

    • Name: enter a name for the application.
    • Supported account types: Select, Accounts in this organizational directory only
    Mentor Meeting
    • Redirect URL (optional): Choose Web copy the Redirect URL from the Properties to cut/paste to Identity Provider section in Hybrid. Paste this URL into the Redirect URL in Azure.
    Mentor Meeting
  2. Go back to the home page and click on Overview for login information on the new application created. Pick information from the Essentials section as mentioned in the figure below and place that information in KloudHybrid.

Mentor Meeting
  1. Assigning IDs in Insights

    • The Tenant ID and Client Id in KloudHybrid will be the same as that on the Azure portal (map Application (Client) ID and Directory (tenant) ID in Azure to Client ID and Tenant ID in KloudHybrid, respectively). Click on Save to save the configuration.
    Mentor Meeting
    • To create a Client Secret, go to Azure portal, click on Certificates & secrets and then click on + New client secret. Click on Add.
    Mentor Meeting
    • Copy the Client secret and paste it in the Client secret section in External Authentication in KloudHybrid.
    Mentor Meeting
  2. Token Configuration: Click on Token configuration, click on +Add groups claim and Select Security groups. Click on Add.

Mentor Meeting
  1. Copy the Object ID and paste it in the ADMIN ROLE KloudHybrid Role Mapping section as shown in the figure below. The Object ID for the group of Users specified in KloudHybrid will have an ADMIN Role assigned to them when logged in Hybrid App.

Mentor Meeting Mentor Meeting

  1. Logout of the KloudHybrid portal. This allows you to log in with a single click, as shown in the figure below.
Mentor Meeting

Configure SAML with Microsoft Azure AD

  1. Check Microsoft from the Provider option and for the Protocol select SAML V2.0 as shown in the figure below.
Mentor Meeting
  1. Log in to your Microsoft Azure portal on https://portal.azure.com/

  2. Click on Azure Activity Directory from the Azure services options as shown below.

Mentor Meeting
  1. Locate and click on the Enterprise Applications on the Window.
Mentor Meeting
  1. Click on +New Application.
Mentor Meeting
  1. Click on Create your own application and enter a name for the new application. Click on Create.
Mentor Meeting
  1. On successfully creating the application, in this case KH-Demo, the following page is displayed. Click on Assign users and groups to provide specific users access to the application.
Mentor Meeting
  1. Click on Users and groups and select Users or groups from the list and click on Select as shown in the figure below.
Mentor Meeting
  1. On selecting the users and groups, click on Assign.
Mentor Meeting
  1. Refresh the page and the newly created application i.e KH-Demo will be added to the list of All applications.
Mentor Meeting
  1. Click on the newly created application (in this case KH-Demo), hover over Set up single sign on and click on Get started. Mentor Meeting

  2. Click on SAML to set up a single sign on.

Mentor Meeting
a. Basic SAML Configuration: Click on Edit from the Basic SAML Configuration section and fill in the information on the following page.
Mentor Meeting
- Fill in the details to configure SAML as explained below and click on Save. Once it’s saved click ‘X’ on the top right corner of the page to close. 
Mentor Meeting
- The information such as Identifier (Entity ID), Reply URL, Sign-On URL is the same as it’s available in the KloudHybrid portal as shown in the figure below. 
Mentor Meeting
b. User Attributes and claims: Click on edit. 
Mentor Meeting
- As shown in the figure below, click on + Add a group claim and select Groups assigned to the application, click on Save and close the window by clicking on ‘X’ on the top right. 
Mentor Meeting
c. SAML Signing certificate: Click on Download the ‘Certificate (Base64)’. 
Mentor Meeting
- Upload the downloaded certificate in Insights as shown in the figure below.
Mentor Meeting
d. Set up KH-Demo (the application name): 
Mentor Meeting
- From this section, copy the URLs for Login URL and Azure AD Identifier and paste it in Insights as shown in the figure below. 
Mentor Meeting
  1. Click on Users and groups to assign Admin role in Hybrid Application. Select a group of users from the list.
Mentor Meeting
  1. Copy the Object ID and paste it in the ADMIN ROLE hybrid Role Mapping section as shown in the figure below. The Object ID for Group of Users specified in hybrid will have an ADMIN Role assigned to them when logged in Hybrid App. Mentor Meeting Mentor Meeting

  2. After filling in all the details, click on Save on the top right to save the configurations. And log out of KloudHybrid.

Mentor Meeting
  1. Login with a single click on Sign in with Microsoft SAML (SAML) as shown in the figure below.
Mentor Meeting

Configuring Calendar Integration with KloudHybrid

  1. In this step, we will guide you through the process of connecting your organization’s calendar to KloudHybrid. By establishing this connection, you can effortlessly synchronize meeting details, ensuring a seamless experience across the KloudHybrid application, including the homepage and My Schedule section.

  2. To begin, it is essential to connect your preferred calendar system to KloudHybrid. Currently, KloudHybrid supports two calendar providers: Microsoft Outlook Calendar and Google Calendar. You can choose the one that suits your organization’s needs best.

  3. Please note that only one calendar can be displayed at a time in KloudHybrid. Carefully consider your requirements and preferences before proceeding with the configuration.

  4. For Microsoft Outlook Calendar integration, refer to the comprehensive Microsoft Graph API document given below. This document contains detailed instructions on how to configure the integration successfully.

  5. Alternatively, if you opt for Google Calendar integration, refer to the dedicated [Google Calendar Integration document(/kloudhybrid/adminguide1/step2/calendarintegration/googlecalendar/)] given below. This guide will walk you through the steps to seamlessly configure the integration.

Table of content

Subsections of Configuring Calendar Integration with KloudHybrid

Microsoft Graph API

  1. Integration with the Microsoft Graph API is required for integration with user calendars. Without this integration, upcoming user meetings will not show up on the home page, conference room bookings made in ‘Kloudspot Hybrid Work’ will not sync to a user’s Outlook calendar, and vice versa.

  2. To find the App integration page, navigate to the Advanced Settings Page, then go to Configuration -> Hybrid Settings-> Application Integrations.

image

Integrating With the Graph API

  1. Log in to your Microsoft Azure portal on https://portal.azure.com/
  2. Click on Azure Activity Directory from the Azure services options as shown below.
image
  1. Locate and click on the App Registration on the menu bar.
image
  1. Click on +New registration on the page.
image
  1. Enter the information in the blanks to create a new registration.

    • Name: enter a name for the application.
    • Supported account types: Select the option as shown in the figure below.
  2. Click on Register.

image
  1. Go back to the home page and click on Overview for login information on the new application created. Copy information from the Essentials and paste it into the KloudHybrid configuration.

    • The Directory (Tenant ID) and Application (Client) Id in KloudHybrid will be the same as those on the Azure portal.
image
  1. Next, we will create a client secret in Azure and past that into KloudHybrid.
image
  • To create a Client Secret, go to the Azure portal, click on Certificates & secrets and then click on + New client secret.
  • Enter the description and click on Add.
image
  • Copy the Value and paste it into the Client secret section in Microsoft Graph API Access in KloudHybrid.
image

Creating API Permissions

  1. Go to the Azure portal, click on API Permissions and then click on + Add permission.
  2. The Request API permissions tab will open. in that, Click on the Microsoft graph button.
image
  1. In the window that appears, select the Applications permissions option.

  2. A list of permissions will appear. Scroll down and check the calendar ReadWrite option from the calendars dropdown menu.

  3. Click on Add permissions button to add calendar permission.

  4. Scroll down again and check the Place Read All options in the place dropdown menu.

  5. Click on Add permissions button to add place permission.

image
  1. The newly added permissions are visible in the configured permission list. To authorize newly added permissions. Click on the Grant Admin Consent button and click Yes in the popup window that appears.

  2. Then the permission status will be changed from not granted to Granted.

  3. Calendar has been successfully configured.

image
  1. Once the calendar is added. The information that is added to the calendar will be displayed in the KloudHybrid.
image

Google Calender Integration

Overview:

This comprehensive document serves as a step-by-step guide to seamlessly integrate Google Calendar into the KloudHybrid application. It provides the necessary information on prerequisites and integration steps.

Scope:

The integration focuses on leveraging the powerful features of the Google Calendar API to empower users in accessing, events within the application effortlessly.

Intended Audience:

This documentation is intended for experienced developers and technical personnel who are responsible for integrating the Google Calendar functionality into KloudHybrid. Familiarity with web development and API integration is assumed.

Prerequisites:

Google Workspace Admin Account: To begin the integration process, you must have administrative access to a Google Workspace account with the necessary permissions to add users and manage settings.

Google Cloud Platform Account: You will need a Google Cloud Platform account to create a project and a service account for accessing the Google Calendar API. KloudHybrid Admin Account: Access to the KloudHybrid admin account is required to configure the integration settings and enable the usage of the Google Calendar API within KloudHybrid.

Integration Steps:

Follow the step-by-step instructions below to successfully integrate Google Calendar into KloudHybrid.

Step 1: Add Users in Google Workspace Admin Console:

To initiate the integration, proceed with adding the required users to the Google Workspace admin console, following these steps:

  1. Access the Google Workspace admin console by navigating to admin.google.com.
  2. Utilize administrative privileges to add the designated users who will utilize the Google Calendar functionality within KloudHybrid.

Step 2: Create a Project in Google Cloud Console:

After adding the necessary users, continue with the following steps to create a project in the Google Cloud console:

  1. Visit the Google Cloud console at: https://console.cloud.google.com/

  2. Click on the menu icon (three horizontal lines) located at the top left corner of the page.

  3. Select “IAM and Admin” > Projects > “NEW PROJECT”.

  1. Provide a descriptive name for your project in the “Project Name” field.

  2. Select “Organisation” from the dropdown list.

  3. Click “Browse” in the “Location” field to view the available project locations.

  4. Once you have made the necessary selections, click “Create”.

  1. Your project will be created within a few minutes, and you will be redirected to the project’s Dashboard page.

Step 3: Create a Service Account in the Project:

To create a service account within the project, follow these instructions:

  1. Select the project in which you want to create the service account.

  2. Click on the menu icon (three horizontal lines) located at the top left corner of the page.

  3. Choose “IAM & Admin” > “Service accounts”.

  4. Click the “Create service account” button.

  1. Enter a descriptive name for your service account in the “Service account name” field.

  2. Optionally, provide a description of the service account.

  3. If you don’t want to configure access controls at this moment, click “Done” to complete the service account creation.

  1. The service account will be successfully created, and you will be redirected to the Service Accounts page.

Step 4: Create JSON Key File:

To authenticate your access to Google Cloud services, create a JSON key file for the service account using the following instructions:

  1. Go to the Service Accounts page.

  2. Click on the menu button (three vertical dots) at the right end of the service account name.

  3. Select the “Manage key” option from the dropdown list.

  1. Click the “Add key” dropdown menu and choose “Create new key”.

  2. Select “JSON” as the key type and click “Create”.

  1. The JSON key file will be downloaded to your computer.

Note: • Treat the JSON key file as sensitive information and store it securely. • Do not share the JSON key file with anyone.

Step 5: Integrate JSON Key File in KloudHybrid:

To integrate the JSON key file into KloudHybrid for Google Calendar integration, follow these steps:

  1. Access the KloudHybrid admin account.

  2. Navigate to Configuration > Hybrid settings > Application integration.

  3. In the window that appears, select “Google” as the service provider.

  4. Paste the downloaded JSON key file contents into the “Google Calendar API access” box.

  5. Save the changes by clicking the “Save” button.

Enable Required Permissions:

To ensure seamless functionality of the integrated Google Calendar within KloudHybrid, it is necessary to configure the following permissions.

Configure the integration on the admin side.

To further configure the integration on the admin side, follow the steps below:

  1. Log in to the Google Workspace admin console using the admin account credentials.
  1. Navigate to “Apps” > “Google Workspace” > “Calendar” to access the Calendar settings.
  1. In the Calendar settings window, locate and click on the “External sharing option for the primary calendars”.
  1. Configure the sharing settings as shown in the image below:

Sharing Settings

  1. Next, we need to enter the client ID and scope in the API controls.

  2. Navigate to “Security” > “Access and data control” > “API controls”.

  3. In the API controls window, click on the “Manage Domain-Wide Delegation” button.

  1. In the Domain-Wide Delegation window, click on the "+ Add a filter” button to add the client ID and scope.

  2. Copy the client ID from the JSON key file and paste it into the “Client ID” column.

  3. Copy the scopes provided below and paste them in the “Scope” column:

These steps ensure that the necessary configurations are made on the admin side to enable seamless integration of Google Calendar into KloudHybrid.

Making a Calendar Available to the Public:

To make a calendar available to the public, follow these steps:

Note: This step is mandatory for all users and admins to complete.

  1. Open the Google Calendar.

  2. Navigate to “Settings and sharing” from “My Calendar”.

  1. In the opened window, select the “Make available to public” option.

  2. Choose the desired level of access you wish to grant to the public. For example, selecting “See all event details”.

Sharing a Calendar with Specific People or Groups:

To share a calendar with specific individuals or groups, perform the following actions:

  1. Scroll down and click on the "+ Add people and group" button.
  1. In the popup window, copy and paste the client email obtained from the JSON key file into the email column.

  2. From the permissions dropdown list, select either “See all event details” or “Make changes and manage sharing”.

  3. Click the “Send” button to finalize the sharing process.

After all these configurations you can see Google calendar events on your Hybrid homepage and calendar page.

Configuring Email and SMS Providers for Notifications

  1. To ensure seamless communication and stay updated with important notifications from the Hybrid application, it is crucial to set up the email and SMS provider information. By configuring your organization’s preferred provider, you can receive timely alerts and stay informed about essential events.

  2. In this step, you will need to enter the necessary details of your organization’s preferred email and SMS provider. These details will be used to establish a connection between KloudHybrid and the chosen provider.

  3. For setting up the email notifications, refer to the comprehensive Email (SMTP) Setup document. This guide provides detailed instructions on how to configure the email provider successfully.

  4. If you also wish to receive SMS notifications, refer to the dedicated SMS Setup document. This guide will walk you through the steps to configure the SMS provider and enable SMS notifications.

Subsections of Configuring Email and SMS Providers for Notifications

Email (SMTP) Setup

  1. To enable email notifications in the system, first an SMTP server must be added. If no SMTP server is added, users will not receive notifications about upcoming bookings, cancellations, or check-in reminders. Guests will not receive instruction emails letting them know how to get on site. Administrators will not receive any reports that are configured to automatically send via email.
  2. Navigate to the Advanced Settings page, then to Configuration -> Integrations -> Communications. Check the enable check box under Email settings as seen in the figure below.
  3. Obtain the provider’s Host Name, Port, Username, and Password from the SMTP server you are using and enter them in the associated fields below.
  4. Then type “from email” and “from the name” into the appropriate fields. This will be the email address & from the name users see emails coming from when they receive notifications.
  5. Check TLS/SSL if your SMTP server is configured to use these protocols.
  6. Enter your email address into the “Send a test email to ….” Field, and click Save & Test. You should receive an email from the system. If not, check to make sure the values entered in steps 2 – 4 are correct.
image

SMS Setup

  1. To enable SMS notifications in the system, first an SMS provider must be added. If no SMS provider is added, users will not receive notifications about upcoming bookings, cancellations, or check-in reminders.
  2. Navigate to the Advanced Settings page, then to Configuration -> Integrations -> Communications. To enable SMS settings, check the enable check box.
  3. Select the provider from the dropdown menu.
  4. Different providers will have different required fields. Get the information from your SMS provider and copy it into the fields in the system.
  5. Enter the sender’s phone number in the “Phone number to send from” text box.
  6. Enter your phone number into the “Send test SMS to ….” Field, and click “Save & Test”. You should receive a SMS from the system. If not, check to make sure the values entered in steps 2 – 4 are correct.
image

Configuring the Check-in Process

  1. In this section, we will explore how to configure the check-in process for employees or visitors who have booked seats through the KloudHybrid app. By setting up various check-in options, you can offer a seamless and convenient experience for your users. KloudHybrid provides five ways to enable check-in, each tailored to suit different preferences and needs. To ensure a smooth check-in process, you have the flexibility to choose from five different check-in methods:

    a. Self-Check-in

    b. QR Code Site Check-in

    c. QR Code Desk Check-in

    d. Lobby Scan Check-in

    e. Badge Check-in

  2. Depending on your organization’s requirements, you can enable one or multiple check-in methods to provide diverse options for users.

  3. To understand how to configure the check-in process effectively, follow the steps given below. This guide will walk you through the steps to set up and customize each check-in method according to your preferences.

The check-in process will define how an employee completes their desk booking process. Confirming that they are using the seat, made it to where they were going, and completed any requisite procedures before continuing.

Kloudspot has multiple check-in processes that can be configured in the system based on your needs. In this section, we will describe all the different options available for the check-in procedure and discuss how to configure and deploy them. The different check-in processes are as follows:

  • Self-Check-in
  • QR Code site check-in
  • QR Code desk check-in
  • Lobby scan check-in
  • Badge check-in

Before proceeding it’s important to understand the various stages of the entire booking process.

  1. The first stage of the booking process is for a user to go in and create the actual booking. This is where they will make their site, seat, time, and date selections, and then reserve that seat for the given time.
  2. The next stage of the booking process is the health questionnaire. This is generally completed before an employee has come onto the site to check-in. Employees are notified if they are cleared to head into the site or not based on their responses to the health questionnaire. It’s also important to note that this is an optional step, and administrators can configure the system to skip directly to step #3.
  3. The final step of the booking process is the check-in process, which is what this section discusses. The check-in process you configure has no bearing on steps #1 or #2, and you can configure those stages separately, as discussed in other sections.

Self-Check-in

  1. The self-check-in process is the simplest of all check-in procedures, it simply involves the user confirming their booking at the time of check-in. This is done by simply clicking the self-check-in button that appears on the application home screen at the time of check-in, as seen below.
image
  1. Once the user has clicked the self-check-in button, the process is complete, they will be notified through the application that their check-in process is complete, and they can feel free to exit the application and continue with their day.

  2. To configure self-check in, navigate to the Advanced Settings page, then to Configuration -> Hybrid Settings -> scroll down to Check-in Settings.

  3. Next, if checked, uncheck Kiosk Check-in, and check Check-in without QR code scan, as seen in the below figure.

image
  1. Finally, click the save button at the top of the Hybrid Settings page as seen below.
image

QR Code Site Check-in

  1. The site QR code check-in process is where a global site QR code is pasted either in the lobby, or around the office at key entry points. When users enter the site, they pull out their mobile application, proceed to the check-in process, and scan the global site QR code. Once they do this, their check-in process is complete, they will be notified through the application that their check-in process is complete, and they can feel free to exit the application and continue with their day.

  2. From the user perspective, they will click the “Self Check-in” button on the home page at the time of check-in.

image
  1. The user will then be redirected to a QR code scan in page:

image image

The user will then need to point their camera at the QR code, the QR code will be automatically detected & scanned by the application (when made visible). As soon as the QR code gets scanned by the application, the check-in process is complete.

To set up QR Code Site Check-in:

  1. To configure self-check in, navigate to the Advanced Settings page, then to Configuration -> Hybrid Settings -> scroll down to Check-in Settings.
  2. Next, uncheck Kiosk Check-in, and uncheck Check-in without QR code scan, as seen in the below figure
image
  1. Next, click the save button at the top of the Hybrid Settings page as seen below.
image
  1. Then, navigate to the Advanced Settings page, then to Configuration -> Locations -> Infospots page.

  2. Click the Generate QR Codes button.

image
  1. This will redirect you to a page with many QR codes. At the top of the web page, there will be smaller QR codes that are marked for specific infospots. At the very bottom of the page, there will be a single large QR code, which is the site QR code. Print this large QR code out and paste it around you site. This will be the QR code that users will need to scan to check-in
image

QR Code Desk Check-in

  1. The desk QR code check-in process is where a QR code is pasted in every bookable seat. When users enter the site they head to their reserved seat. Once they are at their seat, they pull out their mobile application, proceed to the check-in process, and scan the desk QR code. Once they do this, their check-in process is complete, they will be notified through the application that their check-in process is complete, and they can feel free to exit the application and continue with their day.
  2. From the user perspective, they will click the “Self Check-in” button on the home page at the time of check-in.
image
  1. The user will then be redirected to a QR code scan in the page:

image image

  1. The user will then need to point their camera at the QR code, the QR code will be automatically detected & scanned by the application (when made visible). As soon as the QR code gets scanned by the application, the check-in process is complete.

To set up QR Code Desk Check-in:

  1. To configure self-check in, navigate to the Advanced Settings page, then to Configuration -> Hybrid Settings -> scroll down to Check-in Settings.
  2. Next, uncheck Kiosk Check-in, and uncheck Check-in without QR code scan, as seen in the below figure
image
  1. Next, click the save button at the top of the Hybrid Settings page as seen below.
image
  1. Then, navigate to the Advanced Settings page, then to Configuration -> Locations -> Infospots page.

  2. Click the Generate QR Codes button.

image
  1. This will redirect you to a page with many QR codes. At the top of the web page, there will be smaller QR codes that are marked for specific infospots. At the very bottom of the page, there will be a single large QR code, which is the site QR code. Print out the smaller QR codes and paste them on or around their associated desk.
image

Lobby Scan Check-in

  1. The lobby scan check-in process is where, at the time of check in, the user will open their application, be given a QR code on the application, and then present the QR code to a tablet setup as a scanner in the lobby. This is a very similar process that airlines employ with boarding pass QR codes and at-the-gate scanning.

  2. From the user perspective they will open their application, click the Lobby Check-in button.

image
  1. The user will then be presented with a pop-up asking them to present the QR code to the lobby scanner:

image image

  1. They will display this QR code to the tablet in the lobby, the same as you would when you’re in the airport. Once they do this, their check-in process is complete, they will be notified through the application that their check-in process is complete, and they can feel free to exit the application and continue with their day.

To set up Lobby Scan Check-in:

  1. To configure self-check in, navigate to the Advanced Settings page, then to Configuration -> Hybrid Settings -> scroll down to Check-in Settings.
  2. Next, check Kiosk Check-in, as seen in the below figure
image
  1. Next, click the save button at the top of the Hybrid Settings page as seen below.
image
  1. Then, navigate to the Advanced Settings page, then to Configuration -> Locations -> Infospots page.

  2. Click Site Kiosk URL, copy the given URL, and paste it into the lobby kiosks browser. It will open a scanning & lobby management application. The web page opened can also function as a progressive web app, that can be downloaded onto the device.

image

Badge Check-in

  1. Badge check-in is where an employee can complete their check-in process by scanning their employee badge, and by doing this they complete their check-in process. The KloudHybrid system can also in some cases work to deny users entry to the building based on certain conditions such as: working hours, health questionnaire responses, no upcoming bookings, etc.
  2. To setup and configure the badge check-in please contact your Kloudspot representative.

Creating & Assigning Health Questionnaires

  1. After successfully configuring the check-in process, you have the option to create customized health questionnaires. Health questionnaires are designed to ensure the safety and well-being of your employees and visitors by verifying their health status before accessing the premises.

  2. To create a health questionnaire, refer the following guide. This guide will provide you with step-by-step instructions on how to design and configure questionnaires tailored to your organization’s needs.

  3. Once the questionnaire is created, you can assign it to specific locations within the KloudHybrid app. This enables targeted questioning based on different access points.

  4. Health questionnaires can be a valuable tool in maintaining a safe and secure workplace environment, providing an additional layer of protection for your workforce.

  5. Health questionnaires are the second step of the booking process, with the first step being reserving a space, and the third step being the check-in process. The health questionnaire gives employers an opportunity improves the health and safety of their site by validating the status of their employees before they come on site.

  6. Administrators have several options with the health questionnaire that they will need to consider with their team before proceeding to configure the health questionnaire, such as:

    • What questions will be asked of the user, and what other information will they have to provide?

    • Will the system save the user responses to these questions, or simply save a true/false value if the user is allowed on site given what their responses were.

    • How often will employees need to fill out health questionnaires? Every day they come on site? Once a week? Once every two weeks?

    • In the case of an invalid response to the health questionnaire questions, who (if anyone) is notified?

Creating a Health Questionnaire

  1. Navigate to the Advanced Settings page, then to Configuration -> Questionnaire’s page.
  2. Click the +New Questionnaire button.
image
  1. The Add Questionnaire dialog box will be displayed, here there are several fields to fill out:
    • Specify the title and description for the health questionnaire. The information entered here will be visible to the user when they fill out the health questionnaire.
    • Check/uncheck require photo, if this option is selected the user will be required to take a picture of themselves during the health questionnaire process.
    • Check/uncheck require user info, if this option is selected, the user will be required to provide their: email address, phone number, first and last name. If this information is available via the user profile, it will be automatically pulled.
    • Check/uncheck save user’s answers for all questions, if this option is selected, the users specific answers to the questions you ask in the health questionnaire will be saved. If it is left unchecked, the system will only store a single true/false value that determines if they passed or failed the health questionnaire.

image image

  1. Click Save to add it.
  2. To add questions, click on the questions button on the right-hand side of the questionnaire.
  3. Click on the +New Question button to add questions.
image
  1. Fill in the question and description in the “Add Question” window that appears.

  2. Select the answer type from the dropdown menu. There are three different question types including: yes/no questions, text question (which are free form responses), and multiple choice questions where a user can select a single answer from multiple options as a response.

    • If you are creating a multiple-choice question, an additional field will be displayed that asks for you to input all possible answers as comma separated values. Example: answer1, answer2, answer3, answer4, answer5
  3. Check/uncheck Mark as Required, if selected users will be required to answer this question before submitting the health questionnaire. If left unselected users can choose whether or not they fill out the question.

  4. Check/uncheck Validate Answer, if selected you will also be required to fill out the Please provide a valid answer to this question for validation field. Additoinally, if selected, users will be required to fill out the correct response in order to complete their check in, if they fill out an incorrect response they will not be able to check in. If left unchecked, answers will not be validated.

image image

  1. Click Save.

Assigning a Questionnaire to a Site

  1. Navigate to the Advanced Settings page, then to Configuration -> Location page.
  2. Select the site you wish to assign the questionnaire to. Then navigate to the infospot page.
  3. Select the Questionnaire from the dropdown menu as seen in the figure below.

image image

Miscellaneous Health Questionnaire Settings.

  1. There are some additional settings available to help configure the functionality of the health questionnaire located on the Advanced Settings page, then to Configuration -> Hybrid Settings page. Scroll down the to Questionnaire Settings section as seen below.
image
  • This section allows you to enable/disable health questionnaires entirely from the system. If you enable the health questionnaire, but don’t want specific sites to fill out a health questionnaire, simply don’t assign a health questionnaire to that site.
  • Questionnaire Validity is how long the health questionnaire is valid for. So, for example setting 1 day here would require the employee to fill out a health questionnaire every day they wanted to come on site. A setting of 5 day here would require the employee to fill out a health questionnaire once a week.
  • Notification Email Address is the specific person or mailing list that will receive an email notification from the system if a user fails their health questionnaire. Ensure you have SMTP configured to receive these emails.
  • Notify To Manager if selected, and a user fails the health questionnaire, their direct manager will also be sent a notification email. Ensure that both SMTP and SCIM are configured.

Conference Room Setup

  1. In this section, we will guide you through the process of setting up a check-in kiosk in front of the conference room that you have created as part of your hybrid office setup. The check-in kiosk is a convenient and efficient way for employees and visitors to check in before accessing the conference room. If you haven’t created a hybrid office yet, please refer to the Creating Your Hybrid Office document for detailed instructions.

  2. Once you have successfully built your conference room and completed the hybrid office construction, it’s time to configure the conference room.

  3. To setup a conference room in the system, first setup your conference room infospots following the instructions in the Adding Infospots section. Once you have done that follow the instructions below.

  4. Navigate to the Advanced Settings page, then to Configuration -> Location -> Infospots page.

  5. Click the Add/Edit an Infospot drop down, scroll to find the conference room. Once you find it, click the Copy URL button next to the conference room, as seen in the figure below.

image
  1. A dialog box will open showing the URL for that specific conference room. Copy the URL.
image
  1. Paste the URL from the previous step into a browser on the tablet assigned to that conference room. This will open the conference room application, the application is a progressive web application, and thus can be installed on the device.

  2. Finally, navigate to the Advanced Settings page, then to Configuration -> Hybrid Settings -> Conference Room Settings section. Here you can enable/disable auto room cancellation. If you enable auto room cancelation, give a value for No-show cancellation Period (min). If this is enabled, and users do not check into the conference room after X minutes of the meeting starting, the meeting will be cancelled, and the conference room will be released. Click Save once you’ve finished at the top of the page.

image

Additional Administrative Settings

  1. As you progress in configuring your KloudHybrid application, it’s essential to fine-tune administrative settings to meet your organization’s specific needs. Like controlling booking hours, seat cooling periods, future booking limitations, seating neighborhoods, global notification settings, and more.

  2. In this document, we will guide you through the process of customizing various administrative settings to optimize your hybrid workflow.

In this section we will cover all additional administrative settings not covered in the previous sections, including controlling booking hours, seat cooling periods, future booking limitations, seating neighborhoods, global notification settings, etc.

Configuring Neighborhoods

  1. Neighborhoods are a way to organize where users can and cannot book based on the department set in their profile. To configure neighborhoods, please ensure SCIM is setup.

  2. The system accomplishes neighborhood creation via the use of zones. Tags are added to each zone that describe the departments that are allowed to sit in the zone. Then, any infospots within that zone can only be booked if they are member of an allowed department.

To configure a neighborhood, follow the instructions below:

  1. Navigate to the Advanced Settings page, then to Configuration -> Location -> zone page.
  2. Find the desired zone from the Add/Edit a Zone drop-down, and click the edit button.
image
  1. In the Update Zone dialog box, add tags that correspond to employee departments. Examples such as Sales, Engineering, Marketing, etc. Click Save.
image
  1. Repeat steps 2-3, adding a tag for each department you want to be allowed to sit in a zone. Keep in mind that multiple departments can be allowed to sit in a single zone, simply add one tag for each department.

  2. Navigate to the Advanced Settings page, then to Configuration -> Hybrid Settings.

  3. Under general settings, enable Enforce Booking Restrictions. Click Save.

image

Booking Parameters

  1. Navigate to the Advanced Settings page, then to Configuration -> Hybrid Settings in this section we will discuss additional booking settings & parameters not previously discussed. Remember to click the save button at the top of the page after changing any settings.
  • No-Show Cancellations: Cancel a seat booking if a user has not checked in within ‘X’ number of minutes after the start of their reservation.
  • Lead Time for Check-in: Users can only check in X number of minutes before their booking. So if it is 1pm, and the Lead time for Check-in is 120 minutes, the user will not be able to check in until 11 am.
  • Cooling Period: The amount of time between two physical bookings at the same seat. For example, if seat ‘A’ is booked by a user at 8am on Thursday, and the cooling period is set to 24 hours, another booking will not be able to be made at seat ‘A’ until 8 am on Friday. This is to allow janitorial staff an adequate amount of time to clean the area before the next booking.
image
  • Under booking settings there are three different fields Default booking, Medium Range Booking, and Long Range Booking. These act as different permissions that can be given to users that govern how long into the future they can make a booking. For example, with the settings below a user with default booking permission can only make a booking 7 days into the future. A user with long range booking permissions can make a booking 90 days into the future. By default, users with user permissions can make ‘default bookings’, and users with Manager or Administrator access have ‘medium range booking’ permissions. To assign different permissions to different users, or modify roles, please see the User & Permission Management section.
image
  • The work settings describe the work hours of the business. You can either set standard work hours for every day or set custom work hours for specific days. Additionally, you can enable Enforce Work Hours which will disallow users from making bookings outside of work hours.
image

General KloudHybrid Settings

  1. Navigate to the Advanced Settings page, then to Configuration -> Hybrid Settings in this section we will discuss additional general system settings & parameters not previously discussed. Remember to click the save button at the top of the page after changing any settings.
image
  • News Feed URL (RSS) here you can configure an RSS news feed that will show up on the user’s homepage and display news articles to them, as seen in the below figure.
image
  • KloudDisplay URL this is the URL for the virtual KloudDisplay that can display on the user’s homepage below the news feed, as pictured below. The full setup of the KloudDisplay is not discussed in this guide, please see the appropriate guide for instructions for KloudDisplay configuration or contact your Kloudspot representative for support.
image
  • Only Show ‘Advanced’ for Admins, when this is set, only system administrators will be able to navigate to the advanced settings page.
  • Disable EULA will disable EULA agreement that pops up on first time user login.
  • Custom Links can be added into the system and will be visible to end users and navigable from the drop down in the upper right hand of the application as seen in the figure below. This allows other internal applications to be navigable via KloudHybrid, giving users easy access to other applications they might need from one convenient place.

image image

User & Permission Management - Adding Users and Assigning Roles

  1. Once you have completed the initial configuration of KloudHybrid, it’s time to add users from your organization to the system.

  2. In this step, you will learn how to create a new role, which serves as a template for defining different sets of privileges for users.

  3. The role-based approach allows you to control the level of access each user has within the KloudHybrid application.

  4. After creating the role, you can start adding users to the system and assign the appropriate role to each user based on their responsibilities and requirements.

  5. Assigning roles to users ensures that they can perform specific actions and access certain features that align with their job roles and responsibilities.

  6. The following sections provide detailed instructions on how to create new roles, add users, and assign roles to users effectively.

  7. By following this guide, you can confidently manage user permissions, ensuring data security and privacy while empowering your team members with the necessary tools and access.

The system can create and manage local users, as well as integrate users from SSO providers. In either case, users have a defined role, which will give them a set of permissions. By default, there are three roles in the system: User, Manager, Admin. Beyond that, custom roles can be created an assigned.

User Roles

  1. Go to the Roles menu from the Configuration Drop down menu. The “Roles” page displays the existing roles and the assigned permission for each role.

image image

  1. You can edit or delete the existing roles by clicking on the provided icons on each row.
  2. It also allows you to create a new role.

image image

Create a new role:

  1. Click +New Role on the top right corner of the page.

image image

  1. The “Create Role” dialog box is displayed.

  2. Enter the roll key name. Key name should always start with ROLE_.

  3. Check the checkbox to select the permission(s) for a role.

  4. Click Save to create a role.

  5. A new role is created.

image image

User Management

  1. Go to the Users menu from the Configuration Drop-down menu. The Users page displays the existing Kloudspot user details such as details name, email id, roles, etc. It allows you to create a new user.

image image

Create a new user:

  1. Click +New User on the top right corner of the page.
image
  1. The Create or edit a User dialog box is displayed with the Basic tab.

  2. Make the following changes in the Basic tab. The basic tab is mandatory.

  3. Specify the login name, first and last name of the user, email id, phone, and mobile number.

  4. Select the language from the drop-down menu.

  5. Set the account status as enabled or disabled. By default, it is enabled. Uncheck the checkbox to disable it.

  6. Set the temporary password for the user where the user can change the password later.

  7. Enter the department’s name and the manager’s name.

  8. Check the respective checkbox to select the roles.

    • Administrator: The Administrator has the complete right to make all the configurations available in the application.
    • Manager: The manager has the appropriate rights to make configurations for the limited features.
    • User: The user has only the user rights to access and work on KloudHybrid.
    • ROLE_XXX: The XXX stands for specific roles that have specific rights.

image image

Go to the Icon tab to set an icon for a user.

  1. Click on the provided checkbox to select an image of .png and .jpg formats or drag and drop an image inside it.
image

Go to the Advanced tab to provide the social and official network information.

  1. Enter the social and official network information such as Microsoft Teams Email, Personal Zoom Link, Skype ID, Slack URL, and Univerge Blue Link.

  2. Enter Group name. If the user is a member of a group or department, we can include that information here. It is possible to add more than one group.

Example: Engineering, Testing, Marketing and so on.

  1. Click Save to save the changes.

Note: A field that has an asterisk mark (*) is the mandatory field.

image image

  1. A new user is added with the provided details.

  2. You can edit or delete the existing Users by clicking on the provided icons on each row.

  3. The Bulk Import/Export Button can be used in case you need to add more than one user at a time or download existing user information.

image
  1. You can download the sample document by clicking on the download sample button. Click the Download existing users button to download full user details.

  2. Multiple users can be added by dragging and dropping the CSV file into dropbox.

  3. Click Save.

image

Miscellaneous System Configuration/Settings

Refer to the following guide to learn about other configurations included in First Time Setup.

System Health Alerts

  1. Helps to receive system health-related notifications.
  2. Enable email notifications and add the email ID to receive the notification.
  3. Enable webhook notifications to receive notifications and select the desired webhook type.
  4. Then add a webhook Link.
  5. Click the Save button to save the changes.
image

Connecting and Integrating Applications with KloudHybrid

  1. If you are a user of My Office feature in KloudHybrid, you have the option to connect and integrate apps that are essential for your project’s success.

  2. For example, you can integrate popular apps like Box, Slack, and Wrike to centralize data, facilitate real-time communication, and streamline project workflows.

  3. To learn how to integrate applications with KloudHybrid, just follow these steps. This detailed guide will help you connect and set up apps easily.

  4. Log in to the ‘Hybrid Work’ admin account then navigate to Settings > Advanced Settings >Configuration > Hybrid Settings > Application Integrations.

image
  1. To learn how to do Box API integration, see the document below.

Box API Integration

  1. To learn how to do Slack API integration, see the document below.

Slack API Integration

  1. To learn how to do Wrike API integration, see the document below.

Wrike API Integration

  1. To learn how to do Jira API integration, see the document below.

Jira Integration

  1. To learn how to do GitHub API integration, see the document below.

GitHub API Integration

  1. To learn how to do Trello API integration, see the document below.

Trello API Integration

  1. To learn how to do ServiceNow integration, see the document below.

ServiceNow Integration

  1. To learn how to do Cisco ISE Settings, see the document below.

Cisco ISE Settings

  1. To learn how to do Zoom SDK integration, see the document below.

Zoom SDK integration