Revision for “IoT World Gateway GUI” created on February 28, 2015 @ 08:39:27
Title | IoT World Gateway GUI |
---|---|
Content | <h2>GUIDE</h2>
This is a guide to the IoT World Gateway GUI which is a visualizing tool for your IoTWorld.
<h3>First view</h3>
<a href="http://www.iotworldservices.com/wp-content/uploads/2015/02/GUI1_3.png"><img class="alignnone size-full wp-image-731" src="http://www.iotworldservices.com/wp-content/uploads/2015/02/GUI1_3.png" alt="GUI1_3" width="1579" height="827" /></a>
<ol>
<li>Enter a valid endpoint and click use</li>
<li>Select an action e.g. GetIotResource, GetIotResourcesEndpoints. Depending on this selection some or all of the following controls will be visible</li>
<li>If the previous selection was GetIoTResource this list will appear where you can select the specific IoTResource to view</li>
<li>This field shows the URL to the resource catalogue and changes depending on the previous selections</li>
<li>The "Go" button visualizes the selected action in the "Output" window to the left bottom, and in the case of the GetIotResource action the IoTResource services will be shown to the top right (see next image).</li>
<li>The "Output" window shows the xml results from the Resource Catalogue, by clicking the "View xml" link to the upper right corner of the window a new browser tab will be opened with the same results. You could also copy the URL from the previous action field (4) and get the same result.</li>
<li>The "IoT Data Streams" window consists of two customizable charts showing two of the IoTResources. Which IoT Resource to show can be edited by clicking on the "Edit" button to the upper right of each chart.</li>
<li>You can also edit the header of the page by clicking on the "Edit" button to the upper tight of the blue header</li>
</ol>
<h3>Select an IoT Resource</h3>
<a href="http://www.iotworldservices.com/wp-content/uploads/2015/02/GUI2_3.png"><img class="alignnone size-full wp-image-730" src="http://www.iotworldservices.com/wp-content/uploads/2015/02/GUI2_3.png" alt="GUI2_3" width="1579" height="817" /></a>
<ol>
<li>Once you have selected an Iot Resource and klicked "Go" the "Output" window will be updated and another window called "Services" will appear to the right</li>
<li>The "Services" window show all services provided by the IoT Resource as buttons. Clicking one of the service buttons will generate a chart showing the last 180 measurements</li>
</ol>
<h3>Edit IoT Data Stream Charts</h3>
<a href="http://www.iotworldservices.com/wp-content/uploads/2015/02/GUI3_3.png"><img class="alignnone size-full wp-image-729" src="http://www.iotworldservices.com/wp-content/uploads/2015/02/GUI3_3.png" alt="GUI3_3" width="1578" height="798" /></a>
<ol>
<li>When you click the "Edit" button to the right of the chart, a pop-up window appears</li>
<li>Two selections are required in the pop-up window, the first is the IoTResource and the second is the service. Once the selection has been made you click the "Save" button to save the changes. The changes will be saved in the web browsers local storage</li>
</ol> |
Excerpt |