webpage / html-BACKUP.html
valencar's picture
Deploy webpage
3029b61
Raw History Blame Contribute Delete
16.1 kB
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<title>Vladimir Costa de Alencar — Inteligência Artificial e Ciência de Dados</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Perfil profissional e acadêmico de Vladimir Costa de Alencar">
<!-- FONTS -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Source+Serif+4:wght@400;500;600;700&display=swap" rel="stylesheet">
<!-- CSS -->
<link rel="stylesheet" href="/css/base.css">
</head>
<body>
<!-- SKIP LINK (WCAG 2.4.1) -->
<a href="#conteudo" class="skip-link">Pular para o conteúdo principal</a>
<!-- MENU -->
<header class="menu-global">
<div class="container menu-inner">
<a href="/" class="menu-brand">valencar</a>
<nav aria-label="Navegação principal">
<ul class="menu-links">
<li><a href="#sobre">Sobre</a></li>
<li><a href="#disciplinas">Disciplinas</a></li>
<li><a href="#lana">LANA</a></li>
<li><a href="#livros">Livros</a></li>
<li><a href="#contato">Contato</a></li>
</ul>
</nav>
</div>
</header>
<!-- HERO -->
<section class="hero" role="banner">
<img
src="/images/hero/hero-16.png"
alt=""
class="hero-img"
aria-hidden="true"
>
<div class="container hero-inner">
<div class="hero-content">
<h1>
Ideias que moldam decisões<br>
e constroem o futuro.
</h1>
<p>
Inteligência Artificial, dados<br>
e pensamento estratégico no mundo real.
</p>
</div>
</div>
</section>
<!-- ASSINATURA (decorativa) -->
<section class="assinatura">
<div class="container">
<span class="assinatura-nome">Vladimir</span>
<span class="assinatura-sobrenome">Alencar</span>
</div>
</section>
<!-- CONTEÚDO PRINCIPAL -->
<main id="conteudo">
<!-- SOBRE -->
<section id="sobre" class="section section-textual">
<div class="container">
<h2 class="section-title">Sobre</h2>
<p class="lead">
Atuo na interseção entre ciência de dados, inteligência artificial e problemas concretos do mundo real.
</p>
<p>
Meu trabalho conecta modelagem, interpretação e decisão, com foco em pesquisa aplicada,
formação acadêmica e construção de sistemas orientados a impacto.
</p>
<p>
Interesso-me por café, gatos, ecologia, história, antropologia, cosmologia, geopolítica,
música e artes — campos que ampliam minha visão de mundo e influenciam minha forma de pensar sistemas complexos.
</p>
</div>
</section>
<!-- DISCIPLINAS -->
<section id="disciplinas" class="section section-alt">
<div class="container">
<h2 class="section-title">Disciplinas</h2>
<div class="disciplinas-grid">
<article class="disciplina-card">
<a href="/disciplinas/ciencia-de-dados.html">
<h3>Ciência de Dados Aplicada e Aprendizado Profundo</h3>
</a>
<p>
Análise de dados, redes neurais, deep learning, PLN e visão computacional.
</p>
</article>
<article class="disciplina-card">
<a href="/disciplinas/banco-de-dados.html">
<h3>Banco de Dados</h3>
</a>
<p>
Banco de Dados Relacionais e NoSQL, SQL, Modelagem, Análise de dados, Dashboards.
</p>
</article>
<article class="disciplina-card disciplina-card-disabled" aria-disabled="true">
<h3>Inteligência Artificial</h3>
<p>
Fundamentos e aplicações modernas da IA.
</p>
</article>
</div>
</div>
</section>
<!-- LANA -->
<section id="lana" class="section">
<div class="container">
<h2 class="section-title">LANA</h2>
<p class="lead">
O <strong>Laboratório de Análise de Dados e Inteligência Artificial (LANA)</strong>
é um espaço dedicado à pesquisa aplicada, ao desenvolvimento de sistemas e à formação
interdisciplinar em ciência de dados e inteligência artificial.
</p>
<p>
No LANA, ideias teóricas são transformadas em soluções concretas, conectando dados,
modelagem, interpretação e decisão em contextos reais.
</p>
<p>
<a href="/lana">Ver projetos e pesquisas do LANA</a>
</p>
</div>
</section>
<!-- LIVROS -->
<section id="livros" class="section section-alt">
<div class="container">
<h2 class="section-title">Livros</h2>
<div class="livros-grade">
<a href="https://loja.editoracrv.com.br/produtos/inteligencia-artificialhistorico-conceitos-e-aplicacoes/"
target="_blank" rel="noopener" aria-label="Abrir livro em nova aba">
<div class="livro-frame">
<img class="livro-capa"
src="/images/livros/1.InteligenciaArtificial.webp"
alt="Inteligência Artificial: histórico, conceitos e aplicações">
</div>
</a>
<a href="https://loja.editoracrv.com.br/produtos/deteccao-de-doencas-de-pele-utilizando-redes-neurais-convolucionais-cnn/"
target="_blank" rel="noopener" aria-label="Abrir livro em nova aba">
<div class="livro-frame">
<img class="livro-capa"
src="/images/livros/2.DoencasDePele-CNN.webp"
alt="Detecção de doenças de pele utilizando CNN">
</div>
</a>
<a href="https://editoraappris.com.br/produto/uso-de-tecnicas-de-data-science-na-previsao-de-febre-amarela-utilizando-o-twitter/"
target="_blank" rel="noopener" aria-label="Abrir livro em nova aba">
<div class="livro-frame">
<img class="livro-capa"
src="/images/livros/3.FebreAmarela-e-midias-sociais.webp"
alt="Data Science na previsão de febre amarela">
</div>
</a>
<a href="https://loja.editoracrv.com.br/produtos/analise-epidemiologica-da-tuberculose-no-estado-da-paraiba-utilizando-big-data-analytics/"
target="_blank" rel="noopener" aria-label="Abrir livro em nova aba">
<div class="livro-frame">
<img class="livro-capa"
src="/images/livros/4.Tuberculose.webp"
alt="Análise epidemiológica da tuberculose">
</div>
</a>
<a href="https://loja.editoracrv.com.br/produtos/um-sistema-de-apoio-a-decisao-para-deteccao-de-problemas-urbanos-para-a-cidade-de-campina-grande/"
target="_blank" rel="noopener" aria-label="Abrir livro em nova aba">
<div class="livro-frame">
<img class="livro-capa"
src="/images/livros/5.cggeo.webp"
alt="Sistema de apoio à decisão urbana">
</div>
</a>
<a href="https://www.amazon.com/Previs%C3%A3o-Epidemias-atrav%C3%A9s-M%C3%ADdias-Sociais/dp/3330999012"
target="_blank" rel="noopener" aria-label="Abrir livro em nova aba">
<div class="livro-frame">
<img class="livro-capa"
src="/images/livros/6.PrevisaoDeEpidemias.webp"
alt="Previsão de epidemias através de mídias sociais">
</div>
</a>
<a href="https://www.pacolivros.com.br/sigtrans-um-sistema-de-informacoes-geograficas-para-o-planejamento-viario"
target="_blank" rel="noopener" aria-label="Abrir livro em nova aba">
<div class="livro-frame">
<img class="livro-capa"
src="/images/livros/7.sigtrans.webp"
alt="SIGTRANS – planejamento viário">
</div>
</a>
<a href="https://www.amazon.com.br/An%C3%A1lises-multiobjetivo-baseada-programa%C3%A7%C3%A3o-linear/dp/613015612X/"
target="_blank" rel="noopener" aria-label="Abrir livro em nova aba">
<div class="livro-frame">
<img class="livro-capa"
src="/images/livros/8.AnalisesMultiobjetivo.webp"
alt="Análises multiobjetivo baseada em programação linear">
</div>
</a>
</div>
</div>
</section>
<!-- CONTATO -->
<section id="contato" class="section">
<div class="container">
<h2 class="section-title">Contato</h2>
<p class="contato-nome">Vladimir Costa de Alencar</p>
<address class="contato-instituicao">
Laboratório de Análise de Dados e Inteligência Artificial — LANA<br>
Universidade Estadual da Paraíba — UEPB<br>
Rua Baraúnas, 351, Bairro Universitário<br>
Campina Grande — PB — Brasil<br>
CEP: 58429-500<br>
Telefone: +55 (83) 3315-3300
</address>
<div class="logos-institucionais">
<a href="https://www.valencar.com"
target="_blank"
rel="noopener"
aria-label="Laboratório de Análise de Dados e Inteligência Artificial – LANA (abre em nova aba)">
<img src="images/logo/logo-lana.png"
alt="Laboratório de Análise de Dados e Inteligência Artificial – LANA">
</a>
<a href="https://www.uepb.edu.br"
target="_blank"
rel="noopener"
aria-label="Universidade Estadual da Paraíba – UEPB (abre em nova aba)">
<img src="images/logo/logo-uepb.png"
alt="Universidade Estadual da Paraíba – UEPB">
</a>
</div>
<p>
<a href="mailto:valencar@servidor.uepb.edu.br" class="contact-email">
valencar@servidor.uepb.edu.br
</a>
</p>
</div>
</section>
</main>
<!-- FOOTER -->
<footer class="footer">
<div class="footer-inner">
<div class="social-icons" aria-label="Redes sociais e perfis acadêmicos">
<!-- LinkedIn -->
<a href="https://www.linkedin.com/in/vladimiralencar"
aria-label="LinkedIn"
target="_blank"
rel="noopener"
class="social-link">
<svg class="icon" viewBox="0 0 24 24" aria-hidden="true">
<path fill="currentColor"
d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761
2.239 5 5 5h14c2.761 0 5-2.239
5-5v-14c0-2.761-2.239-5-5-5zm-11.5
20h-3v-11h3v11zm-1.5-12.268c-.966
0-1.75-.79-1.75-1.764 0-.974.784
-1.764 1.75-1.764s1.75.79
1.75 1.764c0 .974-.784
1.764-1.75 1.764zm13
12.268h-3v-5.604c0-1.337-.027
-3.058-1.865-3.058-1.865
0-2.151 1.454-2.151
2.958v5.704h-3v-11h2.881
v1.507h.041c.401-.761
1.379-1.563 2.838
-1.563 3.036 0
3.6 2.0 3.6
4.599v6.457z"/>
</svg>
</a>
<!-- GitHub -->
<a href="https://github.com/vladimiralencar"
aria-label="GitHub"
target="_blank"
rel="noopener"
class="social-link">
<svg class="icon" viewBox="0 0 24 24" aria-hidden="true">
<path fill="currentColor"
d="M12 .297c-6.63 0-12 5.373-12 12
0 5.303 3.438 9.8 8.205
11.385.6.113.82-.258.82-.577
0-.285-.01-1.04-.015-2.04
-3.338.724-4.042-1.61-4.042
-1.61-.546-1.387-1.333-1.757
-1.333-1.757-1.089-.745.084
-.729.084-.729 1.205.084
1.839 1.237 1.839 1.237
1.07 1.835 2.809 1.305
3.495.998.108-.776.418
-1.305.76-1.605-2.665
-.305-5.466-1.332-5.466
-5.93 0-1.31.469-2.38
1.236-3.22-.124-.303-.536
-1.523.117-3.176 0 0
1.008-.322 3.301 1.23
.957-.266 1.983-.399
3.003-.404 1.02.005
2.047.138 3.006.404
2.291-1.552 3.297-1.23
3.297-1.23.655 1.653
.243 2.873.12 3.176
.77.84 1.235 1.91
1.235 3.22 0 4.61
-2.807 5.624-5.479
5.921.43.371.823 1.102
.823 2.222 0 1.606
-.015 2.896-.015 3.286
0 .315.216.694.825.576
C20.565 22.092 24 17.592
24 12.297c0-6.627-5.373
-12-12-12z"/>
</svg>
</a>
<!-- X -->
<a href="https://x.com/valencar"
aria-label="X"
target="_blank"
rel="noopener"
class="social-link">
<svg class="icon" viewBox="0 0 24 24" aria-hidden="true">
<path fill="currentColor"
d="M18.244 2H21.552
L14.346 10.235
L22.847 22H16.112
L10.846 14.758
L4.998 22H1.687
L9.316 12.593
L1.154 2H8.055
L12.814 8.61
L18.244 2z"/>
</svg>
</a>
<!-- Instagram -->
<a href="https://www.instagram.com/valencar"
aria-label="Instagram"
target="_blank"
rel="noopener"
class="social-link">
<svg class="icon" viewBox="0 0 24 24" aria-hidden="true">
<path fill="currentColor"
d="M7 2C4.243 2 2 4.243 2 7v10
c0 2.757 2.243 5 5 5h10
c2.757 0 5-2.243 5-5V7
c0-2.757-2.243-5-5-5H7zm10
2c1.654 0 3 1.346 3 3v10
c0 1.654-1.346 3-3 3H7
c-1.654 0-3-1.346-3-3V7
c0-1.654 1.346-3 3-3h10zm-5
3.5a4.5 4.5 0 1 0 0 9
4.5 4.5 0 0 0 0-9zm0
7.5a3 3 0 1 1 0-6
3 3 0 0 1 0 6zM17.5
6a1 1 0 1 0 0 2
1 1 0 0 0 0-2z"/>
</svg>
</a>
<!-- PERFIS ACADÊMICOS (LOGOS OFICIAIS) -->
<a href="https://huggingface.co/valencar"
target="_blank"
rel="noopener"
class="academic-link" aria-label="Hugging Face">
<img src="images/icons/hf.svg" alt="Hugging Face">
</a>
<a href="https://orcid.org/0009-0006-9411-6734"
aria-label="ORCID iD"
target="_blank"
rel="noopener"
class="academic-link">
<svg
class="icon icon-orcid"
viewBox="0 0 256 256"
xmlns="http://www.w3.org/2000/svg"
aria-hidden="true">
<!-- círculo verde -->
<circle cx="128" cy="128" r="128" fill="#A6CE39"/>
<!-- letra i -->
<rect x="78" y="78" width="20" height="100" rx="4" fill="#ffffff"/>
<circle cx="88" cy="60" r="10" fill="#ffffff"/>
<!-- letra D -->
<path
fill="#ffffff"
d="M128 78h38c28 0 50 22 50 50v0c0 28-22 50-50 50h-38V78zm20
20v60h18c17 0 30-13 30-30s-13-30-30-30h-18z"/>
</svg>
</a>
</div>
<p>© <span id="year"></span> Vladimir Costa de Alencar</p>
</div>
<script>
document.getElementById("year").textContent = new Date().getFullYear();
</script>
</footer>
</body>
</html>