Hi everyone and welcome to our webinar today on building a web application for your test system. My name is David Pryda and I will be moderating our webinar today. I'ma solutions marketer here and I before we begin. We wanna be covering a few housekeeping items so at the bottom of your screen are several engagement tools you can use. Feel free to move them around to get the most out of your desktop space. A copy of today's slide deck and additional materials are available in the resource list. We encourage you to download any resources or links that you might find useful. For the best viewing experience, we recommend using a wired Internet connection and closing out any unnecessary browser tabs or programs running in the background to help conserve your bandwidth. For the best audio quality, please make sure. Your computer speakers or headset is turned on and the volume is up so you can hear the presenters. You can find additional answers to some common technical questions located located and help engagement tool at the bottom of your screen. The webinar will be recorded and an on demand version of the webinar will be available in one day. Approximately we will email you a link as soon as this becomes available. And lastly, please feel free to submit any questions you have during the webinar through the Q&A engagement tool. This presentation was recorded in advance, which is great because that means I can be here live with you to answer all of your questions. Additionally, I have a few other and I are here to help me as well. We're available to answer questions during the webinar, and we will also have a live Q&A session once our presentation is finished, let's get started. Hi everyone, my name is David Priede. Thank you for joining us. I'm a solutions marketer here and I and today we will be focusing on building a web application for your test system. Today we rely on the Internet for just about everything and a large part of that is because of web applications. Web applications help me do some of my favorite things online like catch up on the latest TV show or even shop. They even give us the platform for this webinar today. Digital transformation is reshaping the world of test and measurement. How can we look to modernize and improve what we do every single day? With web applications we have the ability to remotely access artist system whenever and wherever we are. I've talked to a lot of customers about why they need web applications and they usually come back with one of three reasons. First, they're looking to share their test system information with colleagues. They have colleagues at work across the country, or even across the globe, and wherever they are, they need to be able to share their test system information. The second is they need to be able to access their test system while away from the office. They may have a long running test and need to be able to monitor it while they're at lunch at home, or if they're just away from their desk. And lastly, the third and actually a large number of our customers have varying varying restrictions when it comes to the type of devices that they have access to. They're looking for a way to develop a test system that can run on any machine that can run a web browser. They may have older equipment, newer tablets, or anything in between, but as long as that device can run a web browser, they're looking for it to access their test system. Now, if building a web application was easy, I wouldn't be doing this webinar today. However, this can actually be quite challenging. This is because of a web applications, two main components. First is the front end user interface. This is how you would display your test system with graphs, charts, data tables, etc. And you program this likely in HTML, CSS or JavaScript. And while as engineers many of us are skilled programmers, we don't have web development skills and we wouldn't know where to get started on the right. We conceive an example of what this might look like, and honestly, I don't know what to tell you. I have no idea what any of that means. The second is the communication and security. It's the communication from your web application tier, test system security, and user access control. Adhering tier companies, RT requirements and more. And you could program this and programming languages you already know, like Labview, Python, C, sharp, etc. However, we do. While we do know these programming languages, we don't know where to get started. And this can be quite challenging and you could spend the time to learn all this, but you potentially don't have that time to spend learning all these things. Which is why we've created G web development software. This allows you to create web applications without the need for web development skills. You're able. To build web applications using graphical programming, I don't I we believe in the power of graphical programming and now you can use it to build web applications. If you're familiar with our view, then this will significantly reduce any learning curve that you might have, and if not, don't worry. I have a demo to get us started in just a few moments. Additionally, you're able to view this on any device with the browser. This goes beyond software installation requirements. You're able to build flexible applications that are just to whatever screen size you're on, so whether you're working with a small phone, a medium size tablet, or even a 70 inch monitor, whatever size screen you have, it will always look great. And for flexibility, you're able to host on premises or in the cloud. So you're able to hear to your company's IT requirements. Now let's jump into a quick demo and build a simple application of a web application. So let's go ahead and open up G web development software. And here we're gonna create a new project. And for this project we're going to create a random number generator. But as I mentioned, the layout for this is similar to all of you. We have our front panel and then our block diagram. For here, we're actually going to start off with our front panel, and this is the user interface that will display your test system in your Web VI. So on the left we have our pallet with a bunch of controls and charts that we can add. So let's go ahead and place down a chart. 'cause we're going to be doing a random number generator and want to see the numbers. Additionally we wanted to add a little bit of control to this, so let's go ahead and plop in a horizontal slider right next to it. And then let's add in a name. So we're going to name it. Random. Number. Generator, because that's what it is and we can move this around pretty easily. Additionally, if we go to the chart, we can edit our axes and we want to edit and turn off auto scaling. So for this we're going to turn it to none. Additionally, I mentioned that we could create flexible applications, but for this we're gonna leave this as an absolute layout. This is good for creating consistent, consistent views across devices. Additionally, if we go to our block diagram, this is where the back end of our application is running and we see that it comes with a while loop. The While loop ensures that this application runs continuously. We wouldn't want it to stop for whatever reason. And we see that our refreshes every 50 milliseconds. We're going to change this to 500 just because we don't need it to run that quickly to be honest. And then we have our chart and our slider which we put in the front panel. We see that they get placed in an unplaced items tray, and we're going to move this onto the block diagram. So here we have our slider and our chart. Let's get a random number generator. We're going to go to math pilot. And then a random number, and we're going to put that below. We want to be multiplying this slider by a random number, so we're going to go back to the math palette and get the multiplication. We're going to wire these things in. And so that was it. So we created this simple web application and now we're going to have it run. We're going to tell it to run in the browser. And we're going to save the project. So I'm going to name it random. Generator run it save. And now it's going to build it and deploy automatically. So here we can see our random number generator and as we. Slide this across. We see how it adjusts an increases in amplitude, so this is a pretty simple web by. There is nothing crazy to it. Functionally, it just generates a chart and we're able to control this using a slider, but it's very simple and honestly didn't take me more than a few minutes to create, so this really shows the simplicity if you ask me to code this in any other way, I probably wouldn't know to where to get started, but here it was simple as drag and drop, which is really powerful. I'm going to go ahead and close this out. And let's look at a more traditional test system. But first, let's go ahead and go back to our presentation. I want to talk about the architecture of a web application. So here we have the architecture of a web application and this is contains four components. The first we have our test system. This is something you already have which is doing the data acquisition, data logging or anything else that your test system is currently doing. It's probably programmed in Labview C or Python. And next you have the data communications layer, so this is handling the communication from your test system to your Web API, and you can program this in a few methods using HTTP, Websockets or the system link API and for this demonstration will be using the system link API. As this is a super fast way to get your data communications layer up and running. The third is hosting. This is where you're going to be placing Grove application and you could do this on the same machine as your test system on a separate server using the NI Web server or system link cloud for this demonstration will be using system LINQ cloud as this is a super fast way to host your web application and do it securely which is really helpful. And lastly we have the web application. This is built in G web development software and something that we just did. I want to talk a little bit more about the system link API, so the system link API is handling the data communication and this is helpful because it abstracts a lot of the code behind this and makes it very simple to implement in just a few nodes. It's functional with our view C sharp and Python test systems, and it's free to download and use and it comes with swagger documentation to help you get started on the right. We can see an example of what this looks like for both Labview and see. But let's go ahead and open up our test system, so I'm going to open up a live view application that I have built already. And for this will be doing a temperature monitoring application in the studio with me. I have a C DOT 9174 chassis with an NI 9213 temperature input module with a K type thermocouple attached. This is measuring the temperature of my laptop charger. Last year I had a laptop charger actually catch on fire, so I really want to monitor the temperature of this one and make sure that nothing goes awry. This is a simple studio example at work. You may be doing a thermal chamber test on a device. That is often a really long test and with a web application you're able to monitor it while you're away from your desk. So let's go ahead and look at the block diagram of our web application of our test system, and here. Let's go to the block diagram and we have our system link open Configuration API key. This requires our server information and our security key. Here we have our open tag. This is communicating our test out this information so we see that tag for test of this is being opened right there. And then we also have. As I scroll we have our right tags, so this is writing the test information as it changes and it's writing because it's sending the information to the web UI and then we have our clothes 'cause we're closing out that tag session when we're done with this test. Additionally, as I scroll up, I want to point out that this test is is able to receive messages from our web UI, so we have our open message session. We have our subscribe to the message session right here and this is subscribing to the new limits were able to change our. Current temperature limits. And we have our read message and this will be able to receive messages from the web UI. Uhm, I didn't explain, but so this is able to show. Our web input, so we're able to receive information from the Web VI and that will light up the Boolean and display the current new high in temperature low limits. We have our high and low limits input because we're worried that the laptop charger may exceed certain limits. We want to be able to be alerted if it does and then here we have our chart or temperature and our test information. Let's go ahead and look at what the web guy looks like for this application, so I'm going to open up the web development software. And here we can see our front panel, so it follows a similar layout to our Labview application. Here we are able to send new high new, low temperature limits and then we can hit the send button and that will update on the Labview code. We also offer status information, alarm temperature, temperature limits and the chart below. So this is actually a flexible application and we will adjust to whatever size screen I'm on and what this does is organize things by containers so we can group information together. If we look at the block diagram, will see a similar architecture to what we saw on our Labview code, and we have our open configuration, our server and security key, and then we also have our open tag with our test dot is, which is what we were just looking at on the lobby code and then rather than a right tag, we have a retag 'cause we're receiving information from the test system. We also have the message information right here and then we have a right message because we're sending information from the Web API to the test system. And we're going to be deploying this to system link cloud. So the way that you would do this is you would go ahead and create package or installer. This will create a distribution file which we're going to open right here and then. We're going to hit build. So this will package up the Web API for us. And let's go to system and cloud. So this is system in cloud. This is where you'll be hosting our web application. We're going to go to visualizations, 'cause that's where the web guys are. It's going to prompt me to log in. I'm gonna hit login so it'll do that. And then let's go to web GIS. Here you can see I already have a few web guys uploaded. I'm going to locate our Web V in my file directory. And let's go back to system cloud. And so here I'm able to jog and drop it, upload it very quickly. And let's go to view this web application. So here I'm going to lock it to the left. We see that adjust. I'm going to pull up our live example. And I'm going to run the test system. So here we see it update as I change the temperature limits. We can see that this is running on our Web VI as well. As they change the temperature limits, we can see this adjust on both the Web VI and the Longview system, so this is really great. Now I want to change the temperature limits on the Web VI and send that to the lobby system, so I'm going to go ahead and change the temperature limit. 2. 90 degrees. And the low limit will be 80 still, so we're going to go ahead and hit some new limits. And we see that this has changed. It let up the bullying really quickly and we have a new high and low limit and that adjusts on the chart right there. So that's really great. And like I said, this didn't take more than a few things to implement. The lobby example that we used was actually a pre-existing example, and all I added was a system like API keys and the data acquisition portion. Additionally, I'm going to go ahead and pull this up on my phone, so let's go ahead and refresh the page. And here I'm able to send new high and low limits, so we see that it's currently acquiring temperature. The high and low limits are 90 and 80. I want to change this to 95. And. 75 why not? I think I said it to 93, but that's still fine. I'm going to go ahead and set and send new limits. We see that it updates and changes, so here we are able to quickly change that our phone and see update in real time on the lobby example which is really great. Additionally you can see that the view is really good and I'm able to see this pretty cohesively on my screen. So let's go ahead and jump back to the presentation. Now, don't just take my word for it. Earlier this week I was able to speak with an NI partner and how they're able to use G web development software to solve customer challenges. Let's take a look. Hi Erin, thank you for joining us to talk about your experience with the web development software everyone today we have Aaron Gelfand from Gulf and Technologies parent. Can you give us an introduction to yourself and what you do? Hi, I'm Erin Golf and I'm the owner of Gelfand technology and then I alliance partner. I am basically allowing you consultant. I've been working with lab use since 1998 so 23 years of Labview experience starting with 5.0 the first version with undo. Yeah. I'm sure that was convenient, so how long have you been using job development software and how did you get started? I've been using G web development software for I think 2 1/2 to three years now. I think time is flowing together for everybody these days. I started using the G Web development module after a customer had had had me do a headless headless controller project that we needed some sort of Internet based access, and I did the first version trying to learn HTML and CSS and it was functional. It was not pretty. And then and I released the Web G web development module. I'm like I'm switching to that I know Labview. I can learn this easier, yeah? Definitely so you mentioned trying to do this project in HTML and CSS. What was sort of that path like for you. The the path was a little bit convoluted. Uhm, I knew what I was trying to do. I was hoping I could do it with the simplest examples for that were available on like an eye for the eye examples on GitHub and and and an ni.com. The resulting HTML was functional. It was not pretty because I had a lot of things that I needed to do 5 or 10 times depending upon the type of indicator or control. I found it easier to actually script my HTML and CSS writing in Labview rather than copying and pasting and changing and changing and changing underscore one underscore, two underscore 3, etc. So we recently upgraded that particular. Controller and the second version of its web interface got to be built in the G web development module, and it's probably got two to three times as more as many features as the original had, and took me about a fifth of the development time because I know Labview that much better than having to learn the HTML and CSS behind the scenes. Yeah, definitely heard you web a lot of this tool chain and user interface and skill set really aligns well and is transferable and really removes a lot of the effort involved in creating HTML and CSS. So all the user interface that it's involved you really don't have to do as much so it's great to hear that you had that amazing time saving. Thank you so much for joining us for crazier versions. Yes, definitely. They're coming well. Thank you for joining us today. It was great to hear about your experience. Thanks. Thank you. Have a great day as well. Bye. So you were able to see how they were able to do some pretty amazing things with you of development software. Now it's your turn. Let's go global. Let's take our test systems farther or just test from your couch. Why not? Let's streamline collaboration rather than crowding your workspace or sharing your desktop, just send your colleagues a link. Additionally, let's stay in the note. Let's catch test failures earlier. Let's iterate on designs faster and make progress more quickly. And lastly, thank you all for joining us. I hope you're able to learn more about you of development software, and if you're looking to get started, definitely download a free trial. This comes with a free trial to system and cloud so you're able to host your web applications there. If you're looking to download the example code and replicate this, you're able to simulate hardware using an IMAX. And if you're looking For more information, definitely feel free to reach out and contact us. If you have questions, feel free to enter them now in the chat pod. Thank you. Hey everyone, welcome back so I hope you are all able to learn more and enjoy the presentation. We received a few questions during the webinar but definitely feel free now. We have a live Q&A for the next remaining time, so feel free to enter any questions that you might have and I will answer some of them on air and then also will be talking. Let me know. So just go ahead and answer any questions. And I can recoup some of them that we received. So during the webinar received a question about including sophisticated plots like polar plots. So while that isn't an included feature right now, it's possible to leverage third party plots using the JavaScript library interface. This is a great thing about the web. If Anna functionality isn't included, you're able to implement. Third party functionality using the JavaScript library interface. So. That's one thing that's really great. We also received a question on is there a license needed for G web or for cloud hosting? So yes, there is a license like needed. You need to purchase a software and your purchase of the web includes access to system link cloud so that cloud hosting comes with your purchase of the web. And then you just need to keep an active subscription of that. If you're looking to do that beyond a year. So a few questions on if the web is included with live UG web is not included with live view. Do you guys do love is its own standalone product? Sorry, I'll just waiting for some more questions to come on in. Another question asking if job is included with the Community edition, so G Web does have its own community edition come again, but that is not for a commercial use that it's just for. At home. Another question, if Ghibli included with the light and lines partner, Yes, job is included. In the end I alliance partner software bundle. Uh, we received a question asking about security if they could elaborate a little bit more in security, I can definitely speak a little bit more, so you're able. If you're wondering if you're able to make certain people allow access to your web UI, you can certainly control permissions on who can gain access to your web guy through the web server or through system link cloud, so you are able to. Make sure who can and cannot see or web UI. Uhm? As well. Additionally, if you choose cloud hosting through system link up, you have a lot of the security already built in. So as you saw, I needed to log in to be able to access the Web API so the security and user access controls already taken care of for you when using system LINQ cloud, which was really great. Uh, we got another question on for the demo. If I need a license for system link in order to send the data to the web UI. And yes. You do need a license, but again. Uhm, you do need a license to use someone cloud, but again, that comes with your purchase of the web development software, so that's already taken care of when you. Do that. Another question on what versions of Labview is G web compatible with so you're able to use the system link API with lobby versions 2014 and later. Additionally, you can also use this with C test systems and also Python. Sorry all, just reading through questions are coming in pretty quickly. But definitely feel free to continue answering questions. This is great. Uh, we got we found a few questions come in on G web and the NXG web module so the G web development software is. The former NXT Web module and it's now its own standalone product that we're continuing to invest in. So we've gotten a few questions on that, so if you had any applications built in the NXT web module, you're able to import them and upgrade them to the G Web development software. Your license from the NXT Web module is still active. Works with G web development software as well. For the demonstration I got a question on what software I was using, so I was using Labview 2021 and the G Web current 2021 version as well. So 2021 or both of UNG web development software. Yes, so we received another question on canvas system like functions and love. You still work. Shown in the demo for hosting the Web UI on our own server, you can still use the system link API if you're hosting on your own server or using the entire web server. You'll have to change a few things, but you're still able to use this as someone GPI. Uhm? So got another question on can you use a web UI that works with your existing Labview application? And yes, you can do that using multiple data service options, so we did that using the system like API. You can also use Labview Web services and web sockets as well. Another frequently asked question that we get is what kind of devices these are supported on these applications. So as mentioned in the video, you're able to use this on any device that runs a web browser and it runs on the most popular web browser, so you shouldn't have any problem across any devices. As you saw in the video, I was able to do this on my computer as well as on my phone, and you're able to build the application so they adjust and are flexible. Come and look good on any size device that you were looking on so. You shouldn't have any problem with that. So. Just trying to read through the chat now to see what else we have. Uh, we got a question on the cost of G web and job starts at $908 for a subscription license. Perpetual licenses are available. As mentioned, G web software includes asks us to system on cloud as long as SFP is kept active. So that's about the cost. Uh, we also got another question on the Labview code. UM, potentially not being able to be opened in a former lobby version. If you're experiencing any problem with that, I can check that out shortly after the webinar and reach back out and update that. Sorry if anyone is experiencing any issues. UMT is anyone have additional questions? We still remaining time so feel free to continue popping questions in the Q&A chat pod. A question coming in on can you use web guys with other web tools? So yes, levy eyes, once built are just JavaScript, CSS and HTML and you can use them with other web tools. You can implement third party web controls to work in with web guys using the JavaScript library interface. So as I mentioned earlier, if you have any like additional functionality you want to build in, you can use a job JavaScript library interface. And that allows you to, uhm, really implement what you need. I'm getting a few questions on uhm. And I apologize if I don't necessarily understand the question of something not updating or pop up. I can investigate this further and get back with you not ignoring this question. I'm just not there. Certainly sure what is happening or not necessarily sure if I understand the context. So not ignoring the question, but I can do more research offline and get back to you, so I apologize. Another question on asking if you can deploy the program to a real time device. Uhm, so you're able to host the web UI on a device like a serial, but if you do that, you'll have to use lobby web services or web sockets. You won't be able to use the system link API. So here we have another question. This is a bit a little bit of a long line, so let's all just try to follow along so we have the lot of the application that's running with the hardware and this is communicating. With the device and sending it to the web application, we have a question here that says. So if the computer running the web UI shuts down, will the web VI go down as well? Yes? So if the program that you're using is not running, the web application will not be able to update. You will just see a last status or last data point, but it won't be able to update this. So hopefully that answers the question. So if your test system that is communicating with the web application goes down, the web application doesn't go down, but you just won't be able to see any new information. We also received another question on could you how can you share a link with your web application with a customer or someone else. So with websites hosted on system and cloud you can control the sharing settings and give users access to Web Diane remove access in the future. So if you want to give someone temporary access that's one way to do it. You can grant them access. And then remove it. Users would use an email associated with an account to get access. Uhm, just keep on sending in those questions. Y'all come. Again, just trying to sort through some of the questions on what we'd answered and not answered. Uhm? So receiving another question on being able to control V eyes from the web application. And yeah, so that was something that we did during the demonstration. So using messages you're able to send information and control inputs from the web application to the VI. Hopefully I answered your question as well. So on the web application not only able to display data but also send data to the test system, so you're able to just change limits and enter user information. You can do a variety of things, so hopefully that answers that question as well. Also, getting some additional question on firewalls up, not really sure if that answer off the top of my head, but we can follow up offline if needed. So just so you know that we see all the questions, but it's taking a little bit of time with just the number and everything that I know off the top of my head so. Not ignoring any questions, just doing our best to answer everything. Also, just wanted to make sure in question that I might have answered earlier. The. Web API is running in the browser, so if I said anything that contradicted that, I want to make sure that that's clear the web UI is running in the browser. So keep on sending in those questions, y'all. Uhm, I'm continuing to sort through everything. Uhm, they were able to answer any question that's not answered during this session. Will follow up afterwards, so if I'm unable to get to it right now, don't worry, you will have an answer so. Be sure on that. Uh, we got a question on shared variables. Can I use it? The shared variable that I have in my network directly from the web? I'm not sure if that answer off the top of my head. But uhm, you would need to send this data the shared variable, uhm? Through G1 and using some sort of data communication, either the system link API, Websockets, or HTTP. Uhm, does anyone have any additional questions come sorting through now? Please feel free to continue submitting them. But I don't think we've got an additional question in the last few moments. I think we have about 10 minutes remaining, so definitely get all your questions and now and I'll try answering them within the last 10 minutes. We're also getting a question on. Uhm, Publishing and hosting on it. Sorry publishing and hosting on a static IP I don't know the answer to that question off the top of my head so you can relay team if we can give you an answer shortly. If not I will follow up on line so offline. Another common question is, uhm, what if you don't use love you? So as mentioned, the system like API is compatible with C and Python as well, so you're able to use those options and still use the system like. Uhm? So another question that we got earlier is how can you transfer data using G web? So again transfer data 2G web. So again as in the demonstration, you would use the system link API which is the data communications to transfer data from your law, BVI or from your test system to G web. So that's how you would. Send data from your test system. Uhm? So one of our team members was helped to answer some of the static IP questions, so we got a question on well, my test system need a static IP for this to work. If your test system is publishing tags and messages, the chest system needs to be aware of the machine hosting the entire web server. For large deployments with many systems you may consider using system LINQ with its system management features that can help with device discovery and management. Uhm, so fully that helps answer. Uhm some of the static IP questions. Uh, we have just a few minutes left about 7:00 so if anyone has any additional questions, feel free to keep in putting them up. We're trying to get through all the questions. Uhm? Just as a team is getting to them now, so if you have any additional ones, we haven't seen any. I think in the past five minutes, but we're still working through a number of backlog backlog questions. Uhm so but then, and I'll try to get to them in the last. Uh, 7 minutes now so. So, uh, for the Q&A we got a question on how we will follow up so will follow up via email if there is any additional questions that were not able to get up, get to today. The webinar is about to end, so please send in any last minute questions you have and as I said, if we can't get to them, will follow up with you via email. Uh. So there's about four minutes remaining. A little less than four minutes, so sending the last minute questions that we were able to receive them and will follow up via email just with the time remaining. We likely won't be able to get to them, but sentiment and we're happy to answer your questions. Uhm, and will probably create a FAQ in a follow up email. So will probably include some of these questions in the follow up email. That will send so. And just with a few minutes remaining, just wanna thank you all for joining us today. Also feel free to complete and we would appreciate completing the survey, which you can find at the bottom of your screen listed as one of the engagement tools. Your feedback will help us as we continue planning these webinars. We want to make sure our content is relevant to you and what you want to see. We hope to see you at your web at the next webinar. And thanks for joining us all today so. Thank everyone for joining up. In the last two minutes, please enter any loss. For any questions, complete the survey on and. Download and try to have. Uhm, so here someone posts that they missed their or they got in a little bit late. So as a reminder, UM, the session is being recorded and this will be available on demand within the next day or so. And we will email you a link as soon as it's available in a follow up email. So if you got in a little bit late, missed some of it, you're able to re watch it. You can also send it to your colleagues if you. Uhm? Would like to. Again, we're going up on the last night, so thank you all for joining us today. It's been great answering your questions and hope you all enjoyed this session and were able through and more about the web development software.