index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-C4TVS1004P"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
    gtag('config', 'G-C4TVS1004P');
  </script>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Daniel de Oliveira - Home Page</title>
  <meta name="description" content="The Home Page of Professor Daniel de Oliveira">
  <meta name="keywords" content="IC-UFF, Data Science, Cloud Computing, Bioinformatics">
  <link rel="icon" href="arquivos/uff.png">
  <link rel="stylesheet" href="assets/site.css">
  <style>
    /* ---------- Photo carousel (hero) ---------- */
    .carousel { position: relative; }
    .carousel-track { display: grid; }
    .carousel-track > figure {
      grid-area: 1 / 1;
      margin: 0;
      opacity: 0;
      visibility: hidden;
      transition: opacity .7s ease, visibility .7s;
    }
    .carousel-track > figure.is-active { opacity: 1; visibility: visible; }
    .carousel-track > figure img { width: 100%; height: 100%; object-fit: cover; display: block; }
    .carousel-btn {
      position: absolute; top: 50%; transform: translateY(-50%);
      width: 40px; height: 40px; border: 0; border-radius: 50%;
      background: rgba(0,0,0,.45); color: #fff; cursor: pointer;
      display: grid; place-items: center; z-index: 2;
      opacity: 0; transition: opacity .25s, background .25s;
    }
    .carousel:hover .carousel-btn, .carousel-btn:focus-visible { opacity: 1; }
    .carousel-btn:hover { background: rgba(0,0,0,.7); }
    .carousel-btn.prev { left: 12px; }
    .carousel-btn.next { right: 12px; }
    .carousel-btn svg { width: 20px; height: 20px; }
    .carousel-dots {
      display: flex; justify-content: center; gap: 8px; margin-top: 12px;
    }
    .carousel-dots button {
      width: 10px; height: 10px; padding: 0; border: 0; border-radius: 50%;
      background: currentColor; opacity: .3; cursor: pointer;
      transition: opacity .25s, transform .25s;
    }
    .carousel-dots button[aria-current="true"] { opacity: .9; transform: scale(1.2); }
    @media (hover: none) { .carousel-btn { opacity: 1; } }
    @media (prefers-reduced-motion: reduce) {
      .carousel-track > figure { transition: none; }
    }
  </style>
</head>
<body>
  <header class="site-header">
    <a class="logo-link" href="index.html" aria-label="Daniel de Oliveira — home">
      <img src="arquivos/uff.png" alt="Universidade Federal Fluminense" width="72" height="72">
      <span>Daniel de Oliveira<small>Institute of Computing / UFF</small></span>
    </a>
    <nav aria-label="Main navigation">
        <a href="index.html">Home</a>
        <a href="cv.html">Publications</a>
        <a href="books.html">Books</a>
        <a href="ap.html">Research Areas</a>
        <a href="cur.html">Teaching</a>
        <a href="collab.html">Collaborations</a>
        <a href="li.html">Students</a>
        <a href="awards.html">Awards</a>
        <a href="projects.html">Projects</a>
        <a href="software.html" aria-current="page">Software</a>
        <a href="per.html">News</a>
    </nav>
    <a class="header-group" href="https://uffescience.ic.uff.br" target="_blank" rel="noreferrer">
      <svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="1"/><path d="M20.2 20.2c2.04-2.03.02-7.36-4.5-11.9-4.54-4.52-9.87-6.54-11.9-4.5-2.04 2.03-.02 7.36 4.5 11.9 4.54 4.52 9.87 6.54 11.9 4.5Z"/><path d="M15.7 15.7c4.52-4.54 6.54-9.87 4.5-11.9-2.03-2.04-7.36-.02-11.9 4.5-4.52 4.54-6.54 9.87-4.5 11.9 2.03 2.04 7.36.02 11.9-4.5Z"/></svg><span>UFFeScience</span><svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M7 7h10v10"/><path d="M7 17 17 7"/></svg>
    </a>
  </header>

  <main id="inicio">
    <section class="campus-hero">
      <div class="intro-copy">
        <div class="kicker"><span></span> UNIVERSIDADE FEDERAL FLUMINENSE</div>
        <h1>Daniel de Oliveira<br><span>Associate Professor</span></h1>
        <p>Welcome to my home page! I am an Associate Professor at the <a href="http://www.ic.uff.br">Institute of Computing</a> at Fluminense Federal University (IC/UFF), where I have been teaching and researching since 2013. I received my D.Sc. (2012) and M.Sc. (2008) in Systems and Computer Engineering from COPPE/UFRJ.</p>
        <p>My research interests include Data Science, Cloud Computing, Provenance Data Management, Workflow Management, Data Parallelism, Bioinformatics, and Machine Learning. I have published over 200 papers in indexed journals and top international conferences, and I regularly serve on program committees of venues such as VLDB, EDBT, ICDE, CIKM, IPAW, and SBBD.</p>
        <div class="intro-actions">
          <a class="primary-button" href="cv.html">Publications <svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg></a>
          <a class="quiet-link" href="li.html">Meet the students <svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M7 7h10v10"/><path d="M7 17 17 7"/></svg></a>
        </div>
        <div class="intro-location">Institute of Computing · Niterói, Rio de Janeiro</div>
      </div>
      <aside class="intro-campus">
        <div class="carousel" aria-roledescription="carousel" aria-label="Photos">
          <div class="carousel-track">
                        <figure aria-roledescription="slide" aria-label="2 of 2">
              <img src="assets/Carrossel0.jpeg" alt="Anime-style illustration of Daniel de Oliveira at UFF">
              <figcaption><span>Prof. Daniel @ UFF</span><small>Institute of Computing · UFF</small></figcaption>
            </figure>
            <figure class="is-active" aria-roledescription="slide" aria-label="1 of 2">
              <img src="assets/Carrossel1.jpeg" alt="Institute of Computing at Universidade Federal Fluminense">
              <figcaption><span>Prof. Daniel @ Bordeaux'26</span><small>Campus Praia Vermelha · Niterói, RJ</small></figcaption>
            </figure>
            <figure aria-roledescription="slide" aria-label="2 of 2">
              <img src="assets/Carrossel2.jpeg" alt="Anime-style illustration of Daniel de Oliveira at UFF">
              <figcaption><span>UFFeScience Team @ SBBD'26</span><small>Institute of Computing · UFF</small></figcaption>
            </figure>

          </div>
          <button class="carousel-btn prev" type="button" aria-label="Previous photo"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m15 18-6-6 6-6"/></svg></button>
          <button class="carousel-btn next" type="button" aria-label="Next photo"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m9 18 6-6-6-6"/></svg></button>
          <div class="carousel-dots" role="group" aria-label="Choose photo"></div>
        </div>
      </aside>
    </section>

    <section class="section" id="about">
      <div class="kicker">ABOUT / ROLES / RESEARCH</div>
      <h2>About me</h2>
      <div class="people-lead">
        <img src="arquivos/Daniel.jpeg" alt="Daniel de Oliveira">
        <div>
          <p>At UFF, I co-lead the <a href="https://github.com/UFFeScience">eScience Research Group (UFFeScience)</a>. I am a CNPq Productivity Fellow Level C (since 2016), a Scientist of the State (FAPERJ, since 2024), and was a Young Scientist of the State (FAPERJ, 2016–2023).</p>
          <p>Chair of the <a href="https://www.sbc.org.br/biologia-computacional/">Special Commission on Computational Biology (2020-2022)</a> of the <a href="https://www.sbc.org.br/">Brazilian Computer Society</a>. Member of the <a href="https://www.sbc.org.br/bancos-de-dados/">Special Commissions on Databases (2022-2025, 2026-Current)</a> . Editor-in-Chief of the <a href="https://journals-sol.sbc.org.br/index.php/jidm">Journal of Information and Data Management (2022-2025)</a>.</p>
          <p>If you are a graduate or undergraduate student, searching for academic orientation on some of the topics I am interested in, let's talk!</p>
        </div>
      </div>
    </section>

    <section class="section tinted" id="profiles">
      <div class="section-heading">
        <div>
          <div class="kicker">PROFILES / PUBLICATIONS</div>
          <h2>Find my work</h2>
        </div>
      </div>
      <p class="section-description">Most of my publications are available online on the platforms listed below (DBLP, IEEE, ACM, Google Scholar). If any paper is not accessible, feel free to <a href="mailto:danielcmo@ic.uff.br?subject=Publication Request&amp;body=Hello, I would like to request a copy of your paper.">contact me</a> directly.</p>
      <ul class="profile-links">
        <li><a href="https://dblp.org/pid/68/7553-1.html" target="_blank" rel="noreferrer"><img src="arquivos/dblp.png" alt="">DBLP</a></li>
        <li><a href="https://scholar.google.com/citations?user=T_YePXEAAAAJ&amp;hl=pt-BR&amp;oi=ao" target="_blank" rel="noreferrer"><img src="arquivos/scholar.jpeg" alt="">Google Scholar</a></li>
        <li><a href="http://lattes.cnpq.br/0743793296062293" target="_blank" rel="noreferrer"><img src="arquivos/lattes.jpeg" alt="">Lattes</a></li>
        <li><a href="https://orcid.org/0000-0001-9346-7651" target="_blank" rel="noreferrer"><img src="arquivos/ORCID.png" alt="">ORCID</a></li>
        <li><a href="https://www.linkedin.com/in/daniel-de-oliveira-b258368/" target="_blank" rel="noreferrer"><img src="arquivos/linkedin.jpg" alt="">LinkedIn</a></li>
        <li><a href="https://github.com/danielcmo" target="_blank" rel="noreferrer"><img src="arquivos/github.png" alt="">GitHub</a></li>
        <li><a href="https://ieeexplore.ieee.org/author/37547810400" target="_blank" rel="noreferrer"><img src="arquivos/ieee.webp" alt="">IEEE Xplore</a></li>
        <li><a href="https://dl.acm.org/profile/81350594654" target="_blank" rel="noreferrer"><img src="arquivos/acm.jpg" alt="">ACM DL</a></li>
      </ul>
      <form class="catalog-search" action="https://dblp.org/search" method="get" target="_blank" role="search">
        <input type="text" name="q" placeholder="Search DBLP…" aria-label="Search DBLP">
        <button type="submit"><svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="11" cy="11" r="7"/><path d="m20 20-3.5-3.5"/></svg> Search</button>
      </form>
    </section>

    <section class="section" id="group">
      <div class="kicker">RESEARCH GROUP / COMMUNITY</div>
      <h2>UFFeScience Research Group</h2>
      <div class="banner-card">
        <img src="arquivos/UFFeScience_LinkedIn_Banner.jpeg" alt="UFFeScience Research Group banner">
        <div>
          <p>Follow the <a href="https://www.linkedin.com/company/uffescience-research-group/about/" target="_blank">UFFeScience page on LinkedIn</a> and connect with our dynamic research community!</p>
          <blockquote class="quote">“...without clean data, or clean enough data, your data science is worthless.”<cite>— Michael Stonebraker</cite></blockquote>
          <div class="intro-actions">
            <a class="quiet-link" href="https://uffescience.ic.uff.br" target="_blank" rel="noreferrer">Visit uffescience.ic.uff.br <svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M7 7h10v10"/><path d="M7 17 17 7"/></svg></a>
          </div>
        </div>
      </div>
    </section>
  </main>

  <footer>
    <div class="footer-brand">
      <img src="arquivos/Daniel.jpeg" alt="" width="60" height="60" style="border-radius:50%;object-fit:cover">
      <p>Daniel de Oliveira
        <small>Associate Professor · Institute of Computing · Universidade Federal Fluminense</small>
      </p>
    </div>
    <div class="footer-contact">
      Phone <b>+55 (21) 2629-5637</b> · Fax <b>+55 (21) 2629-5627</b><br>
      <b>danielcmo (at) ic (dot) uff (dot) br</b>
    </div>
    <div class="footer-institutions" aria-label="Institutional affiliations">
      <a href="https://uffescience.ic.uff.br" target="_blank" rel="noreferrer"><img src="assets/uffescience-logo.png" alt="UFFeScience Research Group" width="52" height="52"></a>
      <a href="https://www.ic.uff.br/" target="_blank" rel="noreferrer"><img src="assets/ic-uff-logo.png" alt="Institute of Computing — UFF" width="69" height="52"></a>
      <a href="https://www.uff.br/" target="_blank" rel="noreferrer"><img src="assets/uff-logo.svg" alt="Universidade Federal Fluminense" width="84" height="40" style="height:40px"></a>
    </div>
    <a href="#inicio">Back to top ↑</a>
  </footer>

  <script>
    (function () {
      const root = document.querySelector('.carousel');
      if (!root) return;
      const slides = Array.from(root.querySelectorAll('.carousel-track > figure'));
      const dotsBox = root.querySelector('.carousel-dots');
      const INTERVAL = 6000;
      const reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
      let current = 0, timer = null;

      const dots = slides.map((_, i) => {
        const b = document.createElement('button');
        b.type = 'button';
        b.setAttribute('aria-label', 'Show photo ' + (i + 1));
        b.addEventListener('click', () => { go(i); restart(); });
        dotsBox.appendChild(b);
        return b;
      });

      function go(i) {
        current = (i + slides.length) % slides.length;
        slides.forEach((s, k) => {
          s.classList.toggle('is-active', k === current);
          s.setAttribute('aria-hidden', k === current ? 'false' : 'true');
        });
        dots.forEach((d, k) => d.setAttribute('aria-current', k === current ? 'true' : 'false'));
      }
      function start() { if (!reduceMotion && slides.length > 1) timer = setInterval(() => go(current + 1), INTERVAL); }
      function stop() { clearInterval(timer); timer = null; }
      function restart() { stop(); start(); }

      root.querySelector('.prev').addEventListener('click', () => { go(current - 1); restart(); });
      root.querySelector('.next').addEventListener('click', () => { go(current + 1); restart(); });
      root.addEventListener('mouseenter', stop);
      root.addEventListener('mouseleave', start);
      root.addEventListener('focusin', stop);
      root.addEventListener('focusout', start);

      // swipe on touch screens
      let x0 = null;
      root.addEventListener('touchstart', e => { x0 = e.touches[0].clientX; }, { passive: true });
      root.addEventListener('touchend', e => {
        if (x0 === null) return;
        const dx = e.changedTouches[0].clientX - x0;
        if (Math.abs(dx) > 40) { go(current + (dx < 0 ? 1 : -1)); restart(); }
        x0 = null;
      });

      go(0);
      start();
    })();
  </script>
</body>
</html>