{"id":4495,"date":"2020-01-16T12:35:17","date_gmt":"2020-01-16T17:35:17","guid":{"rendered":"https:\/\/blogs.mathworks.com\/videos\/?p=4495"},"modified":"2020-01-16T21:54:56","modified_gmt":"2020-01-17T02:54:56","slug":"moving-graphical-script-code-to-app-designer","status":"publish","type":"post","link":"https:\/\/blogs.mathworks.com\/videos\/2020\/01\/16\/moving-graphical-script-code-to-app-designer\/","title":{"rendered":"Moving Graphical Script Code to App Designer"},"content":{"rendered":"<p>I&#8217;ve been developing a script for a while to display the structure of part of our website. It involves plotting a graph and manipulating it. Now I want to move this code into an app because eventually I want to deploy it as a web app.<\/p>\n<p>Here I go through the process, including converting the code to a function, and updating all plotting functions to specify a specific axes.<\/p>\n<p>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>Specifying target axes with plotting commands<\/li>\n<li>App Designer<\/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=\"6123248345001\" 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<p>Play the video in full screen mode for a better viewing experience.\u00a0<\/p>\n","protected":false},"excerpt":{"rendered":"<div class=\"thumbnail thumbnail_asset asset_overlay video\"><a href=\"https:\/\/blogs.mathworks.com\/videos\/2020\/01\/16\/moving-graphical-script-code-to-app-designer\/?dir=autoplay\"><img decoding=\"async\" src=\"https:\/\/cf-images.us-east-1.prod.boltdns.net\/v1\/static\/62009828001\/308cafb0-4e1d-4382-a8b5-2bb8cf324ed1\/f4802d90-b1aa-4e7f-86df-617265b0de9c\/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\">24:30<\/time><\/span>\n      <\/div>\n<p>      <\/a><\/div>\n<p>I&#8217;ve been developing a script for a while to display the structure of part of our website. It involves plotting a graph and manipulating it. Now I want to move this code into an app because&#8230; <a class=\"read-more\" href=\"https:\/\/blogs.mathworks.com\/videos\/2020\/01\/16\/moving-graphical-script-code-to-app-designer\/\">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,27],"tags":[],"_links":{"self":[{"href":"https:\/\/blogs.mathworks.com\/videos\/wp-json\/wp\/v2\/posts\/4495"}],"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=4495"}],"version-history":[{"count":5,"href":"https:\/\/blogs.mathworks.com\/videos\/wp-json\/wp\/v2\/posts\/4495\/revisions"}],"predecessor-version":[{"id":4503,"href":"https:\/\/blogs.mathworks.com\/videos\/wp-json\/wp\/v2\/posts\/4495\/revisions\/4503"}],"wp:attachment":[{"href":"https:\/\/blogs.mathworks.com\/videos\/wp-json\/wp\/v2\/media?parent=4495"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.mathworks.com\/videos\/wp-json\/wp\/v2\/categories?post=4495"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.mathworks.com\/videos\/wp-json\/wp\/v2\/tags?post=4495"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}