{"id":4120,"date":"2016-06-20T19:07:05","date_gmt":"2016-06-20T19:07:05","guid":{"rendered":"http:\/\/andreasbalaskas.com\/?post_type=portfolio&#038;p=4120"},"modified":"2016-08-13T23:32:36","modified_gmt":"2016-08-13T23:32:36","slug":"b-cube","status":"publish","type":"portfolio","link":"http:\/\/andreasbalaskas.com\/?portfolio=b-cube","title":{"rendered":"B-cube"},"content":{"rendered":"<p>[vc_row][vc_column width=&#8221;1\/1&#8243;][vc_column_text]\n<div id=\"rev_slider_2_1_wrapper\" class=\"rev_slider_wrapper fullscreen-container\" style=\"background-color:transparent;padding:0px;\">\n<!-- START REVOLUTION SLIDER 5.2.1 fullscreen mode -->\n\t<div id=\"rev_slider_2_1\" class=\"rev_slider fullscreenbanner\" style=\"display:none;\" data-version=\"5.2.1\">\n<ul>\t<!-- SLIDE  -->\n\t<li data-index=\"rs-4\" data-transition=\"fade\" data-slotamount=\"default\" data-hideafterloop=\"0\" data-hideslideonmobile=\"off\"  data-easein=\"default\" data-easeout=\"default\" data-masterspeed=\"300\"  data-thumb=\"http:\/\/andreasbalaskas.com\/wp-content\/uploads\/2015\/03\/DSC00898-1-100x50.jpg\"  data-rotate=\"0\"  data-saveperformance=\"off\"  data-title=\"Slide\" data-param1=\"\" data-param2=\"\" data-param3=\"\" data-param4=\"\" data-param5=\"\" data-param6=\"\" data-param7=\"\" data-param8=\"\" data-param9=\"\" data-param10=\"\" data-description=\"\">\n\t\t<!-- MAIN IMAGE -->\n\t\t<img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/andreasbalaskas.com\/wp-content\/plugins\/revslider\/admin\/assets\/images\/dummy.png\"  alt=\"\" title=\"DSC00898\"  width=\"6000\" height=\"4000\" data-lazyload=\"http:\/\/andreasbalaskas.com\/wp-content\/uploads\/2015\/03\/DSC00898-1.jpg\" data-bgposition=\"center top\" data-bgfit=\"cover\" data-bgrepeat=\"no-repeat\" data-bgparallax=\"15\" class=\"rev-slidebg\" data-no-retina>\n\t\t<!-- LAYERS -->\n\n\t\t<!-- LAYER NR. 1 -->\n\t\t<div class=\"tp-caption   tp-resizeme tp-svg-layer\" \n\t\t\t id=\"slide-4-layer-1\" \n\t\t\t data-x=\"['left','left','left','left']\" data-hoffset=\"['580','580','580','580']\" \n\t\t\t data-y=\"['top','top','top','top']\" data-voffset=\"['702','702','702','702']\" \n\t\t\t\t\t\tdata-width=\"93\"\n\t\t\tdata-height=\"93\"\n\t\t\tdata-whitespace=\"normal\"\n\t\t\tdata-transform_idle=\"o:1;\"\n \n\t\t\t data-transform_in=\"opacity:0;s:300;e:Power2.easeInOut;\" \n\t\t\t data-transform_out=\"opacity:0;s:300;e:Power1.easeInOut;s:300;e:Power1.easeInOut;\" \n\t\t\tdata-start=\"500\" \n\t\t\tdata-svg_src=\"http:\/\/andreasbalaskas.com\/wp-content\/plugins\/revslider\/public\/assets\/assets\/svg\/navigation\/ic_expand_more_24px.svg\" \n\t\t\tdata-svg_idle=\"sc:transparent;sw:0;sda:0;sdo:0;\" \n\t\t\tdata-svg_hover=\"sc:transparent;sw:0;sda:0;sdo:0;\" \n\t\t\tdata-responsive_offset=\"on\" \n\n\t\t\t\n\t\t\tstyle=\"z-index: 5; min-width: 93px; max-width: 93px; max-width: 93px; max-width: 93px; color: rgba(0, 0, 0, 1.00);\"> <\/div>\n\t<\/li>\n<\/ul>\n<div class=\"tp-bannertimer tp-bottom\" style=\"visibility: hidden !important;\"><\/div>\t<\/div>\n<script>var htmlDiv = document.getElementById(\"rs-plugin-settings-inline-css\"); var htmlDivCss=\"\";\r\n\t\t\t\tif(htmlDiv) {\r\n\t\t\t\t\thtmlDiv.innerHTML = htmlDiv.innerHTML + htmlDivCss;\r\n\t\t\t\t}else{\r\n\t\t\t\t\tvar htmlDiv = document.createElement(\"div\");\r\n\t\t\t\t\thtmlDiv.innerHTML = \"<style>\" + htmlDivCss + \"<\/style>\";\r\n\t\t\t\t\tdocument.getElementsByTagName(\"head\")[0].appendChild(htmlDiv.childNodes[0]);\r\n\t\t\t\t}\r\n\t\t\t<\/script>\n\t\t<script type=\"text\/javascript\">\r\n\t\t\t\t\t\t\/******************************************\r\n\t\t\t\t-\tPREPARE PLACEHOLDER FOR SLIDER\t-\r\n\t\t\t******************************************\/\r\n\r\n\t\t\tvar setREVStartSize=function(){\r\n\t\t\t\ttry{var e=new Object,i=jQuery(window).width(),t=9999,r=0,n=0,l=0,f=0,s=0,h=0;\r\n\t\t\t\t\te.c = jQuery('#rev_slider_2_1');\r\n\t\t\t\t\te.responsiveLevels = [1240,1240,778,778];\r\n\t\t\t\t\te.gridwidth = [1400,1240,778,480];\r\n\t\t\t\t\te.gridheight = [868,768,960,720];\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\te.sliderLayout = \"fullscreen\";\r\n\t\t\t\t\te.fullScreenAutoWidth='off';\r\n\t\t\t\t\te.fullScreenAlignForce='off';\r\n\t\t\t\t\te.fullScreenOffsetContainer= '';\r\n\t\t\t\t\te.fullScreenOffset='';\r\n\t\t\t\t\tif(e.responsiveLevels&&(jQuery.each(e.responsiveLevels,function(e,f){f>i&&(t=r=f,l=e),i>f&&f>r&&(r=f,n=e)}),t>r&&(l=n)),f=e.gridheight[l]||e.gridheight[0]||e.gridheight,s=e.gridwidth[l]||e.gridwidth[0]||e.gridwidth,h=i\/s,h=h>1?1:h,f=Math.round(h*f),\"fullscreen\"==e.sliderLayout){var u=(e.c.width(),jQuery(window).height());if(void 0!=e.fullScreenOffsetContainer){var c=e.fullScreenOffsetContainer.split(\",\");if (c) jQuery.each(c,function(e,i){u=jQuery(i).length>0?u-jQuery(i).outerHeight(!0):u}),e.fullScreenOffset.split(\"%\").length>1&&void 0!=e.fullScreenOffset&&e.fullScreenOffset.length>0?u-=jQuery(window).height()*parseInt(e.fullScreenOffset,0)\/100:void 0!=e.fullScreenOffset&&e.fullScreenOffset.length>0&&(u-=parseInt(e.fullScreenOffset,0))}f=u}else void 0!=e.minHeight&&f<e.minHeight&&(f=e.minHeight);e.c.closest(\".rev_slider_wrapper\").css({height:f})\r\n\t\t\t\t\t\r\n\t\t\t\t}catch(d){console.log(\"Failure at Presize of Slider:\"+d)}\r\n\t\t\t};\r\n\t\t\t\r\n\t\t\tsetREVStartSize();\r\n\t\t\t\r\n\t\t\t\t\t\tvar tpj=jQuery;\r\n\t\t\t\r\n\t\t\tvar revapi2;\r\n\t\t\ttpj(document).ready(function() {\n\t\t\t\tif(tpj(\"#rev_slider_2_1\").revolution == undefined){\n\t\t\t\t\trevslider_showDoubleJqueryError(\"#rev_slider_2_1\");\n\t\t\t\t}else{\n\t\t\t\t\trevapi2 = tpj(\"#rev_slider_2_1\").show().revolution({\n\t\t\t\t\t\tsliderType:\"hero\",\njsFileLocation:\"\/\/andreasbalaskas.com\/wp-content\/plugins\/revslider\/public\/assets\/js\/\",\n\t\t\t\t\t\tsliderLayout:\"fullscreen\",\n\t\t\t\t\t\tdottedOverlay:\"none\",\n\t\t\t\t\t\tdelay:9000,\n\t\t\t\t\t\tnavigation: {\n\t\t\t\t\t\t},\n\t\t\t\t\t\tresponsiveLevels:[1240,1240,778,778],\n\t\t\t\t\t\tvisibilityLevels:[1240,1240,778,778],\n\t\t\t\t\t\tgridwidth:[1400,1240,778,480],\n\t\t\t\t\t\tgridheight:[868,768,960,720],\n\t\t\t\t\t\tlazyType:\"smart\",\n\t\t\t\t\t\tparallax: {\n\t\t\t\t\t\t\ttype:\"mouse\",\n\t\t\t\t\t\t\torigo:\"slidercenter\",\n\t\t\t\t\t\t\tspeed:2000,\n\t\t\t\t\t\t\tlevels:[2,3,4,5,6,7,12,16,10,50,47,48,49,50,51,55],\n\t\t\t\t\t\t\ttype:\"mouse\",\n\t\t\t\t\t\t},\n\t\t\t\t\t\tshadow:0,\n\t\t\t\t\t\tspinner:\"off\",\n\t\t\t\t\t\tautoHeight:\"off\",\n\t\t\t\t\t\tfullScreenAutoWidth:\"off\",\n\t\t\t\t\t\tfullScreenAlignForce:\"off\",\n\t\t\t\t\t\tfullScreenOffsetContainer: \"\",\n\t\t\t\t\t\tfullScreenOffset: \"\",\n\t\t\t\t\t\tdisableProgressBar:\"on\",\n\t\t\t\t\t\thideThumbsOnMobile:\"on\",\n\t\t\t\t\t\thideSliderAtLimit:0,\n\t\t\t\t\t\thideCaptionAtLimit:0,\n\t\t\t\t\t\thideAllCaptionAtLilmit:0,\n\t\t\t\t\t\tdebugMode:false,\n\t\t\t\t\t\tfallbacks: {\n\t\t\t\t\t\t\tsimplifyAll:\"off\",\n\t\t\t\t\t\t\tdisableFocusListener:false,\n\t\t\t\t\t\t}\n\t\t\t\t\t});\njQuery(window).on('scroll',function() {\n    var wh = jQuery(this).height();\n  \tjQuery('.tp-parallax-container').each(function() {\n        var layer = jQuery(this);\n    \tvar po = Math.abs(layer.data('parallaxoffset'));        \n        po = po - 10;\n        if (po<0) po = 0;\n        po = 1 - (po \/ 90);  \n        \/\/ Set the value -> po \/ 90)  higher to make a slower Fade Out, \n        \/\/and set it lower to make a quicker fade out.       \n        punchgs.TweenLite.to(layer,0.2,{opacity:po});\n  });\n});\n\n\nif( window.location.hostname == \"demo.kaliumtheme.com\" && typeof revapi1 == 'object' ) {\n\trevapi1.bind(\"revolution.slide.onchange\",function (e,data) {\n\t\t\n\t    if(data.slideIndex == 1 || data.slideIndex == 2 || data.slideIndex == 3)\n\t\t{\n\t\t\tsetHeaderLogo('http:\/\/demo.kaliumtheme.com\/main\/wp-content\/uploads\/2015\/03\/logo-transparent@2x1.png', 50, 50);\n\t\t\t\n\t\t\tvar classToAdd = 'menu-skin-light',\n\t\t\t\tclassToRemove = 'menu-skin-dark';\n\t\t\t\n\t\t\tjQuery(\".menu-bar\").removeClass(classToRemove).addClass(classToAdd);\n\t\t\tjQuery(\".standard-menu-container\").removeClass(classToRemove).addClass(classToAdd);\n\t\t}\n\t\telse\n\t\t{\n\t\t\trevertHeaderLogo();\n\t\t\t\n\t\t\tvar classToAdd = 'menu-skin-dark',\n\t\t\t\tclassToRemove = 'menu-skin-light';\n\t\t\t\n\t\t\tjQuery(\".menu-bar\").removeClass(classToRemove).addClass(classToAdd);\n\t\t\tjQuery(\".standard-menu-container\").removeClass(classToRemove).addClass(classToAdd);\n\t\t}\n\t\n\t\t\/\/data.slideIndex is the index of the li container in this Slider\t\n\t\t\/\/data.slide is the current slide jQuery object (the li element)\t\n\t});\n}\n\njQuery(document).ready(function(){\n  jQuery(window).resize();\n});\t\t\t\t}\n\t\t\t});\t\/*ready*\/\n\t\t<\/script>\r\n\t\t<script>\r\n\t\t\t\t\tvar htmlDivCss = unescape(\"%40font-face%20%7B%0A%20%20%20%20font-family%3A%20%27texgyreherosbold%27%3B%0A%20%20%20%20src%3A%20url%28%27http%3A%2F%2Fdemo.kaliumtheme.com%2Fmain%2Fwp-content%2Fwebfonts%2Ftexgyreheros-bold-webfont.eot%27%29%3B%0A%20%20%20%20src%3A%20url%28%27http%3A%2F%2Fdemo.kaliumtheme.com%2Fmain%2Fwp-content%2Fwebfonts%2Ftexgyreheros-bold-webfont.eot%3F%23iefix%27%29%20format%28%27embedded-opentype%27%29%2C%0A%20%20%20%20%20%20%20%20%20url%28%27http%3A%2F%2Fdemo.kaliumtheme.com%2Fmain%2Fwp-content%2Fwebfonts%2Ftexgyreheros-bold-webfont.woff%27%29%20format%28%27woff%27%29%2C%0A%20%20%20%20%20%20%20%20%20url%28%27http%3A%2F%2Fdemo.kaliumtheme.com%2Fmain%2Fwp-content%2Fwebfonts%2Ftexgyreheros-bold-webfont.ttf%27%29%20format%28%27truetype%27%29%2C%0A%20%20%20%20%20%20%20%20%20url%28%27http%3A%2F%2Fdemo.kaliumtheme.com%2Fmain%2Fwp-content%2Fwebfonts%2Ftexgyreheros-bold-webfont.svg%23texgyreherosbold%27%29%20format%28%27svg%27%29%3B%0A%20%20%20%20font-weight%3A%20normal%3B%0A%20%20%20%20font-style%3A%20normal%3B%0A%0A%7D%0A%0A.mouse%20%7B%0A%20%20border%3A%202px%20solid%20%23ffffff%3B%0A%20%20border-radius%3A%2026px%3B%0A%20%20position%3A%20absolute%3B%0A%20%20top%3A%2050%25%3B%0A%20%20left%3A%2050%25%3B%0A%20%20width%3A%2026px%3B%0A%20%20height%3A%2042px%3B%0A%20%20-webkit-backface-visibility%3A%20hidden%3B%0A%20%20-webkit-transform%3A%20translate%28-50%25%2C%20-50%25%29%3B%0A%20%20%20%20%20%20-ms-transform%3A%20translate%28-50%25%2C%20-50%25%29%3B%0A%20%20%20%20%20%20%20%20%20%20transform%3A%20translate%28-50%25%2C%20-50%25%29%3B%0A%20%20cursor%3A%20pointer%3B%0A%7D%0A.mouse%3Aafter%20%7B%0A%20%20background-color%3A%20%23ffffff%3B%0A%20%20border-radius%3A%20100%25%3B%0A%20%20content%3A%20%22%22%3B%0A%20%20position%3A%20absolute%3B%0A%20%20top%3A%205px%3B%0A%20%20left%3A%2050%25%3B%0A%20%20margin-left%3A%20-2px%3B%0A%20%20width%3A%204px%3B%0A%20%20height%3A%204px%3B%0A%20%20opacity%3A%201%3B%0A%20%20-webkit-transform%3A%20translateY%280px%29%20scaleY%281%29%20scaleX%281%29%20translateZ%280px%29%3B%0A%20%20%20%20%20%20%20%20%20%20transform%3A%20translateY%280px%29%20scaleY%281%29%20scaleX%281%29%20translateZ%280px%29%3B%0A%20%20-webkit-animation%3A%20scroll%201.5s%20-1s%20cubic-bezier%280.680%2C%20-0.550%2C%200.265%2C%201.550%29%20infinite%3B%0A%20%20animation%3A%20scroll%201.5s%20-1s%20cubic-bezier%280.680%2C%20-0.550%2C%200.265%2C%201.550%29%20infinite%3B%0A%7D%0Alesshat-selector%20%7B%0A%20%20-lh-property%3A%200%3B%20%7D%20%0A%40-webkit-keyframes%20scroll%7B%200%25%2C%2020%25%20%7B%20-webkit-transform%3A%20translateY%280px%29%20scaleY%281%29%20scaleX%281%29%20translateZ%280px%29%3B%20%7D%2010%25%20%7B%20-webkit-transform%3A%20translateY%280px%29%20scaleY%281.2%29%20scaleX%281.2%29%20translateZ%280px%29%3B%20opacity%3A%201%3B%20%7D%20100%25%20%7B%20-webkit-transform%3A%20translateY%2820px%29%20scaleY%282.5%29%20scaleX%280.5%29%20translateZ%280px%29%3B%20opacity%3A%200.01%3B%20%7D%7D%0A%40keyframes%20scroll%7B%200%25%2C%2020%25%20%7B-webkit-transform%3A%20translateY%280px%29%20scaleY%281%29%20scaleX%281%29%20translateZ%280px%29%3B-ms-transform%3A%20translateY%280px%29%20scaleY%281%29%20scaleX%281%29%20translateZ%280px%29%3Btransform%3A%20translateY%280px%29%20scaleY%281%29%20scaleX%281%29%20translateZ%280px%29%3B%20%7D%2010%25%20%7B-webkit-transform%3A%20translateY%280px%29%20scaleY%281.2%29%20scaleX%281.2%29%20translateZ%280px%29%3B-ms-transform%3A%20translateY%280px%29%20scaleY%281.2%29%20scaleX%281.2%29%20translateZ%280px%29%3Btransform%3A%20translateY%280px%29%20scaleY%281.2%29%20scaleX%281.2%29%20translateZ%280px%29%3B%20opacity%3A%201%3B%20%7D%20100%25%20%7B-webkit-transform%3A%20translateY%2820px%29%20scaleY%282.5%29%20scaleX%280.5%29%20translateZ%280px%29%3B-ms-transform%3A%20translateY%2820px%29%20scaleY%282.5%29%20scaleX%280.5%29%20translateZ%280px%29%3Btransform%3A%20translateY%2820px%29%20scaleY%282.5%29%20scaleX%280.5%29%20translateZ%280px%29%3B%20opacity%3A%200.01%3B%20%7D%3B%0A%7D\");\r\n\t\t\t\t\tvar htmlDiv = document.getElementById('rs-plugin-settings-inline-css');\r\n\t\t\t\t\tif(htmlDiv) {\r\n\t\t\t\t\t\thtmlDiv.innerHTML = htmlDiv.innerHTML + htmlDivCss;\r\n\t\t\t\t\t}\r\n\t\t\t\t\telse{\r\n\t\t\t\t\t\tvar htmlDiv = document.createElement('div');\r\n\t\t\t\t\t\thtmlDiv.innerHTML = '<style>' + htmlDivCss + '<\/style>';\r\n\t\t\t\t\t\tdocument.getElementsByTagName('head')[0].appendChild(htmlDiv.childNodes[0]);\r\n\t\t\t\t\t}\r\n\t\t\t\t  <\/script><\/div><!-- END REVOLUTION SLIDER -->[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;2\/3&#8243; el_class=&#8221;&#8221; css=&#8221;&#8221; offset=&#8221;&#8221; reveal_effect=&#8221;&#8221; reveal_duration=&#8221;&#8221; reveal_delay=&#8221;&#8221;][vc_column_text]<strong><span style=\"font-size: xx-large;\">B-cube<\/span><\/strong><\/p>\n<p><span style=\"font-size: x-large;\">Display complex data 3D dimensionally<\/span><\/p>\n<p><span style=\"font-size: x-large;\">Physical prototyping<\/span>[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/3&#8243;][vc_column_text]<strong>Time:<\/strong> 2 weeks | January 2016<\/p>\n<p><strong>Type:<\/strong> Makeathon challenge | Personal<\/p>\n<p><strong>Skills:<\/strong> Product design | Interaction design | Rapid prototyping | Arduino<\/p>\n<p><strong>Team:<\/strong> Christopher Gi | Ettienne Bourbon | Lukas Flynn | Mindy Lee<\/p>\n<p><strong>Outcome:<\/strong> Physical prototype<\/p>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row full_width=&#8221;&#8221; gap=&#8221;0&#8243; full_height=&#8221;&#8221; columns_placement=&#8221;middle&#8221; equal_height=&#8221;&#8221; content_placement=&#8221;&#8221; video_bg=&#8221;&#8221; video_bg_url=&#8221;https:\/\/www.youtube.com\/watch?v=lMJXxhRFO1k&#8221; video_bg_parallax=&#8221;&#8221; parallax=&#8221;&#8221; parallax_image=&#8221;&#8221; parallax_speed_video=&#8221;1.5&#8243; parallax_speed_bg=&#8221;1.5&#8243; el_id=&#8221;&#8221; el_class=&#8221;&#8221; css=&#8221;&#8221; parallax_enable=&#8221;&#8221; parallax_ratio=&#8221;0.8&#8243; parallax_opacity=&#8221;&#8221; no_bottom_margin=&#8221;&#8221;][vc_column width=&#8221;1\/2&#8243; el_class=&#8221;&#8221; css=&#8221;&#8221; offset=&#8221;&#8221; reveal_effect=&#8221;&#8221; reveal_duration=&#8221;&#8221; reveal_delay=&#8221;&#8221;][vc_column_text]<strong>PROJECT OVERVIEW<\/strong><\/p>\n<p>I was able to participate in a\u00a0Makeathon\u00a0event sponsored by\u00a0Sliperiet\u00a0Ume\u00e5 and Cinnober during the winter of 2016. The purpose of the project was to create a tool that would allow a finance company get an overview of a complex system. We should design a physical representation of this system and consider how this could transform an organization, by making flows which may span across multiple teams or working groups understandable and coherent.[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/2&#8243;][vc_column_text]<strong>SOLUTION<\/strong><\/p>\n<p>B-Cube\u00a0<span lang=\"en-US\">can<\/span>\u00a0easily and efficiently illustrate data trends to an employee. This data can range anywhere from a technician, Cinnober employee, or company CEO. Rather than focus on one form of\u00a0data\u00a0set, we chose to create a way for displaying the data in a way that was easily digestible.[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/1&#8243;][vc_separator color=&#8221;black&#8221;][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/2&#8243;][vc_column_text][\/vc_column_text][vc_column_text]<\/p>\n<p style=\"text-align: center;\" align=\"justify\"><strong>HOW B-CUBE WORKS<\/strong><\/p>\n<p>[\/vc_column_text][vc_column_text][\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/2&#8243;][vc_column_text]<\/p>\n<p style=\"text-align: left;\" align=\"justify\">In order to use the B-Cube the user simply connects it to the laptop, desktop, or server that they are using to process the data and input the data that they would like to take a closer look at. If they do observe a peak or valley the user can remove that bar and focus in on the data specific to that bar. By having a tool like this at employees disposal the company is able to spot costly errors early and predict future trends both of which increase their efficiency.<\/p>\n<p>[\/vc_column_text][\/vc_column][vc_column][vc_separator color=&#8221;black&#8221;][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/3&#8243;][vc_single_image image=&#8221;4019&#8243; img_size=&#8221;large&#8221; add_caption=&#8221;yes&#8221;][vc_column_text]You can select and customize the data you are interested in seeing visualized[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/3&#8243;][vc_single_image image=&#8221;4018&#8243; img_size=&#8221;large&#8221; add_caption=&#8221;yes&#8221;][vc_column_text]<\/p>\n<p id=\"yui_3_17_2_1_1470649305440_544\">Each cube is outfitted with multi-colored LEDs, allowing you to stretch your data out to a fourth dimension.<\/p>\n<p>[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/3&#8243;][vc_single_image image=&#8221;4241&#8243; img_size=&#8221;large&#8221; add_caption=&#8221;yes&#8221;][vc_column_text]You can pick the cube you want and more details about that data point will appear on your desktop.[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/1&#8243;][vc_separator color=&#8221;black&#8221;][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/2&#8243; el_class=&#8221;&#8221; css=&#8221;&#8221; offset=&#8221;&#8221; reveal_effect=&#8221;&#8221; reveal_duration=&#8221;&#8221; reveal_delay=&#8221;&#8221;][vc_column_text][\/vc_column_text][vc_column_text]<\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: center;\"><strong>DESIGN PROCESS<\/strong><\/p>\n<p>[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/2&#8243;][vc_column_text]My team analyzed the ways in which data interacts with employees at various levels in the financial sector.\u00a0We spoke with technicians from Cinnober so as to understand the existing problems of the system.\u00a0What we learned was that often times it is not necessary for the employee to be aware of every last detail. Rather, what was often times the most important takeaway from the data is spotting the peaks valleys in a data set. These areas are important because they often represent anomalous behavior or areas of business opportunity. The design process included brainstorming sessions (sketching, ideas) and a lot of discussions in order to find a solution for the problem. By designing a three-dimensional bar graph we are able to quickly provide this information to the user.[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/1&#8243;][vc_separator color=&#8221;black&#8221;][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/1&#8243;][vc_media_grid element_width=&#8221;3&#8243; gap=&#8221;3&#8243; grid_id=&#8221;vc_gid:1471131341117-72a3f123-d0e6-3&#8243; include=&#8221;4125,4128,4127,4126&#8243;][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/1&#8243;][vc_separator color=&#8221;black&#8221;][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/2&#8243; el_class=&#8221;&#8221; css=&#8221;&#8221; offset=&#8221;&#8221; reveal_effect=&#8221;&#8221; reveal_duration=&#8221;&#8221; reveal_delay=&#8221;&#8221;][vc_column_text][\/vc_column_text][vc_column_text]<\/p>\n<p class=\"wysiwyg-ce \" style=\"text-align: center;\" data-content-id=\"content_9xwwjo9da\" data-paragraph-id=\"content_9xwwjo9da\" data-content-type=\"multi-column\"><strong>PROTOTYPING AND TESTING<\/strong><\/p>\n<p class=\"wysiwyg-ce \" style=\"text-align: center;\" data-content-id=\"content_9xwwjo9da\" data-paragraph-id=\"content_9xwwjo9da\" data-content-type=\"multi-column\">We started with lo-fi prototyping using a laser cut cardboard box. We tested out a mechanism to make things go up and down with glowsticks and we programmed a series of neopixels to adjust in color. We used Arduino Uno, motor shield, step motors, continuous servos and two 3-D printed linear actuators.<\/p>\n<p>[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/2&#8243;][vc_single_image image=&#8221;4037&#8243; img_size=&#8221;full&#8221; alignment=&#8221;center&#8221;][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/1&#8243;][vc_separator color=&#8221;black&#8221;][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/1&#8243;][vc_masonry_media_grid element_width=&#8221;3&#8243; initial_loading_animation=&#8221;default&#8221; grid_id=&#8221;vc_gid:1471131341122-45761b59-fe68-4&#8243; include=&#8221;4021,4022,4320,4131&#8243;][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/1&#8243;][vc_empty_space][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/4&#8243;][vc_separator][vc_column_text]<\/p>\n<h1><\/h1>\n<p><strong>CONCEPT VIDEO<\/strong><\/p>\n<p><strong>B-cube<\/strong><\/p>\n<p>Making data work for you<\/p>\n<p><strong>Take a look!\u00a0<\/strong>[\/vc_column_text][\/vc_column][vc_column width=&#8221;3\/4&#8243;][vc_video link=&#8221;https:\/\/vimeo.com\/156096615&#8243;][\/vc_column][\/vc_row][vc_row full_width=&#8221;lab-full-width&#8221; gap=&#8221;0&#8243; full_height=&#8221;&#8221; columns_placement=&#8221;middle&#8221; equal_height=&#8221;&#8221; content_placement=&#8221;&#8221; video_bg=&#8221;&#8221; video_bg_url=&#8221;https:\/\/www.youtube.com\/watch?v=lMJXxhRFO1k&#8221; video_bg_parallax=&#8221;&#8221; parallax=&#8221;&#8221; parallax_image=&#8221;&#8221; parallax_speed_video=&#8221;1.5&#8243; parallax_speed_bg=&#8221;1.5&#8243; el_id=&#8221;&#8221; el_class=&#8221;&#8221; css=&#8221;&#8221; parallax_enable=&#8221;&#8221; parallax_ratio=&#8221;0.8&#8243; parallax_opacity=&#8221;&#8221; no_bottom_margin=&#8221;&#8221;][vc_column width=&#8221;1\/1&#8243;][vc_column_text]<\/p>\n<p style=\"text-align: center;\"><strong>Time:<\/strong> 2 weeks | January 2016<\/p>\n<p style=\"text-align: center;\"><strong>Type:<\/strong> Makeathon challenge | Personal<\/p>\n<p style=\"text-align: center;\"><strong>Skills:<\/strong> Product design | Interaction design | Rapid prototyping | Arduino<\/p>\n<p style=\"text-align: center;\"><strong>Team:<\/strong> Christopher Gi | Ettienne Bourbon | Lukas Flynn | Mindy Lee<\/p>\n<p style=\"text-align: center;\"><strong>Outcome:<\/strong> Physical prototype<\/p>\n<p style=\"text-align: center;\"><strong>Partners:<\/strong> Cinnober Innovation Labs, Uminova Expression, Sliperiet<\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft wp-image-4136\" src=\"http:\/\/andreasbalaskas.com\/wp-content\/uploads\/2016\/06\/Cinnober_ad88102b64c55715ef25016562cbdfbd-300x64.jpg\" alt=\"Cinnober_ad88102b64c55715ef25016562cbdfbd\" width=\"169\" height=\"36\" srcset=\"http:\/\/andreasbalaskas.com\/wp-content\/uploads\/2016\/06\/Cinnober_ad88102b64c55715ef25016562cbdfbd-300x64.jpg 300w, http:\/\/andreasbalaskas.com\/wp-content\/uploads\/2016\/06\/Cinnober_ad88102b64c55715ef25016562cbdfbd-768x165.jpg 768w, http:\/\/andreasbalaskas.com\/wp-content\/uploads\/2016\/06\/Cinnober_ad88102b64c55715ef25016562cbdfbd-558x120.jpg 558w, http:\/\/andreasbalaskas.com\/wp-content\/uploads\/2016\/06\/Cinnober_ad88102b64c55715ef25016562cbdfbd-655x140.jpg 655w, http:\/\/andreasbalaskas.com\/wp-content\/uploads\/2016\/06\/Cinnober_ad88102b64c55715ef25016562cbdfbd.jpg 798w\" sizes=\"(max-width: 169px) 100vw, 169px\" \/><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-4138 alignright\" src=\"http:\/\/andreasbalaskas.com\/wp-content\/uploads\/2016\/06\/Uminova-eXpression-300x73.png\" alt=\"Uminova eXpression\" width=\"167\" height=\"40\" srcset=\"http:\/\/andreasbalaskas.com\/wp-content\/uploads\/2016\/06\/Uminova-eXpression-300x73.png 300w, http:\/\/andreasbalaskas.com\/wp-content\/uploads\/2016\/06\/Uminova-eXpression-768x186.png 768w, http:\/\/andreasbalaskas.com\/wp-content\/uploads\/2016\/06\/Uminova-eXpression-1024x248.png 1024w, http:\/\/andreasbalaskas.com\/wp-content\/uploads\/2016\/06\/Uminova-eXpression-1116x270.png 1116w, http:\/\/andreasbalaskas.com\/wp-content\/uploads\/2016\/06\/Uminova-eXpression-806x195.png 806w, http:\/\/andreasbalaskas.com\/wp-content\/uploads\/2016\/06\/Uminova-eXpression-558x135.png 558w, http:\/\/andreasbalaskas.com\/wp-content\/uploads\/2016\/06\/Uminova-eXpression-655x158.png 655w, http:\/\/andreasbalaskas.com\/wp-content\/uploads\/2016\/06\/Uminova-eXpression.png 1121w\" sizes=\"(max-width: 167px) 100vw, 167px\" \/><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-4137 alignnone\" src=\"http:\/\/andreasbalaskas.com\/wp-content\/uploads\/2016\/06\/sliperietlogga-300x96.jpg\" alt=\"sliperietlogga\" width=\"169\" height=\"54\" srcset=\"http:\/\/andreasbalaskas.com\/wp-content\/uploads\/2016\/06\/sliperietlogga-300x96.jpg 300w, http:\/\/andreasbalaskas.com\/wp-content\/uploads\/2016\/06\/sliperietlogga-768x245.jpg 768w, http:\/\/andreasbalaskas.com\/wp-content\/uploads\/2016\/06\/sliperietlogga-806x257.jpg 806w, http:\/\/andreasbalaskas.com\/wp-content\/uploads\/2016\/06\/sliperietlogga-558x178.jpg 558w, http:\/\/andreasbalaskas.com\/wp-content\/uploads\/2016\/06\/sliperietlogga-655x209.jpg 655w, http:\/\/andreasbalaskas.com\/wp-content\/uploads\/2016\/06\/sliperietlogga.jpg 985w\" sizes=\"(max-width: 169px) 100vw, 169px\" \/><\/p>\n<p>[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column width=&#8221;1\/1&#8243;][vc_column_text][\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;2\/3&#8243; el_class=&#8221;&#8221; css=&#8221;&#8221; offset=&#8221;&#8221; reveal_effect=&#8221;&#8221; reveal_duration=&#8221;&#8221; reveal_delay=&#8221;&#8221;][vc_column_text]B-cube Display complex data 3D dimensionally Physical prototyping[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/3&#8243;][vc_column_text]Time: 2 weeks | January 2016 Type: Makeathon challenge | Personal Skills: Product design | Interaction design | Rapid prototyping | Arduino Team: Christopher Gi | Ettienne Bourbon | Lukas Flynn | Mindy Lee Outcome: Physical prototype [\/vc_column_text][\/vc_column][\/vc_row][vc_row full_width=&#8221;&#8221;&hellip;<\/p>\n","protected":false},"author":1,"featured_media":4023,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"portfolio_category":[37],"portfolio_tag":[],"acf":[],"_links":{"self":[{"href":"http:\/\/andreasbalaskas.com\/index.php?rest_route=\/wp\/v2\/portfolio\/4120"}],"collection":[{"href":"http:\/\/andreasbalaskas.com\/index.php?rest_route=\/wp\/v2\/portfolio"}],"about":[{"href":"http:\/\/andreasbalaskas.com\/index.php?rest_route=\/wp\/v2\/types\/portfolio"}],"author":[{"embeddable":true,"href":"http:\/\/andreasbalaskas.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/andreasbalaskas.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4120"}],"version-history":[{"count":23,"href":"http:\/\/andreasbalaskas.com\/index.php?rest_route=\/wp\/v2\/portfolio\/4120\/revisions"}],"predecessor-version":[{"id":4490,"href":"http:\/\/andreasbalaskas.com\/index.php?rest_route=\/wp\/v2\/portfolio\/4120\/revisions\/4490"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/andreasbalaskas.com\/index.php?rest_route=\/wp\/v2\/media\/4023"}],"wp:attachment":[{"href":"http:\/\/andreasbalaskas.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4120"}],"wp:term":[{"taxonomy":"portfolio_category","embeddable":true,"href":"http:\/\/andreasbalaskas.com\/index.php?rest_route=%2Fwp%2Fv2%2Fportfolio_category&post=4120"},{"taxonomy":"portfolio_tag","embeddable":true,"href":"http:\/\/andreasbalaskas.com\/index.php?rest_route=%2Fwp%2Fv2%2Fportfolio_tag&post=4120"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}