<!DOCTYPE html>
<html lang="pt">

<head>

  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="generator" content="HelpNDoc Standard Edition 6.9.0.577">
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <link rel="icon" href="favicon.ico"/>

  <title>Processamento Vetorial</title>
  <meta name="description" content="" /> 
  <meta name="keywords" content="">



  

  <!-- Twitter Card data -->
  <meta name="twitter:card" content="summary">
  <meta name="twitter:title" content="Processamento Vetorial">
  <meta name="twitter:description" content="">

  <!-- Open Graph data -->
  <meta property="og:title" content="Processamento Vetorial" />
  <meta property="og:type" content="article" />
  <meta property="og:description" content="" />
  <meta property="og:site_name" content="Manual da plataforma TerraMA2" /> 

  <!-- Bootstrap core CSS -->
  <link href="vendors/bootstrap-3.4.1/css/bootstrap.min.css" rel="stylesheet"/>

  <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
  <link href="vendors/bootstrap-3.4.1/css/ie10-viewport-bug-workaround.css" rel="stylesheet"/>

  <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  <!--[if lt IE 9]>
      <script src="vendors/html5shiv-3.7.3/html5shiv.min.js"></script>
      <script src="vendors/respond-1.4.2/respond.min.js"></script>
    <![endif]-->

  <!-- JsTree styles -->
  <link href="vendors/jstree-3.3.7/themes/default/style.min.css" rel="stylesheet"/>

  <!-- Hnd styles -->
  <link href="css/layout.min.css" rel="stylesheet" />
  <link href="css/effects.min.css" rel="stylesheet" />
  <link href="css/theme-light-blue.min.css" rel="stylesheet" />
  <link href="css/print.min.css" rel="stylesheet" media="print" />
  <style type="text/css">nav { width: 350px} @media screen and (min-width:769px) { body.md-nav-expanded div#main { margin-left: 350px} body.md-nav-expanded header { padding-left: 364px} }</style>

  <!-- Content style -->
  <link href="css/hnd.content.css" rel="stylesheet" />

  



</head>

<body class="md-nav-expanded">



  <div id="skip-link">
    <a href="#main-content" class="element-invisible">Skip to main content</a>
  </div>

  <header class="headroom">
    <button class="hnd-toggle btn btn-default">
      <span class="sr-only">Toggle navigation</span>
      <span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>        
    </button>
    <h1>Manual da plataforma TerraMA2</h1>
    
  </header>

  <nav class="md-nav-expanded">
    <!-- Nav tabs -->
    <ul class="tab-tabs nav nav-tabs" role="tablist">
      <li id="nav-close"> 
        <button class="hnd-toggle btn btn-default">
          <span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
        </button>
      </li>
      
	  
        <li role="presentation" class="tab active">
            <a href="#contents" id="tab-contents" aria-controls="contents" role="tab" data-toggle="tab">
                <i class="glyphicon glyphicon-list"></i>
                Contents
            </a>
        </li>
      
        <li role="presentation" class="tab">
            <a href="#index" id="tab-index" aria-controls="index" role="tab" data-toggle="tab">
                <i class="glyphicon glyphicon-asterisk"></i>
                Index
            </a>
        </li>
      
        <li role="presentation" class="tab">
            <a href="#search" id="tab-search" aria-controls="search" role="tab" data-toggle="tab">
                <i class="glyphicon glyphicon-search"></i>
                Search
            </a>
        </li>
      
    </ul>  <!-- /Nav tabs -->

    <!-- Tab panes -->
    <div class="tab-content">
	  
      <div role="tabpanel" class="tab-pane active" id="contents">
        <div id="toc" class="tree-container unselectable"
            data-url="_toc.json"
            data-openlvl="1"
        >
            
        </div>
      </div>  <!-- /contents-->
      
      <div role="tabpanel" class="tab-pane" id="index">
        <div id="keywords" class="tree-container unselectable"
            data-url="_keywords.json"
            data-openlvl="1"
        >
            
        </div>
      </div>  <!-- /index-->
      
      <div role="tabpanel" class="tab-pane" id="search">
        <div class="search-content">
          <div class="search-input">
            <form id="search-form">
              <div class="form-group">
                <div class="input-group">
                  <input type="text" class="form-control" id="input-search" name="input-search" placeholder="Search..." />
                  <span class="input-group-btn">
                    <button class="btn btn-default" type="submit">
                      <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
                    </button>
                  </span>
                </div>
              </div>
            </form>
          </div>  <!-- /search-input -->
          <div class="search-result">
            <div id="search-info"></div>
            <div class="tree-container unselectable" id="search-tree"></div>
          </div>  <!-- /search-result -->
        </div>  <!-- /search-content -->
      </div>  <!-- /search-->
      
    </div>  <!-- /Tab panes -->

  </nav>

  <div id="main">

    <article>
        <div id="topic-content" class="container-fluid" 
		  data-hnd-id="add_analysis_vector"
		  data-hnd-context="42"
		  data-hnd-title="Processamento Vetorial"
		>
            
                <div class="navigation">
                    <ol class="breadcrumb">
                        <li><a href="administration_module.html">M&oacute;dulo de Administra&ccedil;&atilde;o</a></li><li><a href="Projetos.html">Projetos</a></li><li><a href="Analises.html">An&aacute;lises</a></li><li><a href="AdicionarAnalise.html">Adicionar An&aacute;lise</a></li>
                    </ol>
                    <div class="nav-arrows">
                        <div class="btn-group btn-group-xs" role="group"><a class="btn btn-default" href="AdicionarAnalise.html" title="Adicionar An&aacute;lise" role="button"><span class="glyphicon glyphicon-menu-up" aria-hidden="true"></span></a><a class="btn btn-default" href="add_analysis_dcp.html" title="PCD" role="button"><span class="glyphicon glyphicon-menu-left" aria-hidden="true"></span></a><a class="btn btn-default" href="ExemplosTipicos.html" title="Exemplos T&iacute;picos" role="button"><span class="glyphicon glyphicon-menu-right" aria-hidden="true"></span></a></div>
                    </div>
                </div> 
            

            <a id="main-content"></a>

            <h2>Processamento Vetorial</h2>

            <div class="main-content">
                
<p></p>
<p class="rvps3"><img width="39" height="35" alt="" style="padding : 1px;" src="lib/NewItem286.png"></p>
<p class="rvps2"><span class="rvts6"><br/></span></p>
<p class="rvps11"><span class="rvts19">Análises baseadas em Processamento Vetorial utilizam as geometrias de dois dados vetoriais, sendo um estático e outro dinâmico, para realizar operações geométricas e criar geometrias, como por exemplo a interseção entre os polígonos desses dois dados. Atributos descritivos de ambos os dados de entrada podem ser selecionados para fazerem parte do novo dado dinâmico de saída, assim como utilizar os atributos para filtrar quais geometrias serão utilizados na análise.</span></p>
<p class="rvps58"><span class="rvts22">Nota: </span><span class="rvts19">Nesta versão somente a operação de </span><span class="rvts22">interseção</span><span class="rvts19">&nbsp;geométrica está disponível.</span></p>
<p class="rvps11"><span class="rvts36"><br/></span></p>
<p class="rvps11"><span class="rvts19">Os resultados dessa análise dependem dos tipos geométricos (ponto, linha ou polígono) de entrada dos dados estáticos e dinâmicos. Por exemplo, se ambos mapas estático e dinâmicos utilizam geometria de polígonos (áreas) o resultado da operação vetorial de interseção sempre será polígono, pois neste caso descartamos as possíveis geometrias de linhas e pontos que eventualmente podem resultar de interseção. Já se o dado estático é polígono e dinâmico ponto, o resultado sempre será ponto. Note que em ambos exemplos o atributo temporal (data/hora) do dado dinâmico de entrada é repassado para o dado dinâmico de saída.</span></p>
<p class="rvps58"><span class="rvts22">Nota: </span><span class="rvts19">Nesta versão ainda não é possível definir uma área de influência (“buffer”) sobre os dados estáticos que serão cruzados com os dados dinâmicos durante a execução da análise. Entretanto, se necessário monitorar as áreas de influência de algum objeto, por exemplo, áreas de influência sobre as linhas de transmissão de energia. Neste caso utilize o SIG de sua preferência. No TerraView5 você tem a opção de criar um “buffer” e selecionar que não deseja dissolver a fronteira entre as áreas de influência e incluir os atributos (colunas) do mapa de entrada.</span></p>
<p class="rvps11"><span class="rvts36"><br/></span></p>
<p class="rvps11"><span class="rvts19">A Figura 3.37 mostra que apesar da possibilidade de serem criadas geometrias de linhas e pontos da interseção de polígonos, neste caso somente será armazenada a geometria de polígono juntamente com a inclusão de um atributo com o cálculo da área em hectares dessa geometria. </span></p>
<p class="rvps12"><img width="662" height="313" alt="" style="padding : 1px;" src="lib/NewItem338.png"></p>
<p class="rvps55"><span class="rvts20">Figura 3.37 – </span><span class="rvts21">Módulo de Administração: Análise – Interseção de geometria de polígonos.</span></p>
<h3 class="rvps23"><span class="rvts0"><span class="rvts32"><br/></span></span></h3>
<h3 class="rvps23"><span class="rvts0"><span class="rvts32">EDITANDO ANÁLISE BASEADAS PROCESSAMENTO VETORIAL</span></span></h3>
<p class="rvps11"><span class="rvts19">A Figura 3.39 mostra a área de trabalho utilizada para se definir uma análise baseada em Processamento Vetorial. Nesta interface deve-se definir um nome único para este tipo de análise, quais os dois planos de entrada que serão utilizados (estático e dinâmico), os atributos da nova tabela de saída e filtros sobre estes atributos. Descrevemos a seguir cada um dos campos dessa interface.</span></p>
<p class="rvps115"><img width="662" height="544" alt="" style="padding : 1px;" src="lib/NewItem346.png"></p>
<p class="rvps34"><span class="rvts36"><br/></span></p>
<p class="rvps30"><span class="rvts20">Figura 3.39– </span><span class="rvts21">Análise : Interface de edição de Processamento Vetorial.</span></p>
<p class="rvps56"><span class="rvts54">Registro de Análise – Dado Geral:</span></p>
<ul style="text-indent: 0px; padding: 0; margin: 0 0 0 48px; list-style-position: outside; list-style-type: disc;">
<li style="margin-left: 0px" class="rvps57"><span class="rvts22">Nome</span><span class="rvts19">: Defina o nome da análise (campo obrigatório). O tamanho máximo do nome é de 100 caracteres. Não é permitido nomes duplicados.</span></li>
<li style="margin-left: 0px" class="rvps57"><span class="rvts22">Tipo</span><span class="rvts19">: Escolha o tipo “</span><span class="rvts22">Processamento Vetorial</span><span class="rvts19">”. As demais opções estão descritas nos itens associados - “</span><a class="rvts45" href="ObjetoMonitorado.html">Objeto Monitorado</a><span class="rvts19">” , “</span><a class="rvts45" href="Grade.html">Grade</a><span class="rvts19">” &nbsp;e “</span><a class="rvts45" href="add_analysis_dcp.html">PCD</a><span class="rvts19">”. IMPORTANTE: Após salvar a análise o tipo não poderá ser alterado.</span></li>
<li style="margin-left: 0px" class="rvps57"><span class="rvts22">Descrição</span><span class="rvts19">: Campo não obrigatório para descrição da análise. O tamanho máximo do texto é de 250 caracteres.</span></li>
<li style="margin-left: 0px" class="rvps57"><span class="rvts22">Serviço</span><span class="rvts19">: Escolha o serviço de análise que estará associado a cada análise. Se necessário adicionar novos serviços de análise (local ou remoto) consulte </span><a class="rvts42" href="add_services.html">Adicionar Serviço</a><span class="rvts19">.</span></li>
<li style="margin-left: 0px" class="rvps57"><span class="rvts22">Ativo</span><span class="rvts19">: Botão ativo executará a análise de acordo com a programação (ver abaixo) definida para a análise. Se o botão estiver desmarcado a análise não será executada. Uma análise que não esteja ativa poderá ser executada apenas manualmente pelo botão &nbsp;“</span><img width="14" height="11" alt="" style="padding : 1px;" src="lib/NewItem345.jpg"><span class="rvts19">Executar” disponível na lista de análises da área de trabalho.</span></li>
</ul>
<p class="rvps56"><span class="rvts54">Registro de Análise – Armazenar</span></p>
<p class="rvps11"><span class="rvts19">Utilize os parâmetros desta seção para definir o local de armazenamento dos dados. No caso de uma análise baseada em PCD, será solicitado o nome de uma tabela de banco de dados.</span></p>
<ul style="text-indent: 0px; padding: 0; margin: 0 0 0 48px; list-style-position: outside; list-style-type: disc;">
<li style="margin-left: 0px" class="rvps57"><span class="rvts22">Formato de saída</span><span class="rvts19">: Para este tipo de análise apenas a opção “Análise de objeto monitorado - VP” encontra-se disponível.</span></li>
<li style="margin-left: 0px" class="rvps57"><span class="rvts22">Nome da tabela</span><span class="rvts19">: Digite o nome da tabela a ser criada para armazenar os resultados. Sempre que houver interseções entre as geometrias dos dados de entrada novos registros serão armazenados nessa tabela.</span></li>
</ul>
<p class="rvps61"><span class="rvts54">Registro de Análise – Armazenar - Agendamento</span></p>
<p class="rvps11"><span class="rvts19">Nesta seção o usuário deve definir quando será executada a análise.</span></p>
<ul style="text-indent: 0px; padding: 0; margin: 0 0 0 48px; list-style-position: outside; list-style-type: disc;">
<li style="margin-left: 0px" class="rvps74"><span class="rvts22">Tipo</span><span class="rvts19">: Escolha tipo “</span><span class="rvts22">Manual</span><span class="rvts19">”, “</span><span class="rvts22">Agendamento</span><span class="rvts19">”, “</span><span class="rvts22">Reprocessamento de dados históricos</span><span class="rvts19">”, ou “</span><span class="rvts22">Automático</span><span class="rvts19">”. Se “Manual” a execução da análise só será realizada se o usuário utilizar o botão “</span><img width="14" height="11" alt="" style="padding : 1px;" src="lib/NewItem344.jpg"><span class="rvts19">&nbsp;Executar” no item da lista de análises que desejar, ou ainda em “Salvar e executar” da análise aberta. Se “</span><span class="rvts22">Agendamento</span><span class="rvts19">” a execução da análise será por intervalos pré-definidos podendo também definir o tempo inicial. Se “</span><span class="rvts22">Reprocessamento de dados históricos</span><span class="rvts19">” a execução da análise será por intervalos pré-definidos podendo também definir o tempo inicial, porém em um período inicial e final no passado. Se “</span><span class="rvts22">Automático</span><span class="rvts19">” dependerá da chegada de dados dinâmicos.</span></li>
</ul>
<p class="rvps58"><span class="rvts22">NOTA: </span><span class="rvts19">Em todas opções do agendamento a tabela da análise armazena de forma contínua os resultados, exceto em “</span><span class="rvts22">Reprocessamento de dados históricos</span><span class="rvts19">” que a cada execução da análise os registros serão apagados para que os valores sejam atualizados.</span></p>
<ul style="text-indent: 0px; padding: 0; margin: 0 0 0 48px; list-style-position: outside; list-style-type: disc;">
<li style="margin-left: 0px" class="rvps74"><span class="rvts22">Data Inicial </span><img width="13" height="13" alt="" style="padding : 1px;" src="lib/NewItem343.jpg"><span class="rvts22">&nbsp;</span><span class="rvts61">(somente se Tipo for “Reprocessamento de dados históricos”)</span><span class="rvts19">: Clique no campo para escolher a data e hora que será utilizada para início do reprocessamento.</span></li>
<li style="margin-left: 0px" class="rvps74"><span class="rvts22">Data Final </span><img width="13" height="13" alt="" style="padding : 1px;" src="lib/NewItem342.jpg"><span class="rvts22">&nbsp;</span><span class="rvts61">(somente se Tipo for “Reprocessamento de dados históricos”)</span><span class="rvts19">: Clique no campo para escolher a data e hora que será utilizada para fim do reprocessamento.</span></li>
<li style="margin-left: 0px" class="rvps74"><span class="rvts22">Unidade de tempo</span><span class="rvts19">: Escolha um item entre “Segundos, Minutos, Horas e Semanalmente”.</span></li>
<li style="margin-left: 0px" class="rvps74"><span class="rvts22">Frequência </span><span class="rvts61">(somente se Unidade de tempo for Segundos, Minutos, Horas)</span><span class="rvts19">: Digite um valor de um número inteiro.</span></li>
<li style="margin-left: 0px" class="rvps74"><span class="rvts22">Tempo Inicial </span><img width="13" height="13" alt="" style="padding : 1px;" src="lib/NewItem341.jpg"><span class="rvts22">&nbsp;</span><span class="rvts61">(somente se Unidade de tempo for Segundos, Minutos, Horas)</span><span class="rvts19">: Clique no campo para escolher o valor de hora, minuto e segundo que será utilizado como referência para executar a análise. Campo não obrigatório e caso não definido será a partir do momento em que a análise for salva.</span></li>
<li style="margin-left: 0px" class="rvps74"><span class="rvts22">Agendamento </span><span class="rvts61">(somente se Unidade de tempo for Semanalmente)</span><span class="rvts19">: escolha uma das opções entre “Domingo, Segunda-feira, Terça-feira, Quarta-feira, Quinta-Feira, Sexta-feira e Sábado”</span></li>
<li style="margin-left: 0px" class="rvps74"><span class="rvts22">Hora </span><span class="rvts61">(somente se Unidade de tempo for Semanalmente)</span><span class="rvts19">: clique no campo para escolher o valor de hora, minuto e segundo que será executada para iniciar a análise.</span></li>
</ul>
<p class="rvps61"><span class="rvts54">Registro de Análise – Série de Dados do Processamento Vetorial</span></p>
<p class="rvps11"><span class="rvts19">Nesta seção são definidos o tipo de operação (somente </span><span class="rvts55">Intersection</span><span class="rvts19">&nbsp;nesta versão), quais dos dois dados de entrada, atributos de saída e filtros.</span></p>
<ul style="text-indent: 0px; padding: 0; margin: 0 0 0 48px; list-style-position: outside; list-style-type: disc;">
<li style="margin-left: 0px" class="rvps74"><span class="rvts22">Operações</span><span class="rvts19">: Escolha o tipo de operação “Intersection”.</span></li>
<li style="margin-left: 0px" class="rvps74"><span class="rvts22">Série de Dados Estáticos</span><span class="rvts19">: Escolha um dado estático previamente cadastrado.</span></li>
<li style="margin-left: 0px" class="rvps74"><span class="rvts22">Série de Dados Dinâmicos</span><span class="rvts19">: Escolha um dado dinâmico previamente cadastrado, ou resultado de outras análises.</span></li>
<li style="margin-left: 0px" class="rvps74"><span class="rvts22">Atributos de Dados de Entrada</span><span class="rvts19">: Na lista de atributos de entrada automaticamente são apresentados todos os atributos de ambos dados estático e dinâmico. Escolha um ou mais dos atributos disponíveis. Mantenha a tecla </span><span class="rvts22">Ctrl</span><span class="rvts19">&nbsp;pressionada + clique sobre os itens para seleções intercaladas. Mantenha a tecla </span><span class="rvts22">Shift</span><span class="rvts19">&nbsp;(↑) pressionada + clique sobre dois atributos para marcar um bloco de atributos.</span></li>
<li style="margin-left: 0px" class="rvps74"><span class="rvts22">Atributos de Dados de Saída</span><span class="rvts19">: Os atributos são automaticamente inseridos conforme são selecionados na lista de entrada acima. IMPORTANTE: ao salvar a análise os atributos de saída não poderão ser alterados, somente novos atributos podem ser adicionados.</span></li>
</ul>
<p class="rvps73"><span class="rvts22">NOTA: </span><span class="rvts19">Por padrão o atributo temporal (data/hora) do dado dinâmico é transferido para o dado de saída, que também será um dado dinâmico, portanto, não é necessária sua seleção na lista de entrada. Este atributo temporal de saída recebe automaticamente o nome “</span><span class="rvts76">execution_date</span><span class="rvts19">”. Outro atributo automaticamente criado na saída será a área de interseção (em ha) quando as geometrias de entrada são polígonos, neste caso recebe o nome “</span><span class="rvts76">calculated_area_ha</span><span class="rvts19">”. Por último, o atributo que armazena a geometria resultante terá o nome “</span><span class="rvts76">intersection_geom</span><span class="rvts19">”.</span></p>
<ul style="text-indent: 0px; padding: 0; margin: 0 0 0 48px; list-style-position: outside; list-style-type: disc;">
<li style="margin-left: 0px" class="rvps74"><span class="rvts22">Filtros Customizados:</span><span class="rvts19">&nbsp;Opção não obrigatória. Permite selecionar filtros (condições) sobre os atributos de ambos os dados de entrada. Equivale a cláusula “where” de uma expressão de consulta em SQL.</span></li>
<ul style="text-indent: 0px; padding: 0; margin: 0 0 0 48px; list-style-position: outside; list-style-type: circle;">
<li style="margin-left: 0px" class="rvps75"><span class="rvts22">Tabela:</span><span class="rvts19">&nbsp;Escolha uma das tabelas associadas aos dados de entrada (estático ou dinâmico)</span></li>
<li style="margin-left: 0px" class="rvps75"><span class="rvts22">Atributo:</span><span class="rvts19">&nbsp;Escolha o atributo referente a tabela selecionada acima.</span></li>
<li style="margin-left: 0px" class="rvps75"><span class="rvts22">Operador:</span><span class="rvts19">&nbsp;Escolha uma das opções de operador (=, &lt;, &gt;, &lt;=, &gt;=, &lt;&gt; ou LIKE).</span></li>
<li style="margin-left: 0px" class="rvps75"><span class="rvts22">Valor:</span><span class="rvts19">&nbsp;Digite o valor do atributo ou utilize a lupa a esquerda para apresentar a opções disponíveis do atributo escolhido acima.</span></li>
<li style="margin-left: 0px" class="rvps75"><span class="rvts66">+</span><span class="rvts22">&nbsp;:</span><span class="rvts19">&nbsp;Utilize este botão para inserir no campo de Resultado (SQL) o que foi definido nos itens acima.</span></li>
<li style="margin-left: 0px" class="rvps75"><span class="rvts22">AND, OR ou (): </span><span class="rvts19">Utilize estes botões para iniciar a definição de outros filtros. Note que o resultado apresentado é parte de uma expressão de consulta em SQL</span><span class="rvts36">.</span></li>
<li style="margin-left: 0px" class="rvps75"><span class="rvts22">Resultado(SQL): </span><span class="rvts19">Campo editável que pode se alterado pelo usuário, mas tenha em mente as propriedades da clausula “where” de um comando “select” que será executado ao salvar a análise.</span></li>
</ul></ul>
<p class="rvps11"><span class="rvts19">Após preencher todos os campos da análise, poderá utilizar o botão “Validar” para identificar se há erros de sintaxe no filtro acima. O botão “Salvar e executar” grava as últimas alterações e executa a análise mesmo que esta esteja inativa. Se desejar apenas gravar as alterações clique na seta do botão e escolha “Salvar”.</span></p>
<p class="rvps11"><span class="rvts19"><br/></span></p>
<p class="rvps73"><span class="rvts22">DICA: </span><span class="rvts19">Além da mensagem apresentada ao salvar a análise, verifique no menu da Situação Atual se há erros na execução da análise.</span></p>
<p class="rvps11"><span class="rvts36"><br/></span></p>
<p class="rvps113"><a class="rvts42" href="typical_examples_vector.html">Exemplo - Análise Processamento vetorial ( </a><a href="typical_examples_vector.html"><img width="22" height="20" alt="" style="padding : 1px;" src="lib/NewItem224.png"></a><span class="rvts19">&nbsp;).</span></p>
<p class="rvps55"><span class="rvts6"><br/></span></p>
<p></p>

            </div>
            
            <div id="topic_footer"><div id="topic_footer_content">Copyright &copy; 2020 by INPE. All Rights Reserved.</div></div>
        </div>  <!-- /#topic-content -->
    </article>

    <footer></footer>

  </div>  <!-- /#main -->

  <div class="mask" data-toggle="sm-nav-expanded"></div>
  
  <!-- Modal -->
  <div class="modal fade" id="hndModal" tabindex="-1" role="dialog" aria-labelledby="hndModalLabel">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
          <h4 class="modal-title" id="hndModalLabel"></h4>
        </div>
        <div class="modal-body">
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-primary modal-btn-close" data-dismiss="modal">Close</button>
        </div>
      </div>
    </div>
  </div>

  <!-- Scripts -->
  <script src="vendors/jquery-3.4.1/jquery.min.js"></script>
  <script src="vendors/bootstrap-3.4.1/js/bootstrap.min.js"></script>
  <script src="vendors/markjs-8.11.1/jquery.mark.min.js"></script>
  <script src="vendors/uri-1.19.1/uri.min.js"></script>
  <script src="vendors/imageMapResizer-1.0.7/imageMapResizer.min.js"></script>
  <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
  <script src="vendors/bootstrap-3.4.1/js/ie10-viewport-bug-workaround.js"></script>
  
  <!-- Headroom -->
  <script src="vendors/headroom-0.9.4/headroom.min.js"></script>
  <script src="vendors/headroom-0.9.4/jquery.headroom.min.js"></script>

  <!-- JsTree -->
  <script src="vendors/jstree-3.3.7/jstree.min.js"></script>

  <!-- HelpNDoc scripts -->
  <script src="_translations.js"></script>
  <script src="js/hndsd.min.js"></script>
  <script src="js/hndse.min.js"></script>
  <script src="js/app.min.js"></script>

  <!-- Scripts -->
  <script>
    $(function() {
      // Create the app
      var app = new Hnd.App();
      // Update translations
      hnd_ut(app);
	  // Instanciate imageMapResizer
	  imageMapResize();
	  // Custom JS
	  
      // Boot the app
      app.Boot();
    });
  </script>



</body>

</html>