Getting Started with Arbela!


arbela_banner_3

We announced the availability of Arbela. In this article, we will take you through the steps to get you started with Arbela so that you can get the first-hand feel of this IoT-ready dashboard and learn how you can monitor your “things”.

We will take the Dweet.io use case and see how you can connect your Dweet.io device and start receiving data. Dweet.io offers simple messaging (called dweets) for IoT. It offers REST API to send/read dweets.

Step 1: Get arbela ready

To test drive Arbela for this article, open Arbela demo site in a Safari/Firefox. When prompted, allow the application to receive the computer location. It is used to show the Weather data (temperature and humidity) on the dashboard.

arbela_default_screen

NOTE: The hosted demo will not work in Chrome and Opera as they do not allow a non-secure application (not running with HTTPS) to access the location/position. You will receive the following message in the browser console:

getCurrentPosition() and watchPosition() are deprecated on insecure origins. To use this feature, you should consider switching your application to a secure origin, such as HTTPS. See https://goo.gl/rStTGz for more details.

And, since the demo uses HTTP weather APIs, it has to be run with http:// rather than https://

Step 2: Get Dweet.io ready

Starting with Dweet.io is very simple and straight forward. You don’t need signup or any setup. Open Dweet.io website in a browser of your choice.
dweetio_landing_page

Click on Try It Now button which will start receiving the tilt and mouse position data.

dweetio_initial_thing_data

Note down the thing name – obnoxious-sky – as we will need it to configure this device in Arbela.

In case you want to use some other device. You may get started with these public (non-locked) devices.

Step 3: Add Datasource

Now, that we have a Dweet.io device in place which is reporting tilt and mouse position data, let us see how we can start receiving it in Arbela. To do this, we will have to create a Datasource in Arbela, which sets up a source from where data is coming. To create a Datasource, click on Add Datasource button. It prompts you for the datasource detail. For Dweet.io, set up the datasource as mentioned below:

arbela_add_datasource

Datasource name can be anything. Just to identify the device, I have used the same name as the Thing Name. Dweet.io requires data polling. So, we have set the Data refresh frequency, which is in seconds.

Key will be required when you have locked things.

Click on Save button to add the Dweet.io datasource to arbela.

arbela_ds_added

Step 4: Add a Card

With the Datasource in place, now we can add a Card to present the data coming from the datasource. Say, we want to display the current mouse X position and how it has been changing over a period. For this presentation, we will select Sparkline – Line as the Type of Blade and set the expression so that mouse X position value is mapped, as shown below:

arbela_add_card

Click on Save button to add the Card with a single Blade to the dashboard, as shown below:

arbela_card_added

With this we are all set with our Dweet.io device. Go back to Dweet.io website and move the mouse around so that the value changes, as shown below:

dweetio_thing_data

Go back to Arbela and you shall see the new value appearing there, as shown below:

arbela_showing_dweetio_data

Give it a try and let me know how did it go!

Co-founder of Walking Tree, Speaker, Sencha Trainer, Author of Sencha Charts Essentials, Sencha Touch Cookbook, Sencha MVC Architecture, and ADempiere Cookbook.

Tagged with: , , , ,
Posted in Arbela, IoT, Sencha ExtJS

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

We Have Moved Our Blog!

We have moved our blog to our company site. Check out https://walkingtree.tech/index.php/blog for all latest blogs.

Sencha Select Partner Sencha Training Partner
Xamarin Authorized Partner
Do More. With Sencha.

Recent Publication
%d bloggers like this: