Skip to content

For the dashboard

A home dashboard shows your home’s rooms and lets you tap what is in them. This tutorial gets the finished example flat ready for one: each room with the id and the use an app knows it by, the living room with two views, its light switches described, and the first version created, which is what a dashboard reads.

At the end the living room has an overview from the south and a view from the bay, its switches have their series, and the button at the top right reads Same as v1. It takes about 15 minutes.

The finished example flat with the Living selected: its two views, Overview and From the bay, drawn as arrows on the plan, and Same as v1 at the top right

A dashboard never reads the draft you work on. It reads the last version saved: the home as it was when you saved that version, which never changes again. Everything below changes the draft; nothing reaches a dashboard until the last step.

  1. Download finished.home.json from the box above.
  2. Start a new project (A new home): in the wizard, click Ready in the column of steps, then Open the editor. Then choose Import a home… in the project’s menu (its name, top left) and pick the file.
  3. The editor opens with the Wall tool in hand. Press VV for Select: you only pick things in this tutorial.

An app knows a room by its Id, not by its name: you can rename the Living whenever you like, but a dashboard that knows it as living loses it if the id changes. What it is for tells the app what kind of room it is.

  1. Click the Living in the left panel. The right panel opens on General.
  2. Check What it is for: Living room. Check Id: living.
  3. A dashboard’s buttons are small: give the room a Short name, Short nameLiv, and press ↵↵.
The Living's General tab: Short name Liv, Area Flat, What it is for Living room, Id living, with the note that connected apps know the room by its id

Do the same for every room. The example’s are already set:

Room Id What it is for
Living living Living room
Kitchen kitchen Kitchen
Bath bath Bathroom
Bedroom bedroom Bedroom
Hall hall Hallway
Laundry laundry Laundry
Balcony balcony Balcony or terrace
Mezzanine mezzanine Study

The Mezzanine is on the other level: choose it in the plan picker at the top of the plan. An id takes no spaces, and no two rooms share one: the field refuses with No spaces. or Another room already has this id. Every field is explained in Rooms.

A view is how the dashboard looks at the room from above: from which side, how high, and which walls it lowers so they don’t hide the room. The first view is the overview, the one the dashboard opens the room with. A room with none is shown from the south.

  1. With the Living selected, open the Views tab and click Add a view. View 1 appears, looking from the south.
  2. Name: NameOverview
  3. Height above the horizon: Height above the horizon50 degrees. Empty, the dashboard uses its own.
  4. Lowered walls: the camera stands south of the room, so tick the two walls of the south side, wall-19 and wall-20.
The Living's Views: Overview, the overview, looking from the south at 50°, wall-19 and wall-20 ticked; on the plan an arrow from the room to the south named Overview

On the plan, an arrow goes from the room towards where the camera stands, with the view’s name; the overview’s is in the accent colour. The editor shows the view only as this arrow: the dashboard draws it.

  1. Click Add a view again and name it NameFrom the bay.
  2. Turn Looking from to the west: click the compass and press ⇧→Shift+→ six times, 15° each, from 180° to 270°. (→→ alone turns it 1°; you can also drag it.)
  3. Under Lowered walls, tick wall-14, the bay.
The second view, From the bay, looking from the west with wall-14 ticked; on the plan its arrow points into the bay

Make it the overview would move it to the top, so the dashboard opens with it. Delete the view removes it. Each change is one step: ⌘ZCtrl+Z takes it back.

The example has its light switches already, one by each door and a two-way switch at the foot of the stair. Give the living room’s two their plate’s series and colour, so whoever reads the home knows what is on the wall.

  1. Click the living room’s switch by the kitchen door, on the plan (the round mark on its south wall) or in the left panel under Living. The right panel says Switch.
  2. Under Plate, in Series and colour, type Series and colourBTicino Living Now · white and press ↵↵.
  3. Click the switch at the foot of the stair, Two-way switch on wall-20, and type the same.
The two-way switch at the foot of the stair selected, ringed on the plan; its inspector: Two-way switch, 105 cm from the house, 3 places, wall-20 Living side, Series and colour BTicino Living Now · white

A switch belongs to the room its face looks into: the inspector says it (wall-20 · Living side). If a room has none, add one with the Light switch tool (SS). Types, heights and modules are in Switches and sockets.

  1. Click Create version at the top right.
  2. The window lists What changes (the whole home, the first time) and the Checks: Walls, rooms and openings in order.
  3. Message: MessageReady for the dashboard
  4. Click Create version 1. The button now reads Same as v1.
Create a version, Version 1: What changes, every element added; Checks: walls, rooms and openings in order; the message Ready for the dashboard; Create version 1

The window says it: the connected apps take it at their next update. From now on, a change to the draft reaches them only with the next version. More in History and versions.

Open Share (the person with a plus, at the top of the right panel). Its last part, Connected apps, says where things stand today: connecting an app comes later, with its own keys.

Connected apps: No app connected. Apps, like a home dashboard, read the last version saved: connecting them comes with their keys.

The rest of the window is for people: Inviting people.

  • Create version stays off. A check fails: the window lists what to fix (Checking the home). Or nothing changed since the last version.
  • A room’s id was changed by mistake. ⌘ZCtrl+Z takes it back; once a version is saved, put the old id back and create the next one.
  • The overview is the wrong view. Select the other one and click Make it the overview.
  • A view’s height is refused. It goes from 1 to 90 degrees, or empty.
  • Created a version too soon. A version never changes: fix the draft and create the next one.