Plattegronden importeren
- Lango: Language and translation manager
Moeilijkheidsgraad: beginner
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 rechtstreeks in de back-end van Workplace geüpload en in kaart gebracht Studio.
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 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:
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.
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 https://spacewell.atlassian.net/wiki/spaces/KB/pages/254672916)
Stap 1: Afbeeldingen opschonen
De gerenderde 3D-afbeelding moet in dit stadium een PNG- of JPG-indeling hebben.
De voorbereiding omvat:
De afbeelding bijsnijden
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".
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 in het 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".
Stap 2: De plattegrond afmaken (in Inkscape)
Het SVG-plan voorbereiden
Lagen toevoegen
Veelhoeken toevoegen
De finishing touch toevoegen
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.
Stap 2.1. Het SVG-plan voorbereiden
Open Inkscape
Open de voorbereide PNG-afbeelding.
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, kunt u vragen om een Export van SVG, Zodat u niet elke polygoon opnieuw hoeft te maken.
Stap 2.2. Lagen toevoegen
Maak 2 Lagen door op het " + " teken aan de rechterkant te klikken (zorg dat ze in deze volgorde staan) :
Polygonen
Afbeelding
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 ".
4. Klik op de polygoonlaag Zodat je erin staat (de blauwe markering betekent dat je momenteel op die laag werkt)
Stap 2.3. Veelhoeken toevoegen
Nadat je de polygoonlaag hebt geselecteerd:
Selecteer in het linkermenu/werkbalk
de "Rechthoeken/Vierkanten" om de veelhoeken voor de kamers te tekenen
de "Cirkels/Ellipsen/Arcen" om de polygonen voor de werkplekken te tekenen
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.
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.
Gebruik de functie "Rechthoeken/Vierkanten" of "Cirkels/Elypses/Arcs" voor locaties met regelmatige vormen,
om rare vormen te maken:
gebruik de functie "Bezier curves/rechte lijnen" of
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 dekking van 2%.
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.
Ondersteunde wijzigingsacties: schalen en verplaatsen.
Niet ondersteund modificaties/transformaties: matrix, rotatie, flip (schaal -1,1) en skew.
Controleren op Transform-elementen
Om te controleren of er transformaties zijn, klik je op shift+ctrl+x om de XML-editor te openen:
Selecteer een veelhoek.
Als een regel "transformeer" zegt, kunt u proberen deze te verwijderen of de veelhoek te verwijderen en zonder transformatie te maken.
Als polygoongroepen werden gebruikt, riskeren we ook transformaties op die niveaus te introduceren.
Zodat u de polygoongroepen kunt "degroeperen" door met de rechtermuisknop op de groep te klikken.
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.
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):
download de SVG van Studio
voer de Inkscape-extensie uit op het bestand (volg de instructies in de Leesmij sectie)
opnieuw uploaden in Studio
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
...
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
Stap 3: Uploaden en in kaart brengen in Studio
Eerste upload van een plattegrond
Ga naar Studio > Instellingen > Plattegrondweergaven
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}).
3. Geef uw plattegrond een naam en druk op "configureren" om de mapping te starten.
Selecteer veelhoek per veelhoek
Selecteer de locatie in de vervolgkeuzelijst aan de rechterkant
Druk op " Toewijzen ".
Zorg ervoor dat je de configuratiewijzigingen opslaat
Zorg ervoor dat u ook op "Opslaan" drukt op de pagina Plattegrondweergaven
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.
Als pictogrammen niet correct zijn gepositioneerd ten opzichte van de polygonen in de SVG-plattegronden, kijk dan op Importing floorplans | Resolve Transform elements
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; 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. 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
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.
4. Als pictogrammen niet correct zijn gepositioneerd ten opzichte van de polygonen in de SVG-plattegronden, kijk dan op Importing floorplans | Resolve Transform elements
Zoek op