Property Editor

Property Editor

The Property Editor is a vector based, flexible drawing tool designed to help users create service maps and share them quickly with clients and staff. Once a customer has agreed to the proposed services, these maps become the basis for the CrewVision dispatch system.

When transitioning from the Map Browser to the Property Editor, the system seamlessly opens the same map that is being viewed in the Map Browser for the selected property in the Property Editor.

The user is currently viewing the "Summer Inventory" map in the Map Browser for a specific property, the Property Editor will automatically open with the "Summer Inventory" map selected and displayed for that property.

Title Bar Area

The title bar area of the Property Editor is the main messaging system while the Property Editor is running. The area is not only designed to display the Property Title but also help guide the user with their tasks.

Map Area

The Map Area of the Property Editor is designed to focus the user to focus their work within the External Boundary of the Property, CrewVision does this by darkening out the rest of the viewable area and only allowing editing within the External Boundary.

External Property Boundaries

The outline of the nearest property boundary within a 1000-meter range is displayed while creating or editing boundaries. In the property editor page, the nearest property boundary is displayed without clearing the inner map area.

We have implemented boundary overlap validation for both adding and editing properties to prevent overlapping boundaries.

Creating a Property:

The first step in creating a Property in CrewVision, is to input a valid Google  Maps validated address from the Map Browser screen. Once the address has been created, the User can proceed to Property Mapping

Once the address has been added, the user will be prompted to input the remaining, minimum required data, to complete the Property Creation process.

The data fields are:

Property Title - A unique title to help differentiate Properties in the Properties Manager

Address - A Google Maps API validated address for the Property

Customer - The Customer that this Property has been associated with

Property Type - The general categorization of Properties, based upon organization type. The

Property Image - The image which will represent this Property throughout CrewVision. If you do not have an image available, you can use the GoogleMaps system to take a street side image

Add a New Property Modal

External Boundaries when Editing a Property:

The next step in the Property creation process is to create a Property Boundary, which is the external geofenced area which surrounds a Property. It is not important to note this area can not overlap any other Property Boundary.

Control Bar

The Control Bar is where all of the sitemap drawing and managing tools are located. The controls are organized into the following tabs:

• Details Tab

• Sitemaps Tab

• Instructions Tab

• Media Tab

• Map Selector Tab

Site Maps Menu The Site Maps menu is the main controller for the Property Editor. This menu controls the Site Map, Service Area and Objects  creation and management. Areas button This menu item allows the user to select which Map or Child Map is being displayed and edited in the Property Editor. In addition it gives the user the ability to Show / Hide any Service Area Type Areas button This menu item allows the user to create, highlight and manage all of the Service Areas in the Property Editor display area. Objects button This menu item allows the user to create and manage any Objects applied to the active Property in the Property Editor

Display the Active Seasonal Map

Located at the the top of the Site Maps tab is a selectable Service Season Title which displays the active Service Map being viewed in the Property Editor.  The active season also allows for the display of any Child Maps that may be applied to a Property.
To change the Service Season being edited, click on the title area and select the desired Service Season from the dropdown list and the editor display area will update.

Service Areas

Service Areas are map-based shapes for which Jobs and Tasks can be given to Crew Members to execute when dispatched to a Property. Service Areas can be displayed in any color with custom Textures and are the basis of the square footage calculations that CrewVision displays throughout the system.

Create a New Service Area

Clicking on the ‘Add New’ button in the top right of the Service Areas tab and a modal will appear prompting the user to select the Service Area Type, and give a unique title to the area being drawn.

Once the information has been submitted the Service Area can be drawn and the color will reflect the Service Area Type selected. To further change the display of a Service Area the user can apply custom repeating Textures to the shapes.

Once the Service Area has been drawn as desired, click on the Save button in the Main Title Area to save all changes.

Additional Details - Click to view full image

Service Areas List

The Areas List manages the Service Areas on this Property by allowing the user to draw, arrange and edit the various Service Areas on a focused background map. . Each Service Area has the ability to be assigned to a Service Area Type, and display that Area Type’s color and detail the square footage that it takes up in the real world.

Click on the edit icon of each line item to load the associated Service Area Modal, or click on a tab icon from a line item to launch the associated modal, with that tab open.

Service Area Modal

The Service Area Modal is a multi-tabbed interface designed to quickly manage information associated with the Service Area.
These tabs appear underneath the Service Area Type selector.

Service Area Title - The unique title of the service Area for this Property.

Service Area Type - The classification of Service Areas for dispatch purposes.

Tags Tab

The user can search for, or create new data Tags to apply to the various Service Areas. These Tags help CrewVision group together complex elements throughout the system, like Service Areas, media, Objects, Contracts

• Clicking the "+" icon adds the tag to the vector.

• Clicking on an x in a Tag removes for the Object

Area Texture Tab

Display various repeating patterns on your vectors to help make various Service Areas stand out from one another.

Additional Details - Click to view full image

Cutout Area Button

Create complex shapes with an internal vector editing layer to the initial shape, with the exception that this shape exists within the current Service Area vector.

Duplicate Area Button

Duplicate this Service Area, by creating an identical one with a unique Service Area Title for this Property

Trash Button
Delete this Service Area

Objects

Objects are an additional layer of shapes, on a Property Map designed to quickly represent smaller, more detailed elements of interest than larger Service Areas.

Objects are displayed on the map by invoking a transparent, black vector (.svg) from which the user selects out of a library of vectors when creating the Object. The Object vector gets the same visual treatment as a Service Areas and can have Jobs, Products, media and Notes assigned to them as well.

Adding an Object to a Property

The user begins the process by clicking on the "+" symbol in the top right of the Object Module.

This prompts the user to enter basic data about the Object, and then proceed to create it in the database.
Once created the Object will appear in the Objects Module list and the user can now  move, rotate, scale or clone it as required.

Objects Module List

The Objects Module List manages the Objects on this Property by allowing the user to arrange and edit the various Objects. Each object has the ability to be assigned to a Service Area Type, and display that Area Type’s color and detail the square footage that it takes up in the real world.

Click on the edit icon of each line item to load the associated Objects Modal, or click on a tab icon from a line item to launch the associated modal, with that tab open.

Objects Modal

The Objects Modal is a multit-tabbed interface designed to quick manage information associated to the Object

Details Tab

Service Area Type - The type of Service Area that this Object can be affiliated with for dispatch purposes.

Object Title - The unique name of the Object on this Property

Object Icon - The transparent black vector that represents the Object on the map

Shape Tab

Object Length - Length of the Object displayed in either feet or meters.

Object Width - Height of the Object displayed in either feet or meters.

Object Area - Area of the Object displayed in either feet or meters. This is equal to the function of both fields listed above.

Rotation

Object Area Quick Buttons - A series of buttons to allow the user to scale the Object up or down, in 1ft or meter increments.

Rotation  - An input field to detail the rotation of the bounding box of the Object’s shape

Rotation Quick Buttons - A series of buttons to allow the user to rotate the Object clockwise or counter-clockwise in 1 degree increments.

Free Rotation Quick Button - A button to allow the user to freely drag and rotate the Object clockwise or counter-clockwise in with a mouse scroll.

Tags Tab

The user can search for, or create new Tags with identical functionality to the media and Service Areas

• Clicking the "+" icon adds the tag to the vector.

• Clicking on an x in a Tag removes for the Object

Duplicate Button
Duplicate this Object, and create one with a unique Object Title for this Property

Trash Button
Delete this Object

Location Button
Enable the user to grab and drag the Object around the Property and re-locate it

Additional Details

Pins

Instructions are map-based detailed information related to a Property. These Instructions are represented on the Map Browser with a pin and can display text, images and video to help get information across to all users.

Pins Tab The Pins tab controls any Pins which have been applied to the current Property. The user can select either the Pins in the Property Editor area, or use the control bar to toggle between, or manage the various instructions. In addition the user can filter between the various Instructions per Site Map with the All Maps tabbed area.

Pin Modal The Pin Modal is an easy to use overview of all of the key information associated to the Pin which is being pointed at. This modal will appear in the Property Editor, Map Editor and Mobile Map Browser views. If the user clicks on the media thumbnails, the media will load in the media popup overlay, similar to all other galleries in the system. Finally, the bottom two buttons allow the user to either delete or edit the Pin being viewed.

Adding a Pin to a Property

The user begins the process by clicking on the "Add Instruction" symbol on the map interface.

The system automatically drops a CV pin at the middle of the screen within the property boundaries when the "Add Instruction" button is clicked.

Drag and Drop the Pin:

Users can click and drag the pin to the precise location where the instruction needs to be placed.

Instruction Modal Activation:

After the pin is dragged for the first time, a modal window appears prompting the user to enter details about the instruction.

Completing the Add Pin Process:

Users fill out the necessary details in the modal, providing relevant information about the instruction.

Clicking "Save" completes the process and adds the instruction to the specified location on the map.

Print View

CrewVision allows users to build and generate custom views which can be downloaded as PDFs. Once the user has created their desired display of Service Maps, Service Areas, Objects, Instructions & the correct zoom level, they can  click on the top right hand Print button and CrewVision will run a cropping and display application. This application allows the user to focus the display output, display a legend and apply a watermark before exporting the pdf.

Full Screen View

To add users in drawing maps and inputting data, CrewVision enables a full screen view, to maximize viewable area.