# Device Simulator Web app

Our KPN Things **Device Simulator  Web app** allows you to test KPN Things with your own mobile phone/laptop as a device. If you do not yet have a suitable device, you can use the Web app to still build a working data flow.

### Features

* **Mobile/laptop as a device** - Easily add the Web app as a Device in your KPN Things account.
* **Choose sensors** - The app allows you to choose which metrics to use as Device data. 

<figure><img src="https://1453626848-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl6RrePMSAjRvOgcHjMBZ%2Fuploads%2FQ9adDkJlX71KDL4ykN8R%2FDevice%20simulator%20app%20features.png?alt=media&#x26;token=731eb5c6-05bb-41cd-875a-be66d9e0c6bb" alt=""><figcaption><p>Device simulator app features</p></figcaption></figure>

## Add the Device Simulator Web app

Follow the steps to add the Device Simulator Web app as a device.

{% stepper %}
{% step %}

### Register your Web app in KPN Things

On your computer go to the KPN Things portal.

1. Click on **Devices** to show the device overview on the **Things Manager** tab
2. Click on **Add new Device** to add the Device Simulator

<figure><img src="https://1453626848-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl6RrePMSAjRvOgcHjMBZ%2Fuploads%2Fc8lodlsYQDNSoelneyet%2FDevice%20simulator%20toevoegen%20Things%20Portal.png?alt=media&#x26;token=77c2c78c-efd9-4aac-a79c-b9caaba10672" alt=""><figcaption></figcaption></figure>

3. Click on **Device Simulator Web app**
4. Give your device a recognizable **name**
5. You can add a **description**, this is useful when you have multiple devices and want to provide context. This is not a mandatory field.
6. Click **Add Device** to finish this step

<div align="left"><figure><img src="https://1453626848-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl6RrePMSAjRvOgcHjMBZ%2Fuploads%2Fqeh9yRZxWK2hvAEbKbxw%2FDevice%20simulator%20toevoegen%20Things%20Portal%202.png?alt=media&#x26;token=6b32ee6c-19e6-48aa-9f26-a716300da13a" alt=""><figcaption></figcaption></figure></div>
{% endstep %}

{% step %}

### Open the Device Simulator Web app

You can open the Device Simulator Web app in three ways:&#x20;

1. In your internetbrowser on your computer or laptop
2. On your phone with the QR code
3. Share the URL and open the Device Simulator Web app

<figure><img src="https://1453626848-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl6RrePMSAjRvOgcHjMBZ%2Fuploads%2F11xqDPIsTQfgWQOrukme%2FOpen%20the%20device%20simulator.png?alt=media&#x26;token=4be69c86-f1ca-4003-b7ef-64dc2e4e6381" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### Send your first measurement

Select which measurements you want to be send.

1. Click the corresponding **checkboxes** by selecting or deselecting to choose measurements
2. Click **Send data now** to send your first measurement

<figure><img src="https://1453626848-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl6RrePMSAjRvOgcHjMBZ%2Fuploads%2F89NmDM1yJrkWhEq0neKU%2FSend%20data%20now%20Device%20Simulator%20Web%20app.png?alt=media&#x26;token=5f746de4-44a4-4c0c-8c83-f2de4529f632" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### Check the incoming message

In KPN Things portal refresh the page. You now see a value next to Last message, indicating that the measurement is recieved from your Device simulator app.

<figure><img src="https://1453626848-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl6RrePMSAjRvOgcHjMBZ%2Fuploads%2FfC1WrwzMMgjfebRBDtCW%2FLast%20message.png?alt=media&#x26;token=a18d446f-0f1d-4367-a25b-6076b6affd82" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### Ready to build your data flow

You are now ready to setup your first data **Flow** in KPN Things.
{% endstep %}
{% endstepper %}

{% content-ref url="../tutorials/configure-a-flow" %}
[configure-a-flow](https://docs.kpnthings.com/kpn-things/getting-started/tutorials/configure-a-flow)
{% endcontent-ref %}

Or connect your own test devices with our other device templates.

{% content-ref url="../tutorials/connect-devices" %}
[connect-devices](https://docs.kpnthings.com/kpn-things/getting-started/tutorials/connect-devices)
{% endcontent-ref %}