Histórico da Página

<style>
    /* Início estilo banner */
  
    .compositiondani-banner {
      position: relative;
      min-height: 220px;
      border-radius: 5px;
      margin-bottom: 5px;
      overflow: hidden;
    }
  
    .compositiondani-banner-image {
      background-image: url("https://totvscrm.com/wp-content/uploads/2024/04/capa-com-fundo-e-sem-icone-TDN-AZUL2.png");
      background-size: cover;
      min-height: inherit;
      width: 100%;
    }
  
    .compositiondani-banner-overlay {
      min-height: inherit;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border-radius: 5px;
      pointer-events: none;
    }
  
    .compositiondani-banner-logo-container {
      display: flex;
      justify-content: center;
      align-items: center;
      position: absolute;
      top: 50%;
      left: 50%;
      bottom: 0;
      transform: translate(-50%, -50%);
    }
  
    .compositiondani-banner-logo {
      width: 350px;
      height: 180px;
      background-image: url("https://totvscrm.com/wp-content/uploads/2023/09/logo-com-descricao-totvsgc.png");
      background-size: contain;
      background-repeat: no-repeat;
    }
  
    .compositiondani-banner-title {
      margin-bottom: 10px !important;
      padding: 10px !important;
      background: rgba(0, 0, 0, 0.5) !important;
      display: flex !important;
      justify-content: center !important;
      align-items: center !important;
      font-size: 12px !important;
      line-height: 1.3 !important;
      max-height: 133px !important;
      font-family: "Roboto", sans-serif !important;
      -webkit-line-clamp: 3 !important;
      -webkit-box-orient: vertical !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
      color: #ffffff !important;
      position: relative !important;
      margin-top: 130px !important;
      border-radius: 10px !important;
    }
  
    .compositiondani-banner-content {
      position: absolute;
      padding: 30px;
      max-width: 60%;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 1;
      color: white;
      text-align: center;
    }
  
    .custom-header h1 {
      font-size: 16px;
      background-color: rgba(0, 0, 0, 0.6);
      padding: 10px;
      border-radius: 5px;
      margin: 0;
    }
  
    .negrito-materialize {
      font-weight: bold;
    }
  
    .custom-margin-justified {
      margin: 0 20px;
      text-align: justify;
    }
      /* Final estilo banner */

      #content.page.view {
    padding-right: 0 !important;
}   /* impedir vermelho no nav */

#breadcrumb-section > nav {
    background-color: initial !important;
    box-shadow: none !important;
}

@media only screen and (min-width: 601px) {
    nav, 
    nav .nav-wrapper i, 
    nav a.sidenav-trigger, 
    nav a.sidenav-trigger i {
        height: auto !important;
        line-height: normal !important;
    }
}
/* final vermelho no nav */
   </style>
  
  <header>
    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400&display=swap" rel="stylesheet"/>
  
    <div class="compositiondani-banner">
      <div class="compositiondani-banner-image"></div>
      <div class="compositiondani-banner-overlay"></div>
      <div class="compositiondani-banner-logo-container">
        <div class="compositiondani-banner-logo"></div>
      </div>
      <div class="compositiondani-banner-content">
        <h1 class="compositiondani-banner-title"> 
          ATUALIZAÇÃO DOS INDICADORES PADRÃO BX NO ANALYTICS STUDIO
  </h1>
  </header>
    </div>
  </div>

  <link
  rel="stylesheet"
  href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css"
/>
<link
  href="https://fonts.googleapis.com/icon?family=Material+Icons"
  rel="stylesheet"
/>
<link
  rel="stylesheet"
  href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"
/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<!-- Inclua o estilo do tema Monokai -->
<link
  rel="stylesheet"
  href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/styles/monokai.min.css"/>
  
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">

<!-- FontAwesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta2/css/all.min.css" />

  <style>
  /* ==============================
    =       CONFIGURAÇÕES GERAIS      =
    =============================== */

* {
  font-family: "Roboto", sans-serif;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
}

a {
 
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}

a:hover {
 
}

li {  font-size: 14px !important;
}

h3 {  font-size: 14px !important;
  font-weight: bold;  

}

h1 {  font-size: 13px !important;
  

}

h2 {  font-size: 15px !important;
  font-weight: bold;  

}

td, th {
    padding: 6px;
}

* p {
    margin-bottom: 0 !important;
}

/* ==============================
      =        ESTILOS DE TÍTULOS       =
      =============================== */

#title-text {
  display: none !important;
}

#content > div.page-metadata > div {
    float: none !important;
    line-height: normal !important;
    width: auto !important;
    display: none !important; /* ou outra propriedade de display que você deseja usar */
    margin: 0 !important; /* ou outra propriedade de margin que você deseja usar */
}

#section2 > ol > li:nth-child(2) > p {
    margin-bottom: 0;
}



.wiki-content h1,
.wiki-content h2 {
  font-family: "Roboto", sans-serif !important;
  font-size: 13px!important;
 
}

.wiki-content h1 {
  font-size: 13px !important;
}

.wiki-content h2 {
  font-size: 14px !important;
  color: #42526e !important;
  border-bottom: 2px solid #dfe1e5;
   padding-bottom: 5px;
  font-weight: bold;  
}

.custom-heading,
h3.custom-h3 {
  font-size: 16px;
  color: #42526e;
  margin-bottom: 20px;
}

.custom-h1 {
  color: #feac0e;
}

.explanation h2 {
  font-weight: bold;
}

/* ==============================
      =        ESTILOS DE TEXTO         =
      =============================== */

.wiki-content p {
  font-size: 14px !important;
}

.justificado,
.custom-justified {
  text-align: justify;
  margin: 10px 0;
}

/* ==============================
      =       ESTILOS DE LINKS         =
      =============================== */

.wiki-content a,
.wiki-content a:link,
.wiki-content a:visited,
.wiki-content a:focus,
.wiki-content a:active {
  text-decoration: none;
  color: #42526e;
  font-size: 14px;


}

.wiki-content a:hover {
  color: white;
}

/* ==============================
      =       ESTILOS DE CONTAINER     =
      =============================== */



.custom-content {
  background-color: #f5f5f5;
  padding: 20px;
  border-radius: 8px;
  margin: 0 10px;
  max-width: 100%;
  overflow: hidden;
}

.faq-container {
  max-width: 800px;
  margin: 0 auto;
  padding: 20px;
}

/* ==============================
      =       ESTILOS DE CARDS         =
      =============================== */

.card {
  border: 2px solid #9aa1ad;
  padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  background-color: #f4f5f7;
  color: #42526e;
  overflow-x: hidden;
   top: 0;

  
}



/* ==============================
      =       ESTILOS DE TABS          =
      =============================== */

.tabs {
  background-color: #dfe1e5;
}

.tabs .tab a {
  color: rgb(66, 82, 110);
}

.tabs .tab a:hover,
.tabs .tab a.active,
.tabs .tab a:focus.active {
  color: #0897E9;
  background-color: transparent;
}

.tabs .tab a:focus {
  background-color: rgba(8, 151, 233, 0.25);
}

.tabs .tab.disabled a,
.tabs .tab.disabled a:hover {
  color: rgba(16, 148, 184, 0.24);
}

.tabs .indicator {
  background-color: #0897E9;
}

.tab-content {
   gap: 0;
  padding: 10px;
}

.tab-content pre {
  max-width: 100%;
  overflow-x: hidden;
}

/* ==============================
      =        ESTILOS DE ÍCONES        =
      =============================== */

.icon-list,
.icon {
  padding-left: 0;
  list-style-type: none;
}

.icon {
  display: inline-block;
  width: 24px;
  vertical-align: middle;
  margin-right: 45px;
  position: relative;
  left: -25px;
}

.item .label i {
  margin-right: 10px;
}

.label b {
color: #42526e;
}

td th {
color: #42526e;
}

/* ==============================
      =    ESTILOS DE COMPONENTES      =
      =============================== */

.collapsible,
.collapsible-header,
.collapsible-body {
  box-shadow: none !important;
}

.faq-question {
  font-weight: bold;
  margin-bottom: 5px;
}

.faq-answer {
  margin-bottom: 20px;
}





.item {
  display: flex;
  align-items: center;
  padding: 10px;
  border-bottom: 1px solid #eee;
}

.item:last-child {
  border-bottom: none;
}

.item .label {
  flex: 1;
  font-weight: bold;
}

.item .value {
  flex: 1;
  text-align: right;
}
.item {
  border-bottom: 1px solid #e0e0e0;
  padding: 10px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.item:last-child {
  border-bottom: none;
}

/* Estilos para o label */
.label {
  font-weight: bold;
  display: flex;
  align-items: center;
}

.item .label i {
  margin-right: 10px; /* Adiciona espaço depois dos ícones */
}

/* ==============================
      =     ESTILOS DE IMAGENS         =
      =============================== */

.imagem-responsiva {
  max-width: 100%;
  height: auto;
}

.custom-header-bg img {
  width: 100%;
  height: auto;
  display: block;
}

/* ==============================
      =     ESTILOS DE VÍDEO           =
      =============================== */

#youtube-video-container iframe {
  width: 100%;
  height: auto;
  display: block;
}

.video-container {
    max-width: 800px;
    margin: 0 auto;
  }

.ytp-cued-thumbnail-overlay-image {
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
  position: absolute;
}

/* ==============================
      =    OUTROS ESTILOS PERSONALIZADOS =
      =============================== */
.custom-content {
  background-color: #f5f5f5;
  padding: 20px;
  border-radius: 8px;
  margin: 0 10px;
  max-width: 100%;
  overflow: hidden;
}

.custom-heading {
  font-size: 16px;
  color: #42526e;
  margin: 10px 0;
  border-bottom: 2px solid #e0e0e0;
  padding-bottom: 5px;
  font-weight: bold;  
}

#indice {
  border-radius: 5px;
  padding: 20px;
  max-width: 100%;
  overflow: hidden;
}

#indice h2 {
  text-align: center;
  margin-bottom: 16px;
}

#indice ul {
  list-style-type: none;
  padding-left: 0;
}

#indice li {
  padding: 10px;
  border-bottom: 1px solid #eee;
  cursor: pointer;
  transition: background-color 0.1s ease;
}

#indice li:last-child {
  border-bottom: none;
}

#indice li:hover {
  background-color: #0897E9;
  color: white;
}

/* ==============================
  =      ESTILOS DE TABELAS        =
  ============================== */
.custom-grey {
  background-color: #ffffff;
}

.custom-grey th,
.custom-grey td {
  border: 1px solid #086ea8;
  padding: 10px;
  color:#064569
}

.custom-grey tr:nth-child(even) td {
  background-color: #d2e6f1;
}

.custom-grey tr:nth-child(odd) td {
  background-color: #f4f5f7;
}

.custom-grey th {
  color: #fff;
  background-color: #0897E9;
}



.custom-grey td {
  font-size: 13px;
}

.custom-grey tr:nth-child(odd) {
  background-color: #e4e4e6;
}

.custom-grey tr:nth-child(even) {
  background-color: #dfdfdf;
}

.custom-alert-warning {
  background-color: #fdf1dc; /* ou qualquer outra cor que preferir */
  color: #5c4225; /* cor do texto */
  border: 1px solid #d6800f; /* adicionando borda da mesma cor que o ícone */
  padding: 10px; /* adicione padding conforme necessário */
 
}

.custom-alert-warning .fas {
  color: #5c4225; /* cor do ícone no alerta de aviso */
  margin-right: 10px; /* espaço extra entre o ícone e o texto */
}

.custom-alert-danger {
  background-color: #ffe7ec; /* ou qualquer outra cor que preferir */
  color: #9e1d3b; /* cor do texto */
  border: 1px solid #eb7893; /* adicionando borda da mesma cor que o ícone */
  padding: 10px; /* adicione padding conforme necessário */
  
}

.custom-alert-danger .fas {
  color: #f34b72; /* cor do ícone no alerta de perigo */
  margin-right: 10px; /* espaço extra entre o ícone e o texto */
}


.alert-secondary-custom {
    background-color: #d9eefa; /* Cor de fundo do alerta */
    color: #094f77; /* Cor do texto */
    border: 1px solid #094f77; /* adicionando borda da mesma cor que o ícone */
  padding: 10px; /* adicione padding conforme necessário */
}

.alert-secondary-custom .fas {
    color: #0897E9; /* Cor dos ícones FontAwesome */
    margin-right: 10px; /* Espaço extra entre o ícone e o texto */
}

.custom-content ul li {
    list-style-type: disc !important; /* Forçando 'bolinhas' */
    padding-left: 30px; /* Espaçamento para alinhar com o texto se necessário */
    margin-bottom: 10px; /* Espaço entre itens da lista se necessário */
}

/* ========== FIM DO ESTILO ========= */

  </style>
  

   





  <!-- Tabs e conteúdo das guias -->
  <div class="card">
    <ul class="tabs">
      <li class="tab col s4"><a href="#tab1">DETALHES FUNCIONAIS</a></li>
      <li class="tab col s4"><a href="#tab3">FAQ</a></li>
    </ul>
     <!-- Tab Content -->
 
      <div id="tab1" class="col s12">
        <div class="tab-content">
          <div style="background-color: #f4f5f7; padding: 10px; margin-left: 50px; margin-right: 50px;">
            <section id="section1" style="margin-top: 40px;">
               <!-- Tab 70 conteúdo -->
  <!-- Segundo Card -->

    <!-- Primeiro Card -->
      <!-- Primeiro Card -->
  <div class="card">
    <div class="item">
      <span class="label">
        <table border="1">
          <tr>
              <td><i class="fas fa-tags"></i> <b>Produto:</b></td>
              <td>Gestão de Clientes</td>
          </tr>
          <tr>
              <td><i class="fas fa-link"></i> <b>Linha de Produto:</b></td>
              <td>TOTVS CRM</td>
          </tr>
          <tr>
              <td><i class="fas fa-chart-pie"></i> <b>Segmento:</b></td>
              <td>Cross Segmentos</td>
          </tr>
          <tr>
              <td><i class="fas fa-desktop"></i> <b>Módulo:</b></td>
              <td>Analytics-Studio</td>
          </tr>
          <tr>
              <td><i class="fas fa-globe"></i> <b>Aplicação:</b></td>
              <td>Web</td>
          </tr>
          <tr>
              <td><i class="fas fa-hashtag"></i> <b>Identificador:</b></td>
              <td>
                
                ME280520240828 </td>
          </tr>
      </table>
      </span>
    </div>
    </div>
 

      <br>

      <h2 class="custom-heading">
        <i class="fa-solid fa-eye"></i>&nbsp &nbsp VISÃO GERAL
      </h2>
      <p class="justificado">
        A Atualização dos Indicadores Padrão (BX) do módulo Analytics Studio foi realizada para aprimorar significativamente a usabilidade e a clareza dos indicadores, melhorando o processo de análise de dados para todos os usuários. Com estas mudanças, os indicadores serão mais intuitivos e fáceis de entender, permitindo uma análise mais eficiente e assertiva.















        
        
        
      </p>
<br>

    <h2 class="custom-heading">
      <i class="fa-solid fa-rocket"></i>&nbsp &nbsp OBJETIVO
    </h2>
    <p class="justificado">
      A finalidade desta atualização é proporcionar uma maior clareza e usabilidade nos indicadores, facilitando a análise de dados para todos os usuários. As mudanças introduzidas permitirão uma interpretação mais intuitiva e precisa dos dados, otimizando a tomada de decisões com base em informações mais claras e comparativas.









        



    </p>
    <br>

  <!-- ... (seu conteúdo existente) ... -->

               <h2 class="custom-heading">
                <i class="fa-solid fa-book"></i> &nbsp ANTES DE COMEÇAR
            </h2>
            <h3>Requisitos</h3>
            <ol>
                <li> Nenhum requisito adicional é necessário para os usuários, pois as atualizações serão aplicadas automaticamente no sistema.
                   </li>
                                 
            </ol>              
                      
                
          </section>

          <section id="section2" style="margin-top: 40px;">
            <h2 class="custom-heading"><i class="fa-solid fa-star"></i>&nbsp DETALHES FUNCIONAIS</h2>
                
              <br>
         <ol>
             <li> <h3><strong> Dashboard - Área de Trabalho:</strong></h3>
                            <p>As principais mudanças incluem a adição de métricas comparativas para indicadores relacionados a atividades e a inclusão de métricas secundárias de valor para indicadores relacionados a oportunidades. Essas atualizações visam proporcionar uma visão mais detalhada e comparativa do desempenho das atividades e oportunidades dentro da área de trabalho.</p> <br>
                          </p> <p>ATUALIZAÇÕES:</p>
                <table class="custom-grey">
                  <thead>
                    <tr>
                      <th>Nome do Indicador</th>
                      <th>Descrição</th>
                      <th>Fórmula/Metodologia</th>
                      <th>O que mudou</th>
                    </tr>
                  </thead>
                  <tbody>
                    <tr>
                      <td>Atividades Atrasadas</td>
                      <td>Número total de atividades abertas que estão atrasadas</td>
                      <td>(Atividades atrasadas/total de atividades abertas)</td>
                      <td>Adicionado métrica comparativa</td>
                    </tr>
                    <tr>
                      <td>Atividades que vencem hoje</td>
                      <td>Número total de atividades abertas que tem data para conclusão no dia de hoje</td>
                      <td>(Atividades que vencem hoje/total de atividades abertas)</td>
                      <td>Adicionado métrica comparativa</td>
                    </tr>
                    <tr>
                      <td>Próximas atividades</td>
                      <td>Número total de atividades abertas que tem data para conclusão futura</td>
                      <td>(Próximas atividades/total de atividades abertas)</td>
                      <td>Adicionado métrica comparativa</td>
                    </tr>
                    <tr>
                      <td>Oportunidades com previsão vencida</td>
                      <td>Número total de oportunidades abertas que tem data de previsão de fechamento vencidas</td>
                      <td>-</td>
                      <td>Adicionado métrica secundária de valor das oportunidades</td>
                    </tr>
                    <tr>
                      <td>Oportunidades com previsão para hoje</td>
                      <td>Número total de oportunidades abertas que tem data de previsão de fechamento para hoje</td>
                      <td>-</td>
                      <td>Adicionado métrica secundária de valor das oportunidades</td>
                    </tr>
                    <tr>
                      <td>Oportunidades futuras</td>
                      <td>Número total de oportunidades abertas que tem data de previsão de fechamento para data futura</td>
                      <td>-</td>
                      <td>Adicionado métrica secundária de valor das oportunidades</td>
                    </tr>
                  </tbody>
                </table></li>
  <!-- ... (tabela) ... -->
  <br>
         
  <li><h3><strong> Dashboard - Atividades de Relacionamento:</strong></h3>
<p>
  Foi alterado o nome do dashboard de "Atividades de Relacionamento" para "Atividades".
</p> 
<br><p>ATUALIZAÇÕES:</p>

<table class="custom-grey">
  <thead>
    <tr>
      <th>Alteração</th>
      <th>Descrição</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Alterado o nome do dashboard</td>
      <td>Atividades</td>
    </tr>
  </tbody>
</table></li>
<br>
  <!-- ... (tabela 2) ... -->

  <li><h3><strong> Dashboard - Cliente Visão 360:</strong></h3>
  <p>
    As principais mudanças incluem a adição de métricas comparativas e o reposicionamento de várias métricas como secundárias com a inclusão de novas métricas principais associadas. Além disso, alguns indicadores foram removidos devido à disponibilidade das informações em outras abas do sistema. Essas alterações visam proporcionar uma visão mais detalhada e organizada dos indicadores no Dashboard - Cliente Visão 360.
  </p> <br>
  <p>ATUALIZAÇÕES:</p>
  <table class="custom-grey">
    <thead>
      <tr>
        <th>Nome do Indicador</th>
        <th>Descrição</th>
        <th>Fórmula/Metodologia</th>
        <th>O que mudou</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td><strong>Atividades Atrasadas</strong></td>
        <td>Número total de atividades abertas que estão atrasadas</td>
        <td>(Atividades atrasadas/total de atividades abertas)</td>
        <td>Adicionado métrica comparativa</td>
      </tr>
      <tr>
        <td><strong>Tempo médio de ativ. concl. com sucesso</strong></td>
        <td>-</td>
        <td>-</td>
        <td>Posicionado como métrica secundária e acrescentado métrica principal de Atividades concluídas com sucesso</td>
      </tr>
      <tr>
        <td><strong>Próxima atividade</strong></td>
        <td>-</td>
        <td>-</td>
        <td>Posicionado como métrica secundária e acrescentado métrica principal de Atividades abertas no prazo</td>
      </tr>
      <tr>
        <td><strong>Oportunidades ganhas</strong></td>
        <td>-</td>
        <td>-</td>
        <td>Posicionado como métrica secundária ao indicador valor das oportunidades ganhas</td>
      </tr>
      <tr>
        <td><strong>Oportunidades perdidas</strong></td>
        <td>-</td>
        <td>-</td>
        <td>Posicionado como métrica secundária ao indicador valor das oportunidades perdidas</td>
      </tr>
      <tr>
        <td><strong>Oportunidades abertas</strong></td>
        <td>-</td>
        <td>-</td>
        <td>Posicionado como métrica secundária ao indicador valor das oportunidades abertas</td>
      </tr>
      <tr>
        <td><strong>Notas fiscais (NFs) emitidas</strong></td>
        <td>-</td>
        <td>-</td>
        <td>Posicionado como métrica secundária ao indicador Total faturado (NFs)</td>
      </tr>
      <tr>
        <td><strong>Ticket Médio (NFs)</strong></td>
        <td>-</td>
        <td>-</td>
        <td>Posicionado como métrica secundária ao indicador Total faturado (NFs)</td>
      </tr>
    </tbody>
  </table>
  <!-- ... (tabela 3) ... -->
  <br>
  <p>REMOÇÕES:</p>
  <table class="custom-grey">
    <thead>
      <tr>
        <th>Nome do Indicador</th>
        <th>Motivo da Remoção</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td><strong>Contatos de pessoas</strong></td>
        <td>As informações estão disponíveis na aba de informações do cliente</td>
      </tr>
      <tr>
        <td><strong>Endereços</strong></td>
        <td>As informações estão disponíveis na aba de informações do cliente</td>
      </tr>
      <tr>
        <td><strong>Ativos</strong></td>
        <td>As informações estão disponíveis na aba de ativos</td>
      </tr>
      <tr>
        <td><strong>Clientes vinculados (conta pai)</strong></td>
        <td>As informações estão disponíveis na aba de Hierarquia</td>
      </tr>
    </tbody>
  </table>
  </li>
    <!-- ... (tabela 4) ... -->
    <br>
   <li> <h3><strong> Dashboard - Contas Visão 360:</strong></h3>
  <p>
    O Dashboard "Contas Visão 360" foi removido, com todas as suas informações redistribuídas e integradas a outros dashboards existentes. Essa mudança foi implementada para consolidar dados e otimizar a visualização das informações, garantindo que todas as informações relevantes estejam acessíveis de forma mais eficiente em outros dashboards.
  </p> <br> 
  <p>ATUALIZAÇÕES:</p>

  <table class="custom-grey">
        <thead>
        <tr>
          <th>Ação</th>
          <th>Detalhes</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td><strong>Dashboard removido</strong></td>
          <td>Todas as informações anteriormente presentes neste dashboard agora constam nos outros dashboards.</td>
        </tr>
      </tbody>
    </table>
  </li>
    <!-- ... (tabela 4) ... -->
    <br> 

    <li><h3><strong> Dashboard - Equipe:</strong></h3>
    <p>
      No Dashboard - Equipe de TOTVS CRM, foram feitas atualizações para simplificar e aprimorar a análise de dados, incluindo a reestruturação de indicadores existentes para proporcionar insights mais precisos e a remoção de indicadores subutilizados para evitar redundâncias. Além disso, novos indicadores foram introduzidos para oferecer uma visão mais completa do desempenho das atividades e das oportunidades dentro da equipe. Essas mudanças visam melhorar a eficiência operacional e a capacidade de tomada de decisão.
    </p> <br> 
    <p>ATUALIZAÇÕES:</p>
  
    <table class="custom-grey">
      <thead>
        <tr>
          <th>Nome do Indicador</th>
          <th>Descrição</th>
          <th>O que mudou</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td><strong>Contas por tipo</strong></td>
          <td>Número de contas distribuídas entre Clientes, Leads, suspects e prospects</td>
          <td>Alteração do formato de gráfico (Pizza > Treemap)</td>
        </tr>
        <tr>
          <td><strong>Média de atividades concluídas c/ sucesso</strong></td>
          <td>-</td>
          <td>Acrescentado como métrica secundária no indicador de Atividades concluídas com sucesso</td>
        </tr>
        <tr>
          <td><strong>% Atividades concluídas c/ sucesso</strong></td>
          <td>-</td>
          <td>Acrescentado como métrica secundária no indicador de Atividades concluídas com sucesso</td>
        </tr>
        <tr>
          <td><strong>Ranking de profissionais por cobertura de leads com atividades concluídas com sucesso</strong></td>
          <td>-</td>
          <td>Agrupado contas do tipo Lead, Suspect, Prospect, Cliente. A análise poderá ser realizada através do filtro de Tipo de conta</td>
        </tr>
        <tr>
          <td><strong>Ranking de profissionais por cobertura de clientes com atividades concluídas com sucesso</strong></td>
          <td>-</td>
          <td>Agrupado contas do tipo Lead, Suspect, Prospect, Cliente. A análise poderá ser realizada através do filtro de Tipo de conta</td>
        </tr>
        <tr>
          <td><strong>Média de ganho da equipe</strong></td>
          <td>-</td>
          <td>Acrescentado como métrica secundária no indicador Total de ganho no período</td>
        </tr>
        <tr>
          <td><strong>Taxa de ganho</strong></td>
          <td>-</td>
          <td>Acrescentado como métrica secundária no indicador Total de ganho no período (nota: listado duas vezes com a mesma descrição)</td>
        </tr>
        <tr>
          <td><strong>Taxa de perda</strong></td>
          <td>-</td>
          <td>Acrescentado como métrica secundária no indicador Total de perdido no período</td>
        </tr>
      </tbody>
    </table>

    <br>
    <!-- ... (tabela 4) ... -->
    <p>REMOÇÕES:</p>
    <table class="custom-grey">
      <thead>
        <tr>
          <th>Nome do Indicador</th>
          <th>Motivo da Remoção</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td><strong>Distribuição de profissionais por empresa</strong></td>
          <td>Indicador com baixa utilização, foi acrescentado o filtro empresa para poder realizar as mesmas análises</td>
        </tr>
        <tr>
          <td><strong>Distribuição de profissionais por empresa em papéis funcionais</strong></td>
          <td>Indicador com baixa utilização, foi acrescentado o filtro de papel funcional para poder realizar as mesmas análises</td>
        </tr>
        <tr>
          <td><strong>Profissionais por papel funcional</strong></td>
          <td>Indicador com baixa utilização, foi acrescentado o filtro de responsável para poder realizar as mesmas análises</td>
        </tr>
        <tr>
          <td><strong>Ranking de profissionais por clientes positivados</strong></td>
          <td>Indicador com baixa utilização</td>
        </tr>
        <tr>
          <td><strong>Intervalo médio de faturamento em dias</strong></td>
          <td>Indicador com baixa utilização</td>
        </tr>
        <tr>
          <td><strong>Ranking de profissionais por intervalo de compra faturada</strong></td>
          <td>Indicador com baixa utilização</td>
        </tr>
      </tbody>
    </table>
    <br>
        <!-- ... (tabela 4) ... -->
        <p>NOVOS INDICADORES:</p>
        <table class="custom-grey">
          <thead>
            <tr>
              <th>Nome do Indicador</th>
              <th>Descrição</th>
              <th>Fórmula/Metodologia</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td><strong>Atividades atrasadas</strong></td>
              <td>Número total de atividades abertas que estão atrasadas</td>
              <td>(Atividades atrasadas/total de atividades abertas)</td>
            </tr>
            <tr>
              <td><strong>Total perdido no período</strong></td>
              <td>Valor total de oportunidades perdidas no período</td>
              <td>-</td>
            </tr>
          </tbody>
        </table>
      </li><br> 
    <!-- ... (tabela 4) ... -->

    <li><h3><strong> Dashboard - Faturamento, Devoluções e Entregas:</strong></h3>
      <p>
        Essas atualizações têm como objetivo aprimorar o acompanhamento e a análise dos processos de faturamento e devoluções, aumentando a eficácia na identificação de problemas e na gestão de operações relacionadas a entregas e devoluções.
      </p> <br> 
      <p>ATUALIZAÇÕES:</p>

      <table class="custom-grey">
        <thead>
          <tr>
            <th>Alteração</th>
            <th>Detalhes</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td><strong>Nome do Dashboard</strong></td>
            <td>Alterado para: FATURAMENTO</td>
          </tr>
          <tr>
            <td><strong>Nome do Indicador</strong></td>
            <td>% de pedidos fat. (ERP) não entregues</td>
          </tr>
          <tr>
            <td><strong>O que mudou</strong></td>
            <td>Acrescentado como métrica secundária no indicador de Pedidos fat. (ERP) não entregues</td>
          </tr>
          <tr>
            <td><strong>Nome do Indicador</strong></td>
            <td>% de devolução sobre fat. bruto</td>
          </tr>
          <tr>
            <td><strong>O que mudou</strong></td>
            <td>Acrescentado como métrica secundária no indicador de Devolução (ERP)</td>
          </tr>
        </tbody>
      </table>
      <br>
       <!-- ... (tabela 4) ... -->

    <li><h3><strong> Dashboard - Metas - Listagem:</strong></h3>
      <p>
        Esta mudança visa consolidar e simplificar o acesso às informações relacionadas às metas, centralizando-as em um único dashboard para facilitar o acompanhamento e a análise.
      </p> <br> 
      <p>ATUALIZAÇÕES:</p>
      <table class="custom-grey">
        <thead>
          <tr>
            <th>Alteração</th>
            <th>Detalhes</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td><strong>Dashboard Removido</strong></td><td>Lista de metas foi removida e integrada ao dashboard "EXPORTAÇÕES".

            </td>
          </tr>
        </tbody>
      </table>
      <br>
  <!-- ... (tabela 4) ... -->

  <li><h3><strong> Dashboard - Metas x Realizado:</strong></h3>
    <p>
      Estas mudanças e adições proporcionam uma análise mais detalhada e estratégica do desempenho em relação às metas estabelecidas, permitindo uma gestão mais eficaz das expectativas e resultados.
    </p> <br> 
    <p>ATUALIZAÇÕES:</p>

    <table class="custom-grey">
           <thead>
          <tr>
            <th>Nome do Indicador</th>
            <th>O que mudou</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td><strong>Ticket médio planejado</strong></td>
            <td>Acrescentado como métrica secundária no indicador de Ticket médio realizado</td>
          </tr>
          <tr>
            <td><strong>Meta atingida</strong></td>
            <td>Acrescentado como métrica secundária no indicador de Realizado</td>
          </tr>
          <tr>
            <td><strong>Saldo meta</strong></td>
            <td>Acrescentado como métrica secundária no indicador de Realizado</td>
          </tr>
          <tr>
            <td><strong>Negócios ganhos realizados</strong></td>
            <td>Título do indicador alterado para oportunidades ganhas</td>
          </tr>
          <tr>
            <td><strong>Taxa de ganho realizada</strong></td>
            <td>Acrescentado como métrica secundária no indicador de Oportunidades ganhas</td>
          </tr>
        </tbody>
      </table>
      <br>
      <p>NOVOS INDICADORES:</p>
      <table class="custom-grey">
        <thead>
          <tr>
            <th>Nome do Indicador</th>
            <th>Descrição</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td><strong>Receita de prospecções em andamento por etapa e temperatura</strong></td>
            <td>Valor e temperatura das oportunidades abertas em cada uma das etapas da pipeline</td>
          </tr>
          <tr>
            <td><strong>Receita de prospecções em andamento por previsão e temperatura</strong></td>
            <td>Valor e temperatura das oportunidades abertas agrupadas por previsão de fechamento</td>
          </tr>
          <tr>
            <td><strong>Resultado ano anterior x ano atual e Meta - Acumulado</strong></td>
            <td>Comparativo entre o valor realizado e meta, apresentando também a evolução versus o ano anterior</td>
          </tr>
        </tbody>
      </table>
      <br>
 <!-- ... (tabela 4) ... -->

 <li><h3><strong> Dashboard - Metas x Realizado ERP:</strong></h3>
  <p>
    Essas mudanças refletem um esforço contínuo para otimizar o dashboard, eliminando redundâncias e adicionando indicadores mais relevantes para uma análise mais eficiente e estratégica das metas e do desempenho financeiro.
  </p> <br> 
  <p>ATUALIZAÇÕES:</p>

  <table class="custom-grey">
    <thead>
      <tr>
        <th>Nome do Indicador</th>
        <th>O que mudou</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td><strong>Ticket médio planejado</strong></td>
        <td>Acrescentado como métrica secundária no indicador de Ticket médio realizado</td>
      </tr>
      <tr>
        <td><strong>Meta atingida</strong></td>
        <td>Acrescentado como métrica secundária no indicador de Faturado</td>
      </tr>
      <tr>
        <td><strong>Saldo meta</strong></td>
        <td>Acrescentado como métrica secundária no indicador de Faturado</td>
      </tr>
    </tbody>
  </table>
  <br>
  <p>NOVOS INDICADORES:</p>
  <table class="custom-grey">
    <thead>
      <tr>
        <th>Nome do Indicador</th>
        <th>Descrição</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td><strong>Receita de prospecções em andamento por etapa e temperatura</strong></td>
        <td>Valor e temperatura das oportunidades abertas em cada uma das etapas da pipeline</td>
      </tr>
      <tr>
        <td><strong>Receita de prospecções em andamento por previsão e temperatura</strong></td>
        <td>Valor e temperatura das oportunidades abertas agrupadas por previsão de fechamento</td>
      </tr>
      <tr>
        <td><strong>Faturado ano anterior x ano atual e Meta - Acumulado</strong></td>
        <td>Comparativo entre o Faturado e meta, apresentando também a evolução versus o ano anterior</td>
      </tr>
    </tbody>
  </table>
  <br>
  <p>REMOÇÕES:</p>
  <table class="custom-grey">
    <thead>
      <tr>
        <th>Nome do Indicador</th>
        <th>Motivo da Remoção</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td><strong>Minhas qualificações na jornada de qualificação</strong></td>
        <td>Informação também é apresentada no indicador “Como estão distribuídas as qualificações nas etapas?”</td>
      </tr>
      <tr>
        <td><strong>Ciclo médio das qualificações perdidas</strong></td>
        <td>Informação também é apresentada aplicando filtro no dashboard “Ganhos e Perdas”</td>
      </tr>
    </tbody>
  </table>
<br>  
  <!-- ... (tabela 4) ... -->

 <li><h3><strong> Dashboard - Ordens de Venda:</strong></h3>
  <p>
    Estas atualizações melhoram a visibilidade das métricas relacionadas ao orçamento, pedidos pendentes e pedidos faturados, permitindo uma análise mais integrada e detalhada do fluxo de vendas e do desempenho financeiro associado às ordens de venda.
  </p> <br> 
  <p>ATUALIZAÇÕES:</p>
  <table class="custom-grey">
    <thead>
      <tr>
        <th>Nome do Indicador</th>
        <th>O que mudou</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td><strong># Orçamentos</strong></td>
        <td>Posicionado como métrica secundária do indicador "Valor em orçamento"</td>
      </tr>
      <tr>
        <td><strong># Pedidos pendentes no ERP</strong></td>
        <td>Posicionado como métrica secundária do indicador "Valor pendente no ERP"</td>
      </tr>
      <tr>
        <td><strong># Pedidos faturados ERP</strong></td>
        <td>Posicionado como métrica secundária do indicador "Valor de pedidos faturados ERP"</td>
      </tr>
    </tbody>
  </table>
  <br>
  
        <!-- ... (tabela 4) ... -->

 <li><h3><strong> Dashboard - Win-Loss:</strong></h3>
  <p>
    Essas alterações visam otimizar a eficácia analítica do dashboard, melhorando a visualização das métricas mais relevantes para a análise de ganhos e perdas, e eliminando redundâncias para focar em insights mais estratégicos.

  </p> <br> 
  <p>ATUALIZAÇÕES:</p>

  <table class="custom-grey">
    <thead>
      <tr>
        <th>Nome do Indicador</th>
        <th>O que mudou</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td><strong>Alteração do Dashboard</strong></td>
        <td>Renomeado para: Ganhos e Perdas</td>
      </tr>
      <tr>
        <td><strong>Oportunidades ganhas</strong></td>
        <td>Posicionado como métrica secundária do indicador “Total ganho no período”</td>
      </tr>
      <tr>
        <td><strong>Taxa de ganho</strong></td>
        <td>Posicionado como métrica secundária do indicador “Total ganho no período”</td>
      </tr>
      <tr>
        <td><strong>Ciclo médio em dias (ganho)</strong></td>
        <td>Posicionado como métrica secundária do indicador “Ticket médio (ganho)”</td>
      </tr>
      <tr>
        <td><strong>Oportunidades perdidas</strong></td>
        <td>Posicionado como métrica secundária do indicador “Total perdido no período”</td>
      </tr>
      <tr>
        <td><strong>Taxa de perda</strong></td>
        <td>Posicionado como métrica secundária do indicador “Total perdido no período”</td>
      </tr>
      <tr>
        <td><strong>Ciclo médio em dias (perdidas)</strong></td>
        <td>Posicionado como métrica secundária do indicador “Ticket médio (perdidas)”</td>
      </tr>
      <tr>
        <td><strong>Motivos de ganho e perda</strong></td>
        <td>Agrupado em um único indicador os motivos de ganho (verde) e perda (vermelho)</td>
      </tr>
      <tr>
        <td><strong>Ticket médio RNR (ganhas)</strong></td>
        <td>Posicionado como métrica secundária do indicador “Receita não recorrente (RNR) ganha”</td>
      </tr>
      <tr>
        <td><strong>Ticket médio RNR (perdidas)</strong></td>
        <td>Posicionado como métrica secundária do indicador “Receita não recorrente (RNR) perdida”</td>
      </tr>
      <tr>
        <td><strong>Ticket médio RR (ganhas)</strong></td>
        <td>Posicionado como métrica secundária do indicador “Receita recorrente (RR) ganha”</td>
      </tr>
      <tr>
        <td><strong>Ticket médio RR (perdidas)</strong></td>
        <td>Posicionado como métrica secundária do indicador “Receita recorrente (RR) perdida”</td>
      </tr>
    </tbody>
  </table>
  <br>
  <p>NOVOS INDICADORES:</p>

  <table class="custom-grey">
    <thead>
      <tr>
        <th>Nome do Indicador</th>
        <th>Descrição</th>
        <th>Fórmula/Metodologia</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td><strong>Taxa de conversão</strong></td>
        <td>Taxa de conversão de Leads a Clientes</td>
        <td>Contas convertidas em cliente / Quantidade de Leads total</td>
      </tr>
      <tr>
        <td><strong>Resultado ano anterior x ano atual e quantidade</strong></td>
        <td>Valor e quantidade de oportunidades ganhas nos últimos 12 meses em comparação ao mesmo período do ano passado</td>
        <td>-</td>
      </tr>
    </tbody>
  </table>
  <br>
  <p>REMOÇÕES:</p>
  <table class="custom-grey">
    <thead>
      <tr>
        <th>Nome do Indicador</th>
        <th>Motivo da Remoção</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td><strong>Negociações ganhas e perdidas por tipo de conta</strong></td>
        <td>A mesma informação pode ser visualizada utilizando os filtros do Dashboard</td>
      </tr>
      <tr>
        <td><strong>Onde estou atuando na minha base?</strong></td>
        <td>O indicador já está disponível no dashboard “Oport. vendas (SQL)”</td>
      </tr>
      <tr>
        <td><strong>Como está o avanço das prospecções em cada etapa?</strong></td>
        <td>O indicador já está disponível no dashboard “Oport. vendas (SQL)”</td>
      </tr>
      <tr>
        <td><strong>Desempenho e gargalos por etapa</strong></td>
        <td>O indicador já está disponível no dashboard “Oport. vendas (SQL)”</td>
      </tr>
      <tr>
        <td><strong>Distribuição geográfica dos ganhos e perdas</strong></td>
        <td>Indicador com baixa utilização</td>
      </tr>
      <tr>
        <td><strong>Distribuição estadual de ganhos e perdas</strong></td>
        <td>Indicador com baixa utilização</td>
      </tr>
    </tbody>
  </table>
  
  
      </ol>      
                                      </section>
         
      
            <section id="section3" style="margin-top: 40px;">
              <h2 class="custom-heading"><i class="fa-solid fa-shoe-prints"></i>&nbsp COMO USAR?</h2>
              
              <ol>
                <li>
                  <p><strong>Acessar o Analytics-Studio:</strong></p>
                  <ul>
                    <li>Entre no TOTVS CRM.</li>
                    <li>Navegue até o módulo <strong>Analytics-Studio</strong>.</li>
                  </ul>
                </li>
                <li><p><strong>Visualizar os Dashboards:</strong></p>
                  <ul><li>Selecione a opção <strong>Dashboards</strong> no menu.</li>
                    <li>Os dashboards atualizados estarão listados automaticamente a partir do dia <strong>12/06/24</strong>.</li>
                  </ul>
                </li>
              </ol>
              <br>

        </section> 
         
        <section id="section4" style="margin-top: 40px;">
            <h2 class="custom-heading"><i class="fa-solid fa-signs-post"></i> &nbspEXEMPLO PRÁTICO</h2>
                         
            <p>
                
                <br>
                
                <b>Desafio Antigo:</b>
                <p> 
                  Anteriormente, os usuários enfrentavam dificuldades em interpretar rapidamente os dados devido à complexidade dos indicadores padrão, o que podia retardar o processo de tomada de decisão e reduzir a eficácia das operações.
                  
                  </p>
                
                <br>
                
                <b>Solução Atualizada:</b>
                <p>Com a implementação dos novos parâmetros, os indicadores no Analytics Studio são agora mais intuitivos e informativos, permitindo uma análise rápida e precisa. Essa melhoria contribui para uma maior eficiência operacional e satisfação dos usuários ao interagir com o sistema.</p>
                
                <br>
                
                
                </p>
            </section> 
      
         
          </div>
          
            <!-- Tab 30 fim -->
          
            <!-- Tab 30 fim -->
          
          </div>
        </div>
    


    

    <div id="tab3" class="col s12">
      <div class="tab-content">
        <div style="background-color: #f4f5f7; padding: 20px; margin-left: 50px; margin-right: 50px;">
              <!-- Primeira coluna do conteúdo da guia 2 -->
              <div class="container">
                <h2 class="custom-heading"><i class="fa-solid fa-circle-question"></i> PERGUNTAS FREQUENTES</h2>
                <ul class="collapsible">
                  <li>
                    <div class="collapsible-header"><i class="material-icons">question_answer</i>Preciso fazer alguma configuração ou atualização manual para acessar os novos indicadores?
                        </div>
                    <div class="collapsible-body"><span> Não, todas as atualizações serão aplicadas automaticamente no sistema. Não são necessárias ações adicionais por parte dos usuários para acessar as novas funcionalidades dos indicadores.
                      </span></div>
                </li> 
                
                    <!-- Adicione mais perguntas e respostas aqui conforme necessário -->
                    <li>
                      <div class="collapsible-header"><i class="material-icons">question_answer</i> As atualizações no Analytics Studio significam que perderemos nossas configurações e visões personalizadas anteriores?
                          </div>
                      <div class="collapsible-body"><span>Não, as atualizações no módulo Analytics Studio refletem apenas a visão padrão. Se você deseja manter configurações ou visões específicas que são importantes para seus processos de negócios, você pode criar e manter insights exclusivos para você. 
                        </span></div>
                  </li> 
                   
                </ul>
                
            </div>

            
                            <!-- Primeira coluna do conteúdo da guia 2 -->

            
            </div>
             
      </div>
  </div>

    
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
<script>
  // Inicialização das tabs
  document.addEventListener("DOMContentLoaded", function () {
    var tabs = document.querySelectorAll(".tabs");
    M.Tabs.init(tabs);
  });
</script>

<script>
  const items = document.querySelectorAll("#indice li");

  items.forEach(item => {
      item.addEventListener('click', (e) => {
          const targetId = e.target.getAttribute('data-target');
          const targetElement = document.getElementById(targetId);
          window.scrollTo({
              top: targetElement.offsetTop - 10,
              behavior: "smooth"
          });
      });
  });
</script>

<script src="https://kit.fontawesome.com/c97d4c197a.js" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
 


<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/highlight.min.js"></script> 

<script>hljs.highlightAll();</script>
  


<script src="scripts.js"></script>

<script>
  document.addEventListener('DOMContentLoaded', function() {
      var elems = document.querySelectorAll('.collapsible');
      var instances = M.Collapsible.init(elems);
  });
</script>

 <!-- ... (conteudo video) ... -->
 <script src="https://www.youtube.com/iframe_api"></script>

 <script>
  var player;
  function onYouTubeIframeAPIReady() {
    player = new YT.Player('player', {
      height: '315',
      width: '560',
      videoId: 'FvsuBOvyyro',
      playerVars: {
        start: 1238, // 20:38 em segundos
        end: 1356   // 22:36 em segundos
      }
    });
  }
</script>