| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194 | 
							- <!DOCTYPE html>
 
- <html>
 
-    <head>
 
-       <meta charset="utf-8">
 
-       <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
-       <title>Módulos Disponíveis para a DGTT</title>
 
-       <link rel="stylesheet" href="../assets/bootstrap/css/bootstrap.min.css">
 
-       <link rel="stylesheet" href="../assets/fonts/font-awesome.min.css">
 
-       <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
 
-       <link rel="stylesheet" href="../assets/css/tutorial_styles.css">
 
-    </head>
 
-    <body>
 
-       <div id="tutorial">
 
-          <a class="gobackpagebtn" href="../index.html">
 
-          <i class="fas fa-angle-left"></i>
 
-          </a>
 
-          <section class="bg-primary">
 
-             <div class="container">
 
-                <div class="row" style="height: 138px">
 
-                   <div class="col-md-12">
 
-                      <h1 class="text-center">Navegação</h1>
 
-                      <h3 class="text-center bg-primary">Menus, vistas de dados, filtros e agrupamentos</h3>
 
-                   </div>
 
-                </div>
 
-             </div>
 
-          </section>
 
-          <section>
 
-             <div class="container">
 
-                <div class="row">
 
-                   <div class="col-md-6">
 
-                      <h3 style="text-align:right; margin-top:0;">Menus da aplicação</h3>
 
-                      <p style="text-align:right;">Os menus de navegação são apresentados no topo, à direita da designação do módulo - neste caso 
 
-                         <span class="fa fa-th"></span> Diretório - conforme o perfil e permissões de acesso do utilizador.
 
-                         <br/>
 
-                      </p>
 
-                      <p style="text-align:right;">Logo abaixo da barra de menus, está o nome dos registos - neste caso Empreendimentos de Alojamento. O botão CRIAR permite lançar um novo registo - neste caso um novo empreendimento.</p>
 
-                      <p style="text-align:right;">Do lado direito está a caixa de filtragem e agrupamento. Neste exemplo, os registos estão agrupados por tipo de empreendimento. Para ver o menu "
 
-                         <span class="fa fa-filter"></span> Filtros, 
 
-                         <span class="fa fa-align-justify"></span> Agrupar por e 
 
-                         <span class="fa fa-star"></span> Favoritos" clique no icon da lupa 
 
-                         <span class="fa fa-search-plus"></span>.
 
-                      </p>
 
-                      <p style="text-align:right;">Os registos estão apresentados na vista de Kanban (ícone 
 
-                         <span class="fa fa-1x fa-th-large"></span> selecionado) e estão mais duas vistas disponíveis para as Empreendimentos: 
 
-                         <span class="fa fa-th-list"></span> listagem e 
 
-                         <span class="fa fa-table"></span> tabela dinâmica.
 
-                      </p>
 
-                      <p style="text-align:right;">Experimente visitar todos os menus a que tem acesso para ter uma visão global da funcionalidades disponíveis para o seu perfil.</p>
 
-                   </div>
 
-                   <div class="col-md-6">
 
-                      <img class="img img-responsive center-block" src="../assets/img/navegacao/1.png" alt="Odoo texto e bloco de imagem"/>
 
-                   </div>
 
-                </div>
 
-             </div>
 
-          </section>
 
-          <section style="background-color:#f1f1f1; padding-top:40px; padding-bottom: 1px;">
 
-             <div class="container">
 
-                <div class="row">
 
-                   <div class="col-md-6">
 
-                      <img class="img img-responsive center-block" src="../assets/img/navegacao/2.png" alt="Odoo imagem e bloco de texto"/>
 
-                   </div>
 
-                   <div class="col-md-6">
 
-                      <h3 style="margin-top:0;">Vista de dados</h3>
 
-                      <p> Existem diferentes modos de visualização dos registos:</p>
 
-                      <ul>
 
-                         <li>
 
-                            <p>
 
-                               <span class="fa fa-th-list"></span>Listagem
 
-                            </p>
 
-                         </li>
 
-                         <li>
 
-                            <p>
 
-                               <span class="fa fa-list-alt"></span>Formulário
 
-                            </p>
 
-                         </li>
 
-                         <li>
 
-                            <p>
 
-                               <span class="fa fa-th-large"></span>Kanban
 
-                            </p>
 
-                         </li>
 
-                         <li>
 
-                            <p>
 
-                               <span class="fa fa-table"></span>Tabela dinâmica
 
-                            </p>
 
-                         </li>
 
-                         <li>
 
-                            <p>
 
-                               <span class="fa fa-calendar"></span>Calendário
 
-                            </p>
 
-                         </li>
 
-                         <li>
 
-                            <p>
 
-                               <span class="fa fa-server"></span>Gantt Chart
 
-                            </p>
 
-                         </li>
 
-                         <li>
 
-                            <p>
 
-                               <span class="fa fa-bar-chart-o"></span>Gráfico
 
-                            </p>
 
-                         </li>
 
-                      </ul>
 
-                      <p>Cada vista aplica-se melhor a um contexto. Se pretende editar um "alojamento" a vista que irá ver é de "formulário", enquanto que será mais fácil a vista de "listagem" para visualizar certos detalhes (i.e.: telefone) sobre Empreendimentos.</p>
 
-                      <p>
 
-                         <span style="line-height: 1.6">Na imagem pode-se ver que o número de registos a visualizar é 40 de um total de 68.</span>
 
-                      </p>
 
-                   </div>
 
-                </div>
 
-             </div>
 
-          </section>
 
-          <section style="padding-top:40px; padding-bottom: 1px;">
 
-             <div class="container">
 
-                <div class="row">
 
-                   <div class="col-md-6">
 
-                      <h3 style="text-align: right; margin-top:0;">Filtrar registos</h3>
 
-                      <p style="text-align: right;">Utilizando uma única caixa de pesquisa pode filtrar os registos utilizando um ou mais critérios. Os critérios mais comuns podem estar já definidos, ou de rápido acesso - neste caso "Empreendimentos Legais" e "Empreendimentos Ilegais".
 
-                         <br/>
 
-                      </p>
 
-                      <p style="text-align: right;">Pode-se ainda adicionar um filtro customizado, escolhendo o campo e o critério de filtro - neste exemplo, mostrar alojamentos do tipo Residencial.</p>
 
-                   </div>
 
-                   <div class="col-md-6">
 
-                      <img class="img img-responsive center-block" src="../assets/img/navegacao/3.png"/>
 
-                   </div>
 
-                </div>
 
-             </div>
 
-          </section>
 
-          <section style="background-color:#f1f1f1; padding-top:40px; padding-bottom: 1px;">
 
-             <div class="container">
 
-                <div class="row">
 
-                   <div class="col-md-6">
 
-                      <img class="img img-responsive center-block" src="../assets/img/navegacao/4.png" alt="Odoo imagem e bloco de texto" data-original-title="" title=""/>
 
-                   </div>
 
-                   <div class="col-md-6">
 
-                      <h3 style="margin-top:0;">Agrupar registos</h3>
 
-                      <p>É muito comum querer ver os seus registos agrupados por um ou mais critério. Por exemplo listar os alojamentos agrupando-os por tipo de empreendimento.</p>
 
-                      <p>
 
-                         <span style="line-height: 1.6">À semelhança dos filtros, os grupos são feitos na mesma caixa e podem ser mediante critérios previamente definidos ou adicionados conforme a necessidade concreta do utilizador.</span>
 
-                      </p>
 
-                   </div>
 
-                </div>
 
-             </div>
 
-          </section>
 
-          <section style="padding-top:40px; padding-bottom: 1px;">
 
-             <div class="container">
 
-                <div class="row">
 
-                   <div class="col-md-6">
 
-                      <h3 style="text-align: right; margin-top:0;">Botões e Ações</h3>
 
-                      <p style="text-align: right;">Num determinado registo é possível desencadear pelos botões que um registo mude de estado ou execute um dado procedimento.</p>
 
-                      <p style="text-align: right;" class="o_default_snippet_text"></p>
 
-                      <p style="text-align: right;">Para duplicar um registo, eliminá-lo, anexar um ficheiro, etc, utiliza-se as acções para o efeito.</p>
 
-                   </div>
 
-                   <div class="col-md-6">
 
-                      <img class="img img-responsive center-block" src="../assets/img/navegacao/5.png" alt="Odoo texto e bloco de imagem""/>
 
-                   </div>
 
-                </div>
 
-             </div>
 
-          </section>
 
-          <section style="background-color:#f1f1f1; padding-top:40px; padding-bottom: 1px;">
 
-             <div class="container">
 
-                <div class="row">
 
-                   <div class="col-md-6">
 
-                      <img class="img img-responsive center-block" src="../assets/img/navegacao/6.png" alt="Odoo imagem e bloco de texto"/>
 
-                   </div>
 
-                   <div class="col-md-6">
 
-                      <h3 style="margin-top:0;">Preferências do utilizador</h3>
 
-                      <p>O utilizador pode alterar o idioma, fuso horário, se pretende ou não receber por email notificação do sistema, e qual a assinatura que pretende que conste das mensagens enviadas via sistema. Podem ainda alterar e a sua password, na menu de navegação à direita, em "Preferências".</p>
 
-                   </div>
 
-                </div>
 
-             </div>
 
-          </section>
 
-          <section style="padding-top:40px; padding-bottom: 1px;">
 
-             <div class="container">
 
-                <div class="row">
 
-                   <div class="col-md-12">
 
-                      <p style="text-align: left;">
 
-                         <strong>
 
-                         <font style="font-size: 20px;">Continue com o tutorial…</font>
 
-                         </strong>
 
-                      </p>
 
-                      <p style="text-align: left;">
 
-                         <b style="font-size: 20px;">Conheça os Módulos diponíveis e saiba como utilizá-los.</b>
 
-                         <a href="modulos_disponiveis.html" class="btn btn-primary" style="float: right;">Próximo 
 
-                         <i class="fa fa-chevron-right"></i>
 
-                         </a>
 
-                      </p>
 
-                   </div>
 
-                </div>
 
-             </div>
 
-          </section>
 
-       </div>
 
-       <script src="../assets/js/jquery.min.js"></script>
 
-       <script src="../assets/bootstrap/js/bootstrap.min.js"></script>
 
-       <script src="../assets/js/tutorial_img_swap.js"></script>
 
-    </body>
 
- </html>
 
 
  |