Moeilijkheidsgraad: beginner
Inhoud
Leerdoelen
Na het lezen van dit artikel kun je:
- Input leveren voor het maken van 2D- of 3D-plattegronden
- De stappen volgen om een plattegrond te uploaden in Workplace back-end Studio
- Een reeds geüploade plattegrond bijwerken
Met SVG-plattegronden kunnen zowel ruimtes als bureaus in Workplace worden gevisualiseerd. Omdat de basis elke soort tekening kan zijn (png, pdf, ... zie hieronder), kunnen kleuren, pictogrammen, tekst, pijlen voor sociale afstand of andere elementen aan het uiteindelijke SVG-resultaat worden toegevoegd, zoals je in de onderstaande voorbeelden kunt zien.
SVG-plattegronden worden rechtstreeks geüpload en toegewezen in Workplace back-end https://studio.cobundu.com/.
Zo kan het resultaat eruitzien op Workplace-aanraakpunten:
De SVG-plattegrond verkrijgen
Neem contact op met het interne Drawing Team van Spacewell om de 3D-plattegrond te verkrijgen en lever het volgende aan:
- Plattegrond, in elk formaat
- Informatie over de vloeroppervlakte (bijv. 1000 m2)
- Aanvullende informatie over het aantal toekomstige verdiepingen enzovoort
Voorkeursformaat voor het aanleveren van plattegronden: DWG
Ons voorkeursformaat voor plattegronden is DWG (CAD), omdat dit nauwkeurige metingen en schaal biedt voor het maken van precieze 3D-modellen.
Ook als het DWG-bestand verouderd is, verzoeken we je het mee te sturen, omdat het ons nog steeds helpt om nauwkeurige metingen en schaal te verkrijgen.
Alternatief formaat: PDF
Als er geen DWG-bestand beschikbaar is, accepteren we ook plattegronden in PDF-formaat.
PNG, JPG en vergelijkbare formaten kunnen worden geaccepteerd als de resolutie goed is. Dit moet door Spacewell worden gecontroleerd.
Updates en revisies:
- Voorkeursmethode voor updates: Als er updates zijn, pas dan het oorspronkelijke DWG-bestand aan en dien de herziene versie in. Dit zorgt voor consistentie en nauwkeurigheid in het modelleringsproces.
- Alternatieve methoden voor updates: Als het bijwerken van het DWG-bestand niet haalbaar is, kun je de beschikbare hulpmiddelen gebruiken, zoals PowerPoint (PPT) of vergelijkbare toepassingen.
Zorg ervoor dat je duidelijke annotaties of opmerkingen toevoegt om wijzigingen te markeren.
Om redenen van gebruiksvriendelijkheid kunnen we niet te veel gedetailleerde referentiepunten opnemen. We werken met standaardbureaus en -stoelen en standaardpictogrammen.
Afhankelijk van de beschikbaarheid van middelen ontvang je binnen 5-10 dagen je 3D-afbeelding in PNG- of JPG-formaat. Deze kan worden geüpload naar Studio.
Er is 1 correctieronde inbegrepen in het project.
Info
Zorg ervoor dat alle belanghebbenden goedkeuring hebben gegeven voor het ontwerp van de plattegrond voordat je de SVG naar Studio uploadt.
Vereiste voor de volgende stappen: 2D- of 3D-plattegrond (zie Plattegronden tekenen (intern SW))
Stap 1: Afbeelding opschonen
De gerenderde 3D-afbeelding moet in deze fase de PNG- of JPG-indeling hebben
De voorbereiding omvat:
- De afbeelding bijsnijden
- De achtergrond verwijderen
In de volgende handleiding wordt beschreven hoe je dit proces uitvoert met het programma Paint Net. Paint Net is geen Spacewell-tool. Het kan gratis van internet worden gedownload.
Stap 1.1. De afbeelding bijsnijden
Open Paint Net > Open je afbeelding in Paint Net
1. Selecteer de tool “Rechthoekige selectie”
2. Selecteer het gebied dat je wilt behouden / alles buiten deze rechthoek wordt bijgesneden
Info
Houd er rekening mee dat de live-plattegrond rechtsonder zoomknoppen heeft en dat de Workplace-app bovenaan een legenda heeft. Laat hiervoor wat ruimte over. De rest (links en onderaan) kan strak worden bijgesneden.
3. Behoud het geselecteerde gebied en klik op « Afbeelding » in de werkbalk
4. Selecteer « Bijsnijden tot selectie »
→ Je afbeelding wordt nu bijgesneden weergegeven in je bewerkingsvenster
Stap 1.2. De achtergrond verwijderen
Zodra je de afbeelding hebt bijgesneden, verwijder je de achtergrond
1. Klik op Extra en selecteer de « Toverstaf »
2. Klik met de toverstaf ergens in de
witte ruimte van de afbeelding
De oorspronkelijke tolerantie is 50%.
3. Pas de tolerantie aan totdat alleen de achtergrond is geselecteerd
De tolerantie is goed wanneer alleen je achtergrond lichtblauw is gearceerd en er geen delen van de afbeelding zijn afgesneden
4. Zodra je de perfecte tolerantie hebt gevonden, druk je op de knop « Delete » op je toetsenbord. De achtergrond wordt dan als volgt geruit weergegeven:
Info
Als je op de knop « Backspace » drukt, wordt de achtergrond zwart. Dit is niet correct. Gebruik de Delete-knop.
5. Nadat je de afbeelding hebt bijgesneden en de achtergrond hebt verwijderd (controleer of deze geruit en niet zwart is), kun je de afbeelding opslaan als PNG.
Laat de pop-upopties staan op « auto detect » en klik op « OK »
Opmerking
Opslaan als PNG! JPG ondersteunt geen verwijderde achtergronden en werkt niet voor de volgende stappen
Stap 2: De plattegrond voltooien (in Inkscape)
- Het SVG-plan voorbereiden
- Lagen toevoegen
- Polygonen toevoegen
- De laatste hand leggen
- Opslaan als SVG-bestand met een bestandsgrootte van maximaal 3 MB
In de volgende handleiding wordt beschreven hoe je polygonen toevoegt met het programma Inkscape. Inkscape is geen Spacewell-tool. Het kan gratis van internet worden gedownload.
Je kunt SVG-plannen maken met verschillende softwareprogramma's, maar we raden sterk aan Inkscape te gebruiken voor de beste resultaten. We gebruiken deze tool voornamelijk om polygonen op de plattegrond te plaatsen en het eindresultaat als SVG op te slaan.
Zie ook de hoofdstukken “Tips en trucs” (over Inkscape) en “Problemen oplossen” onderaan deze pagina.
Opmerking
Inkscape biedt veel functionaliteiten die niet worden ondersteund in Workplace. Configuraties die afwijken van deze handleiding worden mogelijk wel of niet ondersteund door Workplace.
Stap 2.1. Het SVG-plan voorbereiden
- Open Inkscape
- Open de voorbereide PNG-afbeelding.
- Zorg ervoor dat je de afbeeldings-DPI van het voorbereide png-bestand overneemt
Stap 2.2. Lagen toevoegen
- Maak 2 lagen door aan de rechterkant op het teken « + » te klikken (zorg ervoor dat ze in deze volgorde staan):
- Polygonen
- Afbeelding
- Als ze extra pictogrammen of tekst nodig hebben, raden we aan deze in een afzonderlijke laag op te slaan
3. Selecteer de volledige afbeelding (met je muis), klik met de rechtermuisknop op de afbeelding en verplaats deze naar de laag « Afbeelding »
Info
TIP: Vergrendel de afbeeldingslaag door het oogsymbool te selecteren, zodat je deze laag niet per ongeluk wijzigt
4. Klik op de polygonenlaag zodat je daarin werkt (de blauwe markering betekent dat je momenteel in die laag werkt)
Stap 2.3. Polygonen toevoegen
Nadat je de polygonenlaag hebt geselecteerd:
- Selecteer in het linkermenu/de werkbalk
- “Rechthoeken/vierkanten” om de polygonen voor de ruimtes te tekenen
- “Cirkels/ellipsen/bogen” om de polygonen voor de werkplekken te tekenen
Info
“Cirkels/ellipsen/bogen” is de naam van de functie.
Teken perfecte cirkels (zie hieronder) of ellipsen voor een optimale weergave in het Workplace-platform.
Voor bureaus raden we aan cirkelvormige polygonen te tekenen. Deze zijn gemakkelijker te plaatsen en maken selectie in de Workplace-app en andere aanraakpunten eenvoudiger.
Info
Teken één perfecte cirkel/sectie en kopieer/plak deze voor de overige bureaus.
Info
Of maak groepen polygonen om sneller te werken en de polygonenlaag snel te voltooien (maar let er dan op dat je de groep opheft om de introductie van transformaties te voorkomen, zie hieronder)
Hoe teken je een perfecte cirkel?
Om een perfecte cirkel te tekenen, moeten de afmetingen W en H gelijk zijn. Het is een best practice om deze afmetingen te vergrendelen, zodat je de cirkel eenvoudig opnieuw kunt vormen.
Gebruik de functie “Rechthoeken/vierkanten” of “Cirkels/ellipsen/bogen” voor locaties met een regelmatige vorm,
en maak als volgt vreemde vormen:
- gebruik de functie “Bézier-curven/rechte lijnen” of
- teken vierkanten en cirkels totdat je de gewenste vorm hebt en selecteer vervolgens het menu-item Pad > Verenigen om 1 polygoon te verkrijgen
2. Selecteer de vorm om de polygoon in te kleuren (Vulling: elke kleur) en verwijder de rand van de polygoon (Lijnkleur: Geen).
We geven de polygoon aanvankelijk een kleur, zodat we kunnen herkennen welke polygoon al aanwezig is of nog op onze takenlijst staat.
Wijzig de dekking naar 30-40%, zodat je kunt zien hoe deze eruitziet op de live-plattegrond en je polygonen kunt perfectioneren.
Voordat we het voltooide bestand naar Workplace uploaden, stellen we de kleur in op wit met een dekking van 2%.
Info
Gebruik rood of een andere heldere kleur voor het tekenen van de polygonen, zodat je ze goed kunt zien (dit is niet zichtbaar op de uiteindelijke plattegrond)
3. Als je een object wilt aanpassen, selecteer je de pijl of druk je gewoon op “S” en selecteer je de polygoon (selecteer een hoek om die hoek te verplaatsen):
- Met de eerste klik (rechte pijlen) kun je het object vergroten/verplaatsen
- Met de tweede klik (ronde pijlen) kun je het object transformeren. Deze actie is niet toegestaan/wordt niet ondersteund door Workplace.
Waarschuwing
Gebruik geen transformatieactie op een polygoon of in een polygoongroep.
Ondersteunde bewerkingsacties: schalen en verplaatsen.
Niet ondersteund zijn de volgende wijzigingen/transformaties: matrix, rotatie, spiegelen (schaal -1,1) en scheeftrekken.
Controleren op Transform-elementen
Klik op Shift+Ctrl+X om de XML-editor te openen en te controleren of er transformaties zijn:
- Selecteer een polygoon.
- Als er een regel “transform” staat, kun je proberen deze te verwijderen of de polygoon verwijderen en deze zonder transformatie opnieuw maken.
Opmerking
Vermijd only_selected="false" in het SVG-bestand, omdat dit een niet-ondersteund kenmerk is.
Als polygoongroepen zijn gebruikt, lopen we ook het risico transformaties op die niveaus te introduceren.
- Zorg er daarom voor dat je de polygoongroepen “opheft” door met de rechtermuisknop op de groep te klikken.
- Er verschijnt een pop-up met verschillende opties. Kies de optie “Groep opheffen” (Shift+CTRL+G).
De polygonen zijn nu gescheiden en de groepen zijn opgeheven.
Controleer zoals hierboven beschreven of er transformaties zijn door Shift+Ctrl+X te selecteren.
Transform-elementen oplossen
Soms sluipen Transform-elementen op andere niveaus dan in polygonen je SVG binnen, of zijn ze aanwezig in een polygoon die je in de vorige stap niet hebt gecontroleerd.
Dit wordt mogelijk pas zichtbaar in Workplace nadat je je SVG hebt geüpload en alle locaties aan de plattegrond hebt toegewezen…
Gelukkig is er een plug-in/extensie voor Inkscape waarmee je Transform-elementen kunt verwijderen zonder de laag-/groeperingsstructuur van de SVG te verliezen (wat anders andere problemen kan veroorzaken):
- download de SVG uit Studio
- voer de Inkscape-extensie uit op het bestand (volg de instructies in het gedeelte Readme)
- upload het bestand opnieuw naar Studio
Stap 2.4. De laatste hand leggen
1. Wanneer je klaar bent met het tekenen van alle polygonen, is het tijd om ze verder af te werken:
- Uitlijning
- Algemene controles om te controleren of alles gelijkmatig is
- Ruimtecontroles
- Controleer of alle benodigde polygonen aanwezig zijn
- …
2. Zodra je tevreden bent met je tekening, selecteer je de polygonenlaag en wijzig je de dekking naar 2%
Stap 2.5. Opslaan als SVG-bestand met een bestandsgrootte van maximaal 3 MB
Info
Het SVG-bestand mag niet groter zijn dan 3 MB. Als dit wel het geval is, wijzig dan het formaat van de achtergrondafbeelding.
Stap 3: Uploaden en toewijzen
Als de module Ruimtebeheer is geconfigureerd, ga je naar: Ruimtebeheer - Plattegronden
Als de module Ruimtebeheer nog niet is geconfigureerd:
- Ga naar https://studio.cobundu.com/ > Instellingen > Instellingen plattegrond
- Ga naar de relevante verdieping in de lijst en ga naar “Weergaven” om alle geüploade plattegronden te bekijken
3. Als je een nieuwe plattegrond wilt uploaden, selecteer je “Weergave toevoegen”, geef je de plattegrond een naam/referentie en upload je je SVG-tekening
- Selecteer het penpictogram in het overzicht om de tekening te configureren
Selecteer “Tekening configureren” om de toewijzing te starten:
- Selecteer elke polygoon afzonderlijk
- Selecteer de locatie in de vervolgkeuzelijst aan de rechterkant
- Druk op « Toewijzen »
- Zorg ervoor dat je de configuratiewijzigingen opslaat
- Zorg er ook voor dat je op « Opslaan » drukt op de pagina Weergaven plattegrond
Info
Bij de eerste upload: wijs slechts één polygoon toe en klik vervolgens op opslaan in dit venster en in de plattegrondweergaven. Ga naar de verschillende aanraakpunten en controleer of alles er goed uitziet. Zo voorkom je dat je de toewijzing opnieuw moet uitvoeren als er iets mis is.
4. Sla de toewijzing op en sla ook de Studio-pagina “Weergaven plattegrond” op
5. Je plattegrond verschijnt nu op alle Workplace-aanraakpunten!
Wijzigingen aan een bestaande Workplace-plattegrond
De indeling van een verdieping zal in de loop van de tijd zeker veranderen. Dit kan een wijziging/toevoeging van polygonen of een wijziging van de achtergrond vereisen. In dat geval kun je de toegewezen tekening downloaden en opnieuw uploaden, zonder de toewijzing opnieuw te hoeven uitvoeren.
In de onderstaande stappen wordt uitgelegd hoe je de toewijzing van bestaande locaties in Workplace behoudt en tegelijkertijd een extra polygoon toevoegt. Hiermee kunnen we een nieuwe locatie koppelen, om deze reserveerbaar te maken of een sensor te koppelen.
Stappen om een nieuwe locatiepolygoon aan een live-plattegrond toe te voegen
Vereiste: zorg ervoor dat je nieuwe locaties in de stamgegevens hebt ingesteld
Stappen om een nieuwe locatiepolygoon aan een live-plattegrond toe te voegen
- Ga naar https://studio.cobundu.com/ > Instellingen > Weergaven plattegrond en selecteer “configureren” bij de relevante verdieping
- Je ziet dat alle huidige locaties al zijn toegewezen.
- Download de tekening/het SVG-bestand van deze plattegrond.
- Open de download in Inkscape.
- Op je plattegrond in Inkscape wordt elke gekoppelde locatie in Workplace weergegeven door zwarte vierkanten en cirkels. Dit zijn de zogenaamde polygonen.
- Rechtsonder zie je de lagen. Voorlopig doen we niets met de laaglocaties, omdat die laag alle gekoppelde locaties bevat. Vergrendel de laag om ervoor te zorgen dat er niets verandert.
- De enige laag die je wilt bewerken is de laag met polylijnen, omdat de polygonen op deze laag zijn opgeslagen.
- Zoom in op de locatie waar je een polygoon wilt toevoegen.
- Selecteer de vierkantfunctie in het linkermenu.
- Klik en sleep om een nieuwe polygoon te maken.
- Zorg ervoor dat de dekking ongeveer 2% blijft.
- Sla de tekening op.
- Als je een vreemde (pagina)rand rond je plattegrond krijgt, controleer dan de documenteigenschappen van het bestand om de rand te verwijderen.
- Sluit Inkscape.
- Ga terug naar Studio > Instellingen > Weergaven plattegrond en selecteer “uploaden” (knop met een naar boven gerichte pijl).
- Selecteer je gewijzigde tekening om de plattegrond naar Workplace te uploaden.
- Selecteer “configureren”: zoals je ziet zijn alle locaties nog aanwezig, intact en gekoppeld. Je ziet ook je extra polygoon.
- Koppel de IWMS-locatie aan deze polygoon en sla je wijzigingen op.
- Stel de nieuwe plattegrond in als je standaardweergave.
- Verwijder oude plattegronden uit de lijst
Als pictogrammen niet correct zijn geplaatst ten opzichte van de polygonen in de SVG-plattegronden, bekijk dan Plattegrondbeheer
Tips en trucs
1. Houd er bij het tekenen van polygonen, in welke indeling dan ook, rekening mee dat Workplace sensorinformatie (bijv. bezettingssilhouet, bezettingsgetal, taakgetal, ...) op de live-plattegrond in het geometrische midden van je polygoon weergeeft; ook als dit ten opzichte van de achtergrondtekening niet gecentreerd lijkt (bijv. de tafels in het voorbeeld linksonder) of buiten je polygoon kan vallen (bijv. de U-vormige polygoon in het voorbeeld rechtsonder):
- Gebruik geen Transform-elementen en gebruik een bepaald object niet verkeerd om een andere vorm te maken (bijv. als je een pijl wilt tekenen: begin dan niet met een rechthoek)
- Maak je plattegrond schoon voordat je het bestand exporteert.
- Een bestandsgrootte van 3 MB wordt aanbevolen. Bij zeer grote verdiepingen is het mogelijk het SVG-bestand te 'comprimeren', ogenschijnlijk zonder kwaliteitsverlies. Je kunt PNG-24-compressie gebruiken, maar in de meeste gevallen is PNG-8-compressie ook goed genoeg.
- Als pictogrammen niet correct zijn geplaatst ten opzichte van de polygonen in de SVG-plattegronden, bekijk dan Plattegrondbeheer
- Bekijk de beschrijving van de functie Sociale afstand/Beperkte functie op Instellingen plattegrond
Tips en trucs voor Inkscape
1. Selecteer de grootte (bijv. Hoogte) en vergrendel deze om ervoor te zorgen dat je vorm proportioneel blijft
2. Kopiëren: kopiëren+plakken (2 acties) of Ctrl+D (= 1 actie)
3. Om de polygonen op dezelfde lijn te houden: selecteer en verplaats ze terwijl je Ctrl ingedrukt houdt
4. Gebruik Uitlijnen + Verdelen om dezelfde ruimte tussen bijvoorbeeld werkplekken te verkrijgen
- Algemene zaken die je in Inkscape moet controleren
Problemen oplossen
- Na het renderen zijn de polygonen erg dik in verhouding tot de vloer