Line 8: |
Line 8: |
| | | |
| | | |
− | The goal of this tutorial is to demonstrate the basic usage of the most popular ThingsBoard features which helps monitor Teltonika-Networks devices. First, you need to login into the platform. Next, you will see an overview window, scroll down to <b>Device management</b> section or simply click on the <b>Device group</b> in the navigation menu. | + | The goal of this tutorial is to demonstrate the basic usage of the most popular ThingsBoard features which helps monitor Teltonika-Networks devices. |
| + | |
| + | First, you need to login into the platform. Next, you will see an overview window, scroll down to <b>Entities</b> section and simply click on the <b>Device</b> in the navigation menu. |
| | | |
− | [[File:Thingboards_io_Overview_page.png]]
| |
| <ol> | | <ol> |
− | <li> Click on one of the marked in red buttons in the <b>Device groups</b> overview page. In this page you can also add additional device groups in order to distinguish different devices with unique data flows.</li> | + | <li> Click on one of the marked in red buttons in the overview page <b> Entities → Devices</b>. In this page you can also add additional device in order to distinguish different devices with unique data flows.</li> |
| <li> Click marked "<b>+</b>" buttons to add new device to the group.</li> | | <li> Click marked "<b>+</b>" buttons to add new device to the group.</li> |
| </ol> | | </ol> |
− | [[File:Thingboards_io_device_groups.png]] | + | [[File:1111.png]] |
| + | |
| + | |
| <ol> | | <ol> |
| <li> In the pop up window set name for your device.</li> | | <li> In the pop up window set name for your device.</li> |
− | <li> Configure your device's <b>Access token</b>(Optional)</li> | + | <li> Configure your device's <b>Label</b> (Optional)</li> |
| </ol> | | </ol> |
− | [[File:Thingboards_io_add_new_device.png|border|class=tlt-border]] | + | [[File:22.png]] |
| + | |
| + | |
| | | |
| ==== Credentials type: Access token (HTTP protocol) ==== | | ==== Credentials type: Access token (HTTP protocol) ==== |
Line 29: |
Line 34: |
| <li> Click <b>Add</b> button to save changes. </li> | | <li> Click <b>Add</b> button to save changes. </li> |
| </ol> | | </ol> |
− | [[File:Thingboards_io_configuring_credentials.png|border|class=tlt-border]] | + | [[File:33.png |border|class=tlt-border]] |
| | | |
| === Credentials type: MQTT Basic === | | === Credentials type: MQTT Basic === |
Line 40: |
Line 45: |
| <li> Click <b>Add</b> button to save changes. </li> | | <li> Click <b>Add</b> button to save changes. </li> |
| </ol> | | </ol> |
− | [[File:Thingboards_io_configuring_credentials_mqtt_basic.png|border|class=tlt-border]] | + | [[File:44.png]] |
| | | |
| ==Preparing data source== | | ==Preparing data source== |
| | | |
| | | |
− | Different data streams can be selected depending on the device's supported functionality's. In this example we will be using <b>Modbus TCP slave</b> with native <b> Modbus TCP master </b> functionality. | + | Different data streams can be selected depending on the device's supported functionality's. In this example we will be using <b>Modbus TCP Server</b> with native <b> Modbus TCP Client </b> functionality. |
| | | |
| 1. First, change WEBUI mode from <b>basic</b> to <b>advanced</b>.<br> | | 1. First, change WEBUI mode from <b>basic</b> to <b>advanced</b>.<br> |
− | [[File:Networking_rutx_manual_webui_basic_advanced_mode.gif|border|class=tlt-border]] | + | [[File:05.png|border|class=tlt-border]] |
− | 2. Go to <b>Services → Modbus TCP slave</b> page.<br> | + | 2. Go to <b>Services → Modbus TCP Server</b> page.<br> |
− | 3. Enable <b>Modbus TCP slave</b>.<br> | + | 3. Enable <b>Modbus TCP Server</b>.<br> |
− | [[File:Thingboards_io_Modbus_TCP_slave.png]] | + | [[File:66.png]] |
− | 4. Go to <b>Modbus TCP master</b> page and add new slave device.<br> | + | 4. Go to <b>Modbus TCP Client</b> page and add new Server device.<br> |
− | [[File:Thingboards_io_Modbus_TCP_master.png]] | + | [[File:20.png]] |
− | 5. Configure <b>Modbus TCP master's slave device</b> as shown below to return device's uptime value.<br> | + | 5. Configure <b>Modbus TCP master's Server device</b> as shown below to return device's uptime value.<br> |
− | [[File:Thingboards io Modbus TCP master device v2.png|border|class=tlt-border|1152x525px]] | + | [[File:21.png|border|class=tlt-border|1152x525px]] |
| + | [[File:9.png|border|class=tlt-border|1152x525px]] |
| | | |
| ==Configuring data to server with HTTP protocol== | | ==Configuring data to server with HTTP protocol== |
Line 61: |
Line 67: |
| After configuring the data source, you can add a data sender configuration. Data sender functionality is located <b>Services → Data to server</b>. You can add data sender by clicking <b>Add</b> button. | | After configuring the data source, you can add a data sender configuration. Data sender functionality is located <b>Services → Data to server</b>. You can add data sender by clicking <b>Add</b> button. |
| | | |
− | [[File:Thingboards_io_Thingboards_io_Data_to_server_HTTP.png]] | + | [[File:10.png]] |
| + | |
| + | [[FFile:10.png ]] |
| + | [[File:11.png]] |
| + | [[File:12.png]] |
| | | |
− | [[File:Thingboards_io_data_sender_configuration.png]]
| |
| <ol> | | <ol> |
| <li> Set name for the <b>Data sender</b>.</li> | | <li> Set name for the <b>Data sender</b>.</li> |
Line 75: |
Line 84: |
| After configuring the data source, you can add a data sender configuration. Data sender functionality is located <b>Services → Data to server</b>. You can add data sender by clicking <b>Add</b> button. | | After configuring the data source, you can add a data sender configuration. Data sender functionality is located <b>Services → Data to server</b>. You can add data sender by clicking <b>Add</b> button. |
| | | |
− | [[File:Thingboards_io_Thingboards_io_Data_to_server_mqtt.png]] | + | [[File:13.png]] |
− | [[File:Thingboards_io_data_sender_configuration_mqtt.png]] | + | [[File:14.png]] |
| + | [[File:15.png ]] |
| <ol> | | <ol> |
| <li> Set name for the <b>Data sender</b>.</li> | | <li> Set name for the <b>Data sender</b>.</li> |
Line 93: |
Line 103: |
| <li> From the pop-up menu select <b>Latest telemetry </b> option. There you should see collected data.</li> | | <li> From the pop-up menu select <b>Latest telemetry </b> option. There you should see collected data.</li> |
| </ol> | | </ol> |
− | [[File:Thingboards_io_latest_telemetry.png]] | + | [[File:Latest telemetry.png]] |
| + | |
| + | |
| | | |
| In order to display data in the widget you should: | | In order to display data in the widget you should: |
Line 100: |
Line 112: |
| <li> Press <b>Show on widget </b> button.</li> | | <li> Press <b>Show on widget </b> button.</li> |
| </ol> | | </ol> |
− | [[File:Thingboards_io_latest_telemetry_data.png]] | + | [[File:Show on widget.png]] |
| <ol> | | <ol> |
| <li> Choose bundle accordingly to your data.</li> | | <li> Choose bundle accordingly to your data.</li> |
Line 106: |
Line 118: |
| <li> Add widget to dashboard.</li> | | <li> Add widget to dashboard.</li> |
| </ol> | | </ol> |
− | [[File:Thingboards_io_charts.png]] | + | [[File:Add widget to dashboard..png]] |
| <ol> | | <ol> |
| <li> Create new dashboard. </li> | | <li> Create new dashboard. </li> |
Line 112: |
Line 124: |
| <li> Adds widget to dashboard.</li> | | <li> Adds widget to dashboard.</li> |
| </ol> | | </ol> |
− | [[File:Thingboards_io_adding_widget.png|border|class=tlt-border]] | + | [[File:Dashbord.png]] |
| | | |
| | | |
− | [[File:Thingboards_io_dashboard.png|border|class=tlt-border]] | + | [[File:2- Dashbord.png]] |
| | | |
| ==See also== | | ==See also== |
| | | |
| * https://thingsboard.io/docs/getting-started-guides/helloworld-pe/ | | * https://thingsboard.io/docs/getting-started-guides/helloworld-pe/ |