Versions Compared

Version Old Version 1 New Version 2
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.

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

    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

    • 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

    • 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 tekst, sociale afstandspijlen of andere kunnen worden toegevoegd aan het SVG eindresultaat, zoals je kunt zien op de voorbeelden hieronder.

    SVG-plattegronden worden geüpload en direct in kaart gebracht in Workplace back-end 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 vloeroppervlak (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

    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

    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

    Afbeelding 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

    In de volgende handleiding wordt beschreven 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 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. Elke configuratie die afwijkt van deze handleiding kan wel of niet worden 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, kun je vragen om een Export van SVG, zodat je 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 zit (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 veelhoeken 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 op 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 deze afmetingen te vergrendelen 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 ondoorzichtigheid 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

    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. Zorg er dus voor dat u de polygoongroepen "degroepeert" 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

    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 ervoor te zorgen dat alles gelijkmatig verloopt

    • 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

    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 stamgegevens 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 je plattegrond in alle Workplace touchpoints!

    Aanpassingen aan de bestaande plattegrond van de werkplaats

    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.

    Onderstaande stappen leggen uit hoe we de mapping van de bestaande locaties in Workplace kunnen houden, 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
    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

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

    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

    Tips

    & Tricks

    en trucs

    1. While drawing polygons, in any format, please remember that Workplace will display sensor information (eg occupancy-silhouette, utilization-number, task count-numberDenk 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; zelfs als dit misschien niet in het midden lijkt te zijn ten opzichte van de achtergrondtekening (bijv. tabellen in het voorbeeld linksonder) of uit uw polygoon zou kunnen vallen (bijv. u-vormige polygoon in het voorbeeld rechtsonder):

    2. You can deliver your own drawings, floorplansU kunt uw eigen tekeningen, plattegronden, 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 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

    & Tricks on

    en trucs voor 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 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 actionactie)

    ‪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

    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.

    Search

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

    Zoek op

    Live Search