{"id":670,"date":"2021-01-19T21:02:13","date_gmt":"2021-01-19T20:02:13","guid":{"rendered":"https:\/\/ad-astra.com.pl\/?p=670"},"modified":"2021-01-26T10:44:06","modified_gmt":"2021-01-26T09:44:06","slug":"sap-analytics-cloud-automatyczna-zmiana-stron-wizualizacji","status":"publish","type":"post","link":"https:\/\/ad-astra.com.pl\/en\/2021\/01\/19\/sap-analytics-cloud-automatyczna-zmiana-stron-wizualizacji\/","title":{"rendered":"SAP Analytics Cloud - automatic page changing\/slideshow"},"content":{"rendered":"<p>SAP Analytics Cloud Designer, which is part of SAP Analytics Cloud, allows you to expand standard reporting. Implementation of scripting (simplified javascript) and ready-made components such as button, timer, pagebook, tabstrip etc. and components related directly to the planning module, e.g. Data Action Trigger, allows you to automate specific tasks and build advanced analytical applications. SAC is not only a tool in which we display data using two types of connections (live and import), it is also a platform for communication and data exchange with systems such as BW and S4 \/ HANA.<br><br>In this article, I will show you how Timer and Page Book components can support the display of ready-made charts \/ tables that automatically change over time. When can such a solution be used? For example, in production plants, to check the current performance on an ongoing basis, at the office by showing KPIs or sending notifications at a set time. A sample of this solution can be seen below:<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video controls src=\"https:\/\/ad-astra.com.pl\/wp-content\/uploads\/2021\/01\/SAC-1.mp4\"><\/video><\/figure>\n\n\n\n<p>In my example I used the following widgets:<\/p>\n\n\n\n<ul><li>PageBook<\/li><li>Timer<\/li><\/ul>\n\n\n\n<p><strong>PageBook<\/strong> - a widget that is used to group visualizations on different pages. It is very often used in mobile applications to switch pages using a gesture. <br><strong>Timer<\/strong> - a widget that allows you to run a timer that triggers an event<br><br>I divided designing into 3 main steps:<\/p>\n\n\n\n<ol type=\"1\"><li>To build a story, I used a PageBook widget and added 4 charts and one table to display financial measures in different ways. I also configured the title and background for the Canvas:<\/li><\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"265\" height=\"326\" src=\"https:\/\/ad-astra.com.pl\/wp-content\/uploads\/2021\/01\/Obraz1.png\" alt=\"\" class=\"wp-image-674\" srcset=\"https:\/\/ad-astra.com.pl\/wp-content\/uploads\/2021\/01\/Obraz1.png 265w, https:\/\/ad-astra.com.pl\/wp-content\/uploads\/2021\/01\/Obraz1-244x300.png 244w, https:\/\/ad-astra.com.pl\/wp-content\/uploads\/2021\/01\/Obraz1-10x12.png 10w, https:\/\/ad-astra.com.pl\/wp-content\/uploads\/2021\/01\/Obraz1-163x200.png 163w\" sizes=\"(max-width: 265px) 100vw, 265px\" \/><\/figure>\n\n\n\n<ol start=\"2\"><li>Adding Timer widget<\/li><\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"274\" height=\"34\" src=\"https:\/\/ad-astra.com.pl\/wp-content\/uploads\/2021\/01\/Obraz2.png\" alt=\"\" class=\"wp-image-675\" srcset=\"https:\/\/ad-astra.com.pl\/wp-content\/uploads\/2021\/01\/Obraz2.png 274w, https:\/\/ad-astra.com.pl\/wp-content\/uploads\/2021\/01\/Obraz2-16x2.png 16w\" sizes=\"(max-width: 274px) 100vw, 274px\" \/><\/figure>\n\n\n\n<ol start=\"3\"><li>Scripting<\/li><\/ol>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container\">\n<ul><li>Script Variable<ul><li>PageBook_Animation_Interwal \u2013 setting interval time period<br><img loading=\"lazy\" width=\"291\" height=\"39\" class=\"wp-image-691\" style=\"width: 250px;\" src=\"https:\/\/ad-astra.com.pl\/wp-content\/uploads\/2021\/01\/Obraz3-1.png\" alt=\"\" srcset=\"https:\/\/ad-astra.com.pl\/wp-content\/uploads\/2021\/01\/Obraz3-1.png 291w, https:\/\/ad-astra.com.pl\/wp-content\/uploads\/2021\/01\/Obraz3-1-16x2.png 16w\" sizes=\"(max-width: 291px) 100vw, 291px\" \/><\/li><\/ul><\/li><li>Script Objects<ul><li>PageBook_onTimer \u2013 function supporting the Timer and calling the PageBook_Animation function<br><img loading=\"lazy\" width=\"287\" height=\"128\" class=\"wp-image-680\" style=\"width: 300px;\" src=\"https:\/\/ad-astra.com.pl\/wp-content\/uploads\/2021\/01\/Obraz5-1.png\" alt=\"\" srcset=\"https:\/\/ad-astra.com.pl\/wp-content\/uploads\/2021\/01\/Obraz5-1.png 287w, https:\/\/ad-astra.com.pl\/wp-content\/uploads\/2021\/01\/Obraz5-1-16x7.png 16w\" sizes=\"(max-width: 287px) 100vw, 287px\" \/><\/li><li>PageBook_Animation \u2013 checks the page status and displays the visualization in proper order<br><img loading=\"lazy\" width=\"297\" height=\"256\" class=\"wp-image-681\" style=\"width: 300px;\" src=\"https:\/\/ad-astra.com.pl\/wp-content\/uploads\/2021\/01\/Obraz7.png\" alt=\"\" srcset=\"https:\/\/ad-astra.com.pl\/wp-content\/uploads\/2021\/01\/Obraz7.png 297w, https:\/\/ad-astra.com.pl\/wp-content\/uploads\/2021\/01\/Obraz7-14x12.png 14w, https:\/\/ad-astra.com.pl\/wp-content\/uploads\/2021\/01\/Obraz7-232x200.png 232w\" sizes=\"(max-width: 297px) 100vw, 297px\" \/><\/li><li>PageBook_Initialization  \u2013 initiates the launch of the Timer component at the appropriate interval.<br><img loading=\"lazy\" width=\"239\" height=\"85\" class=\"wp-image-682\" style=\"width: 300px;\" src=\"https:\/\/ad-astra.com.pl\/wp-content\/uploads\/2021\/01\/Obraz9.png\" alt=\"\" srcset=\"https:\/\/ad-astra.com.pl\/wp-content\/uploads\/2021\/01\/Obraz9.png 239w, https:\/\/ad-astra.com.pl\/wp-content\/uploads\/2021\/01\/Obraz9-16x6.png 16w\" sizes=\"(max-width: 239px) 100vw, 239px\" \/><br>Additionaly, it\u2019s used in the event that starts the application (onInitialization):<br><img loading=\"lazy\" width=\"244\" height=\"108\" class=\"wp-image-687\" style=\"width: 300px;\" src=\"https:\/\/ad-astra.com.pl\/wp-content\/uploads\/2021\/01\/Obraz11-1.png\" alt=\"\" srcset=\"https:\/\/ad-astra.com.pl\/wp-content\/uploads\/2021\/01\/Obraz11-1.png 244w, https:\/\/ad-astra.com.pl\/wp-content\/uploads\/2021\/01\/Obraz11-1-16x7.png 16w\" sizes=\"(max-width: 244px) 100vw, 244px\" \/><\/li><\/ul><\/li><li>Timer widget \u2013 calling the PageBook_OnTimer function()<br><img loading=\"lazy\" width=\"250\" height=\"109\" class=\"wp-image-696\" style=\"width: 300px;\" src=\"https:\/\/ad-astra.com.pl\/wp-content\/uploads\/2021\/01\/Obraz12.png\" alt=\"\" srcset=\"https:\/\/ad-astra.com.pl\/wp-content\/uploads\/2021\/01\/Obraz12.png 250w, https:\/\/ad-astra.com.pl\/wp-content\/uploads\/2021\/01\/Obraz12-16x7.png 16w\" sizes=\"(max-width: 250px) 100vw, 250px\" \/><\/li><\/ul>\n\n\n\n<p><\/p>\n<\/div><\/div>\n\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>SAP Analytics Cloud Designer, which is part of SAP Analytics Cloud, allows you to expand standard reporting. Implementation of scripting (simplified javascript) and ready-made components such as button, timer, pagebook, tabstrip etc. and components related directly to the planning module, e.g. Data Action Trigger, allows you to automate specific tasks and build advanced analytical applications...<\/p>","protected":false},"author":3,"featured_media":700,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[7],"tags":[45,49,10,46],"_links":{"self":[{"href":"https:\/\/ad-astra.com.pl\/en\/wp-json\/wp\/v2\/posts\/670"}],"collection":[{"href":"https:\/\/ad-astra.com.pl\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ad-astra.com.pl\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ad-astra.com.pl\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/ad-astra.com.pl\/en\/wp-json\/wp\/v2\/comments?post=670"}],"version-history":[{"count":18,"href":"https:\/\/ad-astra.com.pl\/en\/wp-json\/wp\/v2\/posts\/670\/revisions"}],"predecessor-version":[{"id":737,"href":"https:\/\/ad-astra.com.pl\/en\/wp-json\/wp\/v2\/posts\/670\/revisions\/737"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ad-astra.com.pl\/en\/wp-json\/wp\/v2\/media\/700"}],"wp:attachment":[{"href":"https:\/\/ad-astra.com.pl\/en\/wp-json\/wp\/v2\/media?parent=670"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ad-astra.com.pl\/en\/wp-json\/wp\/v2\/categories?post=670"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ad-astra.com.pl\/en\/wp-json\/wp\/v2\/tags?post=670"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}