This lesson is part of the Building in Perspective course. You can browse the rest of the lessons below.


Autoplay Off


Introduction to Building in Perspective


In this series we will demonstrate some basic interactions and features with Ignition's Perspective module. Along the way we'll develop our own project from scratch. Watch this lesson to learn more.


(open in window)

[00:00] Welcome to the Building in Perspective course. My name is Paul Scott, and I'll be guiding you through this course. In this series we'll take a look at Ignition's Perspective module while building a project from start to finish. We designed this course with two main groups in mind. The first would be users that are completely new to ignition beyond the prospective module we'll also discuss how ignition works and explain some of the supporting systems. The second group would be users that already have some background knowledge of how ignition works but never had a chance to learn about perspective. In that case this series will demonstrate how perspective works and give you a jumpstart on building your own perspective applications For this series we're going to be building a very simplistic project that takes advantage of some key perspective features. The premise is we're building a project for a customer to monitor some liquid storage stations. Each station has a tank, a pump, and a release valve. They have several data points for each station they want us to monitor, such as tank capacity level and the pH level of the liquid.

[01:03] They would like to display live values on a screen as well as have some sort of chart for viewing historical records. A key requirement of this project is that they want to have panels on the plant floor displaying these live values but they also want the data from each tank and valve to be available on a mobile device. Now let's skip ahead a little bit and take a look at the project we're going to be building. At the end of the series we'll have something that looks like this. We'll have a navigation bar towards the top of the screen here along with five different sections that the users can switch between. We're looking at the overview screen right now which just has a couple of graphics and displays for some real-time data. We'll have a history window that has our chart. A lot of users also search and find the data point that they want to see on the chart. And that way they can add it from the runtime directly. We'll also create a details view, which will be used to show all data points from all of our stations. They'll also include an alarm table at the bottom here. The screen does make heavy use of indirection and parameters. So instead of creating three identical station details we'll create one screen and then learn how we can change the backing data for that screen.

[02:07] If someone launches this application on a mobile device or something with a smaller screen, we can provide a different experience so we can change the options on our navigation bar at the top, we can provide different graphics in the center here, and then we can also add some buttons towards the bottom to aid with switching between our various stations. So overall a very simplistic project, but it does cover a lot of perspective basics and essentials that you'll want to know about. So what's special about perspective. Well, if you want to build a web application then it's an ideal tool to use. It makes use of modern technology such as CSS3 and HTML5. But you don't really need any sort of background knowledge or familiarity with those to build a successful perspective application. Although if you are familiar with those technologies then you'll probably recognize quite a few things. For those of you that are already familiar with ignition's vision module you may notice some familiar concepts and perspective. For example, component bindings are back but you have way more options now, containers are the main way to sort and organize components on the screen but now they have different types with different rules for components placed inside of them which gives you far more control over what happens when the run time is resized ready to begin, well let's get started.

[03:16] We'll see you in the next video.

You are editing this transcript.

Make any corrections to improve this transcript. We'll review any changes before posting them.


Share this video