Exibir código-fonte para Acesso ao sistema SUAP

== Considerações Iniciais ==
<div style="background-color: #eef5e7; padding: 1em;">
Este tutorial orienta como confeccionar um documento para solicitação de diárias e passagens. 
</div>
<br>

== Acessar o sistema Suap ==
<div style="background-color: #eef5e7; padding: 1em;">
<p>Primeiramente, para acessar o sistema Suap, dirija-se ao endereço eletrônico <b>[https://suap.ifsuldeminas.edu.br https://suap.ifsuldeminas.edu.br]</b>. Em seguida, efetue o login utilizando seu <b>“usuário(Servidores (Nº SIAPE) / Contratados (CPF) / Alunos (RA))”<font color="red">(1)</font></b>, a <b>“senha”<font color="red">(2)</font></b> e depois clique no botão <b>“Acessar”<font color="red">(3)</font></b> ou clique no botão cinza para efetuar o processo de login na plataforma do governo <b>“Entrar com gov.br”<font color="red">(4)</font></b>, conforme ilustrado na <b>Figura 1</b>.</p>
</div>

<table border='0' style="width:100%;">
<tr>
<td valign="top" align='center'>
<b>Figura 1:</b> Tela de acesso do sistema Suap.
</td>
</tr>
<tr>
<td valign="top" align='center'>
[[Arquivo:SUAPdiarias001.png|950px]]
</td>
</tr>
</table>
<br>

<div style="background-color: #eef5e7; padding: 1em;">
<p>Clicando no botão cinza <b>“Entrar com gov.br”<font color="red">(4)</font></b>, conforme ilustrado na <b>Figura 1</b>, será realizado o redirecionamento para o endereço eletrônico <b>[https://suap.ifsuldeminas.edu.br/login/govbr https://suap.ifsuldeminas.edu.br/login/govbr]</b>. Na próxima tela identifique-se digitando no campo <b>“CPF”<font color="red">(1)</font></b> o seu número de CPF (somente os números) e depois clique no botão <b>“Continuar”<font color="red">(2)</font></b>. Veja a <b>Figura 2</b>.</p>
</div>

<table border='0' style="width:100%;">
<tr>
<td valign="top" align='center'>
<b>Figura 2:</b> Tela de acesso ao sistema Suap pelo gov.br.
</td>
</tr>
<tr>
<td valign="top" align='center'>
[[Arquivo:viagens02.png|950px]]
</td>
</tr>
</table>
<br>

<div style="background-color: #eef5e7; padding: 1em;">
<p>Na próxima tela, digite no campo <b>“Senha”<font color="red">(1)</font></b> a sua senha e depois clique no botão <b>“Entrar”<font color="red">(2)</font></b>, conforme ilustrado na <b>Figura 3</b>. Em seguida, o seu usuário será autenticado e logado no SUAP.</p>
</div>

<table border='0' style="width:100%;">
<tr>
<td valign="top" align='center'>
<b>Figura 3:</b> Tela de autenticação.
</td>
</tr>
<tr>
<td valign="top" align='center'>
[[Arquivo:viagens03.png|950px]]
</td>
</tr>
</table>
<br>

== Acessar o módulo Diárias e Passagens ==
<div style="background-color: #eef5e7; padding: 1em;">
<p>Após realizar o login no sistema Suap, siga para o menu <b>“Documentos/Processos”<font color="red">(1)</font></b>, depois acesse o submenu <b>“Documentos Eletrônicos”<font color="red">(2)</font></b> e, em seguida, <b>“Documentos”<font color="red">(3)</font></b>, conforme ilustrado na <b>Figura 2</b>.</p>
</div>

<table border='0' style="width:100%;">
<tr>
<td valign="top" align='center'>
<b>Figura 2:</b> Tela de inicialização do documento eletrônico.
</td>
</tr>
<tr>
<td valign="top" align='center'>
[[Arquivo:SUAPdiarias002.png|950px]]
</td>
</tr>
</table>
<br>

<div style="background-color: #eef5e7; padding: 1em;">
<p>Na tela seguinte, clique no botão <b>“Adicionar Documento de Texto”<font color="red">(1)</font></b>, conforme ilustrado na <b>Figura 3</b>.</p>
</div>

<table border='0' style="width:100%;">
<tr>
<td valign="top" align='center'>
<b>Figura 3:</b> Tela para adicionar o documento de texto.
</td>
</tr>
<tr>
<td valign="top" align='center'>
[[Arquivo:SUAPdiarias003.png|950px]]
</td>
</tr>
</table>
<br>


<div style="background-color: #eef5e7; padding: 1em;">
<p>Na próxima tela, na seção <b>"Dados do Documento"</b>, adicione os dados para confeccionar o documento de texto. Portanto, confira os campos abaixo:</p>
<p>- No campo <b>“Espécie:”<font color="red">(1)</font></b>, escolha a opção <b>"Requerimento"</b>.</p> 
<p>- Nos campos <b>“Tipo:”<font color="red">(2)</font></b> e <b>“Modelo:”<font color="red">(3)</font></b>, escolha a opção <b>"Requerimento de viagem para afastamento da sede"</b>.</p>
<p>- No campo <b>“Assunto:”<font color="red">(4)</font></b>, escreva o motivo da viagem. <b>Ex.:</b> Viagem para Congresso em São Paulo-SP.</p>
<p>- No campo <b>“Setor Dono:”<font color="red">(5)</font></b>, escolha a sua identificação institucional.</p>
<p>- No campo <b>“Classificações:”<font color="red">(6)</font></b>, escolha uma das opções disponíveis. Caso seja disponibilizado ao seu usuário.</p>
</br>
<p>Já na seção <b>"Nível de Acesso:"</b>, defina o nível de visualização do documento de texto. Portanto, confira os campos abaixo:</p>
<p>- No campo <b>“Nível de Acesso:”<font color="red">(7)</font></b>, entre as opções disponíveis, recomenda-se deixar marcado a opção <b>"Restrito"</b>, somente as pessoas lotadas no setor dono do documento podem ter acesso às informações e as pessoas solicitadas para assinar o respectivo documento;</p>
<p>- No campo <b>“Hipótese Legal:”<font color="red">(8)</font></b>, escolha a opção disponível.</p> 
<p>- No campo <b>“Ciência sobre LGPD, Lei n° 13.709/2018”<font color="red">(9)</font></b>, clique na caixa checkbox <b>☐</b>. Este campo ficará assim: <b>✅</b>.</p>
<br>
<p>Para continuar, clique no botão <b>“Salvar”<font color="red">(10)</font></b>. Caso clique no botão <b>“Salvar e adicionar outro(a)”<font color="red">(11)</font></b>, salvará o documento atual e poderá adicionar um outro documento, já no botão <b>“Salvar e continuar editando”<font color="red">(12)</font></b>, salva o documento atual e mantém editando o documento, conforme ilustrado na <b>Figura 4</b>.</p>
</div>

<table border='0' style="width:100%;">
<tr>
<td valign="top" align='center'>
<b>Figura 4:</b> Tela de preenchimento do documento de texto.
</td>
</tr>
<tr>
<td valign="top" align='center'>
[[Arquivo:SUAPdiarias004.png|950px]]
</td>
</tr>
</table>
<br>

<div style="background-color: #eef5e7; padding: 1em;">
<p>Ao salvar o documento, aparecerá a mensagem <b>“Cadastro realizado com sucesso. Acesse o cadastro.”<font color="red">(1)</font></b>, conforme ilustrado na <b>Figura 5</b>.</p>
</div>

<table border='0' style="width:100%;">
<tr>
<td valign="top" align='center'>
<b>Figura 5:</b> Tela de finalização do documento de texto.
</td>
</tr>
<tr>
<td valign="top" align='center'>
[[Arquivo:SUAPdiarias005.png|950px]]
</td>
</tr>
</table>
<br>

<div style="background-color: #eef5e7; padding: 1em;">
<p>Na próxima tela, para concluir o documento clique no botão-menu <b>“Concluir”<font color="red">(1)</font></b>, caso queira editar o modelo do documento clique no botão-menu <b>“Editar”<font color="red">(2)</font></b> e depois no botão-submenu <b>“Texto”<font color="red">(3)</font></b>, conforme ilustrado na <b>Figura 6</b>.</p>
</div>

<table border='0' style="width:100%;">
<tr>
<td valign="top" align='center'>
<b>Figura 6:</b> Tela para editar o documento de texto.
</td>
</tr>
<tr>
<td valign="top" align='center'>
[[Arquivo:SUAPdiarias6.png.png|950px]]
</td>
</tr>
</table>
<br>

<div style="background-color: #eef5e7; padding: 1em;">
<p>Na seção <b>"Solicitante"<font color="red">(1)</font></b> os campos que não podem ficar sem preencher: Nome e Setor;</p>
<p>Já na seção <b>"Dados do Proposto - 01"<font color="red">(2)</font></b>. Preencha todos campos. <b><i>Observação:</i></b> Caso seja marcado o campo "Sem Ônus", não será necessário preencher os dados bancários. *Se necessário preencha <b>"Dados do Proposto - 02"</b>, e também, poderá acrescentar novas tabelas "Dados do Proposto".</p>
<p>Na seção <b>"Informações da Viagem"<font color="red">(3)</font></b> preencher todos os campos.</p>
<p>Na seção <b>"Informações do Transporte"<font color="red">(4)</font></b> preencher todos os campos. <b><i>Observação:</i></b> Caso seja necessário fornecer uma lista de passageiros com o CPF, clique no campo "Quantidade de passageiros" e pressione a tecla <ENTER> do seu teclado e depois digite a sua lista ou pressione as teclas Ctrl+V para colar a sua lista, pois o seu navegador não permitirá colar pelos botões da barra de tarefas ou pelo menu de contexto.</p>
<p>Na seção <b>"Percurso - Ida"<font color="red">(5)</font></b> preencher todos os campos. <b><i>Observação:</i></b> na coluna "Início da Missão" preencha o horário do início do evento.</p>
<p>Na seção <b>"Permanência (se houver pernoite)"<font color="red">(6)</font></b> preencha se for necessário.</p>
<p>Na seção <b>"Percurso - Retorno"<font color="red">(7)</font></b> preencher todos os campos.</p>
<p>Para as demais seções <b>"Justificativa ..."<font color="red">(8)</font></b> preeencher o campo, caso o solicitante achar necessário. Conforme a Portaria nº 204, de 6 de fevereiro de 2020, <b>[https://www.in.gov.br/en/web/dou/-/portaria-n-204-de-6-de-fevereiro-de-2020-242078421 clique aqui]</b>.</p>
<p>Após o preenchimento do documento, clique no botão <b>"Salvar e Visualizar"<font color="red">(9)</font></b>.</p>
</div>

<table border='0' style="width:100%;">
<tr>
<td valign="top" align='center'>
<b>Figura 7:</b> Tela de preenchimento do documento de texto.
</td>
</tr>
<tr>
<td valign="top" align='center'>
[[Arquivo:SUAPdiarias07.png|950px]]
</td>
</tr>
</table>
<br>

<div style="background-color: #eef5e7; padding: 1em;">
<p>Na próxima tela, verifique todas as informações preenchidas no documento <b>"REQUERIMENTO DE VIAGEM PARA AFASTAMENTO DA SEDE"</b>. Para concluir o documento clique no botão-menu <b>“Concluir”<font color="red">(1)</font></b>, caso queira editar o modelo do documento clique no botão-menu <b>“Editar”<font color="red">(2)</font></b> e depois no botão-submenu <b>“Texto”<font color="red">(3)</font></b>, conforme ilustrado na <b>Figura 8</b>.</p>
</div>

<table border='0' style="width:100%;">
<tr>
<td valign="top" align='center'>
<b>Figura 8:</b> Tela de finalização ou edição do documento de texto.
</td>
</tr>
<tr>
<td valign="top" align='center'>
[[Arquivo:SUAPdiarias08.png.png|950px]]
</td>
</tr>
</table>
<br>

<div style="background-color: #eef5e7; padding: 1em;">
<p>Aparecerá uma caixa pop-up perguntando se <b>"Tem certeza que deseja continuar?</b>, clique no botão <b>"ok"</b> para prosseguir. Aparecerá a mensagem <b>"Operação realizada com sucesso."<font color="red">(1)</font></b>, conforme ilustrado na <b>Figura 9</b>.</p>
</div>

<table border='0' style="width:100%;">
<tr>
<td valign="top" align='center'>
<b>Figura 9:</b> Tela de conclusão do documento.
</td>
</tr>
<tr>
<td valign="top" align='center'>
[[Arquivo:SUAPdiarias09.png.png|950px]]
</td>
</tr>
</table>
<br>

<div style="background-color: #eef5e7; padding: 1em;">
<p>Na tela posterior, clique no botão-menu <b>“Solicitar”<font color="red">(1)</font></b>, depois clique no botão-submenu <b>“Assinatura”<font color="red">(2)</font></b>, conforme ilustrado na <b>Figura 10</b>.</p>
</div>

<table border='0' style="width:100%;">
<tr>
<td valign="top" align='center'>
<b>Figura 10:</b> Tela de solicitação de assinatura para o documento.
</td>
</tr>
<tr>
<td valign="top" align='center'>
[[Arquivo:SUAPdiarias0010.png|950px]]
</td>
</tr>
</table>
<br>

<div style="background-color: #eef5e7; padding: 1em;">
<p>Em seguida, na seção <b>"Solicitações de Assinaturas"</b> clique na lupa para localizar e acrescentar o seu <b>nome<font color="red">(1)</font></b> em <b>"Solicitação Principal"</b>. Já em <b>"Solicitação condicionada #"</b> no campo <b>“Pessoa”<font color="red">(2)</font></b> informe a sua chefia imediata para assinar o documento e no campo <b>“Ordem”<font color="red">(3)</font></b> use um mesmo número de ordem para realizar solicitações simultâneas. Caso seja necessário adicionar mais pessoas, clique no botão <b>"Adicionar Solicitação"<font color="red">(4)</font></b>. <b><i>Observação: sempre adicione os servidores Zélia Dias de Souza e Pedro Lúcio dos Reis Riboli na solicitação de assinatura do documento.</i></b> Ao terminar, clique no botão <b>"Enviar solicitações"<font color="red">(4)</font></b> para concluir o documento, conforme ilustrado na <b>Figura 11</b>.</p>
</div>

<table border='0' style="width:100%;">
<tr>
<td valign="top" align='center'>
<b>Figura 11:</b> Tela de solicitação de assinatura para o documento.
</td>
</tr>
<tr>
<td valign="top" align='center'>
[[Arquivo:SUAPdiarias011.png|950px]]
</td>
</tr>
</table>
<br>


<div style="background-color: #eef5e7; padding: 1em;">
<p>Após a conclusão do documento, aparecerá a mensagem <b>"Sua solicitação foi enviada com sucesso."<font color="red">(1)</font></b>, conforme ilustrado na <b>Figura 12</b>.</p>
</div>

<table border='0' style="width:100%;">
<tr>
<td valign="top" align='center'>
<b>Figura 12:</b> Tela de conclusão do documento.
</td>
</tr>
<tr>
<td valign="top" align='center'>
[[Arquivo:SUAPdiarias0012.png.png|950px]]
</td>
</tr>
</table>
<br>


<div style="background-color: #eef5e7; padding: 1em;">
<p>Neste momento, aguarde as pessoas envolvidas assinarem o documento para encerrar o processo.</p>
</div>