Atlas IED BB-SM1 User's Guide

BB-SM1

Reference Guide

BB-SM1 Reference Guide

1601 Jack McKay Blvd. • Ennis, Texas 75119 U.S.A.

Telephone: [phone] • Fax: [phone]

– 1 – AtlasSound.com

Specifications are subject to change without notice.

BB-SM1

Reference Guide

BlueBridge® Site Manager, BB-SM1, Reference Guide

This reference guide is designed to familiarize system designers with all the integrated functions of the BB-SM1. This guide will

outline the steps necessary to complete a system design incorporating the BB-SM1 in a BlueBridge® Designer software design file and

enabling the hardware on the network.

The BB-SM1 serves four main functions.

• The BB-SM1 will serve as a Web Interface for custom control over the BlueBridge® audio system. This includes controlling the

audio system from computers, tablet PCs, smart phones, iOS® devices, and/or any device that has a web browser and can be on

the same network with the BlueBridge® Audio System. (This includes LAN or Wi-Fi.)

• The BB-SM1 simplifies 3rd party control (Crestron, AMX, Etc.) in BlueBridge® system designs, using either Ethernet or RS232.

(Crestron modules and documentation are available on the Atlas website at http://www.atlassound.com/BlueBridge)

• The BB-SM1 can function as a system wide scheduler.

• The BB-SM1 can serve as a Master Project Backup and Design File Storage device.

Designing with a BB-SM1

The BB-SM1 can be incorporated into any Blueprint design by dragging the BB-SM1 module from the system components library onto

the blueprint system design.

In (Fig 1) a design file has been completed and a BB-SM1 has been incorporated into the design.

Note: The internal audio system design of the DSP hardware must be complete (or near completion) before a BB-SM1 can be

configured.

Figure 1

1601 Jack McKay Blvd. • Ennis, Texas 75119 U.S.A.

Telephone: [phone] • Fax: [phone]

AtlasSound.com – 2 –

Specifications are subject to change without notice.

BB-SM1

Reference Guide

In the Component Libraries Pane, under System Components/Site Managers (Fig 2), select (left mouse click and hold) the BB-SM1 and

drag the module onto the design grid. (Fig. 2.1)

Please note that this can only be done in the System BluePrint mode.

If the Site Manager is not listed in the Library, left click on the design grid to bring up the correct menu items specific to that grid.

Figure 2

Figure 2.1

The BB-SM1 has four main functions, Web Interface, Third Party Control Management, and System Scheduler each can be found in the

right click menu of the module (Fig 3). The Master Project Backup functions are located in the File and Project menus.

1601 Jack McKay Blvd. • Ennis, Texas 75119 U.S.A.

Telephone: [phone] • Fax: [phone]

– 3 – AtlasSound.com

Specifications are subject to change without notice.

BB-SM1

Reference Guide

Working with the Web Interface

Select the Web Interface as shown in Fig 3 and the design grid window will open. (Fig 4) The web interface will also open if the

BB-SM1 module is double left clicked. (it is the default interface)

Figure 3

Figure 4

What is designed on this grid system will be the custom user control pages accessible via a web browser enabled device (PC, Tablet,

Android, Smart Phone, iOS device, etc.). The control panel can be a single page of controls or several pages. The process of configuring

these panels is the same as configuring the BB-TOUCH7 or a BluePanel.

1601 Jack McKay Blvd. • Ennis, Texas 75119 U.S.A.

Telephone: [phone] • Fax: [phone]

AtlasSound.com – 4 –

Specifications are subject to change without notice.

BB-SM1

Reference Guide

When it is necessary to work with several control panels, Atlas recommends labeling each panel with a unique name. This is done in

the Component Properties Pane on the right side window in the designer software (Fig 5). In the example the Name has been changed

to Page-1.

Figure 5

The size of the grid can be changed to easily accommodate different control devices, including a custom size where any screen

resolution can be entered up to 5000x5000.

®

In the example an iPhone

in a vertical orientation will be used for the panel. (Fig 6)

Figure 6

1601 Jack McKay Blvd. • Ennis, Texas 75119 U.S.A.

Telephone: [phone] • Fax: [phone]

– 5 – AtlasSound.com

Specifications are subject to change without notice.

BB-SM1

Reference Guide

If needed, a panel can be password protected. (Fig 7)

Figure 7

To add a panel to the design, select the drop down menu at the top of the web interface design grid window. Select “Add New Panel”.

(Fig 8)

Figure 8

1601 Jack McKay Blvd. • Ennis, Texas 75119 U.S.A.

Telephone: [phone] • Fax: [phone]

AtlasSound.com – 6 –

Specifications are subject to change without notice.

A pop-up window will ask for a new name for the panel. (Fig 8.1)

BB-SM1

Reference Guide

Figure 8.1

Type in a name and select OK. (Fig 8.2)

Figure 8.2

A new panel will be generated and accessible for configuration from the drop down menu. (Fig 8)

1601 Jack McKay Blvd. • Ennis, Texas 75119 U.S.A.

Telephone: [phone] • Fax: [phone]

– 7 – AtlasSound.com

Specifications are subject to change without notice.

BB-SM1

Reference Guide

Panel Control Elements

In the Component Libraries Pane the “Panel Control Components” will appear by left clicking on the design grid for the web interface.

(Fig 9)

In this library there are four design elements that can be used for creating a unique control page or a series of control pages that can

be accessed via a web browser. The four elements are:

• Control Page Button - This allows the designer to put a button on the control page that will allow a user to navigate to other

control pages. These other pages can be password protected if necessary.

• Label - This allows a designer to put a name or set of instructions into any part of a control page.

• Image - This allows a designer to import a PNG image file into a control page.

• Note: The PNG file is not stored in the design file and will have to be available for anyone needing to do work online with the
design file.

• Rectangle - This is a container tool that is used as a graphic element to separate sections of a control page.

To add a control page button into the design, left click and hold on the “Control Page Button” text in the library. (Fig 9) Drag and drop

onto the design grid. (Fig 10)

Figure 9

Figure 10

1601 Jack McKay Blvd. • Ennis, Texas 75119 U.S.A.

Telephone: [phone] • Fax: [phone]

AtlasSound.com – 8 –

Specifications are subject to change without notice.

BB-SM1

Reference Guide

Once this is complete, the button can be set-up in the Component Properties Pane. A name can be entered in the Component box

that will be displayed on the button itself. The appearance of the button can be changed including text color, font size, and background

color. Note: The button must be associated with another control page. This is completed in the “Control Screen Name” box. When

entering a screen name it must exactly match the name of the control page that it will be associated with. (Fig 10.1 and 10.2)

Figure 10.1

Figure 10.2

1601 Jack McKay Blvd. • Ennis, Texas 75119 U.S.A.

Telephone: [phone] • Fax: [phone]

– 9 – AtlasSound.com

Specifications are subject to change without notice.

BB-SM1

Reference Guide

To add a Label into the design, left click and hold on the “Label” text in the library. Drag and drop onto the design grid. The Label will

appear as a Black Box when dropped on the grid. (Fig 11)

Figure 11

When the label is on the design grid, it is now possible to give it a unique name, change font size and color, or change background

color. These tasks are done in the Component Properties Pane. (Fig 11.1)

Figure 11.1

1601 Jack McKay Blvd. • Ennis, Texas 75119 U.S.A.

Telephone: [phone] • Fax: [phone]

AtlasSound.com – 10 –

Specifications are subject to change without notice.

BB-SM1

Reference Guide

The size of the label can be changed by left clicking and holding a corner of the label, then dragging the corner to the desired size.

Alternately, the label can be sized by changing values in the Position box of the Component Properties Pane. (Fig 12)

Figure 12

The changes done in Fig 12 can be seen in Fig 12.1.

Figure 12.1

Add an image into the design by left clicking and holding on the “Image” text in the library. Drag and drop onto the design grid. An

image placeholder will appear on the design grid as a white box with a question mark. (Fig 13)

Figure 13

1601 Jack McKay Blvd. • Ennis, Texas 75119 U.S.A.

Telephone: [phone] • Fax: [phone]

– 11 – AtlasSound.com

Specifications are subject to change without notice.

BB-SM1

Reference Guide

At this time an image file can be loaded into that position and resized as needed.

The image file must be in a PNG format. Add the PNG image file by clicking on the select box in the Component Properties Pane under

“Object Image”. (Fig 14)

Figure 14

A window will open allowing the designer to navigate to the PNG image file stored on the computer. In the example the file is located

and the Atlas Sound logo is selected. (Fig 15)

Figure 15

1601 Jack McKay Blvd. • Ennis, Texas 75119 U.S.A.

Telephone: [phone] • Fax: [phone]

AtlasSound.com – 12 –

Specifications are subject to change without notice.

BB-SM1

Reference Guide

Click on the Open button and the image will replace the question mark placeholder. (Fig 15.1)

The image can be resized by left clicking and holding a corner of the image, then dragging the corner to the desired size. The image

can also be sized by changing values in the Position box in the Component Properties Pane in the same way as a label. (Fig 16)

Figure 15.1

Figure 16

1601 Jack McKay Blvd. • Ennis, Texas 75119 U.S.A.

Telephone: [phone] • Fax: [phone]

– 13 – AtlasSound.com

Specifications are subject to change without notice.

BB-SM1

Reference Guide

The image file can be used as a background if desired and lay control elements over the top of the image. When this is needed, right

click the image and select “Send to Back”. (Fig 16.1)

Figure 16.1

Add a Rectangle into the design by left clicking and holding on the “Rectangle” text in the Component Library. Drag and drop onto the

design grid. The rectangle will appear as a yellow outline when dropped on the grid. (Fig 17)

A rectangle is a great tool for creating separation between control elements.

Figure 17

Using the Component Properties pane the rectangle can be resized, object color can be changed, and line thickness can be adjusted.

(Fig 18)

Figure 18

1601 Jack McKay Blvd. • Ennis, Texas 75119 U.S.A.

Telephone: [phone] • Fax: [phone]

AtlasSound.com – 14 –

Specifications are subject to change without notice.

BB-SM1

Reference Guide

Adding Control Elements

Adding control elements is as easy as dragging in any fader, button, meter, etc. from a DSP module into the design file and dropping it

on to the Web Interface design grid.

Figure 19

To bring in a control element open the DSP module by double clicking on the module.

Selecting the tile function button allows easy navigation between the web control grid and the DSP design file. Select the tile function

button at the top right of the design grid window. (Fig 19.1)

Figure 19.1

1601 Jack McKay Blvd. • Ennis, Texas 75119 U.S.A.

Telephone: [phone] • Fax: [phone]

– 15 – AtlasSound.com

Specifications are subject to change without notice.

BB-SM1

Reference Guide

The windows will auto align side by side. (Fig 20)

Figure 20

If more workspace is required, the Component Libraries and Component Properties panes can be minimized using the minimize arrow

buttons. (Fig 21, 21.1)

Figure 21 Figure 21.1

1601 Jack McKay Blvd. • Ennis, Texas 75119 U.S.A.

Telephone: [phone] • Fax: [phone]

AtlasSound.com – 16 –

Specifications are subject to change without notice.

BB-SM1

Reference Guide

Select the Module inside the DSP that will be used on the control page. In this example the Gain Mic-1 will be used.

Figure 22

Open the Module by double clicking the module. Once open, the Gain Fader will appear. (Fig 23)

At this point the control can be brought into a control page. Select the control to put it on the control page grid. This can be completed

in one of two ways.

Figure 23

1601 Jack McKay Blvd. • Ennis, Texas 75119 U.S.A.

Telephone: [phone] • Fax: [phone]

– 17 – AtlasSound.com

Specifications are subject to change without notice.

BB-SM1

Reference Guide

The Gain fader can be selected by holding the Ctrl key down while left clicking on the fader (Fig 23.1). The control can also be selected

by holding the left mouse button and dragging a selection Box around the fader (Fig 27). When properly selected, the fader will be

greyed out and a box will appear around it.

Figure 23.1

When the fader is highlighted, left click and hold, then drag to the control page. (Fig 24)

Figure 24

1601 Jack McKay Blvd. • Ennis, Texas 75119 U.S.A.

Telephone: [phone] • Fax: [phone]

AtlasSound.com – 18 –

Specifications are subject to change without notice.

BB-SM1

Reference Guide

Once the control element is on the Control page it can be adjusted including size. Sometimes it is difficult to control a slide fader on a

mobile device and because there may be several different scenarios, it is possible to turn this fader into several different types of gain

controls. Complete this by right clicking on the fader and selecting Change Control Type. (Fig 25) The choices for the selected control

element will be made available. (Fig 25.1)

Figure 25

Figure 25.1

1601 Jack McKay Blvd. • Ennis, Texas 75119 U.S.A.

Telephone: [phone] • Fax: [phone]

– 19 – AtlasSound.com

Specifications are subject to change without notice.

BB-SM1

Reference Guide

In the example an Up/Down Button Dial is needed for an iPhone® web browser design. The Fader has changed into the Up/Down but

needs to be resized. (Fig 25.2)

Figure 25.2

Highlight the control element by left clicking and dragging the corner to the desired size (Fig 25.3). The size can also be entered

manually in the Components Properties pane.

Figure 25.3

1601 Jack McKay Blvd. • Ennis, Texas 75119 U.S.A.

Telephone: [phone] • Fax: [phone]

AtlasSound.com – 20 –

Specifications are subject to change without notice.