{"id":2662,"date":"2015-09-24T14:37:49","date_gmt":"2015-09-24T14:37:49","guid":{"rendered":"https:\/\/www.comexio.com\/en\/?page_id=2662"},"modified":"2019-05-31T09:32:58","modified_gmt":"2019-05-31T09:32:58","slug":"tutorial-shutter-control","status":"publish","type":"page","link":"https:\/\/www.comexio.com\/en\/tutorial-shutter-control\/","title":{"rendered":"Tutorial Roller Shutter Control with Visualization"},"content":{"rendered":"<p><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-1 nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"background-color: rgba(255,255,255,0);background-position: left top;background-repeat: no-repeat;padding-top:20px;padding-right:0px;padding-bottom:20px;padding-left:0px;margin-bottom: 0px;margin-top: 0px;border-width: 0px 0px 0px 0px;border-color:#eae9e9;border-style:solid;\" ><div class=\"fusion-builder-row fusion-row\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-0 fusion_builder_column_1_1 1_1 fusion-one-full fusion-column-first fusion-column-last\" style=\"margin-top:0px;margin-bottom:20px;\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;\"><div class=\"fusion-text fusion-text-1\"><h1>Shutter control with visualization<\/h1>\n<\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-2 nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"background-color: rgba(255,255,255,0);background-position: left top;background-repeat: no-repeat;padding-top:20px;padding-right:0px;padding-bottom:20px;padding-left:0px;margin-bottom: 0px;margin-top: 0px;border-width: 0px 0px 0px 0px;border-color:#eae9e9;border-style:solid;\" ><div class=\"fusion-builder-row fusion-row\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-1 fusion_builder_column_1_1 1_1 fusion-one-full fusion-column-first fusion-column-last fusion-column-no-min-height\" style=\"margin-top:0px;margin-bottom:0px;\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;\"><div class=\"fusion-alert alert success alert-success fusion-alert-center hide-close-button fusion-alert-capitalize alert-dismissable alert-shadow\" role=\"alert\" style=\"background-color:#dff0d8;color:rgba(92,163,64,1);border-color:rgba(92,163,64,1);border-width:1px;\"><div class=\"fusion-alert-content-wrapper\"><span class=\"alert-icon\"><i class=\"awb-icon-check-circle\" aria-hidden=\"true\"><\/i><\/span><span class=\"fusion-alert-content\">In this tutorial you will learn how to realize and visualize a shutter control in COMEXIO OS via graphical programming.<\/span><\/div><button type=\"button\" class=\"close toggle-alert\" data-dismiss=\"alert\" aria-label=\"Close\">&times;<\/button><\/div><div class=\"fusion-text fusion-text-2\"><p>This tutorial is based on the tutorials &#8220;<a title=\"zum Tutorial grafische Programmierung\" href=\"https:\/\/www.comexio.com\/service-und-support\/dokumentation\/tutorials\/grafische-programmierung-tutorial.html\">Basics graphic programming<\/a>&#8221; and &#8220;<a title=\"zum Tutorial Beleuchtung mit Zentral Aus\" href=\"https:\/\/www.comexio.com\/service-und-support\/dokumentation\/tutorials\/tutorial-beleuchtung.html\">Lighting with central off<\/a>&#8221; .<\/p>\n<\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-3 gradient-rechts nonhundred-percent-fullwidth non-hundred-percent-height-scrolling fusion-equal-height-columns\" style=\"background-color: rgba(255,255,255,0);background-position: left top;background-repeat: no-repeat;padding-top:20px;padding-right:0px;padding-bottom:20px;padding-left:0px;margin-bottom: 0px;margin-top: 0px;border-width: 0px 0px 0px 0px;border-color:#eae9e9;border-style:solid;\" ><div class=\"fusion-builder-row fusion-row\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-2 fusion_builder_column_1_2 1_2 fusion-one-half fusion-column-first fusion-animated\" style=\"width:48%; margin-right: 4%;margin-top:0px;margin-bottom:20px;\" data-animationType=\"fadeInRight\" data-animationDuration=\"0.1\" data-animationOffset=\"top-into-view\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;\"><div class=\"fusion-column-content-centered\"><div class=\"fusion-column-content\"><div class=\"fusion-text fusion-text-3\"><h2>Step one:<\/h2>\n<p>For this tutorial &#8220;Shutter control&#8221; we used two inputs, two outputs and an analog flag.<\/p>\n<ul>\n<li>Inputs: &#8220;RolloOpen&#8221;, &#8220;RolloAb&#8221; (e.g. push-button)<\/li>\n<li>Outputs: &#8220;RolloMotorUp&#8221;, &#8220;RolloMotorDown&#8221;<\/li>\n<li>Flag: RuntimeRollo&#8221; indicates how long the roller shutter needs from closed to open and vice versa (in the tutorial we assume that the runtime is the same otherwise two different flags would have to be used).<\/li>\n<\/ul>\n<\/div><\/div><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-3 fusion_builder_column_1_2 1_2 fusion-one-half fusion-column-last fusion-animated\" style=\"width:48%;margin-top:0px;margin-bottom:20px;\" data-animationType=\"fadeInLeft\" data-animationDuration=\"0.1\" data-animationOffset=\"top-into-view\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;\"><div class=\"fusion-column-content-centered\"><div class=\"fusion-column-content\"><div class=\"imageframe-align-center\"><div class=\"awb-image-frame awb-image-frame-1 imageframe-liftup\"><span class=\" fusion-imageframe imageframe-none imageframe-1\"><a href=\"https:\/\/www.comexio.com\/wp-content\/uploads\/2015\/09\/Rollladensteuerung-mit-Visualisierung_Bild_01.png\" class=\"fusion-lightbox\" data-rel=\"iLightbox[8f1482c34f36ea09498]\" data-title=\"Rollladensteuerung mit Visualisierung_Bild_01\" title=\"Rollladensteuerung mit Visualisierung_Bild_01\"><img decoding=\"async\" width=\"226\" height=\"735\" alt=\"Module\" src=\"https:\/\/www.comexio.com\/wp-content\/uploads\/2015\/09\/Rollladensteuerung-mit-Visualisierung_Bild_01.png\" class=\"img-responsive wp-image-10719\" srcset=\"https:\/\/www.comexio.com\/wp-content\/uploads\/2015\/09\/Rollladensteuerung-mit-Visualisierung_Bild_01-9x30.png 9w, https:\/\/www.comexio.com\/wp-content\/uploads\/2015\/09\/Rollladensteuerung-mit-Visualisierung_Bild_01-92x300.png 92w, https:\/\/www.comexio.com\/wp-content\/uploads\/2015\/09\/Rollladensteuerung-mit-Visualisierung_Bild_01.png 226w\" sizes=\"(max-width: 226px) 100vw, 226px\" \/><\/a><\/span><\/div><\/div><\/div><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-4 gradient-rechts nonhundred-percent-fullwidth non-hundred-percent-height-scrolling fusion-equal-height-columns\" style=\"background-color: rgba(255,255,255,0);background-position: left top;background-repeat: no-repeat;padding-top:20px;padding-right:0px;padding-bottom:20px;padding-left:0px;margin-bottom: 0px;margin-top: 0px;border-width: 0px 0px 0px 0px;border-color:#eae9e9;border-style:solid;\" ><div class=\"fusion-builder-row fusion-row\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-4 fusion_builder_column_1_2 1_2 fusion-one-half fusion-column-first fusion-animated\" style=\"width:48%; margin-right: 4%;margin-top:0px;margin-bottom:20px;\" data-animationType=\"fadeInRight\" data-animationDuration=\"0.1\" data-animationOffset=\"top-into-view\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;\"><div class=\"fusion-column-content-centered\"><div class=\"fusion-column-content\"><div class=\"fusion-text fusion-text-4\"><h2>Step two:<\/h2>\n<p>The suitable block we use is called &#8220;shutter control&#8221; (in the list of logic blocks).<\/p>\n<\/div><\/div><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-5 fusion_builder_column_1_2 1_2 fusion-one-half fusion-column-last fusion-animated\" style=\"width:48%;margin-top:0px;margin-bottom:20px;\" data-animationType=\"fadeInLeft\" data-animationDuration=\"0.1\" data-animationOffset=\"top-into-view\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;\"><div class=\"fusion-column-content-centered\"><div class=\"fusion-column-content\"><div class=\"imageframe-align-center\"><span class=\" fusion-imageframe imageframe-none imageframe-2 hover-type-none\"><img decoding=\"async\" width=\"231\" height=\"174\" alt=\"Rollladenmodul\" title=\"Rollladensteuerung mit Visualisierung_Bild_02\" src=\"https:\/\/www.comexio.com\/wp-content\/uploads\/2015\/09\/Rollladensteuerung-mit-Visualisierung_Bild_02.png\" class=\"img-responsive wp-image-10720\" srcset=\"https:\/\/www.comexio.com\/wp-content\/uploads\/2015\/09\/Rollladensteuerung-mit-Visualisierung_Bild_02-30x23.png 30w, https:\/\/www.comexio.com\/wp-content\/uploads\/2015\/09\/Rollladensteuerung-mit-Visualisierung_Bild_02.png 231w\" sizes=\"(max-width: 231px) 100vw, 231px\" \/><\/span><\/div><\/div><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-5 gradient-rechts nonhundred-percent-fullwidth non-hundred-percent-height-scrolling fusion-equal-height-columns\" style=\"background-color: rgba(255,255,255,0);background-position: left top;background-repeat: no-repeat;padding-top:20px;padding-right:0px;padding-bottom:20px;padding-left:0px;margin-bottom: 0px;margin-top: 0px;border-width: 0px 0px 0px 0px;border-color:#eae9e9;border-style:solid;\" ><div class=\"fusion-builder-row fusion-row\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-6 fusion_builder_column_1_2 1_2 fusion-one-half fusion-column-first fusion-animated\" style=\"width:48%; margin-right: 4%;margin-top:0px;margin-bottom:20px;\" data-animationType=\"fadeInRight\" data-animationDuration=\"0.1\" data-animationOffset=\"top-into-view\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;\"><div class=\"fusion-column-content-centered\"><div class=\"fusion-column-content\"><div class=\"fusion-text fusion-text-5\"><h2>Step three:<\/h2>\n<p>Now connect the inputs and markers to the shutter control module and connect this to the outputs.<\/p>\n<\/div><\/div><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-7 fusion_builder_column_1_2 1_2 fusion-one-half fusion-column-last fusion-animated\" style=\"width:48%;margin-top:0px;margin-bottom:20px;\" data-animationType=\"fadeInLeft\" data-animationDuration=\"0.1\" data-animationOffset=\"top-into-view\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;\"><div class=\"fusion-column-content-centered\"><div class=\"fusion-column-content\"><div class=\"imageframe-align-center\"><div class=\"awb-image-frame awb-image-frame-3 imageframe-liftup\"><span class=\" fusion-imageframe imageframe-none imageframe-3\"><a href=\"https:\/\/www.comexio.com\/wp-content\/uploads\/2015\/09\/Rollladensteuerung-mit-Visualisierung_Bild_03.png\" class=\"fusion-lightbox\" data-rel=\"iLightbox[5415edf30256fafedf3]\" data-title=\"Rollladensteuerung mit Visualisierung_Bild_03\" title=\"Rollladensteuerung mit Visualisierung_Bild_03\"><img decoding=\"async\" width=\"816\" height=\"199\" alt=\"Linie verbinden\" src=\"https:\/\/www.comexio.com\/wp-content\/uploads\/2015\/09\/Rollladensteuerung-mit-Visualisierung_Bild_03.png\" class=\"img-responsive wp-image-10721\" srcset=\"https:\/\/www.comexio.com\/wp-content\/uploads\/2015\/09\/Rollladensteuerung-mit-Visualisierung_Bild_03-600x146.png 600w, https:\/\/www.comexio.com\/wp-content\/uploads\/2015\/09\/Rollladensteuerung-mit-Visualisierung_Bild_03.png 816w\" sizes=\"(max-width: 800px) 100vw, 816px\" \/><\/a><\/span><\/div><\/div><\/div><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-6 gradient-rechts nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"background-color: rgba(255,255,255,0);background-position: left top;background-repeat: no-repeat;padding-top:20px;padding-right:0px;padding-bottom:20px;padding-left:0px;margin-bottom: 0px;margin-top: 0px;border-width: 0px 0px 0px 0px;border-color:#eae9e9;border-style:solid;\" ><div class=\"fusion-builder-row fusion-row\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-8 fusion_builder_column_1_1 1_1 fusion-one-full fusion-column-first fusion-column-last\" style=\"margin-top:0px;margin-bottom:20px;\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;\"><div class=\"fusion-text fusion-text-6\"><h1>Shutter control with visualization<\/h1>\n<\/div><div class=\"awb-image-frame awb-image-frame-4 imageframe-liftup\"><span class=\" fusion-imageframe imageframe-none imageframe-4\"><a href=\"https:\/\/www.comexio.com\/wp-content\/uploads\/2015\/09\/Rollladensteuerung-mit-Visualisierung_Bild_04.png\" class=\"fusion-lightbox\" data-rel=\"iLightbox[508cd701ce0a3e7656b]\" data-title=\"Rollladensteuerung mit Visualisierung_Bild_04\" title=\"Rollladensteuerung mit Visualisierung_Bild_04\"><img decoding=\"async\" width=\"1602\" height=\"722\" alt=\"Rollladensteuerung\" src=\"https:\/\/www.comexio.com\/wp-content\/uploads\/2015\/09\/Rollladensteuerung-mit-Visualisierung_Bild_04.png\" class=\"img-responsive wp-image-10722\" srcset=\"https:\/\/www.comexio.com\/wp-content\/uploads\/2015\/09\/Rollladensteuerung-mit-Visualisierung_Bild_04-600x270.png 600w, https:\/\/www.comexio.com\/wp-content\/uploads\/2015\/09\/Rollladensteuerung-mit-Visualisierung_Bild_04.png 1602w\" sizes=\"(max-width: 800px) 100vw, 1602px\" \/><\/a><\/span><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-7 gradient-rechts nonhundred-percent-fullwidth non-hundred-percent-height-scrolling fusion-equal-height-columns\" style=\"background-color: rgba(255,255,255,0);background-position: left top;background-repeat: no-repeat;padding-top:20px;padding-right:0px;padding-bottom:20px;padding-left:0px;margin-bottom: 0px;margin-top: 0px;border-width: 0px 0px 0px 0px;border-color:#eae9e9;border-style:solid;\" ><div class=\"fusion-builder-row fusion-row\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-9 fusion_builder_column_1_2 1_2 fusion-one-half fusion-column-first fusion-animated\" style=\"width:48%; margin-right: 4%;margin-top:0px;margin-bottom:20px;\" data-animationType=\"fadeInRight\" data-animationDuration=\"0.1\" data-animationOffset=\"top-into-view\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;\"><div class=\"fusion-column-content-centered\"><div class=\"fusion-column-content\"><div class=\"fusion-text fusion-text-7\"><h2>Step four:<\/h2>\n<p>Then activate the function chart. If you see the message &#8220;The function chart is now being executed&#8221; in green and the tab has turned blue, you have implemented the &#8220;Shutter control&#8221; function!<\/p>\n<\/div><\/div><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-10 fusion_builder_column_1_2 1_2 fusion-one-half fusion-column-last fusion-animated\" style=\"width:48%;margin-top:0px;margin-bottom:20px;\" data-animationType=\"fadeInLeft\" data-animationDuration=\"0.1\" data-animationOffset=\"top-into-view\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;\"><div class=\"fusion-column-content-centered\"><div class=\"fusion-column-content\"><div class=\"imageframe-align-center\"><span class=\" fusion-imageframe imageframe-none imageframe-5 hover-type-none\"><img decoding=\"async\" width=\"473\" height=\"232\" alt=\"Funktionspl\u00e4ne\" title=\"Rollladensteuerung mit Visualisierung_Bild_05\" src=\"https:\/\/www.comexio.com\/wp-content\/uploads\/2015\/09\/Rollladensteuerung-mit-Visualisierung_Bild_05.png\" class=\"img-responsive wp-image-10723\" srcset=\"https:\/\/www.comexio.com\/wp-content\/uploads\/2015\/09\/Rollladensteuerung-mit-Visualisierung_Bild_05-30x15.png 30w, https:\/\/www.comexio.com\/wp-content\/uploads\/2015\/09\/Rollladensteuerung-mit-Visualisierung_Bild_05-300x147.png 300w, https:\/\/www.comexio.com\/wp-content\/uploads\/2015\/09\/Rollladensteuerung-mit-Visualisierung_Bild_05.png 473w\" sizes=\"(max-width: 473px) 100vw, 473px\" \/><\/span><\/div><\/div><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-8 gradient-rechts nonhundred-percent-fullwidth non-hundred-percent-height-scrolling fusion-equal-height-columns\" style=\"background-color: rgba(255,255,255,0);background-position: left top;background-repeat: no-repeat;padding-top:20px;padding-right:0px;padding-bottom:20px;padding-left:0px;margin-bottom: 0px;margin-top: 0px;border-width: 0px 0px 0px 0px;border-color:#eae9e9;border-style:solid;\" ><div class=\"fusion-builder-row fusion-row\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-11 fusion_builder_column_1_2 1_2 fusion-one-half fusion-column-first fusion-animated\" style=\"width:48%; margin-right: 4%;margin-top:0px;margin-bottom:20px;\" data-animationType=\"fadeInRight\" data-animationDuration=\"0.1\" data-animationOffset=\"top-into-view\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;\"><div class=\"fusion-column-content-centered\"><div class=\"fusion-column-content\"><div class=\"fusion-text fusion-text-8\"><h2>Step five:<\/h2>\n<p>Now click on &#8220;Visu-Editor&#8221; in the menu bar at the top left to create the visualization.<\/p>\n<\/div><\/div><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-12 fusion_builder_column_1_2 1_2 fusion-one-half fusion-column-last fusion-animated\" style=\"width:48%;margin-top:0px;margin-bottom:20px;\" data-animationType=\"fadeInLeft\" data-animationDuration=\"0.1\" data-animationOffset=\"top-into-view\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;\"><div class=\"fusion-column-content-centered\"><div class=\"fusion-column-content\"><div class=\"imageframe-align-center\"><span class=\" fusion-imageframe imageframe-none imageframe-6 hover-type-none\"><img decoding=\"async\" width=\"83\" height=\"579\" alt=\"Visualisierungseditor\" title=\"Rollladensteuerung mit Visualisierung_Bild_06\" src=\"https:\/\/www.comexio.com\/wp-content\/uploads\/2015\/09\/Rollladensteuerung-mit-Visualisierung_Bild_06.png\" class=\"img-responsive wp-image-10724\" srcset=\"https:\/\/www.comexio.com\/wp-content\/uploads\/2015\/09\/Rollladensteuerung-mit-Visualisierung_Bild_06-43x300.png 43w, https:\/\/www.comexio.com\/wp-content\/uploads\/2015\/09\/Rollladensteuerung-mit-Visualisierung_Bild_06.png 83w\" sizes=\"(max-width: 83px) 100vw, 83px\" \/><\/span><\/div><\/div><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-9 gradient-rechts nonhundred-percent-fullwidth non-hundred-percent-height-scrolling fusion-equal-height-columns\" style=\"background-color: rgba(255,255,255,0);background-position: left top;background-repeat: no-repeat;padding-top:20px;padding-right:0px;padding-bottom:20px;padding-left:0px;margin-bottom: 0px;margin-top: 0px;border-width: 0px 0px 0px 0px;border-color:#eae9e9;border-style:solid;\" ><div class=\"fusion-builder-row fusion-row\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-13 fusion_builder_column_1_2 1_2 fusion-one-half fusion-column-first fusion-animated\" style=\"width:48%; margin-right: 4%;margin-top:0px;margin-bottom:20px;\" data-animationType=\"fadeInRight\" data-animationDuration=\"0.1\" data-animationOffset=\"top-into-view\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;\"><div class=\"fusion-column-content-centered\"><div class=\"fusion-column-content\"><div class=\"fusion-text fusion-text-9\"><h2>Step six:<\/h2>\n<p>Now create a new dashboard for the shutter control or use one that already exists. Note the grid size and adjust it.<\/p>\n<p>The automatically created Visu module for the roller shutter can be found in the toolbar under Shading. Now drag it into the grid.<\/p>\n<\/div><\/div><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-14 fusion_builder_column_1_2 1_2 fusion-one-half fusion-column-last fusion-animated\" style=\"width:48%;margin-top:0px;margin-bottom:20px;\" data-animationType=\"fadeInLeft\" data-animationDuration=\"0.1\" data-animationOffset=\"top-into-view\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;\"><div class=\"fusion-column-content-centered\"><div class=\"fusion-column-content\"><div class=\"imageframe-align-center\"><span class=\" fusion-imageframe imageframe-none imageframe-7 hover-type-none\"><img decoding=\"async\" width=\"947\" height=\"580\" alt=\"Visualisierungseditor\" title=\"Rollladensteuerung mit Visualisierung_Bild_07\" src=\"https:\/\/www.comexio.com\/wp-content\/uploads\/2015\/09\/Rollladensteuerung-mit-Visualisierung_Bild_07.png\" class=\"img-responsive wp-image-10725\" srcset=\"https:\/\/www.comexio.com\/wp-content\/uploads\/2015\/09\/Rollladensteuerung-mit-Visualisierung_Bild_07-600x367.png 600w, https:\/\/www.comexio.com\/wp-content\/uploads\/2015\/09\/Rollladensteuerung-mit-Visualisierung_Bild_07.png 947w\" sizes=\"(max-width: 800px) 100vw, 947px\" \/><\/span><\/div><\/div><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-10 gradient-rechts nonhundred-percent-fullwidth non-hundred-percent-height-scrolling fusion-equal-height-columns\" style=\"background-color: rgba(255,255,255,0);background-position: left top;background-repeat: no-repeat;padding-top:20px;padding-right:0px;padding-bottom:20px;padding-left:0px;margin-bottom: 0px;margin-top: 0px;border-width: 0px 0px 0px 0px;border-color:#eae9e9;border-style:solid;\" ><div class=\"fusion-builder-row fusion-row\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-15 fusion_builder_column_1_1 1_1 fusion-one-full fusion-column-first fusion-column-last fusion-animated\" style=\"margin-top:0px;margin-bottom:20px;\" data-animationType=\"fadeInRight\" data-animationDuration=\"0.1\" data-animationOffset=\"top-into-view\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;\"><div class=\"fusion-column-content-centered\"><div class=\"fusion-column-content\"><div class=\"fusion-text fusion-text-10\"><p style=\"text-align: center;\">Congratulations You have successfully created a roller shutter control with visualization!<\/p>\n<\/div><div class=\"imageframe-align-center\"><span class=\" fusion-imageframe imageframe-none imageframe-8 hover-type-none\"><img decoding=\"async\" width=\"948\" height=\"273\" alt=\"Visualisierung\" title=\"Rollladensteuerung mit Visualisierung_Bild_08\" src=\"https:\/\/www.comexio.com\/wp-content\/uploads\/2015\/09\/Rollladensteuerung-mit-Visualisierung_Bild_08.png\" class=\"img-responsive wp-image-10726\" srcset=\"https:\/\/www.comexio.com\/wp-content\/uploads\/2015\/09\/Rollladensteuerung-mit-Visualisierung_Bild_08-600x173.png 600w, https:\/\/www.comexio.com\/wp-content\/uploads\/2015\/09\/Rollladensteuerung-mit-Visualisierung_Bild_08.png 948w\" sizes=\"(max-width: 800px) 100vw, 948px\" \/><\/span><\/div><\/div><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-11 gradient-rechts nonhundred-percent-fullwidth non-hundred-percent-height-scrolling fusion-equal-height-columns\" style=\"background-color: rgba(255,255,255,0);background-position: left top;background-repeat: no-repeat;padding-top:20px;padding-right:0px;padding-bottom:20px;padding-left:0px;margin-bottom: 0px;margin-top: 0px;border-width: 0px 0px 0px 0px;border-color:#eae9e9;border-style:solid;\" ><div class=\"fusion-builder-row fusion-row\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-16 fusion_builder_column_1_1 1_1 fusion-one-full fusion-column-first fusion-column-last fusion-animated\" style=\"margin-top:0px;margin-bottom:20px;\" data-animationType=\"fadeInRight\" data-animationDuration=\"0.1\" data-animationOffset=\"top-into-view\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;\"><div class=\"fusion-column-content-centered\"><div class=\"fusion-column-content\"><div class=\"imageframe-align-center\"><span class=\" fusion-imageframe imageframe-none imageframe-9 hover-type-none\"><img decoding=\"async\" width=\"1698\" height=\"851\" alt=\"Fertige Rollladensteuerung\" title=\"schritt6.1\" src=\"https:\/\/www.comexio.com\/wp-content\/uploads\/2015\/09\/schritt6.1.png\" class=\"img-responsive wp-image-5542\" srcset=\"https:\/\/www.comexio.com\/wp-content\/uploads\/2015\/09\/schritt6.1-600x301.png 600w, https:\/\/www.comexio.com\/wp-content\/uploads\/2015\/09\/schritt6.1.png 1698w\" sizes=\"(max-width: 800px) 100vw, 1698px\" \/><\/span><\/div><\/div><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-12 nonhundred-percent-fullwidth non-hundred-percent-height-scrolling fusion-equal-height-columns\" style=\"background-color: rgba(255,255,255,0);background-position: left top;background-repeat: no-repeat;padding-top:20px;padding-right:0px;padding-bottom:20px;padding-left:0px;margin-bottom: 0px;margin-top: 0px;border-width: 0px 0px 0px 0px;border-color:#eae9e9;border-style:solid;\" ><div class=\"fusion-builder-row fusion-row\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-17 fusion_builder_column_1_1 1_1 fusion-one-full fusion-column-first fusion-column-last fusion-animated\" style=\"margin-top:0px;margin-bottom:20px;\" data-animationType=\"fadeInRight\" data-animationDuration=\"0.1\" data-animationOffset=\"top-into-view\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;\"><div class=\"fusion-column-content-centered\"><div class=\"fusion-column-content\"><div class=\"fusion-text fusion-text-11\"><p>Read it, too: &#8220;<a title=\"intelligente Rolladensteuerung\" href=\"https:\/\/www.comexio.com\/anwendungsbeispiele\/anwendungsbeispiele\/rolladensteuerung.html\">Your intelligent roller shutter control system<\/a>&#8221;<\/p>\n<\/div><\/div><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><\/div><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":6,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Tutorial Roller Shutter Control with Visualization - Smart Home in Perfektion<\/title>\n<meta name=\"description\" content=\"Better SmartHome-Better Life\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.comexio.com\/en\/tutorial-shutter-control\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Tutorial Roller Shutter Control with Visualization - Smart Home in Perfektion\" \/>\n<meta property=\"og:description\" content=\"Better SmartHome-Better Life\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.comexio.com\/en\/tutorial-shutter-control\/\" \/>\n<meta property=\"og:site_name\" content=\"Smart Home in Perfektion\" \/>\n<meta property=\"article:modified_time\" content=\"2019-05-31T09:32:58+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.comexio.com\/wp-content\/uploads\/2015\/09\/Rollladensteuerung-mit-Visualisierung_Bild_01.png\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"16 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.comexio.com\/en\/tutorial-shutter-control\/\",\"url\":\"https:\/\/www.comexio.com\/en\/tutorial-shutter-control\/\",\"name\":\"Tutorial Roller Shutter Control with Visualization - Smart Home in Perfektion\",\"isPartOf\":{\"@id\":\"https:\/\/www.comexio.com\/#website\"},\"datePublished\":\"2015-09-24T14:37:49+00:00\",\"dateModified\":\"2019-05-31T09:32:58+00:00\",\"description\":\"Better SmartHome-Better Life\",\"breadcrumb\":{\"@id\":\"https:\/\/www.comexio.com\/en\/tutorial-shutter-control\/#breadcrumb\"},\"inLanguage\":\"ENH\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.comexio.com\/en\/tutorial-shutter-control\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.comexio.com\/en\/tutorial-shutter-control\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.comexio.com\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tutorial Roller Shutter Control with Visualization\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.comexio.com\/#website\",\"url\":\"https:\/\/www.comexio.com\/\",\"name\":\"Smart Home in Perfektion\",\"description\":\"Home automation @ it\u00b4s best\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.comexio.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"ENH\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Tutorial Roller Shutter Control with Visualization - Smart Home in Perfektion","description":"Better SmartHome-Better Life","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.comexio.com\/en\/tutorial-shutter-control\/","og_locale":"en_US","og_type":"article","og_title":"Tutorial Roller Shutter Control with Visualization - Smart Home in Perfektion","og_description":"Better SmartHome-Better Life","og_url":"https:\/\/www.comexio.com\/en\/tutorial-shutter-control\/","og_site_name":"Smart Home in Perfektion","article_modified_time":"2019-05-31T09:32:58+00:00","og_image":[{"url":"https:\/\/www.comexio.com\/wp-content\/uploads\/2015\/09\/Rollladensteuerung-mit-Visualisierung_Bild_01.png"}],"twitter_misc":{"Est. reading time":"16 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.comexio.com\/en\/tutorial-shutter-control\/","url":"https:\/\/www.comexio.com\/en\/tutorial-shutter-control\/","name":"Tutorial Roller Shutter Control with Visualization - Smart Home in Perfektion","isPartOf":{"@id":"https:\/\/www.comexio.com\/#website"},"datePublished":"2015-09-24T14:37:49+00:00","dateModified":"2019-05-31T09:32:58+00:00","description":"Better SmartHome-Better Life","breadcrumb":{"@id":"https:\/\/www.comexio.com\/en\/tutorial-shutter-control\/#breadcrumb"},"inLanguage":"ENH","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.comexio.com\/en\/tutorial-shutter-control\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.comexio.com\/en\/tutorial-shutter-control\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.comexio.com\/en\/"},{"@type":"ListItem","position":2,"name":"Tutorial Roller Shutter Control with Visualization"}]},{"@type":"WebSite","@id":"https:\/\/www.comexio.com\/#website","url":"https:\/\/www.comexio.com\/","name":"Smart Home in Perfektion","description":"Home automation @ it\u00b4s best","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.comexio.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"ENH"}]}},"_links":{"self":[{"href":"https:\/\/www.comexio.com\/en\/wp-json\/wp\/v2\/pages\/2662"}],"collection":[{"href":"https:\/\/www.comexio.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.comexio.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.comexio.com\/en\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.comexio.com\/en\/wp-json\/wp\/v2\/comments?post=2662"}],"version-history":[{"count":19,"href":"https:\/\/www.comexio.com\/en\/wp-json\/wp\/v2\/pages\/2662\/revisions"}],"predecessor-version":[{"id":13372,"href":"https:\/\/www.comexio.com\/en\/wp-json\/wp\/v2\/pages\/2662\/revisions\/13372"}],"wp:attachment":[{"href":"https:\/\/www.comexio.com\/en\/wp-json\/wp\/v2\/media?parent=2662"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}