{"id":3867,"date":"2018-08-28T09:48:29","date_gmt":"2018-08-28T14:48:29","guid":{"rendered":"https:\/\/blogs.mathworks.com\/videos\/?p=3867"},"modified":"2019-05-23T08:42:20","modified_gmt":"2019-05-23T13:42:20","slug":"building-a-web-server-monitoring-app-part-5-hooking-up-some-ui-controls","status":"publish","type":"post","link":"https:\/\/blogs.mathworks.com\/videos\/2018\/08\/28\/building-a-web-server-monitoring-app-part-5-hooking-up-some-ui-controls\/","title":{"rendered":"Building a Web Server Monitoring App, Part 5: Hooking-up Some UI Controls"},"content":{"rendered":"<p>Now I have a basic working app that starts monitoring a specific server immediately. Next, I try and hookup some some UI controls correctly so I can start and stop it, and switch between servers.<\/p>\n<p>Once again, I&#8217;m using a larger desktop to give more real-estate for App Designer, so you really need to view the video at full screen. Features covered in this <a href=\"https:\/\/blogs.mathworks.com\/videos\/2015\/10\/29\/matlab-code-along-videos\/\">code-along<\/a> style video include:<\/p>\n<ul>\n<li><a href=\"https:\/\/www.mathworks.com\/help\/matlab\/app-designer.html\">App Designer<\/a><\/li>\n<li><tt><a title=\"https:\/\/www.mathworks.com\/help\/matlab\/ref\/timer-class.html (link no longer works)\">timer<\/a><\/tt> object<\/li>\n<li><tt><a href=\"https:\/\/www.mathworks.com\/help\/matlab\/ref\/timer.timerfind.html\">timerfind<\/a><\/tt><\/li>\n<\/ul>\n<p><div class=\"row\"><div class=\"col-xs-12 containing-block\"><div class=\"bc-outer-container add_margin_20\"><videoplayer><div class=\"video-js-container\"><video data-video-id=\"5827475148001\" data-video-category=\"blog\" data-autostart=\"false\" data-account=\"62009828001\" data-omniture-account=\"mathwgbl\" data-player=\"rJ9XCz2Sx\" data-embed=\"default\" id=\"mathworks-brightcove-player\" class=\"video-js\" controls><\/video><script src=\"\/\/players.brightcove.net\/62009828001\/rJ9XCz2Sx_default\/index.min.js\"><\/script><script>if (typeof(playerLoaded) === 'undefined') {var playerLoaded = false;}(function isVideojsDefined() {if (typeof(videojs) !== 'undefined') {videojs(\"mathworks-brightcove-player\").on('loadedmetadata', function() {playerLoaded = true;});} else {setTimeout(isVideojsDefined, 10);}})();<\/script><\/div><\/videoplayer><\/div><\/div><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<div class=\"thumbnail thumbnail_asset asset_overlay video\"><a href=\"https:\/\/blogs.mathworks.com\/videos\/2018\/08\/28\/building-a-web-server-monitoring-app-part-5-hooking-up-some-ui-controls\/?dir=autoplay\"><img decoding=\"async\" src=\"https:\/\/cf-images.us-east-1.prod.boltdns.net\/v1\/static\/62009828001\/5027f71d-188d-4a5c-837a-bee19f86b135\/da152779-1bd9-4dbe-b7d8-419b5808f56d\/1280x720\/match\/image.jpg\" onError=\"this.style.display ='none';\"\/><\/p>\n<div class=\"overlay_container\">\n      <span class=\"icon-video icon_color_null\"><time class=\"video_length\">31:13<\/time><\/span>\n      <\/div>\n<p>      <\/a><\/div>\n<p>Now I have a basic working app that starts monitoring a specific server immediately. Next, I try and hookup some some UI controls correctly so I can start and stop it, and switch between&#8230; <a class=\"read-more\" href=\"https:\/\/blogs.mathworks.com\/videos\/2018\/08\/28\/building-a-web-server-monitoring-app-part-5-hooking-up-some-ui-controls\/\">read more >><\/a><\/p>\n","protected":false},"author":133,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[33,1],"tags":[],"_links":{"self":[{"href":"https:\/\/blogs.mathworks.com\/videos\/wp-json\/wp\/v2\/posts\/3867"}],"collection":[{"href":"https:\/\/blogs.mathworks.com\/videos\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.mathworks.com\/videos\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.mathworks.com\/videos\/wp-json\/wp\/v2\/users\/133"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.mathworks.com\/videos\/wp-json\/wp\/v2\/comments?post=3867"}],"version-history":[{"count":4,"href":"https:\/\/blogs.mathworks.com\/videos\/wp-json\/wp\/v2\/posts\/3867\/revisions"}],"predecessor-version":[{"id":3877,"href":"https:\/\/blogs.mathworks.com\/videos\/wp-json\/wp\/v2\/posts\/3867\/revisions\/3877"}],"wp:attachment":[{"href":"https:\/\/blogs.mathworks.com\/videos\/wp-json\/wp\/v2\/media?parent=3867"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.mathworks.com\/videos\/wp-json\/wp\/v2\/categories?post=3867"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.mathworks.com\/videos\/wp-json\/wp\/v2\/tags?post=3867"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}