Download as
Browse Code »

Commit 10cd9dc378b8527ef37184bd4d77a8a677e27c70

Authored by Edmar Moretti
1 parent 244a0812
Exists in master

$1

Showing 56 changed files with 970 additions and 1639 deletions   Show diff stats
docs/.project
  Diff comments   View file @10cd9dc
1 1 <?xml version="1.0" encoding="UTF-8"?>
2 2 <projectDescription>
3   - <name>docs geosaúde</name>
  3 + <name>docs geosa&uacute;de</name>
4 4 <comment></comment>
5 5 <projects>
6 6 </projects>
... ...
docs/.settings/org.eclipse.wst.common.component
  Diff comments   View file @10cd9dc
1 1 <?xml version="1.0" encoding="UTF-8"?><project-modules id="moduleCoreId" project-version="1.5.0">
2   - <wb-module deploy-name="docs geosaúde">
  2 + <wb-module deploy-name="docs geosa&uacute;de">
3 3 <wb-resource deploy-path="/" source-path="/WebContent"/>
4   - <property name="context-root" value="docs_geosaúde"/>
  4 + <property name="context-root" value="docs_geosa&uacute;de"/>
5 5 </wb-module>
6 6 </project-modules>
... ...
docs/CriacaoBancoDados.html
  Diff comments   View file @10cd9dc
1   -<!DOCTYPE html>
2   -<html>
3   -<head>
4   - <meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
5   - <meta charset="UTF-8">
6   - <title>Criando Banco de dados</title>
7   - <link media="screen" href="./files/estilos.css" type="text/css"
8   - rel="stylesheet">
9   -<!--[if lt IE 10]>
10   -<![endif]-->
11   - <link rel="stylesheet" type="text/css" href="./files/estilos.css">
12   -</head>
13   -<body class="blue-bg">
14   -<div id="wrapper-flex">
15   -<div style="background-color: white;">
16   -<div class="f-page-auto-cell" id="doc">
17   -<div class="imginicio"><img onclick="window.history.back()" style="border: 0px solid ; width: 40px; height: 40px;" alt="inicio" src="files/inicio.gif"></div>
18 1 <h1>Cria&ccedil;&atilde;o
19 2 de um banco de dados no Postgres<span
20 3 style="color: rgb(51, 51, 51); font-family: Verdana,Helvetica,Arial; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 19px; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px; background-color: rgb(255, 255, 255); display: inline ! important; float: none;">&nbsp;</span></h1>
... ... @@ -246,18 +229,3 @@ importa&amp;ccedil;&amp;atilde;o de tabela.&lt;br&gt;
246 229 <br>
247 230 &nbsp;&nbsp;<br>
248 231 </div>
249   -<div class="trail-box-bottom">
250   -<img src="files/trails-box-br.png" class="right" alt="" height="6"
251   - width="7"><img src="files/trails-box-bl.png" class="left" alt=""
252   - height="6" width="7"></div>
253   -</div>
254   -<div class="imginicio"><a href="#top"><img title="Topo"
255   - style="border: 0px solid ; width: 41px; height: 35px;" alt="Topo"
256   - src="files/topo.gif"></a></div>
257   -&nbsp; <br>
258   -<br>
259   -</div>
260   -</div>
261   -</div>
262   -</body>
263   -</html>
... ...
docs/DeterminandoLimites.html
  Diff comments   View file @10cd9dc
1   -<!DOCTYPE html>
2   -<html>
3   -<head>
4   - <meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
5   - <meta charset="UTF-8">
6   - <title>Defini&ccedil;&atilde;o
7   -de limites</title>
8   - <link media="screen" href="./files/estilos.css" type="text/css"
9   - rel="stylesheet">
10   -<!--[if lt IE 10]>
11   -<![endif]-->
12   - <link rel="stylesheet" type="text/css" href="./files/estilos.css">
13   -</head>
14   -<body class="blue-bg">
15   -<div id="wrapper-flex">
16   -<div style="background-color: white;">
17   -<div class="f-page-auto-cell Code" id="doc">
18   -<div class="imginicio"><img onclick="window.history.back()" style="border: 0px solid ; width: 40px; height: 40px;" alt="inicio" src="files/inicio.gif"></div>
19 1 <h1>Defini&ccedil;&atilde;o
20 2 de limites de regi&atilde;o&nbsp;</h1>
21 3 <a name="inicio"></a><br>
... ... @@ -181,17 +163,3 @@ Agora de posse&amp;nbsp;dos c&amp;oacute;digo dos novos limites,
181 163 utilize-os em suas vari&aacute;veis para geoposicionar sua
182 164 informa&ccedil;&atilde;o nessas novas regi&otilde;es.
183 165 </div>
184   -<div class="trail-box-bottom">
185   -<img src="files/trails-box-br.png" class="right" alt="" height="6"
186   - width="7"><img src="files/trails-box-bl.png" class="left" alt=""
187   - height="6" width="7"></div>
188   -</div>
189   -<div class="imginicio"><a href="#top"><img title="Topo"
190   - style="border: 0px solid ; width: 41px; height: 35px;" alt="Topo"
191   - src="files/topo.gif"></a></div>
192   -&nbsp; &nbsp;<br>
193   -</div>
194   -</div>
195   -</div>
196   -</body>
197   -</html>
... ...
docs/DigitandoDados.html
  Diff comments   View file @10cd9dc
1   -<!DOCTYPE html>
2   -<html>
3   -<head>
4   -<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
5   -<meta charset="UTF-8">
6   -<title>i3GeoSaude</title>
7   -
8   -<link media="screen" href="./files/estilos.css" type="text/css" rel="stylesheet">
9   -<link rel="stylesheet" type="text/css" href="./files/estilos.css">
10   -</head>
11   -<body class="blue-bg">
12 1 <h1>
13   - Alterando atributos da medida de variável<span style="font-weight: bold;"> </span>&nbsp;
  2 + Alterando atributos da medida de vari&aacute;vel<span style="font-weight: bold;"> </span>&nbsp;
14 3 </h1>
15 4 <p>
16   - O i3GeoSaúde permite alterar os valores dos atributos criados nos <a href="admin_metadados.html"><span style="text-decoration: underline;">Metadados estatísticos</span></a>. Isso possibilita acrescentar dados adicionais aos limites que foram cadastrados, além de adicionar informações que facilitem a interpretação de um fenômeno associado ao mapa. Alterando atributos
17   - <h2>
18   - <a name="ancora"></a>
19   - </h2>
  5 + O i3GeoSa&uacute;de permite alterar os valores dos atributos criados nos <a href="index.php?conteudo=admin_metadados.html"><span style="text-decoration: underline;">Metadados estat&iacute;sticos</span></a>. Isso possibilita acrescentar dados adicionais aos limites que foram cadastrados, al&eacute;m de adicionar informa&ccedil&otilde;es que facilitem a interpreta&ccedil&atilde;o de um fenômeno associado ao mapa. Alterando atributos
20 6 <p>
21   - Abaixo mostra-se o exemplo do tema "Influenza", utilizando a interface OpenLayer, como demonstrado em <a href="exemplo_hipertensao.html">formas de visualização de mapa</a>.
  7 + Abaixo mostra-se o exemplo do tema "Influenza", utilizando a interface OpenLayer, como demonstrado em <a href="index.php?conteudo=exemplo_hipertensao.html">formas de visualiza&ccedil&atilde;o de mapa</a>.
22 8 <div class="imagemExemplo">
23 9 <img src="imagens/digitarDados/fig1.jpg">
24   - <p>Visualização de tema exemplo, "Influenza".
  10 + <p>Visualiza&ccedil&atilde;o de tema exemplo, "Influenza".
25 11 </div>
26   - <p>Após visualizar seu tema, vá no menu "Ferramentas" e selecione o item "Cartogramas estatísticos".
  12 + <p>Ap&oacute;s visualizar seu tema, v&aacute; no menu "Ferramentas" e selecione o item "Cartogramas estat&iacute;sticos".
27 13 <div class="imagemExemplo">
28 14 <img src="imagens/digitarDados/fig2.jpg">
29   - <p>Seleção de item "Cartogramas estatísticos".
  15 + <p>Sele&ccedil&atilde;o de item "Cartogramas estat&iacute;sticos".
30 16 </div>
31   - <p>Em seguida, surgirá uma janela flutuante "Cartogramas estatísticos".&nbsp; Clique em "Edição".
  17 + <p>Em seguida, surgir&aacute; uma janela flutuante "Cartogramas estat&iacute;sticos".&nbsp; Clique em "Edi&ccedil&atilde;o".
32 18 <div class="imagemExemplo">
33 19 <img src="imagens/digitarDados/fig3.jpg">
34   - <p>Clicando no botão Edição.
  20 + <p>Clicando no bot&atilde;o Edi&ccedil&atilde;o.
35 21 </div>
36   - <p>Depois de clicar em "Edição", surgirá uma nova janela flutuante, a "Ajudante do editor". Clique no botão "Editor de limites".
  22 + <p>Depois de clicar em "Edi&ccedil&atilde;o", surgir&aacute; uma nova janela flutuante, a "Ajudante do editor". Clique no bot&atilde;o "Editor de limites".
37 23 <div class="imagemExemplo">
38 24 <img src="imagens/digitarDados/fig4.jpg">
39 25 <p>Chamada ao editor de limites.
40 26 </div>
41 27 <p>
42   - Uma vez clicado em "Editor de limites", surgirá uma nova página de edição de limites na inteface <span style="font-style: italic;"> Google Maps,&nbsp;</span> apresentando os limites geográfico do tema. Nessa página deve-se localizar o limite, (item&nbsp; <span style="font-weight: bold;">1</span>) "Localiza limite", em seguida editar atributos (item&nbsp; <span style="font-weight: bold;">2</span>) no "Editor".
  28 + Uma vez clicado em "Editor de limites", surgir&aacute; uma nova p&aacute;gina de edi&ccedil&atilde;o de limites na inteface <span style="font-style: italic;"> Google Maps,&nbsp;</span> apresentando os limites geogr&aacute;fico do tema. Nessa p&aacute;gina deve-se localizar o limite, (item&nbsp; <span style="font-weight: bold;">1</span>) "Localiza limite", em seguida editar atributos (item&nbsp; <span style="font-weight: bold;">2</span>) no "Editor".
43 29 <div class="imagemExemplo">
44 30 <img src="imagens/digitarDados/rg23.jpg">
45   - <p>Página na Inteface google maps com janelas "localizar limite" e "Editor".
  31 + <p>P&aacute;gina na Inteface google maps com janelas "localizar limite" e "Editor".
46 32 </div>
47   - <p>Na janela "Localiza limite", localize o tema no mapa, selecionando a busca por "Estado", no exemplo foi escohido o estado&nbsp;"Pará", e busca-se por um município, para esse exemplo, "Belém", deixando o&nbsp;último campo vazio. Depois disso, será carregado os limites do tema "Influenza" para serem visualizados.
  33 + <p>Na janela "Localiza limite", localize o tema no mapa, selecionando a busca por "Estado", no exemplo foi escohido o estado&nbsp;"Par&aacute;", e busca-se por um munic&iacute;pio, para esse exemplo, "Bel&eacute;m", deixando o&nbsp;&uacute;ltimo campo vazio. Depois disso, ser&aacute; carregado os limites do tema "Influenza" para serem visualizados.
48 34 <div class="imagemExemplo">
49 35 <img src="imagens/digitarDados/fig6.jpg">
50   - <p>Localização de limites para visualização
  36 + <p>Localiza&ccedil&atilde;o de limites para visualiza&ccedil&atilde;o
51 37 </div>
52 38 <div class="imagemExemplo">
53 39 <img src="imagens/digitarDados/fig5.jpg">
54 40 <p>
55 41 Inteface <span style="font-style: italic;">Google Maps</span> com os limites do tema exemplo,&nbsp; "Influenza".
56 42 </div>
57   - <p>Na janela "Editor" clique no ícone de edição de atributos.
  43 + <p>Na janela "Editor" clique no &iacute;cone de edi&ccedil&atilde;o de atributos.
58 44 <div class="imagemExemplo">
59 45 <img src="imagens/digitarDados/fig7.jpg">
60   - <p>Seleção de ícone para edição de atributos.
  46 + <p>Sele&ccedil&atilde;o de &iacute;cone para edi&ccedil&atilde;o de atributos.
61 47 </div>
62   - <p>Após clicar no editor de atributos, surgirá uma nova janela flutuante na qual&nbsp;deve ser selecionado o tema a ser editado, no exemplo,&nbsp;"Influenza". Em seguida, &nbsp;a medida da variável, no exemplo, "Influenza por bairro".
  48 + <p>Ap&oacute;s clicar no editor de atributos, surgir&aacute; uma nova janela flutuante na qual&nbsp;deve ser selecionado o tema a ser editado, no exemplo,&nbsp;"Influenza". Em seguida, &nbsp;a medida da vari&aacute;vel, no exemplo, "Influenza por bairro".
63 49 <div class="imagemExemplo">
64 50 <img src="imagens/digitarDados/fig14.jpg">
65 51 <p>
66   - Escolhendo uma variável para editar (<span style="font-weight: bold;">1</span>); Escolhendo uma medida da variável para editar (<span style="font-weight: bold;">2</span>).
  52 + Escolhendo uma vari&aacute;vel para editar (<span style="font-weight: bold;">1</span>); Escolhendo uma medida da vari&aacute;vel para editar (<span style="font-weight: bold;">2</span>).
67 53 </div>
68   - <p>Em seguida, visualize novamente o tema e verifique o&nbsp;atributo a ser editado, ou seja, o limite geográfico para ser modificado
  54 + <p>Em seguida, visualize novamente o tema e verifique o&nbsp;atributo a ser editado, ou seja, o limite geogr&aacute;fico para ser modificado
69 55 <div class="imagemExemplo">
70 56 <img src="imagens/digitarDados/fig9.jpg">
71   - <p>Escolha dos limites geográficos para adição de novos atributos.
  57 + <p>Escolha dos limites geogr&aacute;ficos para adi&ccedil&atilde;o de novos atributos.
72 58 </div>
73 59 <p>
74   - Após escolhido o limite geográfico, deve-se voltar para a página de edição de limites, na interface <span style="font-style: italic;">Google Maps</span>, e clicar na região escolhida.
  60 + Ap&oacute;s escolhido o limite geogr&aacute;fico, deve-se voltar para a p&aacute;gina de edi&ccedil&atilde;o de limites, na interface <span style="font-style: italic;">Google Maps</span>, e clicar na regi&atilde;o escolhida.
75 61 <div class="imagemExemplo">
76 62 <img src="imagens/digitarDados/fig10.jpg">
77   - <p>Selecionando limites geográficos para edição de atributos.
  63 + <p>Selecionando limites geogr&aacute;ficos para edi&ccedil&atilde;o de atributos.
78 64 </div>
79 65 <p>
80   - Depois de clicar no limite geográfico, surgirá instantâneamente as descrições do limite (item <span style="font-weight: bold;">1</span>). Em seguida, clique no botão "Adicionar um novo", para ampliar a barra lateral. Digite os campos dos atributos do exemplo, "influenza por bairro-Quantidade" e "Ano-undefined" e clique em salvar, podendo adicionar novos parâmetros (item <span style="font-weight: bold;">2</span>).&nbsp;
  66 + Depois de clicar no limite geogr&aacute;fico, surgir&aacute; instantâneamente as descri&ccedil&otilde;es do limite (item <span style="font-weight: bold;">1</span>). Em seguida, clique no bot&atilde;o "Adicionar um novo", para ampliar a barra lateral. Digite os campos dos atributos do exemplo, "influenza por bairro-Quantidade" e "Ano-undefined" e clique em salvar, podendo adicionar novos parâmetros (item <span style="font-weight: bold;">2</span>).&nbsp;
81 67 <div class="imagemExemplo">
82 68 <img src="imagens/digitarDados/fig15.jpg">
83 69 <p>
84   - Adição de novo atributo (<span style="font-weight: bold;">1</span>); Digitação de campos (<span style="font-weight: bold;">2</span>).
  70 + Adi&ccedil&atilde;o de novo atributo (<span style="font-weight: bold;">1</span>); Digita&ccedil&atilde;o de campos (<span style="font-weight: bold;">2</span>).
85 71 </div>
86 72 <p>
87   - Após clicar em salvar&nbsp; <span style="font-weight: bold;"></span> <span style="font-weight: bold;"></span>vá ao ambiente de visualização e carregue novamente o cartograma. Feito isso, os novos atributos irão ser visualizados no mapa. Neste caso, será observado que o limite foi pintado de amarelo, pois a&nbsp;quantidade definida ( <span style="font-weight: bold;">2</span>), foi "34", correspondendo ao intervalo da legenda.
  73 + Ap&oacute;s clicar em salvar&nbsp; <span style="font-weight: bold;"></span> <span style="font-weight: bold;"></span>v&aacute; ao ambiente de visualiza&ccedil&atilde;o e carregue novamente o cartograma. Feito isso, os novos atributos ir&atilde;o ser visualizados no mapa. Neste caso, ser&aacute; observado que o limite foi pintado de amarelo, pois a&nbsp;quantidade definida ( <span style="font-weight: bold;">2</span>), foi "34", correspondendo ao intervalo da legenda.
88 74 <div class="imagemExemplo">
89 75 <img src="imagens/digitarDados/fig13.jpg">
90 76 <p>Tema com novos atributos
... ... @@ -93,5 +79,3 @@
93 79 <img src="imagens/digitarDados/rg24.jpg" style="width: 308px; height: 193px;" alt="rg24">
94 80 <p>Legenda do tema "Influenza".
95 81 </div>
96   -</body>
97   -</html>
... ...
docs/Editarvariavel.html
  Diff comments   View file @10cd9dc
1   -<!DOCTYPE html>
2   -<html lang="pt-br">
3   -<head>
4   -<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
5   -<meta charset="UTF-8">
6   -<title>i3GeoSaude</title>
7   -<link media="screen" href="./files/estilos.css" type="text/css" rel="stylesheet">
8   -<link rel="stylesheet" type="text/css" href="./files/estilos.css">
9   -</head>
10   -<body class="blue-bg">
11   - <h1>Edição de variáveis a partir da interface de usuário</h1>
12   - <p>A edição de variáveis é utilizada quando o usuário deseja alterar, atualizar ou corrigir alguma informação presente na variável que é base para formar um cartograma. Também é possível alterar a maneira que esta variável é referênciada no mapa, como no caso dos intervalos ou as cores que representam os mesmos.
13   - <p>Este método de edição de variável utiliza o assistente "Ajudante do Editor" (chamado a partir de "Edição", localizado na janela de Cartogramas Estatísticos), não havendo, portanto, a necessidade de acessar o painel de administração para tal tarefa.
14   - <p>A seguir, mostraremos as tarefas para utilizar o assistente de edição de variável.
15   - <h2>Edição de variáveis com o assistente "Ajudante do Editor"</h2>
  1 + <h1>Edi&ccedil&atilde;o de vari&aacute;veis a partir da interface de usu&aacute;rio</h1>
  2 + <p>A edi&ccedil&atilde;o de vari&aacute;veis &eacute; utilizada quando o usu&aacute;rio deseja alterar, atualizar ou corrigir alguma informa&ccedil&atilde;o presente na vari&aacute;vel que &eacute; base para formar um cartograma. Tamb&eacute;m &eacute; poss&iacute;vel alterar a maneira que esta vari&aacute;vel &eacute; referênciada no mapa, como no caso dos intervalos ou as cores que representam os mesmos.
  3 + <p>Este m&eacute;todo de edi&ccedil&atilde;o de vari&aacute;vel utiliza o assistente "Ajudante do Editor" (chamado a partir de "Edi&ccedil&atilde;o", localizado na janela de Cartogramas Estat&iacute;sticos), n&atilde;o havendo, portanto, a necessidade de acessar o painel de administra&ccedil&atilde;o para tal tarefa.
  4 + <p>A seguir, mostraremos as tarefas para utilizar o assistente de edi&ccedil&atilde;o de vari&aacute;vel.
  5 + <h2>Edi&ccedil&atilde;o de vari&aacute;veis com o assistente "Ajudante do Editor"</h2>
16 6 <p>
17   - Para acessar o painel de criação ou edição de variáveis, vá ao menu superior e clique nos item, nesta ordem: <b>Ferramentas-&gt; Cartogramas estatísticos </b>
  7 + Para acessar o painel de cria&ccedil&atilde;o ou edi&ccedil&atilde;o de vari&aacute;veis, v&aacute; ao menu superior e clique nos item, nesta ordem: <b>Ferramentas-&gt; Cartogramas estat&iacute;sticos </b>
18 8 <div class="imagemExemplo">
19 9 <img src="imagens/digitarDados/fig2.jpg">
20 10 <p>Menu "Ferramentas".
21 11 </div>
22   - <p>Sugirá uma janela denominada&nbsp; "Cartogramas estatísticos". &nbsp;Nele você clica no botão "Edição".
  12 + <p>Sugir&aacute; uma janela denominada&nbsp; "Cartogramas estat&iacute;sticos". &nbsp;Nele você clica no bot&atilde;o "Edi&ccedil&atilde;o".
23 13 <div class="imagemExemplo">
24 14 <img src="imagens/usuario/usuario05.jpg">
25   - <p>Janela flutuante "Cartogramas estatísticos".
  15 + <p>Janela flutuante "Cartogramas estat&iacute;sticos".
26 16 </div>
27   - <p>Após clicar no botao "Edição",&nbsp; a janela "Ajudante de editor" estará &nbsp;visível em sua tela.
  17 + <p>Ap&oacute;s clicar no botao "Edi&ccedil&atilde;o",&nbsp; a janela "Ajudante de editor" estar&aacute; &nbsp;vis&iacute;vel em sua tela.
28 18 <p>
29   - Clique no botão&nbsp;<img style="width: 30px; height: 26px;" alt="botao" src="imagens/usuario/usuario07.jpg"> &nbsp;para prosseguir&nbsp;e acessar as funções de edição e criação de variáveis.
  19 + Clique no bot&atilde;o&nbsp;<img style="width: 30px; height: 26px;" alt="botao" src="imagens/usuario/usuario07.jpg"> &nbsp;para prosseguir&nbsp;e acessar as fun&ccedil&otilde;es de edi&ccedil&atilde;o e cria&ccedil&atilde;o de vari&aacute;veis.
30 20 <div class="imagemExemplo">
31 21 <img src="imagens/usuario/usuario06.jpg">
32 22 <p>Janela flutuante "Ajudante do editor"
33 23 </div>
34   - <p>Após seguir o procedimento que se apresenta na janela (conforme visto na Figura 3), será exibida a tela mostrada abaixo para escolha da variável.
  24 + <p>Ap&oacute;s seguir o procedimento que se apresenta na janela (conforme visto na Figura 3), ser&aacute; exibida a tela mostrada abaixo para escolha da vari&aacute;vel.
35 25 <div class="imagemExemplo">
36 26 <img src="imagens/usuario/usuario08.jpg">
37   - <p>Edição de Variável.
  27 + <p>Edi&ccedil&atilde;o de Vari&aacute;vel.
38 28 </div>
39   - <h2>Editando&nbsp;a Variável</h2>
40   - </div>
41   - <p>Uma vez que já sabemos chamar o assistente de edição, pode-se dar o início a edição.
42   - <p>Escolha a variável que será editada. No exemplo a variável escolhida chama-se "Influenza".
  29 + <h2>Editando&nbsp;a Vari&aacute;vel</h2>
  30 + <p>Uma vez que j&aacute; sabemos chamar o assistente de edi&ccedil&atilde;o, pode-se dar o in&iacute;cio a edi&ccedil&atilde;o.
  31 + <p>Escolha a vari&aacute;vel que ser&aacute; editada. No exemplo a vari&aacute;vel escolhida chama-se "Influenza".
43 32 <div class="imagemExemplo">
44 33 <img src="imagens/usuario/usuario12.jpg">
45   - <p>Selecionando Variável.
  34 + <p>Selecionando Vari&aacute;vel.
46 35 </div>
47   - <p>Para editar o 'nome' ou a 'descrição' da variável selecionada, clique no botão "Edite" .
  36 + <p>Para editar o 'nome' ou a 'descri&ccedil&atilde;o' da vari&aacute;vel selecionada, clique no bot&atilde;o "Edite" .
48 37 <div class="imagemExemplo">
49 38 <img src="imagens/usuario/usuario13.jpg">
50 39 <p>Ajudante do Editor.
51 40 </div>
52   - <p>Irá surgir uma nova janela. Para editar os dados nesta janela, digite um novo nome e/ou descrição para sua variável e clique no botão "Salvar".
  41 + <p>Ir&aacute; surgir uma nova janela. Para editar os dados nesta janela, digite um novo nome e/ou descri&ccedil&atilde;o para sua vari&aacute;vel e clique no bot&atilde;o "Salvar".
53 42 <div class="imagemExemplo">
54 43 <img src="imagens/usuario/usuario14.jpg">
55   - <p>Atualizando nome ou descrição.
  44 + <p>Atualizando nome ou descri&ccedil&atilde;o.
56 45 </div>
57 46 <p>
58   - Para editar uma "Medida da variável", após selecionar a variável clique no botão&nbsp; <img style="width: 30px; height: 26px;" alt="botao" src="imagens/usuario/usuario07.jpg"> &nbsp; da janela apresentada na Figura 6. Em seguida,&nbsp; na tela de edição de "medida da variável", selecione a medida que será definida para a variável,&nbsp; e clique no botão&nbsp;"Editar".
  47 + Para editar uma "Medida da vari&aacute;vel", ap&oacute;s selecionar a vari&aacute;vel clique no bot&atilde;o&nbsp; <img style="width: 30px; height: 26px;" alt="botao" src="imagens/usuario/usuario07.jpg"> &nbsp; da janela apresentada na Figura 6. Em seguida,&nbsp; na tela de edi&ccedil&atilde;o de "medida da vari&aacute;vel", selecione a medida que ser&aacute; definida para a vari&aacute;vel,&nbsp; e clique no bot&atilde;o&nbsp;"Editar".
59 48 <div class="imagemExemplo">
60 49 <img src="imagens/usuario/usuario15.jpg">
61 50 <p>Selecionando Medida.
62 51 </div>
63   - <p>Será apresentada a configuração dessa medida, onde será possível editar os campos com os atributos da medida. Para facilitar o entendimento, iremos explicar passo a passo o preenchimento desses atributos.
  52 + <p>Ser&aacute; apresentada a configura&ccedil&atilde;o dessa medida, onde ser&aacute; poss&iacute;vel editar os campos com os atributos da medida. Para facilitar o entendimento, iremos explicar passo a passo o preenchimento desses atributos.
64 53 <p>Iniciamos, preenchendo os campos:
65 54 <ul>
66 55 <li><span style="font-weight: bold;">Nome:</span> Defina um nome para a medida.</li>
67 56 </ul>
68 57 <ul>
69   - <li><span style="font-weight: bold;">Unidade de medida</span>: defina a unidade de medida que será utilizada (quantitativo ou percentual).</li>
  58 + <li><span style="font-weight: bold;">Unidade de medida</span>: defina a unidade de medida que ser&aacute; utilizada (quantitativo ou percentual).</li>
70 59 </ul>
71 60 <ul>
72   - <li><span style="font-weight: bold;">Tipo de região:</span> &nbsp;Defina o limite geofrafico estabelecido no i3GeoSaúde. Normalmente há uma hierarquia, como: estado, município e bairro.</li>
  61 + <li><span style="font-weight: bold;">Tipo de regi&atilde;o:</span> &nbsp;Defina o limite geofrafico estabelecido no i3GeoSa&uacute;de. Normalmente h&aacute; uma hierarquia, como: estado, munic&iacute;pio e bairro.</li>
73 62 </ul>
74 63 <div class="imagemExemplo">
75 64 <img src="imagens/usuario/usuario19.jpg">
... ... @@ -77,44 +66,42 @@
77 66 </div>
78 67 <p>Continue preenchendo os seguintes atributos:
79 68 <ul>
80   - <li><span style="font-weight: bold;">Conexão</span>: escolha o nome da conexão ao banco de dado a ser utilizado. Por padrão, mantenha sempre selecionado o banco chamado "geosaúde".</li>
  69 + <li><span style="font-weight: bold;">Conex&atilde;o</span>: escolha o nome da conex&atilde;o ao banco de dado a ser utilizado. Por padr&atilde;o, mantenha sempre selecionado o banco chamado "geosa&uacute;de".</li>
81 70 </ul>
82 71 <ul>
83 72 <li><span style="font-weight: bold;">Esquema do banco:</span> aqui novamente, por padrao, sempre selecione "i3geo_metaestat".</li>
84 73 </ul>
85 74 <ul>
86   - <li><span style="font-weight: bold;">Coluna com os Valores:</span> &nbsp;você deve selecionar a coluna de sua tabela com os dados que serão analisados (quantificados e medidos).</li>
87   - <li><span style="font-weight: bold;">Coluna de ligação com a tabela GEO:</span> Neste item selecione&nbsp; a coluna de sua tabela com os códigos das regiões (por padrão essa coluna deve ser chamada de "codigoregiao" .</li>
  75 + <li><span style="font-weight: bold;">Coluna com os Valores:</span> &nbsp;você deve selecionar a coluna de sua tabela com os dados que ser&atilde;o analisados (quantificados e medidos).</li>
  76 + <li><span style="font-weight: bold;">Coluna de liga&ccedil&atilde;o com a tabela GEO:</span> Neste item selecione&nbsp; a coluna de sua tabela com os c&oacute;digos das regi&otilde;es (por padr&atilde;o essa coluna deve ser chamada de "codigoregiao" .</li>
88 77 </ul>
89 78 <div class="imagemExemplo">
90 79 <img src="imagens/usuario/usuario23.jpg">
91   - <p>"Editor de Medidas" (continuação dos atributos).
  80 + <p>"Editor de Medidas" (continua&ccedil&atilde;o dos atributos).
92 81 </div>
93   - <p>E, por fim, preencha o campo com os identificadores, deixando o filtro adicional sem informação.
  82 + <p>E, por fim, preencha o campo com os identificadores, deixando o filtro adicional sem informa&ccedil&atilde;o.
94 83 <ul>
95   - <li><span style="font-weight: bold;">Coluna com IDs únicos...: </span>&nbsp;Neste item selecione a coluna referente ao identificador único de sua informação na tabela. Por padrão será a coluna "gid".</li>
  84 + <li><span style="font-weight: bold;">Coluna com IDs &uacute;nicos...: </span>&nbsp;Neste item selecione a coluna referente ao identificador &uacute;nico de sua informa&ccedil&atilde;o na tabela. Por padr&atilde;o ser&aacute; a coluna "gid".</li>
96 85 </ul>
97 86 <div class="imagemExemplo">
98 87 <img src="imagens/usuario/usuario24.jpg">
99 88 <p>"Editor de Medidas" (atributos finais).
100 89 </div>
101   - <p>Uma vez editados os atributos, clique no botão "Salva", que está localizado no topo da janela.
  90 + <p>Uma vez editados os atributos, clique no bot&atilde;o "Salva", que est&aacute; localizado no topo da janela.
102 91 <p>
103   - Para editar&nbsp;a "Classifição de uma medida" de sua variável, após definir a "Medida de variável", clique no botão <img style="width: 30px; height: 26px;" alt="botao" src="imagens/usuario/usuario07.jpg"> . Em seguida, selecione a classificação que você irá adotar para a medida. Clique no botão "Edite" para editar o nome da classificação.
  92 + Para editar&nbsp;a "Classifi&ccedil&atilde;o de uma medida" de sua vari&aacute;vel, ap&oacute;s definir a "Medida de vari&aacute;vel", clique no bot&atilde;o <img style="width: 30px; height: 26px;" alt="botao" src="imagens/usuario/usuario07.jpg"> . Em seguida, selecione a classifica&ccedil&atilde;o que você ir&aacute; adotar para a medida. Clique no bot&atilde;o "Edite" para editar o nome da classifica&ccedil&atilde;o.
104 93 <div class="imagemExemplo">
105 94 <img src="imagens/usuario/usuario20.jpg">
106   - <p>Seleçao da Classificaçao.
  95 + <p>Sele&ccedilao da Classifica&ccedilao.
107 96 </div>
108   - <p>Uma vez definida a classificação, &nbsp;clique no botão "Salva".
  97 + <p>Uma vez definida a classifica&ccedil&atilde;o, &nbsp;clique no bot&atilde;o "Salva".
109 98 <div class="imagemExemplo">
110 99 <img src="imagens/usuario/img02.jpg">
111   - <p>Editor de Classificação.
  100 + <p>Editor de Classifica&ccedil&atilde;o.
112 101 </div>
113 102 <p>
114   - Para definir todos os detalhes da classificação, clique no botão <img src="imagens/usuario/usuario07.jpg" name="figuras1" align="bottom" border="0" height="26" width="30"> . Feito isso, surgirá a última janela do assistente que permite a edição dos intervalos de suas classificações e as cores representativas a serem usados na legenda.
  103 + Para definir todos os detalhes da classifica&ccedil&atilde;o, clique no bot&atilde;o <img src="imagens/usuario/usuario07.jpg" name="figuras1" align="bottom" border="0" height="26" width="30"> . Feito isso, surgir&aacute; a &uacute;ltima janela do assistente que permite a edi&ccedil&atilde;o dos intervalos de suas classifica&ccedil&otilde;es e as cores representativas a serem usados na legenda.
115 104 <div class="imagemExemplo">
116 105 <img src="imagens/usuario/usuario21.jpg">
117   - <p>Configuração de Intervalos.
  106 + <p>Configura&ccedil&atilde;o de Intervalos.
118 107 </div>
119   -</body>
120   -</html>
... ...
docs/EditorTabelas.html
  Diff comments   View file @10cd9dc
1   -<!DOCTYPE html>
2   -<html>
3   -<head>
4   -<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
5   -<meta charset="UTF-8">
6   -<title>Editando tabelas de um banco de dados</title>
7   -<link media="screen" href="./files/estilos.css" type="text/css" rel="stylesheet">
8   -<link rel="stylesheet" type="text/css" href="./files/estilos.css">
9   -</head>
10   -<body class="blue-bg">
11 1 <h1>Carga de dados</h1>
12   - <p>Para espacializar um conjunto de dados estatísticos é necessário que estejam armazenados no banco e que a delimitação das regiões ou posição das localidades também estejam nesse banco.
13   - <p>Os dados estatísticos são tabelas normais que contém linhas e colunas, mas que devem seguir alguns padrões:
  2 + <p>Para espacializar um conjunto de dados estat&iacute;sticos &eacute; necess&aacute;rio que estejam armazenados no banco e que a delimita&ccedil&atilde;o das regi&otilde;es ou posi&ccedil&atilde;o das localidades tamb&eacute;m estejam nesse banco.
  3 + <p>Os dados estat&iacute;sticos s&atilde;o tabelas normais que cont&eacute;m linhas e colunas, mas que devem seguir alguns padr&otilde;es:
14 4 <ul>
15   - <li>Deve haver uma coluna numérica que identifique de forma única cada um dos registros</li>
  5 + <li>Deve haver uma coluna num&eacute;rica que identifique de forma &uacute;nica cada um dos registros</li>
16 6 </ul>
17 7 <ul>
18   - <li>Deve haver uma coluna com o código da unidade geográfica ao qual está relacionado (código do bairro por exemplo) e que tenha correspondência na tabela com os dados geográficos</li>
  8 + <li>Deve haver uma coluna com o c&oacute;digo da unidade geogr&aacute;fica ao qual est&aacute; relacionado (c&oacute;digo do bairro por exemplo) e que tenha correspondência na tabela com os dados geogr&aacute;ficos</li>
19 9 </ul>
20 10 <ul>
21   - <li>Devem haver colunas que identifiquem a data correspondente aos dados. Cada coluna deve armazenar um tipo de período, por exemplo, uma coluna para o ano, uma coluna para o mês e uma coluna para o dia, todas numéricas.</li>
  11 + <li>Devem haver colunas que identifiquem a data correspondente aos dados. Cada coluna deve armazenar um tipo de per&iacute;odo, por exemplo, uma coluna para o ano, uma coluna para o mês e uma coluna para o dia, todas num&eacute;ricas.</li>
22 12 </ul>
23 13 <ul>
24   - <li>Deve haver uma ou mais colunas com os valores que medem algum tipo de fenômeno, população por exemplo</li>
  14 + <li>Deve haver uma ou mais colunas com os valores que medem algum tipo de fenômeno, popula&ccedil&atilde;o por exemplo</li>
25 15 </ul>
26   - <p>Os dados geográficos também são tabelas convencionais mas que possuem uma coluna do tipo "geometry" que irá armazenar as coordenadas correspondentes à região ou localidade. Essas tabelas devem seguir os seguintes padrões:
  16 + <p>Os dados geogr&aacute;ficos tamb&eacute;m s&atilde;o tabelas convencionais mas que possuem uma coluna do tipo "geometry" que ir&aacute; armazenar as coordenadas correspondentes à regi&atilde;o ou localidade. Essas tabelas devem seguir os seguintes padr&otilde;es:
27 17 <ul>
28   - <li>Deve haver uma coluna com o código único de cada registro</li>
  18 + <li>Deve haver uma coluna com o c&oacute;digo &uacute;nico de cada registro</li>
29 19 </ul>
30 20 <ul>
31 21 <li>Deve haver uma coluna com o nome de cada ocorrência</li>
32 22 </ul>
33 23 <ul>
34   - <li>Caso exista uma outra tabela que represente agregações da tabela atual, deve haver uma coluna com o código que permita o relacionamento com essa tabela de nível superior</li>
  24 + <li>Caso exista uma outra tabela que represente agrega&ccedil&otilde;es da tabela atual, deve haver uma coluna com o c&oacute;digo que permita o relacionamento com essa tabela de n&iacute;vel superior</li>
35 25 </ul>
36   - <p>Em qualquer um dos casos, os seguintes padrões devem ser seguidos:
  26 + <p>Em qualquer um dos casos, os seguintes padr&otilde;es devem ser seguidos:
37 27 <ul>
38 28 <li>Os nomes das colunas devem estar em caixa baixa</li>
39 29 </ul>
40 30 <ul>
41   - <li>Os nomes das colunas devem utilizar apenas caracteres do alfabeto sem acentuação e números</li>
  31 + <li>Os nomes das colunas devem utilizar apenas caracteres do alfabeto sem acentua&ccedil&atilde;o e n&uacute;meros</li>
42 32 </ul>
43   - <p>Existem softwares que podem ser utilizados para a carga dos dados no banco. No i3GeoSaúde existem algumas ferramentas para isso que aceitam arquivos nos formatos CSV e shapefile.
44   - <h2>Criação de uma tabela com dados geográficos a partir de um shapefile</h2>
45   - <p>Para ter acesso ao gerenciador de tabelas do i3GeoSaúde, acesse o menu de administração e selecione a opção "Gerenciador de tabelas de dados estatísticos (upload de SHP e CSV)" na linha "Enviar arquivo para o servidor".
  33 + <p>Existem softwares que podem ser utilizados para a carga dos dados no banco. No i3GeoSa&uacute;de existem algumas ferramentas para isso que aceitam arquivos nos formatos CSV e shapefile.
  34 + <h2>Cria&ccedil&atilde;o de uma tabela com dados geogr&aacute;ficos a partir de um shapefile</h2>
  35 + <p>Para ter acesso ao gerenciador de tabelas do i3GeoSa&uacute;de, acesse o menu de administra&ccedil&atilde;o e selecione a op&ccedil&atilde;o "Gerenciador de tabelas de dados estat&iacute;sticos (upload de SHP e CSV)" na linha "Enviar arquivo para o servidor".
46 36 <div class="imagemExemplo">
47 37 <img src="imagens/Tutoria1-imagens/figura1.png">
48 38 <p>Acessando o gerenciador de tabelas.
... ... @@ -52,35 +42,35 @@
52 42 <img src="imagens/Tutoria1-imagens/figura2.png">
53 43 <p>Definindo o banco de dados e o esquema a ser criada a tabela.
54 44 </div>
55   - <p>É possível criar uma tabela fazendo o upload de um arquivo Shapefile (extensões obrigatórias: ".shp"; ".shx" e; ".dbf"), um arquivo CSV ou ainda criando uma tabela nova manualmente.
56   - <p>Para criar uma tabela por meio de um arquivo shapefile escolha a opção "Upload Shapefile". Selecione a localização dos arquivos ".shp", ".shx" e ".dbf". Depois, insira o nome da tabela a ser criada ou escolha na lista uma tabela já existente. Caso a tabela já exista, informe em seguida se você quer adicionar os dados do shapefile à tabela já existente ou apagar os dados existentes e incluir o SHP. Se for uma tabela nova, escolha a opção "Criar a tabela nova e incluir registros do SHP".
57   - Em seguida, informe o código SRID da projeção geográfica do arquivo que você está inserindo e marque a opção se quiser criar uma coluna "gid" para ser utilizado como código único do registro. Por fim, clique em enviar.
  45 + <p>É poss&iacute;vel criar uma tabela fazendo o upload de um arquivo Shapefile (extens&otilde;es obrigat&oacute;rias: ".shp"; ".shx" e; ".dbf"), um arquivo CSV ou ainda criando uma tabela nova manualmente.
  46 + <p>Para criar uma tabela por meio de um arquivo shapefile escolha a op&ccedil&atilde;o "Upload Shapefile". Selecione a localiza&ccedil&atilde;o dos arquivos ".shp", ".shx" e ".dbf". Depois, insira o nome da tabela a ser criada ou escolha na lista uma tabela j&aacute; existente. Caso a tabela j&aacute; exista, informe em seguida se você quer adicionar os dados do shapefile à tabela j&aacute; existente ou apagar os dados existentes e incluir o SHP. Se for uma tabela nova, escolha a op&ccedil&atilde;o "Criar a tabela nova e incluir registros do SHP".
  47 + Em seguida, informe o c&oacute;digo SRID da proje&ccedil&atilde;o geogr&aacute;fica do arquivo que você est&aacute; inserindo e marque a op&ccedil&atilde;o se quiser criar uma coluna "gid" para ser utilizado como c&oacute;digo &uacute;nico do registro. Por fim, clique em enviar.
58 48 <div class="imagemExemplo">
59 49 <img src="imagens/Tutoria1-imagens/figura3.png">
60 50 <p>Upload de arquivo shapefile
61 51 </div>
62   - <p>Caso apareça uma mensagem parecida com a abaixo, o upload foi realizado com sucesso:
  52 + <p>Caso apare&ccedila uma mensagem parecida com a abaixo, o upload foi realizado com sucesso:
63 53 <dl>
64   - <dd>Preparando inclusão de dados</dd>
  54 + <dd>Preparando inclus&atilde;o de dados</dd>
65 55 <dd>Incluindo dados</dd>
66 56 <dd>Registros existentes no SHP: 406</dd>
67 57 <dd>Registros na tabela final: 406</dd>
68   - <dd>Diferenças podem ocorrer em função de caracteres acentuados não suportados pelo banco de dados</dd>
  58 + <dd>Diferen&ccedilas podem ocorrer em fun&ccedil&atilde;o de caracteres acentuados n&atilde;o suportados pelo banco de dados</dd>
69 59 <dd>
70 60 <b>Feito!!!</b>
71 61 </dd>
72 62 <dd>
73   - <b>Faça o reload da página</b>
  63 + <b>Fa&ccedila o reload da p&aacute;gina</b>
74 64 </dd>
75 65 </dl>
76   - <h2>Criação de uma tabela a partir de um CSV</h2>
77   - <p>Para criar uma tabela por meio de um arquivo CSV escolha a opção "Upload CSV". Selecione a localização do arquivo ".csv". Depois, insira o nome da tabela a ser criada ou escolha na lista uma tabela já existente. Caso a tabela já exista, informe em seguida se você quer adicionar os dados do CSV à tabela já existente ou apagar os dados existentes e incluir o CSV. Se for uma tabela nova, escolha a opção "Criar a tabela nova e incluir registros do CSV". Em seguida, marque a opção se quiser
78   - criar uma coluna "gid" para ser utilizado como código único do registro. Caso o arquivo CSV contenham colunas com coordenadas geográficas em graus decimais e você queira utilizá-las, informe o nome das colunas com as latitudes (Y) e longitudes (X). Por fim, clique em enviar.
  66 + <h2>Cria&ccedil&atilde;o de uma tabela a partir de um CSV</h2>
  67 + <p>Para criar uma tabela por meio de um arquivo CSV escolha a op&ccedil&atilde;o "Upload CSV". Selecione a localiza&ccedil&atilde;o do arquivo ".csv". Depois, insira o nome da tabela a ser criada ou escolha na lista uma tabela j&aacute; existente. Caso a tabela j&aacute; exista, informe em seguida se você quer adicionar os dados do CSV à tabela j&aacute; existente ou apagar os dados existentes e incluir o CSV. Se for uma tabela nova, escolha a op&ccedil&atilde;o "Criar a tabela nova e incluir registros do CSV". Em seguida, marque a op&ccedil&atilde;o se quiser
  68 + criar uma coluna "gid" para ser utilizado como c&oacute;digo &uacute;nico do registro. Caso o arquivo CSV contenham colunas com coordenadas geogr&aacute;ficas em graus decimais e você queira utiliz&aacute;-las, informe o nome das colunas com as latitudes (Y) e longitudes (X). Por fim, clique em enviar.
79 69 <div class="imagemExemplo">
80 70 <img src="imagens/Tutoria1-imagens/figura9.png">
81 71 <p>Upload de arquivo CSV
82 72 </div>
83   - <p>Caso apareça uma mensagem parecida com a abaixo, o upload foi realizado com sucesso:
  73 + <p>Caso apare&ccedila uma mensagem parecida com a abaixo, o upload foi realizado com sucesso:
84 74 <dl>
85 75 <dd>Incluindo dados</dd>
86 76 <dd>Registros existentes no CSV: 29</dd>
... ... @@ -89,16 +79,14 @@
89 79 <b>Feito!!!</b>
90 80 </dd>
91 81 <dd>
92   - <b>Faça o reload da página </b>
  82 + <b>Fa&ccedila o reload da p&aacute;gina </b>
93 83 </dd>
94 84 </dl>
95   - <h2>Edição manual de tabelas</h2>
96   - <p>Para criar uma nova tabela manualmente, escolha a opção "Criar uma nova tabela" e informe o nome da nova tabela.
  85 + <h2>Edi&ccedil&atilde;o manual de tabelas</h2>
  86 + <p>Para criar uma nova tabela manualmente, escolha a op&ccedil&atilde;o "Criar uma nova tabela" e informe o nome da nova tabela.
97 87 <p>Se quiser editar manualmente uma tabela, escolha a tabela criada na lista.
98 88 <div class="imagemExemplo">
99 89 <img src="imagens/Tutoria1-imagens/figura10.png">
100 90 <p>Lista de tabelas existentes
101 91 </div>
102   - <p>Para criar uma nova coluna, escolha a opção "Adicionar uma nova coluna". Escolha o nome da nova coluna e o tipo de registro (integer, numeric, text, geometry).
103   -</body>
104   -</html>
  92 + <p>Para criar uma nova coluna, escolha a op&ccedil&atilde;o "Adicionar uma nova coluna". Escolha o nome da nova coluna e o tipo de registro (integer, numeric, text, geometry).
... ...
docs/Ferramentadeanalise.html
  Diff comments   View file @10cd9dc
1   -<!DOCTYPE html>
2   -<html lang="pt-br">
3   -<head>
4   -<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
5   -<meta charset="UTF-8">
6   -<title>Ferramentas de Análise</title>
7   -<link media="screen" href="./files/estilos.css" type="text/css" rel="stylesheet">
8   -<link rel="stylesheet" type="text/css" href="./files/estilos.css">
9   -</head>
10   -<body class="blue-bg">
11   - <h1>Ferramentas de Análise</h1>
12   - <p>As ferramentas de análise permitem delimitar fronteiras e traçar comparativos de tempo apresentando o tema ao usuário de forma intuitiva. A seguir, descrevemos cada ícone da janela flutuante "Análise". Encontrando as opções de análise
13   - <p>No menu suspenso, clique em "Ferramentas", em seguida clique no ítem "Cartogramas estatísticos".<div class="imagemExemplo">
  1 + <h1>Ferramentas de An&aacute;lise</h1>
  2 + <p>As ferramentas de an&aacute;lise permitem delimitar fronteiras e tra&ccedilar comparativos de tempo apresentando o tema ao usu&aacute;rio de forma intuitiva. A seguir, descrevemos cada &iacute;cone da janela flutuante "An&aacute;lise". Encontrando as op&ccedil&otilde;es de an&aacute;lise
  3 + <p>No menu suspenso, clique em "Ferramentas", em seguida clique no &iacute;tem "Cartogramas estat&iacute;sticos".<div class="imagemExemplo">
14 4 <img src="imagens/Analise/exemplo03%20Mar.%2011%2014.49.jpg">
15 5 <p> Menu Ferramentas.
16 6  
17 7 </div>
18   - <p> Em seguida, será apresentada a janela flutuante "Cartogramas estatísticos". Nesta janela clique no botão "Análise".
  8 + <p> Em seguida, ser&aacute; apresentada a janela flutuante "Cartogramas estat&iacute;sticos". Nesta janela clique no bot&atilde;o "An&aacute;lise".
19 9 <div class="imagemExemplo">
20 10 <img src="imagens/Analise/manalise02%20Mar.%2018%2015.03.jpg" >
21   - <p> Janela flutuante "Cartogramas estatísticos".
  11 + <p> Janela flutuante "Cartogramas estat&iacute;sticos".
22 12 </div>
23   - <p> Uma vez clicado o botão "Análise", será apresentada a janela flutuante "Análise" contendo as opções de análise, em forma de botões. Perceba que há uma caixa denominada "Ativar a camada", na qual identifica em que camada (tema) do cartograma será aplicada a operação de análise.
  13 + <p> Uma vez clicado o bot&atilde;o "An&aacute;lise", ser&aacute; apresentada a janela flutuante "An&aacute;lise" contendo as op&ccedil&otilde;es de an&aacute;lise, em forma de bot&otilde;es. Perceba que h&aacute; uma caixa denominada "Ativar a camada", na qual identifica em que camada (tema) do cartograma ser&aacute; aplicada a opera&ccedil&atilde;o de an&aacute;lise.
24 14 <div class="imagemExemplo">
25 15 <img src="imagens/Analise/manalise01%20Mar.%2019%2010.16.jpg" >
26   - <p> Janela com opções de Análise.
  16 + <p> Janela com op&ccedil&otilde;es de An&aacute;lise.
27 17  
28 18 </div>
29   - <h2>Ferramentas de Análise</h2>
  19 + <h2>Ferramentas de An&aacute;lise</h2>
30 20 <p>
31   - Uma vez na janela "Análise", iremos esclarecer a funcionalidade de cada umdos ítens presentes. Observe que cada função de análise ativa uma janela flutuante sobre o mapa.
  21 + Uma vez na janela "An&aacute;lise", iremos esclarecer a funcionalidade de cada umdos &iacute;tens presentes. Observe que cada fun&ccedil&atilde;o de an&aacute;lise ativa uma janela flutuante sobre o mapa.
32 22 <p>
33   - <img src="imagens/Analise/open-street-maps.png" style="width: 24px; height: 24px;" alt="foco"> <span style="font-weight: bold;">Focar</span>: Foca no Mapa por meio da janela flutuante "Localiza limite", para determinar os limites geográficos no cartograma, a partir das unidades Estado, Município e
34   - Bairro, conforme a necessidade de observação que o usuário deseja. Para aplicar essa função, basta escolher o nível da unidade territorial e clicar no ícone da "lupa", ao lado da unidade. A figura mostra um exemplo para os limites&nbsp;do bairro de "Nazaré", localizado no Estado do "Pará", Municipio de "Belém".
  23 + <img src="imagens/Analise/open-street-maps.png" style="width: 24px; height: 24px;" alt="foco"> <span style="font-weight: bold;">Focar</span>: Foca no Mapa por meio da janela flutuante "Localiza limite", para determinar os limites geogr&aacute;ficos no cartograma, a partir das unidades Estado, Munic&iacute;pio e
  24 + Bairro, conforme a necessidade de observa&ccedil&atilde;o que o usu&aacute;rio deseja. Para aplicar essa fun&ccedil&atilde;o, basta escolher o n&iacute;vel da unidade territorial e clicar no &iacute;cone da "lupa", ao lado da unidade. A figura mostra um exemplo para os limites&nbsp;do bairro de "Nazar&eacute;", localizado no Estado do "Par&aacute;", Municipio de "Bel&eacute;m".
35 25 <div class="imagemExemplo">
36 26 <img src="imagens/Analise/analise223.jpg" >
37 27 <p>Localizar limite para um bairro.
... ... @@ -39,84 +29,84 @@
39 29 </div>
40 30 <p>
41 31 <img src="imagens/Analise/open-street-maps-show.png" style="width: 24px; height: 24px;" alt="mostralimite">
42   - <span style="font-weight: bold;">Mostrar limite</span>: &nbsp;Mostra os limites geográficos que estão cadastrados para o cartograma, podendo ser configurada a cor (o padrão é "vermelho"), &nbsp;a largura da borda do limite, e incluir também os nomes dos estados, municipios ou bairros que foi escolhido essa finalidade. Veja na figura um exemplo de janela flutuante para a função "Mostrar Limites".
  32 + <span style="font-weight: bold;">Mostrar limite</span>: &nbsp;Mostra os limites geogr&aacute;ficos que est&atilde;o cadastrados para o cartograma, podendo ser configurada a cor (o padr&atilde;o &eacute; "vermelho"), &nbsp;a largura da borda do limite, e incluir tamb&eacute;m os nomes dos estados, municipios ou bairros que foi escolhido essa finalidade. Veja na figura um exemplo de janela flutuante para a fun&ccedil&atilde;o "Mostrar Limites".
43 33 <div class="imagemExemplo">
44 34 <img src="imagens/Analise/analise207.jpg" >
45   - <p>Definição de limites.
  35 + <p>Defini&ccedil&atilde;o de limites.
46 36  
47 37 </div>
48   - <p> Considere o seguinte exemplo: se o limite escolhido foi "Bairro", sem a identificação dos nomes do limite e com a cor padrão (vermelho), aplicado ao município de Belém, você verá um mapa como o visto na figura.
  38 + <p> Considere o seguinte exemplo: se o limite escolhido foi "Bairro", sem a identifica&ccedil&atilde;o dos nomes do limite e com a cor padr&atilde;o (vermelho), aplicado ao munic&iacute;pio de Bel&eacute;m, você ver&aacute; um mapa como o visto na figura.
49 39 <div class="imagemExemplo">
50 40 <img src="imagens/Analise/analise222.jpg" style="width: 229px; height: 196px;" alt="limite">
51 41 <p>Exemplo de limite de bairros.
52 42 </div>
53 43 <p>
54 44 <img src="imagens/Analise/open-street-maps-filtro.png" style="width: 24px; height: 24px;" alt="limitoexpecifico">
55   - <span style="font-weight: bold;">Filtro Geográfico</span>: Ao acionar esse botão será mostrado no mapa apenas os dados de determinado limite geográficos, conforme a opção da unidade geográfica que se deseja trabalhar. A figura&nbsp; mostra a janela com um exemplo de filtro aplicado até ao nível de município.
  45 + <span style="font-weight: bold;">Filtro Geogr&aacute;fico</span>: Ao acionar esse bot&atilde;o ser&aacute; mostrado no mapa apenas os dados de determinado limite geogr&aacute;ficos, conforme a op&ccedil&atilde;o da unidade geogr&aacute;fica que se deseja trabalhar. A figura&nbsp; mostra a janela com um exemplo de filtro aplicado at&eacute; ao n&iacute;vel de munic&iacute;pio.
56 46 <div class="imagemExemplo">
57 47 <img src="imagens/Analise/analise208.jpg" >
58   - <p> Janela de filtro geográfico.
  48 + <p> Janela de filtro geogr&aacute;fico.
59 49 </div>
60 50 <p>
61 51 <img src="imagens/Analise/open-street-maps-filtrotime.png" style="width: 24px; height: 24px;" alt="tempo">
62   - <span style="font-weight: bold;">&nbsp;Filtro de tempo</span>: Mostra apenas os dados de um período de tempo, quando o tema conter parâmetros temporais (ano, mês, dia, hora). A figura mostra um exemplo para a camada "População residente..." que possui o parâmetro "ano", com o valor "2000".
  52 + <span style="font-weight: bold;">&nbsp;Filtro de tempo</span>: Mostra apenas os dados de um per&iacute;odo de tempo, quando o tema conter parâmetros temporais (ano, mês, dia, hora). A figura mostra um exemplo para a camada "Popula&ccedil&atilde;o residente..." que possui o parâmetro "ano", com o valor "2000".
63 53 <div class="imagemExemplo">
64 54 <img src="imagens/Analise/analise209.jpg" >
65   - <p> Exemplo da função&nbsp; "Filtro temporal".
  55 + <p> Exemplo da fun&ccedil&atilde;o&nbsp; "Filtro temporal".
66 56 </div>
67 57 <p>
68 58 <img src="imagens/Analise/table.png" style="width: 24px; height: 24px;" alt="tabelaatributo">
69   - <span style="font-weight: bold;">Tabela de atibutos</span>: Mostra uma tabela contendo os dados do limite geográfico selecionado. A figura mostra os dados do limite "Bairro", representando os registros dos bairros do município de Belém (Pará). &nbsp;
70   - Além do relatório com os registros de dados, é possível exibir estatísticas, gráficos e produzir um relatório personalizado (escolhendo quais colunas deseja exibir).
  59 + <span style="font-weight: bold;">Tabela de atibutos</span>: Mostra uma tabela contendo os dados do limite geogr&aacute;fico selecionado. A figura mostra os dados do limite "Bairro", representando os registros dos bairros do munic&iacute;pio de Bel&eacute;m (Par&aacute;). &nbsp;
  60 + Al&eacute;m do relat&oacute;rio com os registros de dados, &eacute; poss&iacute;vel exibir estat&iacute;sticas, gr&aacute;ficos e produzir um relat&oacute;rio personalizado (escolhendo quais colunas deseja exibir).
71 61 <div class="imagemExemplo">
72 62 <img src="imagens/Analise/analise224.jpg" >
73 63 <p> Tabela de atributos (exemplo).
74 64 </div>
75 65 <p>
76 66 <img src="imagens/Analise/manalise02%20Mar.%2019%2010.25.jpg" style="width: 23px; height: 23px;" alt="graficointerativo">
77   - <span style="font-weight: bold;">Gráfico interativo</span>: Gera um Gráfico (em diversos formatos) com os dados do tema (camada) selecionada. A figura mostra alguns tipos de gráficos (pizza, área 2d, etc) que podem ser aplicados. Além do gráfico, é possível especificar quais dados serão exibidos e a base de dados em forma de arquivo CSV.
  67 + <span style="font-weight: bold;">Gr&aacute;fico interativo</span>: Gera um Gr&aacute;fico (em diversos formatos) com os dados do tema (camada) selecionada. A figura mostra alguns tipos de gr&aacute;ficos (pizza, &aacute;rea 2d, etc) que podem ser aplicados. Al&eacute;m do gr&aacute;fico, &eacute; poss&iacute;vel especificar quais dados ser&atilde;o exibidos e a base de dados em forma de arquivo CSV.
78 68  
79 69 <div class="imagemExemplo">
80 70 <img src="imagens/Analise/analise211.jpg" >
81   - <p> Gráfico interativo.
  71 + <p> Gr&aacute;fico interativo.
82 72 </div>
83   - <p> Após escolher o&nbsp;tipo de gráfico e definir os dados a serem exibidos, será apresentado na janela o gráfico com os dados a serem analisados. A figura mostra um&nbsp;&nbsp;exemplo para o gráfico contendo dados sobre população residente no Acre em 2000.
  73 + <p> Ap&oacute;s escolher o&nbsp;tipo de gr&aacute;fico e definir os dados a serem exibidos, ser&aacute; apresentado na janela o gr&aacute;fico com os dados a serem analisados. A figura mostra um&nbsp;&nbsp;exemplo para o gr&aacute;fico contendo dados sobre popula&ccedil&atilde;o residente no Acre em 2000.
84 74  
85 75 <div class="imagemExemplo">
86 76 <img src="imagens/Analise/analise226.jpg" >
87   - <p> Exemplo de gráfico em área simples.
  77 + <p> Exemplo de gr&aacute;fico em &aacute;rea simples.
88 78 </div>
89 79 <p>
90 80 <img src="imagens/Analise/layer-opacity.png" style="width: 24px; height: 24px;" alt="opacidade">
91   - <span style="font-weight: bold;">Opacidade</span>: Controla o nível de opacidade (transparência) do cartograma, utilizando-se para isso de uma barra deslizante que gradua o nível de transparência.
  81 + <span style="font-weight: bold;">Opacidade</span>: Controla o n&iacute;vel de opacidade (transparência) do cartograma, utilizando-se para isso de uma barra deslizante que gradua o n&iacute;vel de transparência.
92 82 <div class="imagemExemplo">
93 83 <img src="imagens/Analise/analise212.jpg" >
94 84 <p> Opacidade.
95 85 </div>
96 86 <p>
97 87 <img src="imagens/Analise/player-forward.png" style="width: 24px; height: 24px;" alt="animacao">
98   - <span style="font-weight: bold;">Animação</span>: Produz animações de apresentações entre temas. O efeito de animação só ocorrerá se pelo menos dois temas, normalmente temporais para uma mesma base de dados, forem selecionados. A figura mostra dois temas escolhidos para a animação.
  88 + <span style="font-weight: bold;">Anima&ccedil&atilde;o</span>: Produz anima&ccedil&otilde;es de apresenta&ccedil&otilde;es entre temas. O efeito de anima&ccedil&atilde;o s&oacute; ocorrer&aacute; se pelo menos dois temas, normalmente temporais para uma mesma base de dados, forem selecionados. A figura mostra dois temas escolhidos para a anima&ccedil&atilde;o.
99 89 <div class="imagemExemplo">
100 90 <img src="imagens/Analise/analise213.jpg" >
101   - <p> Animação.
  91 + <p> Anima&ccedil&atilde;o.
102 92 </div>
103 93 <p>
104 94 <img src="imagens/Analise/calculator.png" style="width: 24px; height: 24px;" alt="calculator">
105   - <span style="font-weight: bold;">Alterar classificação</span> (da legenda): Permite editar a legenda, no que se refere às cores das classes e ao tipo de classificação (intervalos iguais ou quartil).
  95 + <span style="font-weight: bold;">Alterar classifica&ccedil&atilde;o</span> (da legenda): Permite editar a legenda, no que se refere às cores das classes e ao tipo de classifica&ccedil&atilde;o (intervalos iguais ou quartil).
106 96 <div class="imagemExemplo">
107 97 <img src="imagens/Analise/analise214.jpg" >
108 98 <p> Alterar Legenda.
109 99 </div>
110 100 <p>
111 101 <img src="imagens/Analise/24-to-8-bits.png" style="width: 24px; height: 24px;" alt="Alterarcores">
112   - <span style="font-weight: bold;">Alterar cores</span>: Altera apenas as cores das classes do dados da variável presente no tema escolhido. A figura mostra a janela com algumas opções de cores.
  102 + <span style="font-weight: bold;">Alterar cores</span>: Altera apenas as cores das classes do dados da vari&aacute;vel presente no tema escolhido. A figura mostra a janela com algumas op&ccedil&otilde;es de cores.
113 103 <div class="imagemExemplo">
114 104 <img src="imagens/Analise/analise215.jpg" >
115 105 <p> Cores.
116 106 </div>
117 107 <p>
118 108 <img src="imagens/Analise/mapset.png" style="width: 24px; height: 24px;" alt="cotina">
119   - <span style="font-weight: bold;"> Cortina</span>: cria um efeito de sobreposição e transição entre temas. O efeito é controlado por uma barra deslizante presente na janela.
  109 + <span style="font-weight: bold;"> Cortina</span>: cria um efeito de sobreposi&ccedil&atilde;o e transi&ccedil&atilde;o entre temas. O efeito &eacute; controlado por uma barra deslizante presente na janela.
120 110  
121 111 <div class="imagemExemplo">
122 112 <img src="imagens/Analise/analise216.jpg" >
... ... @@ -124,27 +114,27 @@
124 114 </div>
125 115 <p>
126 116 <img src="imagens/Analise/3d-light.png" style="width: 24px; height: 24px;" alt="mapa3d">
127   - <span style="font-weight: bold;">Mapa temático 3D</span>: Gera os dados para a representação do mapa em uma visão 3D, utilizando a técnica utilizada no Google Earth (no formato KML). Ao final do processo, é criado um arquivo KML que pode ser aberto com o Google Earth, ou baixado pelo link gerado pelo i3GeoSaúde. A figura mostra algumas das opções da funcionalidade para o tema selecionado ("Influenza por bairro...").
  117 + <span style="font-weight: bold;">Mapa tem&aacute;tico 3D</span>: Gera os dados para a representa&ccedil&atilde;o do mapa em uma vis&atilde;o 3D, utilizando a t&eacute;cnica utilizada no Google Earth (no formato KML). Ao final do processo, &eacute; criado um arquivo KML que pode ser aberto com o Google Earth, ou baixado pelo link gerado pelo i3GeoSa&uacute;de. A figura mostra algumas das op&ccedil&otilde;es da funcionalidade para o tema selecionado ("Influenza por bairro...").
128 118 <div class="imagemExemplo">
129 119 <img src="imagens/Analise/analise217.jpg" >
130   - <p> Mapa temático 3D.
  120 + <p> Mapa tem&aacute;tico 3D.
131 121 </div>
132 122 <p>
133 123 <img src="imagens/Analise/manalise03%20Mar.%2019%2010.52.jpg" style="width: 22px; height: 25px;" alt="e">
134   - <span style="font-weight: bold;">Estatíscas gerais</span>: Mostra um resumo das estatísticas de&nbsp;uma variável (selecionada para a camada ativa), aplicando-se funções estatísticas conhecidas (média, moda, mediana e outras). A figura mostra um exemplo para a camada "Influenza por bairro...".
  124 + <span style="font-weight: bold;">Estat&iacute;scas gerais</span>: Mostra um resumo das estat&iacute;sticas de&nbsp;uma vari&aacute;vel (selecionada para a camada ativa), aplicando-se fun&ccedil&otilde;es estat&iacute;sticas conhecidas (m&eacute;dia, moda, mediana e outras). A figura mostra um exemplo para a camada "Influenza por bairro...".
135 125 <div class="imagemExemplo">
136 126 <img src="imagens/Analise/analise218.jpg" >
137   - <p> Estatísticas.
  127 + <p> Estat&iacute;sticas.
138 128 </div>
139 129 <p>
140 130 <img src="imagens/Analise/boundary-remove-add.png" style="width: 24px; height: 24px;" alt="contorno">
141   - <span style="font-weight: bold;">Ativa e desativa contornos de limites geográficos</span>: permite exibir ou ocultar as bordas dos limites geográficos.
  131 + <span style="font-weight: bold;">Ativa e desativa contornos de limites geogr&aacute;ficos</span>: permite exibir ou ocultar as bordas dos limites geogr&aacute;ficos.
142 132 <p>
143 133 <img src="imagens/Analise/manalise04%20Mar.%2019%2010.56.jpg" style="width: 27px; height: 25px;" alt="forma">
144   - <span style="font-weight: bold;">Altera a forma de representação</span>. Essa função permite modificar a apresentação gráfica dos dados no cartograma, podendo utilizar circulos com três opções de formas, ou mantendo o padrão de preenchimento da área do limite geográfico.
  134 + <span style="font-weight: bold;">Altera a forma de representa&ccedil&atilde;o</span>. Essa fun&ccedil&atilde;o permite modificar a apresenta&ccedil&atilde;o gr&aacute;fica dos dados no cartograma, podendo utilizar circulos com três op&ccedil&otilde;es de formas, ou mantendo o padr&atilde;o de preenchimento da &aacute;rea do limite geogr&aacute;fico.
145 135 <div class="imagemExemplo">
146 136 <img src="imagens/Analise/analise219.jpg" >
147   - <p> Formas de representação dos dados nos limites.
  137 + <p> Formas de representa&ccedil&atilde;o dos dados nos limites.
148 138 </div>
149 139 <p>Exemplo de preenchimento&nbsp;por meio de ponto.
150 140 <div class="imagemExemplo">
... ... @@ -153,33 +143,31 @@
153 143 </div>
154 144 <p>
155 145 <img src="imagens/Analise/dem.png" style="width: 24px; height: 24px;" alt="mapacalor">
156   - <span style="font-weight: bold;">Mapa de calor</span>: Exibe um mapa com intensidades de cores baseadas nas faixas de valores presentes na região geográfica selecionada no tema.
  146 + <span style="font-weight: bold;">Mapa de calor</span>: Exibe um mapa com intensidades de cores baseadas nas faixas de valores presentes na regi&atilde;o geogr&aacute;fica selecionada no tema.
157 147 <p>
158 148 <img src="imagens/Analise/mapset-add.png" style="width: 24px; height: 24px;" alt="congelavisao">
159   - <span style="font-weight: bold;">Congela visão</span>: Possibilita a seleção da imagem em área delimitada da&nbsp;tela, para uma análise particular.
  149 + <span style="font-weight: bold;">Congela vis&atilde;o</span>: Possibilita a sele&ccedil&atilde;o da imagem em &aacute;rea delimitada da&nbsp;tela, para uma an&aacute;lise particular.
160 150 <div class="imagemExemplo">
161 151 <img src="imagens/Analise/analise220.jpg" alt="fixo">
162   - <p> Janela&nbsp; "congelar visão".
  152 + <p> Janela&nbsp; "congelar vis&atilde;o".
163 153  
164 154 </div>
165 155 <p>
166 156 <img src="imagens/Analise/label.png" style="width: 24px; height: 24px;" alt="Mostratexto">
167   - <span style="font-weight: bold;">Mostra os valores como texto:</span> Mostra os valores como rótulos (com os valores em forma de texto), sobre os limites geográficos do&nbsp;mapa. A figura mostra a janela com algumas das opções da funcionalidade.
  157 + <span style="font-weight: bold;">Mostra os valores como texto:</span> Mostra os valores como r&oacute;tulos (com os valores em forma de texto), sobre os limites geogr&aacute;ficos do&nbsp;mapa. A figura mostra a janela com algumas das op&ccedil&otilde;es da funcionalidade.
168 158 <div class="imagemExemplo">
169 159 <img src="imagens/Analise/analise221.jpg" >
170   - <p> Opções para gerar os valores (Toponímia) nas regiões do mapa.
  160 + <p> Op&ccedil&otilde;es para gerar os valores (Topon&iacute;mia) nas regi&otilde;es do mapa.
171 161 </div>
172   - <p> A seguir um exemplo de toponímia (infomações sobre o mapa). No exemplo existem números que representam a quantidade de incidência de vítimas de influenza em cada região geográfica.
  162 + <p> A seguir um exemplo de topon&iacute;mia (infoma&ccedil&otilde;es sobre o mapa). No exemplo existem n&uacute;meros que representam a quantidade de incidência de v&iacute;timas de influenza em cada regi&atilde;o geogr&aacute;fica.
173 163 <div class="imagemExemplo">
174 164 <img src="imagens/Analise/analise229.jpg" >
175   - <p> Exemplo de toponímia.
  165 + <p> Exemplo de topon&iacute;mia.
176 166 </div>
177 167 <p>
178 168 <img src="../../i3geo/imagens/gisicons/layer-group-add.png" style="width: 24px; height: 24px;" alt="">
179   - <span style="font-weight: bold;">Junta dados das camadas:</span> Cruza as informações de duas camadas similares ou complementares, gerando um novo dado. É possível realizar operações como soma e divisão entre os dados das camadas.
  169 + <span style="font-weight: bold;">Junta dados das camadas:</span> Cruza as informa&ccedil&otilde;es de duas camadas similares ou complementares, gerando um novo dado. É poss&iacute;vel realizar opera&ccedil&otilde;es como soma e divis&atilde;o entre os dados das camadas.
180 170 <div class="imagemExemplo">
181 171 <img src="imagens/Analise/analise230.jpg">
182   - <p> Exemplo de junção de dados
  172 + <p> Exemplo de jun&ccedil&atilde;o de dados
183 173 </div>
184   -</body>
185   -</html>
... ...
docs/InstalacaoWindows.html
  Diff comments   View file @10cd9dc
1   -<!DOCTYPE html>
2   -<html>
3   -<head>
4   -<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
5   -<link media="screen" href="./files/estilos.css" type="text/css" rel="stylesheet">
6   -<link rel="stylesheet" type="text/css" href="./files/estilos.css">
7   -</head>
8   -<body class="blue-bg">
9   - <div class="imginicio">
10   - <img onclick="window.history.back()" style="border: 0px solid; width: 40px; height: 40px;" alt="inicio" src="files/inicio.gif">
11   - </div>
12   - <h1>Instalação no Windows</h1>
  1 + <h1>Instala&ccedil&atilde;o no Windows</h1>
13 2 <p>
14   - A instalação do i3GeoSaúde no Windows é baseada em um software chamado <a href="http://maptools.org/ms4w/index.phtml" target="_blank">MS4W</a> que permite transformar um computador desktop em um servidor WEB. Esse servidor não altera ou prejudica o funcionamento normal do Windows e seus aplicativos e o i3GeoSaúde poderá ser utilizado apenas localmente, ou seja, não é obrigatório compartilhar o servidor na rede para que outros tenham acesso, apesar disso ser possível.
15   - <h2>Instalação do MS4W</h2>
  3 + A instala&ccedil&atilde;o do i3GeoSa&uacute;de no Windows &eacute; baseada em um software chamado <a href="http://maptools.org/ms4w/index.phtml" target="_blank">MS4W</a> que permite transformar um computador desktop em um servidor WEB. Esse servidor n&atilde;o altera ou prejudica o funcionamento normal do Windows e seus aplicativos e o i3GeoSa&uacute;de poder&aacute; ser utilizado apenas localmente, ou seja, n&atilde;o &eacute; obrigat&oacute;rio compartilhar o servidor na rede para que outros tenham acesso, apesar disso ser poss&iacute;vel.
  4 + <h2>Instala&ccedil&atilde;o do MS4W</h2>
16 5 <p>
17   - Faça o download do arquivo <a href="http://svn.softwarepublico.gov.br/trac/i3geo/export/4265/subgrupos/i3geosaude/ms4w.zip">http://svn.softwarepublico.gov.br/trac/i3geo/export/4265/subgrupos/i3geosaude/ms4w.zip</a> e descompacte a pasta ms4w na raiz do drive c:. Ao final você terá a pasta c:\ms4w em seu computador.
  6 + Fa&ccedila o download do arquivo <a href="http://svn.softwarepublico.gov.br/trac/i3geo/export/4265/subgrupos/i3geosaude/ms4w.zip">http://svn.softwarepublico.gov.br/trac/i3geo/export/4265/subgrupos/i3geosaude/ms4w.zip</a> e descompacte a pasta ms4w na raiz do drive c:. Ao final você ter&aacute; a pasta c:\ms4w em seu computador.
18 7 <p>2. Entre na pasta C:\ms4w, execute o arquivo apache-install.bat como administrador. Deve aparecer uma mensagem parecida com esta:
19 8 <pre>
20 9 Installing the Apache MS4W Web Server service
21 10 The Apache MS4W Web Server service is successfully installed.
22 11 Testing httpd.conf…
23 12 Errors reported here must be corrected before the service can be started.
24   - O service de Apache MS4W Web Server está sendo iniciado.
  13 + O service de Apache MS4W Web Server est&aacute; sendo iniciado.
25 14 </pre>
26   - <p>Caso esta mensagem não seja exibida, será preciso executar os seguintes passos:
  15 + <p>Caso esta mensagem n&atilde;o seja exibida, ser&aacute; preciso executar os seguintes passos:
27 16 <ul>
28 17 <li>No Painel de Controle, digite no campo de pesquisa UAC</li>
29   - <li>Escolha a opção “Alterar configurações de Controle de Contas de Usuário”.</li>
30   - <li>Na janela que será aberta na sequência, configure para “Nunca notificar“.</li>
  18 + <li>Escolha a op&ccedil&atilde;o “Alterar configura&ccedil&otilde;es de Controle de Contas de Usu&aacute;rio”.</li>
  19 + <li>Na janela que ser&aacute; aberta na sequência, configure para “Nunca notificar“.</li>
31 20 <li>Reinicie o computador</li>
32 21 <li>Execute novamente o arquivo apache-install.bat</li>
33 22 </ul>
34   - <p>Para confirmar que tudo ocorreu bem, abra o navegador de internet e digite http:\\localhost Instalação do i3GeoSaúde
  23 + <p>Para confirmar que tudo ocorreu bem, abra o navegador de internet e digite http:\\localhost Instala&ccedil&atilde;o do i3GeoSa&uacute;de
35 24 </h2>
36   - <p>O processo de instalação consiste na obtenção dos arquivos do software e armazenamento na pasta local onde está instalado o MS4W. Os arquivos ficam armazenados em um servidor SVN onde o i3GeoSaúde é mantido sempre atualizado. A primeira vez que os arquivos são obtidos chamamos de "checkout", ou seja, os arquivos são extraídos para uma cópia de trabalho local. Uma vez feito o "checkout" os arquivos podem ser atualizados quando desejado, o que chamamos de "update". Para controlar esses
  25 + <p>O processo de instala&ccedil&atilde;o consiste na obten&ccedil&atilde;o dos arquivos do software e armazenamento na pasta local onde est&aacute; instalado o MS4W. Os arquivos ficam armazenados em um servidor SVN onde o i3GeoSa&uacute;de &eacute; mantido sempre atualizado. A primeira vez que os arquivos s&atilde;o obtidos chamamos de "checkout", ou seja, os arquivos s&atilde;o extra&iacute;dos para uma c&oacute;pia de trabalho local. Uma vez feito o "checkout" os arquivos podem ser atualizados quando desejado, o que chamamos de "update". Para controlar esses
37 26 processos utilizaremos nesse roteiro o software "Tortoise".
38 27 <p>
39   - Faça o download e instale o Tortoise&nbsp;<b><a href="http://tortoisesvn.net/downloads.html">http://tortoisesvn.net/downloads.html</a></b>. Depois do Tortoise instalado, faça o checkout dos dados do i3GeoSaúde. Para isso abra, o Windows Explorer, vá até a pasta c:\ms4w\Apache.
40   - <p>1. &nbsp;Clique com o Botão Direito do mouse sobre a pasta "htdocs" e escolha a opção SVN Checkout.
  28 + Fa&ccedila o download e instale o Tortoise&nbsp;<b><a href="http://tortoisesvn.net/downloads.html">http://tortoisesvn.net/downloads.html</a></b>. Depois do Tortoise instalado, fa&ccedila o checkout dos dados do i3GeoSa&uacute;de. Para isso abra, o Windows Explorer, v&aacute; at&eacute; a pasta c:\ms4w\Apache.
  29 + <p>1. &nbsp;Clique com o Bot&atilde;o Direito do mouse sobre a pasta "htdocs" e escolha a op&ccedil&atilde;o SVN Checkout.
41 30 <div class="imagemExemplo">
42 31 <img src="imagens/instalacao/Fig1.png" style="width: 252px; height: 341px;" alt="fig1">
43 32 </div>
44   - <p>2. &nbsp;Informe a url do repositório e o diretório onde deseja colocar os arquivos. Será pedido um usuário e senha. Informe os dados do seu cadastro no SPB ou utilize "i3geosaude" como login e senha.
  33 + <p>2. &nbsp;Informe a url do reposit&oacute;rio e o diret&oacute;rio onde deseja colocar os arquivos. Ser&aacute; pedido um usu&aacute;rio e senha. Informe os dados do seu cadastro no SPB ou utilize "i3geosaude" como login e senha.
45 34 <p>Em "URL of repository" digite http://svn.softwarepublico.gov.br/svn/i3geo/subgrupos/i3geosaude
46 35 <p>Em "Checkout directory" digite: c:\ms4w\apache\htdocs
47 36 <div class="imagemExemplo">
... ... @@ -52,12 +41,12 @@
52 41 <img src="imagens/instalacao/Fig3.png" style="width: 400px; height: 248px;" alt="fig3">
53 42 </div>
54 43 <p>Para confirmar que tudo ocorreu bem, abra o navegador de internet e digite http:\\localhost
55   - <h2>Instalação do PstgreSQL/Postgis</h2>
56   - <p>O i3GeoSaúde utiliza o gerenciador de banco de dados PostgreSQL com a extensão Postgis. Para instalar esse gerenciador, siga o roteiro abaixo.
  44 + <h2>Instala&ccedil&atilde;o do PstgreSQL/Postgis</h2>
  45 + <p>O i3GeoSa&uacute;de utiliza o gerenciador de banco de dados PostgreSQL com a extens&atilde;o Postgis. Para instalar esse gerenciador, siga o roteiro abaixo.
57 46 <p>
58   - 1. Faça o download do instalador do PostgreSQL no seguinte endereço, <b><a href="http://www.enterprisedb.com/products-services-training/pgdownload#windows"> http://www.enterprisedb.com/products-services-training/pgdownload#windows</a></b>
59   - <p>2. Execute o instalador, coloque a senha do usuário postgres como postgres, deixe todas as demais opções como estão marcadas.
60   - <p>3. Quando a instalação do PostgreSQL finalizar, deixe habilitada a opção Stack Builder e clique em Finish.
  47 + 1. Fa&ccedila o download do instalador do PostgreSQL no seguinte endere&ccedilo, <b><a href="http://www.enterprisedb.com/products-services-training/pgdownload#windows"> http://www.enterprisedb.com/products-services-training/pgdownload#windows</a></b>
  48 + <p>2. Execute o instalador, coloque a senha do usu&aacute;rio postgres como postgres, deixe todas as demais op&ccedil&otilde;es como est&atilde;o marcadas.
  49 + <p>3. Quando a instala&ccedil&atilde;o do PostgreSQL finalizar, deixe habilitada a op&ccedil&atilde;o Stack Builder e clique em Finish.
61 50 <div class="imagemExemplo">
62 51 <img src="imagens/instalacao/Fig4.png" style="width: 400px; height: 310px;" alt="fig4">
63 52 </div>
... ... @@ -65,16 +54,16 @@
65 54 <div class="imagemExemplo">
66 55 <img src="imagens/instalacao/Fig5.png" style="width: 400px; height: 272px;" alt="fig5">
67 56 </div>
68   - <p>5. Selecione a opção postgis 64bit ou 32bit de acordo com a instalação do PostgreSQL.
  57 + <p>5. Selecione a op&ccedil&atilde;o postgis 64bit ou 32bit de acordo com a instala&ccedil&atilde;o do PostgreSQL.
69 58 <div class="imagemExemplo">
70 59 <img src="imagens/instalacao/Fig6.png" style="width: 400px; height: 272px;" alt="fig6">
71 60 </div>
72   - <p>6. Clique em avançar até chegar na tela em que é pedido a senha informada na instalação do PostgreSQL.
  61 + <p>6. Clique em avan&ccedilar at&eacute; chegar na tela em que &eacute; pedido a senha informada na instala&ccedil&atilde;o do PostgreSQL.
73 62 <div class="imagemExemplo">
74 63 <img src="imagens/instalacao/Fig7.png" style="width: 400px; height: 311px;" alt="fig7">
75 64 </div>
76   - <p>7. No menu iniciar, digite PgAdmin e inicie o programa. Será pedido a senha novamente.
77   - <p>8. Crie um novo banco de dados. Para isso, clique com o botão direto do mouse em cima de Databases e depois em New Database.
  65 + <p>7. No menu iniciar, digite PgAdmin e inicie o programa. Ser&aacute; pedido a senha novamente.
  66 + <p>8. Crie um novo banco de dados. Para isso, clique com o bot&atilde;o direto do mouse em cima de Databases e depois em New Database.
78 67 <div class="imagemExemplo">
79 68 <img src="imagens/instalacao/Fig8.png" style="width: 333px; height: 277px;" alt="fig8">
80 69 </div>
... ... @@ -86,24 +75,24 @@
86 75 <div class="imagemExemplo">
87 76 <img src="imagens/instalacao/Fig10.png" style="width: 400px; height: 216px;" alt="fig10">
88 77 </div>
89   - <p>11. Clique com o botão direito sobre o banco i3geosaude e em seguida em Restore
  78 + <p>11. Clique com o bot&atilde;o direito sobre o banco i3geosaude e em seguida em Restore
90 79 <div class="imagemExemplo">
91 80 <img src="imagens/instalacao/Fig11.png" style="width: 326px; height: 347px;" alt="fig11">
92 81 </div>
93   - <p>12. Selecione o arquivo databasei3geosaude.backup que se encontra no diretório C:\ms4w\Apache\htdocs, depois clique em Restore.
  82 + <p>12. Selecione o arquivo databasei3geosaude.backup que se encontra no diret&oacute;rio C:\ms4w\Apache\htdocs, depois clique em Restore.
94 83 <div class="imagemExemplo">
95 84 <img src="imagens/instalacao/Fig12.png" style="width: 400px; height: 329px;" alt="fig12">
96 85 </div>
97   - <p>13. Selecione o banco i3geosaude e em seguida clique na opção SQL
  86 + <p>13. Selecione o banco i3geosaude e em seguida clique na op&ccedil&atilde;o SQL
98 87 <div class="imagemExemplo">
99 88 <img src="imagens/instalacao/Fig13.png" style="width: 282px; height: 277px;" alt="fig13">
100 89 </div>
101 90 <p>
102   - 14. Na janela que se abrirá, clique na opção abrir e selecione o arquivo "legacy_minimal.sql" que fica no diretório: <span style="font-weight: bold;">C:\Program Files\PostgreSQL.2\share\contrib\postgis-2.0\</span><br style="font-weight: bold;">
  91 + 14. Na janela que se abrir&aacute;, clique na op&ccedil&atilde;o abrir e selecione o arquivo "legacy_minimal.sql" que fica no diret&oacute;rio: <span style="font-weight: bold;">C:\Program Files\PostgreSQL.2\share\contrib\postgis-2.0\</span><br style="font-weight: bold;">
103 92 <div class="imagemExemplo">
104 93 <img src="imagens/instalacao/Fig14.png" style="width: 400px; height: 245px;" alt="fig14">
105 94 </div>
106   - <p>15. Clique no botão Execute query.
  95 + <p>15. Clique no bot&atilde;o Execute query.
107 96 <div class="imagemExemplo">
108 97 <img src="imagens/instalacao/Fig15.png" style="width: 400px; height: 246px;" alt="fig16">
109 98 </div>
... ... @@ -115,5 +104,3 @@
115 104 <div class="imginicio">
116 105 <a href="#top"><img src="files/topo.gif" title="Topo" style="border: 0px solid; width: 41px; height: 35px;" alt="Topo"></a>
117 106 </div>
118   -</body>
119   -</html>
... ...
docs/Interface.html
  Diff comments   View file @10cd9dc
1   -<!DOCTYPE html>
2   -<html>
3   -<head>
4   -<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
5   -<meta charset="UTF-8">
6   -<title>i3GeoSaude</title>
7   -<link media="screen" href="./files/estilos.css" type="text/css" rel="stylesheet">
8   -<link rel="stylesheet" type="text/css" href="./files/estilos.css">
9   -</head>
10   -<body class="blue-bg">
11 1 <h1>Funcionalidades presentes na Interface</h1>
12   - <p>As funcionalidas da interface referem-se aos recursos implementados no i3GeoSaúde para permitir que os usuário interajam com os mapas de forma facilitada e intuitiva. A seguir detalhamos os principais recursos presentes na interface com usuário. Visão geral dos mapas interativos
13   - <p>Cada instalação do i3GeoSaúde pode conter mapas com diferentes objetivos e desenhos, desenvolvidos conforme as necessidades de seus usuários. Existem três interfaces básicas de mapas&nbsp;que normalmente são utilizadas pelo i3GeoSaúde. Em quaisquer uma delas podem estar presentes os seguintes elementos.
  2 + <p>As funcionalidas da interface referem-se aos recursos implementados no i3GeoSa&uacute;de para permitir que os usu&aacute;rio interajam com os mapas de forma facilitada e intuitiva. A seguir detalhamos os principais recursos presentes na interface com usu&aacute;rio. Vis&atilde;o geral dos mapas interativos
  3 + <p>Cada instala&ccedil&atilde;o do i3GeoSa&uacute;de pode conter mapas com diferentes objetivos e desenhos, desenvolvidos conforme as necessidades de seus usu&aacute;rios. Existem três interfaces b&aacute;sicas de mapas&nbsp;que normalmente s&atilde;o utilizadas pelo i3GeoSa&uacute;de. Em quaisquer uma delas podem estar presentes os seguintes elementos.
14 4 <div class="imagemExemplo">
15 5 <img src="imagens/Interface/componentesbasicos.jpg">
16 6 <p>Interface com suas funcionalidades.
17 7 </div>
18 8 <p>
19   - • <span style="font-weight: bold;">Corpo do mapa</span>: área onde as camadas que compõem o mapa são desenhadas. Permite a navegação sobre o mapa, como as operações de aproximação (zoom) ou o deslocamento da abrangência espacial do mapa ("pan"). As operações atuam em um simples “clique” sobre o mapa, em um determinado ponto geográfico, além disso a ferramenta exibe informações básicas sobre os pontos georeferenciados ao capturar o posicionamento do mouse em movimento. Veja abaixo detalhes
20   - sobre o corpo do mapa e as coordenadas geográficas para o ponto clicado sobre o mapa.
  9 + • <span style="font-weight: bold;">Corpo do mapa</span>: &aacute;rea onde as camadas que comp&otilde;em o mapa s&atilde;o desenhadas. Permite a navega&ccedil&atilde;o sobre o mapa, como as opera&ccedil&otilde;es de aproxima&ccedil&atilde;o (zoom) ou o deslocamento da abrangência espacial do mapa ("pan"). As opera&ccedil&otilde;es atuam em um simples “clique” sobre o mapa, em um determinado ponto geogr&aacute;fico, al&eacute;m disso a ferramenta exibe informa&ccedil&otilde;es b&aacute;sicas sobre os pontos georeferenciados ao capturar o posicionamento do mouse em movimento. Veja abaixo detalhes
  10 + sobre o corpo do mapa e as coordenadas geogr&aacute;ficas para o ponto clicado sobre o mapa.
21 11 <div class="imagemExemplo">
22 12 <img src="imagens/Interface/corpomapa_recursos.jpg">
23   - <p>Corpo do mapa e a barra com as coordenadas do ponto geográfico.
  13 + <p>Corpo do mapa e a barra com as coordenadas do ponto geogr&aacute;fico.
24 14 </div>
25 15 <p>
26   - • <span style="font-weight: bold;">Menu suspenso</span>: barra contendo opções principais da ferramenta i3GeoSaúde, que&nbsp;contém outros submenus que são expandidos para mostrar ítens secundários. Como visto na figura abaixo, as opções permitem abrir diversas funcionalidades e outros aplicativos. Essa barra fica normalmente localizada na parte superior da interface.&nbsp;
  16 + • <span style="font-weight: bold;">Menu suspenso</span>: barra contendo op&ccedil&otilde;es principais da ferramenta i3GeoSa&uacute;de, que&nbsp;cont&eacute;m outros submenus que s&atilde;o expandidos para mostrar &iacute;tens secund&aacute;rios. Como visto na figura abaixo, as op&ccedil&otilde;es permitem abrir diversas funcionalidades e outros aplicativos. Essa barra fica normalmente localizada na parte superior da interface.&nbsp;
27 17 <div class="imagemExemplo">
28 18 <img src="imagens/Interface/barramenususpenso.jpg" style="width: 684px; height: 36px;" alt="barra de menu suspensa">
29 19 <p>Menu suspenso.
30 20 </div>
31 21 <p>
32   - • <span style="font-weight: bold;">Barra de botões</span>: barra de ícones que permitem acionar determinadas funcionalidades de uso mais frequente.&nbsp; Na barra ficam ícones que permitem operações de interação direta com o mapa, como navegação, posicionamento, zoom, e outros que abrem outras janelas de opções. Como podemos ver na figura, há duas versões disponíveis, que são acionadas pelo controle posicionado à direita da barra: a barra padrão (com onze funções) e a barra estendida, contendo
33   - opções adicionais ao padrão.
  22 + • <span style="font-weight: bold;">Barra de bot&otilde;es</span>: barra de &iacute;cones que permitem acionar determinadas funcionalidades de uso mais frequente.&nbsp; Na barra ficam &iacute;cones que permitem opera&ccedil&otilde;es de intera&ccedil&atilde;o direta com o mapa, como navega&ccedil&atilde;o, posicionamento, zoom, e outros que abrem outras janelas de op&ccedil&otilde;es. Como podemos ver na figura, h&aacute; duas vers&otilde;es dispon&iacute;veis, que s&atilde;o acionadas pelo controle posicionado à direita da barra: a barra padr&atilde;o (com onze fun&ccedil&otilde;es) e a barra estendida, contendo
  23 + op&ccedil&otilde;es adicionais ao padr&atilde;o.
34 24 <div class="imagemExemplo">
35 25 <img src="imagens/Interface/barrabotoes.jpg">
36   - <p>Barra de botões (versão padrão e estendida).
  26 + <p>Barra de bot&otilde;es (vers&atilde;o padr&atilde;o e estendida).
37 27 </div>
38 28 <p>
39   - • <span style="font-weight: bold;">Barra de navegação</span>: É um tipo especial de barra de botões que apresenta operações de navegação. São úteis para se ter acesso rápido a esse tipo de operação e também em dispositivos móveis, como os “tablets”. Em alguns casos, em função da área de tela disponível, a barra de botões padrão pode não existir, sendo mostrada apenas a barra de navegação.
  29 + • <span style="font-weight: bold;">Barra de navega&ccedil&atilde;o</span>: É um tipo especial de barra de bot&otilde;es que apresenta opera&ccedil&otilde;es de navega&ccedil&atilde;o. S&atilde;o &uacute;teis para se ter acesso r&aacute;pido a esse tipo de opera&ccedil&atilde;o e tamb&eacute;m em dispositivos m&oacute;veis, como os “tablets”. Em alguns casos, em fun&ccedil&atilde;o da &aacute;rea de tela dispon&iacute;vel, a barra de bot&otilde;es padr&atilde;o pode n&atilde;o existir, sendo mostrada apenas a barra de navega&ccedil&atilde;o.
40 30 <p>
41   - • <span style="font-weight: bold;">Janela flutuante</span>: consiste em um elemento gráfico que pode ser movimentado sobre o mapa e que contém opções para o uso de determinada funcionalidade ou que apenas apresenta textos explicativos.
  31 + • <span style="font-weight: bold;">Janela flutuante</span>: consiste em um elemento gr&aacute;fico que pode ser movimentado sobre o mapa e que cont&eacute;m op&ccedil&otilde;es para o uso de determinada funcionalidade ou que apenas apresenta textos explicativos.
42 32 <p>
43   - • <span style="font-weight: bold;">Guias ou abas laterais</span>: as guias são áreas retráteis, podendo estar&nbsp;escondidas ou não. Normalmente contém elementos de maior destaque no mapa como as opções que controlam as camadas, legenda e catálogo de acesso aos dados. Os conteúdos das guias podem ainda ser apresentados de diferentes formas, como as guias do tipo “sanfona” ou acionadas por meio de ícones. A figura seguinte mostra a guia de camadas localizada na lateral direita da interface,
  33 + • <span style="font-weight: bold;">Guias ou abas laterais</span>: as guias s&atilde;o &aacute;reas retr&aacute;teis, podendo estar&nbsp;escondidas ou n&atilde;o. Normalmente cont&eacute;m elementos de maior destaque no mapa como as op&ccedil&otilde;es que controlam as camadas, legenda e cat&aacute;logo de acesso aos dados. Os conte&uacute;dos das guias podem ainda ser apresentados de diferentes formas, como as guias do tipo “sanfona” ou acionadas por meio de &iacute;cones. A figura seguinte mostra a guia de camadas localizada na lateral direita da interface,
44 34 ocm destaque para o controle que exibe e oculta a guia.
45 35 <div class="imagemExemplo">
46 36 <img src="imagens/Interface/guialateral.jpg">
47   - <p>Guia lateral para operações sobre as camadas (temas).
  37 + <p>Guia lateral para opera&ccedil&otilde;es sobre as camadas (temas).
48 38 </div>
49 39 <p>
50   - • <span style="font-weight: bold;">Complementos</span>: os complementos ficam localizados em uma barra na parte inferior da interface. Apresenta diferentes informações, como a barra de escala, escala numérica, bandeiras de idiomas, ícones de redes sociais, posição do mouse, etc. A figura apresenta a barra de complementos normalmente encontrada no i3GeoSaúde.
  40 + • <span style="font-weight: bold;">Complementos</span>: os complementos ficam localizados em uma barra na parte inferior da interface. Apresenta diferentes informa&ccedil&otilde;es, como a barra de escala, escala num&eacute;rica, bandeiras de idiomas, &iacute;cones de redes sociais, posi&ccedil&atilde;o do mouse, etc. A figura apresenta a barra de complementos normalmente encontrada no i3GeoSa&uacute;de.
51 41 <div class="imagemExemplo">
52 42 <img src="imagens/Interface/barracomplementos.jpg">
53   - <p>Barra inferior com funções complementares.
  43 + <p>Barra inferior com fun&ccedil&otilde;es complementares.
54 44 </div>
55 45 <p>
56   - • <span style="font-weight: bold;">Árvores</span>: mostram opções organizadas de forma hierárquica e representadas graficamente como uma árvore invertida, onde a raiz fica no topo. A árvore é composta por nós que podem ser expandidos ou não. Os nós que podem ser expandidos apresentam um ícone de “+” ou “-”, indicando o estado atual.
  46 + • <span style="font-weight: bold;">Árvores</span>: mostram op&ccedil&otilde;es organizadas de forma hier&aacute;rquica e representadas graficamente como uma &aacute;rvore invertida, onde a raiz fica no topo. A &aacute;rvore &eacute; composta por n&oacute;s que podem ser expandidos ou n&atilde;o. Os n&oacute;s que podem ser expandidos apresentam um &iacute;cone de “+” ou “-”, indicando o estado atual.
57 47 <p>
58   - • <span style="font-weight: bold;">Dobra de página</span>: a dobra é mostrada no canto inferior direito do mapa e permite que o corpo do mapa seja alterado, passando a ser desenhado por meio de um programa alternativo. A dobra permite que você alterne as formas de visualizar o mapa, ao abrir um mapa baseado no Google Maps ou no OpenLayers, alternando entre os dois.
  48 + • <span style="font-weight: bold;">Dobra de p&aacute;gina</span>: a dobra &eacute; mostrada no canto inferior direito do mapa e permite que o corpo do mapa seja alterado, passando a ser desenhado por meio de um programa alternativo. A dobra permite que você alterne as formas de visualizar o mapa, ao abrir um mapa baseado no Google Maps ou no OpenLayers, alternando entre os dois.
59 49 <div class="imagemExemplo">
60 50 <img src="imagens/Interface/dobra.jpg">
61   - <p>Controle de dobra de página.
  51 + <p>Controle de dobra de p&aacute;gina.
62 52 </div>
63   - <h2>Formas de visualização da Interface</h2>
64   - <p>Os componentes de um mapa podem ser posicionados e apresentados de formas variadas. A visualização pode ser gerada com base em diferentes programas, como o OpenLayers, GoogleMaps ou GoogleEarth. Cada um desses programas possui características próprias, que alteram a forma como o usuário interage com o mapa. Na interface OpenLayers,&nbsp; todas as funcionalidades do software podem ser utilizadas e o desenho das camadas do mapa é mais eficiente em relação às outras formas de visualização.
65   - O OpenLayers é a forma padrão de interação do i3GeoSaúde.
  53 + <h2>Formas de visualiza&ccedil&atilde;o da Interface</h2>
  54 + <p>Os componentes de um mapa podem ser posicionados e apresentados de formas variadas. A visualiza&ccedil&atilde;o pode ser gerada com base em diferentes programas, como o OpenLayers, GoogleMaps ou GoogleEarth. Cada um desses programas possui caracter&iacute;sticas pr&oacute;prias, que alteram a forma como o usu&aacute;rio interage com o mapa. Na interface OpenLayers,&nbsp; todas as funcionalidades do software podem ser utilizadas e o desenho das camadas do mapa &eacute; mais eficiente em rela&ccedil&atilde;o às outras formas de visualiza&ccedil&atilde;o.
  55 + O OpenLayers &eacute; a forma padr&atilde;o de intera&ccedil&atilde;o do i3GeoSa&uacute;de.
66 56 <div class="imagemExemplo">
67 57 <img src="imagens/Interface/i3GEO%20%20%20OpenLayers.png">
68 58 <p>Interface OpenLayers
69 59 </div>
70   - <p>A interface Google Maps permite o uso da base cartográfica do Google, possibilitando visualização tanto de ruas quanto imagens de satélite. A barra de navegação é diferente do padrão OpenLayers, e o desenho das camadas do mapa pode ser mais lenta, em razão da necessária conexão à internet para acesso ao Google Maps. A inclusão de toponímia e símbolos pontuais podem ficar comprometidos nessa interface, uma vez que todas as camadas são desenhadas por partes, podendo ocorrer problemas nas
71   - bordas que compõem os quadros do mapa. Um conjunto de botões é mostrado no canto superior direito para permitir a escolha do tipo de mapa (ruas ou imagem de satélite).
  60 + <p>A interface Google Maps permite o uso da base cartogr&aacute;fica do Google, possibilitando visualiza&ccedil&atilde;o tanto de ruas quanto imagens de sat&eacute;lite. A barra de navega&ccedil&atilde;o &eacute; diferente do padr&atilde;o OpenLayers, e o desenho das camadas do mapa pode ser mais lenta, em raz&atilde;o da necess&aacute;ria conex&atilde;o à internet para acesso ao Google Maps. A inclus&atilde;o de topon&iacute;mia e s&iacute;mbolos pontuais podem ficar comprometidos nessa interface, uma vez que todas as camadas s&atilde;o desenhadas por partes, podendo ocorrer problemas nas
  61 + bordas que comp&otilde;em os quadros do mapa. Um conjunto de bot&otilde;es &eacute; mostrado no canto superior direito para permitir a escolha do tipo de mapa (ruas ou imagem de sat&eacute;lite).
72 62 <div class="imagemExemplo">
73 63 <img src="imagens/Interface/i3GEOGoogleMaps.png">
74 64 <p>Interface Google Maps.
75 65 </div>
76   - <p>Tanto o OpenLayers quanto o Google Maps apresentam o mapa em um plano 2D. Já a interface GoogleEarth permite que o mapa seja visto na perspectiva 3D. Observe que a barra de botões é colocada em uma janela flutuante, e não existe a possibilidade de uso das guias retráteis, sendo necessário mantê-las fixas. Essa interface utiliza uma barra de navegação mais complexa, uma vez que o globo pode ter pontos de vista diferentes para acomodar a visualização do relevo da superfície do globo.
  66 + <p>Tanto o OpenLayers quanto o Google Maps apresentam o mapa em um plano 2D. J&aacute; a interface GoogleEarth permite que o mapa seja visto na perspectiva 3D. Observe que a barra de bot&otilde;es &eacute; colocada em uma janela flutuante, e n&atilde;o existe a possibilidade de uso das guias retr&aacute;teis, sendo necess&aacute;rio mantê-las fixas. Essa interface utiliza uma barra de navega&ccedil&atilde;o mais complexa, uma vez que o globo pode ter pontos de vista diferentes para acomodar a visualiza&ccedil&atilde;o do relevo da superf&iacute;cie do globo.
77 67 <div class="imagemExemplo">
78 68 <img src="imagens/Interface/I3GEOEarth.jpg">
79 69 <p>Interface Google Earth.
80 70 </div>
81 71 <h2>Outros componentes presentes na Interface</h2>
82   - <p>O menu padrão, contendo as principais funcionalidades do i3GeoSaúde, contém sete ítens.
  72 + <p>O menu padr&atilde;o, contendo as principais funcionalidades do i3GeoSa&uacute;de, cont&eacute;m sete &iacute;tens.
83 73 <div class="imagemExemplo">
84 74 <img src="imagens/Interface/barramenususpenso.jpg">
85 75 <p>Menu suspenso.
86 76 </div>
87 77 <p>
88   - • <span style="font-weight: bold;">Admin/Login</span>: Utilizado para fazer autenticação do usuário e ter acesso às funcionalidades de administração, caso o usuário tenha direitos de administrador. •
  78 + • <span style="font-weight: bold;">Admin/Login</span>: Utilizado para fazer autentica&ccedil&atilde;o do usu&aacute;rio e ter acesso às funcionalidades de administra&ccedil&atilde;o, caso o usu&aacute;rio tenha direitos de administrador. •
89 79 <p>
90   - <span style="font-weight: bold;">Marcadores</span>: Permite salvar a extensão da vista atual (nível de zoom e localização da vista no mapa) para ser retomada depois.
  80 + <span style="font-weight: bold;">Marcadores</span>: Permite salvar a extens&atilde;o da vista atual (n&iacute;vel de zoom e localiza&ccedil&atilde;o da vista no mapa) para ser retomada depois.
91 81 <p>
92   - • <span style="font-weight: bold;"> Ferramentas</span>: Acesso rápido às ferramentas que atuam sobre as camadas que foram carregadas para visualização no i3GeoSaúde. As mesmas operações podem estar presentes em outros lugares da interface, como na árvore de camadas.
  82 + • <span style="font-weight: bold;"> Ferramentas</span>: Acesso r&aacute;pido às ferramentas que atuam sobre as camadas que foram carregadas para visualiza&ccedil&atilde;o no i3GeoSa&uacute;de. As mesmas opera&ccedil&otilde;es podem estar presentes em outros lugares da interface, como na &aacute;rvore de camadas.
93 83 <p>
94   - • <span style="font-weight: bold;">Aplicativos</span>: Links que abrem o mapa com diferentes desenhos e aplicativos que funcionam em apoio ao i3GeoSaúde. Entre eles temos Serviços, Download, Tela remota, Gerador de links e parâmetros de inicialização e Hiperbólica.
  84 + • <span style="font-weight: bold;">Aplicativos</span>: Links que abrem o mapa com diferentes desenhos e aplicativos que funcionam em apoio ao i3GeoSa&uacute;de. Entre eles temos Servi&ccedilos, Download, Tela remota, Gerador de links e parâmetros de inicializa&ccedil&atilde;o e Hiperb&oacute;lica.
95 85 <p>
96   - • <span style="font-weight: bold;">Arquivo</span>: Ppções que permitem salvar, recuperar e compartilhar o mapa atual.
  86 + • <span style="font-weight: bold;">Arquivo</span>: Pp&ccedil&otilde;es que permitem salvar, recuperar e compartilhar o mapa atual.
97 87 <p>
98   - • <span style="font-weight: bold;">Análise</span>: Operações de análise geográfica, descritas em Grades, Distância entre pontos, "N" pontos em polígono, Ponto em polígono/raster, Distribuição de pontos, Centro médio, Dissolve, Geometrias, Entorno (buffer), Agrupa, Centróide, Gráfico e Linha do tempo.
  88 + • <span style="font-weight: bold;">An&aacute;lise</span>: Opera&ccedil&otilde;es de an&aacute;lise geogr&aacute;fica, descritas em Grades, Distância entre pontos, "N" pontos em pol&iacute;gono, Ponto em pol&iacute;gono/raster, Distribui&ccedil&atilde;o de pontos, Centro m&eacute;dio, Dissolve, Geometrias, Entorno (buffer), Agrupa, Centr&oacute;ide, Gr&aacute;fico e Linha do tempo.
99 89 <p>
100   - • <span style="font-weight: bold;">Ajuda</span>: Nesse ítem são mostrados vários links que permitem obter mais informações sobre o i3GeoSaúde. Destacam-se os que indicam a documentação do projeto, e a lista de funções. Essa lista oferece uma visão geral de todas as funções do i3GeoSaúde e links adicionais para obter ajuda sobre cada uma. Quanto à barra de botões, é importante destacar as funcionalidades, pois boa parte da interação e tarefas do usuário com o cartograma ocorre nessa ferramanta.
101   - Para mais obter mais informações sobre as principais tarefas do usuário,&nbsp;&nbsp;
  90 + • <span style="font-weight: bold;">Ajuda</span>: Nesse &iacute;tem s&atilde;o mostrados v&aacute;rios links que permitem obter mais informa&ccedil&otilde;es sobre o i3GeoSa&uacute;de. Destacam-se os que indicam a documenta&ccedil&atilde;o do projeto, e a lista de fun&ccedil&otilde;es. Essa lista oferece uma vis&atilde;o geral de todas as fun&ccedil&otilde;es do i3GeoSa&uacute;de e links adicionais para obter ajuda sobre cada uma. Quanto à barra de bot&otilde;es, &eacute; importante destacar as funcionalidades, pois boa parte da intera&ccedil&atilde;o e tarefas do usu&aacute;rio com o cartograma ocorre nessa ferramanta.
  91 + Para mais obter mais informa&ccedil&otilde;es sobre as principais tarefas do usu&aacute;rio,&nbsp;&nbsp;
102 92 <p>
103   - <span style="text-decoration: underline;"></span><a target="_blank" href="OperacaoSobreMapa.html">veja mais detalhes em "principais operações sobre os mapas"</a>
  93 + <span style="text-decoration: underline;"></span><a target="_blank" href="OperacaoSobreMapa.html">veja mais detalhes em "principais opera&ccedil&otilde;es sobre os mapas"</a>
104 94 <div class="imagemExemplo">
105 95 <img src="imagens/Interface/Barrademenu.png">
106   - <p>Barra de Botões
  96 + <p>Barra de Bot&otilde;es
107 97 </div>
108   - <p>Outro componente frequentemente utilizado pelo usuário, destacamos as guias ou abas laterais. Tais guias contém as opções que controlam as camadas, legenda e catálogo de acesso aos dados. A seguir apresentaremos algumas das opções desse recurso.
  98 + <p>Outro componente frequentemente utilizado pelo usu&aacute;rio, destacamos as guias ou abas laterais. Tais guias cont&eacute;m as op&ccedil&otilde;es que controlam as camadas, legenda e cat&aacute;logo de acesso aos dados. A seguir apresentaremos algumas das op&ccedil&otilde;es desse recurso.
109 99 <p>
110   - • <span style="font-weight: bold;">Mapa</span>: Ao clicar no ícone <img src="imagens/Interface/figura1.jpg" style="width: 31px; height: 31px;" alt="figura1">&nbsp; surgirá três árvores principais: Opção de "busca rápida", Propriedades do mapa (<span style="font-weight: bold;">Propriedades</span>), Camadas de fundo (<span style="font-weight: bold;">Camadas de fundo</span>) e <span style="font-weight: bold;">Temas</span>, que permitem maior fluidez de visualização, interação e análise
  100 + • <span style="font-weight: bold;">Mapa</span>: Ao clicar no &iacute;cone <img src="imagens/Interface/figura1.jpg" style="width: 31px; height: 31px;" alt="figura1">&nbsp; surgir&aacute; três &aacute;rvores principais: Op&ccedil&atilde;o de "busca r&aacute;pida", Propriedades do mapa (<span style="font-weight: bold;">Propriedades</span>), Camadas de fundo (<span style="font-weight: bold;">Camadas de fundo</span>) e <span style="font-weight: bold;">Temas</span>, que permitem maior fluidez de visualiza&ccedil&atilde;o, intera&ccedil&atilde;o e an&aacute;lise
111 101 sobre o mapa.
112 102 <div class="imagemExemplo">
113 103 <img src="imagens/Interface/GuiaMapa.png">
114 104 <p>Guia do Mapa.
115 105 </div>
116 106 <p>
117   - • <span style="font-weight: bold;">Catálogo</span>: mostra por meio do ícone&nbsp;<img src="imagens/Interface/figura2.jpg" style="width: 32px; height: 29px;" alt="figura2"> opções que permitem adicionar novas camadas ao mapa atual. Essa guia contém uma opção de busca, para localizar dados existentes no catálogo; um bloco de ícones com opções como upload, acesso à WMS, etc.; um ítem com a lista de serviços WMS cadastrados e um item para cada menu disponível (Inclusão de uma camada no
118   - mapa, Inclusão de uma camada baseada em serviços WMS e Localizando dados no catálogo).
  107 + • <span style="font-weight: bold;">Cat&aacute;logo</span>: mostra por meio do &iacute;cone&nbsp;<img src="imagens/Interface/figura2.jpg" style="width: 32px; height: 29px;" alt="figura2"> op&ccedil&otilde;es que permitem adicionar novas camadas ao mapa atual. Essa guia cont&eacute;m uma op&ccedil&atilde;o de busca, para localizar dados existentes no cat&aacute;logo; um bloco de &iacute;cones com op&ccedil&otilde;es como upload, acesso à WMS, etc.; um &iacute;tem com a lista de servi&ccedilos WMS cadastrados e um item para cada menu dispon&iacute;vel (Inclus&atilde;o de uma camada no
  108 + mapa, Inclus&atilde;o de uma camada baseada em servi&ccedilos WMS e Localizando dados no cat&aacute;logo).
119 109 <div class="imagemExemplo">
120 110 <img src="imagens/Interface/guiacatalogo.png">
121   - <p>Guia de Catálogo.
  111 + <p>Guia de Cat&aacute;logo.
122 112 </div>
123 113 <p>
124   - • <span style="font-weight: bold;">Legenda</span>: Ao clicar no ícone <img src="imagens/Interface/figura3.jpg" style="width: 34px; height: 32px;" alt="figura3"> é apresentado os&nbsp;temas.
  114 + • <span style="font-weight: bold;">Legenda</span>: Ao clicar no &iacute;cone <img src="imagens/Interface/figura3.jpg" style="width: 34px; height: 32px;" alt="figura3"> &eacute; apresentado os&nbsp;temas.
125 115 <div class="imagemExemplo">
126 116 <img src="imagens/Interface/guialegenda.png">
127 117 <p>Exemplo de temas do Guia de legenda.
128   -</body>
129   -</html>
... ...
docs/OperacaoSobreMapa.html
  Diff comments   View file @10cd9dc
1   -<!DOCTYPE html>
2   -<html>
3   -<head>
4   -<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
5   -<meta charset="UTF-8">
6   -<title>Operações sobre o mapa</title>
7   -<link media="screen" href="./files/estilos.css" type="text/css" rel="stylesheet">
8   -<link rel="stylesheet" type="text/css" href="./files/estilos.css">
9   -</head>
10   -<body class="blue-bg">
11   - <h1>Principais operações sobre o mapa</h1>
  1 + <h1>Principais opera&ccedil&otilde;es sobre o mapa</h1>
12 2 <p>
13   - Muitas das funcionalidades do i3GeoSaúde atuam sobre o mapa que está em uso, como alterar características de visualização ou obter informações sobre algum limite geográfico. O usuário do mapa pode alterar quais&nbsp;camadas ficarão visíveis, sua ordem de desenho, obter dados, abrir a legenda, etc. Essas operações afetam apenas o mapa que está sendo visualizado (aberto na interface do i3GeoSaúde), e qualquer mudança é perdida quando o mapa é removido do navegador. Neste tutorial são
14   - apresentadas as principais operações que atuam sobre o mapa ativo, destacando as funções presentes na barra de botões e das operações comumente utilizadas na interface de visualização de cartogramas. Visão geral da barra de botões. barra de botões apresenta ferramentas que permitem fazer operações sobre o mapa. A barra pode se apresentar em um formato reduzido (padrão no i3GeoSaúde) ou ampliado com outras funcionalidades, como visto na Figura 2 &nbsp;(a exibição de um forma reduzida para
15   - ampliada é detalhada em &nbsp;"<a target="_blank" href="Interface.html">Funcionalidades presentes na Interface</a>".
  3 + Muitas das funcionalidades do i3GeoSa&uacute;de atuam sobre o mapa que est&aacute; em uso, como alterar caracter&iacute;sticas de visualiza&ccedil&atilde;o ou obter informa&ccedil&otilde;es sobre algum limite geogr&aacute;fico. O usu&aacute;rio do mapa pode alterar quais&nbsp;camadas ficar&atilde;o vis&iacute;veis, sua ordem de desenho, obter dados, abrir a legenda, etc. Essas opera&ccedil&otilde;es afetam apenas o mapa que est&aacute; sendo visualizado (aberto na interface do i3GeoSa&uacute;de), e qualquer mudan&ccedila &eacute; perdida quando o mapa &eacute; removido do navegador. Neste tutorial s&atilde;o
  4 + apresentadas as principais opera&ccedil&otilde;es que atuam sobre o mapa ativo, destacando as fun&ccedil&otilde;es presentes na barra de bot&otilde;es e das opera&ccedil&otilde;es comumente utilizadas na interface de visualiza&ccedil&atilde;o de cartogramas. Vis&atilde;o geral da barra de bot&otilde;es. barra de bot&otilde;es apresenta ferramentas que permitem fazer opera&ccedil&otilde;es sobre o mapa. A barra pode se apresentar em um formato reduzido (padr&atilde;o no i3GeoSa&uacute;de) ou ampliado com outras funcionalidades, como visto na Figura 2 &nbsp;(a exibi&ccedil&atilde;o de um forma reduzida para
  5 + ampliada &eacute; detalhada em <a href="index.php?conteudo=Interface.html">Funcionalidades presentes na Interface</a>.
16 6 <p>
17 7 <div class="imagemExemplo">
18 8 <img src="imagens/operacaoSobreMapa/figura1b.jpg">
19   - <p>Barra de botões com os principais ícones, na forma reduzida.
  9 + <p>Barra de bot&otilde;es com os principais &iacute;cones, na forma reduzida.
20 10 </div>
21 11 <div class="imagemExemplo">
22 12 <img src="imagens/Interface/Barrademenu.png">
23   - <p>Barra de botões na forma estendida.
  13 + <p>Barra de bot&otilde;es na forma estendida.
24 14 </div>
25   - <p>Os ícones da barra de botões permitem melhor interação do usuário com a interface. A seguir veremos o nome e a funcionalidade de cada ícone.
  15 + <p>Os &iacute;cones da barra de bot&otilde;es permitem melhor intera&ccedil&atilde;o do usu&aacute;rio com a interface. A seguir veremos o nome e a funcionalidade de cada &iacute;cone.
26 16 <ul>
27   - <li>O ícone "Legenda" &nbsp; <img style="width: 30px; height: 29px;" alt="figura2" src="imagens/operacaoSobreMapa/figura2.jpg"> apresenta a janela flutuante com a legenda do tema.
  17 + <li>O &iacute;cone "Legenda" &nbsp; <img style="width: 30px; height: 29px;" alt="figura2" src="imagens/operacaoSobreMapa/figura2.jpg"> apresenta a janela flutuante com a legenda do tema.
28 18 </li>
29 19 </ul>
30 20 <div class="imagemExemplo">
... ... @@ -32,155 +22,152 @@
32 22 <p>Legenda
33 23 </div>
34 24 <ul>
35   - <li>O ícone&nbsp;<img style="width: 30px; height: 28px;" alt="figura3" src="imagens/operacaoSobreMapa/figura3.jpg">, denominado "Busca rápida", otimiza a localização&nbsp;de alguma região do mapa. Ao clicar no ícone de busca rápida, é solicitado ao usuário qual camada (região) ele deseja observar.
  25 + <li>O &iacute;cone&nbsp;<img style="width: 30px; height: 28px;" alt="figura3" src="imagens/operacaoSobreMapa/figura3.jpg">, denominado "Busca r&aacute;pida", otimiza a localiza&ccedil&atilde;o&nbsp;de alguma regi&atilde;o do mapa. Ao clicar no &iacute;cone de busca r&aacute;pida, &eacute; solicitado ao usu&aacute;rio qual camada (regi&atilde;o) ele deseja observar.
36 26 </li>
37 27 </ul>
38 28 <div class="imagemExemplo">
39 29 <img src="imagens/operacaoSobreMapa/figura27.jpg">
40   - <p>Busca rápida com a localização do município de Atalaia
  30 + <p>Busca r&aacute;pida com a localiza&ccedil&atilde;o do munic&iacute;pio de Atalaia
41 31 </div>
42 32 <ul>
43   - <li>&nbsp;O ícone "Zoom" <img style="width: 30px; height: 27px;" alt="figura4" src="imagens/operacaoSobreMapa/figura4.jpg"> &nbsp;permite selecionar região para amplia-la. Para isso, clique nele e depois&nbsp;pressione a tecla CTRL junto com o botão esquerdo do mouse para ampliar uma&nbsp;área qualquer selecionada.
  33 + <li>&nbsp;O &iacute;cone "Zoom" <img style="width: 30px; height: 27px;" alt="figura4" src="imagens/operacaoSobreMapa/figura4.jpg"> &nbsp;permite selecionar regi&atilde;o para amplia-la. Para isso, clique nele e depois&nbsp;pressione a tecla CTRL junto com o bot&atilde;o esquerdo do mouse para ampliar uma&nbsp;&aacute;rea qualquer selecionada.
44 34 </li>
45 35 </ul>
46 36 <div class="imagemExemplo">
47 37 <img src="imagens/operacaoSobreMapa/figura38.jpg">
48   - <p>Seleção da área de ampliação (1).
  38 + <p>Sele&ccedil&atilde;o da &aacute;rea de amplia&ccedil&atilde;o (1).
49 39 </div>
50 40 <div class="imagemExemplo">
51 41 <img src="imagens/operacaoSobreMapa/figura37.jpg">
52 42 <p>Mapa ampliado com maior escala (2).
53 43 </div>
54 44 <ul>
55   - <li>O&nbsp; ícone &nbsp;<img style="width: 29px; height: 34px;" alt="figura5" src="imagens/operacaoSobreMapa/figura5.jpg"> permite clicar (selecionar) e arrastar uma região para uma posição na tela. É útil para deslocar as regiões do mapa, permitindo navegar por ele com maior fluidez.
  45 + <li>O&nbsp; &iacute;cone &nbsp;<img style="width: 29px; height: 34px;" alt="figura5" src="imagens/operacaoSobreMapa/figura5.jpg"> permite clicar (selecionar) e arrastar uma regi&atilde;o para uma posi&ccedil&atilde;o na tela. É &uacute;til para deslocar as regi&otilde;es do mapa, permitindo navegar por ele com maior fluidez.
56 46 </li>
57 47 </ul>
58 48 <ul>
59   - <li>&nbsp;A ferramenta de enquadramento inicial, representada pelo ícone&nbsp;<img style="width: 30px; height: 35px;" alt="figura6" src="imagens/operacaoSobreMapa/figura6.jpg">, é importante para retomar a&nbsp;visualização original do mapa (como é apresentado inicialmente na tela), pois permite obtermos o mapa de forma enquadrada&nbsp;para que o mapa volte a apresentar a abrangência espacial do início.
  49 + <li>&nbsp;A ferramenta de enquadramento inicial, representada pelo &iacute;cone&nbsp;<img style="width: 30px; height: 35px;" alt="figura6" src="imagens/operacaoSobreMapa/figura6.jpg">, &eacute; importante para retomar a&nbsp;visualiza&ccedil&atilde;o original do mapa (como &eacute; apresentado inicialmente na tela), pois permite obtermos o mapa de forma enquadrada&nbsp;para que o mapa volte a apresentar a abrangência espacial do in&iacute;cio.
60 50 </li>
61 51 </ul>
62   - <p>Uma das operações mais importantes em um mapa interativo é a possibilidade de se obter informações sobre um determinado local (ponto ou região). As informações descritivas da região podem ser obtidas&nbsp; clicando-se no ponto desejado. O i3GeoSaúde apresenta duas ferramentas na barra de botões para fazer isso: "Identificação" e "Etiqueta".
  52 + <p>Uma das opera&ccedil&otilde;es mais importantes em um mapa interativo &eacute; a possibilidade de se obter informa&ccedil&otilde;es sobre um determinado local (ponto ou regi&atilde;o). As informa&ccedil&otilde;es descritivas da regi&atilde;o podem ser obtidas&nbsp; clicando-se no ponto desejado. O i3GeoSa&uacute;de apresenta duas ferramentas na barra de bot&otilde;es para fazer isso: "Identifica&ccedil&atilde;o" e "Etiqueta".
63 53 <ul>
64   - <li>A "Identificação", indicada pelo ícone&nbsp; <img style="width: 30px; height: 36px;" alt="figura7" src="imagens/operacaoSobreMapa/figura7.jpg"> , opera em todas as camadas, menos para aquelas que o administrador do geosaúde bloquear explicitamente. Esse bloqueio não pode ser removido pelo usuário do mapa. Após escolher a ferramenta, deve-se clicar no ponto desejado do mapa.
  54 + <li>A "Identifica&ccedil&atilde;o", indicada pelo &iacute;cone&nbsp; <img style="width: 30px; height: 36px;" alt="figura7" src="imagens/operacaoSobreMapa/figura7.jpg"> , opera em todas as camadas, menos para aquelas que o administrador do geosa&uacute;de bloquear explicitamente. Esse bloqueio n&atilde;o pode ser removido pelo usu&aacute;rio do mapa. Ap&oacute;s escolher a ferramenta, deve-se clicar no ponto desejado do mapa.
65 55 </li>
66 56 </ul>
67 57 <div class="imagemExemplo">
68 58 <img src="imagens/operacaoSobreMapa/figura30.jpg">
69   - <p>Identificação: Temas visíveis
  59 + <p>Identifica&ccedil&atilde;o: Temas vis&iacute;veis
70 60 </div>
71 61 <div class="imagemExemplo">
72 62 <img src="imagens/operacaoSobreMapa/figura31.jpg">
73   - <p>Identificação:&nbsp;Todos
  63 + <p>Identifica&ccedil&atilde;o:&nbsp;Todos
74 64 </div>
75 65 <div class="imagemExemplo">
76 66 <img src="imagens/operacaoSobreMapa/figura33a.jpg">
77   - <p>Identificação:&nbsp;Etiquetas
  67 + <p>Identifica&ccedil&atilde;o:&nbsp;Etiquetas
78 68 </div>
79 69 <div class="imagemExemplo">
80 70 <img src="imagens/operacaoSobreMapa/figura32.jpg">
81   - <p>Identificação:&nbsp; XY/Buffer
  71 + <p>Identifica&ccedil&atilde;o:&nbsp; XY/Buffer
82 72 </div>
83 73 <div class="imagemExemplo">
84 74 <img src="imagens/operacaoSobreMapa/figura33.jpg">
85   - <p>Identificação:&nbsp;Propriedades
  75 + <p>Identifica&ccedil&atilde;o:&nbsp;Propriedades
86 76 </div>
87 77 <ul>
88   - <li>A ferramenta "Etiqueta", indicado pelo ícone &nbsp;<img style="width: 30px; height: 29px;" alt="figura8" src="imagens/operacaoSobreMapa/figura8.jpg"> &nbsp;, funciona apenas em algumas camadas pré-configuradas e geralmente mostra as informações descritivas mais importantes sobre a região selecionada. Quando o i3GeoSaúde encontra dados para o ponto indicado, é aberto um balão.&nbsp;Para que o usuário possa configurar quais informações exibir na etiqueta (balão informativo), deve
89   - ativar a "Árvore de camadas", expandir o nó da camada desejada até o nível das “opções”, onde se encontra o ítem “Ativar etiquetas”. A mesma operação pode ser realizada pelo &nbsp;Menu Suspenso ativando as opções: Ferramentas &gt; Ativar Etiquetas. Essa opção abre uma janela flutuante que permite indicar quais as colunas da Tabela de atributos do tema serão utilizadas nas etiquetas.
  78 + <li>A ferramenta "Etiqueta", indicado pelo &iacute;cone &nbsp;<img style="width: 30px; height: 29px;" alt="figura8" src="imagens/operacaoSobreMapa/figura8.jpg"> &nbsp;, funciona apenas em algumas camadas pr&eacute;-configuradas e geralmente mostra as informa&ccedil&otilde;es descritivas mais importantes sobre a regi&atilde;o selecionada. Quando o i3GeoSa&uacute;de encontra dados para o ponto indicado, &eacute; aberto um bal&atilde;o.&nbsp;Para que o usu&aacute;rio possa configurar quais informa&ccedil&otilde;es exibir na etiqueta (bal&atilde;o informativo), deve
  79 + ativar a "Árvore de camadas", expandir o n&oacute; da camada desejada at&eacute; o n&iacute;vel das “op&ccedil&otilde;es”, onde se encontra o &iacute;tem “Ativar etiquetas”. A mesma opera&ccedil&atilde;o pode ser realizada pelo &nbsp;Menu Suspenso ativando as op&ccedil&otilde;es: Ferramentas &gt; Ativar Etiquetas. Essa op&ccedil&atilde;o abre uma janela flutuante que permite indicar quais as colunas da Tabela de atributos do tema ser&atilde;o utilizadas nas etiquetas.
90 80 </li>
91 81 </ul>
92 82 <div class="imagemExemplo">
93 83 <img src="imagens/operacaoSobreMapa/figura34.jpg">
94   - <p>Etiqueta referente aos temas Óbitos, Município e Estado.
  84 + <p>Etiqueta referente aos temas Óbitos, Munic&iacute;pio e Estado.
95 85 </div>
96   - <p>O i3GeoSaúde provê ferramantas para cálculo de área e distância, a partir de ícone de atalho presentes na &nbsp;"Barra de botões". Essas operações são aproximadas, pois atuam sobre a imagem do mapa, que depende da resolução e da qualidade de representação da região que se quer medir no mapa.
  86 + <p>O i3GeoSa&uacute;de provê ferramantas para c&aacute;lculo de &aacute;rea e distância, a partir de &iacute;cone de atalho presentes na &nbsp;"Barra de bot&otilde;es". Essas opera&ccedil&otilde;es s&atilde;o aproximadas, pois atuam sobre a imagem do mapa, que depende da resolu&ccedil&atilde;o e da qualidade de representa&ccedil&atilde;o da regi&atilde;o que se quer medir no mapa.
97 87 <ul>
98   - <li>Para utilizar a ferramenta "Distância", indicada pelo ícone <img style="width: 30px; height: 28px;" alt="figura9" src="imagens/operacaoSobreMapa/figura9.jpg">,&nbsp; basta aciona-la e clicar em pontos formando uma linha. Além da linha traçada é mostrado um círculo ao redor de cada ponto com raio correspondente ao último segmento.
  88 + <li>Para utilizar a ferramenta "Distância", indicada pelo &iacute;cone <img style="width: 30px; height: 28px;" alt="figura9" src="imagens/operacaoSobreMapa/figura9.jpg">,&nbsp; basta aciona-la e clicar em pontos formando uma linha. Al&eacute;m da linha tra&ccedilada &eacute; mostrado um c&iacute;rculo ao redor de cada ponto com raio correspondente ao &uacute;ltimo segmento.
99 89 </li>
100 90 </ul>
101 91 <div class="imagemExemplo">
102 92 <img src="imagens/operacaoSobreMapa/figura35.jpg">
103   - <p>Determinação de distância entre pontos geográficos.
  93 + <p>Determina&ccedil&atilde;o de distância entre pontos geogr&aacute;ficos.
104 94 </div>
105 95 <ul>
106   - <li>Acionando a ferramenta "Área", representado pelo ícone <img style="width: 30px; height: 29px;" alt="figura10" src="imagens/operacaoSobreMapa/figura10.jpg">,&nbsp; mede-se a área de uma área selecionada&nbsp;no mapa, a partir de pontos que formam um polígono. O cálculo termina quando um mesmo ponto for clicado duas vezes, sendo que o resultado é mostrado em metros quadrados, quilômetros quadrados e hectares.
  96 + <li>Acionando a ferramenta "Área", representado pelo &iacute;cone <img style="width: 30px; height: 29px;" alt="figura10" src="imagens/operacaoSobreMapa/figura10.jpg">,&nbsp; mede-se a &aacute;rea de uma &aacute;rea selecionada&nbsp;no mapa, a partir de pontos que formam um pol&iacute;gono. O c&aacute;lculo termina quando um mesmo ponto for clicado duas vezes, sendo que o resultado &eacute; mostrado em metros quadrados, quilômetros quadrados e hectares.
107 97 </li>
108 98 </ul>
109 99 <div class="imagemExemplo">
110 100 <img src="imagens/operacaoSobreMapa/figura36.jpg">
111   - <p>Calculo da aréa para um&nbsp;região formada por três pontos.
  101 + <p>Calculo da ar&eacute;a para um&nbsp;regi&atilde;o formada por três pontos.
112 102 </div>
113 103 <ul>
114   - <li>A ferramenta "Imprimir o mapa", representado pelo ícone&nbsp;<img style="width: 30px; height: 25px;" alt="figura11" src="imagens/operacaoSobreMapa/figura11.jpg"> &nbsp;permite gerar uma impressão da região do mapa nos formatos de arquivos PDF, Tiff, Agg/Png ou Sgv.
  104 + <li>A ferramenta "Imprimir o mapa", representado pelo &iacute;cone&nbsp;<img style="width: 30px; height: 25px;" alt="figura11" src="imagens/operacaoSobreMapa/figura11.jpg"> &nbsp;permite gerar uma impress&atilde;o da regi&atilde;o do mapa nos formatos de arquivos PDF, Tiff, Agg/Png ou Sgv.
115 105 </li>
116 106 </ul>
117 107 <ul>
118   - <li>A ferramenta&nbsp; "Selecionar",&nbsp; representado pelo ícone&nbsp; <img style="width: 30px; height: 31px;" alt="figura12" src="imagens/operacaoSobreMapa/figura12.jpg"> , permite aplicar algumas operações sobre uma área selecionada do mapa. Essa função está disponível &nbsp;também no uMenu Suspenso (opção Ferramentas &gt; Selecionar). Ao acioná-lo abre-se uma janela flutuante com as opções de seleção.
  108 + <li>A ferramenta&nbsp; "Selecionar",&nbsp; representado pelo &iacute;cone&nbsp; <img style="width: 30px; height: 31px;" alt="figura12" src="imagens/operacaoSobreMapa/figura12.jpg"> , permite aplicar algumas opera&ccedil&otilde;es sobre uma &aacute;rea selecionada do mapa. Essa fun&ccedil&atilde;o est&aacute; dispon&iacute;vel &nbsp;tamb&eacute;m no uMenu Suspenso (op&ccedil&atilde;o Ferramentas &gt; Selecionar). Ao acion&aacute;-lo abre-se uma janela flutuante com as op&ccedil&otilde;es de sele&ccedil&atilde;o.
119 109 </li>
120 110 </ul>
121 111 <div class="imagemExemplo">
122 112 <img src="imagens/operacaoSobreMapa/selecao.jpg">
123 113 <p>Ferramenta "Selecionar".
124 114 </div>
125   - <h2>Outras operações</h2>
126   - <p>As outras funcionalidades presentes na barra de botões, na versão estendida, são:
  115 + <h2>Outras opera&ccedil&otilde;es</h2>
  116 + <p>As outras funcionalidades presentes na barra de bot&otilde;es, na vers&atilde;o estendida, s&atilde;o:
127 117 <ul>
128   - <li>Ferramenta "Confluência", representada pelo ícone&nbsp;<img style="width: 30px; height: 38px;" alt="figura24" src="imagens/operacaoSobreMapa/figura24.jpg"> , originalmente do projeto <a target="_blank" href="http://confluence.org/">Degree Confluence</a>, realiza de forma colaborativa o mapeamento e descrição das intersecções de 1 grau x 1 grau das posições sobre o globo terrestre. A ferramenta de integração ao ser acionada mostra uma lista com as confluências existentes na área
129   - do mapa. Ao clicar em uma delas é aberta uma nova página no navegador com a descrição do ponto.
  118 + <li>Ferramenta "Confluência", representada pelo &iacute;cone&nbsp;<img style="width: 30px; height: 38px;" alt="figura24" src="imagens/operacaoSobreMapa/figura24.jpg"> , originalmente do projeto <a target="_blank" href="http://confluence.org/">Degree Confluence</a>, realiza de forma colaborativa o mapeamento e descri&ccedil&atilde;o das intersec&ccedil&otilde;es de 1 grau x 1 grau das posi&ccedil&otilde;es sobre o globo terrestre. A ferramenta de integra&ccedil&atilde;o ao ser acionada mostra uma lista com as confluências existentes na &aacute;rea
  119 + do mapa. Ao clicar em uma delas &eacute; aberta uma nova p&aacute;gina no navegador com a descri&ccedil&atilde;o do ponto.
130 120 </li>
131 121 </ul>
132 122 <ul>
133   - <li>O "Wikipédia", representado pelo ícone <img style="width: 30px; height: 32px;" alt="figura21" src="imagens/operacaoSobreMapa/figura21.jpg"> , integra o projeto <a target="_blank" href="http://www.geonames.org/">Geonames</a> com a <a target="_blank" href="http://www.wikipedia.org/">Wikipédia</a>&nbsp;de forma que os nomes geográficos existentes em uma área do mapa são buscados no banco de dados do Geonames, e ligados à Wikipédia. A ferramenta mostra os nomes geográficos
134   - localizados, contendo o link para a Wikipédia.
  123 + <li>O "Wikip&eacute;dia", representado pelo &iacute;cone <img style="width: 30px; height: 32px;" alt="figura21" src="imagens/operacaoSobreMapa/figura21.jpg"> , integra o projeto <a target="_blank" href="http://www.geonames.org/">Geonames</a> com a <a target="_blank" href="http://www.wikipedia.org/">Wikip&eacute;dia</a>&nbsp;de forma que os nomes geogr&aacute;ficos existentes em uma &aacute;rea do mapa s&atilde;o buscados no banco de dados do Geonames, e ligados à Wikip&eacute;dia. A ferramenta mostra os nomes geogr&aacute;ficos
  124 + localizados, contendo o link para a Wikip&eacute;dia.
135 125 </li>
136 126 </ul>
137 127 <ul>
138   - <li>A ferramenta "Estações Metar" , representado por&nbsp; <img style="width: 30px; height: 34px;" alt="figura22" src="imagens/operacaoSobreMapa/figura22.jpg">, trabalha como o projeto <a target="_blank" href="http://weather.noaa.gov/">Weather do Governo Americano (NOAA)</a>, responsável pela rede de coleta de dados meteorológicos. A ferramenta mostra a lista de estações existentes na região do mapa e um extrato dos dados disponíveis.
  128 + <li>A ferramenta "Esta&ccedil&otilde;es Metar" , representado por&nbsp; <img style="width: 30px; height: 34px;" alt="figura22" src="imagens/operacaoSobreMapa/figura22.jpg">, trabalha como o projeto <a target="_blank" href="http://weather.noaa.gov/">Weather do Governo Americano (NOAA)</a>, respons&aacute;vel pela rede de coleta de dados meteorol&oacute;gicos. A ferramenta mostra a lista de esta&ccedil&otilde;es existentes na regi&atilde;o do mapa e um extrato dos dados dispon&iacute;veis.
139 129 </li>
140 130 </ul>
141 131 <ul>
142   - <li>&nbsp;O ícone <img style="width: 30px; height: 25px;" alt="figura20" src="imagens/operacaoSobreMapa/figura20.jpg">é um serviço de fotos, um recurso atualmente muito&nbsp; comum na internet. Essa ferramenta interage com o <a target="_blank" href="http://www.panoramio.com/">Panoramio</a>, Flick (http://www.flickr.com/) e <a target="_blank" href="http://pt.locr.com/">Locr</a> ,&nbsp; localizando fotos na região mostrada no mapa.
  132 + <li>&nbsp;O &iacute;cone <img style="width: 30px; height: 25px;" alt="figura20" src="imagens/operacaoSobreMapa/figura20.jpg">&eacute; um servi&ccedilo de fotos, um recurso atualmente muito&nbsp; comum na internet. Essa ferramenta interage com o <a target="_blank" href="http://www.panoramio.com/">Panoramio</a>, Flick (http://www.flickr.com/) e <a target="_blank" href="http://pt.locr.com/">Locr</a> ,&nbsp; localizando fotos na regi&atilde;o mostrada no mapa.
143 133 </li>
144 134 </ul>
145 135 <ul>
146   - <li>O ícone&nbsp;<img style="width: 30px; height: 29px;" alt="figura13" src="imagens/operacaoSobreMapa/figura13.jpg"> &nbsp;mostra um mapa com a base de dados do Google Maps. Além da navegação integrada o usuário pode traçar rotas sobre o Google Maps, e incorporá-las ao mapa do i3GeoSaúde, inclusive podendo fazer o download do “shapefile” .
  136 + <li>O &iacute;cone&nbsp;<img style="width: 30px; height: 29px;" alt="figura13" src="imagens/operacaoSobreMapa/figura13.jpg"> &nbsp;mostra um mapa com a base de dados do Google Maps. Al&eacute;m da navega&ccedil&atilde;o integrada o usu&aacute;rio pode tra&ccedilar rotas sobre o Google Maps, e incorpor&aacute;-las ao mapa do i3GeoSa&uacute;de, inclusive podendo fazer o download do “shapefile” .
147 137 </li>
148 138 </ul>
149 139 <ul>
150   - <li>O ícone "Editor" &nbsp;<img style="width: 30px; height: 38px;" alt="figura14" src="imagens/operacaoSobreMapa/figura14.jpg">&nbsp;representa o editor e possui uma série de ferramentas para editar, salvar e selecionar áreas no mapa. As operações estão disponíveis em uma barra de botões.
  140 + <li>O &iacute;cone "Editor" &nbsp;<img style="width: 30px; height: 38px;" alt="figura14" src="imagens/operacaoSobreMapa/figura14.jpg">&nbsp;representa o editor e possui uma s&eacute;rie de ferramentas para editar, salvar e selecionar &aacute;reas no mapa. As opera&ccedil&otilde;es est&atilde;o dispon&iacute;veis em uma barra de bot&otilde;es.
151 141 </li>
152 142 </ul>
153 143 <div class="imagemExemplo">
154 144 <img src="imagens/operacaoSobreMapa/figura39.jpg">
155   - <p>Ferramentas ativadas ao acionar o ícone "Editor".
  145 + <p>Ferramentas ativadas ao acionar o &iacute;cone "Editor".
156 146 </div>
157 147 <ul>
158   - <li>O ícone <img style="width: 32px; height: 28px;" alt="figura15" src="imagens/operacaoSobreMapa/figura15.jpg"> mostra a área de&nbsp;abrangência do mapa atual em um contexto mais amplo, ou seja, em uma escala menor que a do mapa mostrada.
  148 + <li>O &iacute;cone <img style="width: 32px; height: 28px;" alt="figura15" src="imagens/operacaoSobreMapa/figura15.jpg"> mostra a &aacute;rea de&nbsp;abrangência do mapa atual em um contexto mais amplo, ou seja, em uma escala menor que a do mapa mostrada.
159 149 </li>
160 150 </ul>
161 151 <ul>
162   - <li>A&nbsp;ferramenta "Extensão atual", representada pelo ícone <img style="width: 30px; height: 34px;" alt="figura17" src="imagens/operacaoSobreMapa/figura16.jpg"> ,&nbsp;mostra os valores das coordenadas que descrevem um retângulo que corresponde à abrangência espacial do mapa atual&nbsp;. As coordenadas podem ser alteradas&nbsp; e, consequentemente, a abrangência visível do mapa, digitando-se os novos valores nos campos de formulário que indicam o canto inferior esquerdo e
163   - superior direito da nova extensão.
  152 + <li>A&nbsp;ferramenta "Extens&atilde;o atual", representada pelo &iacute;cone <img style="width: 30px; height: 34px;" alt="figura17" src="imagens/operacaoSobreMapa/figura16.jpg"> ,&nbsp;mostra os valores das coordenadas que descrevem um retângulo que corresponde à abrangência espacial do mapa atual&nbsp;. As coordenadas podem ser alteradas&nbsp; e, consequentemente, a abrangência vis&iacute;vel do mapa, digitando-se os novos valores nos campos de formul&aacute;rio que indicam o canto inferior esquerdo e
  153 + superior direito da nova extens&atilde;o.
164 154 </li>
165 155 </ul>
166 156 <ul>
167   - <li>O ícone "Inserir pontos", &nbsp;representado pelo ícone &nbsp; <img style="width: 30px; height: 31px;" alt="figura17" src="imagens/operacaoSobreMapa/figura17.jpg"> ,&nbsp; permite escolher o tema editável, a direção e a distância em km &nbsp;e a projeção das coordenadas inseridas.
  157 + <li>O &iacute;cone "Inserir pontos", &nbsp;representado pelo &iacute;cone &nbsp; <img style="width: 30px; height: 31px;" alt="figura17" src="imagens/operacaoSobreMapa/figura17.jpg"> ,&nbsp; permite escolher o tema edit&aacute;vel, a dire&ccedil&atilde;o e a distância em km &nbsp;e a proje&ccedil&atilde;o das coordenadas inseridas.
168 158 </li>
169 159 </ul>
170 160 <ul>
171   - <li>O ícone "Inserir Texto" &nbsp;<img style="width: 30px; height: 34px;" alt="figura18" src="imagens/operacaoSobreMapa/figura18.jpg"> &nbsp;apresenta opções para inserir texto ao mapa.
  161 + <li>O &iacute;cone "Inserir Texto" &nbsp;<img style="width: 30px; height: 34px;" alt="figura18" src="imagens/operacaoSobreMapa/figura18.jpg"> &nbsp;apresenta op&ccedil&otilde;es para inserir texto ao mapa.
172 162 </li>
173 163 </ul>
174 164 <ul>
175   - <li>O ícone&nbsp; <img style="width: 30px; height: 34px;" alt="figura19" src="imagens/operacaoSobreMapa/figura19.jpg">recarrega o mapa,&nbsp; reiniciando-o.
  165 + <li>O &iacute;cone&nbsp; <img style="width: 30px; height: 34px;" alt="figura19" src="imagens/operacaoSobreMapa/figura19.jpg">recarrega o mapa,&nbsp; reiniciando-o.
176 166 </li>
177 167 </ul>
178 168 <ul>
179   - <li>Ao acionar a ferramenta "Lente de aumento", com o ícone <img style="width: 30px; height: 31px;" alt="figura23" src="imagens/operacaoSobreMapa/figura23.jpg"> ,&nbsp; mostra uma ampliação de um trecho do mapa que corresponde à posição atual do mouse. Essa ampliação é útil para investigar posições do mapa sem ter que realizar várias operações de aproximação. Para fechar a janela basta clicar novamente no ícone.
  169 + <li>Ao acionar a ferramenta "Lente de aumento", com o &iacute;cone <img style="width: 30px; height: 31px;" alt="figura23" src="imagens/operacaoSobreMapa/figura23.jpg"> ,&nbsp; mostra uma amplia&ccedil&atilde;o de um trecho do mapa que corresponde à posi&ccedil&atilde;o atual do mouse. Essa amplia&ccedil&atilde;o &eacute; &uacute;til para investigar posi&ccedil&otilde;es do mapa sem ter que realizar v&aacute;rias opera&ccedil&otilde;es de aproxima&ccedil&atilde;o. Para fechar a janela basta clicar novamente no &iacute;cone.
180 170 </li>
181   - <li>A ferramenta "Gráfico", representada pelo ícone <img style="width: 30px; height: 31px;" alt="figura30" src="imagens/operacaoSobreMapa/figura25.jpg"> , apresenta uma janela flutuante com abas&nbsp; "fonte de dados" que permite marcar ítens como elementos do gráfico e "propriedades" que permite alterar o formato.
  171 + <li>A ferramenta "Gr&aacute;fico", representada pelo &iacute;cone <img style="width: 30px; height: 31px;" alt="figura30" src="imagens/operacaoSobreMapa/figura25.jpg"> , apresenta uma janela flutuante com abas&nbsp; "fonte de dados" que permite marcar &iacute;tens como elementos do gr&aacute;fico e "propriedades" que permite alterar o formato.
182 172 </li>
183 173 </ul>
184   -
185   -</body>
186   -</html>
... ...
docs/Padrao.html
  Diff comments   View file @10cd9dc
1   -<!DOCTYPE html>
2   -<html>
3   -<head>
4   -<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
5   -<meta charset="UTF-8">
6   -<title>Padr&otilde;es de Governo Eletr&ocirc;nico e Interoperabilidade</title>
7   -<link media="screen" href="./files/estilos.css" type="text/css" rel="stylesheet">
8   -<link rel="stylesheet" type="text/css" href="./files/estilos.css">
9   -</head>
10   -<body class="blue-bg">
11 1 <h1>Padr&otilde;es de Governo Eletr&ocirc;nico e Interoperabilidade (eGov, ePing)</h1>
12 2  
13 3 <p>O governo federal estabeleceu uma s&eacute;rie de padr&otilde;es t&eacute;cnicos e tecnol&oacute;gicos que objetivam criar os meios institucionais e t&eacute;cnicos adequados para a troca de informa&ccedil;&otilde;es por meio eletr&ocirc;nico e interoperabilidade entre aplica&ccedil;&otilde;es informatizadas.
... ... @@ -22,5 +12,3 @@
22 12 <p>Guia de bolso e-PING:
23 13 <p>
24 14 <a href="http://www.governoeletronico.gov.br/biblioteca/arquivos/guia-de-bolso-e-ping/">http://www.governoeletronico.gov.br/biblioteca/arquivos/guia-de-bolso-e-ping/</a>
25   -</body>
26   -</html>
... ...
docs/admin.html
  Diff comments   View file @10cd9dc
1   -<!DOCTYPE html>
2   -<html>
3   -<head>
4   -
5   -
6   -
7   -
8   - <meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
9   -
10   -
11   -
12   -
13   -
14   - <meta charset="UTF-8">
15   -
16   -
17   -
18   -
19   -
20   -
21   -
22   -
23   - <title>Administrando o i3GeoSaude</title>
24   - <link media="screen" href="./files/estilos.css" type="text/css" rel="stylesheet">
25   -
26   -
27   -
28   -
29   -
30   - <link rel="stylesheet" type="text/css" href="./files/estilos.css">
31   -</head>
32   -
33   -
34   -<body class="blue-bg">
35   -
36   -
37   -
38   -
39   -
40   -
41   -
42   -
43   -
44   -
45   -<div id="wrapper-flex">
46   -<div style="background-color: white;">
47   -<div class="f-page-auto-cell" id="doc">
48 1 <h1>Administra&ccedil;&atilde;o do GeoS&aacute;ude&nbsp;</h1>
49 2  
50   -
51   -
52   -
53   -
54   -<a name="inicio"></a>
55   -<br>
56   -
57   -
58   -
59 3 O m&oacute;dulo administrativo re&uacute;ne as tarefas para a
60 4 cria&ccedil;&atilde;o de temas, acessos de usu&aacute;rios,
61 5 conex&atilde;o com banco de dados e outras configura&ccedil;&otilde;es.<br>
... ...
docs/admin_acesso.html
  Diff comments   View file @10cd9dc
1   -<!DOCTYPE html>
2   -<html><head>
3   - <meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
4   - <meta charset="UTF-8"><title>i3GeoSaude</title>
5   - <link media="screen" href="./files/estilos.css" type="text/css" rel="stylesheet">
6   - <link rel="stylesheet" type="text/css" href="./files/estilos.css"></head><body class="blue-bg">
7   -<body>
8   -<h1>Módulo de administração</h1>
9   -<p>Para acessar o módulo de administração abra o
  1 +<h1>M&oacute;dulo de administra&ccedil&atilde;o</h1>
  2 +<p>Para acessar o m&oacute;dulo de administra&ccedil&atilde;o abra o
10 3 navegador (preferencialmente o FireFox) e digite a URL: <a href="http://localhost/i3geo/admin">http://localhost/i3geo/admin</a>
11 4 <p>
12   -Para utilizar as opções é necessário
  5 +Para utilizar as op&ccedil&otilde;es &eacute; necess&aacute;rio
13 6 fazer o "login".
14   -Para isso utilize a opção existente na parte
  7 +Para isso utilize a op&ccedil&atilde;o existente na parte
15 8 superior da
16   -página e no formulário de
17   -autenticação
18   -utilize o nome de usuário "i3geosaude" e a senha "i3geosaude".
  9 +p&aacute;gina e no formul&aacute;rio de
  10 +autentica&ccedil&atilde;o
  11 +utilize o nome de usu&aacute;rio "i3geosaude" e a senha "i3geosaude".
19 12 <div class="imagemExemplo">
20 13 <img src="imagens/admin_acesso_login.png" alt="Login Administrativo">
21 14 <p>
22   -Autenticação
23   -como usuário Administrativo (i3geosaude).
  15 +Autentica&ccedil&atilde;o
  16 +como usu&aacute;rio Administrativo (i3geosaude).
  17 +</div>
24 18 <h2>Como utilizar o
25 19 sistema de
26   -administração?</h2>
27   -<p>O acesso às opções do sistema
28   -é controlado
29   -por um cadastro de usuários e respectivos papéis.
30   -Por padrão da instalação, o
31   -usuário chamado
  20 +administra&ccedil&atilde;o?</h2>
  21 +<p>O acesso às op&ccedil&otilde;es do sistema
  22 +&eacute; controlado
  23 +por um cadastro de usu&aacute;rios e respectivos pap&eacute;is.
  24 +Por padr&atilde;o da instala&ccedil&atilde;o, o
  25 +usu&aacute;rio chamado
32 26 “i3geosaude” com senha “i3geosaude”, pode
33 27 realizar todas
34   -as tarefas (usuário master), sendo extremamente recomendado
  28 +as tarefas (usu&aacute;rio master), sendo extremamente recomendado
35 29 que
36   -esse nome e senha sejam alterados se o i3GeoSaúde for
  30 +esse nome e senha sejam alterados se o i3GeoSa&uacute;de for
37 31 instalado em um ambiente de
38   -produção
39   -(compartilhado com outros usuários). Enquanto essa
40   -alteração não for realizada, mensagens
  32 +produ&ccedil&atilde;o
  33 +(compartilhado com outros usu&aacute;rios). Enquanto essa
  34 +altera&ccedil&atilde;o n&atilde;o for realizada, mensagens
41 35 de aviso de
42   -vulnerabilidade ficarão visíveis e o
  36 +vulnerabilidade ficar&atilde;o vis&iacute;veis e o
43 37 funcionamento dos
44   -mapas interativos será bloqueado quando não
  38 +mapas interativos ser&aacute; bloqueado quando n&atilde;o
45 39 estiver sendo
46   -utilizado o endereço&nbsp;
  40 +utilizado o endere&ccedilo&nbsp;
47 41 “localhost”.
48 42 <p>Para alterar o login e senha edite o arquivo "ms_configura.php" e mude os valores definidos em $i3geomaster. Utilize um editor de textos simples, como o bloco de notas,
49   -para evitar que o arquivo seja salvo com dados específicos do editor. Esse arquivo no Windows normalmente é localizado em c:\ms4w\apache\htdocs\i3geo e no Linux em /var/www/i3geo.
50   -<p>A tela principal do sistema de administração possui um texto com
51   -algumas informações gerais bem como links para o Manual do sistema de
52   -adminsitração e para os diagramas MER dos bancos de dados utilizados pelo i3Geo.
53   -No topo da página existem
  43 +para evitar que o arquivo seja salvo com dados espec&iacute;ficos do editor. Esse arquivo no Windows normalmente &eacute; localizado em c:\ms4w\apache\htdocs\i3geo e no Linux em /var/www/i3geo.
  44 +<p>A tela principal do sistema de administra&ccedil&atilde;o possui um texto com
  45 +algumas informa&ccedil&otilde;es gerais bem como links para o Manual do sistema de
  46 +adminsitra&ccedil&atilde;o e para os diagramas MER dos bancos de dados utilizados pelo i3Geo.
  47 +No topo da p&aacute;gina existem
54 48 alguns
55   -botões de acesso rápido para as
56   -funções de
57   -uso mais comum. Todas as ferramentas de administração são apresentadas
58   -no menu cascata localizado à esquerda. Cada opção é
  49 +bot&otilde;es de acesso r&aacute;pido para as
  50 +fun&ccedil&otilde;es de
  51 +uso mais comum. Todas as ferramentas de administra&ccedil&atilde;o s&atilde;o apresentadas
  52 +no menu cascata localizado à esquerda. Cada op&ccedil&atilde;o &eacute;
59 53 apresentada em uma linha
60 54 que deve ser
61 55 expandida para se ter acesso às
62   -operações. Por meio desse menu é permitido ao administrador do sistema
63   -ações como testar a instalação do i3geo, cadastrar e manipualar dados e
64   -metadados, configurar serviços etc.
65   -<p>As principais operações de administração que afetam o uso de cartogramas pelo i3GeoSaúde encontram-se no item chamado "Metadados estatísticos".
  56 +opera&ccedil&otilde;es. Por meio desse menu &eacute; permitido ao administrador do sistema
  57 +a&ccedil&otilde;es como testar a instala&ccedil&atilde;o do i3geo, cadastrar e manipualar dados e
  58 +metadados, configurar servi&ccedilos etc.
  59 +<p>As principais opera&ccedil&otilde;es de administra&ccedil&atilde;o que afetam o uso de cartogramas pelo i3GeoSa&uacute;de encontram-se no item chamado "Metadados estat&iacute;sticos".
66 60 <div class="imagemExemplo">
67 61 <img src="imagens/admin_menu1reduzido.png" >
68 62 <p>
69   -Ferramentas de administração do i3GeoSaúde
  63 +Ferramentas de administra&ccedil&atilde;o do i3GeoSa&uacute;de
70 64 </div>
71   -</body></html>
... ...
docs/admin_catalogo.html
  Diff comments   View file @10cd9dc
1   -<!DOCTYPE html>
2   -<html><head>
3   -
4   -
5   - <meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
6   - <meta charset="UTF-8"><title>Operando o catálogo do i3GeoSaude</title>
7   - <link media="screen" href="./files/estilos.css" type="text/css" rel="stylesheet">
8   - <link rel="stylesheet" type="text/css" href="./files/estilos.css"></head><body class="blue-bg">
9   -<div id="wrapper-flex">
10   -<div style="background-color: white;">
11   -<div class="f-page-auto-cell" id="doc">
12   -<div class="imginicio"><img onclick="window.history.back()" style="border: 0px solid ; width: 40px; height: 40px;" alt="inicio" src="files/inicio.gif"></div>
13   -<h1>Catálogo de temas</h1>
14   -<a name="inicio"></a>Um mapa interativo é composto por camadas que se
15   -sobrepõem para formar o corpo do mapa. Essas camadas são arranjadas em
  1 +<h1>Cat&aacute;logo de temas</h1>
  2 +<p>Um mapa interativo &eacute; composto por camadas que se
  3 +sobrep&otilde;em para formar o corpo do mapa. Essas camadas s&atilde;o arranjadas em
16 4 uma pilha onde umas têm prevalência sobre as outras na ordem de desenho
17 5 do mapa.
18   -O usuário interage com o mapa deslocando a região que é vista e também
  6 +O usu&aacute;rio interage com o mapa deslocando a regi&atilde;o que &eacute; vista e tamb&eacute;m
19 7 alterando a pilha, acrescentando novas camadas, alterando a ordem de
20   -desenho e tornando visíveis conjuntos específicos conforme a
21   -necessidade de análise.<br><br>Cada
22   -camada pode representar dados de diferentes tipos e origens e são
  8 +desenho e tornando vis&iacute;veis conjuntos espec&iacute;ficos conforme a
  9 +necessidade de an&aacute;lise.
  10 +<p>Cada
  11 +camada pode representar dados de diferentes tipos e origens e s&atilde;o
23 12 configuradas com simbologia cuidadosa para destacar melhor cada um de
24   -seus componentes. Como em uma instalação do i3GeoSaúde podem existir
25   -centenas de camadas, existe a necessidade de organizá-las em um
26   -catálogo. O usuário pode então escolher quais as camadas que ele deseja
27   -no seu mapa interativo.<br><br>
28   -
29   -A elaboração dos cartogramas
30   -estatísticos não depende da
31   -construção do
32   -catálogo, mas em situações de uso mais
33   -avançadas pode ser necessário a
34   -inclusão de dados
  13 +seus componentes. Como em uma instala&ccedil&atilde;o do i3GeoSa&uacute;de podem existir
  14 +centenas de camadas, existe a necessidade de organiz&aacute;-las em um
  15 +cat&aacute;logo. O usu&aacute;rio pode ent&atilde;o escolher quais as camadas que ele deseja
  16 +no seu mapa interativo.
  17 +<p>
  18 +A elabora&ccedil&atilde;o dos cartogramas
  19 +estat&iacute;sticos n&atilde;o depende da
  20 +constru&ccedil&atilde;o do
  21 +cat&aacute;logo, mas em situa&ccedil&otilde;es de uso mais
  22 +avan&ccediladas pode ser necess&aacute;rio a
  23 +inclus&atilde;o de dados
35 24 de referência, como localidades, rios, estradas, limites
36   -políticos, dados ambientais, etc. O papel do administrador
  25 +pol&iacute;ticos, dados ambientais, etc. O papel do administrador
37 26 do
38   -catálogo é a de organizar esses dados na forma de
  27 +cat&aacute;logo &eacute; a de organizar esses dados na forma de
39 28 uma
40   -árvore hierárquica contendo grupos, subgrupos e
41   -temas.<br>
42   -<br>
43   -O usuário final dos mapas
44   -pode também
45   -utilizar o catálogo para ver seus próprios dados,
46   -utilizando para isso o upload temporário de arquivos ou
  29 +&aacute;rvore hier&aacute;rquica contendo grupos, subgrupos e
  30 +temas.
  31 +<p>
  32 +O usu&aacute;rio final dos mapas
  33 +pode tamb&eacute;m
  34 +utilizar o cat&aacute;logo para ver seus pr&oacute;prios dados,
  35 +utilizando para isso o upload tempor&aacute;rio de arquivos ou
47 36 mesmo
48   -adicionando dados por meio de serviços. Nesse segundo caso,
  37 +adicionando dados por meio de servi&ccedilos. Nesse segundo caso,
49 38 os
50   -dados são obtidos de endereços existentes na
  39 +dados s&atilde;o obtidos de endere&ccedilos existentes na
51 40 internet e
52   -que fornecem dados seguindo determinados padrões de
53   -conexão entre computadores.<br>
54   -<br>
55   -O acesso ao catálogo nem
56   -sempre está
57   -disponível nos vários templates de mapas finais
58   -fornecidos pelo i3GeoSaúde. Nas interfaces normais, geralmente
59   -acessíveis aos administradores, o catálogo
60   -é
61   -acionado por meio de um ícone existente na guia
62   -móvel.<br>
63   -<div class="trail-box-bottom">
64   -<br>
65   -</div>
66   -<div class="trail-box">
67   -<div class="trail-box-header"><img src="files/trails-box-tr.png" class="right" alt="" height="21" width="7"><img src="files/trails-box-tl.png" class="left" alt="" height="21" width="7"><comment title=" here is the box header " xmlns="http://disruptive-innovations.com/zoo/nvu"></comment>
68   -<h1><a name="inicio_info"></a></h1>
69   -<h1>Entendendo a barra de
70   -catálogo</h1>
  41 +que fornecem dados seguindo determinados padr&otilde;es de
  42 +conex&atilde;o entre computadores.
  43 +<p>
  44 +O acesso ao cat&aacute;logo nem
  45 +sempre est&aacute;
  46 +dispon&iacute;vel nos v&aacute;rios templates de mapas finais
  47 +fornecidos pelo i3GeoSa&uacute;de. Nas interfaces normais, geralmente
  48 +acess&iacute;veis aos administradores, o cat&aacute;logo
  49 +&eacute;
  50 +acionado por meio de um &iacute;cone existente na guia
  51 +m&oacute;vel.
  52 +<h2>Entendendo a barra de
  53 +cat&aacute;logo</h2>
  54 +<p>Para ter acesso à barra de cat&aacute;logo,
  55 +abra a guia lateral e clique no bot&atilde;o <span style="font-weight: bold;">Cat&aacute;logo</span>
  56 +<div class="imagemExemplo">
  57 +<img style="width: 38px; height: 35px;" alt="" src="imagens/AdminCatalogo/figura13.jpg">
71 58 </div>
72   -<div class="trail-box-content">Para ter acesso à barra de catálogo,
73   -abra a guia lateral e clique no botão <span style="font-weight: bold;">Catálogo</span>
74   -<img style="width: 38px; height: 35px;" alt="" src="imagens/AdminCatalogo/figura13.jpg">.<br>
75   -<br>
76 59 <div class="imagemExemplo">
77   -<img style="width: 333px; height: 296px;" alt="" src="imagens/Interface/guialateral.jpg"><br>
78   -Acesso ao catálogo
  60 +<img style="width: 333px; height: 296px;" alt="" src="imagens/Interface/guialateral.jpg">
  61 +<p>
  62 +Acesso ao cat&aacute;logo
79 63 pela guia lateral</div>
80   -<br>
81   -O catálogo apresenta uma barra de
82   -ícones com as seguintes opções:<br><br>
83   -
  64 +<p>
  65 +O cat&aacute;logo apresenta uma barra de
  66 +&iacute;cones com as seguintes op&ccedil&otilde;es:
84 67 <div class="imagemExemplo">
85   -<img style="width: 201px; height: 26px;" alt="figura1" src="imagens/AdminCatalogo/figura1.jpg"><br>
86   -Ícones de opções de
87   -catálogos de temas</div>
88   -<br>
  68 +<img style="width: 201px; height: 26px;" alt="figura1" src="imagens/AdminCatalogo/figura1.jpg">
  69 +<p>
  70 +Ícones de op&ccedil&otilde;es de
  71 +cat&aacute;logos de temas</div>
  72 +
89 73 <ul>
90 74 <li>A ferramenta <span style="font-weight: bold;">Refresh</span><small style="font-weight: bold;">,</small>
91   -representada pelo ícone <img style="width: 22px; height: 24px;" alt="figura2" src="imagens/AdminCatalogo/figura2.jpg">,&nbsp;
92   -reconstrói as
93   -árvores de temas do catálogo, útil
  75 +representada pelo &iacute;cone <img style="width: 22px; height: 24px;" alt="figura2" src="imagens/AdminCatalogo/figura2.jpg">,&nbsp;
  76 +reconstr&oacute;i as
  77 +&aacute;rvores de temas do cat&aacute;logo, &uacute;til
94 78 caso ocorram
95   -erros eventuais no acesso ao banco de dados do i3GeoSaúde.</li>
  79 +erros eventuais no acesso ao banco de dados do i3GeoSa&uacute;de.</li>
96 80 </ul>
97 81 <ul>
98   - <li>A ferramenta <span style="font-weight: bold;">Conexão</span> <img style="width: 19px; height: 20px;" alt="figura3" src="imagens/AdminCatalogo/figura3.jpg"> permite
  82 + <li>A ferramenta <span style="font-weight: bold;">Conex&atilde;o</span> <img style="width: 19px; height: 20px;" alt="figura3" src="imagens/AdminCatalogo/figura3.jpg"> permite
99 83 incluir camadas
100   -baseadas em serviços on-line de fornecimento de dados. Ao
101   -acionar este ícone, surgirá uma janela flutuante
102   -apresentando opções de conexão com
103   -serviços.</li>
  84 +baseadas em servi&ccedilos on-line de fornecimento de dados. Ao
  85 +acionar este &iacute;cone, surgir&aacute; uma janela flutuante
  86 +apresentando op&ccedil&otilde;es de conex&atilde;o com
  87 +servi&ccedilos.</li>
104 88 </ul>
105   -&nbsp; <br>
106 89 <div class="imagemExemplo">
107   -<img style="width: 266px; height: 159px;" alt="figura3" src="imagens/AdminCatalogo/figura11.jpg"><br>
108   -Opções de serviços.
  90 +<img style="width: 266px; height: 159px;" alt="figura3" src="imagens/AdminCatalogo/figura11.jpg">
  91 +<p>
  92 +Op&ccedil&otilde;es de servi&ccedilos.
109 93 </div>
110   -<br>
111 94 <ul>
112   - <li>O Upload é
113   -acionado pelo ícone <img style="width: 20px; height: 20px;" alt="figura4" src="imagens/AdminCatalogo/figura4.jpg">. Permite
  95 + <li>O Upload &eacute;
  96 +acionado pelo &iacute;cone <img style="width: 20px; height: 20px;" alt="figura4" src="imagens/AdminCatalogo/figura4.jpg">. Permite
114 97 que
115 98 sejam enviados
116   -dados locais ao servidor para inclusão no mapa. É
117   -possível utilizar dados nos formatos
  99 +dados locais ao servidor para inclus&atilde;o no mapa. É
  100 +poss&iacute;vel utilizar dados nos formatos
118 101 “SHAPEFILE”,
119 102 DBF, CSV, GPX, KML ou KMZ
120 103 .</li>
121 104 </ul>
122   -<br>
123 105 <div class="imagemExemplo">
124   -<img style="width: 258px; height: 145px;" alt="figura3" src="imagens/AdminCatalogo/figura12.jpg"><br>
125   -Opções
  106 +<img style="width: 258px; height: 145px;" alt="figura3" src="imagens/AdminCatalogo/figura12.jpg">
  107 +<p>
  108 +Op&ccedil&otilde;es
126 109 de Upload de arquivos.
127 110 </div>
128   -<br>
129 111 <ul>
130 112 <li>O&nbsp;<span style="font-weight: bold;"></span>
131   -ícone <img style="width: 19px; height: 20px;" alt="figura5" src="imagens/AdminCatalogo/figura5.jpg"> abre
  113 +&iacute;cone <img style="width: 19px; height: 20px;" alt="figura5" src="imagens/AdminCatalogo/figura5.jpg"> abre
132 114 uma
133 115 nova janela com
134   -a página de download de dados.</li>
  116 +a p&aacute;gina de download de dados.</li>
135 117 </ul>
136 118 <ul>
137 119 <li>Ferramenta <span style="font-weight: bold;">Wmc</span>
138 120 (Web Map
139   -Context) representado pelo ícone <img style="width: 22px; height: 23px;" alt="figura6" src="imagens/AdminCatalogo/figura6.jpg"> importa
  121 +Context) representado pelo &iacute;cone <img style="width: 22px; height: 23px;" alt="figura6" src="imagens/AdminCatalogo/figura6.jpg"> importa
140 122 arquivos “Web
141   -Map Context“ por meio de um endereço na internet
  123 +Map Context“ por meio de um endere&ccedilo na internet
142 124 ou
143 125 arquivo
144   -local (upload). WMC é um padrão que permite que
  126 +local (upload). WMC &eacute; um padr&atilde;o que permite que
145 127 as
146   -configurações de um mapa elaborados em um
  128 +configura&ccedil&otilde;es de um mapa elaborados em um
147 129 determinado
148 130 sistema sejam reaproveitados em outro sistema. No caso do
149   -i3GeoSaúde, é possível utilizar a lista
  131 +i3GeoSa&uacute;de, &eacute; poss&iacute;vel utilizar a lista
150 132 de camadas
151   -definidas no WMC para incorporá-las ao mapa, desde que essas
152   -camadas sejam serviços WMS. Para mais
153   -informações
  133 +definidas no WMC para incorpor&aacute;-las ao mapa, desde que essas
  134 +camadas sejam servi&ccedilos WMS. Para mais
  135 +informa&ccedil&otilde;es
154 136 veja: <a href="http://mapserver.org/ogc/mapcontext.html">http://mapserver.org/ogc/mapcontext.html</a>.</li>
155 137 </ul>
156 138 <ul>
157 139 <li>A <span style="font-weight: bold;">nuvem de tags</span>
158 140 ,
159   -ferramenta do ícone&nbsp;<img style="width: 18px; height: 18px;" alt="" src="imagens/AdminCatalogo/figura14.jpg">,
  141 +ferramenta do &iacute;cone&nbsp;<img style="width: 18px; height: 18px;" alt="" src="imagens/AdminCatalogo/figura14.jpg">,
160 142 representa
161 143 as
162 144 camadas
163   -cadastradas previamente no catálogo recebem palavras-chave
  145 +cadastradas previamente no cat&aacute;logo recebem palavras-chave
164 146 (“tags”) que facilitam a
165   -localização de dados
166   -de interesse. Essa opção abre uma janela com a
  147 +localiza&ccedil&atilde;o de dados
  148 +de interesse. Essa op&ccedil&atilde;o abre uma janela com a
167 149 lista de
168   -tags existentes e, quando é feita a escolha, o
169   -i3GeoSaúde
170   -realiza a busca de camadas com opção para o
  150 +tags existentes e, quando &eacute; feita a escolha, o
  151 +i3GeoSa&uacute;de
  152 +realiza a busca de camadas com op&ccedil&atilde;o para o
171 153 cruzamento
172 154 com outras nuvens de tags existentes na internet.</li>
173 155 </ul>
174 156 <ul>
175 157 <li>A ferramenta <span style="font-weight: bold;">miniatura de
176   -ícone</span> <img style="width: 19px; height: 22px;" alt="figura8" src="imagens/AdminCatalogo/figura8.jpg"> possui as
  158 +&iacute;cone</span> <img style="width: 19px; height: 22px;" alt="figura8" src="imagens/AdminCatalogo/figura8.jpg"> possui as
177 159 camadas cadastradas
178   -previamente no catálogo que podem ter uma miniatura gerada
  160 +previamente no cat&aacute;logo que podem ter uma miniatura gerada
179 161 previamente e que mostra de forma geral a imagem da camada. Nessa
180   -opção, a lista de miniaturas é
  162 +op&ccedil&atilde;o, a lista de miniaturas &eacute;
181 163 organizada em uma
182   -janela, permitindo a adição ao mapa quando
  164 +janela, permitindo a adi&ccedil&atilde;o ao mapa quando
183 165 uma imagem
184   -é escolhida.</li>
  166 +&eacute; escolhida.</li>
185 167 </ul>
186 168 <ul>
187   - <li>O ícone<img style="width: 22px; height: 23px;" alt="figura9" src="imagens/AdminCatalogo/figura9.jpg"> para <span style="font-weight: bold;">Pesquisa na
  169 + <li>O &iacute;cone<img style="width: 22px; height: 23px;" alt="figura9" src="imagens/AdminCatalogo/figura9.jpg"> para <span style="font-weight: bold;">Pesquisa na
188 170 INDE</span>, representa a <span style="font-weight: bold;">Infraestrutura
189 171 de Dados Espaciais</span> que
190 172 promove a
191 173 descoberta e acesso a dados geoespaciais do governo do Brasil. Essa
192   -opção ainda é experimental e permite a
193   -localização de serviços de acesso aos
  174 +op&ccedil&atilde;o ainda &eacute; experimental e permite a
  175 +localiza&ccedil&atilde;o de servi&ccedilos de acesso aos
194 176 dados por
195   -meio de busca textual. Uma vez encontrado o serviço, pode-se
196   -utilizá-lo para a adição de camadas ao
  177 +meio de busca textual. Uma vez encontrado o servi&ccedilo, pode-se
  178 +utiliz&aacute;-lo para a adi&ccedil&atilde;o de camadas ao
197 179 mapa
198 180 (Acesso aos dados da INDE).</li>
199   - <li>O ícone <img style="width: 20px; height: 20px;" alt="" src="imagens/AdminCatalogo/figura15.jpg"> abre a janela flutuante para a edição e análise dos <span style="font-weight: bold;">Cartogramas estatísticos</span>.<br>
  181 + <li>O &iacute;cone <img style="width: 20px; height: 20px;" alt="" src="imagens/AdminCatalogo/figura15.jpg"> abre a janela flutuante para a edi&ccedil&atilde;o e an&aacute;lise dos <span style="font-weight: bold;">Cartogramas estat&iacute;sticos</span>.<br>
200 182 </li>
201 183  
202 184 </ul>
203   -
204   -</div>
205   -<div class="trail-box-bottom"><img src="files/trails-box-br.png" class="right" alt="" height="6" width="7"> <img src="files/trails-box-bl.png" class="left" alt="" height="6" width="7">
206   -</div>
207   -</div>
208   -<br>
209   -<div class="trail-box-bottom">
210   -<br>
211   -</div>
212   -<div class="trail-box">
213   -<div class="trail-box-header"><img src="files/trails-box-tr.png" class="right" alt="" height="21" width="7"><img src="files/trails-box-tl.png" class="left" alt="" height="21" width="7"><comment title=" here is the box header " xmlns="http://disruptive-innovations.com/zoo/nvu"></comment>
214   -<h1><a name="inicio_info"></a></h1>
215   -<h1>Árvore de
216   -temas</h1>
217   -</div>
218   -<div class="trail-box-content">
219   -<p class="MsoNormal" style="margin-bottom: 0.0001pt;">Abaixo da barra
220   -de ícones é mostrada uma árvore que
  185 +<h2>Árvore de
  186 +temas</h2>
  187 +<p>Abaixo da barra
  188 +de &iacute;cones &eacute; mostrada uma &aacute;rvore que
221 189 permite o
222   -acesso aos temas pré-configurados pelo administrador do
223   -sistema.<br>
224   -<br>
225   -<br>
226   -</p><div class="imagemExemplo">
227   -<img style="width: 360px; height: 274px;" alt="exemplo de uma árvore de temas" src="imagens/AdminCatalogo/arvore_temas_exemplo.jpg"><br>
  190 +acesso aos temas pr&eacute;-configurados pelo administrador do
  191 +sistema.
  192 +<div class="imagemExemplo">
  193 +<img style="width: 360px; height: 274px;" alt="exemplo de uma &aacute;rvore de temas" src="imagens/AdminCatalogo/arvore_temas_exemplo.jpg">
  194 +<p>
228 195 Exemplo de uma
229   -árvore de temas
  196 +&aacute;rvore de temas
230 197 </div>
231   -<br>
232   -<p class="MsoNormal" style="margin-bottom: 0.0001pt;">Existem quatro
233   -tipos de árvores básicas: serviços,
  198 +
  199 +<p>Existem quatro
  200 +tipos de &aacute;rvores b&aacute;sicas: servi&ccedilos,
234 201 temas
235   -classificados, menus e sistemas.</p>
  202 +classificados, menus e sistemas.
236 203 <ul>
237 204 <li><b>OGC-WMS</b>:
238 205 Lista os
239   -endereços dos serviços
240   -WMS&nbsp;cadastrados no i3GeoSaúde. O serviço
  206 +endere&ccedilos dos servi&ccedilos
  207 +WMS&nbsp;cadastrados no i3GeoSa&uacute;de. O servi&ccedilo
241 208 WMS produz
242 209 mapas dinâmicos a partir de dados georreferenciados em um
243   -servidor remoto que são geralmente apresentados no formato
244   -de imagem PNG, JPEG ou GIF.&nbsp; A lista é a mesma
  210 +servidor remoto que s&atilde;o geralmente apresentados no formato
  211 +de imagem PNG, JPEG ou GIF.&nbsp; A lista &eacute; a mesma
245 212 que
246   -é utilizada na opção de
247   -conexão com
248   -serviços WMS, porém, ao escolher um nó
  213 +&eacute; utilizada na op&ccedil&atilde;o de
  214 +conex&atilde;o com
  215 +servi&ccedilos WMS, por&eacute;m, ao escolher um n&oacute;
249 216 da
250   -árvore do i3GeoSaúde, acessa-se o endereço e se
251   -obtém a lista de camadas disponíveis, montando
  217 +&aacute;rvore do i3GeoSa&uacute;de, acessa-se o endere&ccedilo e se
  218 +obt&eacute;m a lista de camadas dispon&iacute;veis, montando
252 219 uma
253   -árvore em tempo real.<br>
  220 +&aacute;rvore em tempo real.
254 221 </li>
255 222 </ul>
256 223 <ul>
257 224 <li><span style="font-weight: bold;">Limites e localidades</span>:
258   -Lista das camadas que são cadastradas no sistema de metadados
259   -estatísticos. Essas camadas são as regiões ou localidades utilizadas
260   -para espacializar dados estatísticos.<br>
  225 +Lista das camadas que s&atilde;o cadastradas no sistema de metadados
  226 +estat&iacute;sticos. Essas camadas s&atilde;o as regi&otilde;es ou localidades utilizadas
  227 +para espacializar dados estat&iacute;sticos.
261 228 </li>
262 229 </ul>
263 230 <ul>
264   - <li><span style="font-weight: bold;">Cartogramas estatísticos</span>:
265   -Árvore contendo as variáveis e medidas cadastradas no sistema de metadados estatísticos.<br>
  231 + <li><span style="font-weight: bold;">Cartogramas estat&iacute;sticos</span>:
  232 +Árvore contendo as vari&aacute;veis e medidas cadastradas no sistema de metadados estat&iacute;sticos.
266 233 </li>
267 234 </ul>
268 235 <ul>
269 236  
270 237 <li><span style="font-weight: bold;">Temas mais vistos</span>:
271 238 Essa
272   -árvore permite visualizar os
273   -mesmos temas dos menus, Classificados conforme o número de
274   -acessos.<br>
  239 +&aacute;rvore permite visualizar os
  240 +mesmos temas dos menus, Classificados conforme o n&uacute;mero de
  241 +acessos.
275 242 </li>
276 243 </ul>
277 244 <ul>
278 245 <li><span style="font-weight: bold;">Menus</span>:
279   -Esse é o
280   -principal tipo de árvore e organiza
  246 +Esse &eacute; o
  247 +principal tipo de &aacute;rvore e organiza
281 248 os temas em uma hierarquia de grupos e subgrupos (Temas
282   -pré-definidos). Os temas podem ser baseados em dados
  249 +pr&eacute;-definidos). Os temas podem ser baseados em dados
283 250 armazenados
284   -no servidor onde o i3GeoSaúde está instalado ou em
285   -serviços OGC.<br>
  251 +no servidor onde o i3GeoSa&uacute;de est&aacute; instalado ou em
  252 +servi&ccedilos OGC.
286 253 </li>
287 254 </ul>
288 255 <ul>
289 256 <li><span style="font-weight: bold;">Sistemas</span>:
290 257 nessa lista
291   -são mostrados os links para
  258 +s&atilde;o mostrados os links para
292 259 ferramentas especiais que realizam algum tipo de
293   -interação para definir que dados serão
294   -incluídos no mapa. Os sistemas geralmente solicitam a
  260 +intera&ccedil&atilde;o para definir que dados ser&atilde;o
  261 +inclu&iacute;dos no mapa. Os sistemas geralmente solicitam a
295 262 escolha de
296   -parâmetros, como tipologias, período de tempo,
  263 +parâmetros, como tipologias, per&iacute;odo de tempo,
297 264 etc., que
298   -são fornecidos por meio de uma janela flutuante aberta
  265 +s&atilde;o fornecidos por meio de uma janela flutuante aberta
299 266 quando
300   -uma das funções de determinado sistema
301   -é escolhida.</li>
  267 +uma das fun&ccedil&otilde;es de determinado sistema
  268 +&eacute; escolhida.</li>
302 269 </ul>
303   -<br>Observe que alguns itens aparecem em vermelho o que indica que é visível apenas para usuários que estejam logados no sistema.<br><br>
  270 +<br>Observe que alguns itens aparecem em vermelho o que indica que &eacute; vis&iacute;vel apenas para usu&aacute;rios que estejam logados no sistema.<br><br>
304 271 <div class="imagemExemplo">
305   - <img style="width: 274px; height: 499px;" alt="figura10" src="imagens/AdminCatalogo/figura10.jpg"><br>
  272 + <img style="width: 274px; height: 499px;" alt="figura10" src="imagens/AdminCatalogo/figura10.jpg">
  273 +<p>
306 274 Árvore de temas do
307   -catálogo.
  275 +cat&aacute;logo.
308 276 </div>
309   -<br>
310 277  
311   -<p class="MsoNormal" style="margin-bottom: 0.0001pt;">O
312   -catálogo
313   -pode também ser utilizado em aplicativos que utilizam KML
314   -(formato de arquivo usado para exibir dados geográficos no
  278 +<p>O
  279 +cat&aacute;logo
  280 +pode tamb&eacute;m ser utilizado em aplicativos que utilizam KML
  281 +(formato de arquivo usado para exibir dados geogr&aacute;ficos no
315 282 navegador do Google Earth). Para isso, na parte superior
316   -da árvore encontra-se o link “abrir no Google
317   -Earth”. A mesma organização de grupos,
  283 +da &aacute;rvore encontra-se o link “abrir no Google
  284 +Earth”. A mesma organiza&ccedil&atilde;o de grupos,
318 285 subgrupos e
319   -temas é inserida no KML e ao ativar um tema os dados
320   -são
321   -visualizados no aplicativo&nbsp;. Isso só é
322   -possível para temas que permitem o acesso via KML, o que
323   -é definido pelo administrador do i3GeoSaúde. Esse
  286 +temas &eacute; inserida no KML e ao ativar um tema os dados
  287 +s&atilde;o
  288 +visualizados no aplicativo&nbsp;. Isso s&oacute; &eacute;
  289 +poss&iacute;vel para temas que permitem o acesso via KML, o que
  290 +&eacute; definido pelo administrador do i3GeoSa&uacute;de. Esse
324 291 tipo de
325   -visualização utiliza o acesso aos dados por meio
  292 +visualiza&ccedil&atilde;o utiliza o acesso aos dados por meio
326 293 de
327   -serviços WMS.</p>
328   -</div>
329   -<div class="trail-box-bottom"><img src="files/trails-box-br.png" class="right" alt="" height="6" width="7"> <img src="files/trails-box-bl.png" class="left" alt="" height="6" width="7">
330   -</div>
331   -</div>
332   -<span style="text-decoration: underline;"></span>
333   -<div class="imginicio"><a href="#top"><img title="Topo" style="border: 0px solid ; width: 41px; height: 35px;" alt="Topo" src="files/topo.gif"></a></div>
334   -&nbsp;<br>
335   -<br>
336   -</div>
337   -</div>
338   -</div>
339   -
340   -</body></html>
341 294 \ No newline at end of file
  295 +servi&ccedilos WMS.
... ...
docs/admin_metadados.html
  Diff comments   View file @10cd9dc
1   -<!DOCTYPE html>
2   -<html>
3   -<head>
4   -<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
5   -<meta charset="UTF-8">
6   -<title>Administrando o i3GeoSaude</title>
7   -
8   -<link media="screen" href="./files/estilos.css" type="text/css" rel="stylesheet">
9   -
10   -<link rel="stylesheet" type="text/css" href="./files/estilos.css">
11   -</head>
12   -<body class="blue-bg">
13   - <div class="imginicio">
14   - <img onclick="window.history.back()" style="border: 0px solid; width: 40px; height: 40px;" alt="inicio" src="files/inicio.gif">
15   - </div>
16   - <h1>Cadastrando variáveis para a construção dos cartogramas</h1>
  1 + <h1>Cadastrando vari&aacute;veis para a constru&ccedil&atilde;o dos cartogramas</h1>
17 2 <p>O termo “metadado” refere-se ao conjunto de “dados sobre os dados”. Os metadados servem para descrever outros dados, permitindo que pessoas ou sistemas localizem dados e os utilize de forma correta.
18   - <p>O i3GeoSaúde utiliza metadados como se fossem apontadores que indicam onde os dados que queremos usar estão e como eles são georreferenciados. Por exemplo, os metadados poderiam indicar que os valores de população para os municípios do Brasil estão guardados na tabela “populacao” no esquema “demografia” do database “i3geosaude”. Os metadados indicam ainda a fonte desses dados, qual a coluna que faz a identificação única de cada registro, qual a coluna que relaciona com os limites
19   - geográficos, etc.
20   - <p>Todos esses metadados são armazenados em uma estrutura interna de tabelas administrativas do i3GeoSaúde e que são independentes do local onde os dados estão. Por exemplo, as tabelas que armazenam os metadados podem estar em um banco de dados “sqlite” enquanto os dados propriamente ditos estão em um banco “postgres”. Observe que os metadados são independentes dos dados em si.
21   - <p>No i3GeoSaúde existe um conjunto de tabelas internas (as mesmas utilizadas pelo i3GEO) onde ficam os metadados, sendo que o sistema possui um conjunto de ferramentas administrativas que permitem criar e editar esses metadados.
22   - <p>É também no processo de edição dos metadados que é definido como um determinado dado será mostrado no mapa.
23   - <p>Em um cenário no qual uma instituição já possui um banco de dados (necessariamente Postgres+Postgis) basta a criação dos metadados para que o sistema possa funcionar.
24   - <p>A partir dos metadados definimos o que será estudado&nbsp;nos mapas. Para efeito de organização dos metadados no i3GeoSaúde, os fenômenos a serem observados são chamados de variável e os valores que uma variável assume são chamados de medida da variável. Essa organização não é conceitualmente rígida e pode ser adaptada a cada realidade. Para exemplificar, poderíamos considerar como “variável” os “postos de saúde” e como medidas dessa variável os “postos de saúde existentes” e os “postos
25   - de saúde planejados”.
26   - <p>Uma “variável” possui como atributos apenas o seu nome e a sua descrição, já cada medida possuí as indicações de sua localização no banco de dados, período, unidade de medida, fonte, agregação geográfica etc.
27   - <p>As medidas possuem ainda uma ou mais classificações e um ou mais parâmetros.
28   - <p>As classificações indicam como os dados serão mostrados no mapa. Cada classificação recebe um nome e contém uma ou mais classes. Cada classe contém os parâmetros para sua apresentação no mapa, como a cor por exemplo, e a regra que define se uma determinada ocorrência pertence ou não a essa classe.
29   - <p>Já os parâmetros, que também recebem nomes, indicam critérios adicionais que os usuários deverão escolher antes que um mapa seja visualizado. Por exemplo, uma tabela contendo o número de postos de saúde existentes por bairro pode conter uma coluna que indica o ano dessa informação. Parâmetros são tratados internamente como filtros, mas que podem ser hierárquicos. Por exemplo, o parâmetro “ano” pode ter como filho o parâmetro “mês”.
30   - <p>A seguir, será demonstrado como definir uma variável no i3GeoSaúde. A título de exemplo, considere que você está logado como "i3geosaude", e que já existe o banco de dados, bem como a tabela contendo os dados descritivos e geoespaciais dos municípios com a população do Censo 2010. Criação de uma variável
  3 + <p>O i3GeoSa&uacute;de utiliza metadados como se fossem apontadores que indicam onde os dados que queremos usar est&atilde;o e como eles s&atilde;o georreferenciados. Por exemplo, os metadados poderiam indicar que os valores de popula&ccedil&atilde;o para os munic&iacute;pios do Brasil est&atilde;o guardados na tabela “populacao” no esquema “demografia” do database “i3geosaude”. Os metadados indicam ainda a fonte desses dados, qual a coluna que faz a identifica&ccedil&atilde;o &uacute;nica de cada registro, qual a coluna que relaciona com os limites
  4 + geogr&aacute;ficos, etc.
  5 + <p>Todos esses metadados s&atilde;o armazenados em uma estrutura interna de tabelas administrativas do i3GeoSa&uacute;de e que s&atilde;o independentes do local onde os dados est&atilde;o. Por exemplo, as tabelas que armazenam os metadados podem estar em um banco de dados “sqlite” enquanto os dados propriamente ditos est&atilde;o em um banco “postgres”. Observe que os metadados s&atilde;o independentes dos dados em si.
  6 + <p>No i3GeoSa&uacute;de existe um conjunto de tabelas internas (as mesmas utilizadas pelo i3GEO) onde ficam os metadados, sendo que o sistema possui um conjunto de ferramentas administrativas que permitem criar e editar esses metadados.
  7 + <p>É tamb&eacute;m no processo de edi&ccedil&atilde;o dos metadados que &eacute; definido como um determinado dado ser&aacute; mostrado no mapa.
  8 + <p>Em um cen&aacute;rio no qual uma institui&ccedil&atilde;o j&aacute; possui um banco de dados (necessariamente Postgres+Postgis) basta a cria&ccedil&atilde;o dos metadados para que o sistema possa funcionar.
  9 + <p>A partir dos metadados definimos o que ser&aacute; estudado&nbsp;nos mapas. Para efeito de organiza&ccedil&atilde;o dos metadados no i3GeoSa&uacute;de, os fenômenos a serem observados s&atilde;o chamados de vari&aacute;vel e os valores que uma vari&aacute;vel assume s&atilde;o chamados de medida da vari&aacute;vel. Essa organiza&ccedil&atilde;o n&atilde;o &eacute; conceitualmente r&iacute;gida e pode ser adaptada a cada realidade. Para exemplificar, poder&iacute;amos considerar como “vari&aacute;vel” os “postos de sa&uacute;de” e como medidas dessa vari&aacute;vel os “postos de sa&uacute;de existentes” e os “postos
  10 + de sa&uacute;de planejados”.
  11 + <p>Uma “vari&aacute;vel” possui como atributos apenas o seu nome e a sua descri&ccedil&atilde;o, j&aacute; cada medida possu&iacute; as indica&ccedil&otilde;es de sua localiza&ccedil&atilde;o no banco de dados, per&iacute;odo, unidade de medida, fonte, agrega&ccedil&atilde;o geogr&aacute;fica etc.
  12 + <p>As medidas possuem ainda uma ou mais classifica&ccedil&otilde;es e um ou mais parâmetros.
  13 + <p>As classifica&ccedil&otilde;es indicam como os dados ser&atilde;o mostrados no mapa. Cada classifica&ccedil&atilde;o recebe um nome e cont&eacute;m uma ou mais classes. Cada classe cont&eacute;m os parâmetros para sua apresenta&ccedil&atilde;o no mapa, como a cor por exemplo, e a regra que define se uma determinada ocorrência pertence ou n&atilde;o a essa classe.
  14 + <p>J&aacute; os parâmetros, que tamb&eacute;m recebem nomes, indicam crit&eacute;rios adicionais que os usu&aacute;rios dever&atilde;o escolher antes que um mapa seja visualizado. Por exemplo, uma tabela contendo o n&uacute;mero de postos de sa&uacute;de existentes por bairro pode conter uma coluna que indica o ano dessa informa&ccedil&atilde;o. Parâmetros s&atilde;o tratados internamente como filtros, mas que podem ser hier&aacute;rquicos. Por exemplo, o parâmetro “ano” pode ter como filho o parâmetro “mês”.
  15 + <p>A seguir, ser&aacute; demonstrado como definir uma vari&aacute;vel no i3GeoSa&uacute;de. A t&iacute;tulo de exemplo, considere que você est&aacute; logado como "i3geosaude", e que j&aacute; existe o banco de dados, bem como a tabela contendo os dados descritivos e geoespaciais dos munic&iacute;pios com a popula&ccedil&atilde;o do Censo 2010. Cria&ccedil&atilde;o de uma vari&aacute;vel
31 16 <h2></h2>
32   - <p>A criação de uma variável pode ocorrer de duas formas: usando o assistente (no modo usuário) acionado a partir das opções apresentadas dentro do próprio mapa, ou utilizando a opção "Metadados Estatísticos", disponível no módulo de administração.
33   - <p>Para utilizar o modo administrador, abra o item "Metadados Estatísticos", e escolha "Cadastro principal de variáves". Para ir direto utilize a url: http://localhost/i3geo/admin/html/estat_variavel.html
  17 + <p>A cria&ccedil&atilde;o de uma vari&aacute;vel pode ocorrer de duas formas: usando o assistente (no modo usu&aacute;rio) acionado a partir das op&ccedil&otilde;es apresentadas dentro do pr&oacute;prio mapa, ou utilizando a op&ccedil&atilde;o "Metadados Estat&iacute;sticos", dispon&iacute;vel no m&oacute;dulo de administra&ccedil&atilde;o.
  18 + <p>Para utilizar o modo administrador, abra o item "Metadados Estat&iacute;sticos", e escolha "Cadastro principal de vari&aacute;ves". Para ir direto utilize a url: http://localhost/i3geo/admin/html/estat_variavel.html
34 19 <div class="imagemExemplo">
35 20 <img src="imagens/admin_menu_metadados.png">
36   - <p>Menu de opções do item&nbsp;Metadados Estatísticos.
  21 + <p>Menu de op&ccedil&otilde;es do item&nbsp;Metadados Estat&iacute;sticos.
37 22 </div>
38   - <p>Em seguida, será apresentada a página contendo as variáveis cadastradas.
  23 + <p>Em seguida, ser&aacute; apresentada a p&aacute;gina contendo as vari&aacute;veis cadastradas.
39 24 <div class="imagemExemplo">
40 25 <img src="imagens/metastat0-criando1VARIAVEL.jpg">
41   - <p>Variáveis cadastradas no catálogo de metadados estatísticos.
  26 + <p>Vari&aacute;veis cadastradas no cat&aacute;logo de metadados estat&iacute;sticos.
42 27 </div>
43   - <p>Para criar uma variável, basta clicar em "Adicionar variável". Crie a variável com nome "População".
  28 + <p>Para criar uma vari&aacute;vel, basta clicar em "Adicionar vari&aacute;vel". Crie a vari&aacute;vel com nome "Popula&ccedil&atilde;o".
44 29 <div class="imagemExemplo">
45 30 <img src="imagens/metastat0-criando2VARIAVEL.jpg">
46   - <p>Criação de uma variável no catálogo de metadados estatísticos. Definindo uma medida para a variável
  31 + <p>Cria&ccedil&atilde;o de uma vari&aacute;vel no cat&aacute;logo de metadados estat&iacute;sticos. Definindo uma medida para a vari&aacute;vel
47 32 </div>
48   - <p>O próximo passo é definir uma medida à variável. Neste caso, basta clicar em "Adicionar nova medida da variável".
  33 + <p>O pr&oacute;ximo passo &eacute; definir uma medida à vari&aacute;vel. Neste caso, basta clicar em "Adicionar nova medida da vari&aacute;vel".
49 34 <div class="imagemExemplo">
50 35 <img src="imagens/metastat1-adicionaMedidaVARIAVEL.jpg">
51   - <p>Adicionando uma medida à variável.
  36 + <p>Adicionando uma medida à vari&aacute;vel.
52 37 </div>
53 38 <p>
54   - No exemplo, a medida terá os seguintes atributos que devem ser preenchidos. Em alguns atributos, os valores são obtidos clicando em um ícone de listagem (<img src="imagens/iconeListagem.jpg" style="width: 19px; height: 17px;" alt="icone listagem de opções">).
  39 + No exemplo, a medida ter&aacute; os seguintes atributos que devem ser preenchidos. Em alguns atributos, os valores s&atilde;o obtidos clicando em um &iacute;cone de listagem (<img src="imagens/iconeListagem.jpg" style="width: 19px; height: 17px;" alt="icone listagem de op&ccedil&otilde;es">).
55 40 <ul>
56   - <li>Nome: <span style="font-weight: bold;">População Censo&nbsp;</span>
  41 + <li>Nome: <span style="font-weight: bold;">Popula&ccedil&atilde;o Censo&nbsp;</span>
57 42 </li>
58 43 <li>Unidade de medida: <span style="font-weight: bold;">Quantidade</span></li>
59   - <li>Tipo de período: --</li>
60   - <li>Tipo de região: <span style="font-weight: bold;">Município</span></li>
61   - <li>Conexão: <span style="font-weight: bold;">i3geosaude</span></li>
  44 + <li>Tipo de per&iacute;odo: --</li>
  45 + <li>Tipo de regi&atilde;o: <span style="font-weight: bold;">Munic&iacute;pio</span></li>
  46 + <li>Conex&atilde;o: <span style="font-weight: bold;">i3geosaude</span></li>
62 47 <li>Esquema do banco: <span style="font-weight: bold;">dbgeral</span></li>
63 48 <li>Tabela do banco:&nbsp; <span style="font-weight: bold;">tb_ibge</span></li>
64 49 <li>Coluna com os valores: <span style="font-weight: bold;">pop_2010</span></li>
65   - <li>Coluna de ligação com a tabela GEO: <span style="font-weight: bold;">ibge</span>
  50 + <li>Coluna de liga&ccedil&atilde;o com a tabela GEO: <span style="font-weight: bold;">ibge</span>
66 51 </li>
67   - <li>Coluna com os IDs únicos que identificam cada registro da tabela com os valores: <span style="font-weight: bold;">ibge</span>
  52 + <li>Coluna com os IDs &uacute;nicos que identificam cada registro da tabela com os valores: <span style="font-weight: bold;">ibge</span>
68 53 </li>
69 54 <li>Filtro adicional:&nbsp;</li>
70 55 </ul>
71   - Depois de preencher todos os atributos da medida, clique em "Salvar". Como resultado, surgirá a página com a variável e a medida adicionadas aos metadados.
  56 + Depois de preencher todos os atributos da medida, clique em "Salvar". Como resultado, surgir&aacute; a p&aacute;gina com a vari&aacute;vel e a medida adicionadas aos metadados.
72 57 <div class="imagemExemplo">
73 58 <img src="imagens/metastat1b-adicionaMedida_RESULT.jpg">
74   - <p>Variável e medida adicionadas aos metadados.
  59 + <p>Vari&aacute;vel e medida adicionadas aos metadados.
75 60 </div>
76   - <h2>Adicionando uma classificação</h2>
77   - <p>Depois que a medida é criada, é o momento de definir a forma de classificação dos valores da variável. Clique em "Classificações" e escolha um nome.
  61 + <h2>Adicionando uma classifica&ccedil&atilde;o</h2>
  62 + <p>Depois que a medida &eacute; criada, &eacute; o momento de definir a forma de classifica&ccedil&atilde;o dos valores da vari&aacute;vel. Clique em "Classifica&ccedil&otilde;es" e escolha um nome.
78 63 <p>
79 64 <div class="imagemExemplo">
80 65 <img src="imagens/metastat1c-adicionaMedida_CLASSIFIC.jpg">
81   - <p>Adicionando uma classificação à medida da variável.
  66 + <p>Adicionando uma classifica&ccedil&atilde;o à medida da vari&aacute;vel.
82 67 </div>
83   - <p>Em seguida, clique no ícone "criar classes". Essa tarefa permitirá gerar automaticamente os intervalos classificados em faixas de valores e cores.
  68 + <p>Em seguida, clique no &iacute;cone "criar classes". Essa tarefa permitir&aacute; gerar automaticamente os intervalos classificados em faixas de valores e cores.
84 69 <div class="imagemExemplo">
85 70 <img src="imagens/metastat1c-adicionaMedida_CLASSIFIC-geraINTERVALO.jpg">
86   - <p>Ícone "criar classes" para geração da classificação
  71 + <p>Ícone "criar classes" para gera&ccedil&atilde;o da classifica&ccedil&atilde;o
87 72 </div>
88   - <p>É apresentada uma janela com as opções para criar as classes. Primeiramente, escolha o número de classes a ser criado. Clique no botão "Escolher Cores" para a definição das cores que servirão de legenda para as classes da medida. Escolhe-se os valores de cores no padrão RGB (red, green, blue), e&nbsp;clicando em "Aplicar cores", o processo é confirmado.
  73 + <p>É apresentada uma janela com as op&ccedil&otilde;es para criar as classes. Primeiramente, escolha o n&uacute;mero de classes a ser criado. Clique no bot&atilde;o "Escolher Cores" para a defini&ccedil&atilde;o das cores que servir&atilde;o de legenda para as classes da medida. Escolhe-se os valores de cores no padr&atilde;o RGB (red, green, blue), e&nbsp;clicando em "Aplicar cores", o processo &eacute; confirmado.
89 74 <div class="imagemExemplo">
90 75 <img src="imagens/metastat1c-adicionaMedida_CLASSIFIC-geraINTERVALO-CLASSES-CORES.jpg">
91   - <p>Definição das cores das classes.
  76 + <p>Defini&ccedil&atilde;o das cores das classes.
92 77 </div>
93   - <p>Após confirmar as cores das classes, é o momento de escolher o método de representação dos valores. Para o exemplo em questão, no qual apresenta valores numéricos da população dos municípios (que pode ir das dezenas aos milhares), a opção escolhida foi por "Intervalos iguais". O sistema irá gerar faixas de valores de acordo com o número de classes indicada e com a paleta de cores selecionada. Note que é possível editar esses valores e configurar novas faixas.
  78 + <p>Ap&oacute;s confirmar as cores das classes, &eacute; o momento de escolher o m&eacute;todo de representa&ccedil&atilde;o dos valores. Para o exemplo em quest&atilde;o, no qual apresenta valores num&eacute;ricos da popula&ccedil&atilde;o dos munic&iacute;pios (que pode ir das dezenas aos milhares), a op&ccedil&atilde;o escolhida foi por "Intervalos iguais". O sistema ir&aacute; gerar faixas de valores de acordo com o n&uacute;mero de classes indicada e com a paleta de cores selecionada. Note que &eacute; poss&iacute;vel editar esses valores e configurar novas faixas.
94 79 <div class="imagemExemplo">
95 80 <img src="imagens/metastat1c-adicionaMedida_CLASSIFIC-geraINTERVALO-CLASSES-INT_IGUAIS.jpg">
96   - <p>Geração dos intervalos de valores iguais. Visualizando o resultado no mapa
  81 + <p>Gera&ccedil&atilde;o dos intervalos de valores iguais. Visualizando o resultado no mapa
97 82 </div>
98   - <p>Com todos os parâmetros configurados, é possível visualizar o cartograma com a variável criada. Entre no aplicativo i3GeoSaúde no modo usuário, escolha a variável definida no cartograma estatístico, em seguida adicione com camada ao mapa do i3GeoSaúde. Essas tarefas podem ser vistas na seguência de imagens abaixo.
  83 + <p>Com todos os parâmetros configurados, &eacute; poss&iacute;vel visualizar o cartograma com a vari&aacute;vel criada. Entre no aplicativo i3GeoSa&uacute;de no modo usu&aacute;rio, escolha a vari&aacute;vel definida no cartograma estat&iacute;stico, em seguida adicione com camada ao mapa do i3GeoSa&uacute;de. Essas tarefas podem ser vistas na seguência de imagens abaixo.
99 84 <div class="imagemExemplo">
100 85 <img src="imagens/menu_ferramenta_cartograma.jpg">
101   - <p>Opção para visualizar os cartogramas estatísticos.
  86 + <p>Op&ccedil&atilde;o para visualizar os cartogramas estat&iacute;sticos.
102 87 </div>
103 88 <div class="imagemExemplo">
104 89 <img src="imagens/cartograma_variavel_prop_camada.jpg">
105   - <p>Escolha da variável e medida, com destaque para o ícone de propriedades da camada.
  90 + <p>Escolha da vari&aacute;vel e medida, com destaque para o &iacute;cone de propriedades da camada.
106 91 </div>
107 92 <p>
108 93 <div class="imagemExemplo">
109 94 <img src="imagens/cartograma_variavel_prop_camada-2.jpg">
110   - <p>Propriedades da medida para representação&nbsp;das classes na camada.
  95 + <p>Propriedades da medida para representa&ccedil&atilde;o&nbsp;das classes na camada.
111 96 </div>
112 97  
113 98 <div class="imagemExemplo">
114 99 <img src="imagens/cartograma_variavel_prop_camada-3.jpg">
115   - <p>Visualização da variável adicionada como camada ao mapa.
  100 + <p>Visualiza&ccedil&atilde;o da vari&aacute;vel adicionada como camada ao mapa.
116 101 </div>
117   -</body>
118   -</html>
... ...
docs/arquivoCSV.html
  Diff comments   View file @10cd9dc
1   -<!DOCTYPE html>
2   -<html lang="pt-br">
3   -<head>
4   -
5   -
6   - <meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
7   -
8   -
9   - <meta charset="UTF-8">
10   -
11   -
12   -
13   - <title>i3GeoSaude</title>
14   - <link media="screen" href="./files/estilos.css" type="text/css" rel="stylesheet">
15   -<!--[if lt IE 10]>
16   -<![endif]-->
17   -
18   -
19   - <link rel="stylesheet" type="text/css" href="./files/estilos.css">
20   -</head>
21   -
22   -
23   -<body class="blue-bg">
24   -
25   -
26   -<div id="wrapper-flex">
27   -<div style="background-color: white;">
28   -<div class="f-page-auto-cell Code" id="doc">
29   -<div class="imginicio"><img onclick="window.history.back()" style="border: 0px solid ; width: 40px; height: 40px;" alt="inicio" src="files/inicio.gif"></div>
30   -
31 1 <h1>Criando arquivo CSV
32 2 para&nbsp;uma vari&aacute;vel</h1>
33 3  
... ...
docs/atualizacaoViaSvn.html
  Diff comments   View file @10cd9dc
1   -<!DOCTYPE html>
2   -<html>
3   -<head>
4   -<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
5   -<meta charset="UTF-8">
6   -<title>i3GeoSaude</title>
7   -<link media="screen" href="./files/estilos.css" type="text/css" rel="stylesheet">
8   -<link rel="stylesheet" type="text/css" href="./files/estilos.css">
9   -</head>
10   -<body class="blue-bg">
11   - <h1>Atualização via SVN</h1>
12   - <p>SVN é um sistema de controle de versões de software utilizado pelos desenvolvedores para gerenciar as mudanças feitas nos códigos. Quando o i3GeoSaúde é instalado, a pasta onde os artigos estão armazenados já se encontram "sob controle de versão", significando que a qualquer momento pode ser aplicado o processo de atualização. Esse processo atualiza os arquivos existentes no servidor local mantendo-o na mesma situação de versão do repositório utilizado pelos desenvolvedores, sendo essa uma maneira conveniente de manter o software sempre com a última versão.
  1 + <h1>Atualiza&ccedil&atilde;o via SVN</h1>
  2 + <p>SVN &eacute; um sistema de controle de vers&otilde;es de software utilizado pelos desenvolvedores para gerenciar as mudan&ccedilas feitas nos c&oacute;digos. Quando o i3GeoSa&uacute;de &eacute; instalado, a pasta onde os artigos est&atilde;o armazenados j&aacute; se encontram "sob controle de vers&atilde;o", significando que a qualquer momento pode ser aplicado o processo de atualiza&ccedil&atilde;o. Esse processo atualiza os arquivos existentes no servidor local mantendo-o na mesma situa&ccedil&atilde;o de vers&atilde;o do reposit&oacute;rio utilizado pelos desenvolvedores, sendo essa uma maneira conveniente de manter o software sempre com a &uacute;ltima vers&atilde;o.
13 3 <h2>Roteiro</h2>
14   - <p>O SVN é um software e precisa estar instalado no computador que irá executar a atualização. Para checar isso, abra um terminal de linha de comando e digite
  4 + <p>O SVN &eacute; um software e precisa estar instalado no computador que ir&aacute; executar a atualiza&ccedil&atilde;o. Para checar isso, abra um terminal de linha de comando e digite
15 5 <pre>svn help</pre>
16   - <p>No Windows veja o link <a href="http://sourceforge.net/projects/win32svn/">http://sourceforge.net/projects/win32svn/</a> e no Linux veja o instalador de softwares específico da distribuição em uso.
17   - <p>Para fazer a atualização basta digitar o comando de UPDATE com a seguinte sintaxe:
  6 + <p>No Windows veja o link <a href="http://sourceforge.net/projects/win32svn/">http://sourceforge.net/projects/win32svn/</a> e no Linux veja o instalador de softwares espec&iacute;fico da distribui&ccedil&atilde;o em uso.
  7 + <p>Para fazer a atualiza&ccedil&atilde;o basta digitar o comando de UPDATE com a seguinte sintaxe:
18 8 <pre>svn update /var/www --accept mine-full</pre>
19   - (o sistema poderá solicitar o usuário e senha, que correspondem ao registrado no Portal do Software Público)
20   - <p>Note que "/var/www" é a pasta onde o i3GeoSaúde está instalado. Em SO Windows, essa pasta provavelmente seja c:\\ms4w\Apache\htdocs
21   - <p>A opção "--accept mine-full" é utilizada para não sobrepor as modificações locais que possam ter sido feitas. Manter essas alterações locais é importante pois o processo de administração do sistema local gera novos arquivos e altera o banco de dados de administração, essas alterações serão percebidas pelo SVN que irá acusar a existência de conflitos. A opção --accept evita esse problema.
22   - <p>É importante lembrar que pode ser necessário executar o comando SVN com direitos administrativos evitando bloqueios de leitura e escrita. Após o update é importante também verificar se a pasta "i3geo/i3geosaude" e "i3geo/temas" tiveram suas permissões alteradas. Caso essas pastas estejam com permissão de apenas leitura será necessário desbloqueá-las. No Linux abra um terminal e digite a sequência:
  9 + (o sistema poder&aacute; solicitar o usu&aacute;rio e senha, que correspondem ao registrado no Portal do Software P&uacute;blico)
  10 + <p>Note que "/var/www" &eacute; a pasta onde o i3GeoSa&uacute;de est&aacute; instalado. Em SO Windows, essa pasta provavelmente seja c:\\ms4w\Apache\htdocs
  11 + <p>A op&ccedil&atilde;o "--accept mine-full" &eacute; utilizada para n&atilde;o sobrepor as modifica&ccedil&otilde;es locais que possam ter sido feitas. Manter essas altera&ccedil&otilde;es locais &eacute; importante pois o processo de administra&ccedil&atilde;o do sistema local gera novos arquivos e altera o banco de dados de administra&ccedil&atilde;o, essas altera&ccedil&otilde;es ser&atilde;o percebidas pelo SVN que ir&aacute; acusar a existência de conflitos. A op&ccedil&atilde;o --accept evita esse problema.
  12 + <p>É importante lembrar que pode ser necess&aacute;rio executar o comando SVN com direitos administrativos evitando bloqueios de leitura e escrita. Ap&oacute;s o update &eacute; importante tamb&eacute;m verificar se a pasta "i3geo/i3geosaude" e "i3geo/temas" tiveram suas permiss&otilde;es alteradas. Caso essas pastas estejam com permiss&atilde;o de apenas leitura ser&aacute; necess&aacute;rio desbloque&aacute;-las. No Linux abra um terminal e digite a sequência:
23 13 <pre>sudo chmod -R 777 /var/www/i3geo/temas </pre>
24 14 <pre>sudo chmod -R 777 /var/www/i3geo/i3geosaude </pre>
25 15 <div class="imagemExemplo">
26 16 <img src="imagens/svninfo.png">
27 17 </div>
28   - <h2>Atualização pré-configurada</h2>
29   - <p>Se você instalou o i3GeoSaúde por meio de um "live-USB" a atualização do código já está pré-agendada em sua instalação e ocorre diariamente. Caso seja necessário o comando de atualização pode ser disparado acionando-se a opção existente no menu suspenso (Comece aqui -> Manutenção).
30   - <p>Os scripts utilizados nessas opções encontram-se na pasta /var/www/pastaHomeDistXubuntu/i3geosaude/Manutenção
31   -</body>
32   -</html>
  18 + <h2>Atualiza&ccedil&atilde;o pr&eacute;-configurada</h2>
  19 + <p>Se você instalou o i3GeoSa&uacute;de por meio de um "live-USB" a atualiza&ccedil&atilde;o do c&oacute;digo j&aacute; est&aacute; pr&eacute;-agendada em sua instala&ccedil&atilde;o e ocorre diariamente. Caso seja necess&aacute;rio o comando de atualiza&ccedil&atilde;o pode ser disparado acionando-se a op&ccedil&atilde;o existente no menu suspenso (Comece aqui -> Manuten&ccedil&atilde;o).
  20 + <p>Os scripts utilizados nessas op&ccedil&otilde;es encontram-se na pasta /var/www/pastaHomeDistXubuntu/i3geosaude/Manuten&ccedil&atilde;o
... ...
docs/backup.html
  Diff comments   View file @10cd9dc
1   -<!DOCTYPE html>
2   -<html>
3   -<head>
4   -<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
5   -<meta charset="UTF-8">
6   -<title>i3GeoSaude</title>
7   -<link media="screen" href="./files/estilos.css" type="text/css" rel="stylesheet">
8   -<link rel="stylesheet" type="text/css" href="./files/estilos.css">
9   -</head>
10   -<body class="blue-bg">
11   - <h1>Cópia de segurança</h1>
12   - <p>A realização de cópias de segurança do i3GeoSaúde devem envolver principalmente os arquivos que sofrem alterações em função dos processos de inclusão de novas camadas ou customizações dos mapas interativos, além do banco de dados.
  1 + <h1>C&oacute;pia de seguran&ccedila</h1>
  2 + <p>A realiza&ccedil&atilde;o de c&oacute;pias de seguran&ccedila do i3GeoSa&uacute;de devem envolver principalmente os arquivos que sofrem altera&ccedil&otilde;es em fun&ccedil&atilde;o dos processos de inclus&atilde;o de novas camadas ou customiza&ccedil&otilde;es dos mapas interativos, al&eacute;m do banco de dados.
13 3 <p>O backup de arquivos deve incluir as patas <pre>i3geo/temas</pre> e <pre>i3geo/i3geosaude</pre>
14   - <p>No caso de instalações do software com base em imagens ISO, essas pastas localizam-se em <pre>/var/www</pre>
15   - <p>Também nesses casos, existem scripts que realizam o backup. Esses scripts são acionados pelo menu suspenso "Comece aqui->Manutenção". Os scripts ficam armazenados na pasta <pre>/var/www/pastaHomeDistXubuntu/i3geosaude/Área de Trabalho/Manutenção</pre>
16   - <p>O script de backup gera também um "dump" do banco Postgres que contém os dados utilizados no sistema. A linha de comando utilizada nesse caso é:
  4 + <p>No caso de instala&ccedil&otilde;es do software com base em imagens ISO, essas pastas localizam-se em <pre>/var/www</pre>
  5 + <p>Tamb&eacute;m nesses casos, existem scripts que realizam o backup. Esses scripts s&atilde;o acionados pelo menu suspenso "Comece aqui->Manuten&ccedil&atilde;o". Os scripts ficam armazenados na pasta <pre>/var/www/pastaHomeDistXubuntu/i3geosaude/Área de Trabalho/Manuten&ccedil&atilde;o</pre>
  6 + <p>O script de backup gera tamb&eacute;m um "dump" do banco Postgres que cont&eacute;m os dados utilizados no sistema. A linha de comando utilizada nesse caso &eacute;:
17 7 <pre>pg_dump -U postgres -h localhost -p 5432 -v -F c -f
18 8 /home/i3geosaude/backupi3Geosaude/banco$(date -d "today" +"%Y%m%d%H%M").dump
19 9 i3geosaude
20 10 </pre>
21   -
22   -</body>
23   -</html>
... ...
docs/cabecalho.html 0 → 100755
  Diff comments   View file @10cd9dc
... ... @@ -0,0 +1,34 @@
  1 + <table background="../Imagens/fundo_topo.png" border="0" cellpadding="0" cellspacing="0" width="100%">
  2 + <tr>
  3 + <td style="vertical-align:bottom" align="right" background="../Imagens/testa1.jpg" height="30" valign="bottom">
  4 + <a target="_blank" href="http://www.acessoainformacao.gov.br/">
  5 + <img src="../Imagens/testeira_r1_c7.gif" style="vertical-align:bottom; padding-bottom:2px" height="24" width="154">
  6 + </a>
  7 + <img src="../Imagens/testeira_r1_c9.gif" height="24" width="75">
  8 + <a target="_blank" href="http://www.brasil.gov.br">
  9 + <img src="../Imagens/testeira_r1_c11.gif" style="vertical-align:bottom; padding-bottom:2px" height="24" width="127">
  10 + </a>
  11 + </td>
  12 + </tr>
  13 + <tr>
  14 + <td background="../Imagens/fundo_topo.png">
  15 + <table background="../Imagens/fundo_topo.png" border="0" cellpadding="0" cellspacing="0" width="100%">
  16 + <tr>
  17 + <td background="../Imagens/fundo_topo.png" colspan="2" align="center" bgcolor="#E5E5E5" valign="bottom">
  18 + <img src="../Imagens/topo.png" usemap="#Map" border="0" height="145" >
  19 + </td>
  20 + </tr>
  21 + </table>
  22 + </td>
  23 + </tr>
  24 + </table>
  25 + <div id="principal">
  26 + <map name="Map">
  27 + <area shape="rect" coords="676,0,800,57" href="../index.php?conteudo=apresentacao.html" />
  28 + <area shape="rect" coords="800,0,903,57" href="index.php"/>
  29 + <area shape="rect" coords="904,0,1001,57" href="../index.php?conteudo=links.html" />
  30 + <area shape="rect" coords="1002,0,1093,57" href="../index.php?conteudo=acesse.html"/>
  31 + <area shape="rect" coords="1005,86,1089,115" href="http://portalsaude.saude.gov.br/"/>
  32 + </map>
  33 + </div>
  34 +
... ...
docs/configuracao.html
  Diff comments   View file @10cd9dc
1   -<!DOCTYPE html>
2   -<html>
3   -<head>
4   -<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
5   -<meta charset="UTF-8">
6   -<title>i3GeoSaude</title>
7   -
8   -<link media="screen" href="./files/estilos.css" type="text/css" rel="stylesheet">
9   -<link rel="stylesheet" type="text/css" href="./files/estilos.css">
10   -</head>
11   -<body class="blue-bg">
12   -<body>
13   - <h1>Requisitos mínimos</h1>
14   - <p>A definição de quais os requisitos mínimos para funcionamento de um software como o i3GeoSaúde é uma tarefa difícil pois muitos fatores podem afetar a performance de uma instalação como volume de dados, velocidade de conexão com a internet, número de usuários conectados, etc. As indicações feitas aqui são apenas uma referência tomando-se por base uma instalação local Sistema Operacional
15   - <p>O i3GeoSaúde pode ser instalado tanto no sistema operacional Windows, quanto no Linux. No Windows aconselha-se o uso das versões Vista, 7 ou 8. Se você utilizar um computador com memória acima de 2Gbytes de RAM, recomendamos instalar uma versão do Windows para 64bits.
16   - <p>Em relação ao Linux, o desenvolvimento do sistema foi feito e testado com Ubuntu, mas pode-se utilizar outras distribuições desde que existam mecanismos de instalação dos softwares básicos necessários (Apache, PHP, PHP-Mapscript, Mapserver, etc)
  1 + <h1>Requisitos m&iacute;nimos</h1>
  2 + <p>A defini&ccedil&atilde;o de quais os requisitos m&iacute;nimos para funcionamento de um software como o i3GeoSa&uacute;de &eacute; uma tarefa dif&iacute;cil pois muitos fatores podem afetar a performance de uma instala&ccedil&atilde;o como volume de dados, velocidade de conex&atilde;o com a internet, n&uacute;mero de usu&aacute;rios conectados, etc. As indica&ccedil&otilde;es feitas aqui s&atilde;o apenas uma referência tomando-se por base uma instala&ccedil&atilde;o local Sistema Operacional
  3 + <p>O i3GeoSa&uacute;de pode ser instalado tanto no sistema operacional Windows, quanto no Linux. No Windows aconselha-se o uso das vers&otilde;es Vista, 7 ou 8. Se você utilizar um computador com mem&oacute;ria acima de 2Gbytes de RAM, recomendamos instalar uma vers&atilde;o do Windows para 64bits.
  4 + <p>Em rela&ccedil&atilde;o ao Linux, o desenvolvimento do sistema foi feito e testado com Ubuntu, mas pode-se utilizar outras distribui&ccedil&otilde;es desde que existam mecanismos de instala&ccedil&atilde;o dos softwares b&aacute;sicos necess&aacute;rios (Apache, PHP, PHP-Mapscript, Mapserver, etc)
17 5 <p>Hardware (equipamentos)
18 6 <h2></h2>
19 7 <p>Computador equipado com:
20 8 <ul>
21 9 <li>Processador:&nbsp; 1GHz ou superior</li>
22   - <li>Memória principal (RAM):&nbsp; 4GB (32bit) ou 8GB (64bit)</li>
23   - <li>Espaço em Disco:&nbsp; 40 GB</li>
  10 + <li>Mem&oacute;ria principal (RAM):&nbsp; 4GB (32bit) ou 8GB (64bit)</li>
  11 + <li>Espa&ccedilo em Disco:&nbsp; 40 GB</li>
24 12 <li>Unidade USB 2.0</li>
25 13 </ul>
26   -</body>
27   -</html>
... ...
docs/criacao_banco_dados-variavel.html
  Diff comments   View file @10cd9dc
1   -<!DOCTYPE html>
2   -<html>
3   -<head>
4   -<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
5   -<meta charset="UTF-8">
6   -<title>i3GeoSaude</title>
7   -<link media="screen" href="./files/estilos.css" type="text/css" rel="stylesheet">
8   -<link rel="stylesheet" type="text/css" href="./files/estilos.css">
9   -</head>
10   -<body class="blue-bg">
11 1 <h1>Banco de dados&nbsp;</h1>
12   - <p>Um conceito importante que deve ser compreendido para entender o i3GeoSaúde é o de metadados. Os metadados são tabelas convencionais no banco mas que não armazenam os dados em si e sim a descrição dos dados e os parâmetros necessários para acessá-los. No i3GeoSaúde os metadados guardam informações como os parâmetros de conexão com o banco de dados, onde estão as tabelas com dados geográficos, como os dados geográficos se relacionam com os dados estatísticos, etc.
13   - <p>O principal papel do administrador do sistema é a organização dos dados e a construção dos metadados. Por exemplo, para se fazer um cartograma representando a distribuição da população por bairros é necessário:
  2 + <p>Um conceito importante que deve ser compreendido para entender o i3GeoSa&uacute;de &eacute; o de metadados. Os metadados s&atilde;o tabelas convencionais no banco mas que n&atilde;o armazenam os dados em si e sim a descri&ccedil&atilde;o dos dados e os parâmetros necess&aacute;rios para acess&aacute;-los. No i3GeoSa&uacute;de os metadados guardam informa&ccedil&otilde;es como os parâmetros de conex&atilde;o com o banco de dados, onde est&atilde;o as tabelas com dados geogr&aacute;ficos, como os dados geogr&aacute;ficos se relacionam com os dados estat&iacute;sticos, etc.
  3 + <p>O principal papel do administrador do sistema &eacute; a organiza&ccedil&atilde;o dos dados e a constru&ccedil&atilde;o dos metadados. Por exemplo, para se fazer um cartograma representando a distribui&ccedil&atilde;o da popula&ccedil&atilde;o por bairros &eacute; necess&aacute;rio:
14 4 <ul>
15   - <li>Ter uma tabela no banco de dados com os limites geográficos dos bairros (coluna geometria) com seus identificadores únicos</li>
  5 + <li>Ter uma tabela no banco de dados com os limites geogr&aacute;ficos dos bairros (coluna geometria) com seus identificadores &uacute;nicos</li>
16 6 </ul>
17 7 <ul>
18   - <li>Ter no banco de dados uma tabela contendo os dados estatísticos por bairro</li>
  8 + <li>Ter no banco de dados uma tabela contendo os dados estat&iacute;sticos por bairro</li>
19 9 </ul>
20 10 <ul>
21 11 <li>Cadastrar no banco de metadados os dados que descrevem essas duas tabelas</li>
22 12 </ul>
23 13  
24   - <p>Os dados estatísticos utilizados pelo i3GeoSa&uacute;de são armazenados em tabelas em um banco de dados Postgres. Para facilitar o gerenciamento desse banco de dados o i3GeoSa&uacute;de disp&otilde;e de um sistema simples que permite realizar algumas opera&ccedil;&otilde;es sobre esse banco de dados. Por quest&otilde;es de seguran&ccedil;a, esse gerenciador s&oacute; permite realizar opera&ccedil;&otilde;es de altera&ccedil;&atilde;o na estrutura das tabelas armazenadas no esquema
  14 + <p>Os dados estat&iacute;sticos utilizados pelo i3GeoSa&uacute;de s&atilde;o armazenados em tabelas em um banco de dados Postgres. Para facilitar o gerenciamento desse banco de dados o i3GeoSa&uacute;de disp&otilde;e de um sistema simples que permite realizar algumas opera&ccedil;&otilde;es sobre esse banco de dados. Por quest&otilde;es de seguran&ccedil;a, esse gerenciador s&oacute; permite realizar opera&ccedil;&otilde;es de altera&ccedil;&atilde;o na estrutura das tabelas armazenadas no esquema
25 15 chamado i3geo_metaestat. Para os demais esquemas o gerenciador permite apenas a visualiza&ccedil;&atilde;o das tabelas.
26 16 <p>O banco de dados que &eacute; distribu&iacute;do com o i3GeoSa&uacute;de (usb ou m&aacute;quina virtual) j&aacute; cont&eacute;m esse esquema dentro de um banco de dados chamado &ldquo;i3geosaude&rdquo;. Nessa situa&ccedil;&atilde;o de uso n&atilde;o &eacute; necess&aacute;rio nenhuma configura&ccedil;&atilde;o adicional, pois os par&acirc;metros de conex&atilde;o com esse banco j&aacute; est&atilde;o registrados no i3GeoSa&uacute;de, se voc&ecirc; quiser usar um outro banco de dados
27   - ser&aacute; necess&aacute;rio criar o esquema i3geo_metaestat e registrar os par&acirc;metros de conex&atilde;o (veja a op&ccedil;&atilde;o &ldquo;Conex&otilde;es&rdquo; existente no sistema de administra&ccedil;&atilde;o). Nesse esquema deverão existir pelo menos as tabelas dados_medidas e dim_tempo conforme existem no banco de dados original.
  17 + ser&aacute; necess&aacute;rio criar o esquema i3geo_metaestat e registrar os par&acirc;metros de conex&atilde;o (veja a op&ccedil;&atilde;o &ldquo;Conex&otilde;es&rdquo; existente no sistema de administra&ccedil;&atilde;o). Nesse esquema dever&atilde;o existir pelo menos as tabelas dados_medidas e dim_tempo conforme existem no banco de dados original.
28 18 <p>
29   - <p>É importante destacar que por padrão as tabelas utilizadas pelo sistema de administração do i3GeoSaúde não ficam armazenadas no Postgres e sim em um banco de dados SQLITE localizado em i3geo/i3geosaude/admin.db. É nesse banco de dados que ficam guardados os metadados que descrevem a localização dos dados estatísticos. Caso sejam necessárias alterações nos metadados diretamente, é nesse banco de dados que as operações devem ser executadas. Um caso bastante comum é a necessidade de
30   - alteração dos parâmetros de conexão com o banco de dados Postgres. Esses parâmetros podem ser modificados utilizando-se os formulários existentes no sistema de administração, porém, por medida de segurança, a senha não é mostrada nesse formulário e só pode ser modificada editando-se diretamente o banco de dados de administração (i3geosaude/admin.db).
  19 + <p>É importante destacar que por padr&atilde;o as tabelas utilizadas pelo sistema de administra&ccedil&atilde;o do i3GeoSa&uacute;de n&atilde;o ficam armazenadas no Postgres e sim em um banco de dados SQLITE localizado em i3geo/i3geosaude/admin.db. É nesse banco de dados que ficam guardados os metadados que descrevem a localiza&ccedil&atilde;o dos dados estat&iacute;sticos. Caso sejam necess&aacute;rias altera&ccedil&otilde;es nos metadados diretamente, &eacute; nesse banco de dados que as opera&ccedil&otilde;es devem ser executadas. Um caso bastante comum &eacute; a necessidade de
  20 + altera&ccedil&atilde;o dos parâmetros de conex&atilde;o com o banco de dados Postgres. Esses parâmetros podem ser modificados utilizando-se os formul&aacute;rios existentes no sistema de administra&ccedil&atilde;o, por&eacute;m, por medida de seguran&ccedila, a senha n&atilde;o &eacute; mostrada nesse formul&aacute;rio e s&oacute; pode ser modificada editando-se diretamente o banco de dados de administra&ccedil&atilde;o (i3geosaude/admin.db).
31 21 <p>Se voc&ecirc; j&aacute; possu&iacute; tabelas com dados estat&iacute;sticos e quer us&aacute;-las nos cartogramas voc&ecirc; poder&aacute; faz&ecirc;-lo desde que essas tabelas estejam armazenadas no mesmo &ldquo;database&rdquo; onde estiverem armazenadas as tabelas com os dados geogr&aacute;ficos. Ou seja, as tabelas com os dados devem estar no mesmo &ldquo;database&rdquo; onde est&atilde;o as tabelas com as geometrias. Novamente, voc&ecirc; n&atilde;o precisar&aacute; se preocupar com
32 22 isso se estiver utilizando o banco de dados padr&atilde;o.
33 23 <p>Essas tabelas j&aacute; existentes n&atilde;o poder&atilde;o ser editadas pelo i3GeoSa&uacute;de, ou seja, algumas das funcionalidades que permitem adi&ccedil;&atilde;o de novos dados ou altera&ccedil;&atilde;o, n&atilde;o funcionar&atilde;o para essas tabelas. Por exemplo, o i3GeoSa&uacute;de permite que o usu&aacute;rio administrador clique em um bairro e altere os valores armazenados. Apenas as tabelas que s&atilde;o padr&atilde;o do i3GeoSa&uacute;de permitem esse tipo de
... ... @@ -35,5 +25,3 @@
35 25 <p>Uma outra fun&ccedil;&atilde;o importante do sistema de gerenciamento &eacute; o envio para o banco de dados de um arquivo contendo os limites das unidades espaciais as quais os dados estat&iacute;sticos estar&atilde;o relacionados. Para esse envio voc&ecirc; dever&aacute; possuir um arquivo no formato &ldquo;shapefile&rdquo;, que &eacute; bastante comum dentre os softwares de geoprocessamento (voc&ecirc; pode usar softwares como o gvSIG ou QGIS para gerar esse formato). O banco de dados
36 26 oferece algumas tabelas que cont&eacute;m os limites municipais do Brasil, limites estaduais e alguns limites de bairros. Esses dados s&atilde;o edit&aacute;veis e o i3GeoSa&uacute;de fornece um editor de limites geogr&aacute;ficos. Se voc&ecirc; n&atilde;o possu&iacute; o arquivo &ldquo;shapefile&rdquo; &eacute; poss&iacute;vel usar esse editor para tra&ccedil;ar de forma interativa os seus bairros ou outro tipo de limite geogr&aacute;fico.
37 27 <p>
38   -</body>
39   -</html>
... ...
docs/editandolink.html
  Diff comments   View file @10cd9dc
1   -<!DOCTYPE html>
2   -<html>
3   -<head>
4   -<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
5   -<meta charset="UTF-8">
6   -<title>Publicando Cartograma</title>
7   -<link media="screen" href="./files/estilos.css" type="text/css" rel="stylesheet">
8   -<link rel="stylesheet" type="text/css" href="./files/estilos.css">
9   -</head>
10   -<body class="blue-bg">
11   - <div class="imginicio">
12   - <img onclick="window.history.back()" style="border: 0px solid; width: 40px; height: 40px;" alt="inicio" src="files/inicio.gif">
13   - </div>
14   - <h1>Publicação de mapas em aplicação externa ao i3GeoSaúde</h1>
  1 + <h1>Publica&ccedil&atilde;o de mapas em aplica&ccedil&atilde;o externa ao i3GeoSa&uacute;de</h1>
15 2 <p>
16   - A publicação externa ao i3GeoSaúde é implementada por meio da tecnologia <span style="font-style: italic;">Mashup</span>. Essa tecnologia representa&nbsp;pequenos programas que podem ser facilmente inseridos em páginas HTML e que mostram determinados conteúdos como temas de mapas. No caso do i3GeoSaude, os
17   - <span style="font-style: italic;">mashups</span> apresentam mapas tendo como base os temas cadastrados na<a target="_blank" href="publicacao2.html"> lista de mapas cadastrados disponíveis internamente</a>.
  3 + A publica&ccedil&atilde;o externa ao i3GeoSa&uacute;de &eacute; implementada por meio da tecnologia <span style="font-style: italic;">Mashup</span>. Essa tecnologia representa&nbsp;pequenos programas que podem ser facilmente inseridos em p&aacute;ginas HTML e que mostram determinados conte&uacute;dos como temas de mapas. No caso do i3GeoSaude, os
  4 + <span style="font-style: italic;">mashups</span> apresentam mapas tendo como base os temas cadastrados na<a href="index.php?conteudo=publicacao2.html"> lista de mapas cadastrados dispon&iacute;veis internamente</a>.
18 5 <p>
19   - Para gerar o Mashup do mapa clique em "Preview", presente na lista de mapas cadastrados (opção "Arquivo", do menu suspenso), a opção de preview escolhida foi o exemplo do "Mapa Publicacao".
  6 + Para gerar o Mashup do mapa clique em "Preview", presente na lista de mapas cadastrados (op&ccedil&atilde;o "Arquivo", do menu suspenso), a op&ccedil&atilde;o de preview escolhida foi o exemplo do "Mapa Publicacao".
20 7 <div class="imagemExemplo">
21 8 <img src="imagens/editlink/edtlink22.jpg">
22   - <p>Lista de mapas cadastrados e seleção da opção "preview"
  9 + <p>Lista de mapas cadastrados e sele&ccedil&atilde;o da op&ccedil&atilde;o "preview"
23 10 </div>
24   - <p>Em seguida, o i3GeoSaúde abrirá uma janela no navegador com o mapa em escala reduzida. Essa forma de "zoom" (escala reduzida) é o padrão adotado na ferramenta i3GeoSaúde, bem como a configuração da URL (visto na barra de endereço do navegador).
  11 + <p>Em seguida, o i3GeoSa&uacute;de abrir&aacute; uma janela no navegador com o mapa em escala reduzida. Essa forma de "zoom" (escala reduzida) &eacute; o padr&atilde;o adotado na ferramenta i3GeoSa&uacute;de, bem como a configura&ccedil&atilde;o da URL (visto na barra de endere&ccedilo do navegador).
25 12 <div class="imagemExemplo">
26 13 <img src="imagens/publicacaoII/pub22.jpg">
27 14 <p>Mashup com escala reduzida apresentando o "link" com os parâmetros iniciais.
28 15 </div>
29 16 <p>A seguir, veremos como parametrizar a URL do mashup do mapa publicado.
30 17 <h2>Editando &nbsp;link do mapa</h2>
31   - <p>É possível modificar a URL que abre o mapa, permitindo diferentes visualizações do mapa. Para editar o link (URL) do mapa, deve-se abrir o painel ''Edição de link", no modo Administrador, por meio de duas maneiras:
  18 + <p>É poss&iacute;vel modificar a URL que abre o mapa, permitindo diferentes visualiza&ccedil&otilde;es do mapa. Para editar o link (URL) do mapa, deve-se abrir o painel ''Edi&ccedil&atilde;o de link", no modo Administrador, por meio de duas maneiras:
32 19 <ul>
33   - <li>Acesso do painel&nbsp;''Edição de link", por meio da página inicial.</li>
34   - <li>Acesso&nbsp;do painel&nbsp;''Edição de link", pela interface do i3GeoSaúde.</li>
  20 + <li>Acesso do painel&nbsp;''Edi&ccedil&atilde;o de link", por meio da p&aacute;gina inicial.</li>
  21 + <li>Acesso&nbsp;do painel&nbsp;''Edi&ccedil&atilde;o de link", pela interface do i3GeoSa&uacute;de.</li>
35 22 </ul>
36 23 O acesso&nbsp;do painel
37   - <span style="font-weight: bold;">&nbsp;''Edição de link"</span>, por meio da
38   - <span style="font-weight: bold;"> página inicial</span>, é realizado pelo&nbsp;menu suspenso, opção "Admin/Login". Em seguida,&nbsp; clique no item ''Página principal''.
  24 + <span style="font-weight: bold;">&nbsp;''Edi&ccedil&atilde;o de link"</span>, por meio da
  25 + <span style="font-weight: bold;"> p&aacute;gina inicial</span>, &eacute; realizado pelo&nbsp;menu suspenso, op&ccedil&atilde;o "Admin/Login". Em seguida,&nbsp; clique no item ''P&aacute;gina principal''.
39 26 <ul>
40 27 </ul>
41 28 <div class="imagemExemplo">
42 29 <img src="imagens/editlink/edtlink03.jpg">
43   - <p>Página principal.
  30 + <p>P&aacute;gina principal.
44 31 </div>
45   - <p>Depois de selecionar o item &nbsp;"Página Principal", surgirá uma nova página. Nessa página clique na opção "Links para mapas" para ampliá-la,&nbsp; em seguida, selecione a opção ''Edição dos links''.&nbsp;&nbsp;
  32 + <p>Depois de selecionar o item &nbsp;"P&aacute;gina Principal", surgir&aacute; uma nova p&aacute;gina. Nessa p&aacute;gina clique na op&ccedil&atilde;o "Links para mapas" para ampli&aacute;-la,&nbsp; em seguida, selecione a op&ccedil&atilde;o ''Edi&ccedil&atilde;o dos links''.&nbsp;&nbsp;
46 33 <div class="imagemExemplo">
47 34 <img src="imagens/editlink/edtlink04.jpg">
48   - <p>Seleção do item "Edição dos links".
  35 + <p>Sele&ccedil&atilde;o do item "Edi&ccedil&atilde;o dos links".
49 36 </div>
50 37 <p>
51   - O outro acesso ao painel&nbsp;<span style="font-weight: bold;">''Edição de link", </span>é realizado pelo menu suspenso ''Arquivo", selecionando a opção ''Salvar mapa''.
  38 + O outro acesso ao painel&nbsp;<span style="font-weight: bold;">''Edi&ccedil&atilde;o de link", </span>&eacute; realizado pelo menu suspenso ''Arquivo", selecionando a op&ccedil&atilde;o ''Salvar mapa''.
52 39 <ul>
53 40 </ul>
54 41 <div class="imagemExemplo">
55 42 <img src="imagens/publicacaoII/pub02.jpg">
56   - <p>Seleção do item "Salvar mapa" do menu "Arquivo".
  43 + <p>Sele&ccedil&atilde;o do item "Salvar mapa" do menu "Arquivo".
57 44 </div>
58   - <p>Em seguida, surgirá uma janela flutuante "Salvar mapa".&nbsp;Siga a barra de rolagem (seta para baixo), na barra lateral. Em&nbsp; seguida, clique em ''Clique aqui para editar a lista de mapas".
  45 + <p>Em seguida, surgir&aacute; uma janela flutuante "Salvar mapa".&nbsp;Siga a barra de rolagem (seta para baixo), na barra lateral. Em&nbsp; seguida, clique em ''Clique aqui para editar a lista de mapas".
59 46 <div class="imagemExemplo">
60 47 <img src="imagens/editlink/edtlink02.jpg">
61   - <p>janela flutante "Salvar mapa" com a opção ''Clique aqui para editar a lista de mapas".
  48 + <p>janela flutante "Salvar mapa" com a op&ccedil&atilde;o ''Clique aqui para editar a lista de mapas".
62 49 </div>
63 50 <p>
64   - Na página de edição,&nbsp;haverá uma lista de mapas previamente cadastrados no i3GeoSaúde, assim como mapas salvos&nbsp;pelo <a target="_blank" href="publicacao2.html">método de publicação do tema no i3GeoSaúde</a>. Para editar o link de seu mapa, e adicionar os parâmetros necessários clique no ícone
  51 + Na p&aacute;gina de edi&ccedil&atilde;o,&nbsp;haver&aacute; uma lista de mapas previamente cadastrados no i3GeoSa&uacute;de, assim como mapas salvos&nbsp;pelo <a href="index.php?conteudo=publicacao2.html">m&eacute;todo de publica&ccedil&atilde;o do tema no i3GeoSa&uacute;de</a>. Para editar o link de seu mapa, e adicionar os parâmetros necess&aacute;rios clique no &iacute;cone
65 52 <p>
66   - <img style="width: 20px; height: 19px;" alt="icone de edição" title="icone de edição" src="imagens/editlink/edtlink06.jpg">&nbsp;encontrado ao lado&nbsp;de "Mapa publicacao".
  53 + <img style="width: 20px; height: 19px;" alt="icone de edi&ccedil&atilde;o" title="icone de edi&ccedil&atilde;o" src="imagens/editlink/edtlink06.jpg">&nbsp;encontrado ao lado&nbsp;de "Mapa publicacao".
67 54 <div class="imagemExemplo">
68 55 <img src="imagens/editlink/edtlink05.jpg">
69   - <p>Selecionando a opção de edição do link do tema "Mapa publicacao".
  56 + <p>Selecionando a op&ccedil&atilde;o de edi&ccedil&atilde;o do link do tema "Mapa publicacao".
70 57 </div>
71 58 <ul>
72   - <li><a name="visualizacaolLink"></a><span style="font-weight: bold;">Parâmetros de extensão inicial</span></li>
  59 + <li><a name="visualizacaolLink"></a><span style="font-weight: bold;">Parâmetros de extens&atilde;o inicial</span></li>
73 60 </ul>
74   - <p>A&nbsp;janela que se abre, permite que você edite as informações que serão publicadas do seu mapa.&nbsp; Desça a barra de rolagem lateral, localizada à direita da janela, até encontrar a opção "Outros Parâmetros". Na caixa de texto você digita os parâmetros que serão adicionados ao link de seu mapa.
  61 + <p>A&nbsp;janela que se abre, permite que você edite as informa&ccedil&otilde;es que ser&atilde;o publicadas do seu mapa.&nbsp; Des&ccedila a barra de rolagem lateral, localizada à direita da janela, at&eacute; encontrar a op&ccedil&atilde;o "Outros Parâmetros". Na caixa de texto você digita os parâmetros que ser&atilde;o adicionados ao link de seu mapa.
75 62 <p>
76   - Um dos parâmetros que podem ser utilizados é o ''mapext''', &nbsp;extensão geográfica inicial do mapa (xmin,ymin,xmax,ymax), usado para alterar as dimensões iniciais do tema. Para usar esse parâmetro, basta adicionar&nbsp;o ''mapext'',&nbsp; o separador ''&amp;'' e suas coordenadas ao final do link inicial ( <span style="font-weight: bold;">*</span>) de seu mapa na caixa de texto.&nbsp; (*) <span style="font-style: italic;"></span><span style="font-style: italic; text-decoration: underline;">
77   - </span>link inicial<span style="font-style: italic;">: "&amp;restauramapa=8&amp;interface=http://localhost/i3geo/interface/openlayers.htm"</span><br style="font-style: italic;"> <br style="font-style: italic;"> <span style="font-style: italic;"><span style="font-weight: bold;">link com modificação da extensão inicial: </span>''&amp;restauramapa=8&amp;interface=http://localhost/i3geo/interface/openlayers.htm&amp;<span style="font-weight: bold;"><p>mapext</span>=-48.67183 -1.521909
  63 + Um dos parâmetros que podem ser utilizados &eacute; o ''mapext''', &nbsp;extens&atilde;o geogr&aacute;fica inicial do mapa (xmin,ymin,xmax,ymax), usado para alterar as dimens&otilde;es iniciais do tema. Para usar esse parâmetro, basta adicionar&nbsp;o ''mapext'',&nbsp; o separador ''&amp;'' e suas coordenadas ao final do link inicial ( <span style="font-weight: bold;">*</span>) de seu mapa na caixa de texto.&nbsp; (*) <span style="font-style: italic;"></span><span style="font-style: italic; text-decoration: underline;">
  64 + </span>link inicial<span style="font-style: italic;">: "&amp;restauramapa=8&amp;interface=http://localhost/i3geo/interface/openlayers.htm"</span><br style="font-style: italic;"> <br style="font-style: italic;"> <span style="font-style: italic;"><span style="font-weight: bold;">link com modifica&ccedil&atilde;o da extens&atilde;o inicial: </span>''&amp;restauramapa=8&amp;interface=http://localhost/i3geo/interface/openlayers.htm&amp;<span style="font-weight: bold;"><p>mapext</span>=-48.67183 -1.521909
78 65 -48.228257 -1.225278"</span><br style="font-weight: bold;">
79 66 <div class="imagemExemplo">
80 67 <img src="imagens/editlink/edtlink08.jpg">
81   - <p>Modificação de link com parâmetro de extensão inicial.
  68 + <p>Modifica&ccedil&atilde;o de link com parâmetro de extens&atilde;o inicial.
82 69 </div>
83   - <p>Com a modificação do link, com parâmetro de extensão inicial, perceba que ao carregar o mapa novamente ele iniciará na região do tema e não mais em escala reduzida.
  70 + <p>Com a modifica&ccedil&atilde;o do link, com parâmetro de extens&atilde;o inicial, perceba que ao carregar o mapa novamente ele iniciar&aacute; na regi&atilde;o do tema e n&atilde;o mais em escala reduzida.
84 71 <div class="imagemExemplo">
85 72 <img src="imagens/editlink/edtlink23.jpg">
86 73 <p>
87   - Mapa gerado sem definir extensão inicial (<span style="font-weight: bold;">1</span>); Mapa com modificação de parâmetros<span style="font-weight: bold;"> </span>(<span style="font-weight: bold;">2</span>).
  74 + Mapa gerado sem definir extens&atilde;o inicial (<span style="font-weight: bold;">1</span>); Mapa com modifica&ccedil&atilde;o de parâmetros<span style="font-weight: bold;"> </span>(<span style="font-weight: bold;">2</span>).
88 75 </div>
89 76 <p>
90   - Essas dimensões de extensão inicial podem ser modificadas, de acordo com as preferências do usuário, da seguinte forma: Com seu mapa aberto na região de seu tema , selecione o zoom ( <span style="font-weight: bold;">1</span>) e amplie a barra de botões (<span style="font-weight: bold;">2</span>), conforme indicado com o ponteiro de "mão"<span style="font-weight: bold;"></span>.
  77 + Essas dimens&otilde;es de extens&atilde;o inicial podem ser modificadas, de acordo com as preferências do usu&aacute;rio, da seguinte forma: Com seu mapa aberto na regi&atilde;o de seu tema , selecione o zoom ( <span style="font-weight: bold;">1</span>) e amplie a barra de bot&otilde;es (<span style="font-weight: bold;">2</span>), conforme indicado com o ponteiro de "m&atilde;o"<span style="font-weight: bold;"></span>.
91 78 <div class="imagemExemplo">
92 79 <img src="imagens/editlink/edtlink10.jpg">
93 80 <p>
94   - Apresentação do tema com escala definida pelo usuário<span style="font-weight: bold;"> </span>(<span style="font-weight: bold;">1</span>) e ampliação da barra de botões (<span style="font-weight: bold;">2</span>).
  81 + Apresenta&ccedil&atilde;o do tema com escala definida pelo usu&aacute;rio<span style="font-weight: bold;"> </span>(<span style="font-weight: bold;">1</span>) e amplia&ccedil&atilde;o da barra de bot&otilde;es (<span style="font-weight: bold;">2</span>).
95 82 </div>
96 83 <p>
97   - Após ampliar a barra de botões, clique em <span style="font-weight: bold;">Extensão atual</span>.
  84 + Ap&oacute;s ampliar a barra de bot&otilde;es, clique em <span style="font-weight: bold;">Extens&atilde;o atual</span>.
98 85 <div class="imagemExemplo">
99 86 <img src="imagens/editlink/edtlink11.jpg">
100   - <p>Seleção do ícone Extensão atual.
  87 + <p>Sele&ccedil&atilde;o do &iacute;cone Extens&atilde;o atual.
101 88 </div>
102 89 <p>
103   - Em seguida, surgirá uma janela flutuante "Extensão atual" com as coordenadas geográficas em um campo de texto. Copie estas informações e cole no campo referente ao "link", após o uso do parâmetro "mapext"<span style="font-style: italic;"> </span>&nbsp;acrescido do "="<span style="font-weight: bold;"></span> <a href="#visualizacaolLink">conforme visto anteriormente</a>. Desse modo, quando o&nbsp;<span style="font-style: italic;">mashup </span>do seu tema for gerado<span
104   - style="font-style: italic;"></span>, ele iniciará na dimensão definida pelo&nbsp;parâmetro "mapext" e não mais com a escala inicial.&nbsp;
  90 + Em seguida, surgir&aacute; uma janela flutuante "Extens&atilde;o atual" com as coordenadas geogr&aacute;ficas em um campo de texto. Copie estas informa&ccedil&otilde;es e cole no campo referente ao "link", ap&oacute;s o uso do parâmetro "mapext"<span style="font-style: italic;"> </span>&nbsp;acrescido do "="<span style="font-weight: bold;"></span> <a href="index.php?conteudo=visualizacaolLink">conforme visto anteriormente</a>. Desse modo, quando o&nbsp;<span style="font-style: italic;">mashup </span>do seu tema for gerado<span
  91 + style="font-style: italic;"></span>, ele iniciar&aacute; na dimens&atilde;o definida pelo&nbsp;parâmetro "mapext" e n&atilde;o mais com a escala inicial.&nbsp;
105 92 <div class="imagemExemplo">
106 93 <img src="imagens/editlink/edtlink12.jpg">
107   - <p>Cópia das coordenadas da extensão inicial.
  94 + <p>C&oacute;pia das coordenadas da extens&atilde;o inicial.
108 95 </div>
109 96 <ul>
110   - <li><span style="font-weight: bold;">Parâmetro de botões</span></li>
  97 + <li><span style="font-weight: bold;">Parâmetro de bot&otilde;es</span></li>
111 98 </ul>
112 99 <p>
113   - O parâmetro de botões permite ao usuário escolher os botões que deseja apresentar no <span style="font-style: italic;">Mashup</span>, se não for definidos os botões que seram exibidos ( <span style="font-weight: bold;">*</span>), por padrão serão mostrados todos os botões. (<span style="font-weight: bold;">*</span>) link original sem definir parâmetro "botoes'': <span style="font-style: italic;">"&amp;restauramapa=8&amp;interface=http://localhost/i3geo/interface/openlayers.htm"</span>
  100 + O parâmetro de bot&otilde;es permite ao usu&aacute;rio escolher os bot&otilde;es que deseja apresentar no <span style="font-style: italic;">Mashup</span>, se n&atilde;o for definidos os bot&otilde;es que seram exibidos ( <span style="font-weight: bold;">*</span>), por padr&atilde;o ser&atilde;o mostrados todos os bot&otilde;es. (<span style="font-weight: bold;">*</span>) link original sem definir parâmetro "botoes'': <span style="font-style: italic;">"&amp;restauramapa=8&amp;interface=http://localhost/i3geo/interface/openlayers.htm"</span>
114 101 <div class="imagemExemplo">
115 102 <img src="imagens/editlink/edtlink19.jpg">
116   - <p>Apresentação padrão de botões no mashup.
  103 + <p>Apresenta&ccedil&atilde;o padr&atilde;o de bot&otilde;es no mashup.
117 104 </div>
118 105 <p>
119   - Os botões podem ser ocultados ou exibidos conforme o exemplo definido no link a seguir (<span style="font-weight: bold;">*</span>), exemplificado&nbsp;na&nbsp;<span style="font-weight: bold;">Figura 14</span>. ( <span style="font-weight: bold;">*</span>) Link com definições de alguns botões: <span style="font-style: italic;">"&amp;restauramapa=8&amp;interface=http://localhost/i3geo/interface/openlayers.htm</span><span style="font-weight: bold; font-style: italic;">&amp;
  106 + Os bot&otilde;es podem ser ocultados ou exibidos conforme o exemplo definido no link a seguir (<span style="font-weight: bold;">*</span>), exemplificado&nbsp;na&nbsp;<span style="font-weight: bold;">Figura 14</span>. ( <span style="font-weight: bold;">*</span>) Link com defini&ccedil&otilde;es de alguns bot&otilde;es: <span style="font-style: italic;">"&amp;restauramapa=8&amp;interface=http://localhost/i3geo/interface/openlayers.htm</span><span style="font-weight: bold; font-style: italic;">&amp;
120 107 botoes=pan,edita,salva</span>
121 108 <div class="imagemExemplo">
122 109 <img src="imagens/editlink/edtlink20.jpg">
123 110 <p>
124   - Exemplo de <span style="font-style: italic;">Mashup</span> com botões "pan", "edita" e "salva" selecionados.
  111 + Exemplo de <span style="font-style: italic;">Mashup</span> com bot&otilde;es "pan", "edita" e "salva" selecionados.
125 112 </div>
126 113 <p>
127   - Além dos parâmetros de extensão incial&nbsp;''mapext'' e "botoes" apresentados nos exemplos, existem outros que podem ser visualizados no <a target="_blank" href="http://mapas.mma.gov.br/i3geo/mashups/openlayers.php">tutorial sobre mashup do OpenLayers</a>. Após adicionar os parâmetros, salve sua edição clicando em "salva" (presente no topo da janela do editor).
  114 + Al&eacute;m dos parâmetros de extens&atilde;o incial&nbsp;''mapext'' e "botoes" apresentados nos exemplos, existem outros que podem ser visualizados no <a target="_blank" href="http://mapas.mma.gov.br/i3geo/mashups/openlayers.php">tutorial sobre mashup do OpenLayers</a>. Ap&oacute;s adicionar os parâmetros, salve sua edi&ccedil&atilde;o clicando em "salva" (presente no topo da janela do editor).
128 115 <div class="imagemExemplo">
129 116 <img src="imagens/editlink/edtlink13.jpg">
130   - <p>Salvando edição.
  117 + <p>Salvando edi&ccedil&atilde;o.
131 118 </div>
132   - <h2>Publicação de mapas em aplicação externa ao i3GeoSaude</h2>
133   - <p>Após configurar o link de seu mashup, você pode adicioná-lo em páginas web de aplicativos externos ao i3GeoSaúde. Para isso, basta selecionar o link criado anteriormente, e adiciona-lo em uma marca HTML do tipo&nbsp; "iframe", conforme visto a seguir: &nbsp;"
  119 + <h2>Publica&ccedil&atilde;o de mapas em aplica&ccedil&atilde;o externa ao i3GeoSaude</h2>
  120 + <p>Ap&oacute;s configurar o link de seu mashup, você pode adicion&aacute;-lo em p&aacute;ginas web de aplicativos externos ao i3GeoSa&uacute;de. Para isso, basta selecionar o link criado anteriormente, e adiciona-lo em uma marca HTML do tipo&nbsp; "iframe", conforme visto a seguir: &nbsp;"
134 121 <pre>
135 122 &lt;iframe src="http://localhost/i3geo/mashups/openlayers.php?&restauramapa=
136 123 8&interface=http://localhost/i3geo/int&gt;&lt;/iframe&gt;
137 124 </pre>
138   - <p>Observação: o link faz referência ao servidor local (localhost). Dessa forma, para disponibilizar o conteúdo na Web é necessário um endereço internet do servidor Web onde está hospedado o mapa. Na figura seguinte é apresentado o mashup do mapa exemplo dentro de um quadro "iframe" definido em uma página de "blog". Dessa forma, pode-se publicar o cartograma em uma página Web e disponibiliza-la ao público.
  125 + <p>Observa&ccedil&atilde;o: o link faz referência ao servidor local (localhost). Dessa forma, para disponibilizar o conte&uacute;do na Web &eacute; necess&aacute;rio um endere&ccedilo internet do servidor Web onde est&aacute; hospedado o mapa. Na figura seguinte &eacute; apresentado o mashup do mapa exemplo dentro de um quadro "iframe" definido em uma p&aacute;gina de "blog". Dessa forma, pode-se publicar o cartograma em uma p&aacute;gina Web e disponibiliza-la ao p&uacute;blico.
139 126 <div class="imagemExemplo">
140 127 <img src="imagens/editlink/edtlink18.jpg">
141   - <p>Visualização do mapa do i3GeoSaúde em uma página web de uma aplicação Blog.
  128 + <p>Visualiza&ccedil&atilde;o do mapa do i3GeoSa&uacute;de em uma p&aacute;gina web de uma aplica&ccedil&atilde;o Blog.
142 129 </div>
143   -</body>
144   -</html>
... ...
docs/exemploInfluenza.html
  Diff comments   View file @10cd9dc
1   -<!DOCTYPE html>
2   -<html lang="pt-br">
3   -<head>
4   -<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
5   -<meta charset="UTF-8">
6   -<title>i3GeoSaude</title>
7   -<link media="screen" href="./files/estilos.css" type="text/css" rel="stylesheet">
8   -<link rel="stylesheet" type="text/css" href="./files/estilos.css">
9   -</head>
10   -<body class="blue-bg">
11   - <div class="imginicio">
12   - <a href="exemplos_saude.html"><img title="Início" style="border: 0px solid; width: 40px; height: 40px;" alt="inicio" src="files/voltar.gif"></a><a href="index.html#inicio_adm"><img title="Início" style="border: 0px solid; width: 40px; height: 40px;" alt="inicio" src="files/inicio.gif"></a>
13   - </div>
14   - <h1>Exemplo de variável com parâmetro (casos de incidência de influenza&nbsp;no município de Belém)</h1>
15   - <p>Este exemplo demonstra a criação e uso de uma variável com parâmetro, isto é, variável com a medida parametrizada. O parâmetro permite filtrar valores do conjunto de dados da variável na dimensão temporal, podendo ser por ano, mês, dia e hora.
16   - <h2>Criando a variável</h2>
  1 + <h1>Exemplo de vari&aacute;vel com parâmetro (casos de incidência de influenza&nbsp;no munic&iacute;pio de Bel&eacute;m)</h1>
  2 + <p>Este exemplo demonstra a cria&ccedil&atilde;o e uso de uma vari&aacute;vel com parâmetro, isto &eacute;, vari&aacute;vel com a medida parametrizada. O parâmetro permite filtrar valores do conjunto de dados da vari&aacute;vel na dimens&atilde;o temporal, podendo ser por ano, mês, dia e hora.
  3 + <h2>Criando a vari&aacute;vel</h2>
17 4 <p>
18   - Nesta etap a iremos usar o assistente "Ajudante do editor" que irá nos auxiliar na criação da variável. A ativação e uso desse assistente foi visto no tutorial "<a target="_blank" href="Editarvariavel.html">Editando Variável</a>". Como trata-se de uma nova variável, clique no botão "
  5 + Nesta etap a iremos usar o assistente "Ajudante do editor" que ir&aacute; nos auxiliar na cria&ccedil&atilde;o da vari&aacute;vel. A ativa&ccedil&atilde;o e uso desse assistente foi visto no tutorial "<a href="index.php?conteudo=Editarvariavel.html">Editando Vari&aacute;vel</a>". Como trata-se de uma nova vari&aacute;vel, clique no bot&atilde;o "
19 6 <p>
20   - <span style="font-weight: bold;">ou crie uma nova</span>" Abre-se uma&nbsp;janela onde iremos definir um nome para nossa variável.&nbsp;Neste exemplo, iremos utilizar uma simulação de casos de gripe por região de bairros para o município de Belém. Para este exemplo, o nome escolhido para variável foi "Influenza", e no campo "Descricao" ficou sem informação, pois é opcional. Terminado, clique no botão "Salva".
  7 + <span style="font-weight: bold;">ou crie uma nova</span>" Abre-se uma&nbsp;janela onde iremos definir um nome para nossa vari&aacute;vel.&nbsp;Neste exemplo, iremos utilizar uma simula&ccedil&atilde;o de casos de gripe por regi&atilde;o de bairros para o munic&iacute;pio de Bel&eacute;m. Para este exemplo, o nome escolhido para vari&aacute;vel foi "Influenza", e no campo "Descricao" ficou sem informa&ccedil&atilde;o, pois &eacute; opcional. Terminado, clique no bot&atilde;o "Salva".
21 8 <div class="imagemExemplo">
22 9 <img src="imagens/exemplo1/img07.jpg">
23   - <p>Salvando nova variável.
  10 + <p>Salvando nova vari&aacute;vel.
24 11 </div>
25 12 <p>
26   - Uma vez salvo, sua variável já esta criada e deve estar disponível para seleção. &nbsp; Selecione sua variável e clique no botão <img style="width: 30px; height: 22px;" alt="b" src="imagens/exemplo1/untitled.JPG"> para darmos continuidade e criar uma medida para nossa variável.
  13 + Uma vez salvo, sua vari&aacute;vel j&aacute; esta criada e deve estar dispon&iacute;vel para sele&ccedil&atilde;o. &nbsp; Selecione sua vari&aacute;vel e clique no bot&atilde;o <img style="width: 30px; height: 22px;" alt="b" src="imagens/exemplo1/untitled.JPG"> para darmos continuidade e criar uma medida para nossa vari&aacute;vel.
27 14 <p>
28 15 <div class="imagemExemplo">
29 16 <img src="imagens/exemplo1/img08.jpg">
30   - <p>Selecionando uma variável.&nbsp;
  17 + <p>Selecionando uma vari&aacute;vel.&nbsp;
31 18 </div>
32 19 <p>
33   - Nesta janela, note que nossa variável ainda não possui medida. Então, clique no botão "<span style="font-weight: bold;">ou crie uma nova</span>"
  20 + Nesta janela, note que nossa vari&aacute;vel ainda n&atilde;o possui medida. Ent&atilde;o, clique no bot&atilde;o "<span style="font-weight: bold;">ou crie uma nova</span>"
34 21 <div class="imagemExemplo">
35 22 <img style="width: 311px; height: 195px;" alt="9" src="imagens/exemplo1/img09.jpg">
36   - <p>Criando nova medida para a variável.
  23 + <p>Criando nova medida para a vari&aacute;vel.
37 24 </div>
38 25 <p>
39   - Em seguida, surgirá uma nova janela. Nesta janela, iremos definir os atributos da medida da variável, que permitirão configurar a visualização do cartograma. Caso a tabela com os dados já esteja disponível no banco de dados do i3GeoSaúde (veja o tutorial sobre "<a target="_blank" href="criacao_banco_dados-variavel.html">Como criar o banco de dados</a>."), marque a opção "<span style="font-weight: bold;">Quero usar uma tabela já existente ou alterar os parâmetros adicionais"</span>. Se a mesma
40   - ainda não estiver no banco, na próxima tela há uma opção para fazer o upload da mesma no formato ".CSV". Prossiga o processo deixando as configurações de tabela com os valores padrões, faça o upload da tabela e retorne para o assistente de criação de medida variável. Os atributos da medida devem ser configurados com os seguinte valores:
  26 + Em seguida, surgir&aacute; uma nova janela. Nesta janela, iremos definir os atributos da medida da vari&aacute;vel, que permitir&atilde;o configurar a visualiza&ccedil&atilde;o do cartograma. Caso a tabela com os dados j&aacute; esteja dispon&iacute;vel no banco de dados do i3GeoSa&uacute;de (veja o tutorial sobre "<a href="index.php?conteudo=criacao_banco_dados-variavel.html">Como criar o banco de dados</a>."), marque a op&ccedil&atilde;o "<span style="font-weight: bold;">Quero usar uma tabela j&aacute; existente ou alterar os parâmetros adicionais"</span>. Se a mesma
  27 + ainda n&atilde;o estiver no banco, na pr&oacute;xima tela h&aacute; uma op&ccedil&atilde;o para fazer o upload da mesma no formato ".CSV". Prossiga o processo deixando as configura&ccedil&otilde;es de tabela com os valores padr&otilde;es, fa&ccedila o upload da tabela e retorne para o assistente de cria&ccedil&atilde;o de medida vari&aacute;vel. Os atributos da medida devem ser configurados com os seguinte valores:
41 28 <ul>
42 29 <li><span style="font-weight: bold;">Nome</span> : informe o nome da medida, no exemplo "Influenza por Bairro";</li>
43 30 </ul>
44 31 <ul>
45   - <li><span style="font-weight: bold;">Unidade de medida</span>: escolha "Quantidade" ( os valores que serão representados estão estabelecidos de maneira quantitativa);</li>
  32 + <li><span style="font-weight: bold;">Unidade de medida</span>: escolha "Quantidade" ( os valores que ser&atilde;o representados est&atilde;o estabelecidos de maneira quantitativa);</li>
46 33 </ul>
47 34 <ul>
48   - <li><span style="font-weight: bold;">Tipo de período:</span> escolha "Anual" ( nossa variável conterá informações classificadas por ano);</li>
  35 + <li><span style="font-weight: bold;">Tipo de per&iacute;odo:</span> escolha "Anual" ( nossa vari&aacute;vel conter&aacute; informa&ccedil&otilde;es classificadas por ano);</li>
49 36 </ul>
50 37 <ul>
51   - <li><span style="font-weight: bold;">Tipo de região</span>: escolha "Bairro" ( as regiões escolhidas para este exemplo estão georeferenciadas em nível de bairro)</li>
  38 + <li><span style="font-weight: bold;">Tipo de regi&atilde;o</span>: escolha "Bairro" ( as regi&otilde;es escolhidas para este exemplo est&atilde;o georeferenciadas em n&iacute;vel de bairro)</li>
52 39 </ul>
53 40 <p>
54 41 <div class="imagemExemplo">
55 42 <img src="imagens/exemplo1/img10.jpg">
56   - <p>Editor de medidas da variável.
  43 + <p>Editor de medidas da vari&aacute;vel.
57 44 </div>
58 45 <ul>
59   - <li><span style="font-weight: bold;">Conexão</span>: para a conexão ao banco de dados escolha "i3geosaude" (conexão padrão).</li>
  46 + <li><span style="font-weight: bold;">Conex&atilde;o</span>: para a conex&atilde;o ao banco de dados escolha "i3geosaude" (conex&atilde;o padr&atilde;o).</li>
60 47 </ul>
61 48 <div class="imagemExemplo">
62 49 <img src="imagens/exemplo1/img11.jpg">
63   - <p>Selecionando&nbsp;a conexão.
  50 + <p>Selecionando&nbsp;a conex&atilde;o.
64 51 </div>
65 52 <p>
66 53 <ul>
... ... @@ -78,98 +65,97 @@
78 65 <p>Selecionando tabela.
79 66 </div>
80 67 <ul>
81   - <li><span style="font-weight: bold;">Coluna de ligação com a tabela GEO</span>: Escolhemos a coluna da tabela que possui os códigos das regiões, neste caso "codigoregiao".</li>
  68 + <li><span style="font-weight: bold;">Coluna de liga&ccedil&atilde;o com a tabela GEO</span>: Escolhemos a coluna da tabela que possui os c&oacute;digos das regi&otilde;es, neste caso "codigoregiao".</li>
82 69 </ul>
83 70 <div class="imagemExemplo">
84 71 <img src="imagens/exemplo1/img14.jpg">
85   - <p>Selecionando coluna dos códigos das regiões.
  72 + <p>Selecionando coluna dos c&oacute;digos das regi&otilde;es.
86 73 </div>
87 74 <ul>
88   - <li><span style="font-weight: bold;">Coluna com valores</span>: Coluna que possui os valores da medida da variável, para cada&nbsp;região (bairro). Neste exemplo, o valor está na coluna chamada "num_casos".</li>
  75 + <li><span style="font-weight: bold;">Coluna com valores</span>: Coluna que possui os valores da medida da vari&aacute;vel, para cada&nbsp;regi&atilde;o (bairro). Neste exemplo, o valor est&aacute; na coluna chamada "num_casos".</li>
89 76 </ul>
90 77 <div class="imagemExemplo">
91 78 <img src="imagens/exemplo1/img15.jpg">
92 79 <p>Selecionando a coluna com os valores da medida.
93 80 </div>
94 81 <ul>
95   - <li><span style="font-weight: bold;">Coluna com os IDs</span>: selecionamos aqui a coluna "gid", que é a coluna padrão com os valores de identificação (os chamados "id") dos dados.&nbsp;</li>
  82 + <li><span style="font-weight: bold;">Coluna com os IDs</span>: selecionamos aqui a coluna "gid", que &eacute; a coluna padr&atilde;o com os valores de identifica&ccedil&atilde;o (os chamados "id") dos dados.&nbsp;</li>
96 83 </ul>
97 84 <div class="imagemExemplo">
98 85 <img src="imagens/exemplo1/img16.jpg">
99 86 <p>Selecionando a coluna "gid"
100 87 </div>
101 88 <p>
102   - Após a configuração de nossa medida, para salvar basta que clique no botão "Salva" que está localizado no topo da janela. Em seguida, o sistema i3GeoSaúde reapresenta a janela do assistente para edição e criação de&nbsp;''medida da variável". Assim, prossiga o processo clicando&nbsp;no botão <img style="width: 30px; height: 22px;" alt="b" src="imagens/exemplo1/untitled.JPG"> para o upload de CSV. Caso a tabela com os dados ainda não esteja disponível no banco de dados do i3GeoSaúde, é
103   - possível fazer o upload da mesma clicando no botão "Upload CSV". Se a tabela já existir no banco, ignore esta etapa e prossiga o processo clicando&nbsp;no botão <img style="width: 30px; height: 22px;" alt="b" src="imagens/exemplo1/untitled.JPG">.
  89 + Ap&oacute;s a configura&ccedil&atilde;o de nossa medida, para salvar basta que clique no bot&atilde;o "Salva" que est&aacute; localizado no topo da janela. Em seguida, o sistema i3GeoSa&uacute;de reapresenta a janela do assistente para edi&ccedil&atilde;o e cria&ccedil&atilde;o de&nbsp;''medida da vari&aacute;vel". Assim, prossiga o processo clicando&nbsp;no bot&atilde;o <img style="width: 30px; height: 22px;" alt="b" src="imagens/exemplo1/untitled.JPG"> para o upload de CSV. Caso a tabela com os dados ainda n&atilde;o esteja dispon&iacute;vel no banco de dados do i3GeoSa&uacute;de, &eacute;
  90 + poss&iacute;vel fazer o upload da mesma clicando no bot&atilde;o "Upload CSV". Se a tabela j&aacute; existir no banco, ignore esta etapa e prossiga o processo clicando&nbsp;no bot&atilde;o <img style="width: 30px; height: 22px;" alt="b" src="imagens/exemplo1/untitled.JPG">.
104 91 <div class="imagemExemplo">
105 92 <img style="width: 403px; height: 369px;" alt="" src="imagens/exemplo1/img19.jpg">
106 93 <p>Upload de CSV.
107 94 </div>
108 95 <p>
109   - Na janela de upload de CSV, escolha a variável e a medida de variável a qual os dados inseridos pertencem, selecione o arquivo .csv e envie. Em seguida, cadastre as definições de sua tabela nos campos, de acordo com as indicações do item 2 do tutorial <a href="http://localhost/docs/admin_metadados.html">Metadados estatísticos (como criar uma variável)</a>. div class="imagemExemplo"> <img src="imagens/exemplo1/img20.jpg">
110   - <p>Cadastro de medida variável
111   - </div>
  96 + Na janela de upload de CSV, escolha a vari&aacute;vel e a medida de vari&aacute;vel a qual os dados inseridos pertencem, selecione o arquivo .csv e envie. Em seguida, cadastre as defini&ccedil&otilde;es de sua tabela nos campos, de acordo com as indica&ccedil&otilde;es do item 2 do tutorial <a href="http://localhost/docs/admin_metadados.html">Metadados estat&iacute;sticos (como criar uma vari&aacute;vel)</a>. div class="imagemExemplo"> <img src="imagens/exemplo1/img20.jpg">
  97 + <p>Cadastro de medida vari&aacute;vel
112 98 <p>
113   - Ao terminar o cadastro dos dados, clique em "Concluir envio". Se aparecer uma mensagem semelhante à da <span style="font-weight: bold;">Figura abaixo </span>o envio do CSV foi feito corretamente. Feche a janela de upload e clique no botão <img style="width: 30px; height: 22px;" alt="b" src="imagens/exemplo1/untitled.JPG"> para prosseguir para a criação de classes para a medida variável.
  99 + Ao terminar o cadastro dos dados, clique em "Concluir envio". Se aparecer uma mensagem semelhante à da <span style="font-weight: bold;">Figura abaixo </span>o envio do CSV foi feito corretamente. Feche a janela de upload e clique no bot&atilde;o <img style="width: 30px; height: 22px;" alt="b" src="imagens/exemplo1/untitled.JPG"> para prosseguir para a cria&ccedil&atilde;o de classes para a medida vari&aacute;vel.
114 100 <div class="imagemExemplo">
115 101 <img style="width: 276px; height: 162px;" alt="" src="imagens/exemplo1/img21.jpg">
116   - <p>Mensagem de conclusão do envio do CSV.
  102 + <p>Mensagem de conclus&atilde;o do envio do CSV.
117 103 </div>
118 104 <p>
119   - Na janela vista na figura abaixo, clique no botão "<span style="font-weight: bold;">ou crie uma nova</span>'' para criar uma nova classificação.
  105 + Na janela vista na figura abaixo, clique no bot&atilde;o "<span style="font-weight: bold;">ou crie uma nova</span>'' para criar uma nova classifica&ccedil&atilde;o.
120 106 <div class="imagemExemplo">
121 107 <img src="imagens/exemplo1/img17.jpg">
122   - <p>Criando classificação.
  108 + <p>Criando classifica&ccedil&atilde;o.
123 109 </div>
124   - <p>Agora, é apresentada a janela que corresponde à última etapa de configuração da nossa variável, responsável pela geração dos intervalos de valores para representação das legendas coloridas.
  110 + <p>Agora, &eacute; apresentada a janela que corresponde à &uacute;ltima etapa de configura&ccedil&atilde;o da nossa vari&aacute;vel, respons&aacute;vel pela gera&ccedil&atilde;o dos intervalos de valores para representa&ccedil&atilde;o das legendas coloridas.
125 111 <div class="imagemExemplo">
126 112 <img src="imagens/usuario/usuario21.jpg">
127 113 <p>Definindo cores e intervalos.
128 114 </div>
129   - <p>Primeiro, escolhemos um conjunto de cores para nosso intervalo.&nbsp;Definidas as cores, clique no botão "Aplicar cores".
  115 + <p>Primeiro, escolhemos um conjunto de cores para nosso intervalo.&nbsp;Definidas as cores, clique no bot&atilde;o "Aplicar cores".
130 116 <div class="imagemExemplo">
131 117 <img src="imagens/exemplo1/img18.jpg">
132 118 <p>Selecionando cores.
133 119 </div>
134   - <p>Após selecionar as cores, basta clicar em no botão "5 intervalos iguais" para finalizar a criação desta variável.
135   - <h2>Utilizando nossa &nbsp;variável</h2>
136   - <p>Em seguida, surge a janela onde devemos selecionar a variável que será visualizada no cartograma. Escolha a variável do exemplo, chamada "Influenza".
  120 + <p>Ap&oacute;s selecionar as cores, basta clicar em no bot&atilde;o "5 intervalos iguais" para finalizar a cria&ccedil&atilde;o desta vari&aacute;vel.
  121 + <h2>Utilizando nossa &nbsp;vari&aacute;vel</h2>
  122 + <p>Em seguida, surge a janela onde devemos selecionar a vari&aacute;vel que ser&aacute; visualizada no cartograma. Escolha a vari&aacute;vel do exemplo, chamada "Influenza".
137 123 <div class="imagemExemplo">
138 124 <img src="imagens/exemplo1/figura02.jpg">
139   - <p>Escolhendo a variável.
  125 + <p>Escolhendo a vari&aacute;vel.
140 126 </div>
141   - <p>Depois, selecione a medida da&nbsp; variável, indicando a abrangência que será analisada no mapa, em "Escolha uma medida da variável" a opção "Influenza por bairro".
  127 + <p>Depois, selecione a medida da&nbsp; vari&aacute;vel, indicando a abrangência que ser&aacute; analisada no mapa, em "Escolha uma medida da vari&aacute;vel" a op&ccedil&atilde;o "Influenza por bairro".
142 128 <div class="imagemExemplo">
143 129 <img src="imagens/exemplo1/figura002.jpg">
144   - <p>Escolhendo a medida da variável.
  130 + <p>Escolhendo a medida da vari&aacute;vel.
145 131 </div>
146 132 <p>
147   - No exempo elaborado neste tutoral, usamos um parâmetro de tempo definido por "<span style="font-weight: bold;">Ano"</span>, e o valor exibido serão os anos de ocorrência do fenômeno na tabela de dados da variável.
  133 + No exempo elaborado neste tutoral, usamos um parâmetro de tempo definido por "<span style="font-weight: bold;">Ano"</span>, e o valor exibido ser&atilde;o os anos de ocorrência do fenômeno na tabela de dados da vari&aacute;vel.
148 134 <div class="imagemExemplo">
149 135 <img src="imagens/exemplo1/figura0002.jpg">
150 136 <p>Escolhendo o parâmetro por "Ano"
151 137 </div>
152   - <p>Finalmente, clique em "Adicionar camada ao mapa" (para adicionar outros períodos basta selecionar o novo período e adicionar ao mapa) para visualizar o cartograma a partir da medida e do parâmetro definido pelo usuário. Lembre que o cartograma é adicionado como um nova camada (de tema), entre as outras camadas já existentes. Todas essas camadas podem ser vistas a partir da visibilidade da guia lateral do i3GeoSaúde, marcando&nbsp;ou desmarcando&nbsp;um tema.
  138 + <p>Finalmente, clique em "Adicionar camada ao mapa" (para adicionar outros per&iacute;odos basta selecionar o novo per&iacute;odo e adicionar ao mapa) para visualizar o cartograma a partir da medida e do parâmetro definido pelo usu&aacute;rio. Lembre que o cartograma &eacute; adicionado como um nova camada (de tema), entre as outras camadas j&aacute; existentes. Todas essas camadas podem ser vistas a partir da visibilidade da guia lateral do i3GeoSa&uacute;de, marcando&nbsp;ou desmarcando&nbsp;um tema.
153 139 <div class="imagemExemplo">
154 140 <img src="imagens/exemplo1/figura3.jpg" alt="figura *"">
155 141 <p>Guia lateral de camadas de temas.
156 142 </div>
157 143 <h2>
158   - Criando animação para variável com parâmetros<a name="inicio_install_windows"></a>
  144 + Criando anima&ccedil&atilde;o para vari&aacute;vel com parâmetros<a name="inicio_install_windows"></a>
159 145 </h2>
160   - <p>Uma utilização prática de parâmetros (períodos temporais) em uma variável é&nbsp;a criação de animação para&nbsp;demonstrar&nbsp;a evolução de&nbsp;eventos. Para isso, navegue no menu suspenso "Ferramentas", &nbsp;e escolha a opção "Animação".
  146 + <p>Uma utiliza&ccedil&atilde;o pr&aacute;tica de parâmetros (per&iacute;odos temporais) em uma vari&aacute;vel &eacute;&nbsp;a cria&ccedil&atilde;o de anima&ccedil&atilde;o para&nbsp;demonstrar&nbsp;a evolu&ccedil&atilde;o de&nbsp;eventos. Para isso, navegue no menu suspenso "Ferramentas", &nbsp;e escolha a op&ccedil&atilde;o "Anima&ccedil&atilde;o".
161 147 <p>
162 148 <p>
163 149 <div class="imagemExemplo">
164 150 <img style="width: 245px; height: 200px;" alt="figura 12" src="imagens/exemplo1/figura4.jpg">
165   - <p>Menu "Ferramentas", opção "Animação".
  151 + <p>Menu "Ferramentas", op&ccedil&atilde;o "Anima&ccedil&atilde;o".
166 152 </div>
167   - <p>Após clicar no ítem "Animação", o i3GeoSaúde apresenta&nbsp;uma janela flutuante ("Animação") onde será escolhido os temas que&nbsp;farão parte da animação. Confirme o processo de animação clicando no botão "Iniciar".
  153 + <p>Ap&oacute;s clicar no &iacute;tem "Anima&ccedil&atilde;o", o i3GeoSa&uacute;de apresenta&nbsp;uma janela flutuante ("Anima&ccedil&atilde;o") onde ser&aacute; escolhido os temas que&nbsp;far&atilde;o parte da anima&ccedil&atilde;o. Confirme o processo de anima&ccedil&atilde;o clicando no bot&atilde;o "Iniciar".
168 154 <div class="imagemExemplo">
169 155 <img src="imagens/exemplo1/figura5.jpg">
170   - <p>Janela Animação.
  156 + <p>Janela Anima&ccedil&atilde;o.
171 157 </div>
172   - <p>Uma vez iniciada a animação ocorrerá um efeito de alternância entre os valores dos parâmetros, para o exemplo em questão, os valores entre "2005" e "2010".
  158 + <p>Uma vez iniciada a anima&ccedil&atilde;o ocorrer&aacute; um efeito de alternância entre os valores dos parâmetros, para o exemplo em quest&atilde;o, os valores entre "2005" e "2010".
173 159 <div class="imagemExemplo">
174 160 <img src="imagens/exemplo1/figura6.jpg">
175 161 <p>
... ... @@ -178,5 +164,3 @@
178 164 <img src="imagens/exemplo1/figura7.jpg">
179 165 <p>Tema com referência a "2005" (1); Tema com referência a "2010" (2).
180 166 </div>
181   -</body>
182   -</html>
... ...
docs/exemplo_hipertensao.html
  Diff comments   View file @10cd9dc
1   -<!DOCTYPE html>
2   -<html><head>
3   - <meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
4   - <meta charset="UTF-8"><title>Administrando o i3GeoSaude</title>
5   -
6   - <link media="screen" href="./files/estilos.css" type="text/css" rel="stylesheet"><!--[if lt IE 10]>
7   -<![endif]-->
8   -
9   - <link rel="stylesheet" type="text/css" href="./files/estilos.css"></head><body class="blue-bg">
10   -<div id="wrapper-flex">
11   -<div style="background-color: white;">
12   -<div class="f-page-auto-cell" id="doc">
13   -<div class="imginicio"><img onclick="window.history.back()" style="border: 0px solid ; width: 40px; height: 40px;" alt="inicio" src="files/inicio.gif"></div>
14 1 <h1>Exemplo de formas de
15   -visualização de mapa (casos de
16   -hipertensão em Belém) </h1>
17   -<a name="inicio"></a>
18   -Este exemplo demonstra as formas de visualizar um cartograma, a partir
19   -de uma variável que expressa os casos de
20   -hipertensão em
21   -um município (no caso, Belém).<span style="font-style: italic;"> </span>&nbsp;A
22   -visualização de um mapa pode ser feito usando
  2 +visualiza&ccedil&atilde;o de mapa (casos de
  3 +hipertens&atilde;o em Bel&eacute;m) </h1>
  4 +<p>Este exemplo demonstra as formas de visualizar um cartograma, a partir
  5 +de uma vari&aacute;vel que expressa os casos de
  6 +hipertens&atilde;o em
  7 +um munic&iacute;pio (no caso, Bel&eacute;m).<span style="font-style: italic;"> </span>&nbsp;A
  8 +visualiza&ccedil&atilde;o de um mapa pode ser feito usando
23 9 três
24 10 ferramentas: o OpenLayers, o Google Maps e &nbsp;o Google Earth, que
25   -serão detalhados a seguir.<br>
26   -<br>
  11 +ser&atilde;o detalhados a seguir.
  12 +<p>
27 13 Este exemplo&nbsp;utiliza, para efeito de
28   -demonstração,
29   -dados fictícios de casos de hipertensão para o
30   -município de Belém. <br>
31   -Considere que o banco de dados e a variável já
32   -foram previamente criados no i3GeoSaúde.<br>
33   -&nbsp;<br>
34   -<div class="trail-box">
35   -<div class="trail-box-header"><img src="files/trails-box-tr.png" class="right" alt="" height="21" width="7"><img src="files/trails-box-tl.png" class="left" alt="" height="21" width="7"><comment title=" here is the box header " xmlns="http://disruptive-innovations.com/zoo/nvu"></comment>
36   -<h1><span style="font-weight: bold;"><a name="1criacao"></a>Selecionando a variável</span></h1>
37   -</div>
38   -<div class="trail-box-content">No
  14 +demonstra&ccedil&atilde;o,
  15 +dados fict&iacute;cios de casos de hipertens&atilde;o para o
  16 +munic&iacute;pio de Bel&eacute;m.
  17 +<p>
  18 +Considere que o banco de dados e a vari&aacute;vel j&aacute;
  19 +foram previamente criados no i3GeoSa&uacute;de.
  20 +<h2>Selecionando a vari&aacute;vel</h2>
  21 +<p>No
39 22 menu "Ferramentas" selecione a
40   -opção "Cartogramas estatísticos".<br>
41   -<br>
  23 +op&ccedil&atilde;o "Cartogramas estat&iacute;sticos".
42 24 <div class="imagemExemplo" >
43   -<img style="width: 251px; height: 512px;" alt="figura 1" src="imagens/digitarDados/fig2.jpg"><br>
  25 +<img style="width: 251px; height: 512px;" alt="figura 1" src="imagens/digitarDados/fig2.jpg">
  26 +<p>
44 27 Menu ferramentas -
45   -Cartogramas estatísticos.
  28 +Cartogramas estat&iacute;sticos.
46 29 </div>
47   -<br>
48   -Em seguida, será apresentada uma janela onde você deve
  30 +<p>
  31 +Em seguida, ser&aacute; apresentada uma janela onde você deve
49 32 escolher a
50   -variável definida no i3GeoSaúde. No exemplo visto
51   -na figura abaixo, a variável
52   -chama-se "Casos_Doentes".<br>
53   -<br>
  33 +vari&aacute;vel definida no i3GeoSa&uacute;de. No exemplo visto
  34 +na figura abaixo, a vari&aacute;vel
  35 +chama-se "Casos_Doentes".
  36 +<p>
54 37 <div class="imagemExemplo" >
55   -<img style="width: 284px; height: 335px;" alt="figura 2" src="imagens/exemplo_hipertensao/ScreenHunter_05%20Mar.%2008%2008.36.jpg"><br>
  38 +<img style="width: 284px; height: 335px;" alt="figura 2" src="imagens/exemplo_hipertensao/ScreenHunter_05%20Mar.%2008%2008.36.jpg">
  39 +<p>
56 40 Caixa de
57   -seleção de variáveis.
  41 +sele&ccedil&atilde;o de vari&aacute;veis.
58 42 </div>
59   -<br>
60   -Após selecionar a variável e cicar em "Adicionar
  43 +<p>
  44 +Ap&oacute;s selecionar a vari&aacute;vel e cicar em "Adicionar
61 45 camada
62   -ao mapa",&nbsp; é importante que você clique
  46 +ao mapa",&nbsp; &eacute; importante que você clique
63 47 no
64   -ícone denomindado "Análise", localizado
  48 +&iacute;cone denomindado "An&aacute;lise", localizado
65 49 na&nbsp; parte
66 50 superior direito da janela vista na figura abaixo.
67 51  
68   -Através da ferramenta "Análise",
69   -será possível&nbsp;filtrar os
70   -dados,&nbsp;&nbsp;escolhendo o primeiro botão da
  52 +Atrav&eacute;s da ferramenta "An&aacute;lise",
  53 +ser&aacute; poss&iacute;vel&nbsp;filtrar os
  54 +dados,&nbsp;&nbsp;escolhendo o primeiro bot&atilde;o da
71 55 janela ("Focar
72   -o mapa em um determinado limite geográfico").
  56 +o mapa em um determinado limite geogr&aacute;fico").
73 57 &nbsp;Escolha
74   -a&nbsp; sequência para os limites: <span style="font-weight: bold;">Estado-&gt;município-&gt;bairro</span>
75   -.<br>
76   -<br>
  58 +a&nbsp; sequência para os limites: <span style="font-weight: bold;">Estado-&gt;munic&iacute;pio-&gt;bairro</span>
  59 +.
77 60 <div class="imagemExemplo" >
78   -<img style="width: 270px; height: 222px;" alt="figura 6" src="imagens/exemplo_hipertensao/ScreenHunter_11%20Mar.%2008%2008.58.jpg"><br>
79   -Análise.
80   -</div>
81   -<br>
82   -O próximo passo é determinar a forma de
83   -visualizar o cartograma com os dados da variável.<br>
84   -
85   -</div>
86   -<div class="trail-box-bottom">
87   -<img src="files/trails-box-br.png" class="right" alt="" height="6" width="7"><img src="files/trails-box-bl.png" class="left" alt="" height="6" width="7"></div>
88   -</div>
89   -&nbsp;<br>
90   -<div class="trail-box">
91   -<div class="trail-box-header"><img src="files/trails-box-tr.png" class="right" alt="" height="21" width="7"><img src="files/trails-box-tl.png" class="left" alt="" height="21" width="7"><comment title=" here is the box header " xmlns="http://disruptive-innovations.com/zoo/nvu"><comment title=" here is the box header " xmlns="http://disruptive-innovations.com/zoo/nvu"></comment></comment>
92   -<h1><span style="font-weight: bold;"><a name="2medida_variável"></a>Formas de visualização&nbsp;</span></h1>
93   -</div>
94   -<div class="trail-box-content">Os
  61 +<img style="width: 270px; height: 222px;" alt="figura 6" src="imagens/exemplo_hipertensao/ScreenHunter_11%20Mar.%2008%2008.58.jpg">
  62 +<p>
  63 +An&aacute;lise.
  64 +</div>
  65 +<p>
  66 +O pr&oacute;ximo passo &eacute; determinar a forma de
  67 +visualizar o cartograma com os dados da vari&aacute;vel.
  68 +<h2>Formas de visualiza&ccedil&atilde;o</h2>
  69 +<p>Os
95 70 cartogramas podem ser visualizadas pelas ferramentas: OpenLayers,
96 71 Google Maps
97   -e Google Earth.<br>
98   -<br>
  72 +e Google Earth.
99 73 <div class="imagemExemplo" >
100   -<img style="width: 361px; height: 468px;" alt="Figura 4" src="imagens/exemplo_hipertensao/ScreenHunter_13%20Mar.%2008%2009.28.jpg"><br>
101   -Visualização
  74 +<img style="width: 361px; height: 468px;" alt="Figura 4" src="imagens/exemplo_hipertensao/ScreenHunter_13%20Mar.%2008%2009.28.jpg">
  75 +<p>
  76 +Visualiza&ccedil&atilde;o
102 77 com o OpenLayers.
103 78 </div>
104   -<br>
  79 +
105 80 <div class="imagemExemplo" >
106   -<img style="width: 357px; height: 408px;" alt="Figura 5" src="imagens/exemplo_hipertensao/ScreenHunter_14%20Mar.%2008%2009.30.jpg"><br>
107   -Visualização
  81 +<img style="width: 357px; height: 408px;" alt="Figura 5" src="imagens/exemplo_hipertensao/ScreenHunter_14%20Mar.%2008%2009.30.jpg">
  82 +<p>
  83 +Visualiza&ccedil&atilde;o
108 84 com&nbsp; Google Maps.
109 85 </div>
110   -<br>
111 86 <div class="imagemExemplo" >
112   -<img style="width: 380px; height: 249px;" alt="figura 6" src="imagens/exemplo_hipertensao/ScreenHunter_12%20Mar.%2008%2009.23.jpg"><br>
113   -Visualização usando o Google Earth.
114   -</div>
115   -</div>
116   -<div class="trail-box-bottom"><img src="files/trails-box-br.png" class="right" alt="" height="6" width="7"> <img src="files/trails-box-bl.png" class="left" alt="" height="6" width="7">
117   -</div>
118   -</div>
119   -<div class="imginicio"><a href="#top"><img title="Topo" style="border: 0px solid ; width: 41px; height: 35px;" alt="Topo" src="files/topo.gif"></a></div>
120   -<br>
121   -&nbsp;<br>
122   -</div>
123   -</div>
  87 +<img style="width: 380px; height: 249px;" alt="figura 6" src="imagens/exemplo_hipertensao/ScreenHunter_12%20Mar.%2008%2009.23.jpg">
  88 +<p>
  89 +Visualiza&ccedil&atilde;o usando o Google Earth.
124 90 </div>
125   -</body></html>
... ...
docs/exemplos_saude.html
  Diff comments   View file @10cd9dc
1   -<!DOCTYPE html>
2   -<html>
3   -<head>
4   -
5   -
6   -<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
7   -<meta charset="UTF-8">
8   -<title>i3GeoSaude</title>
9   -
10   -<link media="screen" href="./files/estilos.css" type="text/css" rel="stylesheet">
11   -
12   -<link rel="stylesheet" type="text/css" href="./files/estilos.css">
13   -</head>
14   -<body class="blue-bg">
15   - <h1>Exemplos de variáveis para a Saúde</h1>
16   - <p>Para facilitar o entendimento da ferramenta i3GeoSaúde, apresentamos três variáveis que expressam fenômenos na área da saúde pública. Além disso, serão apresentados formas de visualizar os cartogramas gerados a partir das variáveis.
  1 + <h1>Exemplos de vari&aacute;veis para a Sa&uacute;de</h1>
  2 + <p>Para facilitar o entendimento da ferramenta i3GeoSa&uacute;de, apresentamos três vari&aacute;veis que expressam fenômenos na &aacute;rea da sa&uacute;de p&uacute;blica. Al&eacute;m disso, ser&atilde;o apresentados formas de visualizar os cartogramas gerados a partir das vari&aacute;veis.
17 3 <h2>Fenômeno: Casos de Dengue</h2>
18   - <p>Por meio do i3GeoSaúde é possível relacionar dados estatísticos com elementos geográficos, criando variáveis. Para exemplificar a criação de variáveis, representamos fenômenos hipotéticos da área da saúde nos vídeos que seguem.
  4 + <p>Por meio do i3GeoSa&uacute;de &eacute; poss&iacute;vel relacionar dados estat&iacute;sticos com elementos geogr&aacute;ficos, criando vari&aacute;veis. Para exemplificar a cria&ccedil&atilde;o de vari&aacute;veis, representamos fenômenos hipot&eacute;ticos da &aacute;rea da sa&uacute;de nos v&iacute;deos que seguem.
19 5 <p>
20   - A definição da variável, desde a criação do banco de dados até a definição da medida da variável, é demonstrada pelo vídeo <a target="_blank" href="videos/video_cadastro_variaveis/sandbox/cad_princ_variaveis.htm">Casos de dengue na população do Distrito Federal</a>.
  6 + A defini&ccedil&atilde;o da vari&aacute;vel, desde a cria&ccedil&atilde;o do banco de dados at&eacute; a defini&ccedil&atilde;o da medida da vari&aacute;vel, &eacute; demonstrada pelo v&iacute;deo <a target="_blank" href="videos/video_cadastro_variaveis/sandbox/cad_princ_variaveis.htm">Casos de dengue na popula&ccedil&atilde;o do Distrito Federal</a>.
21 7 <p>
22   - Para visualizar o fenômeno, no formato de mapa, você pode <a target="_blank" href="videos/video_criando_mapa/sandbox/criando_mapa.htm">acompanhar o vídeo tutorial</a> que apresenta o mapa dos casos de dengue no Distrito Federal
  8 + Para visualizar o fenômeno, no formato de mapa, você pode <a target="_blank" href="videos/video_criando_mapa/sandbox/criando_mapa.htm">acompanhar o v&iacute;deo tutorial</a> que apresenta o mapa dos casos de dengue no Distrito Federal
23 9 <p>
24   - a) <a href="exemploInfluenza.html">Exemplo de variável com parâmetro (casos de incidência de influenza&nbsp;no município de Belém</a>): este exemplo demonstra a criação e uso de uma variável com parâmetro, isto é,&nbsp;variável com a medida parametrizada. O parâmetro permite filtrar valores do conjunto de dados da variável na dimensão temporal, podendo ser por ano, mês, dia e hora.
  10 + a) <a href="index.php?conteudo=exemploInfluenza.html">Exemplo de vari&aacute;vel com parâmetro (casos de incidência de influenza&nbsp;no munic&iacute;pio de Bel&eacute;m</a>): este exemplo demonstra a cria&ccedil&atilde;o e uso de uma vari&aacute;vel com parâmetro, isto &eacute;,&nbsp;vari&aacute;vel com a medida parametrizada. O parâmetro permite filtrar valores do conjunto de dados da vari&aacute;vel na dimens&atilde;o temporal, podendo ser por ano, mês, dia e hora.
25 11 <p>
26   - b) <a href="exemplo_hipertensao.html">Exemplo de formas de visualização de mapa (casos de&nbsp;hipertensão em Belém</a>): este exemplo demonstra as formas de visualizar um cartograma, a partir de uma variável que expressa os casos de hipertensão em um município (no caso, Belém).&nbsp;
27   -</body>
28   -</html>
  12 + b) <a href="index.php?conteudo=exemplo_hipertensao.html">Exemplo de formas de visualiza&ccedil&atilde;o de mapa (casos de&nbsp;hipertens&atilde;o em Bel&eacute;m</a>): este exemplo demonstra as formas de visualizar um cartograma, a partir de uma vari&aacute;vel que expressa os casos de hipertens&atilde;o em um munic&iacute;pio (no caso, Bel&eacute;m).&nbsp;
... ...
docs/files/estilos.css
  Diff comments   View file @10cd9dc
... ... @@ -100,6 +100,16 @@ h2 {
100 100 text-align: left;
101 101 }
102 102  
  103 +h3 {
  104 + font-size: 1.4em;
  105 + color: #226598;
  106 + font-weight: bold;
  107 + padding: 0px;
  108 + margin-top: 5px;
  109 + margin-bottom: 5px;
  110 + text-align: left;
  111 +}
  112 +
103 113 A:link,A:visited {
104 114 color: #23569d;
105 115 font-weight: normal;
... ... @@ -824,4 +834,4 @@ em.Code {
824 834 width: 140px;
825 835 }
826 836  
827   -*/
828 837 \ No newline at end of file
  838 +*/
... ...
docs/fluxograma.html
  Diff comments   View file @10cd9dc
1   -<!DOCTYPE html>
2   -<html>
3   -<head>
4   - <meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
5   - <meta charset="UTF-8">
6   - <title>i3GeoSaude</title>
7   - <link media="screen" href="./files/estilos.css" type="text/css"
8   - rel="stylesheet">
9   - <link rel="stylesheet" type="text/css" href="./files/estilos.css">
10   -</head>
11   -<body class="blue-bg">
12   -<div id="wrapper-flex">
13   -<div style="background-color: white;">
14   -<div class="f-page-auto-cell" id="doc">
15   -<div class="imginicio"><img onclick="window.history.back()" style="border: 0px solid ; width: 40px; height: 40px;" alt="inicio" src="files/inicio.gif"></div>
16   -<h1></h1>
17   -<a style="font-weight: bold;" name="what">Fluxograma</a><br>
  1 +<h2>Fluxograma</h2>
18 2 <div
19 3 style="text-align: center; width: 649px; margin-left: auto; margin-right: auto;">
20 4 <img id="Image-Maps_2201305151405244" src="imagens/fluxo.png"
21 5 usemap="#Image-Maps_2201305151405244" alt="" border="0" height="875"
22 6 width="649"><map id="_Image-Maps_2201305151405244"
23 7 name="Image-Maps_2201305151405244">
24   -<area shape="rect" coords="36,0,154,44" href="xxxxxxxxxxxxx"
25   - alt="Base de metadados" title="Base de metadados" target="_blank">
26   -<area shape="rect" coords="405,0,509,42" href="DeterminandoLimites.html"
27   - alt="Limites geogr&aacute;ficos" title="Limites geogr&aacute;ficos" target="_blank">
28   -<area shape="rect" coords="35,115,155,178" href="admin_metadados.html"
29   - alt="Defini&ccedil;&otilde;es" title="Defini&ccedil;&otilde;es" target="_blank">
  8 +<area shape="rect" coords="36,0,154,44"
  9 + alt="Base de metadados" title="Base de metadados" >
  10 +<area shape="rect" coords="405,0,509,42" href="index.php?conteudo=DeterminandoLimites.html"
  11 + alt="Limites geogr&aacute;ficos" title="Limites geogr&aacute;ficos" >
  12 +<area shape="rect" coords="35,115,155,178" href="index.php?conteudo=admin_metadados.html"
  13 + alt="Defini&ccedil;&otilde;es" title="Defini&ccedil;&otilde;es" >
30 14 <area shape="rect" coords="536,216,592,259"
31   - href="DeterminandoLimites.html" alt="Alterar limites"
32   - title="Alterar limites" target="_blank">
  15 + href="index.php?conteudo=DeterminandoLimites.html" alt="Alterar limites"
  16 + title="Alterar limites" >
33 17 <area shape="rect" coords="199,327,291,393"
34   - href="CriacaoBancoDados.html" alt="Conectar ao SGBD"
35   - title="Conectar ao SGBD" target="_blank">
36   -<area shape="rect" coords="535,338,593,380" href="shape.html"
  18 + href="index.php?conteudo=CriacaoBancoDados.html" alt="Conectar ao SGBD"
  19 + title="Conectar ao SGBD" >
  20 +<area shape="rect" coords="535,338,593,380" href="index.php?conteudo=shape.html"
37 21 alt="Fazer upload" title="Fazer upload">
38 22 <area shape="rect" coords="201,477,290,517"
39   - href="criacao_banco_dados-variavel.html#importdados"
40   - alt="Upload dos dados" title="Upload dos dados" target="_blank">
41   -<area shape="rect" coords="60,597,129,636" href="DigitandoDados.html"
42   - alt="Digitar dados" title="Digitar dados" target="_blank">
  23 + href="index.php?conteudo=criacao_banco_dados-variavel.html#importdados"
  24 + alt="Upload dos dados" title="Upload dos dados" >
  25 +<area shape="rect" coords="60,597,129,636" href="index.php?conteudo=DigitandoDados.html"
  26 + alt="Digitar dados" title="Digitar dados" >
43 27 <area shape="rect" coords="97,705,288,746"
44   - href="publicacaoNoi3Geosaude.html" alt="Publicar cartograma"
45   - title="Publicar cartograma" target="_blank">
46   -<area shape="rect" coords="0,824,70,865" href="editandolink.html"
47   - alt="Fazer Mashup" title="Fazer Mashup" target="_blank">
48   -<area shape="rect" coords="332,821,402,870" href="editandolink.html#ext"
49   - alt="Criar aplica&ccedil;ao" title="Criar aplica&ccedil;ao" target="_blank">
  28 + href="index.php?conteudo=publicacaoNoi3Geosaude.html" alt="Publicar cartograma"
  29 + title="Publicar cartograma" >
  30 +<area shape="rect" coords="0,824,70,865" href="index.php?conteudo=editandolink.html"
  31 + alt="Fazer Mashup" title="Fazer Mashup" >
  32 +<area shape="rect" coords="332,821,402,870" href="index.php?conteudo=editandolink.html#ext"
  33 + alt="Criar aplica&ccedil;ao" title="Criar aplica&ccedil;ao" >
50 34 <area shape="rect" coords="647,873,649,875"
51   - href="http://www.image-maps.com/index.php?aff=mapped_users_2201305151405244"
  35 + href="index.php?conteudo=http://www.image-maps.com/index.php?aff=mapped_users_2201305151405244"
52 36 alt="Image Map" title="Image Map">
53 37 </map>
54 38 </div>
... ...
docs/geracaobd.html
  Diff comments   View file @10cd9dc
1   -<!DOCTYPE html>
2   -<html>
3   -<head>
4   -<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
5   -<meta charset="UTF-8">
6   -<title>i3GeoSaude</title>
7   -<link media="screen" href="./files/estilos.css" type="text/css" rel="stylesheet">
8   -<link rel="stylesheet" type="text/css" href="./files/estilos.css">
9   -</head>
10   -<body class="blue-bg">
11   - <h1>Geração do banco de dados para distribuição</h1>
12   - <p>A distribuição do i3GeoSaúde contém um banco de dados Postgres com algumas tabelas e dados geográficos para uso imediato do software.
13   - <p>O "database" existente é denominado "i3geosaude" e está organizado em esquemas, sendo "i3geo_metaestat" o principal deles. Nesse esquema estão as tabelas com dados geográficos (municípios, bairros, unidades da federação, etc) e as tabelas padronizadas que podem ser utilizadas para armazenamento de valores correspondentes às variáveis cadastradas.
14   - <p>Quando um arquivo ISO é criado para a distribuição do sistema, o banco de dados também é automaticamente incluído, portanto, qualquer alteração ficará disponível na distribuição nova criada. No caso de instalações do i3GeoSaúde sem o uso da distribuição ISO, o banco de dados precisa ser instalado no servidor.
15   - <p>O roteiro a seguir explica como gerar o arquivo "dump" do banco de dados para que os usuários possam instalar o banco diretamente.
  1 + <h1>Gera&ccedil&atilde;o do banco de dados para distribui&ccedil&atilde;o</h1>
  2 + <p>A distribui&ccedil&atilde;o do i3GeoSa&uacute;de cont&eacute;m um banco de dados Postgres com algumas tabelas e dados geogr&aacute;ficos para uso imediato do software.
  3 + <p>O "database" existente &eacute; denominado "i3geosaude" e est&aacute; organizado em esquemas, sendo "i3geo_metaestat" o principal deles. Nesse esquema est&atilde;o as tabelas com dados geogr&aacute;ficos (munic&iacute;pios, bairros, unidades da federa&ccedil&atilde;o, etc) e as tabelas padronizadas que podem ser utilizadas para armazenamento de valores correspondentes às vari&aacute;veis cadastradas.
  4 + <p>Quando um arquivo ISO &eacute; criado para a distribui&ccedil&atilde;o do sistema, o banco de dados tamb&eacute;m &eacute; automaticamente inclu&iacute;do, portanto, qualquer altera&ccedil&atilde;o ficar&aacute; dispon&iacute;vel na distribui&ccedil&atilde;o nova criada. No caso de instala&ccedil&otilde;es do i3GeoSa&uacute;de sem o uso da distribui&ccedil&atilde;o ISO, o banco de dados precisa ser instalado no servidor.
  5 + <p>O roteiro a seguir explica como gerar o arquivo "dump" do banco de dados para que os usu&aacute;rios possam instalar o banco diretamente.
16 6 <h2>Roteiro</h2>
17   - <p>O aplicativo Pgadmin é o caminho mais fácil para a criação do arquivo de backup (dump). Após configurar a conexão com o servidor onde está o banco (localhost por exemplo) e abrir o database, os esquemas e tabelas são mostrados em uma árvore.
  7 + <p>O aplicativo Pgadmin &eacute; o caminho mais f&aacute;cil para a cria&ccedil&atilde;o do arquivo de backup (dump). Ap&oacute;s configurar a conex&atilde;o com o servidor onde est&aacute; o banco (localhost por exemplo) e abrir o database, os esquemas e tabelas s&atilde;o mostrados em uma &aacute;rvore.
18 8 <div class="imagemExemplo">
19 9 <img src="imagens/geracaobd/geracaobd1.png">
20 10 </div>
21   - <p>Clicando-se com o botão da direita do mouse sobre o nome "i3geosaude" aparece o menu com a opção "Backup".
  11 + <p>Clicando-se com o bot&atilde;o da direita do mouse sobre o nome "i3geosaude" aparece o menu com a op&ccedil&atilde;o "Backup".
22 12 <div class="imagemExemplo">
23 13 <img src="imagens/geracaobd/geracaobd2.png">
24 14 </div>
25 15 <div class="imagemExemplo">
26 16 <img src="imagens/geracaobd/geracaobd3.png">
27 17 </div>
28   - <p>A janela de parâmetros é então aberta e basta preencher os campos indicando o formato, "rolename" e o nome do arquivo que será gerado. A distribuição normal do i3GeoSaúde e no SVN do projeto, o arquivo dump é gerado na pasta raiz do "htdocs", por exemplo "/var/www" em um SO Ubuntu. Uma vez definidos os parâmetors basta executar a operação de geração do arquivo de backup.
29   -
30   -</body>
31   -</html>
  18 + <p>A janela de parâmetros &eacute; ent&atilde;o aberta e basta preencher os campos indicando o formato, "rolename" e o nome do arquivo que ser&aacute; gerado. A distribui&ccedil&atilde;o normal do i3GeoSa&uacute;de e no SVN do projeto, o arquivo dump &eacute; gerado na pasta raiz do "htdocs", por exemplo "/var/www" em um SO Ubuntu. Uma vez definidos os parâmetors basta executar a opera&ccedil&atilde;o de gera&ccedil&atilde;o do arquivo de backup.
... ...
docs/glossario.html
  Diff comments   View file @10cd9dc
1   -<!DOCTYPE html>
2   -<html>
3   -<head>
4   -<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
5   -<meta charset="UTF-8">
6   -<title>Glossario i3GeoSaude</title>
7   -<link rel="stylesheet" type="text/css" href="./files/estilos.css" media="screen">
8   -<link rel="stylesheet" type="text/css" href="./files/estilos.css">
9   -</head>
10   -<body class="blue-bg">
11 1 <h1>Gloss&aacute;rio de termos&nbsp;</h1>
12 2 <p>Esse t&oacute;pico voc&ecirc; encontra os principais termos e conceitos envolvidos no GeoS&aacute;ude.
13 3 <h2>API</h2>
... ... @@ -60,5 +50,3 @@ s&amp;atilde;o componentes que permitem &amp;agrave;s aplica&amp;ccedil;&amp;otilde;es enviar e
60 50 <p>Web Map Service (WMS)---(em Portugu&ecirc;s, servi&ccedil;o de mapa pela Internet)---, &eacute; a especifica&ccedil;&atilde;o de um formato, que tem como objetivo poder colocar um mapa num ficheiro ou p&aacute;gina na Internet.
61 51 <h2>XML</h2>
62 52 <p>XML (Extensible Markup Language) &eacute; uma tecnologia padr&atilde;o (W3C) para gerar linguagens de marca&ccedil;&atilde;o para necessidades especiais.
63   -</body>
64   -</html>
... ...
docs/index.html
  Diff comments   View file @10cd9dc
1   -<!DOCTYPE html>
2   -<html lang="pt-br">
3   -<head>
4   -<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
5   -<meta charset="UTF-8">
6   -<title>i3GeoSaude</title>
7   -<link media="screen" href="./files/estilos.css" type="text/css" rel="stylesheet">
8   -<link rel="stylesheet" type="text/css" href="./files/estilos.css">
9   -</head>
10   -<body class="blue-bg">
11 1 <h1>Índice</h1>
12 2 <ul>
13   - <li><a href="fluxograma.html">Fluxograma de processos</a></li>
  3 + <li><a href="index.php?conteudo=fluxograma.html">Fluxograma de processos</a></li>
14 4 </ul>
15 5 <h2>Introdu&ccedil;&atilde;o</h2>
16 6 <ul>
17   - <li><a href="objetivos.html">Objetivos e Funcionalidades do i3GeoSa&uacute;de</a></li>
18   - <li><a href="publico.html">P&uacute;blico alvo</a></li>
  7 + <li><a href="index.php?conteudo=objetivos.html">Objetivos e Funcionalidades do i3GeoSa&uacute;de</a></li>
  8 + <li><a href="index.php?conteudo=publico.html">P&uacute;blico alvo</a></li>
19 9 </ul>
20 10 <h2>Instala&ccedil;&atilde;o</h2>
21 11 <ul>
22   - <li class="new-bullet"><a href="instalacao.html">Como inicializar o i3GeoSa&uacute;de a partir de um "Live USB" ou "Live DVD"</a></li>
23   - <li class="new-bullet"><a href="instalacaoi3Geosaude.html">Instalando o i3GeoSa&uacute;de diretamente (dependências e códigos fonte)</a></li>
  12 + <li class="new-bullet"><a href="index.php?conteudo=instalacao.html">Como inicializar o i3GeoSa&uacute;de a partir de um "Live USB" ou "Live DVD"</a></li>
  13 + <li class="new-bullet"><a href="index.php?conteudo=instalacaoi3Geosaude.html">Instalando o i3GeoSa&uacute;de diretamente (dependências e c&oacute;digos fonte)</a></li>
24 14  
25   - <li class="new-bullet"><a href="configuracao.html">Requisitos mínimos</a></li>
26   - <li class="new-bullet"><a href="softwaresInstalados.html">Softwares </a></li>
  15 + <li class="new-bullet"><a href="index.php?conteudo=configuracao.html">Requisitos m&iacute;nimos</a></li>
  16 + <li class="new-bullet"><a href="index.php?conteudo=softwaresInstalados.html">Softwares </a></li>
27 17 </ul>
28 18 <h2>Administra&ccedil;&atilde;o dos Dados e Metadados</h2>
29 19 <ul>
30   - <li><a href="admin_acesso.html">Acessando o módulo de administração</a></li>
31   - <li><a href="admin_catalogo.html">Notas sobre o catálogo de temas</a></li>
32   - <li><a href="criacao_banco_dados-variavel.html">Notas sobre o banco de dados</a></li>
33   - <li><a href="EditorTabelas.html">Carregando dados no banco</a></li>
34   - <li><a href="shape.html">Mais detalhes sobre a carga de arquivos Shapefile para georreferenciamento dos dados estat&iacute;sticos</a></li>
35   - <li><a href="regiao.html">Cadastrando regiões ou localidades</a></li>
36   - <li><a href="admin_metadados.html">Cadastrando variáveis para a construção dos cartogramas</a></li>
37   - <li><a href="exemplos_saude.html">Exemplos de vari&aacute;veis para a &aacute;reas de Sa&uacute;de</a></li>
  20 + <li><a href="index.php?conteudo=admin_acesso.html">Acessando o m&oacute;dulo de administra&ccedil&atilde;o</a></li>
  21 + <li><a href="index.php?conteudo=admin_catalogo.html">Notas sobre o cat&aacute;logo de temas</a></li>
  22 + <li><a href="index.php?conteudo=criacao_banco_dados-variavel.html">Notas sobre o banco de dados</a></li>
  23 + <li><a href="index.php?conteudo=EditorTabelas.html">Carregando dados no banco</a></li>
  24 + <li><a href="index.php?conteudo=shape.html">Mais detalhes sobre a carga de arquivos Shapefile para georreferenciamento dos dados estat&iacute;sticos</a></li>
  25 + <li><a href="index.php?conteudo=regiao.html">Cadastrando regi&otilde;es ou localidades</a></li>
  26 + <li><a href="index.php?conteudo=admin_metadados.html">Cadastrando vari&aacute;veis para a constru&ccedil&atilde;o dos cartogramas</a></li>
  27 + <li><a href="index.php?conteudo=exemplos_saude.html">Exemplos de vari&aacute;veis para a &aacute;reas de Sa&uacute;de</a></li>
38 28  
39   - <li><a href="DigitandoDados.html">Alterando atributos da medida de vari&aacute;vel</a></li>
  29 + <li><a href="index.php?conteudo=DigitandoDados.html">Alterando atributos da medida de vari&aacute;vel</a></li>
40 30 </ul>
41 31 <h2>Usando os cartogramas</h2>
42 32 <ul>
43   - <li><a href="Interface.html">Funcionalidades presentes na interface&nbsp;</a></li>
44   - <li><a href="Ferramentadeanalise.html">Ferramentas de An&aacute;lise</a></li>
45   - <li><a href="Editarvariavel.html">Edi&ccedil;&atilde;o de vari&aacute;veis pelo usu&aacute;rio</a></li>
46   - <li><a href="OperacaoSobreMapa.html">Principais opera&ccedil;&otilde;es sobre os mapas</a></li>
47   - <li><a href="publicacaoNoi3Geosaude.html">Publica&ccedil;&atilde;o dos cartogramas</a></li>
  33 + <li><a href="index.php?conteudo=Interface.html">Funcionalidades presentes na interface&nbsp;</a></li>
  34 + <li><a href="index.php?conteudo=Ferramentadeanalise.html">Ferramentas de An&aacute;lise</a></li>
  35 + <li><a href="index.php?conteudo=Editarvariavel.html">Edi&ccedil;&atilde;o de vari&aacute;veis pelo usu&aacute;rio</a></li>
  36 + <li><a href="index.php?conteudo=OperacaoSobreMapa.html">Principais opera&ccedil;&otilde;es sobre os mapas</a></li>
  37 + <li><a href="index.php?conteudo=publicacaoNoi3Geosaude.html">Publica&ccedil;&atilde;o dos cartogramas</a></li>
48 38 </ul>
49   - <h2>Manutenção</h2>
  39 + <h2>Manuten&ccedil&atilde;o</h2>
50 40 <ul>
51   - <li><a href="iso.html">Recriando uma distribuição ISO</a></li>
52   - <li><a href="geracaobd.html">Geração do banco de dados para distribuição</a></li>
53   - <li><a href="atualizacaoViaSvn.html">Atualização via SVN</a></li>
54   - <li><a href="limpezaTemporarios.html">Limpeza de arquivos temporários</a></li>
55   - <li><a href="backup.html">Cópia de segurança</a></li>
56   - <li><a href="migracao.html">Migração de servidor</a></li>
  41 + <li><a href="index.php?conteudo=iso.html">Recriando uma distribui&ccedil&atilde;o ISO</a></li>
  42 + <li><a href="index.php?conteudo=geracaobd.html">Gera&ccedil&atilde;o do banco de dados para distribui&ccedil&atilde;o</a></li>
  43 + <li><a href="index.php?conteudo=atualizacaoViaSvn.html">Atualiza&ccedil&atilde;o via SVN</a></li>
  44 + <li><a href="index.php?conteudo=limpezaTemporarios.html">Limpeza de arquivos tempor&aacute;rios</a></li>
  45 + <li><a href="index.php?conteudo=backup.html">C&oacute;pia de seguran&ccedila</a></li>
  46 + <li><a href="index.php?conteudo=migracao.html">Migra&ccedil&atilde;o de servidor</a></li>
57 47 </ul>
58 48 <h2>Informa&ccedil;&otilde;es adicionais</h2>
59 49 <ul>
60   - <li><a href="Padrao.html">Padr&otilde;es de Governo Eletr&ocirc;nico e Interoperabilidade (eGov, ePing)</a></li>
61   - <li><a href="infraestruturas.html">Infraestrutura Nacional de Dados Espaciais (INDE)</a></li>
62   - <li><a href="integracao.html">Integra&ccedil;&atilde;o do i3GeoSa&uacute;de com outras ferramentas</a></li>
63   - <li><a href="softwarepublico.html">Comunidade i3GeoSa&uacute;de no Portal do Software Livre</a></li>
64   - <li><a href="glossario.html">Gloss&aacute;rio de termos e conceitos</a></li>
  50 + <li><a href="index.php?conteudo=Padrao.html">Padr&otilde;es de Governo Eletr&ocirc;nico e Interoperabilidade (eGov, ePing)</a></li>
  51 + <li><a href="index.php?conteudo=infraestruturas.html">Infraestrutura Nacional de Dados Espaciais (INDE)</a></li>
  52 + <li><a href="index.php?conteudo=integracao.html">Integra&ccedil;&atilde;o do i3GeoSa&uacute;de com outras ferramentas</a></li>
  53 + <li><a href="index.php?conteudo=softwarepublico.html">Comunidade i3GeoSa&uacute;de no Portal do Software Livre</a></li>
  54 + <li><a href="index.php?conteudo=glossario.html">Gloss&aacute;rio de termos e conceitos</a></li>
65 55 <li>Perguntas frequentes (FAQ)</li>
66 56 </ul>
67 57 <h2>V&iacute;deos Tutoriais</h2>
68 58 <ul>
69   - <li><a href="videos/index.html">V&iacute;deos tutoriais sobre o i3GeoSa&uacute;de</a></li>
  59 + <li><a href="index.php?conteudo=videos.html">V&iacute;deos tutoriais sobre o i3GeoSa&uacute;de</a></li>
70 60 </ul>
71 61 <ul>
72 62 </ul>
73   -</body>
74   -</html>
... ...
docs/index.php 0 → 100644
  Diff comments   View file @10cd9dc
... ... @@ -0,0 +1,22 @@
  1 + <!DOCTYPE html>
  2 + <html xml:lang="pt-BR" dir="ltr" lang="pt-BR"><head>
  3 + <title>Sala de Apoio a Gest&atilde;o Estrat&eacute;gica</title>
  4 + <meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
  5 + <meta charset="UTF-8">
  6 + <link rel="stylesheet" type="text/css" href="../css/estilo.css" />
  7 + </head>
  8 + <body>
  9 +
  10 +<?php
  11 +include("cabecalho.html");
  12 +echo '<div id="conteudo" >';
  13 +if(!isset($_GET["conteudo"])){
  14 + include("index.html");
  15 +}
  16 +else{
  17 + include($_GET["conteudo"]);
  18 +}
  19 +echo '</div>';
  20 +?>
  21 +</body>
  22 +</html>
... ...
docs/infraestruturas.html
  Diff comments   View file @10cd9dc
1   -<!DOCTYPE html>
2   -<html>
3   -<head>
4   -<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
5   -<meta charset="UTF-8">
6   -<title>i3GeoSaude</title>
7   -<link media="screen" href="./files/estilos.css" type="text/css" rel="stylesheet">
8   -<link rel="stylesheet" type="text/css" href="./files/estilos.css">
9   -</head>
10   -<body class="blue-bg">
11 1 <h1>Infraestrutaras nacionais de dados</h1>
12 2 <p>O governo federal, seguindo iniciativas internacionais bem sucedidas no campo da transpar&ecirc;ncia e do compartilhamento de dados p&uacute;blicos, estruturou e disponibilizou metodologias e instrumentos que permitem &agrave;s diversas organiza&ccedil;&otilde;es p&uacute;blicas disponibilizar seus dados e acessar dados de outras organiza&ccedil;&otilde;es.
13 3 <p>A infraestrutura nacional de dados espaciais (INDE), coordenada pelo IBGE/MPOG, permite o compartilhamento de metadados e dados referentes a cartogramas e outros tipos de dados espaciais.</p>
... ... @@ -19,5 +9,3 @@
19 9 </p>
20 10 <p>
21 11 INDE: <a href="http://www.inde.gov.br/">http://www.inde.gov.br/</a>
22   -</body>
23   -</html>
... ...
docs/instalacao.html
  Diff comments   View file @10cd9dc
1   -<!DOCTYPE html>
2   -<html>
3   -<head>
4   -<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
5   -<meta charset="UTF-8">
6   -<title>i3GeoSaude</title>
7   -<link media="screen" href="./files/estilos.css" type="text/css" rel="stylesheet">
8   -<link rel="stylesheet" type="text/css" href="./files/estilos.css">
9   -</head>
10   -<body class="blue-bg">
11 1 <h1>Inicializando o i3GeoSa&uacute;de</h1>
12 2 <p>O i3GeoSa&uacute;de pode ser utilizado em sistemas operacionais Windows e Linux. Em ambos os casos, &eacute; necess&aacute;rio instalar o ambiente onde o i3GeoSa&uacute;de ir&aacute; funcionar, o que significa configurar no computador um servidor WEB, mesmo que seja para uso local do sistema.
13 3 <p>
14   - Esse servidor necessita basicamente dos softwares que o i3Geo precisa para funcionar: Apache, PHP, Mapserver e outros (veja <a href="softwaresInstalados.html">Softwares Instalados</a>). Para facilitar a instala&ccedil;&atilde;o e utiliza&ccedil;&atilde;o do sistema i3GeoSa&uacute;de, duas op&ccedil;&otilde;es est&atilde;o dispon&iacute;veis.
  4 + Esse servidor necessita basicamente dos softwares que o i3Geo precisa para funcionar: Apache, PHP, Mapserver e outros (veja <a href="index.php?conteudo=softwaresInstalados.html">Softwares Instalados</a>). Para facilitar a instala&ccedil;&atilde;o e utiliza&ccedil;&atilde;o do sistema i3GeoSa&uacute;de, duas op&ccedil;&otilde;es est&atilde;o dispon&iacute;veis.
15 5 <h2>Usando o Pendrive (Live USB)</h2>
16 6 <p>O i3GeoSa&uacute;de pode ser executado diretamente do "pendrive",&nbsp; por meio do "boot" (inicializa&ccedil;&atilde;o do computador) usando a&nbsp;unidade USB do seu computador. Para isso,&nbsp; &eacute; necess&aacute;rio reiniciar ou ligar o equipamento mantendo o pendrive plugado na USB. &atilde;o &eacute; bastante &uacute ;til pois o i3GeoSa&uacute;de poder&aacute; ser testado sem que ocorra qualquer modifica&ccedil;&atilde;o no sistema operacional, ou seja, voc&ecirc; n&atilde;o
17 7 corre riscos de ter softwares adicionais instalados em seu ambiente de uso normal. As altera&ccedil;&otilde;es que voc&ecirc; fizer no i3GeoSa&uacute;de ficar&atilde;o gravadas no pendrive e estar&atilde;o a sua disposi&ccedil;&atilde;o toda vez que utilizar o sistema.
... ... @@ -34,6 +24,4 @@
34 24 <p>Tela de abertura do software da m&aacute;quina virtual, neste exemplo foi empregada m&aacute;quina virtual "Portable Virtual Box", da Oracle
35 25 </div>
36 26 <p>
37   - Os procedimentos para inicializar o sistema operacional e o i3GeoSa&uacute;de seguem o mesmo processo visto na se&ccedil;&atilde;o anterior (<a href="#Usando_o_Pendrive_Live_USB">Usando o Pendrive - Live USB</a>).
38   -</body>
39   -</html>
  27 + Os procedimentos para inicializar o sistema operacional e o i3GeoSa&uacute;de seguem o mesmo processo visto na se&ccedil;&atilde;o anterior).
... ...
docs/instalacaoi3Geosaude.html
  Diff comments   View file @10cd9dc
1   -<!DOCTYPE html>
2   -<html>
3   -<head>
4   -<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
5   -<meta charset="UTF-8">
6   -<title>i3GeoSaude</title>
7   -<link media="screen" href="./files/estilos.css" type="text/css" rel="stylesheet">
8   -<link rel="stylesheet" type="text/css" href="./files/estilos.css">
9   -</head>
10   -<body class="blue-bg">
11   -<body>
12   - <h1>Instalando o i3GeoSaúde diretamente&nbsp;</h1>
  1 + <h1>Instalando o i3GeoSa&uacute;de diretamente&nbsp;</h1>
13 2 <p>
14   - Se você deseja instalar o software diretamente em um computador sem que ocorram alterações nos sistemas operacionais instalados siga as instruções apresentadas nos dois primeiros itens abaixo. O terceiro item explica como criar um USB tendo como base uma imagem ISO. Essa terceira alternativa criará um instalador que utilizará o sistema operacional Xubuntu, com ele você poderá testar o software ou instalar em vários computadores. <p>Os arquivos do i3GeoSaúde estão disponíveis no
  3 + Se você deseja instalar o software diretamente em um computador sem que ocorram altera&ccedil&otilde;es nos sistemas operacionais instalados siga as instru&ccedil&otilde;es apresentadas nos dois primeiros itens abaixo. O terceiro item explica como criar um USB tendo como base uma imagem ISO. Essa terceira alternativa criar&aacute; um instalador que utilizar&aacute; o sistema operacional Xubuntu, com ele você poder&aacute; testar o software ou instalar em v&aacute;rios computadores. <p>Os arquivos do i3GeoSa&uacute;de est&atilde;o dispon&iacute;veis no
15 4 <a href="http://www.softwarepublico.gov.br/"
16   - style="text-decoration: none;"> Portal do Software Público Brasileiro</a> (SPB). Para ter acesso a eles é desejável fazer um <a href="http://www.softwarepublico.gov.br/register/user-new" style="text-decoration: none;"> cadastro</a>. O SPB, utiliza o SVN, um sistema de controle de versões para disponibilizar os softwares. Assim, para obter os arquivos do i3GeoSaúde é necessário ter um cliente SVN. No Windows pode ser utilizado o <a href="http://tortoisesvn.net/downloads.html"
17   - style="text-decoration: none;"> Tortoise</a> no Linux o <a href="http://subversion.tigris.org/" style="text-decoration: none;"> Subversion</a> A utilização do SVN é importante pois você poderá atualizar o software sempre que achar necessário.
  5 + style="text-decoration: none;"> Portal do Software P&uacute;blico Brasileiro</a> (SPB). Para ter acesso a eles &eacute; desej&aacute;vel fazer um <a href="http://www.softwarepublico.gov.br/register/user-new" style="text-decoration: none;"> cadastro</a>. O SPB, utiliza o SVN, um sistema de controle de vers&otilde;es para disponibilizar os softwares. Assim, para obter os arquivos do i3GeoSa&uacute;de &eacute; necess&aacute;rio ter um cliente SVN. No Windows pode ser utilizado o <a href="http://tortoisesvn.net/downloads.html"
  6 + style="text-decoration: none;"> Tortoise</a> no Linux o <a href="http://subversion.tigris.org/" style="text-decoration: none;"> Subversion</a> A utiliza&ccedil&atilde;o do SVN &eacute; importante pois você poder&aacute; atualizar o software sempre que achar necess&aacute;rio.
18 7 <ul>
19   - <li><a href="InstalacaoWindows.html">Instalação do
20   -i3GeoSaúde no Windows</a></li>
21   - <li><a href="linux.html">Instalando&nbsp;i3GeoSaúde no Linux</a></li>
22   - <li><a href="live.html">Construindo e utilizando um live USB</a></li>
  8 + <li><a href="index.php?conteudo=InstalacaoWindows.html">Instala&ccedil&atilde;o do
  9 +i3GeoSa&uacute;de no Windows</a></li>
  10 + <li><a href="index.php?conteudo=linux.html">Instalando&nbsp;i3GeoSa&uacute;de no Linux</a></li>
  11 + <li><a href="index.php?conteudo=live.html">Construindo e utilizando um live USB</a></li>
23 12 </ul>
24   -</body>
25   -</html>
... ...
docs/integracao.html
  Diff comments   View file @10cd9dc
1   -<!DOCTYPE html>
2   -<html>
3   -<head>
4   - <meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
5   - <meta charset="UTF-8">
6   - <title>i3GeoSaude</title>
7   - <link media="screen" href="./files/estilos.css" type="text/css"
8   -rel="stylesheet">
9   - <link rel="stylesheet" type="text/css" href="./files/estilos.css">
10   -</head>
11   -<body class="blue-bg">
12 1 <h1>Integra&ccedil;&atilde;o do i3GeoSa&uacute;de com outras ferramentas
13 2 livres</h1>
14 3 <p>
... ... @@ -35,5 +24,3 @@ aplica&amp;ccedil;&amp;otilde;es, no entanto, o DEMAS/SE/MS est&amp;aacute;
35 24 estudando as altera&ccedil;&otilde;es necess&aacute;rias em ambas
36 25 solu&ccedil;&otilde;es para que a integra&ccedil;&atilde;o d&ecirc;-se
37 26 de forma mais adequada para o usu&aacute;rio final.
38   -</body>
39   -</html>
... ...
docs/iso.html
  Diff comments   View file @10cd9dc
1   -<!DOCTYPE html>
2   -<html>
3   -<head>
4   -<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
5   -<meta charset="UTF-8">
6   -<title>i3GeoSaude</title>
7   -<link media="screen" href="./files/estilos.css" type="text/css" rel="stylesheet">
8   -<link rel="stylesheet" type="text/css" href="./files/estilos.css">
9   -</head>
10   -<body class="blue-bg">
11   - <h1>Recriando uma distribuição ISO</h1>
12   - <p>Após a instalaçao do i3GeoSaúde é possível recriar um arquivo ISO que poderá ser armazenado em um dispositivo USB para redistribuição. O novo "pendrive" conterá todas as modificações feitas no sistema e poderá ser utilizado diretamente ou reinstalado em outro computador.
  1 + <h1>Recriando uma distribui&ccedil&atilde;o ISO</h1>
  2 + <p>Ap&oacute;s a instala&ccedilao do i3GeoSa&uacute;de &eacute; poss&iacute;vel recriar um arquivo ISO que poder&aacute; ser armazenado em um dispositivo USB para redistribui&ccedil&atilde;o. O novo "pendrive" conter&aacute; todas as modifica&ccedil&otilde;es feitas no sistema e poder&aacute; ser utilizado diretamente ou reinstalado em outro computador.
13 3 <p>Veja mais detalhes no link <a href="http://en.wikipedia.org/wiki/ISO_image" >http://en.wikipedia.org/wiki/ISO_image</a>
14 4 <h2>Roteiro</h2>
15   - <p>Um arquivo ISO é limitado a um máximo de 4Gb. Esse limite é facilmente extrapolado no processo descrito aqui pois todo o sistema operacional e arquivos são incluídos no resultado final, por isso é muito importante reduzir ao máximo o sistema de arquivos removendo softwares pouco usados e arquivos temporários.
16   - <p>Como o i3Geo gera arquivos temporários na pasta /tmp/ms_tmp, antes de criar o arquivo ISO reinicie o computador e siga o roteiro sem abrir o mapa do i3Geo (ao reiniciar os arquivos temporários são removidos).
17   - <p>Execute também operações de limpeza no Firefox, excluindo os arquivos temporários e cookies. Feito isso, rode o programa BleachBit que é inicializado a partir do menu de aplicativos e opção "Sistema". Se mesmo com essa limpeza o arquivo ISO ficar com mais de 4 Gb experimente remover os arquivos de backup existentes na pasta HOME e na pasta /var/www. A pasta escondida /var/www/.svn pode ser removida mas isso implica na perda da conexão entre o código do i3GeoSaúde e o repositório SVN impedindo sua atualização. Como existem muitos vídeos na pasta /var/www/docs, removê-los poderá diminuir o volume e após a instalação do i3GeoSaúde o processo de "update" irá recuperá-los.
  5 + <p>Um arquivo ISO &eacute; limitado a um m&aacute;ximo de 4Gb. Esse limite &eacute; facilmente extrapolado no processo descrito aqui pois todo o sistema operacional e arquivos s&atilde;o inclu&iacute;dos no resultado final, por isso &eacute; muito importante reduzir ao m&aacute;ximo o sistema de arquivos removendo softwares pouco usados e arquivos tempor&aacute;rios.
  6 + <p>Como o i3Geo gera arquivos tempor&aacute;rios na pasta /tmp/ms_tmp, antes de criar o arquivo ISO reinicie o computador e siga o roteiro sem abrir o mapa do i3Geo (ao reiniciar os arquivos tempor&aacute;rios s&atilde;o removidos).
  7 + <p>Execute tamb&eacute;m opera&ccedil&otilde;es de limpeza no Firefox, excluindo os arquivos tempor&aacute;rios e cookies. Feito isso, rode o programa BleachBit que &eacute; inicializado a partir do menu de aplicativos e op&ccedil&atilde;o "Sistema". Se mesmo com essa limpeza o arquivo ISO ficar com mais de 4 Gb experimente remover os arquivos de backup existentes na pasta HOME e na pasta /var/www. A pasta escondida /var/www/.svn pode ser removida mas isso implica na perda da conex&atilde;o entre o c&oacute;digo do i3GeoSa&uacute;de e o reposit&oacute;rio SVN impedindo sua atualiza&ccedil&atilde;o. Como existem muitos v&iacute;deos na pasta /var/www/docs, removê-los poder&aacute; diminuir o volume e ap&oacute;s a instala&ccedil&atilde;o do i3GeoSa&uacute;de o processo de "update" ir&aacute; recuper&aacute;-los.
18 8 <div class="imagemExemplo">
19 9 <img src="imagens/iso/iso1.png">
20 10 </div>
21   - <p>Após a limpeza deve ser feita a geração do arquivo ISO. Acesse o gerenciador de Configurações e abra o programa Remastersys.
  11 + <p>Ap&oacute;s a limpeza deve ser feita a gera&ccedil&atilde;o do arquivo ISO. Acesse o gerenciador de Configura&ccedil&otilde;es e abra o programa Remastersys.
22 12 <div class="imagemExemplo">
23 13 <img src="imagens/iso/iso2.png">
24 14 </div>
25 15 <div class="imagemExemplo">
26 16 <img src="imagens/iso/iso3.png">
27 17 </div>
28   - <p>Complete a limpeza de arquivos acionando a opção "Clear working folder". Em seguida altere algumas das configurações acionando o botão "Customize".
  18 + <p>Complete a limpeza de arquivos acionando a op&ccedil&atilde;o "Clear working folder". Em seguida altere algumas das configura&ccedil&otilde;es acionando o bot&atilde;o "Customize".
29 19 <div class="imagemExemplo">
30 20 <img src="imagens/iso/iso5.png">
31 21 </div>
32   - <p>Copie agora os dados de usuário acionando a opção "User settings" e na janela seguinte, escolha "i3geosaude".
33   - <p>Voltando a tela de customizações, acione a opção "Configure" e na tela seguinte escolha um novo nome para a imagem ISO.
34   - <p>Após concluir, acione "Quit" para voltar à tela de inicialização.
35   - <p>De volta à tela principal do Remastersys, acione a opção "Backup" para dar início ao processo de geração da imagem ISO.
  22 + <p>Copie agora os dados de usu&aacute;rio acionando a op&ccedil&atilde;o "User settings" e na janela seguinte, escolha "i3geosaude".
  23 + <p>Voltando a tela de customiza&ccedil&otilde;es, acione a op&ccedil&atilde;o "Configure" e na tela seguinte escolha um novo nome para a imagem ISO.
  24 + <p>Ap&oacute;s concluir, acione "Quit" para voltar à tela de inicializa&ccedil&atilde;o.
  25 + <p>De volta à tela principal do Remastersys, acione a op&ccedil&atilde;o "Backup" para dar in&iacute;cio ao processo de gera&ccedil&atilde;o da imagem ISO.
36 26 <div class="imagemExemplo">
37 27 <img src="imagens/iso/iso4.png">
38 28 </div>
... ... @@ -40,18 +30,16 @@
40 30 <img src="imagens/iso/iso6.png">
41 31 </div>
42 32  
43   - <p>No final, a pasta "remastersys" terá sido criada na raiz do sistema de arquivos. Dentro dessa pasta estará o arquivo *.iso para ser gravado em um USB.
  33 + <p>No final, a pasta "remastersys" ter&aacute; sido criada na raiz do sistema de arquivos. Dentro dessa pasta estar&aacute; o arquivo *.iso para ser gravado em um USB.
44 34 <div class="imagemExemplo">
45 35 <img src="imagens/iso/iso8.png">
46 36 </div>
47   - <p>Agora já é possível gravar a imagem ISO em um pendrive. Insira o dispositivo em uma saída USB e ative o gravador, localizado no menu de aplicativos em "Sistemas"->"Criador de discos de inicialização".
  37 + <p>Agora j&aacute; &eacute; poss&iacute;vel gravar a imagem ISO em um pendrive. Insira o dispositivo em uma sa&iacute;da USB e ative o gravador, localizado no menu de aplicativos em "Sistemas"->"Criador de discos de inicializa&ccedil&atilde;o".
48 38 <div class="imagemExemplo">
49 39 <img src="imagens/iso/iso9.png">
50 40 </div>
51   - <p>Na lista de dispositivos, escolha o pendrive desejado e acione "Apagar disco". Escolha também o arquivo iso que foi criado e clique em "Criar disco de inicialização"
  41 + <p>Na lista de dispositivos, escolha o pendrive desejado e acione "Apagar disco". Escolha tamb&eacute;m o arquivo iso que foi criado e clique em "Criar disco de inicializa&ccedil&atilde;o"
52 42 <div class="imagemExemplo">
53 43 <img src="imagens/iso/iso10.png">
54 44 </div>
55   - <p>Concluído o processo, teste a geração do pendrive religando o computador mas mantendo o dispositivo conectado na porta USB.
56   -</body>
57   -</html>
  45 + <p>Conclu&iacute;do o processo, teste a gera&ccedil&atilde;o do pendrive religando o computador mas mantendo o dispositivo conectado na porta USB.
... ...
docs/limpezaTemporarios.html
  Diff comments   View file @10cd9dc
1   -<!DOCTYPE html>
2   -<html>
3   -<head>
4   -<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
5   -<meta charset="UTF-8">
6   -<title>i3GeoSaude</title>
7   -<link media="screen" href="./files/estilos.css" type="text/css" rel="stylesheet">
8   -<link rel="stylesheet" type="text/css" href="./files/estilos.css">
9   -</head>
10   -<body class="blue-bg">
11   - <h1>Limpeza de arquivos temporários</h1>
12   - <p>O i3Geo utiliza de forma intensa a criação de arquivos temporários para o funcionamento dos mapas interativos.
13   - <p>Normalmente esses arquivos são armazenados na pasta <pre>/var/tmp/ms_tmp</pre> em SO Linux e <pre>c:\\ms4w\tmp\ms_tmp</pre> em SO Windows.
  1 + <h1>Limpeza de arquivos tempor&aacute;rios</h1>
  2 + <p>O i3Geo utiliza de forma intensa a cria&ccedil&atilde;o de arquivos tempor&aacute;rios para o funcionamento dos mapas interativos.
  3 + <p>Normalmente esses arquivos s&atilde;o armazenados na pasta <pre>/var/tmp/ms_tmp</pre> em SO Linux e <pre>c:\\ms4w\tmp\ms_tmp</pre> em SO Windows.
14 4 <p>
15   - <p>Periodicamente é necessário apagar esses arquivos temporários para liberar espaço em disco e melhorar a performance do sistema, sendo recomendado executar essa limpeza uma vez por dia ou a cada dois dias em um horário de pouco uso do sistema.
16   - <p>Se você instalou o i3GeoSaúde por meio de um "live-USB" a limpeza já está pré-agendada em sua instalação e ocorre diariamente. Caso seja necessário o comando de limpeza pode ser disparado acionando-se a opção existente no menu suspenso (Comece aqui -> Manutenção).
17   - <p>Os scripts utilizados nessas opções encontram-se na pasta /var/www/pastaHomeDistXubuntu/i3geosaude/Manutenção
18   -
19   -</body>
20   -</html>
  5 + <p>Periodicamente &eacute; necess&aacute;rio apagar esses arquivos tempor&aacute;rios para liberar espa&ccedilo em disco e melhorar a performance do sistema, sendo recomendado executar essa limpeza uma vez por dia ou a cada dois dias em um hor&aacute;rio de pouco uso do sistema.
  6 + <p>Se você instalou o i3GeoSa&uacute;de por meio de um "live-USB" a limpeza j&aacute; est&aacute; pr&eacute;-agendada em sua instala&ccedil&atilde;o e ocorre diariamente. Caso seja necess&aacute;rio o comando de limpeza pode ser disparado acionando-se a op&ccedil&atilde;o existente no menu suspenso (Comece aqui -> Manuten&ccedil&atilde;o).
  7 + <p>Os scripts utilizados nessas op&ccedil&otilde;es encontram-se na pasta /var/www/pastaHomeDistXubuntu/i3geosaude/Manuten&ccedil&atilde;o
... ...
docs/linux.html
  Diff comments   View file @10cd9dc
1   -<!DOCTYPE html>
2   -<html>
3   -<head>
4   -<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
5   -<meta charset="UTF-8">
6   -<link media="screen" href="./files/estilos.css" type="text/css" rel="stylesheet">
7   -<link rel="stylesheet" type="text/css" href="./files/estilos.css">
8   -</head>
9   -<body class="blue-bg">
10   - <div class="imginicio">
11   - <img onclick="window.history.back()" style="border: 0px solid; width: 40px; height: 40px;" alt="inicio" src="files/inicio.gif">
12   - </div>
13   - <h1>Instalação no Linux</h1>
14   - <p>A instalação do i3GeoSaúde no Linux presume que a distribuição linux tenha o&nbsp; Advanced Packaging Tool (APT). O apt já está presente em distribuições Debian e suas variantes, como ubuntu e xubuntu.
15   - <p>Este processo de instalação foi testado no Ubuntu 13.04 e no Xubuntu 13.04. Instalação das depêndencias
  1 + <h1>Instala&ccedil&atilde;o no Linux</h1>
  2 + <p>A instala&ccedil&atilde;o do i3GeoSa&uacute;de no Linux presume que a distribui&ccedil&atilde;o linux tenha o&nbsp; Advanced Packaging Tool (APT). O apt j&aacute; est&aacute; presente em distribui&ccedil&otilde;es Debian e suas variantes, como ubuntu e xubuntu.
  3 + <p>Este processo de instala&ccedil&atilde;o foi testado no Ubuntu 13.04 e no Xubuntu 13.04. Instala&ccedil&atilde;o das depêndencias
16 4 <h2></h2>
17 5 <p>Instale o Apache
18 6 <pre>$ sudo apt-get install apache2 apache2-doc apache2-utils</pre>
... ... @@ -32,22 +20,22 @@ php5-ps php5-xmlrpc php5-xsl php5-sqlite php5-imagick&lt;/pre&gt;
32 20 <p>7. Instale o subversion
33 21 <p>
34 22 <pre>$ sudo apt-get install subversion</pre>
35   - <h2>Instalação do i3GeoSaúde</h2>
36   - <p>Para este passo, é considerado que você possui uma conta no Portal do Software Público Brasileiro - SPB.
  23 + <h2>Instala&ccedil&atilde;o do i3GeoSa&uacute;de</h2>
  24 + <p>Para este passo, &eacute; considerado que você possui uma conta no Portal do Software P&uacute;blico Brasileiro - SPB.
37 25 <p>
38   - <p>Faça o checkout (baixar o código) do i3GeoSaúde
  26 + <p>Fa&ccedila o checkout (baixar o c&oacute;digo) do i3GeoSa&uacute;de
39 27 <pre>$ svn checkout
40 28 http://svn.softwarepublico.gov.br/svn/i3geo/subgrupos/i3geosaude/ /var/www</pre>
41   - <p>Dê permissão de escrita para o arquivo i3geosaude/i3geo/admin/admin.db
  29 + <p>Dê permiss&atilde;o de escrita para o arquivo i3geosaude/i3geo/admin/admin.db
42 30 <pre>$ sudo chmod -R u=rw,g=rw,o=rw i3geosaude/i3geo/admin/admin.db</pre>
43 31 <p>crie uma pasta ms_tmp dentro de /tmp
44 32 <pre>$ sudo mkdir /tmp/ms_tmp</pre>
45   - <p>Altere as permissões da pasta ms_tmp
  33 + <p>Altere as permiss&otilde;es da pasta ms_tmp
46 34 <pre>$ sudo chmod -R u=rwx,g=rwx,o=rwx /tmp/ms_tmp</pre>
47   - <p>Crie um link simbólico dentro da pasta /var/www apontando para /tmp/ms_tmp
  35 + <p>Crie um link simb&oacute;lico dentro da pasta /var/www apontando para /tmp/ms_tmp
48 36 <pre>$ sudo ln -s /tmp/ms_tmp /var/www/ms_tmp</pre>
49   - <h2>Criando o banco de dados do i3GeoSaúde</h2>
50   - <p>Primeiro, é preciso alterar a senha do postgres, para isso;
  37 + <h2>Criando o banco de dados do i3GeoSa&uacute;de</h2>
  38 + <p>Primeiro, &eacute; preciso alterar a senha do postgres, para isso;
51 39 <p>
52 40 <pre>$ sudo su postgres</pre>
53 41 <pre>$ psql</pre>
... ... @@ -64,5 +52,3 @@ http://svn.softwarepublico.gov.br/svn/i3geo/subgrupos/i3geosaude/ /var/www&lt;/pre&gt;
64 52 <pre># /usr/bin/pg_restore --host localhost --port 5432 --username "postgres" --dbname "i3geosaude"
65 53 --no-password --list "/var/www/databasei3geosaude.backup"</pre>
66 54 <p>No seu navegador de preferência digite: http://localhost/ e comece a trabalhar!!!
67   -</body>
68   -</html>
... ...
docs/live.html
  Diff comments   View file @10cd9dc
1   -<!DOCTYPE html>
2   -<html>
3   -<head>
4   -<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
5   -<meta charset="UTF-8">
6   -<title>Gerando links com parâmetros de inicialização</title>
7   -<link media="screen" href="./files/estilos.css" type="text/css" rel="stylesheet">
8   -<link rel="stylesheet" type="text/css" href="./files/estilos.css">
9   -</head>
10   -<body class="blue-bg">
11   -<body>
12   - <div class="imginicio">
13   - <img onclick="window.history.back()" style="border: 0px solid; width: 40px; height: 40px;" alt="inicio" src="files/inicio.gif">
14   - </div>
15 1 <h1>Construindo e utilizando um live USB</h1>
16   - <p>"Live USB" é um pendrive USB contendo um sistema operacional a partir do qual se pode "iniciar" um computador. Um Live USB pode ser usado para recuperação de dados, para testar sistemas sem ter que instalá-lo no disco rígido ou para distribuir softwares que dependem de um ambiente específico de funcionamento.
  2 + <p>"Live USB" &eacute; um pendrive USB contendo um sistema operacional a partir do qual se pode "iniciar" um computador. Um Live USB pode ser usado para recupera&ccedil&atilde;o de dados, para testar sistemas sem ter que instal&aacute;-lo no disco r&iacute;gido ou para distribuir softwares que dependem de um ambiente espec&iacute;fico de funcionamento.
17 3 <p>
18   - <p>No caso do i3GeoSaúde, a criação de um "live USB" facilita a distribuição do software e a sua instalação. Isso ocorre porque o sistema precisa de vários outros softwares para funcionar adequadamente, tais como Apache, PHP, Postgis, etc. Com o "live USB" preparado, a única coisa que o usuário precisa é conectar o pendrive e ligar o computador, ou mesmo executar o software sem sair do sistema operacional em uso, utilizando para isso uma máquina virtual.
  4 + <p>No caso do i3GeoSa&uacute;de, a cria&ccedil&atilde;o de um "live USB" facilita a distribui&ccedil&atilde;o do software e a sua instala&ccedil&atilde;o. Isso ocorre porque o sistema precisa de v&aacute;rios outros softwares para funcionar adequadamente, tais como Apache, PHP, Postgis, etc. Com o "live USB" preparado, a &uacute;nica coisa que o usu&aacute;rio precisa &eacute; conectar o pendrive e ligar o computador, ou mesmo executar o software sem sair do sistema operacional em uso, utilizando para isso uma m&aacute;quina virtual.
19 5 <h2>Obtendo o arquivo i3geosaude.iso</h2>
20   - <p>O arquivo i3geosaude.iso é uma imagem do sistema operacional Xubuntu com o i3GeoSaúde já instalado.
21   - <p>O arquivo i3geosaude.iso pode ser baixado em um dos seguintes endereços:
  6 + <p>O arquivo i3geosaude.iso &eacute; uma imagem do sistema operacional Xubuntu com o i3GeoSa&uacute;de j&aacute; instalado.
  7 + <p>O arquivo i3geosaude.iso pode ser baixado em um dos seguintes endere&ccedilos:
22 8 <ul>
23   - <li>endereço 1</li>
24   - <li>endereço 2</li>
  9 + <li>endere&ccedilo 1</li>
  10 + <li>endere&ccedilo 2</li>
25 11 </ul>
26 12 <h2>Gravando o arquivo ISO em um pen-drive</h2>
27   - <p>Existem várias formas de se “queimar” uma iso em um drive USB. A que iremos adotar é uma das mais amigáveis e será feita no Windows.
  13 + <p>Existem v&aacute;rias formas de se “queimar” uma iso em um drive USB. A que iremos adotar &eacute; uma das mais amig&aacute;veis e ser&aacute; feita no Windows.
28 14 <p>
29   - Faça o download do LILI&nbsp; em <a href="http://www.linuxliveusb.com/pt/download">http://www.linuxliveusb.com/pt/download</a> e instale-o.
  15 + Fa&ccedila o download do LILI&nbsp; em <a href="http://www.linuxliveusb.com/pt/download">http://www.linuxliveusb.com/pt/download</a> e instale-o.
30 16 <p>Abra o LILI.
31 17 <div class="imagemExemplo">
32 18 <img style="width: 244px; height: 400px;" alt="lili" src="imagens/live/Lili.png">
... ... @@ -42,48 +28,46 @@
42 28 <div class="imagemExemplo">
43 29 <img style="width: 368px; height: 136px;" alt="fonte" src="imagens/live/Lili-fonte.png">
44 30 </div>
45   - <p>Escolha o tamanho da persistência. Caso seja utilizado em uma máquina virtual é necessário ter um arquivo de persistência para que as alterações feitas durante a execução dos programas sejam gravadas.
  31 + <p>Escolha o tamanho da persistência. Caso seja utilizado em uma m&aacute;quina virtual &eacute; necess&aacute;rio ter um arquivo de persistência para que as altera&ccedil&otilde;es feitas durante a execu&ccedil&atilde;o dos programas sejam gravadas.
46 32 <div class="imagemExemplo">
47 33 <img style="width: 368px; height: 113px;" alt="persistencia" src="imagens/live/Lili-persistencia.png">
48 34 </div>
49   - <p>Marque todas as opções. A última opção instalará dentro do pendrive uma máquina virtual que possibilitará testar o i3GeoSaúde de dentro do Windows.
  35 + <p>Marque todas as op&ccedil&otilde;es. A &uacute;ltima op&ccedil&atilde;o instalar&aacute; dentro do pendrive uma m&aacute;quina virtual que possibilitar&aacute; testar o i3GeoSa&uacute;de de dentro do Windows.
50 36 <div class="imagemExemplo">
51   - <img style="width: 368px; height: 115px;" alt="opção" src="imagens/live/Lili-opcao.png">
  37 + <img style="width: 368px; height: 115px;" alt="op&ccedil&atilde;o" src="imagens/live/Lili-opcao.png">
52 38 </div>
53   - <p>Caso você queira utilizar o pendrive para ligar o computador inicializando o Xubuntu diretamente, fora da máquina virtual, deixe a terceira opção desmarcada.
  39 + <p>Caso você queira utilizar o pendrive para ligar o computador inicializando o Xubuntu diretamente, fora da m&aacute;quina virtual, deixe a terceira op&ccedil&atilde;o desmarcada.
54 40 <p>
55   - <p>Clique no raio para começar o processo de criação do pendrive inicializável. Este processo levará alguns minutos.
  41 + <p>Clique no raio para come&ccedilar o processo de cria&ccedil&atilde;o do pendrive inicializ&aacute;vel. Este processo levar&aacute; alguns minutos.
56 42 <div class="imagemExemplo">
57   - <img style="width: 368px; height: 115px;" alt="instalação" src="imagens/live/Lili-instal.png">
  43 + <img style="width: 368px; height: 115px;" alt="instala&ccedil&atilde;o" src="imagens/live/Lili-instal.png">
58 44 </div>
59   - <p>Após a finalização o seu pendrive estará pronto para ser usado. Utilizando o i3GeoSáude Live USB
  45 + <p>Ap&oacute;s a finaliza&ccedil&atilde;o o seu pendrive estar&aacute; pronto para ser usado. Utilizando o i3GeoS&aacute;ude Live USB
60 46 <h2></h2>
61   - <p>Podemos utilizar o nosso pendrive de duas maneiras: Com a máquina virtual de dentro do Windows ou dando boot pelo pendrive.
  47 + <p>Podemos utilizar o nosso pendrive de duas maneiras: Com a m&aacute;quina virtual de dentro do Windows ou dando boot pelo pendrive.
62 48 <p>
63 49 <p>
64   - <b>Máquina virtual no WINDOWS</b>
65   - <p>Por default a máquina virtual instalada dentro do i3GeoSáude Live USB vem configurada para utilizar 384 MB, o que deixa nossa aplicação muito lenta. Iremos alterar isso.
66   - <p>Pelo Windows Explorer, acesse o pendrive, entre na pasta VirtualBox e execute o arquivo VirtualBox.exe. Clique na opção Settings.
  50 + <b>M&aacute;quina virtual no WINDOWS</b>
  51 + <p>Por default a m&aacute;quina virtual instalada dentro do i3GeoS&aacute;ude Live USB vem configurada para utilizar 384 MB, o que deixa nossa aplica&ccedil&atilde;o muito lenta. Iremos alterar isso.
  52 + <p>Pelo Windows Explorer, acesse o pendrive, entre na pasta VirtualBox e execute o arquivo VirtualBox.exe. Clique na op&ccedil&atilde;o Settings.
67 53 <div class="imagemExemplo">
68 54 <img style="width: 361px; height: 145px;" alt="virtbox 0" src="imagens/live/vbox0.png">
69 55 </div>
70   - <p>Na janela que irá abrir, clique na opção System e altere o tamanho da opção Base Memory, mova o cursor até o final da linha verde.
  56 + <p>Na janela que ir&aacute; abrir, clique na op&ccedil&atilde;o System e altere o tamanho da op&ccedil&atilde;o Base Memory, mova o cursor at&eacute; o final da linha verde.
71 57 <div class="imagemExemplo">
72 58 <img style="width: 400px; height: 299px;" alt="virtual box" src="imagens/live/vbox1.png">
73 59 </div>
74 60 <p>Feito isso, clique em ok e feche o VirtualBox
75 61 <p>Agora execute o arquivo Virtualize_This_Key.exe
76   - <p>Selecione a opção live - boot the Live System, espere a inicialização.
  62 + <p>Selecione a op&ccedil&atilde;o live - boot the Live System, espere a inicializa&ccedil&atilde;o.
77 63 <div class="imagemExemplo">
78 64 <img style="width: 400px; height: 365px;" alt="vgbox" src="imagens/live/vboxg0.png">
79 65 </div>
80   - <p>A senha para o usuário i3geosaude é i3geosaude. Digite a senha e clique em iniciar sessão.
  66 + <p>A senha para o usu&aacute;rio i3geosaude &eacute; i3geosaude. Digite a senha e clique em iniciar sess&atilde;o.
81 67 <div class="imagemExemplo">
82 68 <img style="width: 400px; height: 329px;" alt="vboxg1" src="imagens/live/vboxg1.png">
83 69 </div>
84   - <p>Clique no icone i3GeoSaúde que se encontra na área de trabalho. E comece a trabalhar!
  70 + <p>Clique no icone i3GeoSa&uacute;de que se encontra na &aacute;rea de trabalho. E comece a trabalhar!
85 71 <div class="imagemExemplo">
86 72 <img style="width: 400px; height: 316px;" alt="i3geosaude" src="imagens/live/vboxg2.png">
87 73 </div>
88   -</body>
89   -</html>
... ...
docs/migracao.html
  Diff comments   View file @10cd9dc
1   -<!DOCTYPE html>
2   -<html>
3   -<head>
4   -<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
5   -<meta charset="UTF-8">
6   -<title>i3GeoSaude</title>
7   -<link media="screen" href="./files/estilos.css" type="text/css" rel="stylesheet">
8   -<link rel="stylesheet" type="text/css" href="./files/estilos.css">
9   -</head>
10   -<body class="blue-bg">
11   - <h1>Migração de servidor</h1>
12   - <p>Ao instalar o i3GeoSaúde tendo como base a imagem ISO ou Live-USB o sistema operacional utilizado é o Xubuntu. Em ambientes definitivos de funcionamento pode ser necessário o uso de outra distribuição Linux. Nesses casos pode ser necessário migrar os trabalhos desenvolvidos de uma instalação para outra.
13   - <p>Ao preparar um servidor com o i3GeoSaúde utilize as orientações de instalação disponíveis nessa documentação e após testar e concluir a configuração normal, faça a cópia dos arquivos da instalação anterior para a nova e outros ajustes conforme indicado abaixo.
  1 + <h1>Migra&ccedil&atilde;o de servidor</h1>
  2 + <p>Ao instalar o i3GeoSa&uacute;de tendo como base a imagem ISO ou Live-USB o sistema operacional utilizado &eacute; o Xubuntu. Em ambientes definitivos de funcionamento pode ser necess&aacute;rio o uso de outra distribui&ccedil&atilde;o Linux. Nesses casos pode ser necess&aacute;rio migrar os trabalhos desenvolvidos de uma instala&ccedil&atilde;o para outra.
  3 + <p>Ao preparar um servidor com o i3GeoSa&uacute;de utilize as orienta&ccedil&otilde;es de instala&ccedil&atilde;o dispon&iacute;veis nessa documenta&ccedil&atilde;o e ap&oacute;s testar e concluir a configura&ccedil&atilde;o normal, fa&ccedila a c&oacute;pia dos arquivos da instala&ccedil&atilde;o anterior para a nova e outros ajustes conforme indicado abaixo.
14 4 <ul>
15 5 <li>Copie a pasta i3geo/i3geosaude para o novo servidor</li>
16 6 <li>Copie a pasta i3geo/temas para o novo servidor</li>
17   - <li>Ajuste os valores das variáveis existentes em i3geo/ms_configura.php reproduzindo as alterações nos valores originais que por ventura tenham sido realizadas</li>
18   - <li>Faça um backup do banco de dados Postgres e restaure o arquivo no novo banco de dados</li>
  7 + <li>Ajuste os valores das vari&aacute;veis existentes em i3geo/ms_configura.php reproduzindo as altera&ccedil&otilde;es nos valores originais que por ventura tenham sido realizadas</li>
  8 + <li>Fa&ccedila um backup do banco de dados Postgres e restaure o arquivo no novo banco de dados</li>
19 9 </ul>
20   -
21   -
22   -</body>
23   -</html>
... ...
docs/objetivos.html
  Diff comments   View file @10cd9dc
1   -<!DOCTYPE html>
2   -<html>
3   -<head>
4   -<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
5   -<meta charset="UTF-8">
6   -<title>i3GeoSaude</title>
7   -<link media="screen" href="./files/estilos.css" type="text/css" rel="stylesheet">
8   -<link rel="stylesheet" type="text/css" href="./files/estilos.css">
9   -</head>
10   -<body class="blue-bg">
11 1 <h1>Objetivos e Funcionalidades</h1>
12   - <p>i3GeoSaúde é uma ferramenta&nbsp;para manipulação de dados georreferenciados sobre temas ligados à saúde pública no Brasil, em especial aos dados da saúde municipal.
13   - <p> Sua concepção tecnológica é baseada no software livre
14   - <a href="http://www.softwarepublico.gov.br/ver-comunidade?community_id=1444332" target="_blank"> i3Geo</a>, empregado na construção de mapas interativos e na disseminação de dados geoespaciais. Para atender demandas da área da saúde pública, o i3GeoSaúde foi criado&nbsp;aprimorando-se o i3Geo com o objetivo de facilitar a construção de cartogramas para a representação de dados estatísticos.
15   - <p> O i3GeoSaúde pode ser instalado na máquina local do usuário, permitindo um acesso mais fácil e rápido, sem a necessidade de conexão com a rede mundial de computadores (WEB), embora em algumas tarefas isso seja necessário. É possível também a instalação como um servidor WEB, permitindo o compartilhamento dos mapas gerados. A ideia é que o usuário possa testar o sistema em sua máquina, produzir cartogramas e, caso existam condições técnicas, disponibilizá-los na internet.
16   - <p> Ao iniciar o i3GeoSaúde, você é direcionado para o menu "Sobre o i3GeoSaúde", que contém um texto explicativo sobre o sistema. No menu "Links" são apresentadas as principais referências que auxiliam o usuário no uso do i3GeoSaúde. Em "Documentação" são apresentados os manuais explicando o funcionamento. Para acessar as principais funcionalidades do sistema, acesse o menu "Acesse o Sistema".
  2 + <p>i3GeoSa&uacute;de &eacute; uma ferramenta&nbsp;para manipula&ccedil&atilde;o de dados georreferenciados sobre temas ligados à sa&uacute;de p&uacute;blica no Brasil, em especial aos dados da sa&uacute;de municipal.
  3 + <p> Sua concep&ccedil&atilde;o tecnol&oacute;gica &eacute; baseada no software livre
  4 + <a href="http://www.softwarepublico.gov.br/ver-comunidade?community_id=1444332" target="_blank"> i3Geo</a>, empregado na constru&ccedil&atilde;o de mapas interativos e na dissemina&ccedil&atilde;o de dados geoespaciais. Para atender demandas da &aacute;rea da sa&uacute;de p&uacute;blica, o i3GeoSa&uacute;de foi criado&nbsp;aprimorando-se o i3Geo com o objetivo de facilitar a constru&ccedil&atilde;o de cartogramas para a representa&ccedil&atilde;o de dados estat&iacute;sticos.
  5 + <p> O i3GeoSa&uacute;de pode ser instalado na m&aacute;quina local do usu&aacute;rio, permitindo um acesso mais f&aacute;cil e r&aacute;pido, sem a necessidade de conex&atilde;o com a rede mundial de computadores (WEB), embora em algumas tarefas isso seja necess&aacute;rio. É poss&iacute;vel tamb&eacute;m a instala&ccedil&atilde;o como um servidor WEB, permitindo o compartilhamento dos mapas gerados. A ideia &eacute; que o usu&aacute;rio possa testar o sistema em sua m&aacute;quina, produzir cartogramas e, caso existam condi&ccedil&otilde;es t&eacute;cnicas, disponibiliz&aacute;-los na internet.
  6 + <p> Ao iniciar o i3GeoSa&uacute;de, você &eacute; direcionado para o menu "Sobre o i3GeoSa&uacute;de", que cont&eacute;m um texto explicativo sobre o sistema. No menu "Links" s&atilde;o apresentadas as principais referências que auxiliam o usu&aacute;rio no uso do i3GeoSa&uacute;de. Em "Documenta&ccedil&atilde;o" s&atilde;o apresentados os manuais explicando o funcionamento. Para acessar as principais funcionalidades do sistema, acesse o menu "Acesse o Sistema".
17 7 <div class="imagemExemplo">
18 8 <img alt="funcionalidades principais do i3geosaude" src="imagens/funcionalidades.jpeg">
19 9 </div>
20 10 <div class="imginicio">
21 11 <a href="#top"><img style="border: 0px solid; width: 41px; height: 35px;" alt="topo" src="files/topo.gif"></a>
22 12 </div>
23   -</body>
24   -</html>
... ...
docs/publicacao2.html
  Diff comments   View file @10cd9dc
1   -<!DOCTYPE html>
2   -<html>
3   -<head>
4   -<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
5   -<meta charset="UTF-8">
6   -<title>publicando cartograma</title>
7   -<link media="screen" href="./files/estilos.css" type="text/css" rel="stylesheet">
8   -<link rel="stylesheet" type="text/css" href="./files/estilos.css">
9   -</head>
10   -<body class="blue-bg">
11   - <div class="imginicio">
12   - <img onclick="window.history.back()" style="border: 0px solid; width: 40px; height: 40px;" alt="inicio" src="files/inicio.gif">
13   - </div>
14   - <h1>Publicando temas no i3GeoSaúde</h1>
15   - <p>O i3GeoSaúde permite a publicação de mapas temáticos em seu próprio ambiente, por meio de um cadastro do tema na lista de mapas cadastrados. Além disso, esse procedimento é fundamental para que se utilize o mesmo mapa em outra aplicação que não seja o i3GeoSaúde, possibilitando a integração do sistema em outros ambientes.
16   - <h2>Publicando o tema na lista de mapas do i3GeoSaúde</h2>
  1 + <h1>Publicando temas no i3GeoSa&uacute;de</h1>
  2 + <p>O i3GeoSa&uacute;de permite a publica&ccedil&atilde;o de mapas tem&aacute;ticos em seu pr&oacute;prio ambiente, por meio de um cadastro do tema na lista de mapas cadastrados. Al&eacute;m disso, esse procedimento &eacute; fundamental para que se utilize o mesmo mapa em outra aplica&ccedil&atilde;o que n&atilde;o seja o i3GeoSa&uacute;de, possibilitando a integra&ccedil&atilde;o do sistema em outros ambientes.
  3 + <h2>Publicando o tema na lista de mapas do i3GeoSa&uacute;de</h2>
17 4 <p>
18   - Primeiramente considera-se que o seu cartograma está construído como um tema. No exemplo mostra-se o exemplo para o tema "Influenza", utilizando a interface <span style="font-style: italic;">OpenLayer</span>, na <a target="_blank" href="exemplo_hipertensao.html">formas de visualização de mapa</a>.
  5 + Primeiramente considera-se que o seu cartograma est&aacute; constru&iacute;do como um tema. No exemplo mostra-se o exemplo para o tema "Influenza", utilizando a interface <span style="font-style: italic;">OpenLayer</span>, na <a href="index.php?conteudo=exemplo_hipertensao.html">formas de visualiza&ccedil&atilde;o de mapa</a>.
19 6 <div class="imagemExemplo">
20 7 <img src="imagens/publicacaoII/pub01.jpg">
21   - <p>Tema de exemplo ("Influenza") para a visualização em mapa.
  8 + <p>Tema de exemplo ("Influenza") para a visualiza&ccedil&atilde;o em mapa.
22 9 </div>
23   - <p>Após a exibição do cartograma, o i3GeoSaúde possibilita a publicação do tema na lista de mapas cadastrados&nbsp; correspondendo à publicação dentro do próprio ambiente da ferramenta. Para realizar esse procedimento,&nbsp; vá ao menu suspenso da interface e clique na opção "Arquivo",&nbsp; selecionando o item "Salvar mapa".
  10 + <p>Ap&oacute;s a exibi&ccedil&atilde;o do cartograma, o i3GeoSa&uacute;de possibilita a publica&ccedil&atilde;o do tema na lista de mapas cadastrados&nbsp; correspondendo à publica&ccedil&atilde;o dentro do pr&oacute;prio ambiente da ferramenta. Para realizar esse procedimento,&nbsp; v&aacute; ao menu suspenso da interface e clique na op&ccedil&atilde;o "Arquivo",&nbsp; selecionando o item "Salvar mapa".
24 11 <div class="imagemExemplo">
25 12 <img src="imagens/publicacaoII/pub02.jpg">
26 13 <p>Item "salvar mapa".
27 14 </div>
28   - <p>Depois de clicar no item "Salvar mapa", surgirá uma janela flutuante, na qual você deve acionar o link "Clique aqui para salvar o mapa".
  15 + <p>Depois de clicar no item "Salvar mapa", surgir&aacute; uma janela flutuante, na qual você deve acionar o link "Clique aqui para salvar o mapa".
29 16 <div class="imagemExemplo">
30 17 <img src="imagens/publicacaoII/pub03.jpg">
31 18 <p>Salvando mapa atual.
32 19 </div>
33   - <p>Em seguida, surgirá uma nova janela flutuante com dois campos de textos para preenchimento. O primeiro campo é opcional, corresponde ao ID do mapa,&nbsp;representando o registro do tema armazenado no banco de dados do i3GeoSaúde. O segundo campo de texto é correspondente ao "título do mapa", que no exemplo foi nomeado por "Mapa Publicacao". O processo é finalizado com um clique no botão "Continua".
  20 + <p>Em seguida, surgir&aacute; uma nova janela flutuante com dois campos de textos para preenchimento. O primeiro campo &eacute; opcional, corresponde ao ID do mapa,&nbsp;representando o registro do tema armazenado no banco de dados do i3GeoSa&uacute;de. O segundo campo de texto &eacute; correspondente ao "t&iacute;tulo do mapa", que no exemplo foi nomeado por "Mapa Publicacao". O processo &eacute; finalizado com um clique no bot&atilde;o "Continua".
34 21 <div class="imagemExemplo">
35 22 <img src="imagens/publicacaoII/pub04.jpg">
36   - <p>Definindo o título do mapa.
  23 + <p>Definindo o t&iacute;tulo do mapa.
37 24 </div>
38   - <p>Ao clicar em "Continua" surgirá uma mensagem "Mapa salvo" para confirmação da operação. A mensagem estará centralizada&nbsp;na parte superior da interface.
  25 + <p>Ao clicar em "Continua" surgir&aacute; uma mensagem "Mapa salvo" para confirma&ccedil&atilde;o da opera&ccedil&atilde;o. A mensagem estar&aacute; centralizada&nbsp;na parte superior da interface.
39 26 <p>
40 27 <div class="imagemExemplo">
41 28 <img src="imagens/publicacaoII/pub23.jpg">
... ... @@ -44,14 +31,12 @@
44 31 <p>Para ver o mapa salvo, selecione no Menu suspenso o item "Lista de mapas cadastrados".
45 32 <div class="imagemExemplo">
46 33 <img src="imagens/publicacaoII/pub06.jpg">
47   - <p>Seleção de item "Lista de mapas cadastrados"
  34 + <p>Sele&ccedil&atilde;o de item "Lista de mapas cadastrados"
48 35 </div>
49   - <p>A seguir, surgirá uma janela flutuante com a lista de mapas cadastrados, inclusive o "Mapa Publicacao", como pode ser visto&nbsp;na. O mapa estará publicado internamente na lista de mapas, e, &nbsp;ao clicar em "Mapa Publicação", será apresentado o mapa do exemplo.
  36 + <p>A seguir, surgir&aacute; uma janela flutuante com a lista de mapas cadastrados, inclusive o "Mapa Publicacao", como pode ser visto&nbsp;na. O mapa estar&aacute; publicado internamente na lista de mapas, e, &nbsp;ao clicar em "Mapa Publica&ccedil&atilde;o", ser&aacute; apresentado o mapa do exemplo.
50 37 <div class="imagemExemplo">
51 38 <img src="imagens/publicacaoII/pub15.jpg">
52 39 <p>Lista de mapas cadastrados.
53 40 </div>
54 41 <p>
55   - O processo para integrar o mapa publicado no i3GeoSaúde em outra aplicação web é apresentado no tutorial &nbsp;"<a target="_blank" href="editandolink.html">Publicação de mapas em aplicação externa ao i3GeoSaúde</a>".
56   -</body>
57   -</html>
  42 + O processo para integrar o mapa publicado no i3GeoSa&uacute;de em outra aplica&ccedil&atilde;o web &eacute; apresentado no tutorial &nbsp;"<a href="index.php?conteudo=editandolink.html">Publica&ccedil&atilde;o de mapas em aplica&ccedil&atilde;o externa ao i3GeoSa&uacute;de</a>".
... ...
docs/publicacaoNoi3Geosaude.html
  Diff comments   View file @10cd9dc
1   -<!DOCTYPE html>
2   -<html>
3   -<head>
4   -<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
5   -<meta charset="UTF-8">
6   -<title>publicando cartograma</title>
7   -<link media="screen" href="./files/estilos.css" type="text/css" rel="stylesheet">
8   -<link rel="stylesheet" type="text/css" href="./files/estilos.css">
9   -</head>
10   -<body class="blue-bg">
11 1 <h1>Publicando cartograma</h1>
12 2 <p>A publica&ccedil;&atilde;o de cartograma consiste na disponibiliza&ccedil;&atilde;o de um&nbsp; tema (mapa) no ambiente interno ou externo ao i3GeoSa&uacute;de.
13 3 <p>&nbsp;H&aacute; duas maneiras de publicar um mapa, que s&atilde;o:
14 4 <ul>
15   - <li>&nbsp;Registrando o mapa na&nbsp;<a href="publicacao2.html">lista de mapas cadastrados do i3GeoSa&uacute;de</a> e
  5 + <li>&nbsp;Registrando o mapa na&nbsp;<a href="index.php?conteudo=publicacao2.html">lista de mapas cadastrados do i3GeoSa&uacute;de</a> e
16 6 </li>
17   - <li>&nbsp;<a href="editandolink.html">disponibilizando&nbsp;em aplica&ccedil;&otilde;es&nbsp;externas ao i3GeoSa&uacute;de</a>.&nbsp;
  7 + <li>&nbsp;<a href="index.php?conteudo=editandolink.html">disponibilizando&nbsp;em aplica&ccedil;&otilde;es&nbsp;externas ao i3GeoSa&uacute;de</a>.&nbsp;
18 8 </li>
19 9 </ul>
20 10 <p>Observa&ccedil;&atilde;o: Para disponibiliza&ccedil;&atilde;o do cartograma em aplica&ccedil;&otilde;es externas ao i3GeoSa&uacute;de &eacute; necess&aacute;rio j&aacute; ter realizado o registro na lista de mapas cadastrados do i3GeoSa&uacute;de.&nbsp;
21   -</body>
22   -</html>
... ...
docs/publico.html
  Diff comments   View file @10cd9dc
1   -<!DOCTYPE html>
2   -<html>
3   -<head>
4   -<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
5   -<meta charset="UTF-8">
6   -<title>i3GeoSaude</title>
7   -<link media="screen" href="./files/estilos.css" type="text/css" rel="stylesheet">
8   -<link rel="stylesheet" type="text/css" href="./files/estilos.css">
9   -</head>
10   -<body class="blue-bg">
11   - <h1>Público alvo</h1>
  1 + <h1>P&uacute;blico alvo</h1>
12 2 <p>
13   - O i3GeoSaúde tem como público de interesse administradores de informações sobre saúde, em especial a administração municipal. Entretanto, como a ferramenta é construída com softwares livres, nada impede que seja utilizada para atender às necessidades de outros setores da administração. Portanto,&nbsp;o i3GeoSaúde pode atender à vários públicos, coexistindo mapas interativos com diferentes representações e temáticas.<br> &nbsp;
14   -</body>
15   -</html>
  3 + O i3GeoSa&uacute;de tem como p&uacute;blico de interesse administradores de informa&ccedil&otilde;es sobre sa&uacute;de, em especial a administra&ccedil&atilde;o municipal. Entretanto, como a ferramenta &eacute; constru&iacute;da com softwares livres, nada impede que seja utilizada para atender às necessidades de outros setores da administra&ccedil&atilde;o. Portanto,&nbsp;o i3GeoSa&uacute;de pode atender à v&aacute;rios p&uacute;blicos, coexistindo mapas interativos com diferentes representa&ccedil&otilde;es e tem&aacute;ticas.<br> &nbsp;
... ...
docs/regiao.html
  Diff comments   View file @10cd9dc
1   -<!DOCTYPE html>
2   -<html>
3   -<head>
4   -<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
5   -<meta charset="UTF-8">
6   -<title>Cadastrando nova região</title>
7   -
8   -<link media="screen" href="./files/estilos.css" type="text/css" rel="stylesheet">
9   -<link rel="stylesheet" type="text/css" href="./files/estilos.css">
10   -</head>
11   -<body class="blue-bg">
12 1 <h1>Cadastrando regi&otilde;es ou localidades</h1>
13   - <p>Regiões ou localidades são as representações de unidades geográficas utilizadas para espacializar dados estatísticos. Esses dados devem ser armazenados no banco e os metadados devem ser registrados. Portanto, além de dar carga desse tipo de dado no banco, é necessário fazer seu cadastro para poder ser utilizado no i3GeoSaúde. Cadastrando nova região
  2 + <p>Regi&otilde;es ou localidades s&atilde;o as representa&ccedil&otilde;es de unidades geogr&aacute;ficas utilizadas para espacializar dados estat&iacute;sticos. Esses dados devem ser armazenados no banco e os metadados devem ser registrados. Portanto, al&eacute;m de dar carga desse tipo de dado no banco, &eacute; necess&aacute;rio fazer seu cadastro para poder ser utilizado no i3GeoSa&uacute;de. Cadastrando nova regi&atilde;o
14 3 </h2>
15 4  
16   - <p>A seguir iremos demostrar&nbsp;como&nbsp;cadastrar um novo tipo de região no i3GeoSaúde. Esse tipo de cadastro requer acesso em nível de Administrador.
17   - <p>Para acessar &nbsp;a ferramenta de criação de novas regiões , na página de Administração do i3geo , clique no item "Metadados estatísticos", em seguinda no subitem "Cadastro de Tabelas com regiões geográficas".
  5 + <p>A seguir iremos demostrar&nbsp;como&nbsp;cadastrar um novo tipo de regi&atilde;o no i3GeoSa&uacute;de. Esse tipo de cadastro requer acesso em n&iacute;vel de Administrador.
  6 + <p>Para acessar &nbsp;a ferramenta de cria&ccedil&atilde;o de novas regi&otilde;es , na p&aacute;gina de Administra&ccedil&atilde;o do i3geo , clique no item "Metadados estat&iacute;sticos", em seguinda no subitem "Cadastro de Tabelas com regi&otilde;es geogr&aacute;ficas".
18 7 <div class="imagemExemplo">
19 8 <img src="imagens/regiao/rg05.jpg">
20   - <p>Menu Metadados estatísticos.
  9 + <p>Menu Metadados estat&iacute;sticos.
21 10 </div>
22   - <p>Na pagina do "Metadados estatísticos - cadastro de tabelas de regiões geográficas", clique no botão "Adicionar um novo registro.
  11 + <p>Na pagina do "Metadados estat&iacute;sticos - cadastro de tabelas de regi&otilde;es geogr&aacute;ficas", clique no bot&atilde;o "Adicionar um novo registro.
23 12 <div class="imagemExemplo">
24 13 <img src="imagens/regiao/rg01.jpg">
25   - <p>Botão adicionar um novo registro.
  14 + <p>Bot&atilde;o adicionar um novo registro.
26 15 </div>
27 16 <p>
28   - Após clicar no botão de adi&ccedil;&atilde;o, surgirá um novo registro, o qual será usado para o cadastro da nova região. Clique no ícone <img style="width: 17px; height: 18px;" alt="icone" src="imagens/regiao/rg07.jpg"> do item "Propriedades" para abrir a janela de edição e definir alguns valores, entre eles a definição da tabela que será usada para registrar a nova região.
  17 + Ap&oacute;s clicar no bot&atilde;o de adi&ccedil;&atilde;o, surgir&aacute; um novo registro, o qual ser&aacute; usado para o cadastro da nova regi&atilde;o. Clique no &iacute;cone <img style="width:15px;height:15px;" src="imagens/regiao/rg07.jpg"> do item "Propriedades" para abrir a janela de edi&ccedil&atilde;o e definir alguns valores, entre eles a defini&ccedil&atilde;o da tabela que ser&aacute; usada para registrar a nova regi&atilde;o.
29 18 <div class="imagemExemplo">
30 19 <img src="imagens/regiao/rg06.jpg">
31   - <p>novo cadastro de região.
  20 + <p>novo cadastro de regi&atilde;o.
32 21 </div>
33   - <p>Na janela de "Editor" iremos definir alguns campos para a nova região, conforme descritos a seguir:
  22 + <p>Na janela de "Editor" iremos definir alguns campos para a nova regi&atilde;o, conforme descritos a seguir:
34 23 <p>
35   - <span style="font-weight: bold;">Nome</span>: Defina o nome do novo tipo de região. No exemplo, definiu-se "Micro região".
  24 + <span style="font-weight: bold;">Nome</span>: Defina o nome do novo tipo de regi&atilde;o. No exemplo, definiu-se "Micro regi&atilde;o".
36 25 <p>
37   - <span style="font-weight: bold;">Descrição</span>: Escreva uma breve descrição sobre o tipo de região.
  26 + <span style="font-weight: bold;">Descri&ccedil&atilde;o</span>: Escreva uma breve descri&ccedil&atilde;o sobre o tipo de regi&atilde;o.
38 27 <p>
39   - <span style="font-weight: bold;">Código da conexão com o banco</span>: Selecione o banco de dados para conexão, no exemplo utilizou-se ''i3geosaude''.
  28 + <span style="font-weight: bold;">C&oacute;digo da conex&atilde;o com o banco</span>: Selecione o banco de dados para conex&atilde;o, no exemplo utilizou-se ''i3geosaude''.
40 29 <p>
41   - <span style="font-weight: bold;">Esquema no banco de dados</span>: Neste exemplo a tabela da nova região esta cadastrada no esquema ''i3geo_metaestat".
  30 + <span style="font-weight: bold;">Esquema no banco de dados</span>: Neste exemplo a tabela da nova regi&atilde;o esta cadastrada no esquema ''i3geo_metaestat".
42 31 <div class="imagemExemplo">
43 32 <img src="imagens/regiao/rg08.jpg">
44   - <p>Definindo os atributos de edição para uma região.
  33 + <p>Definindo os atributos de edi&ccedil&atilde;o para uma regi&atilde;o.
45 34 </div>
46 35 <p>Ao descer&nbsp;a barra lateral deve-se definir novos campos do "Editor", como a seguir:
47 36 <p>
48   - <span style="font-weight: bold;"> Tabela:</span> Selecione a tabela com os dados das novas regiões.
  37 + <span style="font-weight: bold;"> Tabela:</span> Selecione a tabela com os dados das novas regi&otilde;es.
49 38 <p>
50   - <span style="font-weight: bold;">Coluna com a geometria principal</span>: &nbsp;Selecione a coluna com as informações geométricas das regiões.
  39 + <span style="font-weight: bold;">Coluna com a geometria principal</span>: &nbsp;Selecione a coluna com as informa&ccedil&otilde;es geom&eacute;tricas das regi&otilde;es.
51 40 <p>
52 41 <span style="font-weight: bold;">Coluna com pontos:</span> Pode ser selecionada a mesma coluna do item anterior.
53 42 <p>
... ... @@ -56,27 +45,25 @@
56 45 <img src="imagens/regiao/rg09.jpg">
57 46 <p>Definindo campos complementares na janela "Editor".
58 47 </div>
59   - <p>Após definir os campos role para baixo a barra lateral novamente, e selecione as novas opções indicadas como apresentado abaixo:
  48 + <p>Ap&oacute;s definir os campos role para baixo a barra lateral novamente, e selecione as novas op&ccedil&otilde;es indicadas como apresentado abaixo:
60 49 <p>
61   - <span style="font-weight: bold;"> Coluna com o código de cada região: </span>Selecione a coluna que possui os códigos referentes a cada região.
  50 + <span style="font-weight: bold;"> Coluna com o c&oacute;digo de cada regi&atilde;o: </span>Selecione a coluna que possui os c&oacute;digos referentes a cada regi&atilde;o.
62 51 <p>
63   - <span style="font-weight: bold;">Coluna com o nome do Limite geografico: </span>Selecione a coluna que tem o nome referente a cada região.
  52 + <span style="font-weight: bold;">Coluna com o nome do Limite geografico: </span>Selecione a coluna que tem o nome referente a cada regi&atilde;o.
64 53 <p>
65   - <span style="font-weight: bold;">Colunas que ficaram visíveis no mapa:</span> Escreva o nome das colunas que ficaram visíveis no mapa, utilizando uma vírgula para separar cada coluna.
  54 + <span style="font-weight: bold;">Colunas que ficaram vis&iacute;veis no mapa:</span> Escreva o nome das colunas que ficaram vis&iacute;veis no mapa, utilizando uma v&iacute;rgula para separar cada coluna.
66 55 <p>
67   - <span style="font-weight: bold;">Apelido das colunas que ficarão visíveis no mapa: </span>Escreva uma apelido para como as colunas visíveis no mapa serão apresentadas.&nbsp;
  56 + <span style="font-weight: bold;">Apelido das colunas que ficar&atilde;o vis&iacute;veis no mapa: </span>Escreva uma apelido para como as colunas vis&iacute;veis no mapa ser&atilde;o apresentadas.&nbsp;
68 57 <p>
69   - <span style="font-weight: bold;">Código SRDI: </span>Já é<span style="font-weight: bold;"> </span>definido automaticamente o código 4326 por padrão.
  58 + <span style="font-weight: bold;">C&oacute;digo SRDI: </span>J&aacute; &eacute;<span style="font-weight: bold;"> </span>definido automaticamente o c&oacute;digo 4326 por padr&atilde;o.
70 59 <p>
71 60 <div class="imagemExemplo">
72 61 <img style="width: 407px; height: 387px;" alt="cadastro" src="imagens/regiao/rg10.jpg">
73 62 <p>Definindo novos campos da janela "Editor".
74 63 </div>
75   - <p>Após definido todas as informações solicitadas, clique no botão "Salvar".
76   - <p>Agora o novo tipo de região está cadastrado e os novos limites já podem ser definidos.
  64 + <p>Ap&oacute;s definido todas as informa&ccedil&otilde;es solicitadas, clique no bot&atilde;o "Salvar".
  65 + <p>Agora o novo tipo de regi&atilde;o est&aacute; cadastrado e os novos limites j&aacute; podem ser definidos.
77 66 <div class="imagemExemplo">
78 67 <img src="imagens/regiao/rg11.jpg">
79   - <p>Região cadastrada.
  68 + <p>Regi&atilde;o cadastrada.
80 69 </div>
81   -</body>
82   -</html>
... ...
docs/shape.html
  Diff comments   View file @10cd9dc
1   -<!DOCTYPE html>
2   -<html>
3   -<head>
4   -<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
5   -<meta charset="UTF-8">
6   -<title>Subindo shapefile</title>
7   -<link media="screen" href="./files/estilos.css" type="text/css" rel="stylesheet">
8   -<link rel="stylesheet" type="text/css" href="./files/estilos.css">
9   -</head>
10   -<body class="blue-bg">
11 1 <h1>Importando Shapefile</h1>
12 2 <p>Para poder espacializar os dados estat&iacute;sticos &eacute; necess&aacute;rio que exista no banco de dados tabelas que contenham os limites ou localiza&ccedil;&otilde;es das unidades geogr&aacute;ficas, por exemplo, bairros, quadras ou hospitais.
13 3 <p>
14   - Uma fonte comum desses dados são os arquivos no formato "shapefile". Um <a href="http://pt.wikipedia.org/wiki/Shapefile">arquivo shape</a>, ou Esri Shapefile, ou simplesmente&nbsp; shapefile, &eacute; um formato popular de arquivo contendo dados geoespaciais em forma de&nbsp;<a href="http://pt.wikipedia.org/wiki/Desenho_vetorial" title="Desenho vetorial">vetor</a>&nbsp;usado por&nbsp;<a href="http://pt.wikipedia.org/wiki/Sistema_de_informa%C3%A7%C3%A3o_geogr%C3%A1fica">Sistemas de
  4 + Uma fonte comum desses dados s&atilde;o os arquivos no formato "shapefile". Um <a href="http://pt.wikipedia.org/wiki/Shapefile">arquivo shape</a>, ou Esri Shapefile, ou simplesmente&nbsp; shapefile, &eacute; um formato popular de arquivo contendo dados geoespaciais em forma de&nbsp;<a href="http://pt.wikipedia.org/wiki/Desenho_vetorial" title="Desenho vetorial">vetor</a>&nbsp;usado por&nbsp;<a href="http://pt.wikipedia.org/wiki/Sistema_de_informa%C3%A7%C3%A3o_geogr%C3%A1fica">Sistemas de
15 5 Informa&ccedil;&otilde;es Geogr&aacute;ficas</a>, tamb&eacute;m conhecidos como&nbsp;<a href="http://pt.wikipedia.org/wiki/Sistema_de_informa%C3%A7%C3%A3o_geogr%C3%A1fica">SIG</a>. Foi desenvolvido e regulamentado pela organiza&ccedil;&atilde;o denominada&nbsp;<a href="http://pt.wikipedia.org/wiki/Esri">Esri</a>, como ums especifica&ccedil;&atilde;o aberta para interoperabilidade de dados geogr&aacute;ficos.
16 6 <p>A importa&ccedil;&atilde;o consiste no processo de leitura de um arquivo shapefile para extra&ccedil;&atilde;o dos dados e armazenamento no banco de dados. O shapefile deve conter uma coluna que identifique de forma &uacute;nica cada registro e cujos c&oacute;digos sejam os mesmos utilizados nas tabelas que cont&eacute;m as informa&ccedil;&otilde;es estat&iacute;sticas. &Eacute; desej&aacute;vel tamb&eacute;m a presen&ccedil;a de uma coluna com o nome da unidade.
17 7 <p>Nos casos em que uma unidade geogr&aacute;fica est&aacute; contida em uma de n&iacute;vel superior, e for necess&aacute;rio manter essa hierarquia no i3GeoSa&uacute;de, o shapefile deve conter a coluna com os c&oacute;digos da unidade geogr&aacute;fica de maior n&iacute;vel. Enviando um arquivo ShapeFile
... ... @@ -38,10 +28,7 @@
38 28 <p>Ap&oacute;s enviar o arquivo os resultados do processo s&atilde;o mostrados em uma tela de mensagens, indicando quais colunas foram importadas e o n&uacute;mero de registros processados.
39 29 <p>Com as unidades geogr&aacute;ficas caregadas no banco de dados &eacute; necess&aacute;rio ainda cadastrar a tabela criada como uma regi&atilde;o pass&iacute;vel de ser utilizada pelo i3GeoSa&uacute;de. Para isso, siga as orienta&ccedil;&otilde;es finais presentes no formul&aacute;rio.
40 30 <p>
41   - Mais informações podem ser obtidas no tutorial: <a href="regiao.html">docs/regiao.html</a>
  31 + Mais informa&ccedil&otilde;es podem ser obtidas no tutorial: <a href="regiao.html">docs/regiao.html</a>
42 32 <div class="imagemExemplo">
43 33 <img src="imagens/shape/shpa4.png">
44 34 </div>
45   -</body>
46   -</html>
47   -
... ...
docs/shape_old.html
  Diff comments   View file @10cd9dc
1   -<!DOCTYPE html>
2   -<html>
3   -<head>
4   - <meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
5   - <meta charset="UTF-8">
6   - <title>Subindo shapefile para o
7   -i3GeoSa&uacute;de</title>
8   - <link media="screen" href="./files/estilos.css" type="text/css"
9   - rel="stylesheet">
10   - <link rel="stylesheet" type="text/css" href="./files/estilos.css">
11   -</head>
12   -<body class="blue-bg">
13   -<div id="wrapper-flex">
14   -<div style="background-color: white;">
15   -<div class="f-page-auto-cell" id="doc">
16   -<div class="imginicio"><img onclick="window.history.back()" style="border: 0px solid ; width: 40px; height: 40px;" alt="inicio" src="files/inicio.gif"></div>
17 1 <h1>Subindo Shapefile para i3Geosaude</h1>
18 2 <a name="inicio"></a>
19 3 <br>
... ... @@ -220,5 +204,3 @@ interface &lt;span style=&quot;font-style: italic;&quot;&gt;OpenLayer&lt;/span&gt;.&lt;br&gt;
220 204 </div>
221 205 </div>
222 206 </div>
223   -</body>
224   -</html>
... ...
docs/softwarepublico.html
  Diff comments   View file @10cd9dc
1   -<!DOCTYPE html>
2   -<html>
3   -<head>
4   -<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
5   -<meta charset="UTF-8">
6   -<title>i3GeoSaude</title>
7   -<link media="screen" href="./files/estilos.css" type="text/css" rel="stylesheet">
8   -<link rel="stylesheet" type="text/css" href="./files/estilos.css">
9   -</head>
10   -<body class="blue-bg">
11 1 <h1>Comundade i3GeoSa&uacute;de no portal do Software Publico</h1>
12 2 <p>O i3GeoSa&uacute;de &eacute; um software livre e est&aacute; dispon&iacute;vel no Portal do Software P&uacute;blico. Por meio deste Portal, os usu&aacute;rios e desenvolvedores do i3GeoSa&uacute;de poder&atilde;o trocar experi&ecirc;ncias e ajudar na manuten&ccedil;&atilde;o e evolu&ccedil;&atilde;o da solu&ccedil;&atilde;o.
13 3 <p>&Eacute; atrav&eacute;s do Portal do Software p&uacute;blico que a comunidade i3GeoSa&uacute;de se comunicar&aacute; de modo a fazer com que a ferramenta evolua conforme as necessidades e capacidades da pr&oacute;pria necessidade.
14 4 <p>
15 5 Maiores informa&ccedil;&otilde;es sobre o portal do software p&uacute;blico em <a href="http://www.softwarepublico.gov.br/">http://www.softwarepublico.gov.br/</a>.
16   -</body>
17   -</html>
... ...
docs/softwaresInstalados.html
  Diff comments   View file @10cd9dc
1   -<!DOCTYPE html>
2   -<html lang="pt-br">
3   -<head>
4   - <meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
5   - <meta charset="UTF-8">
6   - <title>i3GeoSaude</title>
7   - <link media="screen" href="./files/estilos.css" type="text/css"
8   -rel="stylesheet">
9   - <link rel="stylesheet" type="text/css" href="./files/estilos.css">
10   -</head>
11   -<body class="blue-bg">
12 1 <h1>Softwares&nbsp;</h1>
13 2 <p>O
14 3 i3GeoSa&uacute;de
15   -utiliza toda a infraestrutura do i3Geo para ser executado, que além de seu próprio código depende de outros softwares livres
  4 +utiliza toda a infraestrutura do i3Geo para ser executado, que al&eacute;m de seu pr&oacute;prio c&oacute;digo depende de outros softwares livres
16 5 principalmente o MapServer, as tecnologias de
17 6 visualia&ccedil;&atilde;o dos mapas (Open Layers), o
18 7 servidor Apache em conjunto com a linguagem PHP, al&eacute;m das
19 8 ferramentas de banco de dados Postgresql e Postgis.
20 9 <p>
21   -Todos esses softwares estão incluídos no "Live USB" ou na imagem ISO utilizada para a sua criação.
  10 +Todos esses softwares est&atilde;o inclu&iacute;dos no "Live USB" ou na imagem ISO utilizada para a sua cria&ccedil&atilde;o.
22 11 <h2>i3Geo</h2>
23 12 <p>O
24 13 i3Geo &eacute; um software para
... ... @@ -165,5 +154,3 @@ de geoprocessamento.
165 154 <p>
166 155 O banco de dados Postgresql utilizado nesta vers&atilde;o do
167 156 i3GeoSa&uacute;de &eacute; a 9.2.
168   -</body>
169   -</html>
... ...
docs/videos.html 0 → 100644
  Diff comments   View file @10cd9dc
... ... @@ -0,0 +1,14 @@
  1 + <h1>V&iacute;deos tutoriais</h1>
  2 + <p>
  3 + Para treinamento de algumas tarefas relevantes do i3GeoSa&uacute;de, foram criados os v&iacute;deos abaixo. Para conhecer as funcionalidades do Player <a href="tutorial_player.html">clique aqui</a>.
  4 + <ul>
  5 + <li><a target="_blank" href="videos/video_criando_tabela/sandbox/criando_tabela.html">Criando Tabela</a></li>
  6 + <li><a target="_blank" href="videos/video_upload_tabela/sandbox/upload_tabela.html">Upload de Dados na Tabela Criada</a></li>
  7 + <li><a target="_blank" href="videos/video_cadastro_variaveis/sandbox/cad_princ_variaveis.htm">Cadastro de Vari&aacute;veis</a></li>
  8 + <li><a target="_blank" href="videos/video_editando_variavel/sandbox/editando_variaveis.htm">Edi&ccedil;&atilde;o de Vari&aacute;veis</a> (Na interface do Usu&aacute;rio)</li>
  9 + <li><a target="_blank" href="videos/video_criando_mapa/sandbox/criando_mapa.htm">Visualizar Dados no Cartograma Estat&iacute;stico</a></li>
  10 + <li><a target="_blank" href="videos/video_def_limites/sandbox/def_limites.html">Criando Um Novo Limite no Cartograma</a></li>
  11 + <li><a target="_blank" href="videos/publicando_na_lista_de_mapa/sandbox/publicando_na_lista_de_mapa.html">Publicando na Lista de Mapas</a></li>
  12 + <li><a target="_blank" href="videos/criando_link_para_publicacao/sandbox/criando_link_para_publicacao.html">Criando Link para Publica&ccedil;&atilde;o</a></li>
  13 + <li><a target="_blank" href="videos/publicando_mapa_na_web/sandbox/publicando_mapa_na_web.html">Publicando Mapa em Aplica&ccedil;&atilde;o Externa</a></li>
  14 + </ul>
... ...
docs/videos/criando_link_para_publicacao/sandbox/criando_link_para_publicacao.html
  Diff comments   View file @10cd9dc
... ... @@ -17,7 +17,7 @@
17 17  
18 18 <center>
19 19 <p style="border: 1px solid rgb(119, 119, 119); padding: 10px; background-color: rgb(238, 238, 238); font-size: 0.8em; line-height: 1.5em; font-family: Verdana,sans-serif;">Criando
20   -Link Para Publicação</p>
  20 +Link Para Publica&ccedil&atilde;o</p>
21 21 <center> <video id="vid1" class="video-js vjs-default-skin" controls="" preload="auto" width="1080" height="600" poster="my_video_poster"> <source src="criando_link_para_publicacao_VP8.webm" type="video/webm">
22 22 </source></video>
23 23  
... ...
docs/videos/publicando_mapa_na_web/sandbox/publicando_mapa_na_web.html
  Diff comments   View file @10cd9dc
... ... @@ -13,9 +13,9 @@
13 13 <script src="../build/source-loader.js"></script>
14 14 </head><body>
15 15 <center>
16   -<div class="imginicio"><a href="../../index.html"><img title="Início" style="border: 0px solid ; width: 40px; height: 43px;" alt="inicio" src="../../imagens/inicio.gif"></a></div>
  16 +<div class="imginicio"><a href="../../index.html"><img title="In&iacute;cio" style="border: 0px solid ; width: 40px; height: 43px;" alt="inicio" src="../../imagens/inicio.gif"></a></div>
17 17 <p style="border: 1px solid rgb(119, 119, 119); padding: 10px; background-color: rgb(238, 238, 238); font-size: 0.8em; line-height: 1.5em; font-family: Verdana,sans-serif;">Publicando
18   -Mapa em Aplicação Externa</p>
  18 +Mapa em Aplica&ccedil&atilde;o Externa</p>
19 19 <center> <video id="vid1" class="video-js vjs-default-skin" controls="" preload="auto" width="1080" height="600" poster="my_video_poster"> <source src="publicando_mapa_na_web_VP8.webm" type="video/webm"> </source></video>
20 20  
21 21 <script>
... ...
docs/videos/publicando_na_lista_de_mapa/sandbox/publicando_na_lista_de_mapa.html
  Diff comments   View file @10cd9dc
... ... @@ -13,7 +13,7 @@
13 13 <script src="../build/source-loader.js"></script>
14 14 </head><body>
15 15 <center>
16   -<div class="imginicio"><a href="../../index.html"><img title="Início" style="border: 0px solid ; width: 40px; height: 42px;" alt="inicio" src="../../imagens/inicio.gif"></a></div>
  16 +<div class="imginicio"><a href="../../index.html"><img title="In&iacute;cio" style="border: 0px solid ; width: 40px; height: 42px;" alt="inicio" src="../../imagens/inicio.gif"></a></div>
17 17 <p style="border: 1px solid rgb(119, 119, 119); padding: 10px; background-color: rgb(238, 238, 238); font-size: 0.8em; line-height: 1.5em; font-family: Verdana,sans-serif;">Publicando
18 18 na Lista de Mapas</p>
19 19 <center> <video id="vid1" class="video-js vjs-default-skin" controls="" preload="auto" width="1080" height="600" poster="my_video_poster"> <source src="publicando_na_lista_de_mapa_VP8.webm" type="video/webm">
... ...
docs/videos/video_cadastro_variaveis/sandbox/cad_princ_variaveis.htm
  Diff comments   View file @10cd9dc
... ... @@ -13,9 +13,8 @@
13 13 <script src="../build/source-loader.js"></script>
14 14 </head><body>
15 15 <center>
16   -<div class="imginicio"><a href="../../index.html"><img title="Início" style="border: 0px solid ; width: 40px; height: 42px;" alt="inicio" src="../../imagens/inicio.gif"></a></div>
17 16 <p style="border: 1px solid rgb(119, 119, 119); padding: 10px; background-color: rgb(238, 238, 238); font-size: 0.8em; line-height: 1.5em; font-family: Verdana,sans-serif;">Cadastro
18   -Principal de Variáveis</p>
  17 +Principal de Vari&aacute;veis</p>
19 18 <center> <video id="vid1" class="video-js vjs-default-skin" controls="" preload="auto" width="1080" height="600" poster="my_video_poster.png"> <source src="cad_princ_variaveis_VP8.webm" type="video/webm">
20 19 </source></video>
21 20 <p><br>
... ... @@ -40,4 +39,4 @@ vid1.progressed();
40 39 </script></center>
41 40 </center>
42 41  
43   -</body></html>
44 42 \ No newline at end of file
  43 +</body></html>
... ...
docs/videos/video_editando_variavel/sandbox/editando_variaveis.htm
  Diff comments   View file @10cd9dc
... ... @@ -13,7 +13,7 @@
13 13 <script src="../build/source-loader.js"></script>
14 14 </head><body>
15 15 <center>
16   -<div class="imginicio"><a href="../../index.html"><img title="Início" style="border: 0px solid ; width: 40px; height: 41px;" alt="inicio" src="../../imagens/inicio.gif"></a></div>
  16 +<div class="imginicio"><a href="../../index.html"><img title="In&iacute;cio" style="border: 0px solid ; width: 40px; height: 41px;" alt="inicio" src="../../imagens/inicio.gif"></a></div>
17 17 <p style="border: 1px solid rgb(119, 119, 119); padding: 10px; background-color: rgb(238, 238, 238); font-size: 0.8em; line-height: 1.5em; font-family: Verdana,sans-serif;">Editando
18 18 Algumas Variaveis</p>
19 19 <center> <video id="vid1" class="video-js vjs-default-skin" controls="" preload="auto" width="1080" height="600" poster="my_video_poster.png"> <source src="editando_variaveis_VP8.webm" type="video/webm">
... ...