Skip to end of metadata
Go to start of metadata

You are viewing an old version of this content. View the current version.

Compare with Current View Version History

« Previous Version 2 Next »

Moeilijkheidsgraad: beginner

Inhoud

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, ... zie hieronder): kleuren, pictogrammen, 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/.

Dit is hoe het resultaat eruit kan/zal zien op Workplace touchpoints:


De SVG-plattegrond verkrijgen


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.

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)

Stap 1: 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".

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

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

Stap 1.2. Achtergrond verwijderen

Nadat je de afbeelding hebt bijgesneden, verwijder je de achtergrond

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

2. Klik met de toverstaf ergens in de

witte ruimte van het beeld

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.

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

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

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.

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

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

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

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)

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

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

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

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.

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

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.

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

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

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):

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

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

Ondersteunde wijzigingsacties: schalen en verplaatsen.

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

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.

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-20240115-161346.png

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

  • ...

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

Stap 2.5. Opslaan als SVG-bestand met een bestandsgrootte van maximaal 3 MB

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/ > Instellingen > 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}).

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

  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

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.

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.

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

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/ > Instellingen > Plattegrondweergaven, selecteer "configureren" op de relevante verdieping

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

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

  4. Open de download met Inkscape.

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

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

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

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

  9. Selecteer de vierkante functionaliteit in het linkermenu.

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

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

  12. Sla de tekening op.

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

  14. Sluit Inkscape.

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

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

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

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

  19. Stel de nieuwe plattegrond in als standaardweergave.

  20. Verwijder alle oude plattegronden uit de lijst

Floorplans-20221005_163952-Meeting Recording.mp4

Tips 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, ...) op 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. 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

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

2. Algemene dingen om te controleren in Inkscape

3. Is je bestand veel groter dan de aanbevolen 3 MB?

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

  • No labels