# Lavan luominen

> Rakenna ja tallenna istumakartta Lavan Rakentajassa, mukaan lukien istuimet, alueet, merkinnät, asettelun hallintatoiminnot ja tapahtumapaikan tiedot.

Luo istumakartta Lavan Rakentajassa lisäämällä ja järjestämällä sen elementtejä, tarkistamalla virheet ja tallentamalla sen tapahtumapaikan tietojen kanssa. Lisätietoja karttojen avaamisesta, kopioimisesta, poistamisesta ja hallinnasta [Lavojen sivulla](/organizers/stages/stages-overview.md) on kohdassa Lavojen yleiskatsaus.

---

## Tutustu Lavan Rakentajaan

Lavan Rakentaja avautuu yleensä uuteen ponnahdusikkunaan. Siinä on kolme aluetta:

- Keskellä oleva **Taulu** on paikka, jossa rakennat istumakartan.
- Vasemmalla oleva **Työkalupakki** sisältää käytettävissä olevat työkalut ja elementtivaihtoehdot.
- Oikealla oleva **Yleiskatsauspaneeli** sisältää koko karttaa koskevat toiminnot ja asetukset, sektorien kapasiteetin sekä mahdolliset virheet ja suositukset.

Kun valitset yhden tai useamman samantyyppisen elementin, niiden asetusten tarkastaja näkyy Työkalupakissa käytettävissä olevien työkalujen alla. Jos valitset yhdessä erityyppisiä elementtejä, niiden asetuksia ei näytetä.

### Työskentele pikseleissä

Työskentelyn mittayksikkö on pikseli (PX). Rakenna kartta silmämääräisesti ja keskity kokonaisilmeeseen sekä istuinten, alueiden ja sektorien sijoitteluun. Entase sovittaa istumakartan automaattisesti käytettävissä olevaan tilaan kaikkialla, missä se näytetään.

---

## Lisää elementtejä Työkalupakista

Vedä elementti Työkalupakista ja pudota se Taululle. Käytettävissä olevat elementit ovat **Lava**, **Alue**, **Staattinen elementti**, **Yksi istumapaikka**, **Ryhmä istumapaikkoja** ja **Teksti**.

Ohjeita sektorien suunnitteluun ja käyttöön lippujen hintaryhminä on kohdassa [Sektoreiden selitys](/organizers/stages/sectors-explained.md).

### Lisää lavaelementti

**Lava**-elementti näyttää lavan sijainnin. Voit lisätä niin monta lavaelementtiä kuin monilavaisessa tapahtumassa tarvitaan.

Määritä sen asetuksissa:

- **Nimi** – valitse **Lava**, **Näyttö**, **Kehä**, **Areena**, **Kenttä** tai **Kenttä**, tai kirjoita mukautettu merkintä.
- **Koko** – määritä leveys ja korkeus.
- **Pyöristys** – määritä kulmien pyöristys väliltä 0–100 %.

Parhaat käytännöt:

- Käytä koristeluun **Staattista elementtiä** lavaelementin sijaan.
- Nykyaikaisessa käyttöliittymässä lava näkyy kartan yläosassa. Tämä vastaa osallistujan eteenpäin suuntautuvaa näkökulmaa 2D-kartassa. Voit sijoittaa lavan mihin tahansa, mutta harkitse alareunaan sijoitetun lähdekartan kiertämistä selkeämmän asiakaskokemuksen takaamiseksi.

### Lisää istuimia

Istuin edustaa varattavaa paikkaa yhdelle osallistujalle. Jokainen erillinen istuin lasketaan yhdeksi kapasiteettiyksiköksi.

Lisää yksi istuin vetämällä **Yksi istumapaikka** Taululle.

Jos haluat lisätä useita istuimia kerralla:

1. Vedä **Ryhmä istumapaikkoja** Taululle.
2. Kirjoita avautuvaan ruutuun rivien määrä ja paikkojen määrä riviä kohden.
3. Napsauta **Lisää**.
4. Säädä lisättyjä istuimia tarvittaessa yksitellen.

Käytä yksittäisten ja ryhmiteltyjen istuinten asetusten tarkastajaa seuraavien määrittämiseen:

- **Sektori ja väri** – istuimelle tai istuimille määritetty sektori.
- **Rivi** – aakkosnumeerinen teksti.
- **Paikka** – aakkosnumeerinen teksti.
- **Ominaisuudet** – tiedot, joita voidaan käyttää kuponkien ja hintakäytäntöjen yhteydessä alennuksiin:
  - **Sopii liikuntarajoitteisille**
  - **Rajoitettu näkymä**
  - **Ei saatavilla**
- **Näkymä istuimelta** – kuva, joka näyttää näkymän kyseiseltä istuimelta.

Jos muutat istuimen sektorin nimen olemassa olevan sektorin nimeksi, valitut istuimet perivät automaattisesti kyseisen sektorin värin. Jos muutat vain sektorin väriä, muutos koskee kaikkia kyseisen sektorin istuimia, vaikka vain yksi istuin olisi valittuna.

### Lisää alueita

**Alue**-elementit ovat vain kapasiteettiin perustuvia tiloja. Alueella olevat osallistujat eivät varaa tiettyä paikkaa, joten alue täytetään saapumisjärjestyksessä. Alue voi edustaa seisomatilaa, istumapaikkoja ilman paikkavarausta tai molempia.

Määritä alueelle:

- **Sektori ja väri** – alueelle määritetty sektori.
- **Alueen nimi** – näkyy elementin yläosassa.
- **Kapasiteetti** – osallistujien enimmäismäärä.
- **Vähimmäisvaraus** – vähimmäismäärä paikkoja, jotka tilauksen on sisällettävä.
- **Lukitse varaus** – lukitsee koko sektorin, kun ensimmäinen varaustilaus tehdään.
- **Näkymä istuimelta** – kuva, joka näyttää näkymän kyseiseltä sektorilta.
- **Koko** – leveys ja korkeus.
- **Pyöristys** – kulmien pyöristys väliltä 0–100 %.
- **Visualisointi** – **Vakio** tai **SVG**.

#### Valitse alueen visualisointi

Alueen vakiovisualisointi on värillinen suorakulmio, jossa voi haluttaessa olla pyöristetyt kulmat.

Jos haluat edistyneemmän muodon, valitse SVG-visualisointi ja liitä SVG-polut. Alue saa näiden polkujen määrittämän muodon. Sektorien värit ja alueen nimi eivät ole käytössä SVG-visualisoinnissa: sisällytä värit ja mahdollinen teksti SVG-polkuihin. Jos poluissa ei ole väriä, muoto perii läpinäkyvän värin eikä näy.

Liitä pääasiallisen `<svg>`-elementin sisältä tuleva sisältö, esimerkiksi:

```html
<circle fill="#a8c8d8" cx="50" cy="50" r="50" />
```

```html
<g clip-path="url(#clip0_1_2)">
<path d="M42.35 12.51L52.89 1.70001V50.48L42.35 40.03V12.51Z" fill="#35A248"/>
<path d="M10.54 40.03L0 50.84V2.04999L10.54 12.51V40.03Z" fill="#35A248"/>
<path d="M12.78 10.54L1.97 0H50.75L40.3 10.54H12.78Z" fill="#35A248"/>
<path d="M40.21 41.64L51.02 52.18H2.23001L12.69 41.64H40.21Z" fill="#35A248"/>
<path d="M40.2 12.69H13.04V39.85H40.2V12.69Z" fill="#35A248"/>
</g>

<clipPath id="clip0_1_2">
<rect width="52.89" height="52.18" fill="white"/>
</clipPath>
```

#### Määritä lukitun kapasiteetin loosi

Käytä baari- tai klubikartassa **Lukitse varaus** -asetusta varataksesi alueen yritykselle. Esimerkiksi 5–10 henkilön VIP-loosia varten:

- Aseta **Kapasiteetti** arvoksi `10`.
- Aseta **Vähimmäisvaraus** arvoksi `5`.
- Ota **Lukitse varaus** käyttöön.

Ensimmäisen asiakkaan on maksettava vähintään viidestä lipusta, ja loosi lukittuu ensimmäisellä varauksella, vaikka sen kapasiteetti ei olisi täyttynyt.

### Lisää staattisia elementtejä

**Staattinen elementti** on tarkoitettu vain koristeluun, eikä sitä lasketa mukaan istumakartan kokonaiskapasiteettiin.

Sen asetukset ovat:

- **Koko** – leveys ja korkeus.
- **Pyöristys** – kulmien pyöristys väliltä 0–100 %.
- **Visualisointi** – **Vakio** tai **SVG**. Noudata samoja SVG-ohjeita kuin alueissa.

### Lisää tekstiä

Käytä **Teksti**-elementtejä selkeyttämään karttaa. Määritä:

- **Arvo** – näytettävä teksti.
- **Tekstin suunta** – **Vaakasuora** tai **Pystysuora**.
- **Kierto** – 0–360 astetta.

---

## Järjestä Taulu

Valkoinen keskialue on Taulu, ja sitä ympäröivä alue on harmaa. Pidä kaikki elementit, jotka asiakkaiden tulee nähdä, valkoisten Taulun reunojen sisällä. Näiden reunojen ulkopuolella oleva sisältö rajataan pois eikä näy kassalla.

### Lähennä ja siirry kartassa

- Lähennä tai loitonna hiiren vierityspyörällä tai ikkunan alareunassa olevilla zoomaussäätimillä.
- Siirrä näkyvää aluetta pitämällä välilyöntinäppäintä ja hiiren vasenta painiketta painettuna ja liikuttamalla hiirtä.

### Siirrä, kierrä ja muuta elementtien kokoa

- **Siirrä:** Valitse yksi tai useampi elementti ja vedä hiiren vasemmalla painikkeella. Käytä näppäimistön nuolinäppäimiä tarkempaan sijoitteluun.
- **Kierrä:** Valitse yksi tai useampi elementti. Pidä hiiren vasenta painiketta painettuna valinnan yläpuolella olevassa pyöreässä kahvassa ja liikuta sitten hiirtä.
- **Muuta kokoa:** Tuettujen elementtien mitat voi joko kirjoittaa asetusten tarkastajaan tai valita yhden elementin ja vetää jotakin sitä ympäröivistä neliönmuotoisista kahvoista. Kaikki elementit eivät tue koon muuttamista.

### Käytä kohdistuslinjoja

Sinisiä vaaka- tai pystysuoria viivoja näkyy, kun valintasi reuna osuu toisen elementin reunaan. Käytä näitä kohdistuslinjoja sijoittelun tarkentamiseen ja yhdistä ne nuolinäppäimiin erityisen hienovaraisia säätöjä varten.

### Poista elementtejä

Valitse poistettavat elementit ja tee sitten jompikumpi seuraavista:

- Paina näppäimistön Delete-näppäintä tai
- napsauta asetusten tarkastajassa **Poista valitut**.

Asetusten tarkastaja ei näy, kun valinta sisältää useita elementtityyppejä. Paina siinä tapauksessa Delete-näppäintä tai valitse samantyyppisiä elementtejä, ennen kuin käytät **Poista valitut** -toimintoa.

---

## Käytä Yleiskatsauspaneelia

### Kumoa ja tee muutokset uudelleen

Käytä toimintoja **Kumoa** ja **Tee uudelleen** siirtyäksesi muutoksissa taakse- tai eteenpäin. Voit käyttää myös näitä käyttöjärjestelmän pikanäppäimiä:

- Windows: `Ctrl + Z` kumoamiseen ja `Ctrl + Y` uudelleen tekemiseen.
- macOS: `Cmd + Z` kumoamiseen ja `Cmd + Shift + Z` uudelleen tekemiseen.

### Tarkista sektorit ja kapasiteetti

**Sektorit**-luettelo näyttää kartan nykyiset sektorit ja kunkin lasketun kapasiteetin. Napsauta sektorin nimeä valitaksesi kaikki kyseisen sektorin elementit Taululla.

### Määritä Taulun koko

Määritä Taulun leveys ja korkeus **Taulun asetukset** -toiminnolla. Laajenna sitä, kun tarvitset lisää tilaa, ja pienennä sitä, kun kartta on valmis.

Vältä jättämästä liikaa tyhjää tilaa kartan ja Taulun reunan väliin. Tavoittele 40–50 PX:n reunusta kartan ympärille.

### Korjaa virheet ja noudata suosituksia

Virheiden ja suositusten paneeli luettelee kartan rakentamisen aikana havaitut ongelmat. Noudata suosituksia ja korjaa virheet mahdollisuuksien mukaan. Virheet liittyvät usein puuttuviin tai päällekkäisiin istuinten nimiin.

Napsauta virhettä valitaksesi siihen liittyvät elementit Taululla, jotta ne on helpompi löytää ja korjata.

> **Tärkeää:** Voit tallentaa istumakartan, jossa on virheitä, mutta et voi luoda tapahtumia kyseisellä lavalla, ennen kuin virheet on korjattu.

---

## Tallenna lava ja määritä sen sijainti

1. Napsauta Lavan Rakentajan oikeassa alakulmassa **Tallenna muutokset**.
2. Kirjoita sijainnin ponnahdusikkunan **Haku**-kenttään tapahtumapaikan nimi. Käytä mahdollisuuksien mukaan Google Placesissa näkyvää nimeä, jotta järjestelmä voi yrittää poimia tiedot.
3. Tarkista ja muokkaa seuraavassa näkymässä sijainnin tietoja:
   - **Paikan nimi** – tapahtumapaikan tai rakennuksen nimi.
   - **Lava** – valinnainen. Kirjoita salin nimi, jos istumakartta on tarkoitettu tietylle tapahtumapaikan sisällä olevalle salille; muussa tapauksessa jätä kenttä tyhjäksi.
   - **Huomautus** – valinnaiset sisäiset tiedot sinulle ja tiimillesi.
   - **Osoite** – katuosoite.
   - **Kaupunki** – kaupunki sekä tarvittaessa osavaltio, esimerkiksi `New York, NY`.
   - **Maa** – maan nimi.
   - **Lat/lng** – säädettävä GPS-neula. Siirrä sitä tarvittaessa koordinaattien tarkentamiseksi.
4. Napsauta **Tallenna**.

Kaikki sijaintitiedot **Huomautusta** lukuun ottamatta näytetään osallistujille. Käytä **Huomautusta** vain sisäisiin tietoihin. Tallentamisen jälkeen kartta näkyy [Lavojen sivulla](/organizers/stages/stages-overview.md).
