Download as
Browse Code »

Commit ee380b19c598827bb66cfe5a47127cf045fc4880

Authored by fabricio
1 parent ae80dcf1
Exists in master

novos textos e imagens

Showing 1 changed file with 50 additions and 25 deletions   Show diff stats
WebContent/WEB-INF/jsp/instrucao/instrucao.jsp
  Diff comments   View file @ee380b1
... ... @@ -22,10 +22,10 @@
22 22 <h2 class="titulo">Instruções de Preenchimento</h2>
23 23 </div>
24 24  
25   - <div>
  25 +
26 26 <div id="content-core">
27 27  
28   - <p>Esta página contém as principais instruções de como preencher este formulário e emitir o Relatório Circunstanciado.</p>
  28 + <p>Esta página contém as principais instruções de como preencher este formulário e emitir o relatório circunstanciado.</p>
29 29  
30 30 <p>Na pagina inicial você ira informar o código de acesso e em seguida você irá precionar a tecla ‘Enter’ ou clicar no botão ‘Entrar’. </p>
31 31  
... ... @@ -37,41 +37,66 @@
37 37 <p>Na tela seguinte, o primeiro grupo que irá aparecer será o grupo de ‘Dados Institucionais’. No primeiro campo irá aparecer o nome do órgão correspondente ao código de acesso informado, este campo não pode ser editado. Os demais campos (Nome completo, Cargo que ocupa, Telefone e E-mail) são editaveis, de preenchimento obrigatório e deverão conter os dados da pessoa que preencher o relatório.</p>
38 38  
39 39 <figure class="divImagem">
40   - <img class="imagem" src="${pageContext.request.contextPath}/imgs/camposInstitucionais.png" alt="campo Código de Acesso com o botão Enviar">
  40 + <img class="imagem" src="${pageContext.request.contextPath}/imgs/camposInstitucionais.png" alt="Campos Órgao, Nome completo, Cargo, Telefone, Email">
41 41 <figcaption>Figura 2: Grupo de 'Dados Institucionais'</figcaption>
42 42 </figure>
43 43  
44   - <p>O segundo grupo é o de 'Ambientes e Páginas', neste grupo você irá informar pelo menos um sitio ou portal do órgão e quatro páginas deste mesmo sítio ou portal. No exemplo abaixo iremos utilizar o sítio institucional do Ministério do Meio Ambiente (MMA). No campo ‘Ambiente 1’ iremos preencher com a URI ‘http://www.mma.gov.br/’. </p>
  44 + <p>O segundo grupo é o de 'Ambientes e Páginas', neste grupo você irá informar pelo menos um sítio ou portal do órgão (O principal sítio ou portal do órgão deverá ser informado) e quatro páginas deste mesmo sítio ou portal. Como exemplo iremos utilizar o sítio institucional do Ministério do Meio Ambiente (MMA). No campo ‘Ambiente 1’ iremos preencher com a URI ‘http://www.mma.gov.br/’ (Ver figura 3). </p>
45 45  
46   - <p>Esta URL (http://www.mma.gov.br/) possui varias páginas, mas iremos escolher a página de Contatos, Serviços, Perguntas Frequentes e outra de escolha livre e iremos preencher os campos ‘Página 1.1’, ’Página 1.2’, ’Página 1.3’ e ‘Página 1.4’ com as respectivas URI’S como mostra a figura abaixo:</p>
  46 + <p>Esta URI (http://www.mma.gov.br/) é o principal sítio institucional do <abbr title="Ministério do Meio Ambiente">MMA</abbr> e possui varias páginas, mas iremos escolher a página de Perguntas Frequentes, Serviços, Área de Imprensa e Programas. Logo em seguida iremos preencher os campos ‘Página 1.1’, ’Página 1.2’, ’Página 1.3’ e ‘Página 1.4’ com as suas respectivas URI’S como mostra a figura abaixo.</p>
47 47  
48   - <p>Veja que na figura acima preenchemos os campos com as URI’S de Contato, Serviço, Perguntas Frequentes e Outra de escolha livre, todas elas pertencentes a URI da Página 1 (http://www.mma.gov.br/).</p>
  48 + <figure class="divImagem">
  49 + <img class="imagem2" src="${pageContext.request.contextPath}/imgs/ambientePagina.png" alt="Campos Ambientes e Páginas">
  50 + <figcaption>Figura 3: O ambiente e suas páginas</figcaption>
  51 + </figure>
  52 +
  53 + <p>Veja que na figura acima preenchemos os campos com as URI’S de Perguntas Frequentes, Serviços, Área de Imprensa e Programas, todas elas pertencentes a URI do 'Ambiente Digital 1' (http://www.mma.gov.br/).</p>
49 54  
50   - <p>O mesmo procedimento deverá ser feito nos demais campos (Ambiente 2, Ambiente 3, Ambiente 4 e Ambiente 5 ) para outros sitios ou portais que o órgão possa ter, porém não são obrigatório.</p>
  55 + <p>O mesmo procedimento deverá ser feito nos demais campos (Ambiente 2, Ambiente 3, Ambiente 4 e Ambiente 5 ) para outros sítios ou portais que o órgão possa ter, porém não são de preechimento obrigatório.</p>
51 56  
52   - <p>Após fazer todos os procedimentos acima, você irá clicar em ‘Avançar’, ou precionar a tecla ‘Enter’. A próxima página será a de ‘Dados Acessibilidade’, esta página contem perguntas sobre a implementação de acessibilidade nos sítios, portais e sistemas no órgão. Algumas perguntas são de preechimento obrigatório, outras não.</p>
  57 + <p>Após fazer todos os procedimentos acima, você irá clicar em ‘Avançar’, ou precionar a tecla ‘Enter’. A próxima página será a de ‘Dados Acessibilidade’, esta página contém perguntas sobre a implementação de acessibilidade nos sítios, portais e sistemas do órgão. Algumas perguntas são de preechimento obrigatório, outras não.</p>
53 58  
54   - <p>Na pergunta 13 irão aparecer todas as URI’S informadas na página anterior, nelas você terá que fornecer a nota ASES e a nota ACCESSMONITOR, como mostra a figura abaixo. Abaixo da figura irão aparecer os links de acesso á página do ASES e do ACCESSMONITOR.</p>
  59 + <p>Na pergunta 13 irão aparecer todas as URI’S informadas na página anterior, nelas você terá que fornecer a nota ASES e a nota AccessMonitor (utilize o WCAG 2.0), como mostra a figura abaixo. Abaixo da figura irão aparecer os links de acesso para o sítio do ASES WEB e do AccessMonitor.</p>
55 60  
56   - <p>Após respondida as perguntas, você irá precionar a tecla ‘Enter’ ou clicar no botão ‘Enviar’ no final da página, para finalizar o procedimento. Logo após (se as informações fornecidas estiverem corretas), irá aparecer uma mensagem de confirmação informando que o cadastro foi realizado. Nesta mesma página irá aparecer um botão de ‘Emitir Relatório’, ao clicar neste botão você poderá imprimir o relatório que você acabou de preencher, ou salvar uma cópia no seu computador. Você também poderá emitir o Relatório Circunstanciado através do link ‘Emitir Relatório’ situada na barra de menu. Este mesmo relatório terá que ser enviado aos órgão de controle. Você poderá elaborar seu próprio modelo de Relatorio Circunstanciado, contanto que possua as mesmas informações contidas neste formulário.</p>
  61 + <figure class="divImagem">
  62 + <img class="imagem2" src="${pageContext.request.contextPath}/imgs/notas.png" alt="Campos Ambientes e Páginas">
  63 + <figcaption>Figura 4: URI'S com os campos para a nota ASES e AccessMonitor</figcaption>
  64 + </figure>
  65 +
  66 +
  67 + <hr class="hr_linhaDupla">
  68 + <div class="outstanding-header">
  69 + <h3 class="outstanding-title">Sítios para a nota ASES e ACCESSMONITOR</h3>
  70 + </div>
  71 +
  72 + <ul>
  73 + <li><a href="http://asesweb.governoeletronico.gov.br">ASES WEB - asesweb.governoeletroncio.gov.br (link para um novo sítio)</a></li>
  74 + <li><a href="http://www.acessibilidade.gov.pt/accessmonitor/"> AccessMonitor - http://www.acessibilidade.gov.pt/accessmonitor/ (link para um novo sítio)</a></li>
  75 + </ul>
  76 +
  77 + <p>Após respondida as perguntas, você irá precionar a tecla ‘Enter’ ou clicar no botão ‘Enviar’ no final da página,
  78 + para finalizar o procedimento. Logo após (se as informações fornecidas estiverem corretas), irá aparecer
  79 + uma mensagem de confirmação informando que o cadastro foi realizado (Ver figura 5). Nesta mesma página irá
  80 + aparecer um botão de ‘Emitir Relatório’, ao clicar neste botão você poderá imprimir o relatório que acabou
  81 + de preencher ou salvar uma cópia no seu computador. Você também poderá emitir o relatório circunstanciado
  82 + através do link ‘Emitir Relatório’ situada na barra de menu (Ver figura 6). Este mesmo relatório terá que ser enviado aos
  83 + órgão de controle. Você poderá elaborar seu próprio modelo de relatorio circunstanciado, contanto que possua as mesmas informações contidas neste formulário.</p>
57 84  
58   - <p>Até a data limite para enviar o Relatório Circunstanciado, você pode acessar novamente o seu formulário e corrigir (ou atualizar) as informações fornecidas.</p>
  85 + <figure class="divImagem">
  86 + <img class="imagem2" src="${pageContext.request.contextPath}/imgs/telaConfirmacao.png" alt="Mensagem de confirmação e botão para emitir o Relatório Circunstanciado">
  87 + <figcaption>Figura 5: Mensagem de confirmação e botão para emitir o relatório circunstanciado</figcaption>
  88 + </figure><br>
59 89  
60   - <p>Caso tenha dúvidas para o preenchimento deste formulário, acesse o link ‘Contato’ situado na barra de menu.</p>
  90 + <figure class="divImagem">
  91 + <img class="imagem" src="${pageContext.request.contextPath}/imgs/telaEmitirRelatorio.png" alt="tela com campo e botão para emitir o relatório circunstanciado">
  92 + <figcaption>Figura 6: Campo para emitir o relatório circunstanciado</figcaption>
  93 + </figure>
  94 +
  95 +
  96 + <p>Até a data limite para enviar o relatório circunstanciado, você pode acessar novamente o seu formulário e corrigir (ou atualizar) as informações fornecidas.</p>
  97 +
  98 + <p>Caso tenha outras dúvidas para o preenchimento deste formulário, acesse o link ‘Contato’ situado na barra de menu.</p>
61 99  
62   - <ul>
63   - <li><a class="external-link" href="http://www.planalto.gov.br/ccivil_03/_Ato2004-2006/2004/Decreto/D5296.htm">Decreto nº 5.296, de 02 de Dezembro de 2004 (link para um novo sítio)</a></li>
64   - <li><a href="http://www.planalto.gov.br/ccivil_03/_ato2007-2010/2009/decreto/d6949.htm">Decreto nº 6.949, de 25 de Agosto de 2009 - Promulga a Convenção Internacional sobre os Direitos das Pessoas com Deficiência e seu Protocolo Facultativo, assinados em Nova York, em 30 de Março de 2007 (link para um novo sítio)</a></li>
65   - <li><a href="http://www.planalto.gov.br/ccivil_03/_ato2011-2014/2012/Decreto/D7724.htm">Decreto nº 7.724, de 16 de Maio de 2012 - Regulamenta a Lei nº 12.527, que dispõe sobre o acesso a informações (link para um novo sítio)</a></li>
66   - <li><a class="external-link" href="http://emag.governoeletronico.gov.br/">Modelo de Acessibilidade de Governo Eletrônico (link para um novo sítio)</a></li>
67   - <li><a href="http://www.governoeletronico.gov.br/documentos-e-arquivos/portaria3_eMAG.pdf">Portaria nº 03, de 07 de Maio de 2007 - Institucionaliza o Modelo de Acessibilidade em Governo Eletrônico – eMAG (formato .pdf - 36 Kb)</a></li>
68   - <li><a href="http://www.planalto.gov.br/ccivil_03/_Ato2015-2018/2015/Lei/L13146.htm">Lei nº 13.146, de 6 de Julho de 2015 - Institui a Lei Brasileira de Inclusão da Pessoa com Deficiência (link para um novo sítio)</a></li>
69   - <li><a href="http://www.planalto.gov.br/ccivil_03/_ato2011-2014/2012/Decreto/D7724.htm">Decreto nº 7.724, de 16 de Maio de 2012 - Regulamenta a Lei nº 12.527, que dispõe sobre o acesso a informações (link para um novo sítio)</a></li>
70   - <li><a href="http://www.planalto.gov.br/ccivil_03/_ato2011-2014/2011/lei/l12527.htm">Lei nº 12.527, de 18 de Novembro de 2011 - Lei de Acesso à Informação (link para um novo sítio)</a></li>
71   - </ul>
72   -
73   -
74   -
75 100 </div>
76 101  
77 102 </jsp:body>
... ...