Guest Portal and Campaign Management

Guest Portal


Captive Portals or Guest Portal is a multi-channel platform that enables you to connect and engage with visitors on your premises.
Guest portal screen page allows to create and design a customizable portal from scratch.
A sample of templates will be given as an option to choose to create a portal, layout will be available as a part of the template.

Following are the steps to configure the Guest Portal.

Captive Guest Portal Configuration

The captive portal is designed with following terms that are described below:

  1. Social Authentication
    Needs authentication using social platforms as Facebook, Twitter, Linked, Google and Instagram.
  2. Email Authentication
    It will ask the user for their Name and Email address to be able to Authenticate.
  3. SMS Authentication
    It asks the user for their contact number and authenticate over a SMS.
  4. Multi device Token
    A token is generated by the admin.  User can use this token for authentication. One or multiple devices can be configured to use a single token.
  5. Username/Password
    A guest user can be created by generating a unique username and password which is used for authentication. One or multiple devices can be configured using individual username/password combination.
  6. Third party
    Kloudspot can integrate with various third-party applications such as,
    1. ERP
    2. PMS
    3. POS

Screenshot - Meraki Access Control Settings

Step 1: Enter ‘Wireless’ > ‘Access Control’

Step 2: Choose the SSID to which the Captive portal will be configured.

screenshot -Setup Network Access Requirements

Fig 2: Setup Network Access Requirements

↑ Back To Top

Step 3: Network Access, Association requirement, Select ‘Open (no encryption)’.

Step 4: In Network Access, Splash page, Select ‘Click-through’.

Step 5: In Network Access, Captive portal strength,
Select ‘Block all access until sign-on is complete’In Network Access, Walled garden ranges, Enter the following domains:
*.kloudspot.com * .facebook.com * .facebook.net * .akamaihd.net * .fbcdn.net * .atdmt.com * .fbsbx.com *. twitter.com * .twimg.com
Note: You have to separate them only with a space, as shown in the image

Fig 3: Captive Portal Settings

 

Step 6: In the end Save changes.

Step 7: Enter Wireless, click on ‘Splash page’.

Step 8:Choose the SSID to which the captive portal will be configured.

Step 9: On ‘Splash page’, Custom splash URL, enter the url below;
https://mx01.kloudspot.com/cp/lacomer/index.htm

Step 10: Save changes and Exit.


For more details on how to create template and workflow driven portal, please refer to Kloudspot documentation

 

↑ Back To Top

Campaign Management

Kloudspot has a powerful workflow and policy driven campaign management solution centered mostly around Wi-Fi which offers both online and offline campaigns. These online campaigns can be created and managed using Captive Guest Portals. Creation of Captive guest portals is extremely easy using one of many templates supported by KloudCampaign Editor. KloudCampaign Editor can help guide the user to create a captive portal for the hardware they have deployed on the network.

For more details on how to create Campaigns, resources and configure dynamic policies and workflows, please refer to Kloudspot documentation
https://documentation.kloudspot.com/help/campaign-management-active-portal-setup

 

Meraki Wi-Fi & BLE Event Receivers

The Kloudspot Analytics Engine can receive events from many types of Meraki Wi-Fi network.
One or more of event sources can be configured in the ‘Configuration -> System -> System Configuration’ screen.

Validate the Receiver URLs

Most of the receivers below ‘push’ to a specific URL. The protocol (HTTP/HTTPS) used varies depending on the source. We support both HTTP and HTTPS protocols using port 48082 and 48083. Refer to the specific data source below to determine the correct one to use.
If you have set a SSL certificate for the UI, that will be used instead of the self-signed one.
You can check access to both the HTTP and HTTPS urls with a ‘ping’:

↑ Back To Top

Meraki Location Scanning API

To enable, the Meraki scanning API feed, follow the following steps:
Step 1: Follow the Meraki Standard instructions in the Meraki manual to set up the Scanning API on each Meraki account.
Location Analytics – Cisco Meraki
Step 2: When enabling the API, set the following parameters:
• API Version : 2
• Post URL : https://{server}:48083/meraki/{name}
• Secret : for example – kloudspot12345678
Step3: For ‘{name}’ use a friendly alphanumeric label for the account.
Step4: Next go to the Kloudspot Web UI and select ‘Cisco Meraki’ source in the Event Sources.
Step5:  Add an entry for each account (one is enabled by default) by clicking the ‘+’ sign.
Step6: Enter the ‘name’, ‘validation’ and secret’ from above for each account and click ‘Save’.

Step7: Restart the stream processing job.

Integrating Meraki camera

Kloudspot supports integration with both RTSP (MV*2 cameras only) and MV Sense APIs. RTSP video stream from Meraki second generation cameras can be streamed to the on-premise Kloudspot Vision Controller for complex actionable use cases including object detection, PPE and mask compliance, Social distancing, capacity counts and management, demographics and fingerprinting.

Insights inferred from RTSP stream

 

For more details on KloudVision™ please see:

RTSP integration

Please refer to Meraki documentation on how to setup Meraki RTSP configuration to stream live video

 

Also refer to Kloudspot documentation on how to setup Meraki RTSP configuration

MV Sense integration

Step 1: Port number 6666(TCP) should be exposed to send Meraki camera payloads to the Insights.
Step 2: On UI, go to configurations and click on locations. Add the location (Region/site) where the cameras need to be deployed. Then navigate to the ‘Cameras’ section.

 


Step 3:
Click on the ‘Cameras’, select the floor and the zone to which you want to add the camera and click on ‘add/edit a camera’ and then click on “Add a Camera” as shown in figure below.

↑ Back To Top

 

 

Step 4: ‘Add/Update Cameras’ dialogue box needs to be filled with following information.

  1. Choose the vendor as ‘Third Party Camera’. Enter the Unique Id of the Meraki Camera in ‘camera name’ section.
  2. Upload the image that is seen by the camera in “PNG” format in the “camera Image” section (Image size less than 2MB).
  3. Choose the grid resolution for the camera through the slider (default value is 50px) in the advance settings.
  4. Click on ‘Save’ to add the camera.

NOTE: Grid resolution is the resolution of each grid in pixels the image would be divided for heatmap calculations.

Adding widgets which use Meraki payloads to the dashboard.


Step 1:  On the homepage, navigate to ‘My Dashboards’ and select an existing dashboard or create a new dashboard.
Step 2: On the selected dashboard scroll down to the bottom and click on the ‘+’ symbol to add widgets to the dashboard.

↑ Back To Top

Live Movement on a Camera Widget

 

↑ Back To Top

Step 1: To add the ‘Live Movement on a Camera Image’ widget navigate to the ‘Camera’ section and select ‘Live Movement on a Camera Image’ widget.
Step 2: Select the location in which the camera is configured through the ‘Settings’ option by clicking on the gear symbol.

 

 

Step 3: Select the camera for which you want to see the live movements.
Step 4: Once the camera is selected the live movements of the objects are seen on the camera image in the form of rectangles. User can hover over the rectangle to get more details of the object.
NOTE: User can Zoom in and out using the ‘+’ and ‘-‘symbols respectively.

↑ Back To Top

↑ Back To Top

Live user heatmap on floor camera image’ Widget

Step 1: To add the ‘Live User Heatmap On Floor Camera Image’ widget navigate to the ’Maps’ section and select ‘Live User Heatmap On Floor Camera Image’ widget.

 

Step 2: Select the location in which the camera is configured through the “Settings” option.
Step 3: Select the camera for which you want to see the heatmap.
Step 4: Clicking on the “Live Option” enables the user to view the live heatmap.
Step 5: Clicking on ‘history’, allows the user to view the heatmap for a specific day. The user can choose/pick any day from the date-picker.

↑ Back To Top

↑ Back To Top

Step 6: Clicking on the “Show Hour” checkbox enables the user to view the heatmap data for any hour of the day.

 

 

Step 7:  A tooltip with the ‘count and dwell time’ can be seen when the user just hovers over the heatmap.
NOTE: User can Zoom in and out using the “+” and “-” symbol, respectively.

↑ Back To Top

 

↑ Back To Top