Versions Compared

Version Old Version 3 New Version Current
Changes made by

Lango: Language and translation manager

Lango: Language and translation manager

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Automatically translated by Lango

DifficultyMoeilijkheidsgraad: novicebeginner

Content

Inhoud

Table of Contents
minLevel1
maxLevel1

Learning Objectives

After reading this article, you’ll be able to:

  • Provide input for 2D or 3D floorplan creation

  • Follow the steps to upload a floorplan in Workplace back-end Studio

  • Update an already uploaded floor plan

SVG floorplans allow for both room and desk objects to be visualized in Workplace. Since the basis is any kind of drawing

Leerdoelen

Na het lezen van dit artikel zul je in staat zijn om:

  • Input leveren voor het maken van 2D- of 3D-plattegronden

  • Volg de stappen om een plattegrond te uploaden in Workplace back-end Studio

  • Een reeds geüploade plattegrond bijwerken

Met SVG-plattegronden kunnen zowel kamer- als bureauobjecten worden gevisualiseerd in Workplace. Aangezien de basis elke soort tekening is (png, pdf, ... see belowzie hieronder): colorskleuren, iconspictogrammen, text, social distance arrows or others can be added to the end-result SVG, as you can see on the examples below.SVG floorplans are uploaded and mapped directly in Workplace back-end tekst, sociale afstandspijlen of andere kunnen worden toegevoegd aan het SVG eindresultaat, zoals je kunt zien op de voorbeelden hieronder.

SVG-plattegronden worden rechtstreeks in de back-end van Workplace geüpload en in kaart gebracht https://studio.cobundu.com/.

This is what the result can/will look like on Workplace touch pointsDit is hoe het resultaat eruit kan/zal zien op Workplace touchpoints:

Obtain the SVG Floorplan


De SVG-plattegrond verkrijgen

To obtain the 3D floorplan, contact the Spacewell Internal Drawing Team, and provide

  • Floorplan, in any format

  • Information on floor size (eg 1000m2)

  • Additional information on number of floors-to-come etc

‪

Preferred Floorplan Submission Format: DWG

Our preferred format for floorplans is DWG (CAD), as it provides accurate measurements and scale for creating precise 3D models.

Even if the DWG file is outdated, please include it, as it still aids us in obtaining accurate measurements and scale.

 

Alternative Formats: PDF

If a DWG file is not available, we also accept floorplans in PDF format.

PNG, JPG, and similar formats can be accepted if the resolution is good. This would need to be verified by Spacewell.

 

Updates and Revisions:

  1. Preferred Update Method: If there are updates, kindly modify the original DWG file and submit the revised version. This ensures consistency and accuracy in the modeling process.

  2. Alternative Update Methods: In cases where updating the DWG file is not feasible, feel free to use the tools you have, such as PowerPoint (PPT) or similar applications.

Ensure to provide clear annotations or comments to highlight changes.

For usability reasons, we can’t go into too much detailed reference points. We work with standard desks and chairs, standard icons.

Depending on resource availability, you will receive your 3D image in a PNG or JPG format, which can be used for upload into Studio, within 5-10 days.

‪There is 1 correction loop included in the project.

Info

‪Make sure to have all stakeholder approval on the floorplan design before you upload the SVG in Studio.


Prerequisite for the next steps: 2D or 3D floorplan (see Om de 3D-plattegrond te verkrijgen, neemt u contact op met het interne tekenteam van Spacewell en geeft u het volgende op

  • Plattegrond, in elk formaat

  • Informatie over vloergrootte (bijv. 1000m2)

  • Aanvullende informatie over het aantal verdiepingen enz.

Voorkeur Formaat voor indienen plattegrond: DWG

Onze voorkeursindeling voor plattegronden is DWG (CAD), omdat het nauwkeurige afmetingen en schaal biedt voor het maken van nauwkeurige 3D-modellen.

Zelfs als het DWG-bestand verouderd is, voeg het dan toe, omdat het ons nog steeds helpt bij het verkrijgen van nauwkeurige afmetingen en schaal.

 

Alternatieve formaten: PDF

Als er geen DWG-bestand beschikbaar is, accepteren we ook plattegronden in PDF-formaat.

PNG, JPG, en soortgelijke formaten kunnen worden geaccepteerd als de resolutie goed is. Dit moet worden geverifieerd door Spacewell.

 

Updates en herzieningen:

  1. Voorkeursbijwerkmethode: 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 modelleerproces.

  2. Alternatieve updatemethoden: Als het niet mogelijk is om het DWG-bestand bij te werken, gebruik dan de hulpmiddelen die je hebt, zoals PowerPoint (PPT) of soortgelijke toepassingen.

Zorg voor duidelijke aantekeningen of opmerkingen om wijzigingen te markeren.

Om bruikbaarheidsredenen kunnen we niet teveel ingaan op gedetailleerde referentiepunten. We werken met standaard bureaus en stoelen, standaard pictogrammen.

Afhankelijk van de beschikbaarheid van bronnen ontvangt u uw 3D-afbeelding binnen 5-10 dagen in een PNG- of JPG-indeling die u kunt uploaden in Studio.

Er is 1 correctielus opgenomen in het project.

Info

Zorg ervoor dat alle belanghebbenden het plattegrondontwerp goedkeuren voordat u de SVG uploadt in Studio.

Voorwaarden voor de volgende stappen: 2D of 3D plattegrond (zie /wiki/spaces/KB/pages/254672916)

Step

Stap 1:

Image clean up

‪The rendered 3D image should be in a PNG or JPG format at this stage

‪Preparation includes:

  1. Crop the image

  2. Remove background

‪

‪The following guide describes how to complete this process using the program Paint Net. ‪Paint Net is not a Spacewell tool. It can be downloaded for free from the internet.

Step 1.1. Crop the image

‪Open Paint Net > ‪Open your image in Paint Net

1. Select the Tool “Rectangle Select”

Image Removed

2. Select the area you want to keep  / everything outside of this rectangle will be cropped

Image Removed

Info

Keep in mind that the live floorplan has zoom buttons on the lower right hand corner and the Workplace App has a legend at the top. Keep some room for these. The rest (left and bottom) can be cropped closely.

3. Keep the selected area and click on « Image » in the toolbar

4. Select « Crop to Selection »

→ Your image will now appear cropped in your modification window

Image Removed

Step 1.2. Remove background

‪Once you have cropped the image, remove the background

1. Click on tools and select the « Magic Wand »

Image Removed

2. Click the magic wand anywhere into the

white space of the picture

Image Removed

The initial tolerance will be 50%.

3. Adjust the tolerance until the point that only the background is selected

The tolerance is good when only your background is shaded in the light blue, and no parts of the image are cut

Image Removed

4. Once you have found the perfect tolerance, press the « Delete » button on your keyboard, and the background will become checkered like this:

Image Removed
Info

If you press the « Backspace » button, the background will become black and this is not correct. Make sure to use the delete button

5. Once you have cropped the image and removed the background (make sure it is checkered, not black); you can save the image as PNG.

Leave the pop-up options as « auto detect », and click « OK »

Image Removed
NoteSave as PNG!JPG does not support removed backgrounds and it will not work for the next steps

Step 2: Finalizing the floorplan (in Inkscape)

  1. ‪Prepare the SVG plan

  2. Add layers

  3. Add polygons

  4. Add the final touch

  5. Save as an SVG file with a file size of max 3 MB

‪The following guide describes how to add polygons using the program Inkscape. ‪Inkscape is not a Spacewell tool. It can be downloaded for free from the internet.

You can create ‪SVG plans with different software but we strongly recommend to use Inkscape to get the best results. We use this tool mainly to get polygons on the floorplan and save the final result in an SVG.

Also see chapters “Tips & Tricks” (on Inkscape) and “Troubleshooting” at the bottom of this page.

Note

Inkscape offers many functionalities that are not supported in Workplace. Any configuration that deviates from this guide may or may not be supported by Workplace.

Step 2.1. ‪Prepare the SVG plan

  1. Open Inkscape

  2. ‪Open the prepared PNG image.

  3. Make sure to take over Image DPI from the prepared png file

Image Removed
Image Removed

‪Depending on the number of weirdly-shaped rooms on the floorplan that would need a polygon, you can ask for an Export from SVG, so that you don’t have to recreate every polyline.

Step 2.2. Add layers

  1. Create 2 Layers by clicking on the « + » sign on the right hand side (make sure they are in this order) :

    1. Polygons

    2. Image

  2. If they require extra icons or text, we suggest to save these in a separate layer

Image Removed

3. Select the entire image (using your mouse), right-click on the image and move it to the layer « Image »

Image Removed
Info

TIP: Lock the image layer by selecting the eye-symbol, so you don’t accidentally modify this layer

4. Click on the polygon layer so that you are in it (the blue highlight means you are currently working on that layer)

Image Removed

Step 2.3. Add polygons

After having selected the polygon layer:

  1. Using the left menu/ toolbar, select

    1. the “Rectangles/Squares” to draw the polygons for the rooms

    2. the “Circles/Ellipses/Arcs” to draw the polygons for the workplaces

Info

“Circles/Ellipses/Arcs” is the name of the feature.

Please draw perfect circles (see below) or ellipses for optimal rendering in the Workplace platform.

Image Removed

For desks, we recommend to draw circular polygons which are easier to place and allow a more easy selection in the Workplace App and other touch points.

Image Removed
Info

Draw one perfect circle/section, and copy / paste it for the rest of the desks.

Info

Or make groups of polygons to work faster and complete the polygon layer quickly (but then be careful to un-group to avoid the introduction of transformations, see below)

How to draw a perfect circle?

To draw a perfect circle W and H dimensions should be equal. It's a best practice to lock those dimensions so you can reshape it in an easy way.

Image Removed

Use the “Rectangles/Squares” or “Circles/Elypses/Arcs” feature for regularly shaped locations,

to create weird shapes:

  1. use “Bezier curves/Straight Lines” feature or

  2. draw squares and circles until you have your desired shape, then select menu item Path > Union to get 1 polygon

Image Removed

2. Select the shape to color the polygon (Fill: any color) and remove the border of the polygon (Stroke Paint: None).

‪We’re initially giving it a color so that we can recognize which polygon is already there or is still on our to-do-list.

Change the opacity to 30-40% so that you can see what it would look like on the live floor plan and perfect your polygons.

Before uploading the finalized file in Workplace, we’ll set the color to white with opacity 2%

Image RemovedImage Removed
Info

‪Use red or another vibrant color for drawing the polygons so you can see them well (this will not be visible on the final floor plan)

‪3. To adjust an object,  select the arrow or just press “S” and select the polygon (select a corner to pull that corner):

Image Removed

  • First click (straight arrows) allows you to enlarge/move the object

  • Second click (round arrows) allows you to transform the object. This action is not allowed / not supported by Workplace.

Image Removed

Warning

Make sure not to use any transformation action on a polygon or in a polygon group.

Supported modification actions: scaling and moving.

Image Removed

Not supported modifications/transformations: matrix, rotation, flip (scale -1,1) and skew.

Image Removed

Check for Transform elements

To check if there are any transformations click shift+ctrl+x to open XML Editor:

  1. Select a polygon.

  2. If a line says “transform” you can try to delete it or delete the polygon and create it without transformation.

Image Removed
Note

Avoid only_selected="false" in SVG file, as this is an unsupported attribute.

If polygon groups were used, we also risk to introduce transformations on those levels.

  1. So make sure to “ungroup” the polygon groups by right clicking on the group.

  2. A pop-up will present different options. Choose the “Ungroup” (Shift+CTRL+G) option.

Now the polygons are separated & ungrouped.

Check if there are any transformations by selecting shift+ctrl+x as described above.

image-20240115-163306.pngImage Removedimage-20240115-161346.pngImage Removed

Resolve Transform elements

Sometimes Transform elements creep into your SVG on other levels than in polygons, or is present in a polygon that you just didn’t check in the above step.

This might only become visible in Workplace, after you’ve uploaded your SVG and mapped all locations to the floorplan…

Luckily, there is a plug-in/extension for Inkscape that will let you remove transform elements, without losing the layer/grouping structure of the SVG (which can otherwise cause other issues):

  1. download the SVG from Studio

  2. run the Inkscape extension on the file (follow the instructions in the Readme section)

  3. re-upload in Studio

image-20240314-142420.pngImage Removed

Step 2.4. Add the final touch

1. When you’re finished drawing all your polygons, it’s time for some fine tuning on

  • Alignment

  • Overall checks to make sure things are even

  • Room checks

  • Make sure all needed polygons are available

  • …

Image Removed

2. Once you are pleased with your drawing, select the polygon layer and change the opacity to 2%

Image Removed

Step 2.5. Save as an SVG file with a file size of max 3 MB

Info

SVG file should not be bigger then 3MB. If this is the case, resize the background image.

Step 3: Upload & Mapping in Studio

1st time upload of a floor plan

Go to

Afbeeldingen opschonen

De gerenderde 3D-afbeelding moet in dit stadium een PNG- of JPG-indeling hebben.

De voorbereiding omvat:

  1. De afbeelding bijsnijden

  2. Achtergrond verwijderen

De volgende handleiding beschrijft hoe u dit proces kunt voltooien met het programma Verfnet. Paint Net is geen tool van Spacewell. Het kan gratis worden gedownload van internet.

Stap 1.1. De afbeelding bijsnijden

Open Paint Net > Open je afbeelding in Paint Net

1. Selecteer het gereedschap "Rechthoek selecteren".

Image Added

2. Selecteer het gebied dat je wilt behouden / alles buiten deze rechthoek wordt bijgesneden

Image Added

Info

Houd er rekening mee dat de live plattegrond zoomknoppen rechtsonder heeft en dat de Workplace App een legenda bovenaan heeft. Houd wat ruimte vrij voor deze knoppen. De rest (links en onder) kan dicht worden bijgesneden.

3. Houd het geselecteerde gebied en klik op " Afbeelding " in de werkbalk

4. Selecteer " Bijsnijden tot selectie ".

→ Je afbeelding wordt nu bijgesneden weergegeven in je wijzigingsvenster

Image Added

Stap 1.2. Achtergrond verwijderen

Nadat je de afbeelding hebt bijgesneden, verwijder je de achtergrond

1. Klik op gereedschap en selecteer de " Toverstaf ".

Image Added

2. Klik met de toverstaf ergens in de

witte ruimte van het beeld

Image Added

De initiële tolerantie is 50%.

3. Pas de tolerantie aan tot het punt dat alleen de achtergrond is geselecteerd

De tolerantie is goed als alleen de achtergrond in het lichtblauw wordt gearceerd en er geen delen van de afbeelding worden afgesneden.

Image Added

4. Als je de perfecte tolerantie hebt gevonden, druk je op de toets "Delete" op je toetsenbord, waarna de achtergrond zo geruit wordt:

Image Added
Info

Als je op de knop "Backspace" drukt, wordt de achtergrond zwart en dat is niet correct. Zorg ervoor dat u de delete-toets gebruikt

5. Nadat je de afbeelding hebt bijgesneden en de achtergrond hebt verwijderd (zorg ervoor dat deze geruit is, niet zwart), kun je de afbeelding opslaan als PNG.

Laat de pop-upopties staan op "automatisch detecteren" en klik op "OK".

Image Added
Note

Opslaan als PNG!JPG ondersteunt geen verwijderde achtergronden en het zal niet werken voor de volgende stappen

Stap 2: De plattegrond afmaken (in Inkscape)

  1. Het SVG-plan voorbereiden

  2. Lagen toevoegen

  3. Veelhoeken toevoegen

  4. De finishing touch toevoegen

  5. Opslaan als een SVG-bestand met een bestandsgrootte van max 3 MB

De volgende handleiding beschrijft hoe u polygonen toevoegt met het programma Inkscape. Inkscape is geen gereedschap van Spacewell. Het kan gratis worden gedownload van internet.

Je kunt SVG-plattegronden maken met verschillende software, maar we raden sterk aan om Inkscape te gebruiken voor de beste resultaten. We gebruiken deze tool voornamelijk om polygonen op de plattegrond te krijgen en het eindresultaat op te slaan in een SVG.

Zie ook de hoofdstukken "Tips & Tricks" (over Inkscape) en "Problemen oplossen" onderaan deze pagina.

Note

Inkscape biedt veel functionaliteiten die niet worden ondersteund in Workplace. Configuraties die afwijken van deze gids worden mogelijk niet ondersteund door Workplace.

Stap 2.1. Het SVG-plan voorbereiden

  1. Open Inkscape

  2. Open de voorbereide PNG-afbeelding.

  3. Zorg ervoor dat je Image DPI overneemt van het voorbereide png-bestand

Image Added
Image Added

Afhankelijk van het aantal vreemd gevormde kamers op de plattegrond die een polygoon nodig hebben, kunt u vragen om een Export van SVG, Zodat u niet elke polygoon opnieuw hoeft te maken.

Stap 2.2. Lagen toevoegen

  1. Maak 2 Lagen door op het " + " teken aan de rechterkant te klikken (zorg dat ze in deze volgorde staan) :

    1. Polygonen

    2. Afbeelding

  2. Als er extra pictogrammen of tekst nodig is, raden we aan deze op te slaan in een aparte laag

Image Added

3. Selecteer de hele afbeelding (met je muis), klik met de rechtermuisknop op de afbeelding en verplaats deze naar de laag " Afbeelding ".

Image Added
Info

TIP: Zet de afbeeldingslaag op slot door het oogsymbool te selecteren, zodat je deze laag niet per ongeluk wijzigt.

4. Klik op de polygoonlaag Zodat je erin staat (de blauwe markering betekent dat je momenteel op die laag werkt)

Image Added

Stap 2.3. Veelhoeken toevoegen

Nadat je de polygoonlaag hebt geselecteerd:

  1. Selecteer in het linkermenu/werkbalk

    1. de "Rechthoeken/Vierkanten" om de veelhoeken voor de kamers te tekenen

    2. de "Cirkels/Ellipsen/Arcen" om de polygonen voor de werkplekken te tekenen

Info

"Cirkels/Ellipsen/Arcen" is de naam van de functie.

Teken perfect cirkels (zie hieronder) of ellipsen voor optimale rendering in het Workplace platform.

Image Added

Voor bureaus raden we aan om cirkelvormige veelhoeken te tekenen die gemakkelijker te plaatsen zijn en een gemakkelijkere selectie mogelijk maken in de Workplace App en andere touchpoints.

Image Added
Info

Teken één perfecte cirkel/sectie en kopieer/plak deze voor de rest van de bureaus.

Info

Of maak groepen van polygonen om sneller te werken en de polygoonlaag snel te voltooien (maar wees dan voorzichtig met het de-groeperen om de introductie van transformaties te vermijden, zie hieronder)

Hoe teken je een perfecte cirkel?

Een perfecte cirkel tekenen W en H afmetingen moeten gelijk zijn. Het is een goede gewoonte om die afmetingen vast te zetten, zodat je de vorm gemakkelijk kunt aanpassen.

Image Added

Gebruik de functie "Rechthoeken/Vierkanten" of "Cirkels/Elypses/Arcs" voor locaties met regelmatige vormen,

om rare vormen te maken:

  1. gebruik de functie "Bezier curves/rechte lijnen" of

  2. teken vierkanten en cirkels tot je de gewenste vorm hebt, selecteer dan menuoptie Pad > Unie om 1 veelhoek te krijgen

Image Added

2. Selecteer de vorm om de veelhoek te kleuren (Vullen: een willekeurige kleur) en verwijder de rand van de veelhoek (Sleep Paint: geen).

We geven het in eerste instantie een kleur Zodat we kunnen herkennen welke veelhoek er al is of nog op onze to-do-lijst staat.

Verander de dekking naar 30-40% Zodat je kunt zien hoe het eruit zou zien op de live plattegrond en perfectioneer je polygonen.

Voordat we het voltooide bestand uploaden in Workplace, stellen we de kleur in op wit met een dekking van 2%.

Image AddedImage Added
Info

Gebruik rood of een andere levendige kleur voor het tekenen van de polygonen zodat je ze goed kunt zien (dit zal niet zichtbaar zijn op de uiteindelijke plattegrond)

3. Om een object aan te passen, selecteer je de pijl of druk je gewoon op "S" en selecteer je de veelhoek (selecteer een hoek om die hoek te trekken):

Image Added

  • 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.

Image Added

Warning

Zorg ervoor dat u geen transformatie-actie gebruikt op een polygoon of in een polygoongroep.

Ondersteunde wijzigingsacties: schalen en verplaatsen.

Image Added

Niet ondersteund modificaties/transformaties: matrix, rotatie, flip (schaal -1,1) en skew.

Image Added

Controleren op Transform-elementen

Om te controleren of er transformaties zijn, klik je op shift+ctrl+x om de XML-editor te openen:

  1. Selecteer een veelhoek.

  2. Als een regel "transformeer" zegt, kunt u proberen deze te verwijderen of de veelhoek te verwijderen en zonder transformatie te maken.

Image Added
Note

Vermijd only_selected="false" in een SVG-bestand, omdat dit een niet-ondersteund attribuut is.

Als polygoongroepen werden gebruikt, riskeren we ook transformaties op die niveaus te introduceren.

  1. Zodat u de polygoongroepen kunt "degroeperen" door met de rechtermuisknop op de groep te klikken.

  2. Een pop-up toont verschillende opties. Kies de optie "Ungroup" (Shift+CTRL+G).

Nu zijn de polygonen gescheiden en ongegroepeerd.

Controleer of er transformaties zijn door shift+ctrl+x te selecteren zoals hierboven beschreven.

image-20240115-163306.pngImage Addedimage-20240115-161346.pngImage Added

Transform-elementen oplossen

Soms sluipen Transform-elementen in je SVG op andere niveaus dan in polygonen, of is het aanwezig in een polygoon die je net niet hebt gecontroleerd in de bovenstaande stap.

Dit wordt misschien pas zichtbaar in Workplace nadat je je SVG hebt geüpload en alle locaties in kaart hebt gebracht op de plattegrond...

Gelukkig is er een plug-in/uitbreiding voor Inkscape waarmee je transformelementen kunt verwijderen zonder de laag/groepstructuur van de SVG te verliezen (wat anders andere problemen kan veroorzaken):

  1. download de SVG van Studio

  2. voer de Inkscape-extensie uit op het bestand (volg de instructies in de Leesmij sectie)

  3. opnieuw uploaden in Studio

image-20240314-142420.pngImage Added

Stap 2.4. De laatste hand leggen

1. Als je klaar bent met het tekenen van al je veelhoeken, is het tijd voor wat fijnafstelling op

  • Uitlijning

  • Algehele controles om er zeker van te zijn dat alles gelijk is

  • Kamer controles

  • Zorg ervoor dat alle benodigde polygonen beschikbaar zijn

  • ...

Image Added

2. Als je tevreden bent met je tekening, selecteer je de polygoonlaag en verander je de laagdekking in 2%.

Image Added

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 het geval is, wijzig dan het formaat van de achtergrondafbeelding.

Stap 3: Uploaden en in kaart brengen in Studio

Eerste upload van een plattegrond

  1. Ga naar https://studio.cobundu.com/ > Settings Instellingen > Floorplan Views

  2. ‪Go to the relevant floor in the list (if it is not there, select the + sign in the top right corner and add it to the list {the floor has to be configured as part of the master data to appear here})

Image Removed

3. Give your floorplan a name and press "configure" to start the mapping

Image Removed

  1. Select polygon per polygon

  2. Select the location from the dropdown list on the right

  3. Press « Assign »

  4. Make sure you Save the configuration changes

  5. Make sure to also press « Save » on Floorplan Views page

Image Removed
Info

For the first upload: Map only one polygon and then click save in this window and in the floorplan views. Go to the different touchpoints and check that everything looks good. This will avoid a second mapping in case something is wrong.

Image Removed

4. Save the mapping and also save the Studio “Floorplan Views” page

5. Now your floor plan will appear in all the Workplace touchpoints !

Modifications on existing Workplace floor plan

Surely, the layout of the floor will change over time. This might require a change/addition of polygons, or a change to the background. In this case, you can download the mapped drawing and re-upload, without having to do the mapping again.

Below steps explain how to keep the mapping of the existing locations in Workplace, while adding an extra polygon, which will allow us to link a new location, either to make it reservable or to link a sensor.

Expand
titleSteps to add a new location polygon to a live floor plan
Prerequisite:make sure to set up your new locations in the master data

Steps to add a new location polygon to a live floor plan

Go to

  1. Plattegrondweergaven

  2. Ga naar de relevante verdieping in de lijst (als deze er niet is, selecteer dan het + teken in de rechterbovenhoek en voeg deze toe aan de lijst {de verdieping moet geconfigureerd zijn als onderdeel van de Master data om hier te verschijnen}).

Image Added

3. Geef uw plattegrond een naam en druk op "configureren" om de mapping te starten.

Image Added

  1. Selecteer veelhoek per veelhoek

  2. Selecteer de locatie in de vervolgkeuzelijst aan de rechterkant

  3. Druk op " Toewijzen ".

  4. Zorg ervoor dat je de configuratiewijzigingen opslaat

  5. Zorg ervoor dat u ook op "Opslaan" drukt op de pagina Plattegrondweergaven

Image Added
Info

Voor de eerste upload: Breng slechts één polygoon in kaart en klik vervolgens op opslaan in dit venster en in de plattegrondweergaven. Ga naar de verschillende touchpoints en controleer of alles er goed uitziet. Dit voorkomt een tweede mapping als er iets mis is.

Image Added

4. Sla de mapping op en sla ook de pagina Studio "Floorplan Views" op.

5. Nu verschijnt uw plattegrond in alle Workplace touchpoints!

Aanpassingen aan bestaande plattegrond Workplace

Natuurlijk zal de lay-out van de vloer in de loop van de tijd veranderen. Dit kan een verandering/toevoeging van polygonen of een verandering van de achtergrond vereisen. In dit geval kunt u de in kaart gebrachte tekening downloaden en opnieuw uploaden, zonder dat u de mapping opnieuw hoeft te doen.

In de volgende stappen wordt uitgelegd hoe we de mapping van de bestaande locaties in Workplace kunnen behouden, terwijl we een extra polygoon toevoegen waarmee we een nieuwe locatie kunnen koppelen, hetzij om deze reserveerbaar te maken, hetzij om een sensor te koppelen.

Expand
titleStappen om een nieuwe locatiepolygoon toe te voegen aan een live plattegrond

Voorwaarde:zorg ervoor dat u uw nieuwe locaties instelt in de Master data

Stappen om een nieuwe locatiepolygoon toe te voegen aan een live plattegrond

  1. Ga naar https://studio.cobundu.com/ > Settings Instellingen > Floorplan Views, select “configure” on the relevant floor

  2. You’ll find all of the current locations are already mapped.

  3. Download the drawing / SVG file of this floor plan.

  4. Open the download with Inkscape.

  5. On your floor plan in Inkscape, every linked location in Workplace will be represented by black squares and circles. They are the so-called polygons.

  6. On the bottom right you can see the layers. For now, we're not going to do anything with the layer locations because the layer locations is all the linked locations. Lock the layer to make sure nothing will change.

  7. The only layer you’d want to touch is the polylines layer, because the polygons are stored on this layer.

  8. Zoom to the location where you want to add a polygon.

  9. Select the square functionality in the left menu.

  10. Click and drag to create a new polygon.

  11. Make sure to keep opacity around 2%.

  12. Save the drawing.

  13. If you get a weird (page) border around your floor plan, check file document properties to remove the border.

  14. Close Inkscape.

  15. Go back to Studio > Settings > Floor Plan Views, select “upload” (button with upward facing arrow).

  16. Select your modified drawing to upload the floor plan in Workplace.

  17. Select “configure”: As you can see, all of the locations are still there, still intact, still linked. An you can see your extra polygon.

  18. Link the IWMS location to this polygon and save your changes.

  19. Set the new floorplan to be your default view.

  20. Remove any old floor plans from the listPlattegrondweergaven, selecteer "configureren" op de relevante verdieping

  21. Je zult zien dat alle huidige locaties al in kaart zijn gebracht.

  22. Download de tekening / SVG-bestand van deze plattegrond.

  23. Open de download met Inkscape.

  24. Op je plattegrond in Inkscape wordt elke gekoppelde locatie in Workplace voorgesteld door zwarte vierkanten en cirkels. Dit zijn de zogenaamde polygonen.

  25. Rechtsonder zie je de lagen. Voorlopig gaan we niets doen met de laaglocaties omdat de laaglocaties alle gekoppelde locaties zijn. Zet de laag op slot om er zeker van te zijn dat er niets verandert.

  26. De enige laag die je wilt aanraken is de polylijnenlaag, omdat de polygonen op deze laag zijn opgeslagen.

  27. Zoom in op de locatie waar u een veelhoek wilt toevoegen.

  28. Selecteer de vierkante functionaliteit in het linkermenu.

  29. Klik en sleep om een nieuwe veelhoek te maken.

  30. Zorg ervoor dat de dekking rond de 2% blijft.

  31. Sla de tekening op.

  32. Als je een rare (pagina)rand rond je plattegrond krijgt, controleer dan de eigenschappen van het bestandsdocument om de rand te verwijderen.

  33. Sluit Inkscape.

  34. Ga terug naar Studio > Instellingen > Plattegrondweergaven, selecteer "uploaden" (knop met naar boven gerichte pijl).

  35. Selecteer je aangepaste tekening om de plattegrond in Workplace te uploaden.

  36. Selecteer "configureren": Zoals je kunt zien, zijn alle locaties er nog steeds, nog steeds intact, nog steeds gekoppeld. En je kunt je extra polygoon zien.

  37. Koppel de IWMS-locatie aan deze polygoon en sla uw wijzigingen op.

  38. Stel de nieuwe plattegrond in als standaardweergave.

  39. Verwijder alle oude plattegronden uit de lijst

Floorplans-20221005_163952-Meeting Recording.mp4

If icons are not positioned correctly compared to the polygons in the SVG floorplans, check out Als pictogrammen niet correct zijn gepositioneerd ten opzichte van de polygonen in de SVG-plattegronden, kijk dan op https://spacewell.atlassian.net/wiki/spaces/KB/pages/491844/Importing+floorplans#Resolve-Transform-elements

Tips

& Tricks1. While drawing polygons, in any format, please remember that Workplace will display sensor information (eg occupancy-silhouette, utilization-number, task count-number

en trucs

1. Denk er bij het tekenen van polygonen, in welk formaat dan ook, aan dat Workplace de sensorinformatie (bijv. bezettingssilhouet, bezettingsgraad-aantal, aantal taken-aantal, ...) on the Live Floorplan in the geometric center of your polygon; even if this might seem off-center compared to the background drawing (eg tables in left below example) or might fall out of your polygon (eg u-shape polygon in the right below exampleop de live plattegrond in het geometrische midden van uw polygoon weergeeft; ook al lijkt dit misschien niet gecentreerd ten opzichte van de achtergrondtekening (bijv. tafels in het voorbeeld linksonder) of valt dit uit uw polygoon (bijv. u-vormige polygoon in het voorbeeld rechtsonder):

2. You can deliver your own drawings, floorplans, etc. We're happy to walk you through our best practices and limitations, but Spacewell does not deliver services when it comes to design.

3. Check out the description on Social Distancing/Disabled Feature on Live floorplan settings

Tips & Tricks on Inkscape

‪1. Select the size (eg Height) + lock to make sure that your shape stays proportionate

Image Removed

‪2. To copy : copy+paste (2 actions) or ctrlD (= 1 action)

‪3. To keep the polygons on the same line: select and replace while keeping ctrl turned on

4. Use Align + distribute to have the same space between eg workplaces

Troubleshooting

  1. After rendering, the polygons are very thick compared to the floor

Image Removed

2. General things to check

U kunt uw eigen tekeningen, plattegronden, etc. aanleveren. We lopen graag met u door onze best practices en beperkingen, maar Spacewell levert geen diensten als het gaat om ontwerpen.

3. Bekijk de beschrijving van Sociale afstand/functie voor gehandicapten op Live floorplan settings

Tips en trucs voor Inkscape

1. Selecteer de grootte (bijv. hoogte) + vergrendelen om ervoor te zorgen dat je vorm in verhouding blijft

Image Added

2. Om te kopiëren: kopiëren+plakken (2 acties) of ctrlD (= 1 actie)

3. Om de polygonen op dezelfde lijn te houden: selecteer en vervang terwijl ctrl ingeschakeld blijft.

4. Gebruik Uitlijnen + verdelen om dezelfde ruimte te hebben tussen bijv. werkplekken

Problemen oplossen

  1. Na het renderen zijn de polygonen erg dik vergeleken met de vloer

Image Added

2. Algemene dingen om te controleren in Inkscape

3. Is your file size much larger than the recommended je bestand veel groter dan de aanbevolen 3 MB?

  • In case of very large floors, it’s possible to 'compress' the SVG file, (seemingly) without loss of quality. You can use a PNG-24 compression, but in most cases, a PNG-8 compression is also good enough.

  • In one case, Inkscape had copied the 3D background 4 times one on top of the other (probably a certain command was activated unconsciously in Inkscape). This is not visible in Inkscape itself – you’ll only notice because of the huge file size of the SVG file.

4. If icons are not positioned correctly compared to the polygons in the SVG floorplans, check out

  • het geval van zeer grote verdiepingen is het mogelijk om het SVG-bestand te 'comprimeren', (ogenschijnlijk) zonder kwaliteitsverlies. Je kunt een PNG-24 compressie gebruiken, maar in de meeste gevallen is een PNG-8 compressie ook goed genoeg.

  • In één geval had Inkscape de 3D achtergrond 4 keer boven elkaar gekopieerd (waarschijnlijk was een bepaald commando onbewust geactiveerd in Inkscape). Dit is niet zichtbaar in Inkscape zelf - je merkt het alleen door de enorme bestandsgrootte van het SVG-bestand.

4. Als pictogrammen niet correct zijn gepositioneerd ten opzichte van de polygonen in de SVG-plattegronden, kijk dan op https://spacewell.atlassian.net/wiki/spaces/KB/pages/491844/Importing+floorplans#Resolve-Transform-elements

SearchZoek op

Live Search