User Interface SDK now available for download: This kit allows you to quickly build and run your own customized user interface in your favorite web browser to access your Tags and Tag Managers, in ways not possible otherwise.

For example, just open the file named "index.html" inside the downloaded zip file, find the auto-update drop-down
  <select data-inline=1 name="updateInterval" id="updateInterval">
    <option value="30">Every 30 seconds (worst battery life)</option>
    <option value="60">Every 1 minute</option>
     ......
  </select>
and add an entry such as
    <option value="86400">Once a day</option>
Save the file, and open Mongoose (use included Windows version or download Mac/Linux version or build your own) to immediately try your own user interface on your account at mytaglist.com to access your Tag managers and tags.

Here is another example: Open "styles/client.js", locate the function
function createTagList() {
  $.ajax({
    url: WSROOT + "ethClient.asmx/GetTagList",
      success: function (retval, textStatus) {
	...
      for (var i = 0; i < retval.d.length; i++) {
         updateTag(retval.d[i]);
      }
        ...
This code calls our JSON API to retrieve information about the tags as Javascript objects.
Add the line
      retval.d.sort(function(a,b){ return b.lastComm-a.lastComm; });
just before the for loop. This simple change will make the most recently updated tag always come at the top of the list. Instead of lastComm, you can sort using other properties like signal strength, status, battery voltages... see http://mytaglist.com/ethClient.asmx?op=GetTagList for available properties in the returned data object.

These are just simple examples. You just need some basic knowledge of JavaScript, HTML and imagination.
When you are done developing your own Web UI, just zip the entire folder and share with others. We are excited to learn what kind of unique user interface you can come up with.
‹ Go back to the blog

Comments

Leave a comment