Difference between revisions of "V2/CMS Tutorial/User Tools/Creating Content/Site/Add Site/Add Zone"

From Senfi Docs
Jump to: navigation, search
 
(13 intermediate revisions by the same user not shown)
Line 29: Line 29:
 
[[File:Zone_list.png|thumb|center|800px|Zone List|link=]]
 
[[File:Zone_list.png|thumb|center|800px|Zone List|link=]]
 
; Search: Search function searches the zones available with the keyword.
 
; Search: Search function searches the zones available with the keyword.
−
; Tree View: Displays the zones according to hierarchy.
+
; Tree View: Displays the zones according to hierarchy. Parent zone can be collapsed or expanded as needed.
 
; List View: Displays the zones according to alphabetical order.
 
; List View: Displays the zones according to alphabetical order.
 +
; Edit Zone (>): Edits the selected zone.
  
 
===='''3D Boundary'''====
 
===='''3D Boundary'''====
 +
The 3D boundary view displays all the boundaries of every zone defined in a site.
 +
[[File:Zone_3d_boundary.png|thumb|center|800px|3D Boundary|link=]]
 +
; Eye icon: Show or hide 3D boundary of selected zone (Only available in the zone list when 3D boundary view is selected).
 +
; Edit Zone (>): Edits the selected zone.
  
−
===Add Zone===
+
===Adding Zone===
−
[[File:Add_floorplan_part_1.png|thumb|center|700px|Steps to Add Floorplan|link=]]
+
[[File:Add_floorplan_part_1.png|thumb|center|700px|Steps to Add Zone|link=]]
 
# Go to the [[File:site_icon.png|30px]] '''Site''' tab.
 
# Go to the [[File:site_icon.png|30px]] '''Site''' tab.
−
# Select [[File:Edit.png|40px]] '''Edit''' beside the site you want to add floorplans for.
+
# Select [[File:Edit.png|40px]] '''Edit''' beside the site you want to add zones for [[File:Add_Zone_01.png|thumb|center|800px|Select Zone Tab|link=]]
−
[[File:Add_floorplan_part_2.png|thumb|center|700px|Steps to Add Floorplan|link=]]
+
# Select the "ZONE" tab. [[File:Add_Zone_02.png|thumb|center|763px|Select Zone Tab|link=]]
−
3. Select the "FLOORPLAN" tab. <br>
+
# Navigate to "RELATIONSHIP GRAPH" view
−
4. Select the [[File:Add_Inside.png|30px]] '''Add''' button beside '''Level Name''' to add a floorplan for that level. Go to [[#Upload Floorplan|Upload Floorplan]].
+
# Drag [[File:New_Zone_Btn.png|91px]] to Canvas or double click on the Canvas to add a new zone.
  
−
===Upload Floorplan===
+
===Edit Zone===
−
[[File:Upload_floorplan.png|thumb|center|700px|Steps to Upload Floorplan|link=]]
+
[[File:Edit_New_Zone.png|thumb|center|490px|Edit new zone|link=]]
−
# Upload floorplan image file. Go to [[#Add 2D and 3D Reference Points|Add 2D and 3D Reference Points]].
+
# Click [[File:Edit_Arrow_Btn.png|22px]] beside the new zone. [[File:Edit_New_Zone_Info.png|thumb|center|641px|Edit new zone information|link=]]
 +
# Edit zone name.
 +
# Provide Brick Info (*Note: This is optional, but if you want to use this option, both location class and location name must be provided)
 +
# Click '''OK''' to exit editing mode, '''Cancel''' to discard changes.
  
−
===Add 2D and 3D Reference Points===
+
===Add Zone Boundary===
−
[[File:Add_reference_points.png|thumb|center|700px|Add 2D & 3D reference points|link=]]
+
[[File:Edit_New_Zone.png|thumb|center|490px|Edit new zone|link=]]
−
# Select "POINT 1" above the 2D Floorplan.
+
# Click [[File:Edit_Arrow_Btn.png|22px]] beside the new zone. [[File:Add_boundary.png|thumb|center|641px|Add boundary|link=]]
−
# Drop the point onto the required position on the 2D Floorplan.  
+
# Click "ADD BOUNDARY" button [[File:Add_boundary_3D.png|thumb|center|697px|Add point mode|link=]]
−
# Repeat the above 2 steps for "POINT 2".  
+
# In the "Add Point" mode, single click on 3D model to pick points of boundary. You can change between the various modes to aid in adding boundary:
−
# Repeat the above 3 steps for the 3D Floorplan. [[File:Calibration1.PNG|thumb|600px|center|2D & 3D reference points]]  
+
## [[File:Btn_add_point.png|44px]] Add point
−
# Select "SAVE" (top right corner) to save the floorplan.
+
## [[File:Btn_move_point.png|44px]] Select/Move point
−
<div class="important">Tip: Reference points can be tested by selecting the "TEST" button. </div>
+
## [[File:Btn_delete_point.png|44px]] Delete point
 +
## [[File:Btn_volume_settings.png|44px]] Volume edit settings (sets the volume's base height)
 +
## [[File:Btn_translate.png|44px]] Translate (translates the whole volume according tot X/Y/Z input)
 +
# Click [[File:Btn_hide_others.png|126px]] to hide other zones' boundaries
 +
# Click [[File:Btn_show_hide_zone.png|45px]] to show/hide zones
 +
# Click [[File:Btn_editing_boundary.png|306px]] to confirm the boundary [[File:Add_boundary_base_height.png|thumb|center|512px|Add boundary base, height and color|link=]]
 +
# Provide the boundary base, height and color
 +
## You can select any object in the 3D scene and use "Update from Selected" to obtain the base or height information
 +
# Click OK to complete
 +
 
 +
===Duplicate Zone===
 +
Senfi provides duplicate zone function to enable users to make quick duplicates of existing zones. To do so, in the relationship graph view:
 +
# Right-click on the zone that you want to duplicate
 +
# Click "Duplicate Zone"
 +
[[File:Duplicate_zone.png|thumb|center|656px|Duplicate zone|link=]]
 +
 
 +
===Copy Zone Boundary===
 +
Senfi provides copy zone boundary function to enable users to make copies of existing zones. This is especially helpful for cases where the rooms are of the same shape and sizes across the levels. To do so, in the relationship graph view:
 +
# Right-click on the zone that you want to copy boundary from
 +
# Click "Copy Zone Boundary" (*function is only available when zone to copy from has boundary)
 +
# Right-click on zone that you want to paste copied boundary to
 +
# Click “Paste Boundary” (only available when copied boundary)
 +
[[File:Copy_zone_boundary.png|thumb|center|800px|Copy Zone Boundary|link=]]
 +
 
 +
===Add Relationship===
 +
Senfi allows users to define relationships between zones. You can either add '''hasPart''' (for zones that is subset of another zone) or '''intersect''' (for zones that only partially intersect with another zone) relationship.
 +
 
 +
====Add hasPart Relationship====
 +
# In the Relationship Graph View, select the zone that you want to add hasPart relationship from
 +
# Click [[File:Btn_add_hasPart_relationship.png|195px]]
 +
# Click on the zone that you want to add hasPart relationship to
 +
# You can terminate relationship adding at any point of time by clicking anywhere on canvas
 +
 
 +
====Add intersect Relationship====
 +
# In the Relationship Graph View, select the zone that you want to add intersect relationship from
 +
# Click [[File:Btn_add_intersect_relationship.png|199px]]
 +
# Click on the zone that you want to add intersect relationship to
 +
# You can terminate relationship adding at any point of time by clicking anywhere on canvas
 +
 
 +
====Edit Relationship====
 +
To edit the relationship type:
 +
# In Relationship Graph view, click on relationship arrow
 +
# Change relationship type
 +
# Click “OK”
 +
[[File:Edit_relationship.png|thumb|center|799px|Edit Relationship|link=]]

Latest revision as of 14:53, 21 June 2022

Add Zone

Adding a zone to a site can be broken down into two major steps:

  1. Adding Zone
  2. Add Zone Relationship
Note: Mandatory fields are marked with an ‘*’. The following steps assume that the user is already logged in to the CMS.

Introduction to the Zone Editor

Zone Editor

The zone editor is made up of three major components:

Relationship Graph
Displays all the relationship between zones in a site. User can add new relationships between zones in the relationship graph.
3D Boundary
Displays all the boundaries of every zone defined in a site.
Zone list
Displays all the zones of a site in a list. Can be sorted in Tree view or List view.

Relationship Graph

The relationship between zones in a site is displayed in the relationship graph editor.

Relationship Graph
BBL Zones
Automatically created as zones when BBL is created and 3D objects are assigned to the BBL. All BBL zones are encompassed within a grey rectangle.
New Zone
Creates a new zone when clicked. The new zone will be placed outside of the grey rectangle which houses the BBL zones.
Add hasPart relationship
Adds hasPart relationship between two zones (connected by blue arrows).
Add intersect relationship
Adds intersect relationship between two zones (connected by orange arrows).
Isolate Mode
Isolates the selected zone and zones related to it.
Layout
Switches the relationship graph's layout.
Zoom extends all
Fit whole of relationship graph to canvas.

Zone List

All the zones in a site are displayed in the zone list.

Zone List
Search
Search function searches the zones available with the keyword.
Tree View
Displays the zones according to hierarchy. Parent zone can be collapsed or expanded as needed.
List View
Displays the zones according to alphabetical order.
Edit Zone (>)
Edits the selected zone.

3D Boundary

The 3D boundary view displays all the boundaries of every zone defined in a site.

3D Boundary
Eye icon
Show or hide 3D boundary of selected zone (Only available in the zone list when 3D boundary view is selected).
Edit Zone (>)
Edits the selected zone.

Adding Zone

Steps to Add Zone
  1. Go to the Site icon.png Site tab.
  2. Select Edit.png Edit beside the site you want to add zones for
    Select Zone Tab
  3. Select the "ZONE" tab.
    Select Zone Tab
  4. Navigate to "RELATIONSHIP GRAPH" view
  5. Drag New Zone Btn.png to Canvas or double click on the Canvas to add a new zone.

Edit Zone

Edit new zone
  1. Click Edit Arrow Btn.png beside the new zone.
    Edit new zone information
  2. Edit zone name.
  3. Provide Brick Info (*Note: This is optional, but if you want to use this option, both location class and location name must be provided)
  4. Click OK to exit editing mode, Cancel to discard changes.

Add Zone Boundary

Edit new zone
  1. Click Edit Arrow Btn.png beside the new zone.
    Add boundary
  2. Click "ADD BOUNDARY" button
    Add point mode
  3. In the "Add Point" mode, single click on 3D model to pick points of boundary. You can change between the various modes to aid in adding boundary:
    1. Btn add point.png Add point
    2. Btn move point.png Select/Move point
    3. Btn delete point.png Delete point
    4. Btn volume settings.png Volume edit settings (sets the volume's base height)
    5. Btn translate.png Translate (translates the whole volume according tot X/Y/Z input)
  4. Click Btn hide others.png to hide other zones' boundaries
  5. Click Btn show hide zone.png to show/hide zones
  6. Click Btn editing boundary.png to confirm the boundary
    Add boundary base, height and color
  7. Provide the boundary base, height and color
    1. You can select any object in the 3D scene and use "Update from Selected" to obtain the base or height information
  8. Click OK to complete

Duplicate Zone

Senfi provides duplicate zone function to enable users to make quick duplicates of existing zones. To do so, in the relationship graph view:

  1. Right-click on the zone that you want to duplicate
  2. Click "Duplicate Zone"
Duplicate zone

Copy Zone Boundary

Senfi provides copy zone boundary function to enable users to make copies of existing zones. This is especially helpful for cases where the rooms are of the same shape and sizes across the levels. To do so, in the relationship graph view:

  1. Right-click on the zone that you want to copy boundary from
  2. Click "Copy Zone Boundary" (*function is only available when zone to copy from has boundary)
  3. Right-click on zone that you want to paste copied boundary to
  4. Click “Paste Boundary” (only available when copied boundary)
Copy Zone Boundary

Add Relationship

Senfi allows users to define relationships between zones. You can either add hasPart (for zones that is subset of another zone) or intersect (for zones that only partially intersect with another zone) relationship.

Add hasPart Relationship

  1. In the Relationship Graph View, select the zone that you want to add hasPart relationship from
  2. Click Btn add hasPart relationship.png
  3. Click on the zone that you want to add hasPart relationship to
  4. You can terminate relationship adding at any point of time by clicking anywhere on canvas

Add intersect Relationship

  1. In the Relationship Graph View, select the zone that you want to add intersect relationship from
  2. Click Btn add intersect relationship.png
  3. Click on the zone that you want to add intersect relationship to
  4. You can terminate relationship adding at any point of time by clicking anywhere on canvas

Edit Relationship

To edit the relationship type:

  1. In Relationship Graph view, click on relationship arrow
  2. Change relationship type
  3. Click “OK”
Edit Relationship
Retrieved from "https://www.senfi.io/docs/index.php?title=V2/CMS_Tutorial/User_Tools/Creating_Content/Site/Add_Site/Add_Zone&oldid=3833"