{"id":568,"date":"2026-07-31T13:49:17","date_gmt":"2026-07-31T16:49:17","guid":{"rendered":"https:\/\/carloslopes.programandosolucoes.com.br\/index.php\/portfolio-discador\/"},"modified":"2026-08-05T17:05:14","modified_gmt":"2026-08-05T20:05:14","slug":"portfolio-discador","status":"publish","type":"page","link":"https:\/\/carloslopes.programandosolucoes.com.br\/it\/index.php\/portfolio-discador\/","title":{"rendered":"Plataforma de Discador VoIP para Call Center"},"content":{"rendered":"<style>\n.pf-wrap{max-width:1100px;margin:0 auto;font-size:16px;line-height:1.65}\n.pf-chamada{font-size:1.15rem;opacity:.85;margin:0 0 2rem}\n.pf-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}\n.pf-card{border:1px solid rgba(128,128,128,.3);border-radius:10px;overflow:hidden;display:flex;flex-direction:column;transition:transform .15s ease,box-shadow .15s ease}\n.pf-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.12)}\n.pf-card img{width:100%;height:180px;object-fit:cover;display:block;background:rgba(128,128,128,.12)}\n.pf-card-corpo{padding:1rem 1.1rem 1.2rem;display:flex;flex-direction:column;gap:.6rem;flex:1}\n.pf-card h3{margin:0;font-size:1.05rem;line-height:1.35}\n.pf-card p{margin:0;font-size:.92rem;opacity:.85;flex:1}\n.pf-chips{display:flex;flex-wrap:wrap;gap:.35rem}\n.pf-chip{font-size:.75rem;padding:.18rem .55rem;border-radius:999px;border:1px solid rgba(128,128,128,.35);opacity:.9}\n.pf-meta{font-size:.8rem;opacity:.7}\n.pf-cadeado{font-size:.8rem;opacity:.75}\n.pf-hero{margin:0 0 1.5rem}\n.pf-hero h1{margin:0 0 .4rem;line-height:1.2}\n.pf-secao{margin:2rem 0}\n.pf-secao h2{font-size:1.15rem;margin:0 0 .6rem;text-transform:uppercase;letter-spacing:.06em;opacity:.75}\n.pf-galeria{display:grid;gap:1.2rem;margin:2rem 0}\n.pf-galeria figure{margin:0}\n.pf-galeria img{width:100%;border:1px solid rgba(128,128,128,.3);border-radius:8px;display:block}\n.pf-galeria figcaption{font-size:.85rem;opacity:.75;margin-top:.4rem}\n.pf-repo{border:1px solid rgba(128,128,128,.35);border-left-width:4px;border-radius:8px;padding:1rem 1.2rem;margin:2rem 0}\n.pf-repo h2{margin:0 0 .5rem;font-size:1rem;text-transform:uppercase;letter-spacing:.06em}\n.pf-repo pre{background:rgba(128,128,128,.12);padding:.7rem .9rem;border-radius:6px;overflow-x:auto;margin:.6rem 0;font-size:.85rem}\n.pf-contato{margin:2rem 0;padding-top:1.2rem;border-top:1px solid rgba(128,128,128,.3);font-size:.95rem}\n.pf-voltar{display:inline-block;margin-bottom:1rem;font-size:.9rem}\n@media (max-width:600px){.pf-card img{height:150px}}\n<\/style>\n<div class=\"pf-wrap\">\n  <a class=\"pf-voltar\" href=\"\/index.php\/portfolio-frontend\/\">\u2190 voltar ao portf\u00f3lio<\/a><\/p>\n<header class=\"pf-hero\">\n<p class=\"pf-meta\">01\/2025 &#8211; 07\/2026 \u00b7 12 a 18 meses<\/p>\n<p>Plataforma completa de discagem para call center: painel de opera\u00e7\u00e3o, motor de discagem horizontal e uma linguagem pr\u00f3pria de fluxo de IVR.<\/p>\n<div class=\"pf-chips\"><span class=\"pf-chip\">Python<\/span><span class=\"pf-chip\">Flask 3.1<\/span><span class=\"pf-chip\">PostgreSQL 17<\/span><span class=\"pf-chip\">Asterisk PJSIP<\/span><span class=\"pf-chip\">ARI<\/span><span class=\"pf-chip\">ODBC realtime<\/span><span class=\"pf-chip\">React 18<\/span><span class=\"pf-chip\">TailwindCSS<\/span><span class=\"pf-chip\">Docker Compose<\/span><span class=\"pf-chip\">LXC<\/span><span class=\"pf-chip\">Proxmox VE<\/span><span class=\"pf-chip\">pytest<\/span><\/div>\n<\/header>\n<section class=\"pf-secao\">\n<h2>O problema<\/h2>\n<p>Opera\u00e7\u00f5es de call center precisam discar em escala controlada, respeitar regras por campanha e montar fluxos de URA sem depender de um programador para cada altera\u00e7\u00e3o. As solu\u00e7\u00f5es de mercado ou eram caixas-pretas caras ou exigiam editar dialplan do Asterisk \u00e0 m\u00e3o a cada mudan\u00e7a.<\/p>\n<\/section>\n<section class=\"pf-secao\">\n<h2>A arquitetura<\/h2>\n<p>O painel \u00e9 Flask 3.1 sobre PostgreSQL 17, com cerca de 45 rotas REST e cliente pr\u00f3prio da API do Proxmox VE (autentica\u00e7\u00e3o por ticket PVEAuthCookie mais CSRFPreventionToken) para provisionar containers direto da interface. O motor de discagem usa concurrent.futures e threading para discagem horizontal, recebendo os eventos do Asterisk por webhook em vez de polling. O banco tem 13 tabelas e 12 \u00edndices, com postgresql.conf e pg_hba.conf tunados \u00e0 m\u00e3o. O Asterisk conversa com o PostgreSQL por ODBC realtime (res_odbc, func_odbc, cdr_adaptive_odbc, cel_odbc) sobre unixODBC, com SQL escrito direto no dialplan. O IVR n\u00e3o \u00e9 um menu fixo: s\u00e3o 16 contextos que interpretam um fluxo descrito em JSON, e um editor em React 18 converte bidirecionalmente entre o grafo visual e os passos que o motor executa.<\/p>\n<\/section>\n<section class=\"pf-secao\">\n<h2>O resultado<\/h2>\n<p>Evolu\u00e7\u00e3o real de prot\u00f3tipo em CSV at\u00e9 arquitetura MVC com discagem horizontal multin\u00edvel e motor de IVR completo, com 15 arquivos de teste pytest s\u00f3 do motor de IVR. \u00c9 o maior projeto do portf\u00f3lio.<\/p>\n<\/section>\n<div class=\"pf-galeria\">\n<figure>\n      <img decoding=\"async\" src=\"https:\/\/carloslopes.programandosolucoes.com.br\/wp-content\/uploads\/portfolio\/discador-01-painel.png\" alt=\"Painel de opera\u00e7\u00e3o: campanhas, mailing e estado do discador\" loading=\"lazy\"><figcaption>Painel de opera\u00e7\u00e3o: campanhas, mailing e estado do discador<\/figcaption><\/figure>\n<figure>\n      <img decoding=\"async\" src=\"https:\/\/carloslopes.programandosolucoes.com.br\/wp-content\/uploads\/portfolio\/discador-02-ivr.png\" alt=\"Fluxos de IVR cadastrados, cada um ligado a um DID\" loading=\"lazy\"><figcaption>Fluxos de IVR cadastrados, cada um ligado a um DID<\/figcaption><\/figure>\n<figure>\n      <img decoding=\"async\" src=\"https:\/\/carloslopes.programandosolucoes.com.br\/wp-content\/uploads\/portfolio\/discador-03-designer.png\" alt=\"Editor visual de fluxo em React: os n\u00f3s viram os passos que o motor executa\" loading=\"lazy\"><figcaption>Editor visual de fluxo em React: os n\u00f3s viram os passos que o motor executa<\/figcaption><\/figure>\n<\/p><\/div>\n<div class=\"pf-repo\">\n<h2>\ud83d\udd12 C\u00f3digo-fonte<\/h2>\n<pre><code>git clone https:\/\/git.programandosolucoes.com.br\/git\/repos\/painel-discador.git<\/code><\/pre>\n<p>C\u00f3digo-fonte privado. As credenciais de leitura s\u00e3o liberadas sob solicita\u00e7\u00e3o \u2014 me chame para conversar sobre o projeto.<\/p>\n<\/p><\/div>\n<div class=\"pf-contato\">\n    <strong>Carlos Alberto<\/strong> \u2014 carlosalberto4ti@gmail.com \u00b7 +55 11 2615-2880\n  <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u2190 voltar ao portf\u00f3lio 01\/2025 &#8211; 07\/2026 \u00b7 12 a 18 meses Plataforma completa de discagem para call center: painel de opera\u00e7\u00e3o, motor de discagem horizontal e uma linguagem pr\u00f3pria de fluxo de IVR. PythonFlask 3.1PostgreSQL 17Asterisk PJSIPARIODBC realtimeReact 18TailwindCSSDocker ComposeLXCProxmox VEpytest O problema Opera\u00e7\u00f5es de call center precisam discar em escala controlada, respeitar regras [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-568","page","type-page","status-publish","hentry"],"translation":{"provider":"WPGlobus","version":"3.0.2","language":"it","enabled_languages":["en","br","it"],"languages":{"en":{"title":true,"content":true,"excerpt":false},"br":{"title":false,"content":false,"excerpt":false},"it":{"title":false,"content":false,"excerpt":false}}},"_links":{"self":[{"href":"https:\/\/carloslopes.programandosolucoes.com.br\/it\/index.php\/wp-json\/wp\/v2\/pages\/568","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/carloslopes.programandosolucoes.com.br\/it\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/carloslopes.programandosolucoes.com.br\/it\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/carloslopes.programandosolucoes.com.br\/it\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/carloslopes.programandosolucoes.com.br\/it\/index.php\/wp-json\/wp\/v2\/comments?post=568"}],"version-history":[{"count":1,"href":"https:\/\/carloslopes.programandosolucoes.com.br\/it\/index.php\/wp-json\/wp\/v2\/pages\/568\/revisions"}],"predecessor-version":[{"id":582,"href":"https:\/\/carloslopes.programandosolucoes.com.br\/it\/index.php\/wp-json\/wp\/v2\/pages\/568\/revisions\/582"}],"wp:attachment":[{"href":"https:\/\/carloslopes.programandosolucoes.com.br\/it\/index.php\/wp-json\/wp\/v2\/media?parent=568"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}