Released concurrently with Cscape 10 is our new line of Canvas All-in-one Controllers (HMI + PLC) – which brings the Cscape 10 Advanced Graphics Engine to your applications along with a powerful logic engine. In this webinar we will cover the key technical aspects of our newest releases and answer any questions you may have.



0:04

Good morning everyone, thank you for joining us on our next of the Cscape 10 webinars, Cscape 10 and Canvas.

0:11

We’ll just go straight into it as usual, if you have any questions you can put them in at any point and we’ll get to them at the end. Hello and welcome to today’s webinar.

0:19

Today we will be looking at Cscape 10 and Canvas. Let’s look at our agenda for today.

0:26

We will start by defining what Cscape 10 and Canvas are, then we will look at where the new series fits among the various OCS product lines that Horner Automation offers.

0:37

We will also look at the features of each of the models in the Canvas lineup, as well as the support materials that are currently available.

0:46

Next, we will discuss Cscape 10 in detail.

0:49

First, we will look at the features available in Cscape 10, regardless of which Horner OCS product you may be using.

0:56

Then we will look at the Cscape 10 features that are exclusive to Canvas.

1:01

We will finish with the Q &A session.

1:04

First, we will define Cscape 10.

1:07

Cscape is a Horner-designed configuration software package and is the programming environment used for all current Horner all-in-one controllers.

1:16

Just like previous versions of Cscape, Cscape 10 is completely free to download from the Horner website.

1:22

Cscape 10 can be used with any current Horner OCS.

1:26

However, there are some features that are exclusive to Canvas, which we will look at in detail later.

1:32

Next, let’s look at Canvas.

1:35

Canvas is our newest family of all-in-one controllers.

1:38

There are three main differences with Canvas compared to other Horner product lines.

1:43

For one, Canvas has an advanced graphics engine, meaning Canvas has the most advanced graphics we have ever offered in an all-in-one controller.

1:52

Canvas also has a dual-core microprocessor with a dedicated core for graphics and another dedicated core for logic.

2:01

So regardless of how advanced your graphics or logic are in your project, these dedicated cores will ensure that they remain consistent and fast and that you will have low scan rates.

2:12

Finally, there is IIoT functionality built into Canvas.

2:16

These features aren’t necessarily brand new, but they are features that were not standard to Horner controllers prior to this, similar to MQTT sparkplug and ignition.

2:27

So these are an extra with previous controller lines, become standard with Canvas.

2:32

There is also an enhanced version of WebMI called WebMI Plus that is standard with Canvas, so there is no extra cost or licensing required.

2:42

Now we will look at where Canvas fits in relation to the other Horner product lines.

2:47

Our entry level product line is the Micro OCS and is a very popular choice for simple machines where cost is an important factor.

2:56

For more standard applications, the XL Prime series is a good option.

3:01

This series carries on the tradition of our XL family with brand new internals that make it a viable product line for many years to come.

3:09

Canvas fits in above both of these product lines, with its advanced graphics, built-in IIoT functionality and dual-core microprocessor, making Canvas our highest-end OCS product line.

3:23

Next, we will look at the Canvas model lineup features in more detail. There are five different screen configurations available in Canvas.

3:31

All Canvas models share the same characteristics, such as the advanced graphics, dual-core microprocessor, and built-in IIoT features.

3:41

Canvas models also have the expected OCS peripherals, such as a CAN port for IO expansion, at least one Ethernet port for industrial Ethernet support, FTP and email-type support, serial ports for interfacing with legacy-type devices that are still prevalent in industrial applications, microSD for built-in data storage, and great maintenance capabilities.

4:06

All Canvas units also have a USB-A port, so you can use that for a flash drive.

4:13

You can also use this port to easily add Wi-Fi to any Canvas model.

4:18

Horner offers a second-generation Wi-Fi adapter that plugs in over USB, and can add Wi-Fi capability to any OCS that has a USB-A port.

4:28

So this feature allows you to add wireless ethernet to any model without subtracting any of the wired capability that’s included with all those models.

4:37

All Canvas models also feature USB programming ports.

4:41

In addition to the enhanced MQTT spark plug and WebMI IIoT type features, Canvas also has the ability to use any of our logic languages.

4:51

So whether you prefer the traditional register-based advanced ladder or variable-based advanced ladder because of its user-defined function block capability and other capabilities. These are both supported by Canvas better than ever before.

5:05

You can also use enhanced IEC with Canvas and some advanced type troubleshooting tools like breakpoints.

5:13

In addition to the new standard features we mentioned, all Canvas models also feature all brand new internal graphics.

5:21

Horner OCS models have supported system menus and system recovery screens for many years. However these have always been text based.

5:29

Now with Canvas all of the internal graphics have been completely redesigned.

5:34

Canvas is the first Horner OCS product line that supports gestures.

5:39

Canvas is still primarily a resistive touchscreen based hardware platform not capacitive touchscreen based.

5:46

This is because a resistive touchscreen is a much more reliable option for industrial applications and is the best option if a glove-based operator, so Canvas supports simple gestures such as swipes, scrolls, rotates, and flicks. Now let’s look at the individual models in the Canvas lineup.

6:06

We will start with the Canvas 4.

6:08

The Canvas 4 was purposefully designed to look similar to the XL4, as the XL4 has been one of our most popular models for many years and to allow for a smooth transition to the Canvas series for any XL users.

6:22

The Canvas 4 has a 4-inch screen and a quarter VGA form factor with similar dedicated keys to the XL4.

6:30

This is one of the few models in the Canvas line that has these buttons.

6:34

All the models in Canvas, with the exception of one, feature XL series I.O. options.

6:40

So when you order them, you will select whether you want a Model 0 with no built-in I.O., A model 2, which is 12 digital in, 6 relay out, and 4 analog in.

6:52

A model 3, which is 12 in, 12 out, solid state, and 2 analog in.

6:58

A model 4, which adds more digital I.O., which is a combination of digital and analog.

7:04

Or a model 6, which is one of our more popular models, because it has the most extensive analog options available.

7:11

So with a model 6 from any canvas, you will have 12 in, 12 out, digital 6, analogue in and 4 analogue out, where all the analogue is universal, so nearly any sensor type on the input side and any analogue output style on the output side.

7:28

So these are the IO options available for every canvas model except the canvas 5.

7:33

The Canvas 5 is based on a hardware platform that is 4dc in, 4dc out, and 4 analogue in, so it has a similar basic hardware platform to the X5, but with the advancements made to the entire Canvas series.

7:48

The Canvas 7 is one of the two models in the family that has a 7-inch display.

7:53

This is currently one of our most popular sizes, with 800 x 480 pixels.

7:59

The last two models in the Canvas family are the Canvas 7D and the Canvas 10D, as well as larger displays.

8:07

These models both feature dual ethernet and dual CAN, as well as audio output capability.

8:13

These features are unique to the 7D and the 710.

8:17

The 7D is very similar to the XL7 in terms of appearance, once again allowing for a smooth transition to the Canvas series from the XL series.

8:26

The 10D is unique as it has the first widescreen with a high resolution display and a 10 inch size from Horner.

8:34

We offer a wide range of overlay options to choose from for all controller models in the Canvas series, ensuring the best fit for your application.

8:43

We have a variety of different overlay options available as you can see here.

8:48

By adding the corresponding suffix to the product’s part number, you can specify the exact overlay needed for your application.

8:55

No suffix denotes a black overlay, 00 denotes a blue-black overlay, 01 denotes a grey overlay and 02 denotes no overlay and in this case the customer fits their own.

9:10

Custom overlays are also possible. If you are interested, please contact your local distributor to discuss your requirements.

9:18

There are also many support materials available for Canvas.

9:21

From the Horner Automation website, the Canvas sales brochure is available for download.

9:27

From here, you can also access all the Canvas product webpages where you can access user manuals, data sheets and sales sheets.

9:36

Canvas models are now available for order through your local distributor.

9:40

All Canvas models are built to order, so factory times will vary depending on the model.

9:45

The Canvas 4, 7 and 7D are expected to take 2-3 weeks, whereas the Canvas 5 and 10D are expected to take 4-6 weeks.

9:56

Please contact your local Horner distributor for up-to-date availability and lead times for your locale.

10:03

Now we will look at Cscape 10.

10:05

The new Cscape 10 features we will discuss can be broken into three different categories.

10:10

We will first look at the changes made to the user interface of Cscape 10.

10:15

We will then look at the changes made to the graphic editing features and the changes to the graphic editing process regardless of what OCS you are using.

10:24

Finally, we will look at the redesigned graphics objects that are exclusive to Canvas, so they need Canvas hardware and firmware to be executed.

10:33

Let’s start with how the user interface has changed in Cscape 10 compared to Cscape 9 and earlier versions.

10:40

First, we will look at the Quick Menu button.

10:43

The Quick Menu button is in the upper left corner of the screen, and from it you can access some of the most commonly needed program management functions for your application.

10:53

From here you can create a new project, or open and save to an existing project.

10:59

You can also export to removable media, or make a digital copy of your program for loading it remotely.

11:05

In Cscape 10, you can now also access all of your program settings conveniently in one place from the Quick Menu button.

11:13

One of the biggest changes to the user interface in Cscape 10 is the Ribbon Toolbar.

11:19

The Ribbon Toolbar replaces the pulldown menus used in Cscape 9 and earlier versions, so all the commands previously accessed from pulldown menus are now sourced into 8 different tabs, such as the Home tab, the Edit tab and the Logic Editing tab.

11:35

Some commands can be performed from multiple tabs, but in general, commands are located within a group in a specific tab.

11:43

At the bottom of each tab, there are multiple groups.

11:46

For example, the Home tab shown on the screen has a View group, a Controller group, an Online Change group, a Program group and a Data group.

11:56

So once again, the Rubin toolbar is one of the biggest changes to the user interface and how you can navigate to different commands in Cscape 10.

12:05

Another new feature with Cscape 10 is the Quick Access Toolbar.

12:09

This is another way that you can quickly access commands.

12:12

Many of the commands available in the Ribbon Toolbar can be represented here by an icon.

12:17

By default, the Quick Access Toolbar is located above the Ribbon Toolbar and has a default set of icons that you can customize however you want.

12:26

For example, if you have three or four commands that you use repeatedly in your program, you can add them to your Quick Access Toolbar to access them conveniently.

12:36

You can also reorder this list of commands if you choose.

12:40

Now let’s look at how graphic editing has changed for Cscape 10.

12:44

The biggest difference with Cscape 10 is that screens are now edited in tabs alongside logic tabs.

12:50

In Cscape 9 and earlier versions, graphic editing was done in a separate window that took over the entire desktop, and you had to exit that window to edit your logic or perform any other functions.

13:02

So instead of this, Cscape 10 allows you to quickly and conveniently switch between graphic editing tabs and logic tabs.

13:10

Another new feature for graphics editing in Cscape 10 is the graphics toolbar.

13:15

The logic toolbar has been a feature in many previous versions of Cscape, and now there is also a toolbar for graphics.

13:22

And as you switch between a logic tab and a screen editing tab, the toolbar changes from a logic toolbar to a graphics toolbar.

13:30

This also applies to the logic and now graphic toolbox features.

13:34

The toolbox categorizes all the different logic functions as your editing logic in Cscape.

13:39

Now when you’re editing graphics in a screen editing tab, this toolbox will have different categories of screen functions and objects you can use as you’re building your screens.

13:50

There are some other new features you can take advantage of for your screen graphics, regardless of which Horner OCS controller you are using.

13:58

Similar to previous versions of Cscape, Cscape 10 will continue to support an optional Symbol Library version for an additional charge.

14:06

As well as this, Cscape 10 now also has a clipart library with hundreds of industry-focused images and drawings such as motors, pumps, tanks and conveyors.

14:18

So you have more options than ever when it comes to finding pre-drawn images that you can incorporate into your project.

14:24

Clipart is available as a standard feature with every version of Cscape 10.

14:29

Once again, we are still supporting the Symbol Library version of Cscape for Cscape 10.

14:35

From here you can access thousands of images that can be edited to suit your project.

14:40

If you would like to access the Symbol version of Cscape 10, you can purchase a license.

14:45

You can contact our tech support for more details on this.

14:49

If you decide to use the free download version of Cscape 10 instead, you will still have the Clipart library available to you.

14:56

Other new and enhanced features for graphic and screen editing in Cscape 10 include an updated Image Import window, So it is now easier to find and to preview the custom images such as JPEGs or bitmaps that you want to include in your project.

15:13

There are also some new options for manipulating images such as flipping horizontal and vertical, scaling and removing the background of an image.

15:22

If you are using Canvas, there are further enhancements for supporting PNG file format, GIF file format and additional scaling options as well.

15:31

Next, we will look at the graphics features in Cscape 10 that are Canvas exclusive.

15:37

These are listed here.

15:39

So from this point on in the webinar, all the features we will look at require Canvas firmware and hardware to be accessed.

15:46

The first feature we will look at is enhanced display attributes for all graphics objects.

15:53

Attributes allow features such as visibility, flashing and color to be changed dynamically.

15:58

Now, with Canvas and Cscape 10, you also have enhanced attributes.

16:03

Enhanced attributes can be modified at runtime and include options such as the X position and Y position on the screen of an object, the rotation of an object, its opacity on a 0 to 100% opacity scale, and the width of an object.

16:19

You can either assign individual variables to these individual attributes if you only to be manipulating multiple of these attributes, you can assign a structure-based variable so that you can quickly and easily access all of those attributes with just assigning a single variable.

16:40

As well as this, with Cscape 10 and Canvas, you now have the ability to completely customize your background for all objects.

16:48

Traditionally, with object backgrounds and screen backgrounds in Cscape and OCS units with standard graphics, you can simply change the background color.

16:58

With Canvas, you have the ability to select a custom image as your background or from a variety of patterns, and you can also change the color scheme and modify some of these patterns.

17:09

And you can also change the color scheme and modify some of these patterns.

17:14

So you have a lot more choices for backgrounds with objects in Canvas.

17:18

So you have a lot more choices for backgrounds with objects in Canvas.

17:22

Data objects for Cscape 10 and Canvas have also been enhanced.

17:26

These are the objects that are used to display numeric data, ASCII-type data, or time and date information.

17:33

You now have much more options, not only for the shape of those objects, but now you can also change the way the user edits these objects on the unit at runtime.

17:43

For example, you can decide if you choose to have the user utilize a Tumblr control for modifying data as shown on the screen, if that makes the most sense for that particular data field.

17:54

For indicators such as pilosh lights, you now have more style and indicator property options.

18:00

As well as this, there is now a user-defined indicator option with Canvas and Cscape 10.

18:06

So you can choose what the image looks like for a user-defined indicator when the indicator or the variable is on, and what it looks like when the variable is off.

18:15

There are now also a lot more options for all types of buttons and switches, such as push buttons, toggle switches, multiposition switches, and selector switches, with more styles than ever before to choose from.

18:29

Jump buttons have also been enhanced. Jump buttons are used by the operator to change from screen to screen, and these have been enhanced with new icons and styles.

18:38

Another capability has been added to the jump button for changing screens, so you can specify if you want the operator to change screens with the swipe.

18:48

So you can put an invisible jump button onto your screen and now enable a swipe gesture to change screens.

18:55

Not only are there more display options and different types of sliders available than ever before, but we now also have a new rotary style slider, as well as a rotary action on the touch gesture to be able to easily manipulate and rotate that new rotary slider.

19:11

Bar graphs have also been enhanced for Cscape 10 and Canvas.

19:15

So instead of just solid colors on bar graphs, you can now choose images or specific patterns as the fill for a bar graph.

19:23

So effectively, you can turn a bar graph into a progress bar if you choose.

19:27

You can also choose either a linear bar graph or a new style, which is a rotary bar graph as well.

19:34

Gauges and meters have been enhanced with new visual options, as shown on the screen.

19:39

One of the biggest updates, which also applies to bar graphs, is that you now don’t have to have an integer base variable in order to have a gauge object on the screen.

19:49

So if you had a real variable you wanted to represent by a gauge with Cscape 9, you needed to also create an integer version of that variable that the gauge can be tied to.

19:59

With Cscape 10, you can simply connect or reference a real variable from a gauge directly.

20:05

This also applies to the redesigned trend and graph objects, which can now support any data type.

20:12

There have been a lot of other changes made to these objects.

20:15

For example, with trends you can now have up to 16 pens on a single trend, you can have multiple y-axes and you can support multiple variable types at runtime.

20:26

The operator can now also dynamically show and hide individual pens at runtime, which can be useful if you want to focus in on one pen for example.

20:35

Then from a graph standpoint, you also have more flexibility with XY graphs and the option to create scatterplot graphs.

20:42

You also have a lot more tools in Cscape 10 for displaying and enunciating alarms, including an alarm banner that will only display if you have an active alarm, and will scroll across the screen with an alarm message if it has multiple alarms, or the alarm message is too long to be displayed in one time on the top of the screen.

21:02

When you’re displaying alarm history or current alarms, if the list you are looking at on the screen is longer than what will fit on the screen, you can use gestures to scroll up and down through your list.

21:13

So once again, you have just your support with Cscape 10 that’s now added to the alarm object.

21:20

You also have the ability to have dynamic messages.

21:23

In other words, you don’t have to have the same text displayed every time you have an alarm message.

21:29

Instead, it could include some standardized text and live data.

21:33

The recipe object has been completely redesigned.

21:36

In previous versions of Cscape, you had to build your own recipe object.

21:40

But with Cscape 10, you now have a single recipe object with a lot of different configuration options to make it easier to build a fully functional recipe object.

21:51

So as you’re selecting a product before you run your machine, you can have a list of all the products as shown on the screen, and then use gestures to scroll up and down through the list to find the specific product you want to run.

22:03

Once a product is selected, it will appear in the top right corner to show the current product that has been selected.

22:09

You can also have icons or graphics for products, as well as for the different process variables or ingredients.

22:17

As you are changing the quantity of ingredients, you could make a Tumblr or Spinner-type control for doing those edits.

22:24

We also have some integrated operator buttons included with the object for loading a specific recipe, or saving a recipe if you have made changes to it, or adding a new recipe based on an existing recipe.

22:36

If you are unsure of how to use any of the controls, there is also a help button which will show you what the functionality is for each of the buttons.

22:45

The removable memory object has also been improved for Cscape 10 and Canvas.

22:50

You now have multiple views available, both a folder view and a list view.

22:55

You can sort files and folders based on the different types of criteria.

22:59

You also have tabs for both MicroSD and USB flash drive, whereas with previous versions of Cscape it was strictly MicroSD only.

23:08

You also have built-in buttons for commands such as copy and delete.

23:12

Finally, we have the redesigned video object.

23:15

So if you want to include help videos with your machine control screens, for example, you can do this with the video object.

23:23

It should be noted that these videos won’t include audio, so subtitles may be needed.

23:28

You have all the control buttons, such as the pause and replay buttons, included in the object by default, so you no longer need to build these in.

23:36

One of the other capabilities available in Canvas for this video object is the ability to automatically scale the screens you’ve created to different screen sizes, so you can have the same project for users with a 7-inch screen model or a 10-inch screen model and let Canvas do the scaling for you.

23:54

So navigating up and down from screen to screen is easier than ever with Canvas.

24:00

So now we have looked at the improvements to Cscape 10 in general, as well as the improvements that are Canvas exclusive.

24:07

Finally, we will discuss who should use Cscape 10.

24:10

Firstly, if you are going to use Canvas for a project, then you must use Cscape 10.

24:16

If you are not using Canvas, you can transition to Cscape 10 on your own time and comfort level.

24:22

You can have both Cscape 9.9 and Cscape 10 installed on your desktop simultaneously, so you can switch back and forth between the two versions as you are learning how to use and adjusting to Cscape 10.

24:35

That concludes our webinar for today. Thank you so much for listening, and the Q &A session will begin shortly.

24:51

Okay, we carry on the canvas side of things with Cscape 10 next week again we’ll be going through a graphics overview followed by the following week by display attributes and so on as you can see on my screen with all the upcoming stuff and all the webinars we have done are still available in the past webinars so you can come back and watch these at any point.