LamPI Tiles screen

As an alternative user interface to the rooms, scenes and timers screen I developed the "tiles" grid interface. It is currently in beta. The tile interface in a way resembles the metro type of interface that is present on Windows systems today.

The tiles interface is a so-called grid interface with widgets of same or different sizes that all contain a specific function. 

There are several actions possible on the widgets:

• Click and Move. By selecting the widgets, they can be moved over the grid
• Double click on the widget on a PC to enlarge that widget and at the same time "freeze" the user interface for dragging widgets
  • It is TBD whether we will show more options on the enlarged widgets
• Resizing the widgets is possible on the lower right corner of the widget
• All actions that below to the widget content are also possible.
  • Switching on a off
  • Dimming
  • Other specific actions

Mobile

Of course there is a mobile version available as well (based on jQuery Mobile). This interface on the PC looks almost the same but it will look much better on the screen of a mobile device.

How to activate tiles

The tiles interface is currently activated by "http://<your-IP>/grid" but this may change in the future when we integrate tiles into the standard LamPI-xx.yy.js GUI.

Selecting and Filtering

Three types of items can be selected for the grids:

• Devices
• Scenes
• Sensors

It does not make sense to have timers, rules and settings included in this list as they are not local

Sorting

The second row in the header section definces the way that the tiles can be sorted on the screen. There are 4 selections and we probably will not add more as this will destroy the mobile experience.

• No sorting, so items are displayed in order that have in te database and as they are selected by "selecting and filtering"
• Sort in locations; based on the rooms that the devices are in we do sorting.
• Sort on type of the widget objects: So put all devices together, sensors and scenes
• Sort the selected items in alphabetical order (on name)

Look and Feel

xxx