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