De editor van de kaartinterface

In de kaartinterface staan de commando’s niet in rijen met pictogrammen, zoals in de Klassieke interface, maar vrij op een pagina: je kunt een plattegrond of een foto als achtergrond plaatsen en verlichting, rolluiken en thermostaten precies zetten waar ze zich in de woning bevinden. Deze pagina legt de kaarteditor van Ilevia Manager uit.

Een kaartgebruiker aanmaken

Het interfacetype hangt af van de gebruiker. Om er een kaartgebruiker van te maken:

1. Open Users > New user (of Users > Edit user voor een bestaande gebruiker).

2. Kies bij User type Map.

3. Vul gebruikersnaam en wachtwoord in.

4. Geef in Width en Height de paginagrootte in pixels op (standaard 1024 × 768). Gebruik de verhoudingen van het scherm waarop de interface wordt weergegeven.

5. Druk op Ok, open daarna het tabblad User Interface en kies de gebruiker bij User.

Hoe de editor is opgebouwd

• Linkerkolom: het hoofdmenu van de interface (pictogrammen of scenario’s). Met de + voeg je een item toe en kies je het pictogram.

• Tabbladen bovenaan: de pagina’s van het geselecteerde item. De groene + voegt een pagina toe; het tandwiel naast de naam opent de paginaopties.

• Middengebied: de pagina, met het raster. Rechtsonder staan de zoomcommando’s: uitzoomen, huidige waarde (klik voor ware grootte), inzoomen, aanpassen aan venster.

• Rechterpaneel: Components met de componenten die je op de pagina sleept (en Label, een vrij tekstlabel); Structure met de boomstructuur van items, pagina’s en componenten.

• Onderste balken: de bewerkingscommando’s en de pagina-instellingen (zie hieronder).

De achtergrond kiezen

Elke pagina kan een achtergrondafbeelding hebben: een plattegrond, een rendering of een foto van de ruimte. Daarop plaats je vervolgens de commando’s.

1. Selecteer het menu-item en de pagina.

2. Druk in de onderste balk, naast Background, op Select file.

3. Kies de afbeelding op de computer en druk op Open. Manager kopieert die in het project, waarna ze samen met de rest naar de server wordt geüpload via Project > Upload to server.

De afbeelding wordt aan de pagina aangepast met behoud van de verhoudingen en gecentreerd. Met de × naast Select file verwijder je die; met Visible toon of verberg je die; Color is de kleur die zichtbaar blijft waar de afbeelding de pagina niet bedekt.

De componenten boven de afbeelding plaatsen

1. Sleep in het paneel Components de component op de pagina, boven het object dat hij bedient (de lamp, het rolluik, de thermostaat…).

2. Verplaats hem door te slepen; wijzig de grootte met de blokjes op de hoeken en zijkanten.

3. Voor een exacte positie geef je de coördinaten op in X, Y (linkerbovenhoek) en W, H (breedte en hoogte) in de onderste balk. De waarden zijn in pixels van de pagina, dus van de afmeting Width × Height van de gebruiker.

Dezelfde component kan meerdere keren voorkomen, ook op verschillende pagina’s: bijvoorbeeld dezelfde verlichting op de plattegrond en op de foto van de ruimte.

Tips voor een goed resultaat:

• Werk op ware grootte (Ctrl+1) om te zien hoeveel ruimte een commando werkelijk inneemt op de afbeelding.

• Verminder het raster (bijvoorbeeld Grid 5 px) of schakel het uit met Active wanneer je een commando op een klein object precies wilt uitlijnen; met Shift + pijltoetsen verplaats je het één pixel per keer.

• Verklein het commando met W en H of met Scale factor in de componentopties, zodat het het object op de foto niet bedekt.

• Vergrendel de positie (Ctrl+L of Lock component via het contextmenu) wanneer het commando op zijn plaats staat, zodat je het niet per ongeluk verplaatst.

• Wijzig de paginagrootte later niet meer: de posities zijn in pixels en volgen de afbeelding niet. Als je de Width of Height van de gebruiker wijzigt, blijven de commando’s staan waar ze waren terwijl de afbeelding wordt geschaald, en moeten ze opnieuw worden gepositioneerd.

Om tekst toe te voegen, sleep je Label naar de pagina en schrijf je de tekst in de opties ervan.

Selecteren en verplaatsen

• Klik selecteert een element; Ctrl/Shift + klik voegt het toe aan of verwijdert het uit de selectie.

• Door op een leeg vlak te slepen selecteert u alle elementen in het kader (met Shift voegt u ze toe).

• Alt + klik selecteert het element onder het geselecteerde, als ze overlappen.

• Ctrl+A selecteert de hele pagina, Esc annuleert de selectie, Tab / Shift+Tab gaan naar het volgende of vorige element.

• Pijlen: verplaatsen de selectie één rasterstap; Shift + pijlen één pixel.

De werkbalk

Andere toetsen: Ctrl+L vergrendelt of ontgrendelt de positie, Ctrl+K behoudt de verhoudingen bij het schalen, Ctrl + muiswiel of Ctrl + +/− zoomen, Ctrl+0 past de pagina aan het venster aan, Ctrl+1 toont haar op ware grootte, Spatie + slepen (of middelste muisknop, of Shift + muiswiel) verplaatst het beeld.

Paginainstellingen

De tweede balk heeft betrekking op de geopende pagina:

Het contextmenu

Met de rechterknop op een element opent u een menu met extra functies.

Opties van een component

Dubbelklik op een component (of Edit) opent Component options. Bovenaan ziet u de groep, de naam en de UID van het gekoppelde component.

Naast de opties van de Klassieke interface (Title met Sync name, Hidden, User group, Blink / Hide / Disable icon when, Readonly) zijn er op de kaart:

Voor voorbeelden van de modi, zie Weergavemodi van de componenten.

Opties van een pagina

Het wieltje naast de paginanaam (of dubbelklikken op het tabblad) opent Page options.

De weergegeven items kunnen van pagina tot pagina veranderen: op de eerste pagina van het menu-item bijvoorbeeld, ingesteld als Default tab, verschijnt in plaats van Hidden Enabled en ontbreken de voorwaarden op het pictogram.

Voor het uploaden

• Controleer de pagina's op ware grootte (Ctrl+1) om te zien hoe ze op het scherm zullen verschijnen.

• Gebruik Structure om te controleren dat elke pagina de juiste componenten bevat en dat niets per ongeluk verborgen is.

• Upload het project met Project > Upload to server en test de interface in de app met de gebruikerskaart.