{"id":1680,"date":"2019-10-09T18:52:30","date_gmt":"2019-10-09T23:52:30","guid":{"rendered":"http:\/\/www.setian.co\/studio\/?p=1680"},"modified":"2026-04-05T21:04:12","modified_gmt":"2026-04-06T02:04:12","slug":"xm-big-data-wall-interactive-kiosk-trade-show","status":"publish","type":"post","link":"https:\/\/setian.co\/studio\/xm-big-data-wall-interactive-kiosk-trade-show\/","title":{"rendered":"Big Data Wall <br>{ Interactive Kiosk }"},"content":{"rendered":"<h2 style=\"text-align: center;\">Omotio&#8217;s Project<\/h2>\n<h3 style=\"text-align: center;\">Projection Mapping &#8211; Touch Interface &#8211; Corporate<\/h3>\n<p><iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/jogTdHHZyC8\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<div class=\"section group justified-text\">\n<div class=\"col span_1_of_2\">\n<p>For the 2018 Energy Market Congress at Cartagena Colombia, Setian was contracted to develop an interactive Data Visualization System for XM &#8211; the energy market regulator of Colombia.<\/p>\n<p>The experience was developed to work on a printed wall with vector graphics that represents the production process of the energy generation, from the source to the consumer. The user was able to navigate inside a data base with all the information from the energy companies in Colombia.<\/p>\n<p>As the user navigates the interface, the environment<\/p>\n<\/div>\n<div class=\"col span_1_of_2\">\n<p>that was drawn in the wall starts to transform, the clouds start to rain, the water start to flow and thus the energy reach the city that start to glow.<\/p>\n<p>For the mapping system it was developed a custom software that allow us to manipulate the video projection over the complexity of printed wall.In front of the map the user finds a pedestal with a touch interface. The interface allows the visitor to write any of the different companies that are part of the colombian energy market.<\/p>\n<\/div>\n<\/div>\n<h3><style id=\"bwg-style-0\">    #bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-standard-thumbnails {      width: 724px;              justify-content: center;        margin:0 auto !important;              background-color: rgba(255, 255, 255, 0.00);            padding-left: 4px;      padding-top: 4px;      max-width: 100%;            }        #bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-standard-thumbnails .bwg-item {    justify-content: flex-start;      max-width: 180px;            width: 180px !important;          }    #bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-standard-thumbnails .bwg-item a {       margin-right: 4px;       margin-bottom: 4px;    }    #bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-standard-thumbnails .bwg-item0 {      padding: 0px;            background-color:rgba(255,255,255, 0.30);      border: 0px none #CCCCCC;      opacity: 1.00;      border-radius: 0;      box-shadow: 0px 0px 0px #888888;    }    #bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-standard-thumbnails .bwg-item1 img {      max-height: none;      max-width: none;      padding: 0 !important;    }        @media only screen and (min-width: 480px) {      #bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-standard-thumbnails .bwg-item0 {        transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;      }      #bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-standard-thumbnails .bwg-item0:hover {        -ms-transform: scale(1.1);        -webkit-transform: scale(1.1);        transform: scale(1.1);      }    }          #bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-standard-thumbnails .bwg-item1 {      padding-top: 50%;    }        #bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-standard-thumbnails .bwg-title2,    #bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-standard-thumbnails .bwg-ecommerce2 {      color: #CCCCCC;      font-family: segoe ui;      font-size: 16px;      font-weight: bold;      padding: 2px;      text-shadow: 0px 0px 0px #888888;      max-height: 100%;    }    #bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-standard-thumbnails .bwg-thumb-description span {    color: #323A45;    font-family: Ubuntu;    font-size: 12px;    max-height: 100%;    word-wrap: break-word;    }    #bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-standard-thumbnails .bwg-play-icon2 {      font-size: 32px;    }    #bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-standard-thumbnails .bwg-ecommerce2 {      font-size: 19.2px;      color: #CCCCCC;    }    <\/style>    <div id=\"bwg_container1_0\"         class=\"bwg_container bwg_thumbnail bwg_thumbnails \"         data-right-click-protection=\"0\"         data-bwg=\"0\"         data-scroll=\"0\"         data-gallery-type=\"thumbnails\"         data-gallery-view-type=\"thumbnails\"         data-current-url=\"\/studio\/wp-json\/wp\/v2\/posts\/1680\"         data-lightbox-url=\"https:\/\/setian.co\/studio\/wp-admin\/admin-ajax.php?action=GalleryBox&#038;current_view=0&#038;gallery_id=17&#038;tag=0&#038;theme_id=1&#038;shortcode_id=47&#038;sort_by=order&#038;order_by=asc&#038;current_url=%2Fstudio%2Fwp-json%2Fwp%2Fv2%2Fposts%2F1680\"         data-gallery-id=\"17\"         data-popup-width=\"800\"         data-popup-height=\"500\"         data-is-album=\"gallery\"         data-buttons-position=\"bottom\">      <div id=\"bwg_container2_0\">             <div id=\"ajax_loading_0\" class=\"bwg_loading_div_1\">      <div class=\"bwg_loading_div_2\">        <div class=\"bwg_loading_div_3\">          <div id=\"loading_div_0\" class=\"bwg_spider_ajax_loading\">          <\/div>        <\/div>      <\/div>    <\/div>            <form id=\"gal_front_form_0\"              class=\"bwg-hidden\"              method=\"post\"              action=\"#\"              data-current=\"0\"              data-shortcode-id=\"47\"              data-gallery-type=\"thumbnails\"              data-gallery-id=\"17\"              data-tag=\"0\"              data-album-id=\"0\"              data-theme-id=\"1\"              data-ajax-url=\"https:\/\/setian.co\/studio\/wp-admin\/admin-ajax.php?action=bwg_frontend_data\">          <div id=\"bwg_container3_0\" class=\"bwg-background bwg-background-0\">                <div data-max-count=\"4\"         data-thumbnail-width=\"180\"         data-bwg=\"0\"         data-gallery-id=\"17\"         data-lightbox-url=\"https:\/\/setian.co\/studio\/wp-admin\/admin-ajax.php?action=GalleryBox&amp;current_view=0&amp;gallery_id=17&amp;tag=0&amp;theme_id=1&amp;shortcode_id=47&amp;sort_by=order&amp;order_by=asc&amp;current_url=%2Fstudio%2Fwp-json%2Fwp%2Fv2%2Fposts%2F1680\"         id=\"bwg_thumbnails_0\"         class=\"bwg-container-0 bwg-thumbnails bwg-standard-thumbnails bwg-container bwg-border-box\">            <div class=\"bwg-item\">        <a class=\"bwg-a  bwg_lightbox\"  data-image-id=\"232\" href=\"https:\/\/setian.co\/studio\/wp-content\/uploads\/photo-gallery\/xm06.jpg?bwg=1570679795\" data-elementor-open-lightbox=\"no\">                <div class=\"bwg-item0 \">          <div class=\"bwg-item1 \">            <div class=\"bwg-item2\">              <img decoding=\"async\" class=\"skip-lazy bwg_standart_thumb_img_0 \"                   data-id=\"232\"                   data-width=\"300\"                   data-height=\"167\"                   data-src=\"https:\/\/setian.co\/studio\/wp-content\/uploads\/photo-gallery\/thumb\/xm06.jpg?bwg=1570679795\"                   src=\"https:\/\/setian.co\/studio\/wp-content\/uploads\/photo-gallery\/thumb\/xm06.jpg?bwg=1570679795\"                   alt=\"XM big data by setian\"                   title=\"XM big data by setian\" \/>            <\/div>            <div class=\"\">                                                      <\/div>          <\/div>        <\/div>                        <\/a>              <\/div>            <div class=\"bwg-item\">        <a class=\"bwg-a  bwg_lightbox\"  data-image-id=\"231\" href=\"https:\/\/setian.co\/studio\/wp-content\/uploads\/photo-gallery\/xm05.jpg?bwg=1570679795\" data-elementor-open-lightbox=\"no\">                <div class=\"bwg-item0 \">          <div class=\"bwg-item1 \">            <div class=\"bwg-item2\">              <img decoding=\"async\" class=\"skip-lazy bwg_standart_thumb_img_0 \"                   data-id=\"231\"                   data-width=\"300\"                   data-height=\"167\"                   data-src=\"https:\/\/setian.co\/studio\/wp-content\/uploads\/photo-gallery\/thumb\/xm05.jpg?bwg=1570679795\"                   src=\"https:\/\/setian.co\/studio\/wp-content\/uploads\/photo-gallery\/thumb\/xm05.jpg?bwg=1570679795\"                   alt=\"XM big data by setian\"                   title=\"XM big data by setian\" \/>            <\/div>            <div class=\"\">                                                      <\/div>          <\/div>        <\/div>                        <\/a>              <\/div>            <div class=\"bwg-item\">        <a class=\"bwg-a  bwg_lightbox\"  data-image-id=\"230\" href=\"https:\/\/setian.co\/studio\/wp-content\/uploads\/photo-gallery\/xm02.jpg?bwg=1570679795\" data-elementor-open-lightbox=\"no\">                <div class=\"bwg-item0 \">          <div class=\"bwg-item1 \">            <div class=\"bwg-item2\">              <img decoding=\"async\" class=\"skip-lazy bwg_standart_thumb_img_0 \"                   data-id=\"230\"                   data-width=\"300\"                   data-height=\"167\"                   data-src=\"https:\/\/setian.co\/studio\/wp-content\/uploads\/photo-gallery\/thumb\/xm02.jpg?bwg=1570679795\"                   src=\"https:\/\/setian.co\/studio\/wp-content\/uploads\/photo-gallery\/thumb\/xm02.jpg?bwg=1570679795\"                   alt=\"XM big data by setian\"                   title=\"XM big data by setian\" \/>            <\/div>            <div class=\"\">                                                      <\/div>          <\/div>        <\/div>                        <\/a>              <\/div>            <div class=\"bwg-item\">        <a class=\"bwg-a  bwg_lightbox\"  data-image-id=\"229\" href=\"https:\/\/setian.co\/studio\/wp-content\/uploads\/photo-gallery\/xm04.jpg?bwg=1570679795\" data-elementor-open-lightbox=\"no\">                <div class=\"bwg-item0 \">          <div class=\"bwg-item1 \">            <div class=\"bwg-item2\">              <img decoding=\"async\" class=\"skip-lazy bwg_standart_thumb_img_0 \"                   data-id=\"229\"                   data-width=\"300\"                   data-height=\"167\"                   data-src=\"https:\/\/setian.co\/studio\/wp-content\/uploads\/photo-gallery\/thumb\/xm04.jpg?bwg=1570679795\"                   src=\"https:\/\/setian.co\/studio\/wp-content\/uploads\/photo-gallery\/thumb\/xm04.jpg?bwg=1570679795\"                   alt=\"XM big data by setian\"                   title=\"XM big data by setian\" \/>            <\/div>            <div class=\"\">                                                      <\/div>          <\/div>        <\/div>                        <\/a>              <\/div>            <div class=\"bwg-item\">        <a class=\"bwg-a  bwg_lightbox\"  data-image-id=\"228\" href=\"https:\/\/setian.co\/studio\/wp-content\/uploads\/photo-gallery\/xm01.jpg?bwg=1570679795\" data-elementor-open-lightbox=\"no\">                <div class=\"bwg-item0 \">          <div class=\"bwg-item1 \">            <div class=\"bwg-item2\">              <img decoding=\"async\" class=\"skip-lazy bwg_standart_thumb_img_0 \"                   data-id=\"228\"                   data-width=\"300\"                   data-height=\"167\"                   data-src=\"https:\/\/setian.co\/studio\/wp-content\/uploads\/photo-gallery\/thumb\/xm01.jpg?bwg=1570679795\"                   src=\"https:\/\/setian.co\/studio\/wp-content\/uploads\/photo-gallery\/thumb\/xm01.jpg?bwg=1570679795\"                   alt=\"XM big data by setian\"                   title=\"XM big data by setian\" \/>            <\/div>            <div class=\"\">                                                      <\/div>          <\/div>        <\/div>                        <\/a>              <\/div>            <div class=\"bwg-item\">        <a class=\"bwg-a  bwg_lightbox\"  data-image-id=\"227\" href=\"https:\/\/setian.co\/studio\/wp-content\/uploads\/photo-gallery\/xm03.jpg?bwg=1570679795\" data-elementor-open-lightbox=\"no\">                <div class=\"bwg-item0 \">          <div class=\"bwg-item1 \">            <div class=\"bwg-item2\">              <img decoding=\"async\" class=\"skip-lazy bwg_standart_thumb_img_0 \"                   data-id=\"227\"                   data-width=\"300\"                   data-height=\"167\"                   data-src=\"https:\/\/setian.co\/studio\/wp-content\/uploads\/photo-gallery\/thumb\/xm03.jpg?bwg=1570679795\"                   src=\"https:\/\/setian.co\/studio\/wp-content\/uploads\/photo-gallery\/thumb\/xm03.jpg?bwg=1570679795\"                   alt=\"XM big data by setian\"                   title=\"XM big data by setian\" \/>            <\/div>            <div class=\"\">                                                      <\/div>          <\/div>        <\/div>                        <\/a>              <\/div>          <\/div>    <style>      \/*pagination styles*\/      #bwg_container1_0 #bwg_container2_0 .tablenav-pages_0 {\t\t\t\ttext-align: center;\t\t\t\tfont-size: 12px;\t\t\t\tfont-family: segoe ui;\t\t\t\tfont-weight: bold;\t\t\t\tcolor: #666666;\t\t\t\tmargin: 6px 0 4px;\t\t\t\tdisplay: block;      }      @media only screen and (max-width : 320px) {      #bwg_container1_0 #bwg_container2_0 .displaying-num_0 {     \t display: none;      }      }      #bwg_container1_0 #bwg_container2_0 .displaying-num_0 {\t\t\t\tfont-size: 12px;\t\t\t\tfont-family: segoe ui;\t\t\t\tfont-weight: bold;\t\t\t\tcolor: #666666;\t\t\t\tmargin-right: 10px;\t\t\t\tvertical-align: middle;      }      #bwg_container1_0 #bwg_container2_0 .paging-input_0 {\t\t\t\tfont-size: 12px;\t\t\t\tfont-family: segoe ui;\t\t\t\tfont-weight: bold;\t\t\t\tcolor: #666666;\t\t\t\tvertical-align: middle;      }      #bwg_container1_0 #bwg_container2_0 .tablenav-pages_0 a.disabled,      #bwg_container1_0 #bwg_container2_0 .tablenav-pages_0 a.disabled:hover,      #bwg_container1_0 #bwg_container2_0 .tablenav-pages_0 a.disabled:focus,\t\t\t#bwg_container1_0 #bwg_container2_0 .tablenav-pages_0 input.bwg_current_page {\t\t\t\tcursor: default;\t\t\t\tcolor: rgba(102, 102, 102, 0.5);      }      #bwg_container1_0 #bwg_container2_0 .tablenav-pages_0 a,      #bwg_container1_0 #bwg_container2_0 .tablenav-pages_0 input.bwg_current_page {\t\t\t\tcursor: pointer;\t\t\t\ttext-align: center;\t\t\t\tfont-size: 12px;\t\t\t\tfont-family: segoe ui;\t\t\t\tfont-weight: bold;\t\t\t\tcolor: #666666;\t\t\t\ttext-decoration: none;\t\t\t\tpadding: 3px 6px;\t\t\t\tmargin: 0;\t\t\t\tborder-radius: 0;\t\t\t\tborder-style: solid;\t\t\t\tborder-width: 1px;\t\t\t\tborder-color: #E3E3E3;\t\t\t\t\t\t\t\tbackground-color: rgba(255, 255, 255, 1.00);\t\t\t\tbox-shadow: 0;\t\t\t\ttransition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;      }      <\/style>      <span class=\"bwg_nav_cont_0\">              <div class=\"tablenav-pages_0\">                  <\/div>                <input type=\"hidden\" id=\"page_number_0\" name=\"page_number_0\" value=\"1\" \/>      <script type=\"text\/javascript\">        if( jQuery('.bwg_nav_cont_0').length > 1 ) {          jQuery('.bwg_nav_cont_0').first().remove()        }        function spider_page_0(cur, x, y, load_more) {          if (typeof load_more == \"undefined\") {            var load_more = false;          }          if (jQuery(cur).hasClass('disabled')) {            return false;          }          var items_county_0 = 1;          switch (y) {            case 1:              if (x >= items_county_0) {                document.getElementById('page_number_0').value = items_county_0;              }              else {                document.getElementById('page_number_0').value = x + 1;              }              break;            case 2:              document.getElementById('page_number_0').value = items_county_0;              break;            case -1:              if (x == 1) {                document.getElementById('page_number_0').value = 1;              }              else {                document.getElementById('page_number_0').value = x - 1;              }              break;            case -2:              document.getElementById('page_number_0').value = 1;              break;\t\t\t\t\t\tcase 0:              document.getElementById('page_number_0').value = x;              break;            default:              document.getElementById('page_number_0').value = 1;          }          bwg_ajax('gal_front_form_0', '0', 'bwg_thumbnails_0', '0', '', 'gallery', 0, '', '', load_more, '', 1);        }                    jQuery('.first-page-0').on('click', function () {              spider_page_0(this, 1, -2, 'numeric');              return false;            });            jQuery('.prev-page-0').on('click', function () {              spider_page_0(this, 1, -1, 'numeric');              return false;            });            jQuery('.next-page-0').on('click', function () {              spider_page_0(this, 1, 1, 'numeric');              return false;            });            jQuery('.last-page-0').on('click', function () {              spider_page_0(this, 1, 2, 'numeric');              return false;            });        \t\t\t\t\/* Change page on input enter. *\/        function bwg_change_page_0( e, that ) {          if (  e.key == 'Enter' ) {            var to_page = parseInt(jQuery(that).val());            var pages_count = jQuery(that).parents(\".pagination-links\").data(\"pages-count\");            var current_url_param = jQuery(that).attr('data-url-info');            if (to_page > pages_count) {              to_page = 1;            }\t \t\t\t\t\t\t\t\t\t\t\t\tspider_page_0(this, to_page, 0, 'numeric');\t\t\t\t\t\t\treturn false;\t\t\t\t\t\t          }          return true;        }        jQuery('.bwg_load_btn_0').on('click', function () {            spider_page_0(this, 1, 1, true);            return false;        });      <\/script>      <\/span>                <\/div>        <\/form>        <style>          #bwg_container1_0 #bwg_container2_0 #spider_popup_overlay_0 {          background-color: #000000;          opacity: 0.70;          }          <\/style>        <div id=\"bwg_spider_popup_loading_0\" class=\"bwg_spider_popup_loading\"><\/div>        <div id=\"spider_popup_overlay_0\" class=\"spider_popup_overlay\" onclick=\"spider_destroypopup(1000)\"><\/div>        <input type=\"hidden\" id=\"bwg_random_seed_0\" value=\"60132432\">                <\/div>    <\/div>    <script>      if (document.readyState === 'complete') {        if( typeof bwg_main_ready == 'function' ) {          if ( jQuery(\"#bwg_container1_0\").height() ) {            bwg_main_ready(jQuery(\"#bwg_container1_0\"));          }        }      } else {        document.addEventListener('DOMContentLoaded', function() {          if( typeof bwg_main_ready == 'function' ) {            if ( jQuery(\"#bwg_container1_0\").height() ) {             bwg_main_ready(jQuery(\"#bwg_container1_0\"));            }          }        });      }    <\/script>    <\/h3>\n<h3><i aria-hidden=\"true\" class=\"fa fa-cogs\"  style=\"font-size:50px;line-height:50px\"><\/i>&nbsp;<strong>Setian&#8217;s team:<\/strong><\/h3>\n<p><strong>Sebastian Gonzalez Dixon:<\/strong> Director, UX Designer, Video Producer,&nbsp;Mapping Software Development (Partner)<br \/>\n<strong>Camila Concha:<\/strong> Client management<\/p>\n<div class=\"section group portfolio-item-characteristics\">\n<div class=\"col span_1_of_3\">\n<h4>Roles<\/h4>\n<p><i aria-hidden=\"true\" class=\"fa fa-sitemap\"  style=\"font-size:50px;line-height:50px\"><\/i><br \/>\nTechnical Art Director \/ I+D and UX Designer \/ Developer<\/p>\n<\/div>\n<div class=\"col span_1_of_3\">\n<h4>Techniques<\/h4>\n<p><i aria-hidden=\"true\" class=\"fa fa-code\"  style=\"font-size:50px;line-height:50px\"><\/i><br \/>\nOpenFrameworks \/ Processing \/ Motion Graphics \/ UX + ID<\/p>\n<\/div>\n<div class=\"col span_1_of_3\">\n<h4>Client<\/h4>\n<p><i aria-hidden=\"true\" class=\"fa fa-diamond\"  style=\"font-size:50px;line-height:50px\"><\/i><br \/>\n<a href=\"http:\/\/www.museonacional.gov.co\" target=\"_blank\" rel=\"noopener\">National Museum of Colombia<\/a><\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Omotio&#8217;s Project Projection Mapping &#8211; Touch Interface &#8211; Corporate For the 2018 Energy Market Congress at Cartagena Colombia, Setian was contracted to develop an interactive Data Visualization System for XM &#8211; the energy market regulator of Colombia. The experience was developed to work on a printed wall with vector graphics that represents the production process [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1682,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[39,168,59,108,94],"tags":[136,139],"class_list":["post-1680","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-installation","category-featured","category-processing","category-setian","category-top","tag-museum-installation","tag-touch-screen"],"_links":{"self":[{"href":"https:\/\/setian.co\/studio\/wp-json\/wp\/v2\/posts\/1680","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/setian.co\/studio\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/setian.co\/studio\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/setian.co\/studio\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/setian.co\/studio\/wp-json\/wp\/v2\/comments?post=1680"}],"version-history":[{"count":11,"href":"https:\/\/setian.co\/studio\/wp-json\/wp\/v2\/posts\/1680\/revisions"}],"predecessor-version":[{"id":2793,"href":"https:\/\/setian.co\/studio\/wp-json\/wp\/v2\/posts\/1680\/revisions\/2793"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/setian.co\/studio\/wp-json\/wp\/v2\/media\/1682"}],"wp:attachment":[{"href":"https:\/\/setian.co\/studio\/wp-json\/wp\/v2\/media?parent=1680"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/setian.co\/studio\/wp-json\/wp\/v2\/categories?post=1680"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/setian.co\/studio\/wp-json\/wp\/v2\/tags?post=1680"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}