{"id":569,"date":"2026-07-31T13:49:20","date_gmt":"2026-07-31T16:49:20","guid":{"rendered":"https:\/\/carloslopes.programandosolucoes.com.br\/index.php\/portfolio-omnichannel\/"},"modified":"2026-08-05T17:05:16","modified_gmt":"2026-08-05T20:05:16","slug":"portfolio-omnichannel","status":"publish","type":"page","link":"https:\/\/carloslopes.programandosolucoes.com.br\/it\/index.php\/portfolio-omnichannel\/","title":{"rendered":"Plataforma de Atendimento Omnichannel Multi-tenant"},"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\">02\/2026 &#8211; 07\/2026 \u00b7 5 a 6 meses<\/p>\n<p>Plataforma de atendimento omnichannel multi-tenant, implementada duas vezes: primeiro em Node e TypeScript, depois reescrita inteira em Laravel.<\/p>\n<div class=\"pf-chips\"><span class=\"pf-chip\">PHP 8.2<\/span><span class=\"pf-chip\">Laravel 12<\/span><span class=\"pf-chip\">React 18<\/span><span class=\"pf-chip\">TypeScript<\/span><span class=\"pf-chip\">Drizzle ORM<\/span><span class=\"pf-chip\">PostgreSQL<\/span><span class=\"pf-chip\">LiveKit<\/span><span class=\"pf-chip\">mediasoup<\/span><span class=\"pf-chip\">TensorFlow.js<\/span><span class=\"pf-chip\">Groq<\/span><span class=\"pf-chip\">Llama 3.1<\/span><span class=\"pf-chip\">PHPUnit<\/span><span class=\"pf-chip\">Cypress<\/span><\/div>\n<\/header>\n<section class=\"pf-secao\">\n<h2>O problema<\/h2>\n<p>Atendimento espalhado por WhatsApp, e-mail e v\u00eddeo, cada canal com sua ferramenta e nenhuma vis\u00e3o \u00fanica do cliente. E, do lado t\u00e9cnico, um produto preso a um \u00fanico provedor de WhatsApp \u2014 trocar de fornecedor significaria reescrever o n\u00facleo.<\/p>\n<\/section>\n<section class=\"pf-secao\">\n<h2>A arquitetura<\/h2>\n<p>A primeira implementa\u00e7\u00e3o usa React 18 com TypeScript, Vite, Express e Drizzle ORM sobre PostgreSQL, com LiveKit e mediasoup para v\u00eddeo e segmenta\u00e7\u00e3o de fundo rodando no navegador com TensorFlow.js e MediaPipe. A reescrita em Laravel 12 resolveu o acoplamento de fornecedor com o padr\u00e3o Strategy: cinco drivers de WhatsApp (Evolution, Native, WaVoIP, Waha, Whaticket) atr\u00e1s de uma \u00fanica WhatsAppDriverInterface, o que torna a troca de provedor uma decis\u00e3o de configura\u00e7\u00e3o. An\u00e1lise de sentimento e resumo de qualidade rodam como jobs ass\u00edncronos contra a API da Groq com Llama 3.1, para n\u00e3o travar o atendimento. O produto tem 41 migrations, 23 arquivos de teste e m\u00f3dulos separados de Analytics, Automa\u00e7\u00e3o, Chat, Conex\u00e3o, Mail, Pipeline, Tenant, V\u00eddeo, Webhook e Widget.<\/p>\n<\/section>\n<section class=\"pf-secao\">\n<h2>O resultado<\/h2>\n<p>Duas implementa\u00e7\u00f5es completas do mesmo dom\u00ednio, com paridade de funcionalidades \u2014 \u00e9 o projeto de maior complexidade t\u00e9cnica 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\/omnichannel-01-chat.png\" alt=\"Atendimento unificado: WhatsApp, e-mail e v\u00eddeo na mesma caixa\" loading=\"lazy\"><figcaption>Atendimento unificado: WhatsApp, e-mail e v\u00eddeo na mesma caixa<\/figcaption><\/figure>\n<figure>\n      <img decoding=\"async\" src=\"https:\/\/carloslopes.programandosolucoes.com.br\/wp-content\/uploads\/portfolio\/omnichannel-02-automacao.png\" alt=\"Motor de automa\u00e7\u00e3o e fluxos de bot\" loading=\"lazy\"><figcaption>Motor de automa\u00e7\u00e3o e fluxos de bot<\/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\/conversio.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 02\/2026 &#8211; 07\/2026 \u00b7 5 a 6 meses Plataforma de atendimento omnichannel multi-tenant, implementada duas vezes: primeiro em Node e TypeScript, depois reescrita inteira em Laravel. PHP 8.2Laravel 12React 18TypeScriptDrizzle ORMPostgreSQLLiveKitmediasoupTensorFlow.jsGroqLlama 3.1PHPUnitCypress O problema Atendimento espalhado por WhatsApp, e-mail e v\u00eddeo, cada canal com sua ferramenta e nenhuma vis\u00e3o \u00fanica do [&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-569","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\/569","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=569"}],"version-history":[{"count":1,"href":"https:\/\/carloslopes.programandosolucoes.com.br\/it\/index.php\/wp-json\/wp\/v2\/pages\/569\/revisions"}],"predecessor-version":[{"id":583,"href":"https:\/\/carloslopes.programandosolucoes.com.br\/it\/index.php\/wp-json\/wp\/v2\/pages\/569\/revisions\/583"}],"wp:attachment":[{"href":"https:\/\/carloslopes.programandosolucoes.com.br\/it\/index.php\/wp-json\/wp\/v2\/media?parent=569"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}