{"id":1836,"date":"2026-02-09T06:42:32","date_gmt":"2026-02-09T06:42:32","guid":{"rendered":"https:\/\/saiweiglass.com\/?page_id=1836"},"modified":"2026-02-10T02:34:17","modified_gmt":"2026-02-10T02:34:17","slug":"touch-display-module-selector","status":"publish","type":"page","link":"https:\/\/saiweiglass.com\/pt\/products\/touch-display-modules\/touch-display-module-selector\/","title":{"rendered":"Selecionador de m\u00f3dulo de exibi\u00e7\u00e3o de toque"},"content":{"rendered":"\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-74bf072\" data-block-id=\"74bf072\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-74bf072-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-fa9cd1f\" data-v=\"4\" data-block-id=\"fa9cd1f\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-fa9cd1f-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-fa9cd1f-inner-blocks\">\n<section id=\"bsy-module-selector\">\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap');\n\n#bsy-module-selector{--ms-bg:#0c1628;--ms-surface:#162040;--ms-border:#2a3868;--ms-primary:#304890;--ms-accent:#00D4FF;--ms-accent-dim:rgba(0,212,255,.10);--ms-accent-glow:rgba(0,212,255,.25);--ms-cta:#FFB020;--ms-cta-glow:rgba(255,176,32,.25);--ms-text:#e0e4ec;--ms-muted:#7a85a0;--ms-white:#fff;--ms-green:#34d399;--ms-red:#f87171;--ms-radius:8px;font-family:'IBM Plex Sans',system-ui,sans-serif !important;background:var(--ms-bg) !important;color:var(--ms-text) !important;padding:40px 20px !important;margin:0 !important;width:100% !important;box-sizing:border-box !important;line-height:1.6 !important}\n#bsy-module-selector *,#bsy-module-selector *::before,#bsy-module-selector *::after{box-sizing:border-box !important;margin:0;padding:0}\n#bsy-module-selector h2,#bsy-module-selector h3,#bsy-module-selector h4{margin:0 !important;padding:0 !important;border:none !important;background:none !important;font-family:'IBM Plex Sans',system-ui,sans-serif !important;letter-spacing:normal !important;text-transform:none !important;-webkit-text-fill-color:unset !important}\n\n#bsy-module-selector h2.ms-title{font-size:32px !important;font-weight:700 !important;color:var(--ms-white) !important;line-height:1.2 !important;margin-bottom:10px !important}\n#bsy-module-selector h3.ms-step-q{font-size:18px !important;font-weight:600 !important;color:var(--ms-white) !important;margin-bottom:16px !important}\n#bsy-module-selector h3.ms-rec-name{font-size:20px !important;font-weight:700 !important;color:var(--ms-white) !important;margin-bottom:4px !important}\n#bsy-module-selector h4.ms-label{font-family:'IBM Plex Mono',monospace !important;font-size:11px !important;letter-spacing:1.5px !important;text-transform:uppercase !important;color:var(--ms-accent) !important;margin-bottom:16px !important}\n#bsy-module-selector h4.ms-rec-tag{font-family:'IBM Plex Mono',monospace !important;font-size:11px !important;color:var(--ms-green) !important;text-transform:uppercase !important;letter-spacing:1px !important;margin-bottom:8px !important}\n\n#bsy-module-selector .ms-wrap{max-width:900px;margin:0 auto}\n#bsy-module-selector .ms-header{text-align:center;margin-bottom:36px}\n#bsy-module-selector .ms-badge{display:inline-block;font-family:'IBM Plex Mono',monospace !important;font-size:11px !important;letter-spacing:2px;text-transform:uppercase;color:var(--ms-accent) !important;background:var(--ms-accent-dim);border:1px solid rgba(0,212,255,.2);padding:5px 14px;border-radius:20px;margin-bottom:16px}\n#bsy-module-selector .ms-subtitle{font-size:15px !important;color:var(--ms-muted) !important;max-width:560px;margin:0 auto}\n\n#bsy-module-selector .ms-panel{background:var(--ms-surface);border:1px solid var(--ms-border);border-radius:var(--ms-radius);padding:32px 28px;position:relative;overflow:hidden;max-width:640px;margin:0 auto}\n#bsy-module-selector .ms-panel::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--ms-accent),transparent);opacity:.3}\n\n#bsy-module-selector .ms-progress{display:flex;justify-content:center;gap:8px;margin-bottom:24px}\n#bsy-module-selector .ms-dot{width:10px;height:10px;border-radius:50%;background:var(--ms-border);transition:all .3s}\n#bsy-module-selector .ms-dot.active{background:var(--ms-accent);box-shadow:0 0 8px var(--ms-accent-glow)}\n#bsy-module-selector .ms-dot.done{background:var(--ms-green)}\n\n#bsy-module-selector .ms-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}\n#bsy-module-selector .ms-opt{background:rgba(255,255,255,.03);border:1.5px solid var(--ms-border);border-radius:6px;padding:14px 16px;cursor:pointer;transition:all .2s;text-align:center}\n#bsy-module-selector .ms-opt:hover{border-color:var(--ms-accent);background:var(--ms-accent-dim)}\n#bsy-module-selector .ms-opt.selected{border-color:var(--ms-accent);background:var(--ms-accent-dim)}\n#bsy-module-selector h4.ms-opt-name{font-size:15px !important;font-weight:600 !important;color:var(--ms-white) !important;margin-bottom:2px !important;font-family:'IBM Plex Sans',system-ui,sans-serif !important}\n#bsy-module-selector .ms-opt-desc{font-size:12px !important;color:var(--ms-muted) !important}\n\n#bsy-module-selector .ms-btn{display:inline-block;height:44px;background:var(--ms-cta) !important;color:var(--ms-bg) !important;border:none;border-radius:6px;font-family:'IBM Plex Sans',system-ui,sans-serif !important;font-size:14px !important;font-weight:600 !important;cursor:pointer;transition:all .2s;padding:0 28px;margin-top:8px}\n#bsy-module-selector .ms-btn:hover{box-shadow:0 4px 20px var(--ms-cta-glow)}\n#bsy-module-selector .ms-btn.back{background:transparent !important;color:var(--ms-muted) !important;border:1px solid var(--ms-border)}\n#bsy-module-selector .ms-btn-row{display:flex;justify-content:space-between;margin-top:16px}\n\n#bsy-module-selector .ms-result{animation:msReveal .5s ease}\n@keyframes msReveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}\n\n#bsy-module-selector .ms-rec-box{background:rgba(52,211,153,.06);border:1px solid rgba(52,211,153,.2);border-radius:6px;padding:20px;margin-bottom:16px}\n#bsy-module-selector .ms-spec-row{display:flex;justify-content:space-between;padding:8px 0;font-size:14px !important;border-bottom:1px solid var(--ms-border)}\n#bsy-module-selector .ms-spec-label{color:var(--ms-muted)}\n#bsy-module-selector .ms-spec-val{font-family:'IBM Plex Mono',monospace !important;color:var(--ms-white);font-weight:500}\n#bsy-module-selector .ms-alt{background:rgba(255,255,255,.03);border:1px solid var(--ms-border);border-radius:6px;padding:16px;margin-top:12px}\n#bsy-module-selector h4.ms-alt-title{font-size:13px !important;color:var(--ms-accent) !important;font-weight:600 !important;margin-bottom:4px !important;font-family:'IBM Plex Sans',system-ui,sans-serif !important}\n\n@media(max-width:600px){\n#bsy-module-selector .ms-options{grid-template-columns:1fr}\n#bsy-module-selector h2.ms-title{font-size:26px !important}\n#bsy-module-selector .ms-panel{padding:24px 18px}\n}\n<\/style>\n\n<div class=\"ms-wrap\">\n  <a id=\"ms-real-trigger\" href=\"#ct-popup-787\" class=\"ct-popup-trigger\" style=\"display:none;\"><\/a>\n\n  <div class=\"ms-header\">\n    <div class=\"ms-badge\">Interactive Selector<\/div>\n    <h2 class=\"ms-title\">Touch Display Module Selector<\/h2>\n    <div class=\"ms-subtitle\">Answer 4 quick questions and we&#8217;ll match you with the right SWLCD module for your project.<\/div>\n  <\/div>\n\n  <div class=\"ms-panel\" id=\"msPanel\">\n    <div class=\"ms-progress\" id=\"msProgress\"><\/div>\n    <div id=\"msContent\"><\/div>\n  <\/div>\n<\/div>\n\n<script>\n(function(){\n  var steps = [\n    {\n      q: 'What screen size do you need?',\n      label: 'Step 1 of 4',\n      options: [\n        {id:'small', name:'2.8\" \u2013 3.5\"', desc:'Handheld, wearable, IoT'},\n        {id:'mid', name:'4.3\" \u2013 5.0\"', desc:'Dashboard, POS, HMI'},\n        {id:'large', name:'7.0\" \u2013 10.1\"', desc:'Medical, kiosk, vehicle'},\n        {id:'xlarge', name:'10.1\" \u2013 15.6\"', desc:'Large panel, signage'}\n      ]\n    },\n    {\n      q: 'What touch technology?',\n      label: 'Step 2 of 4',\n      options: [\n        {id:'cap', name:'Capacitive (PCAP)', desc:'Multi-touch, gestures, clear optics'},\n        {id:'res', name:'Resistive', desc:'Gloves, stylus, wet\/dusty'},\n        {id:'none', name:'No Touch', desc:'Display only'},\n        {id:'unsure', name:'Not sure yet', desc:'We\\'ll recommend based on use case'}\n      ]\n    },\n    {\n      q: 'What\\'s the primary application?',\n      label: 'Step 3 of 4',\n      options: [\n        {id:'industrial', name:'Industrial \/ HMI', desc:'Automation, factory, PLC'},\n        {id:'medical', name:'Medical Device', desc:'Patient monitor, diagnostic'},\n        {id:'consumer', name:'Consumer \/ IoT', desc:'Smart home, wearable, gadget'},\n        {id:'vehicle', name:'Vehicle \/ Outdoor', desc:'Automotive, marine, kiosk'}\n      ]\n    },\n    {\n      q: 'Which interface does your MCU support?',\n      label: 'Step 4 of 4',\n      options: [\n        {id:'spi', name:'SPI', desc:'Low pin count, simple MCUs'},\n        {id:'rgb', name:'RGB Parallel', desc:'High bandwidth, mid-size'},\n        {id:'lvds', name:'LVDS \/ MIPI DSI', desc:'Large displays, high-res'},\n        {id:'any', name:'Flexible', desc:'We can adapt'}\n      ]\n    }\n  ];\n\n  var modules = [\n    {name:'SW-028CT', size:'2.8\"', res:'240\u00d7320', panel:'TFT', touch:'Capacitive', iface:'SPI', bright:'300 cd\/m\u00b2', temp:'-20\u00b0C to +70\u00b0C', fit:function(a){return a[0]==='small'&&a[1]!=='res'}},\n    {name:'SW-035CT', size:'3.5\"', res:'320\u00d7480', panel:'TFT IPS', touch:'Capacitive', iface:'SPI \/ RGB', bright:'400 cd\/m\u00b2', temp:'-20\u00b0C to +70\u00b0C', fit:function(a){return a[0]==='small'&&a[1]==='cap'}},\n    {name:'SW-028RT', size:'2.8\"', res:'240\u00d7320', panel:'TFT', touch:'Resistive', iface:'SPI', bright:'300 cd\/m\u00b2', temp:'-20\u00b0C to +70\u00b0C', fit:function(a){return a[0]==='small'&&a[1]==='res'}},\n    {name:'SW-043CT', size:'4.3\"', res:'480\u00d7272', panel:'TFT', touch:'Capacitive', iface:'RGB \/ SPI', bright:'500 cd\/m\u00b2', temp:'-20\u00b0C to +70\u00b0C', fit:function(a){return a[0]==='mid'&&a[1]!=='res'}},\n    {name:'SW-050IP', size:'5.0\"', res:'800\u00d7480', panel:'TFT IPS', touch:'Capacitive', iface:'RGB \/ MIPI', bright:'500 cd\/m\u00b2', temp:'-30\u00b0C to +80\u00b0C', fit:function(a){return a[0]==='mid'&&a[1]==='cap'}},\n    {name:'SW-043RT', size:'4.3\"', res:'480\u00d7272', panel:'TFT', touch:'Resistive', iface:'RGB', bright:'500 cd\/m\u00b2', temp:'-20\u00b0C to +70\u00b0C', fit:function(a){return a[0]==='mid'&&a[1]==='res'}},\n    {name:'SW-070IP', size:'7.0\"', res:'1024\u00d7600', panel:'IPS', touch:'PCAP', iface:'LVDS \/ RGB', bright:'700 cd\/m\u00b2', temp:'-30\u00b0C to +80\u00b0C', fit:function(a){return a[0]==='large'&&a[1]!=='res'}},\n    {name:'SW-101IP', size:'10.1\"', res:'1280\u00d7800', panel:'IPS', touch:'PCAP', iface:'LVDS \/ MIPI DSI', bright:'800 cd\/m\u00b2', temp:'-30\u00b0C to +85\u00b0C', fit:function(a){return (a[0]==='large'||a[0]==='xlarge')&&a[1]!=='res'}},\n    {name:'SW-070RT', size:'7.0\"', res:'1024\u00d7600', panel:'IPS', touch:'Resistive', iface:'LVDS \/ RGB', bright:'700 cd\/m\u00b2', temp:'-30\u00b0C to +80\u00b0C', fit:function(a){return a[0]==='large'&&a[1]==='res'}},\n    {name:'SW-156IP', size:'15.6\"', res:'1920\u00d71080', panel:'IPS', touch:'PCAP', iface:'eDP \/ LVDS', bright:'1000 cd\/m\u00b2', temp:'-20\u00b0C to +70\u00b0C', fit:function(a){return a[0]==='xlarge'}},\n    {name:'SW-050ND', size:'5.0\"', res:'800\u00d7480', panel:'TFT IPS', touch:'None', iface:'RGB', bright:'500 cd\/m\u00b2', temp:'-20\u00b0C to +70\u00b0C', fit:function(a){return a[0]==='mid'&&a[1]==='none'}}\n  ];\n\n  var answers = [];\n  var currentStep = 0;\n\n  function render(){\n    var progHTML = '';\n    for(var i=0;i<steps.length;i++){\n      var cls = i < currentStep ? 'ms-dot done' : i === currentStep ? 'ms-dot active' : 'ms-dot';\n      progHTML += '<div class=\"'+cls+'\"><\/div>';\n    }\n    document.getElementById('msProgress').innerHTML = progHTML;\n\n    if(currentStep < steps.length){\n      var s = steps[currentStep];\n      var html = '<h4 class=\"ms-label\">'+s.label+'<\/h4>';\n      html += '<h3 class=\"ms-step-q\">'+s.q+'<\/h3>';\n      html += '<div class=\"ms-options\">';\n      for(var j=0;j<s.options.length;j++){\n        var o = s.options[j];\n        var sel = answers[currentStep] === o.id ? ' selected' : '';\n        html += '<div class=\"ms-opt'+sel+'\" data-val=\"'+o.id+'\">';\n        html += '<h4 class=\"ms-opt-name\">'+o.name+'<\/h4>';\n        html += '<div class=\"ms-opt-desc\">'+o.desc+'<\/div><\/div>';\n      }\n      html += '<\/div>';\n      html += '<div class=\"ms-btn-row\">';\n      if(currentStep > 0) html += '<button type=\"button\" class=\"ms-btn back\" id=\"msBack\">\u2190 Back<\/button>';\n      else html += '<span><\/span>';\n      html += '<\/div>';\n      document.getElementById('msContent').innerHTML = html;\n\n      var opts = document.querySelectorAll('#bsy-module-selector .ms-opt');\n      for(var k=0;k<opts.length;k++){\n        opts[k].addEventListener('click', function(){\n          answers[currentStep] = this.getAttribute('data-val');\n          currentStep++;\n          render();\n        });\n      }\n      var backBtn = document.getElementById('msBack');\n      if(backBtn) backBtn.addEventListener('click', function(){ currentStep--; render(); });\n    } else {\n      showResult();\n    }\n  }\n\n  function showResult(){\n    var matched = [];\n    for(var i=0;i<modules.length;i++){\n      if(modules[i].fit(answers)) matched.push(modules[i]);\n    }\n    if(matched.length === 0) matched = [modules[4]];\n\n    var best = matched[0];\n    var html = '<div class=\"ms-result\">';\n    html += '<div class=\"ms-rec-box\">';\n    html += '<h4 class=\"ms-rec-tag\">\u2713 Recommended Module<\/h4>';\n    html += '<h3 class=\"ms-rec-name\">'+best.name+'<\/h3>';\n    html += '<div class=\"ms-spec-row\"><span class=\"ms-spec-label\">Size<\/span><span class=\"ms-spec-val\">'+best.size+'<\/span><\/div>';\n    html += '<div class=\"ms-spec-row\"><span class=\"ms-spec-label\">Resolution<\/span><span class=\"ms-spec-val\">'+best.res+'<\/span><\/div>';\n    html += '<div class=\"ms-spec-row\"><span class=\"ms-spec-label\">Panel<\/span><span class=\"ms-spec-val\">'+best.panel+'<\/span><\/div>';\n    html += '<div class=\"ms-spec-row\"><span class=\"ms-spec-label\">Touch<\/span><span class=\"ms-spec-val\">'+best.touch+'<\/span><\/div>';\n    html += '<div class=\"ms-spec-row\"><span class=\"ms-spec-label\">Interface<\/span><span class=\"ms-spec-val\">'+best.iface+'<\/span><\/div>';\n    html += '<div class=\"ms-spec-row\"><span class=\"ms-spec-label\">Brightness<\/span><span class=\"ms-spec-val\">'+best.bright+'<\/span><\/div>';\n    html += '<div class=\"ms-spec-row\"><span class=\"ms-spec-label\">Temp Range<\/span><span class=\"ms-spec-val\">'+best.temp+'<\/span><\/div>';\n    html += '<\/div>';\n\n    if(matched.length > 1){\n      html += '<div class=\"ms-alt\">';\n      html += '<h4 class=\"ms-alt-title\">Also Consider<\/h4>';\n      for(var j=1;j<Math.min(matched.length,3);j++){\n        html += '<div style=\"font-size:14px;color:var(--ms-text);padding:4px 0\">'+matched[j].name+' \u2014 '+matched[j].size+' '+matched[j].panel+' ('+matched[j].touch+')<\/div>';\n      }\n      html += '<\/div>';\n    }\n\n    \/\/ \u4fee\u590d\u70b92\uff1a\u6309\u94ae\u6a21\u62df\u70b9\u51fb\u9690\u85cf\u94fe\u63a5\n    html += '<button type=\"button\" onclick=\"document.getElementById(\\'ms-real-trigger\\').click();\" style=\"display:inline-block;background:var(--ms-cta);color:var(--ms-bg);font-family:\\'IBM Plex Sans\\',system-ui,sans-serif;font-size:14px;font-weight:600;padding:11px 28px;border:none;border-radius:6px;cursor:pointer;margin-top:16px;transition:all .2s\">Request a Quote for '+best.name+' \u2192<\/button>';\n    \n    html += ' <button type=\"button\" class=\"ms-btn back\" id=\"msRestart\" style=\"margin-top:16px\">Start Over<\/button>';\n    html += '<\/div>';\n    document.getElementById('msContent').innerHTML = html;\n    document.getElementById('msRestart').addEventListener('click', function(){ answers=[]; currentStep=0; render(); });\n  }\n\n  render();\n})();\n<\/script>\n<\/section>\n<\/div><\/div><\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Selecionador interativo Touch Display Module Selector Responda 4 perguntas r\u00e1pidas e combinaremos voc\u00ea com o m\u00f3dulo SWLCD certo para o seu projeto.<\/p>","protected":false},"author":5,"featured_media":0,"parent":1723,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_gspb_post_css":"","footnotes":""},"class_list":["post-1836","page","type-page","status-publish","hentry"],"blocksy_meta":{"has_hero_section":"disabled","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6}},"_links":{"self":[{"href":"https:\/\/saiweiglass.com\/pt\/wp-json\/wp\/v2\/pages\/1836","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/saiweiglass.com\/pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/saiweiglass.com\/pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/saiweiglass.com\/pt\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/saiweiglass.com\/pt\/wp-json\/wp\/v2\/comments?post=1836"}],"version-history":[{"count":0,"href":"https:\/\/saiweiglass.com\/pt\/wp-json\/wp\/v2\/pages\/1836\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/saiweiglass.com\/pt\/wp-json\/wp\/v2\/pages\/1723"}],"wp:attachment":[{"href":"https:\/\/saiweiglass.com\/pt\/wp-json\/wp\/v2\/media?parent=1836"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}