Commit 2d97acbd217aa428ead80d5c59a34dbd9229699d
1 parent
6f209f11
Exists in
master
Correções na documentação
Showing
11 changed files
with
657 additions
and
1964 deletions
Show diff stats
docs/Editarvariavel.html
| 1 | 1 | <!DOCTYPE html> |
| 2 | -<html lang="pt-br"><head> | |
| 3 | - | |
| 4 | - | |
| 5 | - <meta content="text/html; charset=UTF-8" http-equiv="Content-Type"> | |
| 6 | - <meta charset="UTF-8"><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"></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 | -<h1>Edição | |
| 15 | -de variáveis a partir da interface de | |
| 16 | -usuário</h1> | |
| 17 | -A edição de variáveis é | |
| 18 | -utilizada quando o usuário deseja alterar, | |
| 19 | -atualizar ou corrigir alguma informação presente | |
| 20 | -na | |
| 21 | -variável que é base para formar um cartograma. | |
| 22 | -Também é possível alterar a maneira | |
| 23 | -que esta | |
| 24 | -variável é | |
| 25 | -referênciada no mapa, como no caso dos intervalos ou as cores | |
| 26 | -que | |
| 27 | -representam os mesmos.<br> | |
| 28 | -Este método de edição de | |
| 29 | -variável utiliza o assistente "Ajudante do Editor" (chamado | |
| 30 | -a | |
| 31 | -partir de "Edição", localizado na janela de | |
| 32 | -Cartogramas | |
| 33 | -Estatísticos), não havendo, portanto, a | |
| 34 | -necessidade de | |
| 35 | -acessar o | |
| 36 | -painel de administração para tal tarefa. <br> | |
| 37 | -A seguir, mostraremos as tarefas para utilizar o assistente de | |
| 38 | -edição de variável.<br> | |
| 39 | - <a name="inicio"></a><br> | |
| 40 | -<div class="trail-box"> | |
| 41 | -<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> | |
| 42 | -<h1>Edição | |
| 43 | -de variáveis com o assistente "Ajudante do Editor" <a name="ap"></a></h1> | |
| 44 | -</div> | |
| 45 | -<div class="trail-box-content"> | |
| 46 | -<p class="western" style="margin-left: -0.02cm; margin-bottom: 0cm;">Para | |
| 47 | -acessar o painel de criação ou | |
| 48 | -edição de | |
| 49 | -variáveis, vá ao menu | |
| 50 | -superior e clique nos item, nesta ordem: <b>Ferramentas-> | |
| 51 | -Cartogramas estatísticos </b></p> | |
| 52 | -<br> | |
| 53 | -<div class="imagemExemplo" > | |
| 54 | -<img style="width: 251px; height: 512px;" alt="ferramenta" src="imagens/digitarDados/fig2.jpg"><br> | |
| 55 | -Menu "Ferramentas". | |
| 56 | -</div> | |
| 57 | -<br> | |
| 58 | -Sugirá uma janela denominada "Cartogramas | |
| 59 | -estatísticos". Nele você | |
| 60 | -clica no botão "Edição".<br> | |
| 61 | -<br> | |
| 62 | -<div class="imagemExemplo" > | |
| 63 | -<img style="width: 302px; height: 161px;" alt="editar" src="imagens/usuario/usuario05.jpg"><br> | |
| 64 | -Janela flutuante | |
| 65 | -"Cartogramas estatísticos". | |
| 66 | -</div> | |
| 67 | -<br> | |
| 68 | -<br> | |
| 69 | -Após clicar no botao | |
| 70 | -"Edição", a janela "Ajudante de | |
| 71 | -editor" | |
| 72 | -estará | |
| 73 | - visível em sua tela. <br> | |
| 74 | -Clique no botão <img style="width: 30px; height: 26px;" alt="botao" src="imagens/usuario/usuario07.jpg"> para prosseguir e | |
| 75 | -acessar as funções de | |
| 76 | -edição e | |
| 77 | -criação de variáveis.<br> | |
| 78 | -<br> | |
| 79 | -<div class="imagemExemplo" > | |
| 80 | -<img style="width: 407px; height: 333px;" alt="editar" src="imagens/usuario/usuario06.jpg"><br> | |
| 81 | -Janela flutuante | |
| 82 | -"Ajudante do editor" | |
| 83 | -</div> | |
| 84 | -<br> | |
| 85 | -Após seguir o procedimento que se apresenta na janela | |
| 86 | -(conforme visto na Figura 3), será | |
| 87 | -exibida a tela mostrada abaixo | |
| 88 | -para escolha da variável.<br> | |
| 89 | -. <br> | |
| 90 | -<div class="imagemExemplo" > | |
| 91 | -<img style="width: 403px; height: 192px;" alt="criareditar" src="imagens/usuario/usuario08.jpg"><br> | |
| 92 | -Edição | |
| 93 | -de Variável. | |
| 94 | -</div> | |
| 95 | - | |
| 96 | -</div> | |
| 97 | -<div class="trail-box-bottom"> | |
| 98 | -<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> | |
| 99 | -</div> | |
| 100 | - <br> | |
| 101 | -<div class="trail-box"> | |
| 102 | -<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> | |
| 103 | -<h1>Editando a | |
| 104 | -Variável<a name="ev"></a></h1> | |
| 105 | -</div> | |
| 106 | -<div class="trail-box-content">Uma | |
| 107 | -vez que já sabemos chamar o | |
| 108 | -assistente de edição, pode-se dar o | |
| 109 | -início a | |
| 110 | -edição.<br> | |
| 111 | -<br> | |
| 112 | -Escolha a variável que será editada. No exemplo | |
| 113 | -a variável | |
| 114 | -escolhida chama-se "Influenza".<br> | |
| 115 | -<br> | |
| 116 | -<div class="imagemExemplo" > | |
| 117 | -<img style="width: 405px; height: 192px;" alt="editar" src="imagens/usuario/usuario12.jpg"><br> | |
| 118 | -Selecionando | |
| 119 | -Variável. | |
| 120 | -</div> | |
| 121 | -<br> | |
| 122 | -Para editar o 'nome' ou a 'descrição' da | |
| 123 | -variável | |
| 124 | -selecionada, clique no botão "Edite" .<br> | |
| 125 | -<br> | |
| 126 | -<div class="imagemExemplo" > | |
| 127 | -<img style="width: 405px; height: 194px;" alt="editarnome" src="imagens/usuario/usuario13.jpg"><br> | |
| 128 | -Ajudante do Editor. | |
| 129 | -</div> | |
| 130 | -<br> | |
| 131 | -Irá surgir uma nova janela. Para editar os dados nesta | |
| 132 | -janela, | |
| 133 | -digite um novo nome e/ou | |
| 134 | -descrição para sua | |
| 135 | -variável e clique no botão "Salvar".<br> | |
| 136 | -<br> | |
| 137 | -<div class="imagemExemplo" > | |
| 138 | -<img style="width: 460px; height: 260px;" alt="editar2" src="imagens/usuario/usuario14.jpg"><br> | |
| 139 | -Atualizando nome ou | |
| 140 | -descrição. | |
| 141 | -</div> | |
| 142 | -<br> | |
| 143 | -Para editar uma "Medida da variável", após | |
| 144 | -selecionar a | |
| 145 | -variável clique no | |
| 146 | -botão <img style="width: 30px; height: 26px;" alt="botao" src="imagens/usuario/usuario07.jpg"> da | |
| 147 | -janela apresentada na | |
| 148 | -Figura 6. Em seguida, na tela de edição | |
| 149 | -de "medida da | |
| 150 | -variável", selecione a medida que será definida | |
| 151 | -para a variável, e | |
| 152 | -clique no | |
| 153 | -botão "Editar".<br> | |
| 154 | -<br> | |
| 155 | -<div class="imagemExemplo" > | |
| 156 | -<img style="width: 407px; height: 194px;" alt="editar3" src="imagens/usuario/usuario15.jpg"><br> | |
| 157 | -Selecionando Medida. | |
| 158 | -</div> | |
| 159 | -<br> | |
| 160 | -Será apresentada a configuração dessa | |
| 161 | -medida, onde | |
| 162 | -será possível editar os campos com os atributos | |
| 163 | -da | |
| 164 | -medida. Para facilitar o entendimento, iremos explicar passo a passo o | |
| 165 | -preenchimento desses atributos.<br> | |
| 166 | -Iniciamos, preenchendo os campos:<br> | |
| 167 | -<ul> | |
| 168 | - <li><span style="font-weight: bold;">Nome:</span> | |
| 169 | -Defina um nome para a medida.</li> | |
| 170 | -</ul> | |
| 171 | -<ul> | |
| 172 | - <li><span style="font-weight: bold;">Unidade de medida</span>: | |
| 173 | -defina a unidade de medida que será utilizada (quantitativo | |
| 174 | -ou percentual).</li> | |
| 175 | -</ul> | |
| 176 | -<ul> | |
| 177 | - <li><span style="font-weight: bold;">Tipo de região:</span> | |
| 178 | - Defina o limite geofrafico estabelecido no | |
| 179 | -i3GeoSaúde. | |
| 180 | -Normalmente há uma hierarquia, como: estado, | |
| 181 | -município e | |
| 182 | -bairro.</li> | |
| 183 | -</ul> | |
| 184 | -<br> | |
| 185 | -<div class="imagemExemplo" > | |
| 186 | -<img style="width: 455px; height: 254px;" alt="editar5" src="imagens/usuario/usuario19.jpg"><br> | |
| 187 | -"Editor de medida" | |
| 188 | -como atributos iniciais. | |
| 189 | -</div> | |
| 190 | -<br> | |
| 191 | -Continue preenchendo os seguintes atributos:<br> | |
| 192 | -<br> | |
| 193 | -<ul> | |
| 194 | - <li><span style="font-weight: bold;">Conexão</span>: | |
| 195 | -escolha o nome da conexão ao banco de dado a ser utilizado. | |
| 196 | -Por | |
| 197 | -padrão, mantenha sempre selecionado o banco chamado | |
| 198 | -"geosaúde". </li> | |
| 199 | -</ul> | |
| 200 | -<ul> | |
| 201 | - <li><span style="font-weight: bold;">Esquema do banco:</span> | |
| 202 | -aqui novamente, por padrao, sempre selecione | |
| 203 | -"i3geo_metaestat".</li> | |
| 204 | -</ul> | |
| 205 | -<ul> | |
| 206 | - <li><span style="font-weight: bold;">Coluna com os Valores:</span> | |
| 207 | - você deve selecionar a coluna de sua | |
| 208 | -tabela com os dados que serão analisados (quantificados e | |
| 209 | -medidos).</li> | |
| 210 | - <li><span style="font-weight: bold;">Coluna de | |
| 211 | -ligação com a tabela GEO:</span> | |
| 212 | -Neste item | |
| 213 | -selecione a coluna de sua tabela com os códigos | |
| 214 | -das | |
| 215 | -regiões (por padrão essa coluna deve ser chamada | |
| 216 | -de "codigoregiao" .</li> | |
| 217 | -</ul> | |
| 218 | -<br> | |
| 219 | -<div class="imagemExemplo" > | |
| 220 | -<img style="width: 457px; height: 256px;" alt="figura5" src="imagens/usuario/usuario23.jpg"><br> | |
| 221 | -"Editor de Medidas" | |
| 222 | -(continuação dos atributos). | |
| 223 | -</div> | |
| 224 | -<br> | |
| 225 | -E, por fim, | |
| 226 | -preencha o campo com os identificadores, deixando o filtro adicional | |
| 227 | -sem informação.<br> | |
| 228 | -<ul> | |
| 229 | - <li><span style="font-weight: bold;">Coluna com IDs | |
| 230 | -únicos...: </span> Neste | |
| 231 | -item selecione a | |
| 232 | -coluna | |
| 233 | -referente ao identificador único de sua | |
| 234 | -informação | |
| 235 | -na tabela. Por | |
| 236 | -padrão será a coluna "gid".</li> | |
| 237 | -</ul> | |
| 238 | -<br> | |
| 239 | -<div class="imagemExemplo" > | |
| 240 | -<img style="width: 457px; height: 255px;" alt="figura5" src="imagens/usuario/usuario24.jpg"><br> | |
| 241 | -"Editor de Medidas" | |
| 242 | -(atributos finais). | |
| 243 | -</div> | |
| 244 | -<br> | |
| 245 | -Uma vez editados os atributos, clique | |
| 246 | -no botão "Salva", que está | |
| 247 | -localizado no topo da janela.<br> | |
| 248 | - <br> | |
| 249 | -Para editar a | |
| 250 | -"Classifição de uma | |
| 251 | -medida" de sua | |
| 252 | -variável, após definir a "Medida de | |
| 253 | -variável", | |
| 254 | -clique no botão <img style="width: 30px; height: 26px;" alt="botao" src="imagens/usuario/usuario07.jpg"> . Em seguida, | |
| 255 | -selecione a | |
| 256 | -classificação que você irá | |
| 257 | -adotar para a medida. Clique no botão | |
| 258 | -"Edite" para editar o nome da | |
| 259 | -classificação.<br> | |
| 260 | -<br> | |
| 261 | -<div class="imagemExemplo" > | |
| 262 | -<img style="width: 389px; height: 285px;" alt="editar7" src="imagens/usuario/usuario20.jpg"><br> | |
| 263 | -Seleçao da | |
| 264 | -Classificaçao. | |
| 265 | -</div> | |
| 266 | -<br> | |
| 267 | -Uma vez definida a classificação, | |
| 268 | - clique no | |
| 269 | -botão "Salva".<br> | |
| 270 | -<br> | |
| 271 | -<div class="imagemExemplo" > | |
| 272 | -<img style="width: 457px; height: 256px;" alt="img2" src="imagens/usuario/img02.jpg"><br> | |
| 273 | -Editor de | |
| 274 | -Classificação. | |
| 275 | -</div> | |
| 276 | -<br> | |
| 277 | -<p class="western" style="margin-left: -0.02cm; margin-bottom: 0cm;">Para | |
| 278 | -definir todos os detalhes da classificação, | |
| 279 | -clique | |
| 280 | -no botão <img src="imagens/usuario/usuario07.jpg" name="figuras1" align="bottom" border="0" height="26" width="30"> | |
| 281 | -. Feito isso, | |
| 282 | -surgirá a | |
| 283 | -última janela do assistente que permite a | |
| 284 | -edição dos intervalos de suas | |
| 285 | -classificações e as cores representativas a serem | |
| 286 | -usados na legenda.<br> | |
| 287 | -</p> | |
| 288 | -<br> | |
| 289 | -<div class="imagemExemplo" > | |
| 290 | -<img style="width: 410px; height: 335px;" alt="edite8" src="imagens/usuario/usuario21.jpg"><br> | |
| 291 | -Configuração de Intervalos. | |
| 292 | -</div> | |
| 293 | -<br> | |
| 294 | -</div> | |
| 295 | -<div class="trail-box-bottom"> | |
| 296 | -<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> | |
| 297 | -</div> | |
| 298 | -<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> | |
| 299 | -<br> | |
| 300 | - <br> | |
| 301 | -</div> | |
| 302 | -</div> | |
| 303 | -</div> | |
| 304 | -</body></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> | |
| 16 | + <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-> Cartogramas estatísticos </b> | |
| 18 | + <div class="imagemExemplo"> | |
| 19 | + <img src="imagens/digitarDados/fig2.jpg"> | |
| 20 | + <p>Menu "Ferramentas". | |
| 21 | + </div> | |
| 22 | + <p>Sugirá uma janela denominada "Cartogramas estatísticos". Nele você clica no botão "Edição". | |
| 23 | + <div class="imagemExemplo"> | |
| 24 | + <img src="imagens/usuario/usuario05.jpg"> | |
| 25 | + <p>Janela flutuante "Cartogramas estatísticos". | |
| 26 | + </div> | |
| 27 | + <p>Após clicar no botao "Edição", a janela "Ajudante de editor" estará visível em sua tela. | |
| 28 | + <p> | |
| 29 | + Clique no botão <img style="width: 30px; height: 26px;" alt="botao" src="imagens/usuario/usuario07.jpg"> para prosseguir e acessar as funções de edição e criação de variáveis. | |
| 30 | + <div class="imagemExemplo"> | |
| 31 | + <img src="imagens/usuario/usuario06.jpg"> | |
| 32 | + <p>Janela flutuante "Ajudante do editor" | |
| 33 | + </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. | |
| 35 | + <div class="imagemExemplo"> | |
| 36 | + <img src="imagens/usuario/usuario08.jpg"> | |
| 37 | + <p>Edição de Variável. | |
| 38 | + </div> | |
| 39 | + <h2>Editando 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". | |
| 43 | + <div class="imagemExemplo"> | |
| 44 | + <img src="imagens/usuario/usuario12.jpg"> | |
| 45 | + <p>Selecionando Variável. | |
| 46 | + </div> | |
| 47 | + <p>Para editar o 'nome' ou a 'descrição' da variável selecionada, clique no botão "Edite" . | |
| 48 | + <div class="imagemExemplo"> | |
| 49 | + <img src="imagens/usuario/usuario13.jpg"> | |
| 50 | + <p>Ajudante do Editor. | |
| 51 | + </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". | |
| 53 | + <div class="imagemExemplo"> | |
| 54 | + <img src="imagens/usuario/usuario14.jpg"> | |
| 55 | + <p>Atualizando nome ou descrição. | |
| 56 | + </div> | |
| 57 | + <p> | |
| 58 | + Para editar uma "Medida da variável", após selecionar a variável clique no botão <img style="width: 30px; height: 26px;" alt="botao" src="imagens/usuario/usuario07.jpg"> da janela apresentada na Figura 6. Em seguida, na tela de edição de "medida da variável", selecione a medida que será definida para a variável, e clique no botão "Editar". | |
| 59 | + <div class="imagemExemplo"> | |
| 60 | + <img src="imagens/usuario/usuario15.jpg"> | |
| 61 | + <p>Selecionando Medida. | |
| 62 | + </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. | |
| 64 | + <p>Iniciamos, preenchendo os campos: | |
| 65 | + <ul> | |
| 66 | + <li><span style="font-weight: bold;">Nome:</span> Defina um nome para a medida.</li> | |
| 67 | + </ul> | |
| 68 | + <ul> | |
| 69 | + <li><span style="font-weight: bold;">Unidade de medida</span>: defina a unidade de medida que será utilizada (quantitativo ou percentual).</li> | |
| 70 | + </ul> | |
| 71 | + <ul> | |
| 72 | + <li><span style="font-weight: bold;">Tipo de região:</span> Defina o limite geofrafico estabelecido no i3GeoSaúde. Normalmente há uma hierarquia, como: estado, município e bairro.</li> | |
| 73 | + </ul> | |
| 74 | + <div class="imagemExemplo"> | |
| 75 | + <img src="imagens/usuario/usuario19.jpg"> | |
| 76 | + <p>"Editor de medida" como atributos iniciais. | |
| 77 | + </div> | |
| 78 | + <p>Continue preenchendo os seguintes atributos: | |
| 79 | + <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> | |
| 81 | + </ul> | |
| 82 | + <ul> | |
| 83 | + <li><span style="font-weight: bold;">Esquema do banco:</span> aqui novamente, por padrao, sempre selecione "i3geo_metaestat".</li> | |
| 84 | + </ul> | |
| 85 | + <ul> | |
| 86 | + <li><span style="font-weight: bold;">Coluna com os Valores:</span> 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 a coluna de sua tabela com os códigos das regiões (por padrão essa coluna deve ser chamada de "codigoregiao" .</li> | |
| 88 | + </ul> | |
| 89 | + <div class="imagemExemplo"> | |
| 90 | + <img src="imagens/usuario/usuario23.jpg"> | |
| 91 | + <p>"Editor de Medidas" (continuação dos atributos). | |
| 92 | + </div> | |
| 93 | + <p>E, por fim, preencha o campo com os identificadores, deixando o filtro adicional sem informação. | |
| 94 | + <ul> | |
| 95 | + <li><span style="font-weight: bold;">Coluna com IDs únicos...: </span> Neste item selecione a coluna referente ao identificador único de sua informação na tabela. Por padrão será a coluna "gid".</li> | |
| 96 | + </ul> | |
| 97 | + <div class="imagemExemplo"> | |
| 98 | + <img src="imagens/usuario/usuario24.jpg"> | |
| 99 | + <p>"Editor de Medidas" (atributos finais). | |
| 100 | + </div> | |
| 101 | + <p>Uma vez editados os atributos, clique no botão "Salva", que está localizado no topo da janela. | |
| 102 | + <p> | |
| 103 | + Para editar 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. | |
| 104 | + <div class="imagemExemplo"> | |
| 105 | + <img src="imagens/usuario/usuario20.jpg"> | |
| 106 | + <p>Seleçao da Classificaçao. | |
| 107 | + </div> | |
| 108 | + <p>Uma vez definida a classificação, clique no botão "Salva". | |
| 109 | + <div class="imagemExemplo"> | |
| 110 | + <img src="imagens/usuario/img02.jpg"> | |
| 111 | + <p>Editor de Classificação. | |
| 112 | + </div> | |
| 113 | + <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. | |
| 115 | + <div class="imagemExemplo"> | |
| 116 | + <img src="imagens/usuario/usuario21.jpg"> | |
| 117 | + <p>Configuração de Intervalos. | |
| 118 | + </div> | |
| 119 | +</body> | |
| 120 | +</html> | ... | ... |
docs/OperacaoSobreMapa.html
| 1 | 1 | <!DOCTYPE html> |
| 2 | -<html><head> | |
| 3 | - <meta content="text/html; charset=UTF-8" http-equiv="Content-Type"> | |
| 4 | - <meta charset="UTF-8"><title>Operações sobre o mapa</title> | |
| 5 | - <link media="screen" href="./files/estilos.css" type="text/css" rel="stylesheet"><!--[if lt IE 10]> | |
| 6 | -<![endif]--> | |
| 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> | |
| 12 | + <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 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 (a exibição de um forma reduzida para | |
| 15 | + ampliada é detalhada em "<a target="_blank" href="Interface.html">Funcionalidades presentes na Interface</a>". | |
| 16 | + <p> | |
| 17 | + <div class="imagemExemplo"> | |
| 18 | + <img src="imagens/operacaoSobreMapa/figura1b.jpg"> | |
| 19 | + <p>Barra de botões com os principais ícones, na forma reduzida. | |
| 20 | + </div> | |
| 21 | + <div class="imagemExemplo"> | |
| 22 | + <img src="imagens/Interface/Barrademenu.png"> | |
| 23 | + <p>Barra de botões na forma estendida. | |
| 24 | + </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. | |
| 26 | + <ul> | |
| 27 | + <li>O ícone "Legenda" <img style="width: 30px; height: 29px;" alt="figura2" src="imagens/operacaoSobreMapa/figura2.jpg"> apresenta a janela flutuante com a legenda do tema. | |
| 28 | + </li> | |
| 29 | + </ul> | |
| 30 | + <div class="imagemExemplo"> | |
| 31 | + <img src="imagens/operacaoSobreMapa/figura26.jpg"> | |
| 32 | + <p>Legenda | |
| 33 | + </div> | |
| 34 | + <ul> | |
| 35 | + <li>O ícone <img style="width: 30px; height: 28px;" alt="figura3" src="imagens/operacaoSobreMapa/figura3.jpg">, denominado "Busca rápida", otimiza a localização 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. | |
| 36 | + </li> | |
| 37 | + </ul> | |
| 38 | + <div class="imagemExemplo"> | |
| 39 | + <img src="imagens/operacaoSobreMapa/figura27.jpg"> | |
| 40 | + <p>Busca rápida com a localização do município de Atalaia | |
| 41 | + </div> | |
| 42 | + <ul> | |
| 43 | + <li> O ícone "Zoom" <img style="width: 30px; height: 27px;" alt="figura4" src="imagens/operacaoSobreMapa/figura4.jpg"> permite selecionar região para amplia-la. Para isso, clique nele e depois pressione a tecla CTRL junto com o botão esquerdo do mouse para ampliar uma área qualquer selecionada. | |
| 44 | + </li> | |
| 45 | + </ul> | |
| 46 | + <div class="imagemExemplo"> | |
| 47 | + <img src="imagens/operacaoSobreMapa/figura38.jpg"> | |
| 48 | + <p>Seleção da área de ampliação (1). | |
| 49 | + </div> | |
| 50 | + <div class="imagemExemplo"> | |
| 51 | + <img src="imagens/operacaoSobreMapa/figura37.jpg"> | |
| 52 | + <p>Mapa ampliado com maior escala (2). | |
| 53 | + </div> | |
| 54 | + <ul> | |
| 55 | + <li>O ícone <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. | |
| 56 | + </li> | |
| 57 | + </ul> | |
| 58 | + <ul> | |
| 59 | + <li> A ferramenta de enquadramento inicial, representada pelo ícone <img style="width: 30px; height: 35px;" alt="figura6" src="imagens/operacaoSobreMapa/figura6.jpg">, é importante para retomar a visualização original do mapa (como é apresentado inicialmente na tela), pois permite obtermos o mapa de forma enquadrada para que o mapa volte a apresentar a abrangência espacial do início. | |
| 60 | + </li> | |
| 61 | + </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 clicando-se no ponto desejado. O i3GeoSaúde apresenta duas ferramentas na barra de botões para fazer isso: "Identificação" e "Etiqueta". | |
| 63 | + <ul> | |
| 64 | + <li>A "Identificação", indicada pelo ícone <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. | |
| 65 | + </li> | |
| 66 | + </ul> | |
| 67 | + <div class="imagemExemplo"> | |
| 68 | + <img src="imagens/operacaoSobreMapa/figura30.jpg"> | |
| 69 | + <p>Identificação: Temas visíveis | |
| 70 | + </div> | |
| 71 | + <div class="imagemExemplo"> | |
| 72 | + <img src="imagens/operacaoSobreMapa/figura31.jpg"> | |
| 73 | + <p>Identificação: Todos | |
| 74 | + </div> | |
| 75 | + <div class="imagemExemplo"> | |
| 76 | + <img src="imagens/operacaoSobreMapa/figura33a.jpg"> | |
| 77 | + <p>Identificação: Etiquetas | |
| 78 | + </div> | |
| 79 | + <div class="imagemExemplo"> | |
| 80 | + <img src="imagens/operacaoSobreMapa/figura32.jpg"> | |
| 81 | + <p>Identificação: XY/Buffer | |
| 82 | + </div> | |
| 83 | + <div class="imagemExemplo"> | |
| 84 | + <img src="imagens/operacaoSobreMapa/figura33.jpg"> | |
| 85 | + <p>Identificação: Propriedades | |
| 86 | + </div> | |
| 87 | + <ul> | |
| 88 | + <li>A ferramenta "Etiqueta", indicado pelo ícone <img style="width: 30px; height: 29px;" alt="figura8" src="imagens/operacaoSobreMapa/figura8.jpg"> , 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. 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 Menu Suspenso ativando as opções: Ferramentas > 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. | |
| 90 | + </li> | |
| 91 | + </ul> | |
| 92 | + <div class="imagemExemplo"> | |
| 93 | + <img src="imagens/operacaoSobreMapa/figura34.jpg"> | |
| 94 | + <p>Etiqueta referente aos temas Óbitos, Município e Estado. | |
| 95 | + </div> | |
| 96 | + <p>O i3GeoSaúde provê ferramantas para cálculo de área e distância, a partir de ícone de atalho presentes na "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. | |
| 97 | + <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">, 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. | |
| 99 | + </li> | |
| 100 | + </ul> | |
| 101 | + <div class="imagemExemplo"> | |
| 102 | + <img src="imagens/operacaoSobreMapa/figura35.jpg"> | |
| 103 | + <p>Determinação de distância entre pontos geográficos. | |
| 104 | + </div> | |
| 105 | + <ul> | |
| 106 | + <li>Acionando a ferramenta "Área", representado pelo ícone <img style="width: 30px; height: 29px;" alt="figura10" src="imagens/operacaoSobreMapa/figura10.jpg">, mede-se a área de uma área selecionada 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. | |
| 107 | + </li> | |
| 108 | + </ul> | |
| 109 | + <div class="imagemExemplo"> | |
| 110 | + <img src="imagens/operacaoSobreMapa/figura36.jpg"> | |
| 111 | + <p>Calculo da aréa para um região formada por três pontos. | |
| 112 | + </div> | |
| 113 | + <ul> | |
| 114 | + <li>A ferramenta "Imprimir o mapa", representado pelo ícone <img style="width: 30px; height: 25px;" alt="figura11" src="imagens/operacaoSobreMapa/figura11.jpg"> permite gerar uma impressão da região do mapa nos formatos de arquivos PDF, Tiff, Agg/Png ou Sgv. | |
| 115 | + </li> | |
| 116 | + </ul> | |
| 117 | + <ul> | |
| 118 | + <li>A ferramenta "Selecionar", representado pelo ícone <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 também no uMenu Suspenso (opção Ferramentas > Selecionar). Ao acioná-lo abre-se uma janela flutuante com as opções de seleção. | |
| 119 | + </li> | |
| 120 | + </ul> | |
| 121 | + <div class="imagemExemplo"> | |
| 122 | + <img src="imagens/operacaoSobreMapa/selecao.jpg"> | |
| 123 | + <p>Ferramenta "Selecionar". | |
| 124 | + </div> | |
| 125 | + <h2>Outras operações</h2> | |
| 126 | + <p>As outras funcionalidades presentes na barra de botões, na versão estendida, são: | |
| 127 | + <ul> | |
| 128 | + <li>Ferramenta "Confluência", representada pelo ícone <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. | |
| 130 | + </li> | |
| 131 | + </ul> | |
| 132 | + <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> 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. | |
| 135 | + </li> | |
| 136 | + </ul> | |
| 137 | + <ul> | |
| 138 | + <li>A ferramenta "Estações Metar" , representado por <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. | |
| 139 | + </li> | |
| 140 | + </ul> | |
| 141 | + <ul> | |
| 142 | + <li> O ícone <img style="width: 30px; height: 25px;" alt="figura20" src="imagens/operacaoSobreMapa/figura20.jpg">é um serviço de fotos, um recurso atualmente muito 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> , localizando fotos na região mostrada no mapa. | |
| 143 | + </li> | |
| 144 | + </ul> | |
| 145 | + <ul> | |
| 146 | + <li>O ícone <img style="width: 30px; height: 29px;" alt="figura13" src="imagens/operacaoSobreMapa/figura13.jpg"> 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” . | |
| 147 | + </li> | |
| 148 | + </ul> | |
| 149 | + <ul> | |
| 150 | + <li>O ícone "Editor" <img style="width: 30px; height: 38px;" alt="figura14" src="imagens/operacaoSobreMapa/figura14.jpg"> 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. | |
| 151 | + </li> | |
| 152 | + </ul> | |
| 153 | + <div class="imagemExemplo"> | |
| 154 | + <img src="imagens/operacaoSobreMapa/figura39.jpg"> | |
| 155 | + <p>Ferramentas ativadas ao acionar o ícone "Editor". | |
| 156 | + </div> | |
| 157 | + <ul> | |
| 158 | + <li>O ícone <img style="width: 32px; height: 28px;" alt="figura15" src="imagens/operacaoSobreMapa/figura15.jpg"> mostra a área de abrangência do mapa atual em um contexto mais amplo, ou seja, em uma escala menor que a do mapa mostrada. | |
| 159 | + </li> | |
| 160 | + </ul> | |
| 161 | + <ul> | |
| 162 | + <li>A ferramenta "Extensão atual", representada pelo ícone <img style="width: 30px; height: 34px;" alt="figura17" src="imagens/operacaoSobreMapa/figura16.jpg"> , mostra os valores das coordenadas que descrevem um retângulo que corresponde à abrangência espacial do mapa atual . As coordenadas podem ser alteradas 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. | |
| 164 | + </li> | |
| 165 | + </ul> | |
| 166 | + <ul> | |
| 167 | + <li>O ícone "Inserir pontos", representado pelo ícone <img style="width: 30px; height: 31px;" alt="figura17" src="imagens/operacaoSobreMapa/figura17.jpg"> , permite escolher o tema editável, a direção e a distância em km e a projeção das coordenadas inseridas. | |
| 168 | + </li> | |
| 169 | + </ul> | |
| 170 | + <ul> | |
| 171 | + <li>O ícone "Inserir Texto" <img style="width: 30px; height: 34px;" alt="figura18" src="imagens/operacaoSobreMapa/figura18.jpg"> apresenta opções para inserir texto ao mapa. | |
| 172 | + </li> | |
| 173 | + </ul> | |
| 174 | + <ul> | |
| 175 | + <li>O ícone <img style="width: 30px; height: 34px;" alt="figura19" src="imagens/operacaoSobreMapa/figura19.jpg">recarrega o mapa, reiniciando-o. | |
| 176 | + </li> | |
| 177 | + </ul> | |
| 178 | + <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"> , 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. | |
| 180 | + </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 "fonte de dados" que permite marcar ítens como elementos do gráfico e "propriedades" que permite alterar o formato. | |
| 182 | + </li> | |
| 183 | + </ul> | |
| 7 | 184 | |
| 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>Principais | |
| 14 | -operações sobre o mapa<a name="inicio"></a> | |
| 15 | -<br> | |
| 16 | -</h1> | |
| 17 | -Muitas das funcionalidades do i3GeoSaúde atuam sobre o mapa | |
| 18 | -que | |
| 19 | -está em uso, como alterar características de | |
| 20 | -visualização ou | |
| 21 | -obter | |
| 22 | -informações sobre algum limite | |
| 23 | -geográfico. O usuário do mapa pode alterar | |
| 24 | -quais camadas | |
| 25 | -ficarão visíveis, sua ordem de desenho, obter | |
| 26 | -dados, abrir a | |
| 27 | -legenda, etc. Essas operações afetam apenas o | |
| 28 | -mapa que | |
| 29 | -está sendo visualizado (aberto na interface do | |
| 30 | -i3GeoSaúde), e qualquer mudança é | |
| 31 | -perdida quando o | |
| 32 | -mapa é removido do navegador.<br> | |
| 33 | -Neste tutorial são apresentadas as principais | |
| 34 | -operações que atuam sobre o mapa ativo, | |
| 35 | -destacando as | |
| 36 | -funções presentes na barra de botões e | |
| 37 | -das | |
| 38 | -operações comumente utilizadas na interface de | |
| 39 | -visualização de cartogramas. <br> | |
| 40 | - <br> | |
| 41 | -<div class="trail-box"> | |
| 42 | -<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> | |
| 43 | -<h1><span style="font-weight: bold;"><a name="1criacao"></a>Visão geral da barra de botões</span></h1> | |
| 44 | -</div> | |
| 45 | -<div class="trail-box-content">A | |
| 46 | -barra de botões apresenta | |
| 47 | -ferramentas que permitem fazer operações | |
| 48 | -sobre o mapa. A barra pode se apresentar em um formato reduzido | |
| 49 | -(padrão no i3GeoSaúde) ou | |
| 50 | -ampliado | |
| 51 | -com outras funcionalidades, como visto na Figura 2 (a | |
| 52 | -exibição de um forma reduzida para ampliada | |
| 53 | -é | |
| 54 | -detalhada em "<a target="_blank" href="Interface.html">Funcionalidades | |
| 55 | -presentes | |
| 56 | -na | |
| 57 | -Interface</a>". | |
| 58 | -<br> | |
| 59 | -<br> | |
| 60 | -<div class="imagemExemplo"> | |
| 61 | -<img style="width: 507px; height: 49px;" alt="figura1b" src="imagens/operacaoSobreMapa/figura1b.jpg"><br> | |
| 62 | -Barra de botões com os | |
| 63 | -principais ícones, na forma reduzida. | |
| 64 | -</div> | |
| 65 | -<br> | |
| 66 | -<div class="imagemExemplo"> | |
| 67 | -<img style="width: 803px; height: 35px;" alt="figura1" src="imagens/Interface/Barrademenu.png"><br> | |
| 68 | -Barra de | |
| 69 | -botões na forma estendida. | |
| 70 | -</div> | |
| 71 | -<br> | |
| 72 | -Os ícones da barra de botões permitem melhor | |
| 73 | -interação do usuário com a interface. | |
| 74 | -A seguir | |
| 75 | -veremos o nome e a funcionalidade de cada ícone.<br> | |
| 76 | -<br> | |
| 77 | -<ul> | |
| 78 | - <li>O ícone "Legenda" | |
| 79 | - <img style="width: 30px; height: 29px;" alt="figura2" src="imagens/operacaoSobreMapa/figura2.jpg"> | |
| 80 | -apresenta a janela flutuante com a legenda | |
| 81 | -do tema.</li> | |
| 82 | -</ul> | |
| 83 | -<br> | |
| 84 | -<div class="imagemExemplo"> | |
| 85 | -<img style="width: 300px; height: 166px;" alt="figura26" src="imagens/operacaoSobreMapa/figura26.jpg"><br> | |
| 86 | -Legenda | |
| 87 | -</div> | |
| 88 | -<br> | |
| 89 | -<ul> | |
| 90 | - <li>O ícone <img style="width: 30px; height: 28px;" alt="figura3" src="imagens/operacaoSobreMapa/figura3.jpg">, | |
| 91 | -denominado | |
| 92 | -"Busca rápida", otimiza a | |
| 93 | -localização de | |
| 94 | -alguma | |
| 95 | -região do mapa. Ao clicar no ícone de busca | |
| 96 | -rápida, é solicitado ao usuário qual camada | |
| 97 | -(região) ele deseja observar.</li> | |
| 98 | -</ul> | |
| 99 | -<br> | |
| 100 | -<div class="imagemExemplo"> | |
| 101 | -<img style="width: 219px; height: 225px;" alt="figura27" src="imagens/operacaoSobreMapa/figura27.jpg"> | |
| 102 | -<br> | |
| 103 | -Busca rápida com a | |
| 104 | -localização do município de | |
| 105 | -Atalaia | |
| 106 | -</div> | |
| 107 | -<br> | |
| 108 | - | |
| 109 | -<span style="font-weight: bold;"></span><ul> | |
| 110 | - <li> O | |
| 111 | -ícone "Zoom" <img style="width: 30px; height: 27px;" alt="figura4" src="imagens/operacaoSobreMapa/figura4.jpg"> | |
| 112 | - permite selecionar região para amplia-la. Para | |
| 113 | -isso, | |
| 114 | -clique nele e depois pressione a tecla CTRL junto com o | |
| 115 | -botão esquerdo do | |
| 116 | -mouse para ampliar uma área qualquer selecionada. </li> | |
| 117 | -</ul> | |
| 118 | -<div class="imagemExemplo"> | |
| 119 | -<img style="width: 262px; height: 359px;" alt="figura38" src="imagens/operacaoSobreMapa/figura38.jpg"> | |
| 120 | -Seleção da área de | |
| 121 | -ampliação (1). | |
| 122 | -</div> | |
| 123 | -<br> | |
| 124 | -<div class="imagemExemplo"> | |
| 125 | -<img style="width: 317px; height: 418px;" alt="figura37" src="imagens/operacaoSobreMapa/figura37.jpg"><br> | |
| 126 | -Mapa ampliado com maior escala (2). | |
| 127 | -</div> | |
| 128 | -<br> | |
| 129 | -<ul> | |
| 130 | - <li>O ícone | |
| 131 | - <img style="width: 29px; height: 34px;" alt="figura5" src="imagens/operacaoSobreMapa/figura5.jpg"> permite | |
| 132 | -clicar (selecionar) e arrastar uma região para uma | |
| 133 | -posição na tela. É útil | |
| 134 | -para deslocar as regiões do mapa, permitindo navegar por ele | |
| 135 | -com maior fluidez.</li> | |
| 136 | -</ul> | |
| 137 | -<ul> | |
| 138 | - <li> A ferramenta de | |
| 139 | -enquadramento inicial, representada pelo | |
| 140 | -ícone <img style="width: 30px; height: 35px;" alt="figura6" src="imagens/operacaoSobreMapa/figura6.jpg">, | |
| 141 | -é importante para retomar | |
| 142 | -a visualização | |
| 143 | -original do mapa (como é apresentado inicialmente na tela), | |
| 144 | -pois | |
| 145 | -permite obtermos o | |
| 146 | -mapa de | |
| 147 | -forma enquadrada para que o mapa volte a | |
| 148 | -apresentar a abrangência espacial do início.</li> | |
| 149 | -</ul> | |
| 150 | -<br> | |
| 151 | -Uma das operações mais importantes em | |
| 152 | -um mapa | |
| 153 | -interativo | |
| 154 | -é a possibilidade de se obter | |
| 155 | -informações sobre um determinado local (ponto ou | |
| 156 | -região). As informações descritivas da | |
| 157 | -região podem ser obtidas | |
| 158 | -clicando-se | |
| 159 | -no ponto desejado. O i3GeoSaúde apresenta duas ferramentas na | |
| 160 | -barra de botões para fazer isso: | |
| 161 | -"Identificação" e "Etiqueta".<br> | |
| 162 | -<ul> | |
| 163 | - <li>A | |
| 164 | -"Identificação", indicada pelo | |
| 165 | -ícone <img style="width: 30px; height: 36px;" alt="figura7" src="imagens/operacaoSobreMapa/figura7.jpg"> , opera | |
| 166 | -em | |
| 167 | -todas as camadas, menos para aquelas que o administrador do | |
| 168 | -geosaúde bloquear explicitamente. Esse bloqueio | |
| 169 | -não pode | |
| 170 | -ser removido pelo usuário do mapa. Após escolher | |
| 171 | -a | |
| 172 | -ferramenta, deve-se clicar no ponto desejado do mapa.</li> | |
| 173 | -</ul> | |
| 174 | -<br> | |
| 175 | -<div class="imagemExemplo"> | |
| 176 | -<img style="width: 451px; height: 302px;" alt="figura30" src="imagens/operacaoSobreMapa/figura30.jpg"> | |
| 177 | -<br> | |
| 178 | -Identificação: Temas | |
| 179 | -visíveis | |
| 180 | -</div> | |
| 181 | -<br> | |
| 182 | -<div class="imagemExemplo"> | |
| 183 | -<img style="width: 453px; height: 301px;" alt="figura31" src="imagens/operacaoSobreMapa/figura31.jpg"><br> | |
| 184 | -Identificação: Todos | |
| 185 | -</div> | |
| 186 | -<br> | |
| 187 | -<div class="imagemExemplo"> | |
| 188 | -<img src="imagens/operacaoSobreMapa/figura33a.jpg" alt="figura33a" style="width: 453px; height: 301px;"><br> | |
| 189 | -Identificação: Etiquetas | |
| 190 | -</div> | |
| 191 | -<br> | |
| 192 | -<div class="imagemExemplo"> | |
| 193 | -<img style="width: 456px; height: 302px;" alt="figura33" src="imagens/operacaoSobreMapa/figura32.jpg"><br> | |
| 194 | -Identificação: XY/Buffer | |
| 195 | -</div> | |
| 196 | -<br> | |
| 197 | -<div class="imagemExemplo"> | |
| 198 | -<img style="width: 456px; height: 209px;" alt="figura33" src="imagens/operacaoSobreMapa/figura33.jpg"><br> | |
| 199 | -Identificação: Propriedades | |
| 200 | -</div> | |
| 201 | -<br> | |
| 202 | -<br> | |
| 203 | -<ul> | |
| 204 | - <li>A ferramenta "Etiqueta", | |
| 205 | -indicado pelo ícone <img style="width: 30px; height: 29px;" alt="figura8" src="imagens/operacaoSobreMapa/figura8.jpg"> | |
| 206 | - , funciona apenas em | |
| 207 | -algumas camadas | |
| 208 | -pré-configuradas e geralmente mostra as | |
| 209 | -informações descritivas mais importantes sobre a | |
| 210 | -região selecionada. Quando o i3GeoSaúde | |
| 211 | -encontra dados para o ponto indicado, | |
| 212 | -é aberto um balão. Para | |
| 213 | -que o usuário possa configurar quais | |
| 214 | -informações | |
| 215 | -exibir na etiqueta (balão informativo), deve ativar a | |
| 216 | -"Árvore | |
| 217 | -de camadas", expandir o nó da camada desejada até | |
| 218 | -o | |
| 219 | -nível das | |
| 220 | -“opções”, onde se encontra o | |
| 221 | -ítem “Ativar etiquetas”. A mesma | |
| 222 | -operação pode ser realizada pelo Menu | |
| 223 | -Suspenso | |
| 224 | -ativando as opções: Ferramentas > Ativar | |
| 225 | -Etiquetas. | |
| 226 | -Essa | |
| 227 | -opção abre uma | |
| 228 | -janela flutuante que permite indicar quais as colunas da Tabela de | |
| 229 | -atributos do tema serão utilizadas nas etiquetas.<br> | |
| 230 | - </li> | |
| 231 | -</ul> | |
| 232 | -<ul> | |
| 233 | -</ul> | |
| 234 | -<br> | |
| 235 | -<div class="imagemExemplo"> | |
| 236 | -<img style="width: 641px; height: 461px;" alt="figura34" src="imagens/operacaoSobreMapa/figura34.jpg"><br> | |
| 237 | -Etiqueta referente aos temas Óbitos, Município e Estado. | |
| 238 | -</div> | |
| 239 | -<br> | |
| 240 | -O i3GeoSaúde provê ferramantas para | |
| 241 | -cálculo de | |
| 242 | -área e distância, a partir de ícone de | |
| 243 | -atalho | |
| 244 | -presentes na "Barra de botões". Essas | |
| 245 | -operações são aproximadas, | |
| 246 | -pois atuam | |
| 247 | -sobre a | |
| 248 | -imagem do mapa, que depende da resolução e da | |
| 249 | -qualidade | |
| 250 | -de representação da | |
| 251 | -região que se quer medir no mapa. <br> | |
| 252 | -<br> | |
| 253 | -<ul> | |
| 254 | - <li>Para utilizar a ferramenta | |
| 255 | -"Distância", indicada pelo | |
| 256 | -ícone <img style="width: 30px; height: 28px;" alt="figura9" src="imagens/operacaoSobreMapa/figura9.jpg">, | |
| 257 | -basta aciona-la e | |
| 258 | -clicar em pontos formando uma linha. Além da linha | |
| 259 | -traçada é mostrado um | |
| 260 | -círculo ao redor de cada ponto com raio correspondente ao | |
| 261 | -último segmento.</li> | |
| 262 | -</ul> | |
| 263 | -<br> | |
| 264 | -<div class="imagemExemplo"> | |
| 265 | -<img style="width: 567px; height: 412px;" alt="figura35" src="imagens/operacaoSobreMapa/figura35.jpg"><br> | |
| 266 | -Determinação de distância entre pontos | |
| 267 | -geográficos. | |
| 268 | -</div> | |
| 269 | -<br> | |
| 270 | -<ul> | |
| 271 | - <li>Acionando a ferramenta | |
| 272 | -"Área", representado pelo ícone <img style="width: 30px; height: 29px;" alt="figura10" src="imagens/operacaoSobreMapa/figura10.jpg">, | |
| 273 | -mede-se a | |
| 274 | -área de uma área selecionada no mapa, a | |
| 275 | -partir de pontos que formam um polígono. O | |
| 276 | -cálculo | |
| 277 | -termina quando um mesmo ponto for | |
| 278 | -clicado duas vezes, sendo que o resultado é mostrado em | |
| 279 | -metros | |
| 280 | -quadrados, quilômetros quadrados e | |
| 281 | -hectares.</li> | |
| 282 | -</ul> | |
| 283 | -<div class="imagemExemplo"> | |
| 284 | -<img style="width: 406px; height: 281px;" alt="figura36" src="imagens/operacaoSobreMapa/figura36.jpg"><br> | |
| 285 | -Calculo da | |
| 286 | -aréa para um região formada por | |
| 287 | -três pontos. | |
| 288 | -</div> | |
| 289 | -<br> | |
| 290 | -<ul> | |
| 291 | - <li>A ferramenta "Imprimir o | |
| 292 | -mapa", representado pelo ícone <img style="width: 30px; height: 25px;" alt="figura11" src="imagens/operacaoSobreMapa/figura11.jpg"> | |
| 293 | - permite gerar uma impressão da região | |
| 294 | -do mapa nos formatos de arquivos PDF, Tiff, Agg/Png ou Sgv.</li> | |
| 295 | -</ul> | |
| 296 | -<ul> | |
| 297 | - <li>A ferramenta | |
| 298 | -"Selecionar", representado pelo | |
| 299 | -ícone <img style="width: 30px; height: 31px;" alt="figura12" src="imagens/operacaoSobreMapa/figura12.jpg"> | |
| 300 | -, permite aplicar algumas operações sobre uma | |
| 301 | -área | |
| 302 | -selecionada do mapa. Essa função está | |
| 303 | -disponível também no uMenu Suspenso | |
| 304 | -(opção Ferramentas > Selecionar). | |
| 305 | -Ao acioná-lo abre-se uma janela flutuante com as | |
| 306 | -opções de seleção.</li> | |
| 307 | -</ul> | |
| 308 | -<br> | |
| 309 | -<div class="imagemExemplo"> | |
| 310 | -<img style="width: 579px; height: 368px;" alt="ferramenta selecionar" src="imagens/operacaoSobreMapa/selecao.jpg"><br> | |
| 311 | -Ferramenta "Selecionar". | |
| 312 | -</div> | |
| 313 | -<br> | |
| 314 | -</div> | |
| 315 | - | |
| 316 | -<div class="trail-box-bottom"> | |
| 317 | -<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> | |
| 318 | - | |
| 319 | -</div> | |
| 320 | -<div class="trail-box-header"> | |
| 321 | -<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> | |
| 322 | -<h1><span style="font-weight: bold;"><a name="1criacao"></a>Outras | |
| 323 | -operações</span></h1> | |
| 324 | -</div> | |
| 325 | - As outras funcionalidades presentes na barra de | |
| 326 | -botões, na versão estendida, são:<br> | |
| 327 | -<ul> | |
| 328 | - <li>Ferramenta | |
| 329 | -"Confluência", representada pelo | |
| 330 | -ícone <img style="width: 30px; height: 38px;" alt="figura24" src="imagens/operacaoSobreMapa/figura24.jpg"> , | |
| 331 | -originalmente do | |
| 332 | -projeto <a target="_blank" href="http://confluence.org/">Degree | |
| 333 | -Confluence</a>, realiza de forma | |
| 334 | -colaborativa o | |
| 335 | -mapeamento e descrição das | |
| 336 | -intersecções de | |
| 337 | -1 grau x 1 grau das posições sobre o globo | |
| 338 | -terrestre. A | |
| 339 | -ferramenta de integração ao ser acionada mostra | |
| 340 | -uma lista | |
| 341 | -com as confluências existentes na área do mapa. Ao | |
| 342 | -clicar | |
| 343 | -em uma delas é aberta uma nova página no | |
| 344 | -navegador com a | |
| 345 | -descrição do ponto. <br> | |
| 346 | - </li> | |
| 347 | -</ul> | |
| 348 | -<ul> | |
| 349 | - <li>O "Wikipédia", | |
| 350 | -representado pelo ícone <img style="width: 30px; height: 32px;" alt="figura21" src="imagens/operacaoSobreMapa/figura21.jpg"> , | |
| 351 | -integra | |
| 352 | -o projeto <a target="_blank" href="http://www.geonames.org/">Geonames</a> | |
| 353 | -com a <a target="_blank" href="http://www.wikipedia.org/">Wikipédia</a> de | |
| 354 | -forma que os nomes | |
| 355 | -geográficos existentes em uma área do mapa | |
| 356 | -são | |
| 357 | -buscados no banco de dados do | |
| 358 | -Geonames, e ligados à Wikipédia. A ferramenta | |
| 359 | -mostra os | |
| 360 | -nomes geográficos localizados, | |
| 361 | -contendo o link para a Wikipédia.<br> | |
| 362 | - </li> | |
| 363 | -</ul> | |
| 364 | -<ul> | |
| 365 | - <li>A ferramenta | |
| 366 | -"Estações Metar" , representado por <img style="width: 30px; height: 34px;" alt="figura22" src="imagens/operacaoSobreMapa/figura22.jpg">, | |
| 367 | -trabalha como o projeto <a target="_blank" href="http://weather.noaa.gov/">Weather do | |
| 368 | -Governo | |
| 369 | -Americano (NOAA)</a>, | |
| 370 | -responsável pela rede de coleta de dados | |
| 371 | -meteorológicos. A ferramenta mostra a lista de | |
| 372 | -estações existentes na | |
| 373 | -região do mapa e um extrato dos dados disponíveis.<br> | |
| 374 | - </li> | |
| 375 | -</ul> | |
| 376 | -<ul> | |
| 377 | - <li> O ícone <img style="width: 30px; height: 25px;" alt="figura20" src="imagens/operacaoSobreMapa/figura20.jpg">é | |
| 378 | -um serviço de fotos, um recurso atualmente muito | |
| 379 | -comum na | |
| 380 | -internet. Essa ferramenta interage com o <a target="_blank" href="http://www.panoramio.com/">Panoramio</a>, | |
| 381 | -Flick | |
| 382 | -(http://www.flickr.com/) e <a target="_blank" href="http://pt.locr.com/">Locr</a> | |
| 383 | -, localizando fotos | |
| 384 | -na região mostrada no | |
| 385 | -mapa.</li> | |
| 386 | -</ul> | |
| 387 | -<ul> | |
| 388 | - <li>O | |
| 389 | -ícone <img style="width: 30px; height: 29px;" alt="figura13" src="imagens/operacaoSobreMapa/figura13.jpg"> | |
| 390 | - mostra um mapa com a base de dados do Google Maps. | |
| 391 | -Além da | |
| 392 | -navegação integrada o usuário pode | |
| 393 | -traçar | |
| 394 | -rotas sobre o Google Maps, e incorporá-las ao mapa do | |
| 395 | -i3GeoSaúde, inclusive podendo fazer o download do | |
| 396 | -“shapefile” .<br> | |
| 397 | - </li> | |
| 398 | -</ul> | |
| 399 | -<br> | |
| 400 | -<ul> | |
| 401 | - <li>O ícone "Editor" | |
| 402 | - <img style="width: 30px; height: 38px;" alt="figura14" src="imagens/operacaoSobreMapa/figura14.jpg"> representa | |
| 403 | -o editor e possui uma série de | |
| 404 | -ferramentas para editar, salvar e selecionar áreas no mapa. | |
| 405 | -As | |
| 406 | -operações estão disponíveis | |
| 407 | -em uma barra de | |
| 408 | -botões.</li> | |
| 409 | -</ul> | |
| 410 | -<br> | |
| 411 | -<div class="imagemExemplo"> | |
| 412 | -<img style="width: 541px; height: 36px;" alt="figura39" src="imagens/operacaoSobreMapa/figura39.jpg"><br> | |
| 413 | -Ferramentas ativadas ao | |
| 414 | -acionar o ícone "Editor". | |
| 415 | -</div> | |
| 416 | -<br> | |
| 417 | -<ul> | |
| 418 | - <li>O ícone <img style="width: 32px; height: 28px;" alt="figura15" src="imagens/operacaoSobreMapa/figura15.jpg"> mostra | |
| 419 | -a | |
| 420 | -área de abrangência do | |
| 421 | -mapa atual em um contexto mais amplo, ou seja, em uma escala menor que | |
| 422 | -a do mapa mostrada.<br> | |
| 423 | - </li> | |
| 424 | -</ul> | |
| 425 | -<ul> | |
| 426 | - <li>A ferramenta | |
| 427 | -"Extensão atual", representada | |
| 428 | -pelo ícone <img style="width: 30px; height: 34px;" alt="figura17" src="imagens/operacaoSobreMapa/figura16.jpg"> | |
| 429 | -, mostra os | |
| 430 | -valores das coordenadas que descrevem um retângulo que | |
| 431 | -corresponde à abrangência espacial do mapa | |
| 432 | -atual . As | |
| 433 | -coordenadas podem ser alteradas e, consequentemente, a | |
| 434 | -abrangência | |
| 435 | -visível do mapa, digitando-se os novos valores nos campos de | |
| 436 | -formulário que indicam o canto inferior esquerdo e superior | |
| 437 | -direito da nova extensão.<br> | |
| 438 | - </li> | |
| 439 | -</ul> | |
| 440 | -<ul> | |
| 441 | - <li>O ícone "Inserir | |
| 442 | -pontos", representado pelo | |
| 443 | -ícone <img style="width: 30px; height: 31px;" alt="figura17" src="imagens/operacaoSobreMapa/figura17.jpg"> | |
| 444 | -, permite escolher o tema editável, a | |
| 445 | -direção e a distância em km e | |
| 446 | -a projeção das coordenadas inseridas.</li> | |
| 447 | -</ul> | |
| 448 | -<ul> | |
| 449 | - <li>O ícone "Inserir | |
| 450 | -Texto" <img style="width: 30px; height: 34px;" alt="figura18" src="imagens/operacaoSobreMapa/figura18.jpg"> | |
| 451 | - apresenta opções | |
| 452 | -para inserir texto ao mapa.<br> | |
| 453 | - </li> | |
| 454 | -</ul> | |
| 455 | -<ul> | |
| 456 | - <li>O ícone <img style="width: 30px; height: 34px;" alt="figura19" src="imagens/operacaoSobreMapa/figura19.jpg">recarrega | |
| 457 | -o mapa, | |
| 458 | -reiniciando-o.<br> | |
| 459 | - </li> | |
| 460 | -</ul> | |
| 461 | -<ul> | |
| 462 | -</ul> | |
| 463 | -<ul> | |
| 464 | - <li>Ao acionar a ferramenta | |
| 465 | -"Lente de aumento", com o ícone <img style="width: 30px; height: 31px;" alt="figura23" src="imagens/operacaoSobreMapa/figura23.jpg"> | |
| 466 | -, mostra uma | |
| 467 | -ampliação de um trecho do mapa que corresponde | |
| 468 | -à posição atual do mouse. Essa | |
| 469 | -ampliação é útil para | |
| 470 | -investigar posições do mapa sem ter que realizar | |
| 471 | -várias operações de | |
| 472 | -aproximação. Para fechar a janela basta clicar | |
| 473 | -novamente no ícone.<br> | |
| 474 | - </li> | |
| 475 | - <li>A ferramenta | |
| 476 | -"Gráfico", representada pelo ícone <img style="width: 30px; height: 31px;" alt="figura30" src="imagens/operacaoSobreMapa/figura25.jpg"> | |
| 477 | -, apresenta uma janela flutuante com abas "fonte de | |
| 478 | -dados" que permite marcar ítens como elementos do | |
| 479 | -gráfico e "propriedades" que permite alterar o formato.</li> | |
| 480 | -</ul> | |
| 481 | -<br> | |
| 482 | -</div> | |
| 483 | -<div class="trail-box-bottom"> | |
| 484 | -<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> | |
| 485 | -</div> | |
| 486 | -<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> | |
| 487 | - <br> | |
| 488 | -<br> | |
| 489 | -</div> | |
| 490 | -</div> | |
| 491 | -</div> | |
| 492 | -</body></html> | |
| 185 | +</body> | |
| 186 | +</html> | ... | ... |
docs/Padrao.html
| 1 | 1 | <!DOCTYPE html> |
| 2 | 2 | <html> |
| 3 | 3 | <head> |
| 4 | - <meta content="text/html; charset=UTF-8" http-equiv="Content-Type"> | |
| 5 | - <meta charset="UTF-8"> | |
| 6 | - <title>Padrões de Governo Eletrônico e Interoperabilidade</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"> | |
| 4 | +<meta content="text/html; charset=UTF-8" http-equiv="Content-Type"> | |
| 5 | +<meta charset="UTF-8"> | |
| 6 | +<title>Padrões de Governo Eletrô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"> | |
| 12 | 9 | </head> |
| 13 | 10 | <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 | -<h1>Padrões de Governo | |
| 19 | -Eletrônico e Interoperabilidade (eGov, ePing)</h1> | |
| 20 | -<a name="inicio"></a> | |
| 21 | -<br> | |
| 22 | -O governo federal estabeleceu uma série de | |
| 23 | -padrões técnicos e tecnológicos que | |
| 24 | -objetivam criar os meios institucionais e técnicos adequados | |
| 25 | -para a troca de informações por meio | |
| 26 | -eletrônico e interoperabilidade entre | |
| 27 | -aplicações informatizadas.<br> | |
| 28 | -A portaria número 05 de 14 de Julho de 2005 (SLTI/MPOG), | |
| 29 | -institucionaliza os Padrões de Interoperabilidade de Governo | |
| 30 | -Eletrônico - e-PING, no âmbito do Sistema de | |
| 31 | -Administração dos Recursos de | |
| 32 | -Informação e Informática – | |
| 33 | -SISP, cria sua Coordenação, definindo a | |
| 34 | -competência de seus integrantes e a forma de | |
| 35 | -atualização das versões do Documento | |
| 36 | -(http://www.governoeletronico.gov.br/o-gov.br/legislacao/portaria-no-05-de-14-de-<br> | |
| 37 | -julho-de-2005).<br> | |
| 38 | -O i3GeoSaúde segue os padrões de interoperabilidade | |
| 39 | -propostos na e-PING, o que permite, por exemplo, o compartilhamento de | |
| 40 | -dados e cartogramas por meio das infraestruturas de dados abertos e de | |
| 41 | -dados espaciais.<br> | |
| 42 | -A documentação técnica referente ao | |
| 43 | -e-PING encontra-se no portal do governo eletrônico brasileiro | |
| 44 | -em três formatos distintos:<br> | |
| 45 | -<br> | |
| 46 | -<span class="align-left"></span>Versão 2013 em formato | |
| 47 | -HTML: <a href="http://eping.governoeletronico.gov.br/">http://eping.governoeletronico.gov.br/</a><br> | |
| 48 | -<br> | |
| 49 | -Versão 2013 em formato PDF: <a | |
| 50 | - href="http://www.governoeletronico.gov.br/biblioteca/arquivos/documento-da-e-ping-versao-2013/">http://www.governoeletronico.gov.br/biblioteca/arquivos/documento-da-e-ping-versao-2013/</a><br> | |
| 51 | -<br> | |
| 52 | -Guia de bolso e-PING: <a | |
| 53 | - 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><br> | |
| 54 | -<br> | |
| 55 | -</div> | |
| 56 | -</div> | |
| 57 | -</div> | |
| 11 | + <h1>Padrões de Governo Eletrônico e Interoperabilidade (eGov, ePing)</h1> | |
| 12 | + | |
| 13 | + <p>O governo federal estabeleceu uma série de padrões técnicos e tecnológicos que objetivam criar os meios institucionais e técnicos adequados para a troca de informações por meio eletrônico e interoperabilidade entre aplicações informatizadas. | |
| 14 | + <p>A portaria número 05 de 14 de Julho de 2005 (SLTI/MPOG), institucionaliza os Padrões de Interoperabilidade de Governo Eletrônico - e-PING, no âmbito do Sistema de Administração dos Recursos de Informação e Informática – SISP, cria sua Coordenação, definindo a competência de seus integrantes e a forma de atualização das versões do Documento | |
| 15 | + (http://www.governoeletronico.gov.br/o-gov.br/legislacao/portaria-no-05-de-14-de- julho-de-2005). | |
| 16 | + <p>O i3GeoSaúde segue os padrões de interoperabilidade propostos na e-PING, o que permite, por exemplo, o compartilhamento de dados e cartogramas por meio das infraestruturas de dados abertos e de dados espaciais. A documentação técnica referente ao e-PING encontra-se no portal do governo eletrônico brasileiro em três formatos distintos: | |
| 17 | + <p> | |
| 18 | + Versão 2013 em formato HTML: <a href="http://eping.governoeletronico.gov.br/">http://eping.governoeletronico.gov.br/</a> | |
| 19 | + <p>Versão 2013 em formato PDF: | |
| 20 | + <p> | |
| 21 | + <a href="http://www.governoeletronico.gov.br/biblioteca/arquivos/documento-da-e-ping-versao-2013/">http://www.governoeletronico.gov.br/biblioteca/arquivos/documento-da-e-ping-versao-2013/</a> | |
| 22 | + <p>Guia de bolso e-PING: | |
| 23 | + <p> | |
| 24 | + <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> | |
| 58 | 25 | </body> |
| 59 | 26 | </html> | ... | ... |
docs/editandolink.html
| 1 | 1 | <!DOCTYPE html> |
| 2 | -<html><head> | |
| 3 | - <meta content="text/html; charset=UTF-8" http-equiv="Content-Type"> | |
| 4 | - <meta charset="UTF-8"><title>Publicando Cartograma</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 | -<div id="wrapper-flex"> | |
| 8 | -<div style="background-color: white;"> | |
| 9 | -<div class="f-page-auto-cell" id="doc"> | |
| 10 | -<div class="imginicio"><img onclick="window.history.back()" style="border: 0px solid ; width: 40px; height: 40px;" alt="inicio" src="files/inicio.gif"></div> | |
| 11 | -<h1>Publicação | |
| 12 | -de mapas em aplicação | |
| 13 | -externa ao i3GeoSaúde </h1> | |
| 14 | -A publicação externa ao i3GeoSaúde | |
| 15 | -é | |
| 16 | -implementada por meio da tecnologia <span style="font-style: italic;">Mashup</span>. | |
| 17 | -Essa tecnologia representa pequenos programas que podem | |
| 18 | -ser facilmente inseridos em páginas HTML e que mostram | |
| 19 | -determinados conteúdos como temas de mapas.<br> | |
| 20 | -No caso do i3GeoSaude, os <span style="font-style: italic;">mashups</span> | |
| 21 | -apresentam mapas tendo como base | |
| 22 | -os temas cadastrados na<a target="_blank" href="publicacao2.html"> | |
| 23 | -lista de mapas | |
| 24 | -cadastrados disponíveis internamente</a>. | |
| 25 | - | |
| 26 | -<br> | |
| 27 | -<div class="trail-box"> | |
| 28 | -<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> | |
| 29 | -<h1><span style="font-weight: bold;"><a name="1criacao"></a>Preview</span> <br> | |
| 30 | -</h1> | |
| 31 | -</div> | |
| 32 | -<div class="trail-box-content"> | |
| 33 | -Para gerar o Mashup do mapa clique em | |
| 34 | -"Preview", presente na lista de mapas cadastrados | |
| 35 | -(opção "Arquivo", do menu suspenso), | |
| 36 | -conforme mostrado na <span style="font-weight: bold;">Figura 1</span>. | |
| 37 | -Na Figura 1 a opção de preview escolhida foi o | |
| 38 | -exemplo do "Mapa Publicacao".<br> | |
| 39 | -<br> | |
| 40 | -<div class="imagemExemplo" > | |
| 41 | -<img style="width: 202px; height: 500px;" alt="lista de cadastro" src="imagens/editlink/edtlink22.jpg"><br> | |
| 42 | -Lista de mapas | |
| 43 | -cadastrados e seleção da | |
| 44 | -opção "preview" | |
| 45 | -</div> | |
| 46 | -<br> | |
| 47 | -Em seguida, o i3GeoSaúde abrirá uma | |
| 48 | -janela no | |
| 49 | -navegador com o mapa em escala reduzida. | |
| 50 | -Essa forma de "zoom" (escala reduzida) é o padrão | |
| 51 | -adotado | |
| 52 | -na ferramenta i3GeoSaúde, bem como a | |
| 53 | -configuração da | |
| 54 | -URL (visto na barra de endereço do navegador).<br> | |
| 55 | -<br> | |
| 56 | -<div class="imagemExemplo" > | |
| 57 | -<img style="width: 401px; height: 358px;" alt="marshups" src="imagens/publicacaoII/pub22.jpg"><br> | |
| 58 | -Mashup com escala | |
| 59 | -reduzida | |
| 60 | -apresentando o "link" com os parâmetros iniciais. | |
| 61 | -</div> | |
| 62 | -<br> | |
| 63 | -A seguir, veremos como parametrizar a URL do mashup do mapa publicado.<br> | |
| 64 | -</div> | |
| 65 | -<div class="trail-box-bottom"> | |
| 66 | -<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> | |
| 67 | -</div> | |
| 68 | - | |
| 69 | -<div class="trail-box"> | |
| 70 | -<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> | |
| 71 | -<h1><a name="Usando_o_Pendrive_Live_USB"></a>Editando | |
| 72 | - link do mapa</h1> | |
| 73 | -</div> | |
| 74 | -<div class="trail-box-content"> | |
| 75 | -<br> | |
| 76 | -É possível modificar a URL que abre o mapa, permitindo diferentes | |
| 77 | -visualizações do mapa. Para editar o link (URL) | |
| 78 | -do mapa, deve-se abrir o painel ''Edição de | |
| 79 | -link", no | |
| 80 | -modo Administrador, por meio de duas maneiras:<br> | |
| 81 | -<br> | |
| 82 | -<ul> | |
| 83 | - <li>Acesso do | |
| 84 | -painel ''Edição de link", por meio da | |
| 85 | -página inicial.</li> | |
| 86 | - <li>Acesso do | |
| 87 | -painel ''Edição de link", pela | |
| 88 | -interface do i3GeoSaúde.</li> | |
| 89 | -</ul> | |
| 90 | -O acesso do | |
| 91 | -painel<span style="font-weight: bold;"> ''Edição | |
| 92 | -de link"</span>, por meio da<span style="font-weight: bold;"> | |
| 93 | -página inicial</span>, | |
| 94 | -é realizado pelo menu suspenso, | |
| 95 | -opção | |
| 96 | -"Admin/Login". Em seguida, clique no item | |
| 97 | -''Página | |
| 98 | -principal''. | |
| 99 | -<ul> | |
| 100 | -</ul> | |
| 101 | -<div class="imagemExemplo" > | |
| 102 | -<img style="width: 188px; height: 152px;" alt="Página Inicial" title="Admin/Login" src="imagens/editlink/edtlink03.jpg"><br> | |
| 103 | -Página | |
| 104 | -principal. | |
| 105 | -</div> | |
| 106 | -<br> | |
| 107 | -Depois de selecionar o item "Página Principal", surgirá uma | |
| 108 | -nova página. Nessa página | |
| 109 | -clique na | |
| 110 | -opção "Links para | |
| 111 | -mapas" | |
| 112 | -para | |
| 113 | -ampliá-la, em seguida, selecione a | |
| 114 | -opção | |
| 115 | -''Edição dos links''. <br> | |
| 116 | -<br> | |
| 117 | -<div class="imagemExemplo" > | |
| 118 | -<img style="width: 218px; height: 79px;" alt="Editar link" title="Editar link" src="imagens/editlink/edtlink04.jpg"><br> | |
| 119 | -Seleção | |
| 120 | -do item "Edição dos links". | |
| 121 | -</div> | |
| 122 | -<br> | |
| 123 | -O outro acesso ao | |
| 124 | -painel <span style="font-weight: bold;">''Edição | |
| 125 | -de link", </span>é | |
| 126 | -realizado pelo menu | |
| 127 | -suspenso | |
| 128 | -''Arquivo", selecionando a opção ''Salvar mapa''. | |
| 129 | -<ul> | |
| 130 | -</ul> | |
| 131 | -<div class="imagemExemplo" > | |
| 132 | -<img style="width: 203px; height: 126px;" alt="Menu Arquivo" title="Menu Arquivo" src="imagens/publicacaoII/pub02.jpg"><br> | |
| 133 | -Seleção | |
| 134 | -do item "Salvar mapa" do menu "Arquivo". | |
| 135 | -</div> | |
| 136 | -<br> | |
| 137 | -Em seguida, surgirá uma janela flutuante "Salvar | |
| 138 | -mapa". Siga a barra de rolagem (seta para baixo), na barra | |
| 139 | -lateral. Em | |
| 140 | -seguida, clique em ''Clique aqui para editar a lista | |
| 141 | -de mapas".<br> | |
| 142 | -<br> | |
| 143 | -<div class="imagemExemplo" > | |
| 144 | -<img style="width: 312px; height: 239px;" alt="Janela Salvar arquivo" title="Salvar arquivo" src="imagens/editlink/edtlink02.jpg"><br> | |
| 145 | -janela flutante | |
| 146 | -"Salvar mapa" com a opção ''Clique | |
| 147 | -aqui | |
| 148 | -para editar a lista | |
| 149 | -de mapas". | |
| 150 | -</div> | |
| 151 | -<br> | |
| 152 | -Na página de | |
| 153 | -edição, haverá uma lista de | |
| 154 | -mapas | |
| 155 | -previamente cadastrados no i3GeoSaúde, assim como | |
| 156 | -mapas salvos pelo <a target="_blank" href="publicacao2.html">método | |
| 157 | -de | |
| 158 | -publicação do tema no i3GeoSaúde</a>.<br> | |
| 159 | -Para editar o link de seu mapa, e adicionar os parâmetros | |
| 160 | -necessários clique no ícone <img style="width: 20px; height: 19px;" alt="icone de edição" title="icone de edição" src="imagens/editlink/edtlink06.jpg"> encontrado | |
| 161 | -ao lado de "Mapa publicacao".<br> | |
| 162 | -<br> | |
| 163 | -<div class="imagemExemplo" > | |
| 164 | -<img style="width: 400px; height: 372px;" alt="Edição de links do mapa" title="Edição de links do mapa" src="imagens/editlink/edtlink05.jpg"><br> | |
| 165 | -Selecionando a | |
| 166 | -opção de edição do link do | |
| 167 | -tema "Mapa | |
| 168 | -publicacao". | |
| 169 | -</div> | |
| 170 | -<br> | |
| 171 | -<ul> | |
| 172 | -<li> | |
| 173 | -<a name="visualizacaolLink"></a><span style="font-weight: bold;">Parâmetros | |
| 174 | -de | |
| 175 | -extensão inicial</span> | |
| 176 | -</li> | |
| 177 | -</ul> | |
| 178 | - | |
| 179 | -A janela que se abre, permite que você edite as | |
| 180 | -informações | |
| 181 | -que serão publicadas do seu mapa. | |
| 182 | -Desça a barra de rolagem lateral, localizada à | |
| 183 | -direita da | |
| 184 | -janela, até encontrar a | |
| 185 | -opção "Outros Parâmetros". Na caixa de | |
| 186 | -texto | |
| 187 | -você | |
| 188 | -digita | |
| 189 | -os parâmetros que serão adicionados ao link de seu | |
| 190 | -mapa.<br> | |
| 191 | -Um dos parâmetros que podem ser utilizados é o | |
| 192 | -''mapext''', | |
| 193 | - extensão geográfica inicial | |
| 194 | -do mapa (xmin,ymin,xmax,ymax), usado para alterar as | |
| 195 | -dimensões iniciais do tema. <br> | |
| 196 | -Para usar esse parâmetro, basta | |
| 197 | -adicionar o ''mapext'', o separador ''&'' e | |
| 198 | -suas coordenadas ao final do link inicial (<span style="font-weight: bold;">*</span>) | |
| 199 | -de seu mapa na | |
| 200 | -caixa de texto. <br> | |
| 201 | -<br> | |
| 202 | -(*)<span style="font-style: italic;"></span><span style="font-style: italic; text-decoration: underline;"> | |
| 203 | -</span>link inicial<span style="font-style: italic;">: | |
| 204 | -"&restauramapa=8&interface=http://localhost/i3geo/interface/openlayers.htm"</span><br style="font-style: italic;"> | |
| 205 | -<br style="font-style: italic;"> | |
| 206 | -<span style="font-style: italic;"><span style="font-weight: bold;">link | |
| 207 | -com | |
| 208 | -modificação da | |
| 209 | -extensão inicial: | |
| 210 | -</span>''&restauramapa=8&interface=http://localhost/i3geo/interface/openlayers.htm&<span style="font-weight: bold;"><br> | |
| 211 | -mapext</span>=-48.67183 | |
| 212 | --1.521909 | |
| 213 | --48.228257 | |
| 214 | --1.225278"</span><br style="font-weight: bold;"> | |
| 215 | -<br> | |
| 216 | -<div class="imagemExemplo" > | |
| 217 | -<img style="width: 403px; height: 481px;" alt="editar link" src="imagens/editlink/edtlink08.jpg"><br> | |
| 218 | -Modificação de link com parâmetro de | |
| 219 | -extensão inicial. | |
| 220 | -</div> | |
| 221 | -<br> | |
| 222 | -Com a modificação do link, com | |
| 223 | -parâmetro | |
| 224 | -de | |
| 225 | -extensão inicial, perceba que ao carregar o mapa novamente | |
| 226 | -ele | |
| 227 | -iniciará na região do tema | |
| 228 | -e não mais em escala | |
| 229 | -reduzida.<br> | |
| 230 | -<br> | |
| 231 | -<div class="imagemExemplo" > | |
| 232 | -<img alt="comparação de parâmetros" src="imagens/editlink/edtlink23.jpg"> <br> | |
| 233 | -Mapa gerado sem | |
| 234 | -definir extensão inicial (<span style="font-weight: bold;">1</span>); | |
| 235 | -Mapa com modificação de parâmetros<span style="font-weight: bold;"> </span>(<span style="font-weight: bold;">2</span>). | |
| 236 | -</div> | |
| 237 | -<br> | |
| 238 | -Essas dimensões de extensão inicial podem ser | |
| 239 | -modificadas, de acordo com as preferências do | |
| 240 | -usuário, | |
| 241 | -da | |
| 242 | -seguinte forma:<br> | |
| 243 | -<br> | |
| 244 | -Com seu mapa aberto na região de seu tema , | |
| 245 | -selecione o zoom | |
| 246 | -(<span style="font-weight: bold;">1</span>) | |
| 247 | -e amplie a barra de | |
| 248 | -botões (<span style="font-weight: bold;">2</span>), | |
| 249 | -conforme | |
| 250 | -indicado com o ponteiro de "mão"<span style="font-weight: bold;"></span>.<br> | |
| 251 | -<br> | |
| 252 | -<div class="imagemExemplo" > | |
| 253 | -<img style="width: 400px; height: 309px;" alt="Zoom" src="imagens/editlink/edtlink10.jpg"><br> | |
| 254 | -Apresentação do tema com escala definida pelo | |
| 255 | -usuário<span style="font-weight: bold;"> </span>(<span style="font-weight: bold;">1</span>) | |
| 256 | -e ampliação | |
| 257 | -da barra de botões (<span style="font-weight: bold;">2</span>). | |
| 258 | -</div> | |
| 259 | -<br> | |
| 260 | -Após ampliar a barra de botões, clique em | |
| 261 | -<span style="font-weight: bold;">Extensão | |
| 262 | -atual</span>.<br> | |
| 263 | -<br> | |
| 264 | -<div class="imagemExemplo" > | |
| 265 | -<img style="width: 346px; height: 61px;" alt="Barra de botões" src="imagens/editlink/edtlink11.jpg"><br> | |
| 266 | -Seleção do ícone Extensão | |
| 267 | -atual. | |
| 268 | -</div> | |
| 269 | -<br> | |
| 270 | -Em seguida, surgirá uma janela flutuante | |
| 271 | -"Extensão | |
| 272 | -atual" | |
| 273 | -com as coordenadas geográficas em um campo de texto. Copie | |
| 274 | -estas | |
| 275 | -informações e | |
| 276 | -cole no campo referente ao "link", | |
| 277 | -após o | |
| 278 | -uso do | |
| 279 | -parâmetro "mapext"<span style="font-style: italic;"> </span> acrescido | |
| 280 | -do "="<span style="font-weight: bold;"></span> | |
| 281 | -<a href="#visualizacaolLink">conforme | |
| 282 | -visto anteriormente</a>. | |
| 283 | -Desse modo, quando o <span style="font-style: italic;">mashup </span>do | |
| 284 | -seu tema for gerado<span style="font-style: italic;"></span>, | |
| 285 | -ele | |
| 286 | -iniciará na dimensão definida | |
| 287 | -pelo parâmetro | |
| 288 | -"mapext" e | |
| 289 | -não mais com a escala inicial. | |
| 290 | -<br> | |
| 291 | -<br> | |
| 292 | -<div class="imagemExemplo" > | |
| 293 | -<img style="width: 367px; height: 346px;" alt="Exntenão atual" src="imagens/editlink/edtlink12.jpg"><br> | |
| 294 | -Cópia das | |
| 295 | -coordenadas da extensão inicial. | |
| 296 | -</div> | |
| 297 | -<br> | |
| 298 | -<ul> | |
| 299 | - <li><span style="font-weight: bold;">Parâmetro de | |
| 300 | -botões</span></li> | |
| 301 | -</ul> | |
| 302 | -O parâmetro de botões permite ao | |
| 303 | -usuário escolher os botões que deseja apresentar | |
| 304 | -no <span style="font-style: italic;">Mashup</span>, | |
| 305 | -se não | |
| 306 | -for definidos os botões que seram exibidos (<span style="font-weight: bold;">*</span>), | |
| 307 | -por padrão | |
| 308 | -serão mostrados todos os botões.<br> | |
| 309 | -<br> | |
| 310 | -(<span style="font-weight: bold;">*</span>) | |
| 311 | -link original sem definir parâmetro "botoes'': <br> | |
| 312 | -<br> | |
| 313 | -<span style="font-style: italic;">"&restauramapa=8&interface=http://localhost/i3geo/interface/openlayers.htm"</span><br> | |
| 314 | -<br> | |
| 315 | -<div class="imagemExemplo" > | |
| 316 | -<img alt="botoes" src="imagens/editlink/edtlink19.jpg"><br> | |
| 317 | -Apresentação | |
| 318 | -padrão de | |
| 319 | -botões no mashup. | |
| 320 | -</div> | |
| 321 | -<br> | |
| 322 | -Os botões podem ser ocultados ou exibidos conforme o exemplo | |
| 323 | -definido no link a seguir (<span style="font-weight: bold;">*</span>), | |
| 324 | -exemplificado na <span style="font-weight: bold;">Figura 14</span>.<br> | |
| 325 | -<br> | |
| 326 | -(<span style="font-weight: bold;">*</span>) | |
| 327 | -Link com definições de alguns botões:<br> | |
| 328 | -<span style="font-style: italic;"><br> | |
| 329 | -"&restauramapa=8&interface=http://localhost/i3geo/interface/openlayers.htm</span><span style="font-weight: bold; font-style: italic;">&<br> | |
| 330 | -botoes=pan,edita,salva</span><span style="font-style: italic;">"</span><br style="font-style: italic;"> | |
| 331 | -<br> | |
| 332 | -<div class="imagemExemplo" > | |
| 333 | -<img src="imagens/editlink/edtlink20.jpg"><br> | |
| 334 | -Exemplo | |
| 335 | -de <span style="font-style: italic;">Mashup</span> | |
| 336 | -com botões "pan", "edita" e "salva" selecionados. | |
| 337 | -</div> | |
| 338 | -<br> | |
| 339 | -Além dos parâmetros de extensão | |
| 340 | -incial ''mapext'' | |
| 341 | -e "botoes" apresentados nos exemplos, | |
| 342 | -existem | |
| 343 | -outros que podem ser visualizados no <a target="_blank" href="http://mapas.mma.gov.br/i3geo/mashups/openlayers.php">tutorial | |
| 344 | -sobre mashup do OpenLayers</a>.<br> | |
| 345 | -<br> | |
| 346 | -Após adicionar os parâmetros, salve sua | |
| 347 | -edição clicando em | |
| 348 | -"salva" (presente no topo da janela do editor).<br> | |
| 349 | -<br> | |
| 350 | -<div class="imagemExemplo" > | |
| 351 | -<img style="width: 401px; height: 272px;" alt="Salvar" src="imagens/editlink/edtlink13.jpg"><br> | |
| 352 | -Salvando | |
| 353 | -edição. | |
| 354 | -</div> | |
| 355 | -</div> | |
| 356 | -<div class="trail-box-bottom"> | |
| 357 | -<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> | |
| 358 | -</div> | |
| 359 | - | |
| 360 | -<div class="trail-box"> | |
| 361 | -<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"> | |
| 362 | -<h1><a name="ext"></a>Publicação | |
| 363 | -de mapas em aplicação | |
| 364 | -externa ao i3GeoSaude</h1> | |
| 365 | -</div> | |
| 366 | -<div class="trail-box-content"> | |
| 367 | -Após configurar o link de seu mashup, você pode | |
| 368 | -adicioná-lo | |
| 369 | -em páginas web de aplicativos externos ao | |
| 370 | -i3GeoSaúde. Para isso, basta | |
| 371 | -selecionar o link criado anteriormente, e adiciona-lo em uma marca HTML | |
| 372 | -do tipo "iframe", | |
| 373 | -conforme visto a seguir:<br> | |
| 374 | -<br> | |
| 375 | - "<span style="font-weight: bold;"><iframe</span><br style="font-weight: bold;"> | |
| 376 | -<span style="font-style: italic;"> src="http://localhost/i3geo/mashups/openlayers.php?&amp;restauramapa=<br> | |
| 377 | -8&amp;interface=</span><span style="font-style: italic;">http://localhost/i3geo/int</span><span style="font-weight: bold;">></iframe></span>"<br> | |
| 378 | -<br> | |
| 379 | -Observação: o link faz referência ao | |
| 380 | -servidor local | |
| 381 | -(localhost). Dessa | |
| 382 | -forma, para disponibilizar o conteúdo na Web é | |
| 383 | -necessário um endereço internet do servidor | |
| 384 | -Web onde está hospedado o mapa.<br> | |
| 385 | -<br> | |
| 386 | -Na figura seguinte é | |
| 387 | -apresentado o mashup do mapa exemplo dentro de um quadro "iframe" | |
| 388 | -definido em uma página de "blog". Dessa forma, pode-se | |
| 389 | -publicar | |
| 390 | -o | |
| 391 | -cartograma em uma página Web e disponibiliza-la ao | |
| 392 | -público. | |
| 393 | -<br> | |
| 394 | -<br> | |
| 395 | -<div class="imagemExemplo" > | |
| 396 | -<img style="width: 400px; height: 350px;" alt="Blogger" src="imagens/editlink/edtlink18.jpg"><br> | |
| 397 | -Visualização do mapa do i3GeoSaúde em | |
| 398 | -uma página web de uma | |
| 399 | -aplicação Blog. | |
| 400 | -</div> | |
| 401 | -</div> | |
| 402 | -<div class="trail-box-bottom"> | |
| 403 | -<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> | |
| 404 | -</div> | |
| 405 | -<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> | |
| 406 | -<br> | |
| 407 | -<br> | |
| 408 | -</div> | |
| 409 | -</div> | |
| 410 | -</div> | |
| 411 | -</body></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> | |
| 15 | + <p> | |
| 16 | + A publicação externa ao i3GeoSaúde é implementada por meio da tecnologia <span style="font-style: italic;">Mashup</span>. Essa tecnologia representa 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>. | |
| 18 | + <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". | |
| 20 | + <div class="imagemExemplo"> | |
| 21 | + <img src="imagens/editlink/edtlink22.jpg"> | |
| 22 | + <p>Lista de mapas cadastrados e seleção da opção "preview" | |
| 23 | + </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). | |
| 25 | + <div class="imagemExemplo"> | |
| 26 | + <img src="imagens/publicacaoII/pub22.jpg"> | |
| 27 | + <p>Mashup com escala reduzida apresentando o "link" com os parâmetros iniciais. | |
| 28 | + </div> | |
| 29 | + <p>A seguir, veremos como parametrizar a URL do mashup do mapa publicado. | |
| 30 | + <h2>Editando 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: | |
| 32 | + <ul> | |
| 33 | + <li>Acesso do painel ''Edição de link", por meio da página inicial.</li> | |
| 34 | + <li>Acesso do painel ''Edição de link", pela interface do i3GeoSaúde.</li> | |
| 35 | + </ul> | |
| 36 | + O acesso do painel | |
| 37 | + <span style="font-weight: bold;"> ''Edição de link"</span>, por meio da | |
| 38 | + <span style="font-weight: bold;"> página inicial</span>, é realizado pelo menu suspenso, opção "Admin/Login". Em seguida, clique no item ''Página principal''. | |
| 39 | + <ul> | |
| 40 | + </ul> | |
| 41 | + <div class="imagemExemplo"> | |
| 42 | + <img src="imagens/editlink/edtlink03.jpg"> | |
| 43 | + <p>Página principal. | |
| 44 | + </div> | |
| 45 | + <p>Depois de selecionar o item "Página Principal", surgirá uma nova página. Nessa página clique na opção "Links para mapas" para ampliá-la, em seguida, selecione a opção ''Edição dos links''. | |
| 46 | + <div class="imagemExemplo"> | |
| 47 | + <img src="imagens/editlink/edtlink04.jpg"> | |
| 48 | + <p>Seleção do item "Edição dos links". | |
| 49 | + </div> | |
| 50 | + <p> | |
| 51 | + O outro acesso ao painel <span style="font-weight: bold;">''Edição de link", </span>é realizado pelo menu suspenso ''Arquivo", selecionando a opção ''Salvar mapa''. | |
| 52 | + <ul> | |
| 53 | + </ul> | |
| 54 | + <div class="imagemExemplo"> | |
| 55 | + <img src="imagens/publicacaoII/pub02.jpg"> | |
| 56 | + <p>Seleção do item "Salvar mapa" do menu "Arquivo". | |
| 57 | + </div> | |
| 58 | + <p>Em seguida, surgirá uma janela flutuante "Salvar mapa". Siga a barra de rolagem (seta para baixo), na barra lateral. Em seguida, clique em ''Clique aqui para editar a lista de mapas". | |
| 59 | + <div class="imagemExemplo"> | |
| 60 | + <img src="imagens/editlink/edtlink02.jpg"> | |
| 61 | + <p>janela flutante "Salvar mapa" com a opção ''Clique aqui para editar a lista de mapas". | |
| 62 | + </div> | |
| 63 | + <p> | |
| 64 | + Na página de edição, haverá uma lista de mapas previamente cadastrados no i3GeoSaúde, assim como mapas salvos 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 | |
| 65 | + <p> | |
| 66 | + <img style="width: 20px; height: 19px;" alt="icone de edição" title="icone de edição" src="imagens/editlink/edtlink06.jpg"> encontrado ao lado de "Mapa publicacao". | |
| 67 | + <div class="imagemExemplo"> | |
| 68 | + <img src="imagens/editlink/edtlink05.jpg"> | |
| 69 | + <p>Selecionando a opção de edição do link do tema "Mapa publicacao". | |
| 70 | + </div> | |
| 71 | + <ul> | |
| 72 | + <li><a name="visualizacaolLink"></a><span style="font-weight: bold;">Parâmetros de extensão inicial</span></li> | |
| 73 | + </ul> | |
| 74 | + <p>A janela que se abre, permite que você edite as informações que serão publicadas do seu mapa. 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. | |
| 75 | + <p> | |
| 76 | + Um dos parâmetros que podem ser utilizados é o ''mapext''', 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 o ''mapext'', o separador ''&'' e suas coordenadas ao final do link inicial ( <span style="font-weight: bold;">*</span>) de seu mapa na caixa de texto. (*) <span style="font-style: italic;"></span><span style="font-style: italic; text-decoration: underline;"> | |
| 77 | + </span>link inicial<span style="font-style: italic;">: "&restauramapa=8&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>''&restauramapa=8&interface=http://localhost/i3geo/interface/openlayers.htm&<span style="font-weight: bold;"><p>mapext</span>=-48.67183 -1.521909 | |
| 78 | + -48.228257 -1.225278"</span><br style="font-weight: bold;"> | |
| 79 | + <div class="imagemExemplo"> | |
| 80 | + <img src="imagens/editlink/edtlink08.jpg"> | |
| 81 | + <p>Modificação de link com parâmetro de extensão inicial. | |
| 82 | + </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. | |
| 84 | + <div class="imagemExemplo"> | |
| 85 | + <img src="imagens/editlink/edtlink23.jpg"> | |
| 86 | + <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>). | |
| 88 | + </div> | |
| 89 | + <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>. | |
| 91 | + <div class="imagemExemplo"> | |
| 92 | + <img src="imagens/editlink/edtlink10.jpg"> | |
| 93 | + <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>). | |
| 95 | + </div> | |
| 96 | + <p> | |
| 97 | + Após ampliar a barra de botões, clique em <span style="font-weight: bold;">Extensão atual</span>. | |
| 98 | + <div class="imagemExemplo"> | |
| 99 | + <img src="imagens/editlink/edtlink11.jpg"> | |
| 100 | + <p>Seleção do ícone Extensão atual. | |
| 101 | + </div> | |
| 102 | + <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> acrescido do "="<span style="font-weight: bold;"></span> <a href="#visualizacaolLink">conforme visto anteriormente</a>. Desse modo, quando o <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 parâmetro "mapext" e não mais com a escala inicial. | |
| 105 | + <div class="imagemExemplo"> | |
| 106 | + <img src="imagens/editlink/edtlink12.jpg"> | |
| 107 | + <p>Cópia das coordenadas da extensão inicial. | |
| 108 | + </div> | |
| 109 | + <ul> | |
| 110 | + <li><span style="font-weight: bold;">Parâmetro de botões</span></li> | |
| 111 | + </ul> | |
| 112 | + <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;">"&restauramapa=8&interface=http://localhost/i3geo/interface/openlayers.htm"</span> | |
| 114 | + <div class="imagemExemplo"> | |
| 115 | + <img src="imagens/editlink/edtlink19.jpg"> | |
| 116 | + <p>Apresentação padrão de botões no mashup. | |
| 117 | + </div> | |
| 118 | + <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 na <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;">"&restauramapa=8&interface=http://localhost/i3geo/interface/openlayers.htm</span><span style="font-weight: bold; font-style: italic;">& | |
| 120 | + botoes=pan,edita,salva</span> | |
| 121 | + <div class="imagemExemplo"> | |
| 122 | + <img src="imagens/editlink/edtlink20.jpg"> | |
| 123 | + <p> | |
| 124 | + Exemplo de <span style="font-style: italic;">Mashup</span> com botões "pan", "edita" e "salva" selecionados. | |
| 125 | + </div> | |
| 126 | + <p> | |
| 127 | + Além dos parâmetros de extensão incial ''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). | |
| 128 | + <div class="imagemExemplo"> | |
| 129 | + <img src="imagens/editlink/edtlink13.jpg"> | |
| 130 | + <p>Salvando edição. | |
| 131 | + </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 "iframe", conforme visto a seguir: " | |
| 134 | + <pre> | |
| 135 | + <iframe src="http://localhost/i3geo/mashups/openlayers.php?&restauramapa= | |
| 136 | + 8&interface=http://localhost/i3geo/int></iframe> | |
| 137 | + </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. | |
| 139 | + <div class="imagemExemplo"> | |
| 140 | + <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. | |
| 142 | + </div> | |
| 143 | +</body> | |
| 144 | +</html> | ... | ... |
docs/glossario.html
| 1 | 1 | <!DOCTYPE html> |
| 2 | 2 | <html> |
| 3 | 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" | |
| 8 | - media="screen"> | |
| 9 | - <link rel="stylesheet" type="text/css" href="./files/estilos.css"> | |
| 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"> | |
| 10 | 9 | </head> |
| 11 | 10 | <body class="blue-bg"> |
| 12 | -<div id="wrapper-flex"> | |
| 13 | -<div style="background-color: white;"> | |
| 14 | -<div class="f-page-auto-cell Code" 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>Glossário de | |
| 17 | -termos </h1> | |
| 18 | -<a name="inicio"></a><br> | |
| 19 | -Esse tópico você encontra os principais termos e | |
| 20 | -conceitos envolvidos no GeoSáude.<br> | |
| 21 | -<span style="font-weight: bold;"><br> | |
| 22 | - </span><br> | |
| 23 | -<div class="trail-box"> | |
| 24 | -<div class="trail-box-header"><img src="files/trails-box-tr.png" | |
| 25 | - class="right" alt="" height="21" width="7"><img | |
| 26 | - src="files/trails-box-tl.png" class="left" alt="" height="21" width="7"><comment | |
| 27 | - title=" here is the box header " | |
| 28 | - xmlns="http://disruptive-innovations.com/zoo/nvu"><comment | |
| 29 | - title=" here is the box header " | |
| 30 | - xmlns="http://disruptive-innovations.com/zoo/nvu"></comment></comment> | |
| 31 | -<h1><span style="font-weight: bold;">Glossário</span><a | |
| 32 | - name="inicio_glossario"></a> </h1> | |
| 33 | -</div> | |
| 34 | -<div class="trail-box-content"> | |
| 35 | -<table border="0" cellspacing="0" cols="2" frame="void" rules="none"> | |
| 36 | - <colgroup><col width="161"><col width="843"></colgroup> | |
| 37 | - <tbody> | |
| 38 | - <tr> | |
| 39 | - <td align="left" height="50" valign="top" width="161"><font | |
| 40 | - size="+1"><b><font face="Times New Roman">API</font></b></font></td> | |
| 41 | - <td align="left" width="843"><big><font face="Times New Roman">API, | |
| 42 | -de Application Programming Interface (ou Interface de | |
| 43 | -Programação de Aplicativos) é um | |
| 44 | -conjunto de | |
| 45 | -rotinas e padrões estabelecidos por um software para a | |
| 46 | -utilização das suas funcionalidades por | |
| 47 | -aplicativos que | |
| 48 | -não pretendem envolver-se em detalhes da | |
| 49 | -implementação do software, mas apenas usar seus | |
| 50 | -serviços.</font></big></td> | |
| 51 | - </tr> | |
| 52 | - <tr> | |
| 53 | - <td align="left" height="34" valign="top"><font size="+1"><b><font | |
| 54 | - face="Times New Roman">Cartografia</font></b></font></td> | |
| 55 | - <td align="left"><big><font face="Times New Roman">A área | |
| 56 | -do geoprocessamento que se preocupa em apresentar um modelo de | |
| 57 | -representação de dados para os | |
| 58 | -fenômenos que | |
| 59 | -ocorrem no espaço geográfico.</font></big></td> | |
| 60 | - </tr> | |
| 61 | - <tr> | |
| 62 | - <td align="left" height="50" valign="top"><font size="+1"><b><font | |
| 63 | - face="Times New Roman">CSV</font></b></font></td> | |
| 64 | - <td align="left"><big><font face="Times New Roman">O CSV é | |
| 65 | -um implementação particular de arquivos de texto | |
| 66 | -separados por um delimitador, normalmente a | |
| 67 | -vírgula, e a | |
| 68 | -quebra de linha para separar os valores. O formato também | |
| 69 | -usa as | |
| 70 | -aspas em campos no qual são usados os caracteres reservados | |
| 71 | -(vírgula e quebra de linha).<br> | |
| 72 | -Essa robustez no formato torna o CSV mais amplo que outros formatos | |
| 73 | -digitais do mesmo segmento.</font></big></td> | |
| 74 | - </tr> | |
| 75 | - <tr> | |
| 76 | - <td align="left" height="66" valign="top"><font size="+1"><b><font | |
| 77 | - face="Times New Roman">Dado Geoespacial</font></b></font></td> | |
| 78 | - <td align="left"><big><font face="Times New Roman">Dado ou | |
| 79 | -informação geoespacial: aquele que se distingue | |
| 80 | -essencialmente pela componente espacial, que associa a cada entidade ou | |
| 81 | -fenômeno uma localização na Terra, | |
| 82 | -traduzida por | |
| 83 | -sistema geodésico de referência, em dado instante | |
| 84 | -ou | |
| 85 | -período de tempo, podendo ser derivado, entre outras fontes, | |
| 86 | -das | |
| 87 | -tecnologias de levantamento, inclusive as associadas a sistemas globais | |
| 88 | -de posicionamento apoiados por satélites, bem como de | |
| 89 | -mapeamento | |
| 90 | -ou de sensoriamento remoto.</font></big></td> | |
| 91 | - </tr> | |
| 92 | - <tr> | |
| 93 | - <td align="left" height="34" valign="top"><font size="+1"><b><font | |
| 94 | - face="Times New Roman">Geoprocessamento</font></b></font></td> | |
| 95 | - <td align="left"><big><font face="Times New Roman">É um | |
| 96 | -ramo da Geomática que engloba o conjunto de | |
| 97 | -técnicas | |
| 98 | -ligadas à informação espacial, quer | |
| 99 | -seja no | |
| 100 | -tocante a coleta, armazenamento, tratamento e análise, bem | |
| 101 | -como | |
| 102 | -uso integrado desses dados geográficos. Estas | |
| 103 | -técnicas ou | |
| 104 | -tecnologias são comumente chamadas de Geotecnologias.</font></big></td> | |
| 105 | - </tr> | |
| 106 | - <tr> | |
| 107 | - <td align="left" height="34" valign="top"><font size="+1"><b><font | |
| 108 | - face="Times New Roman">Geotecnologias</font></b></font></td> | |
| 109 | - <td align="left"><big><font face="Times New Roman">São as | |
| 110 | -tecnologias que dão suporte ao geoprocessamento. | |
| 111 | -São | |
| 112 | -exemplos de | |
| 113 | -Geotecnologias: Topografia; Fotogrametria; Cartografia; | |
| 114 | -Sensoriamento Remoto; Posicionamento por | |
| 115 | -Satélite; Geoestatística; Banco | |
| 116 | -de Dados | |
| 117 | -Geográficos; WebMapping; SIG.</font></big></td> | |
| 118 | - </tr> | |
| 119 | - <tr> | |
| 120 | - <td align="left" height="66" valign="top"><font size="+1"><b><font | |
| 121 | - face="Times New Roman">GNU</font></b></font></td> | |
| 122 | - <td align="left"><big><font face="Times New Roman">GNU General | |
| 123 | -Public License (Licença Pública Geral), GNU GPL | |
| 124 | -ou | |
| 125 | -simplesmente GPL, é a designação da | |
| 126 | -licença | |
| 127 | -para software livre idealizada por Richard Matthew Stallman em 1989, no | |
| 128 | -âmbito do projeto GNU da Free Software Foundation (FSF).<br> | |
| 129 | -A GPL é a licença com maior | |
| 130 | -utilização por | |
| 131 | -parte de projetos de software livre, em grande parte devido | |
| 132 | -à | |
| 133 | -sua adoção para o projeto GNU e o sistema | |
| 134 | -operacional | |
| 135 | -GNU/Linux. O software utilizado para administrar o conteúdo | |
| 136 | -da | |
| 137 | -Wikipédia é coberto por esta licença, | |
| 138 | -na sua | |
| 139 | -versão 2.0 ou superiores.</font></big></td> | |
| 140 | - </tr> | |
| 141 | - <tr> | |
| 142 | - <td align="left" height="34" valign="top"><font size="+1"><b><font | |
| 143 | - face="Times New Roman">HTML</font></b></font></td> | |
| 144 | - <td align="left"><big><font face="Times New Roman">HTML | |
| 145 | -(acrônimo para a expressão inglesa HyperText | |
| 146 | -Markup | |
| 147 | -Language, que significa Linguagem de Marcação de | |
| 148 | -Hipertexto) é uma linguagem de | |
| 149 | -marcação utilizada | |
| 150 | -para produzir páginas na Web. Documentos HTML podem ser | |
| 151 | -interpretados por navegadores.</font></big></td> | |
| 152 | - </tr> | |
| 153 | - <tr> | |
| 154 | - <td align="left" height="34" valign="top"><font size="+1"><b><font | |
| 155 | - face="Times New Roman">IP</font></b></font></td> | |
| 156 | - <td align="left"><big><font face="Times New Roman">O | |
| 157 | -endereço IP, de forma genérica, é um | |
| 158 | -endereço que indica o local de um nó em uma rede | |
| 159 | -local ou | |
| 160 | -pública. O endereço do i3GeoSaúde em sua | |
| 161 | -máquina local é chamado "localhost".</font></big></td> | |
| 162 | - </tr> | |
| 163 | - <tr> | |
| 164 | - <td align="left" height="34" valign="top"><font size="+1"><b><font | |
| 165 | - face="Times New Roman">JSON</font></b></font></td> | |
| 166 | - <td align="left"><big><font face="Times New Roman">JSON (com a | |
| 167 | -pronúncia ['dʒejzən]), um acrônimo para " Java | |
| 168 | -Script | |
| 169 | -Object Notation", é um formato leve para | |
| 170 | -intercâmbio de | |
| 171 | -dados computacionais. JSON é um subconjunto da | |
| 172 | -notação de objeto de JavaScript, mas seu uso | |
| 173 | -não | |
| 174 | -requer Javascript exclusivamente.</font></big></td> | |
| 175 | - </tr> | |
| 176 | - <tr> | |
| 177 | - <td align="left" height="66" valign="top"><font size="+1"><b><font | |
| 178 | - face="Times New Roman">KLM</font></b></font></td> | |
| 179 | - <td align="left"><big><font face="Times New Roman">Keyhole Markup | |
| 180 | -Language (KML) é uma linguagem baseada em XML e serve para | |
| 181 | -expressar anotações geográficas e | |
| 182 | -visualização de conteúdos existentes | |
| 183 | -nessa | |
| 184 | -linguagem como mapas em 2D e navegadores terrestre em 3D. KML foi | |
| 185 | -desenvolvido para uso com o<br> | |
| 186 | -Google Earth, que era originalmente chamado de Keyhole Earth Viewer. | |
| 187 | -Este foi criado por Keyhole, Inc, e que mais tarde foi adquirida pelo | |
| 188 | -Google em 2004.</font></big></td> | |
| 189 | - </tr> | |
| 190 | - <tr> | |
| 191 | - <td align="left" height="18" valign="top"><font size="+1"><b><font | |
| 192 | - face="Times New Roman">KMZ</font></b></font></td> | |
| 193 | - <td align="left"><big><font face="Times New Roman">Variação | |
| 194 | -compactada do formato KML.</font></big></td> | |
| 195 | - </tr> | |
| 196 | - <tr> | |
| 197 | - <td align="left" height="50" valign="top"><font size="+1"><b><font | |
| 198 | - face="Times New Roman">Pixel</font></b></font></td> | |
| 199 | - <td align="left"><big><font face="Times New Roman">Pixel | |
| 200 | -(aglutinação de Picture e Element, ou seja, | |
| 201 | -elemento de | |
| 202 | -imagem, sendo Pix a abreviatura em inglês para Picture) | |
| 203 | -é | |
| 204 | -o menor elemento<br> | |
| 205 | -num dispositivo de exibição (como por exemplo um | |
| 206 | -monitor), ao qual é possivel atribuir-se uma cor. De uma | |
| 207 | -forma | |
| 208 | -mais simples, um pixel é o menor ponto que forma uma imagem | |
| 209 | -digital, sendo que o conjunto de milhares de pixels formam a imagem | |
| 210 | -inteira.</font></big></td> | |
| 211 | - </tr> | |
| 212 | - <tr> | |
| 213 | - <td align="left" height="50" valign="top"><font size="+1"><b><font | |
| 214 | - face="Times New Roman">Shapefile</font></b></font></td> | |
| 215 | - <td align="left"><big><font face="Times New Roman">O Esri | |
| 216 | -Shapefile ou simplesmente shapefile é um formato popular de | |
| 217 | -arquivo contendo dados geoespacials em forma de vetor, usado por | |
| 218 | -Sistemas de Informações Geográficas | |
| 219 | -também | |
| 220 | -conhecidos como SIG. Foi desenvolvido e regulamentado por Esri como um | |
| 221 | -especificação aberta para interoperabilidade por | |
| 222 | -dados | |
| 223 | -entre os softwares de Esri e de outros fornecedores.</font></big></td> | |
| 224 | - </tr> | |
| 225 | - <tr> | |
| 226 | - <td align="left" height="34" valign="top"><font size="+1"><b><font | |
| 227 | - face="Times New Roman">SIG</font></b></font></td> | |
| 228 | - <td align="left"><big><font face="Times New Roman">O termo SIG | |
| 229 | -(Sistema de Informação Geográfica) ou | |
| 230 | -GIS | |
| 231 | -(Geographic Information System) denota um sistema computacional | |
| 232 | -integrado por software, ferramentas e procedimentos para manipular | |
| 233 | -dados geoespaciais.</font></big></td> | |
| 234 | - </tr> | |
| 235 | - <tr> | |
| 236 | - <td align="left" height="34" valign="top"><font size="+1"><b><font | |
| 237 | - face="Times New Roman">Tabela de atributos</font></b></font></td> | |
| 238 | - <td align="left"><big><font face="Times New Roman">Dados | |
| 239 | -descritivos armazenados | |
| 240 | -na forma de linhas e colunas referentes aos elementos do terreno | |
| 241 | -representados em um mapa digital.</font></big></td> | |
| 242 | - </tr> | |
| 243 | - <tr> | |
| 244 | - <td align="left" height="50" valign="top"><font size="+1"><b><font | |
| 245 | - face="Times New Roman">URL</font></b></font></td> | |
| 246 | - <td align="left"><big><font face="Times New Roman">Um URL (de | |
| 247 | -Uniform Resource Locator), em português | |
| 248 | -Localizador-Padrão | |
| 249 | -de Recursos, é o endereço de um recurso (um | |
| 250 | -arquivo, uma | |
| 251 | -impressora etc.), disponível em uma rede; seja a Internet, | |
| 252 | -ou | |
| 253 | -uma rede corporativa, uma intranet. Uma URL tem a seguinte estrutura:<br> | |
| 254 | -protocolo://máquina/caminho/recurso</font></big></td> | |
| 255 | - </tr> | |
| 256 | - <tr> | |
| 257 | - <td align="left" height="18" valign="top"><font size="+1"><b><font | |
| 258 | - face="Times New Roman">Variável</font></b></font></td> | |
| 259 | - <td align="left"><big><font face="Times New Roman">Representa um | |
| 260 | -fenômeno a ser observado que está ligado | |
| 261 | -a um dado | |
| 262 | -conjunto de resultados possíveis, medidos e classificados.</font></big></td> | |
| 263 | - </tr> | |
| 264 | - <tr> | |
| 265 | - <td align="left" height="66" valign="top"><font size="+1"><b><font | |
| 266 | - face="Times New Roman">Web Services</font></b></font></td> | |
| 267 | - <td align="left"><big><font face="Times New Roman">Web service | |
| 268 | -é uma solução utilizada na | |
| 269 | -integração de sistemas e na | |
| 270 | -comunicação | |
| 271 | -entre aplicações de diferentes tecnologias e | |
| 272 | -plataformas. | |
| 273 | -Com esta tecnologia é possível que novas | |
| 274 | -aplicações possam interagir com aquelas que | |
| 275 | -já | |
| 276 | -existem e que sistemas desenvolvidos em plataformas diferentes sejam | |
| 277 | -compatíveis. Os Web services são componentes que | |
| 278 | -permitem | |
| 279 | -às aplicações enviar e receber dados | |
| 280 | -em formato | |
| 281 | -XML. Cada aplicação pode ter a sua | |
| 282 | -própria | |
| 283 | -"linguagem", que é traduzida para uma linguagem universal, o | |
| 284 | -formato XML.</font></big></td> | |
| 285 | - </tr> | |
| 286 | - <tr> | |
| 287 | - <td align="left" height="34" valign="top"><font size="+1"><b><font | |
| 288 | - face="Times New Roman">WMS</font></b></font></td> | |
| 289 | - <td align="left"><big><font face="Times New Roman">Web Map | |
| 290 | -Service | |
| 291 | -(WMS)---(em Português, serviço de mapa pela | |
| 292 | -Internet)---, | |
| 293 | -é a especificação de um formato, que | |
| 294 | -tem como | |
| 295 | -objetivo poder colocar um mapa num ficheiro ou página na | |
| 296 | -Internet.</font></big></td> | |
| 297 | - </tr> | |
| 298 | - <tr> | |
| 299 | - <td align="left" height="18" valign="top"><font size="+1"><b><font | |
| 300 | - face="Times New Roman">XML</font></b></font></td> | |
| 301 | - <td align="left"><big><font face="Times New Roman">XML | |
| 302 | -(Extensible | |
| 303 | -Markup Language) é uma tecnologia padrão (W3C) | |
| 304 | -para gerar | |
| 305 | -linguagens de marcação para necessidades | |
| 306 | -especiais.</font></big></td> | |
| 307 | - </tr> | |
| 308 | - </tbody> | |
| 309 | -</table> | |
| 310 | -<br> | |
| 311 | -<br> | |
| 312 | -</div> | |
| 313 | -<div class="trail-box-bottom"> | |
| 314 | -<img src="files/trails-box-br.png" class="right" alt="" height="6" | |
| 315 | - width="7"><img src="files/trails-box-bl.png" class="left" alt="" | |
| 316 | - height="6" width="7"></div> | |
| 317 | -</div> | |
| 318 | -<div class="imginicio"><a href="#top"><img title="Topo" | |
| 319 | - style="border: 0px solid ; width: 41px; height: 35px;" alt="Topo" | |
| 320 | - src="files/topo.gif"></a></div> | |
| 321 | - <br> | |
| 322 | -<br> | |
| 323 | -</div> | |
| 324 | -</div> | |
| 325 | -</div> | |
| 11 | + <h1>Glossário de termos </h1> | |
| 12 | + <p>Esse tópico você encontra os principais termos e conceitos envolvidos no GeoSáude. | |
| 13 | + <h2>API</h2> | |
| 14 | + <p>API, de Application Programming Interface (ou Interface de Programação de Aplicativos) é um conjunto de rotinas e padrões estabelecidos por um software para a utilização das suas funcionalidades por aplicativos que não pretendem envolver-se em detalhes da implementação do software, mas apenas usar seus serviços. | |
| 15 | + <h2>Cartografia</h2> | |
| 16 | + <p>A área do geoprocessamento que se preocupa em apresentar um modelo de representação de dados para os fenômenos que ocorrem no espaço geográfico. | |
| 17 | + <h2>CSV</h2> | |
| 18 | + <p>O CSV é um implementação particular de arquivos de texto separados por um delimitador, normalmente a vírgula, e a quebra de linha para separar os valores. O formato também usa as aspas em campos no qual são usados os caracteres reservados (vírgula e quebra de linha). | |
| 19 | + <p> | |
| 20 | + Essa robustez no formato torna o CSV mais amplo que outros formatos digitais do mesmo segmento. | |
| 21 | +<h2>Dado Geoespacial</h2> | |
| 22 | +<p>Dado ou informação geoespacial: aquele que se distingue essencialmente pela componente espacial, que associa a cada entidade ou fenômeno uma localização na Terra, traduzida por sistema geodésico de referência, em dado instante ou período de tempo, podendo ser derivado, entre outras fontes, das tecnologias de levantamento, inclusive as associadas a sistemas globais de | |
| 23 | +posicionamento apoiados por satélites, bem como de mapeamento ou de sensoriamento remoto. | |
| 24 | +<h2>Geoprocessamento</h2> | |
| 25 | +<p>É um ramo da Geomática que engloba o conjunto de técnicas ligadas à informação espacial, quer seja no tocante a coleta, armazenamento, tratamento e análise, bem como uso integrado desses dados geográficos. Estas técnicas ou tecnologias são comumente chamadas de Geotecnologias. | |
| 26 | +<h2>Geotecnologias</h2> | |
| 27 | +<p>São as tecnologias que dão suporte ao geoprocessamento. São exemplos de Geotecnologias: Topografia; Fotogrametria; Cartografia; Sensoriamento Remoto; Posicionamento por Satélite; Geoestatística; Banco de Dados Geográficos; WebMapping; SIG. | |
| 28 | +<h2>GNU</h2> | |
| 29 | +<p>GNU General Public License (Licença Pública Geral), GNU GPL ou simplesmente GPL, é a designação da licença para software livre idealizada por Richard Matthew Stallman em 1989, no âmbito do projeto GNU da Free Software Foundation (FSF). | |
| 30 | +<p>A GPL é a licença com maior utilização por parte de projetos de software livre, em grande parte devido à sua adoção para o projeto GNU e o sistema operacional GNU/Linux. O software utilizado para administrar o conteúdo da Wikipédia é coberto por esta licença, na sua versão 2.0 ou superiores. | |
| 31 | +<h2>HTML</h2> | |
| 32 | +<p>HTML (acrônimo para a expressão inglesa HyperText Markup Language, que significa Linguagem de Marcação de Hipertexto) é uma linguagem de marcação utilizada para produzir páginas na Web. Documentos HTML podem ser interpretados por navegadores. | |
| 33 | +<h2>IP</h2> | |
| 34 | +<p>O endereço IP, de forma genérica, é um endereço que indica o local de um nó em uma rede local ou pública. O endereço do i3GeoSaúde em sua máquina local é chamado "localhost". | |
| 35 | +<h2>JSON</h2> | |
| 36 | +<p>JSON (com a pronúncia ['dʒejzən]), um acrônimo para " Java Script Object Notation", é um formato leve para intercâmbio de dados computacionais. JSON é um subconjunto da notação de objeto de JavaScript, mas seu uso não requer Javascript exclusivamente. | |
| 37 | +<h2>KLM</h2> | |
| 38 | +<p>Keyhole Markup Language (KML) é uma linguagem baseada em XML e serve para expressar anotações geográficas e visualização de conteúdos existentes nessa linguagem como mapas em 2D e navegadores terrestre em 3D. KML foi desenvolvido para uso com o | |
| 39 | +Google Earth, que era originalmente chamado de Keyhole Earth Viewer. Este foi criado por Keyhole, Inc, e que mais tarde foi adquirida pelo Google em 2004. | |
| 40 | +<h2>KMZ</h2> | |
| 41 | +<p>Variação compactada do formato KML. | |
| 42 | +<h2>Pixel</h2> | |
| 43 | +<p>Pixel (aglutinação de Picture e Element, ou seja, elemento de imagem, sendo Pix a abreviatura em inglês para Picture) é o menor elemento | |
| 44 | +num dispositivo de exibição (como por exemplo um monitor), ao qual é possivel atribuir-se uma cor. De uma forma mais simples, um pixel é o menor ponto que forma uma imagem digital, sendo que o conjunto de milhares de pixels formam a imagem inteira. | |
| 45 | +<h2>Shapefile</h2> | |
| 46 | +<p>O Esri Shapefile ou simplesmente shapefile é um formato popular de arquivo contendo dados geoespacials em forma de vetor, usado por Sistemas de Informações Geográficas também conhecidos como SIG. Foi desenvolvido e regulamentado por Esri como um especificação aberta para interoperabilidade por dados entre os softwares de Esri e de outros fornecedores. | |
| 47 | +<h2>SIG</h2> | |
| 48 | +<p>O termo SIG (Sistema de Informação Geográfica) ou GIS (Geographic Information System) denota um sistema computacional integrado por software, ferramentas e procedimentos para manipular dados geoespaciais. | |
| 49 | +<h2>Tabela de atributos</h2> | |
| 50 | +<p>Dados descritivos armazenados na forma de linhas e colunas referentes aos elementos do terreno representados em um mapa digital. | |
| 51 | +<h2>URL</h2> | |
| 52 | +<p>Um URL (de Uniform Resource Locator), em português Localizador-Padrão de Recursos, é o endereço de um recurso (um arquivo, uma impressora etc.), disponível em uma rede; seja a Internet, ou uma rede corporativa, uma intranet. Uma URL tem a seguinte estrutura: | |
| 53 | +<p>protocolo://máquina/caminho/recurso | |
| 54 | +<h2>Variável</h2> | |
| 55 | +<p>Representa um fenômeno a ser observado que está ligado a um dado conjunto de resultados possíveis, medidos e classificados. | |
| 56 | +<h2>Web Services</h2> | |
| 57 | +<p>Web service é uma solução utilizada na integração de sistemas e na comunicação entre aplicações de diferentes tecnologias e plataformas. Com esta tecnologia é possível que novas aplicações possam interagir com aquelas que já existem e que sistemas desenvolvidos em plataformas diferentes sejam compatíveis. Os Web services | |
| 58 | +são componentes que permitem às aplicações enviar e receber dados em formato XML. Cada aplicação pode ter a sua própria "linguagem", que é traduzida para uma linguagem universal, o formato XML. | |
| 59 | +<h2>WMS</h2> | |
| 60 | +<p>Web Map Service (WMS)---(em Português, serviço de mapa pela Internet)---, é a especificação de um formato, que tem como objetivo poder colocar um mapa num ficheiro ou página na Internet. | |
| 61 | +<h2>XML</h2> | |
| 62 | +<p>XML (Extensible Markup Language) é uma tecnologia padrão (W3C) para gerar linguagens de marcação para necessidades especiais. | |
| 326 | 63 | </body> |
| 327 | 64 | </html> | ... | ... |
docs/infraestruturas.html
| 1 | 1 | <!DOCTYPE html> |
| 2 | 2 | <html> |
| 3 | 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"> | |
| 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"> | |
| 10 | 9 | </head> |
| 11 | 10 | <body class="blue-bg"> |
| 12 | -<div style="text-align: left;"></div> | |
| 13 | -<div style="text-align: left;" 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 | -<h1>Infraestrutaras nacionais de dados<a name="what"></a> <o:p></o:p> </h1> | |
| 18 | -<o:p></o:p> | |
| 19 | -<p class="MsoNormal"><span style=""> </span><o:p></o:p><span | |
| 20 | - style=""> </span> | |
| 21 | -</p> | |
| 22 | -<o:p></o:p><span style=""></span>O | |
| 23 | -governo | |
| 24 | -federal, seguindo iniciativas internacionais bem sucedidas no campo da | |
| 25 | -transparência e do compartilhamento de dados públicos, | |
| 26 | -estruturou e | |
| 27 | -disponibilizou metodologias e instrumentos que permitem às | |
| 28 | -diversas | |
| 29 | -organizações públicas disponibilizar seus dados e | |
| 30 | -acessar dados de outras | |
| 31 | -organizações. | |
| 32 | -<p class="MsoNormal"><span style=""></span>A | |
| 33 | -infraestrutura nacional de dados espaciais (INDE), coordenada pelo | |
| 34 | -IBGE/MPOG, | |
| 35 | -permite o compartilhamento de metadados e dados referentes a | |
| 36 | -cartogramas e | |
| 37 | -outros tipos de dados espaciais.</p> | |
| 38 | -<p class="MsoNormal"><span style=""></span>A | |
| 39 | -infraesturura nacional de dados abertos (INDA), coordenada pela | |
| 40 | -SLTI/MPG, | |
| 41 | -permite o compartilhamento e a publicação de diferentes | |
| 42 | -tipos de dados | |
| 43 | -públicos, o que permite tornar mais efetiva e eficiente a troca | |
| 44 | -de dados entre | |
| 45 | -diferentes órgãos, assim como é um instrumento | |
| 46 | -importante para os processos de | |
| 47 | -monitoramento e avaliação das diferentes políticas | |
| 48 | -públicas em execução.</p> | |
| 49 | -<p class="MsoNormal"><span style=""></span>Os | |
| 50 | -padrões | |
| 51 | -de representação de dados utilizados no i3GeoSaúde | |
| 52 | -permitem a seus usuários | |
| 53 | -compartilhar seus dados por meio da INDA e da INDE, o que a torna uma | |
| 54 | -solução | |
| 55 | -adequada se se objetiva compartilhar dados, metadados e cartogramas | |
| 56 | -produzidos | |
| 57 | -nesta ferramenta.</p> | |
| 58 | -<p class="MsoNormal"> | |
| 59 | -</p> | |
| 60 | -<p class="MsoNormal"><span style=""> </span>Maiores | |
| 61 | -informações sobre as infraestruturas podem ser obtidas em:</p> | |
| 62 | -<p class="MsoNormal"><span style=""> </span>INDA: | |
| 63 | -<a | |
| 64 | - href="http://www.governoeletronico.gov.br/acoes-e-projetos/Dados-Abertos/inda-infraestrutura-nacional-de-dados-abertos">http://www.governoeletronico.gov.br/acoes-e-projetos/Dados-Abertos/inda-infraestrutura-nacional-de-dados-abertos</a></p> | |
| 65 | -<p class="MsoNormal"><span style=""> </span>INDE: | |
| 66 | -<a href="http://www.inde.gov.br/">http://www.inde.gov.br/</a></p> | |
| 67 | -<p class="MsoNormal"><o:p></o:p><span style=""><br> | |
| 68 | -</span></p> | |
| 69 | -<br> | |
| 70 | - | |
| 71 | -</div> | |
| 72 | -</div> | |
| 73 | -</div> | |
| 11 | + <h1>Infraestrutaras nacionais de dados</h1> | |
| 12 | + <p>O governo federal, seguindo iniciativas internacionais bem sucedidas no campo da transparência e do compartilhamento de dados públicos, estruturou e disponibilizou metodologias e instrumentos que permitem às diversas organizações públicas disponibilizar seus dados e acessar dados de outras organizações. | |
| 13 | + <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> | |
| 14 | + <p>A infraesturura nacional de dados abertos (INDA), coordenada pela SLTI/MPG, permite o compartilhamento e a publicação de diferentes tipos de dados públicos, o que permite tornar mais efetiva e eficiente a troca de dados entre diferentes órgãos, assim como é um instrumento importante para os processos de monitoramento e avaliação das diferentes políticas públicas em execução. | |
| 15 | + <p>Os padrões de representação de dados utilizados no i3GeoSaúde permitem a seus usuários compartilhar seus dados por meio da INDA e da INDE, o que a torna uma solução adequada se se objetiva compartilhar dados, metadados e cartogramas produzidos nesta ferramenta. | |
| 16 | + <p>Maiores informações sobre as infraestruturas podem ser obtidas em: | |
| 17 | + <p> | |
| 18 | + INDA: <a href="http://www.governoeletronico.gov.br/acoes-e-projetos/Dados-Abertos/inda-infraestrutura-nacional-de-dados-abertos">http://www.governoeletronico.gov.br/acoes-e-projetos/Dados-Abertos/inda-infraestrutura-nacional-de-dados-abertos</a> | |
| 19 | + </p> | |
| 20 | + <p> | |
| 21 | + INDE: <a href="http://www.inde.gov.br/">http://www.inde.gov.br/</a> | |
| 74 | 22 | </body> |
| 75 | 23 | </html> | ... | ... |
docs/integracao.html
| 1 | 1 | <!DOCTYPE html> |
| 2 | 2 | <html> |
| 3 | 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"> | |
| 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 | 10 | </head> |
| 11 | 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 | - | |
| 17 | 12 | <h1>Integração do i3GeoSaúde com outras ferramentas |
| 18 | -livres<b style=""><span | |
| 19 | - style="font-size: 12pt; font-family: "Times New Roman","serif";"></span></b></h1> | |
| 20 | -<a name="what"></a><br> | |
| 21 | -<br> | |
| 13 | +livres</h1> | |
| 14 | +<p> | |
| 22 | 15 | É possível usar o i3GeoSaúde |
| 23 | -de forma integrada com outras ferramentas de software livre.<br> | |
| 16 | +de forma integrada com outras ferramentas de software livre. | |
| 17 | +<p> | |
| 24 | 18 | Usar i3GeoSaúde de forma integrada com |
| 25 | 19 | softwares como o pacote estatístico R |
| 26 | 20 | ( <a href="http://www.r-project.org/">http://www.r-project.org/</a> |
| 27 | 21 | ) e a solução de Business |
| 28 | 22 | Intelligence (BI) Pentaho (<a href="http://community.pentaho.com/">http://community.pentaho.com/</a>) |
| 29 | 23 | é |
| 30 | -possível em graus de automação diferentes. <br> | |
| 24 | +possível em graus de automação diferentes. | |
| 25 | +<p> | |
| 31 | 26 | A integração com o pacote de |
| 32 | 27 | análise estatística R possui um grau de |
| 33 | 28 | automação grande em função dos |
| 34 | -esforços das comunidade que desenvolve o I3Geo.<br> | |
| 29 | +esforços das comunidade que desenvolve o I3Geo. | |
| 30 | +<p> | |
| 35 | 31 | A automação da |
| 36 | 32 | integração do I3GEO com o Pentaho ainda é muito |
| 37 | 33 | pequena, dando-se ainda em nível de troca de dados entre as |
| 38 | 34 | aplicações, no entanto, o DEMAS/SE/MS está |
| 39 | 35 | estudando as alterações necessárias em ambas |
| 40 | 36 | soluções para que a integração dê-se |
| 41 | -de forma mais adequada para o usuário final.<br> | |
| 42 | -<br> | |
| 43 | - | |
| 44 | -</div> | |
| 45 | -</div> | |
| 46 | -</div> | |
| 37 | +de forma mais adequada para o usuário final. | |
| 47 | 38 | </body> |
| 48 | 39 | </html> | ... | ... |
docs/publicacao2.html
| 1 | 1 | <!DOCTYPE html> |
| 2 | -<html><head> | |
| 3 | - <meta content="text/html; charset=UTF-8" http-equiv="Content-Type"> | |
| 4 | - <meta charset="UTF-8"><title>publicando cartograma</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 | -<div id="wrapper-flex"> | |
| 8 | -<div style="background-color: white;"> | |
| 9 | -<div class="f-page-auto-cell" id="doc"> | |
| 10 | -<div class="imginicio"><img onclick="window.history.back()" style="border: 0px solid ; width: 40px; height: 40px;" alt="inicio" src="files/inicio.gif"></div> | |
| 11 | -<h1>Publicando temas no | |
| 12 | -i3GeoSaúde</h1> | |
| 13 | -<a name="inicio"></a> | |
| 14 | -O i3GeoSaúde permite a publicação de | |
| 15 | -mapas | |
| 16 | -temáticos em seu próprio ambiente, por meio de | |
| 17 | -um cadastro do tema na lista de mapas cadastrados. Além | |
| 18 | -disso, | |
| 19 | -esse procedimento é fundamental para que se utilize o mesmo | |
| 20 | -mapa | |
| 21 | -em outra aplicação que não seja o | |
| 22 | -i3GeoSaúde, | |
| 23 | -possibilitando a integração do sistema em outros | |
| 24 | -ambientes. | |
| 25 | -<span style="color: rgb(34, 34, 34); font-family: arial,sans-serif; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: normal; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px; background-color: rgb(255, 255, 255); display: inline ! important; float: none;"></span> | |
| 26 | -<div class="trail-box"> | |
| 27 | -<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"> | |
| 28 | -<h1><span style="font-weight: bold;">Publicando o tema na lista | |
| 29 | -de mapas do i3GeoSaúde </span><a name="indice_admin"></a></h1> | |
| 30 | -</div> | |
| 31 | -<div class="trail-box-content"><span style="font-weight: bold;"></span>Primeiramente | |
| 32 | -considera-se que o seu cartograma está construído | |
| 33 | -como um tema. | |
| 34 | -No exemplo | |
| 35 | -mostra-se o exemplo para o tema "Influenza", utilizando a interface <span style="font-style: italic;">OpenLayer</span>, | |
| 36 | -na <a target="_blank" href="exemplo_hipertensao.html">formas | |
| 37 | -de visualização de mapa</a>.<br> | |
| 38 | -<br> | |
| 39 | -<div class="imagemExemplo"> | |
| 40 | -<img style="width: 400px; height: 334px;" alt="Cartograma" src="imagens/publicacaoII/pub01.jpg"><br> | |
| 41 | -Tema de exemplo | |
| 42 | -("Influenza") para a visualização em mapa. | |
| 43 | -</div> | |
| 44 | -<br> | |
| 45 | -Após a exibição do cartograma, o | |
| 46 | -i3GeoSaúde | |
| 47 | -possibilita a publicação do tema na lista de | |
| 48 | -mapas cadastrados correspondendo à | |
| 49 | -publicação dentro do próprio ambiente | |
| 50 | -da | |
| 51 | -ferramenta. Para realizar esse procedimento, vá ao | |
| 52 | -menu | |
| 53 | -suspenso da interface e clique na opção | |
| 54 | -"Arquivo", | |
| 55 | -selecionando | |
| 56 | -o item "Salvar mapa".<br> | |
| 57 | -<br> | |
| 58 | -<div class="imagemExemplo"> | |
| 59 | -<img style="width: 203px; height: 126px;" alt="menu suspenso" src="imagens/publicacaoII/pub02.jpg"><br> | |
| 60 | -Item "salvar mapa". | |
| 61 | -</div> | |
| 62 | -<br> | |
| 63 | -Depois de clicar no item "Salvar mapa", surgirá | |
| 64 | -uma | |
| 65 | -janela flutuante, | |
| 66 | -na qual você deve acionar o link "Clique aqui para salvar | |
| 67 | -o mapa".<br> | |
| 68 | -<br> | |
| 69 | -<div class="imagemExemplo"> | |
| 70 | -<img style="width: 315px; height: 415px;" alt="salva mapa" src="imagens/publicacaoII/pub03.jpg"><br> | |
| 71 | -Salvando mapa atual. | |
| 72 | -</div> | |
| 73 | -<br> | |
| 74 | -Em seguida, surgirá | |
| 75 | -uma nova janela flutuante com dois campos de textos para preenchimento. | |
| 76 | -O | |
| 77 | -primeiro campo é opcional, corresponde ao ID do | |
| 78 | -mapa, representando o registro do tema armazenado no banco de | |
| 79 | -dados do | |
| 80 | -i3GeoSaúde. O segundo | |
| 81 | -campo de texto é correspondente ao "título do | |
| 82 | -mapa", que | |
| 83 | -no | |
| 84 | -exemplo foi nomeado por | |
| 85 | -"Mapa | |
| 86 | -Publicacao". O processo é finalizado com um clique no | |
| 87 | -botão "Continua".<br> | |
| 88 | -<br> | |
| 89 | -<div class="imagemExemplo"> | |
| 90 | -<img style="width: 306px; height: 167px;" alt="cadastro mapa" src="imagens/publicacaoII/pub04.jpg"><br> | |
| 91 | -Definindo o | |
| 92 | -título do mapa. | |
| 93 | -</div> | |
| 94 | -<br> | |
| 95 | -Ao clicar em "Continua" | |
| 96 | -surgirá uma mensagem | |
| 97 | -"Mapa salvo" para confirmação da | |
| 98 | -operação. A mensagem estará | |
| 99 | -centralizada na parte superior da interface.<br> | |
| 100 | -<br> | |
| 101 | -<div class="imagemExemplo"> | |
| 102 | -<img style="width: 350px; height: 333px;" alt="mapa salvo" src="imagens/publicacaoII/pub23.jpg"><br> | |
| 103 | -Mensagem | |
| 104 | -de mapa salvo. | |
| 105 | -</div> | |
| 106 | -<br> | |
| 107 | -Para ver o mapa salvo, selecione no Menu | |
| 108 | -suspenso o item "Lista de mapas | |
| 109 | -cadastrados".<br> | |
| 110 | -<br> | |
| 111 | -<div class="imagemExemplo"> | |
| 112 | -<img style="width: 199px; height: 126px;" alt="menu suspenso" src="imagens/publicacaoII/pub06.jpg"><br> | |
| 113 | -Seleção de item "Lista de mapas cadastrados" | |
| 114 | -</div> | |
| 115 | -<br> | |
| 116 | -A seguir, surgirá uma | |
| 117 | -janela flutuante com a lista de mapas cadastrados, inclusive o "Mapa | |
| 118 | -Publicacao", como pode ser visto na. | |
| 119 | -O mapa estará publicado internamente na lista de mapas, e, | |
| 120 | - ao clicar em "Mapa Publicação", | |
| 121 | -será | |
| 122 | -apresentado o mapa do exemplo. | |
| 123 | -<br> | |
| 124 | -<br> | |
| 125 | -<div class="imagemExemplo"> | |
| 126 | -<img src="imagens/publicacaoII/pub15.jpg"><br> | |
| 127 | -Lista de mapas | |
| 128 | -cadastrados. | |
| 129 | -</div> | |
| 130 | -<br> | |
| 131 | -O processo para integrar o mapa publicado no i3GeoSaúde em | |
| 132 | -outra | |
| 133 | -aplicação web é apresentado no | |
| 134 | -tutorial "<a target="_blank" href="editandolink.html">Publicação | |
| 135 | -de mapas em aplicação externa ao | |
| 136 | -i3GeoSaúde</a>".<br> | |
| 137 | -<br> | |
| 138 | -</div> | |
| 139 | -<div class="trail-box-bottom"> | |
| 140 | -<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> | |
| 141 | -</div> | |
| 142 | -<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> | |
| 143 | - <br> | |
| 144 | - <br> | |
| 145 | -</div> | |
| 146 | -</div> | |
| 147 | -</div> | |
| 148 | -</body></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> | |
| 17 | + <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>. | |
| 19 | + <div class="imagemExemplo"> | |
| 20 | + <img src="imagens/publicacaoII/pub01.jpg"> | |
| 21 | + <p>Tema de exemplo ("Influenza") para a visualização em mapa. | |
| 22 | + </div> | |
| 23 | + <p>Após a exibição do cartograma, o i3GeoSaúde possibilita a publicação do tema na lista de mapas cadastrados correspondendo à publicação dentro do próprio ambiente da ferramenta. Para realizar esse procedimento, vá ao menu suspenso da interface e clique na opção "Arquivo", selecionando o item "Salvar mapa". | |
| 24 | + <div class="imagemExemplo"> | |
| 25 | + <img src="imagens/publicacaoII/pub02.jpg"> | |
| 26 | + <p>Item "salvar mapa". | |
| 27 | + </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". | |
| 29 | + <div class="imagemExemplo"> | |
| 30 | + <img src="imagens/publicacaoII/pub03.jpg"> | |
| 31 | + <p>Salvando mapa atual. | |
| 32 | + </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, 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". | |
| 34 | + <div class="imagemExemplo"> | |
| 35 | + <img src="imagens/publicacaoII/pub04.jpg"> | |
| 36 | + <p>Definindo o título do mapa. | |
| 37 | + </div> | |
| 38 | + <p>Ao clicar em "Continua" surgirá uma mensagem "Mapa salvo" para confirmação da operação. A mensagem estará centralizada na parte superior da interface. | |
| 39 | + <p> | |
| 40 | + <div class="imagemExemplo"> | |
| 41 | + <img src="imagens/publicacaoII/pub23.jpg"> | |
| 42 | + <p>Mensagem de mapa salvo. | |
| 43 | + </div> | |
| 44 | + <p>Para ver o mapa salvo, selecione no Menu suspenso o item "Lista de mapas cadastrados". | |
| 45 | + <div class="imagemExemplo"> | |
| 46 | + <img src="imagens/publicacaoII/pub06.jpg"> | |
| 47 | + <p>Seleção de item "Lista de mapas cadastrados" | |
| 48 | + </div> | |
| 49 | + <p>A seguir, surgirá uma janela flutuante com a lista de mapas cadastrados, inclusive o "Mapa Publicacao", como pode ser visto na. O mapa estará publicado internamente na lista de mapas, e, ao clicar em "Mapa Publicação", será apresentado o mapa do exemplo. | |
| 50 | + <div class="imagemExemplo"> | |
| 51 | + <img src="imagens/publicacaoII/pub15.jpg"> | |
| 52 | + <p>Lista de mapas cadastrados. | |
| 53 | + </div> | |
| 54 | + <p> | |
| 55 | + O processo para integrar o mapa publicado no i3GeoSaúde em outra aplicação web é apresentado no tutorial "<a target="_blank" href="editandolink.html">Publicação de mapas em aplicação externa ao i3GeoSaúde</a>". | |
| 56 | +</body> | |
| 57 | +</html> | ... | ... |
docs/publicacaoNoi3Geosaude.html
| 1 | 1 | <!DOCTYPE html> |
| 2 | 2 | <html> |
| 3 | 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"> | |
| 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 | 9 | </head> |
| 10 | 10 | <body class="blue-bg"> |
| 11 | - | |
| 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>Publicando cartograma</h1> | |
| 17 | -<a name="inicio"></a> | |
| 18 | - | |
| 19 | - A publicação de cartograma | |
| 20 | -consiste na disponibilização de um tema (mapa) no ambiente interno ou | |
| 21 | -externo ao i3GeoSaúde.<br> | |
| 22 | - | |
| 23 | - Há duas maneiras de publicar um mapa, que são:<br> | |
| 24 | - | |
| 25 | -<ul> | |
| 26 | - | |
| 27 | - <li> Registrando o mapa na <a href="publicacao2.html">lista de | |
| 28 | -mapas cadastrados do i3GeoSaúde</a> e</li> | |
| 29 | - | |
| 30 | - <li> <a href="editandolink.html">disponibilizando em | |
| 31 | -aplicações externas ao i3GeoSaúde</a>. </li> | |
| 32 | - | |
| 33 | -</ul> | |
| 34 | - | |
| 35 | -Observação: Para disponibilização do | |
| 36 | -cartograma em aplicações externas ao i3GeoSaúde | |
| 37 | -é necessário já ter realizado o registro na lista | |
| 38 | -de mapas cadastrados do i3GeoSaúde. <span style="font-style: italic;"></span> | |
| 39 | -<span style="font-style: italic;"></span><br> | |
| 40 | - | |
| 41 | -</div> | |
| 42 | - | |
| 43 | -</div> | |
| 44 | - | |
| 45 | -</div> | |
| 46 | - | |
| 11 | + <h1>Publicando cartograma</h1> | |
| 12 | + <p>A publicação de cartograma consiste na disponibilização de um tema (mapa) no ambiente interno ou externo ao i3GeoSaúde. | |
| 13 | + <p> Há duas maneiras de publicar um mapa, que são: | |
| 14 | + <ul> | |
| 15 | + <li> Registrando o mapa na <a href="publicacao2.html">lista de mapas cadastrados do i3GeoSaúde</a> e | |
| 16 | + </li> | |
| 17 | + <li> <a href="editandolink.html">disponibilizando em aplicações externas ao i3GeoSaúde</a>. | |
| 18 | + </li> | |
| 19 | + </ul> | |
| 20 | + <p>Observação: Para disponibilização do cartograma em aplicações externas ao i3GeoSaúde é necessário já ter realizado o registro na lista de mapas cadastrados do i3GeoSaúde. | |
| 47 | 21 | </body> |
| 48 | 22 | </html> | ... | ... |
docs/softwarepublico.html
| 1 | 1 | <!DOCTYPE html> |
| 2 | 2 | <html> |
| 3 | 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"> | |
| 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"> | |
| 10 | 9 | </head> |
| 11 | 10 | <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>Comundade i3GeoSaúde no portal do Software Publico<b style=""><span | |
| 17 | - style="font-size: 12pt; font-family: "Times New Roman","serif";"></span></b></h1> | |
| 18 | -<a name="what"></a> <o:p></o:p><o:p> </o:p> | |
| 19 | -<p class="MsoNormal"><span style=""></span>O i3GeoSaúde | |
| 20 | -é um software livre e está disponível no Portal do | |
| 21 | -Software Público. Por meio | |
| 22 | -deste Portal, os usuários e desenvolvedores do i3GeoSaúde | |
| 23 | -poderão trocar | |
| 24 | -experiências e ajudar na manutenção e | |
| 25 | -evolução da solução.</p> | |
| 26 | -<p class="MsoNormal"><span style=""></span>É através | |
| 27 | -do Portal do Software público que a comunidade i3GeoSaúde | |
| 28 | -se comunicará de modo a | |
| 29 | -fazer com que a ferramenta evolua conforme as necessidades e | |
| 30 | -capacidades da | |
| 31 | -própria necessidade.</p> | |
| 32 | -<p class="MsoNormal"><span style=""></span>Maiores | |
| 33 | -informações sobre o portal do software público em <a | |
| 34 | - href="http://www.softwarepublico.gov.br/">http://www.softwarepublico.gov.br/</a>.<br> | |
| 35 | -</p> | |
| 36 | - | |
| 37 | -</div> | |
| 38 | -</div> | |
| 39 | -</div> | |
| 11 | + <h1>Comundade i3GeoSaúde no portal do Software Publico</h1> | |
| 12 | + <p>O i3GeoSaúde é um software livre e está disponível no Portal do Software Público. Por meio deste Portal, os usuários e desenvolvedores do i3GeoSaúde poderão trocar experiências e ajudar na manutenção e evolução da solução. | |
| 13 | + <p>É através do Portal do Software público que a comunidade i3GeoSaúde se comunicará de modo a fazer com que a ferramenta evolua conforme as necessidades e capacidades da própria necessidade. | |
| 14 | + <p> | |
| 15 | + Maiores informações sobre o portal do software público em <a href="http://www.softwarepublico.gov.br/">http://www.softwarepublico.gov.br/</a>. | |
| 40 | 16 | </body> |
| 41 | 17 | </html> | ... | ... |
docs/videos/index.html
| 1 | 1 | <!DOCTYPE html> |
| 2 | 2 | <html lang="pt-br"> |
| 3 | 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"> | |
| 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"> | |
| 10 | 9 | </head> |
| 11 | 10 | <body class="blue-bg"> |
| 12 | -<div id="topo"><img src="./imagens/logo_topo.png"></div> | |
| 13 | -<div id="wrapper-flex"> | |
| 14 | -<div style="background-color: white;"> | |
| 15 | -<div class="f-page-auto-cell" id="doc"> | |
| 16 | -<div class="imginicio"><a href="../index.html#videos"><img | |
| 17 | - style="border: 0px solid ; width: 40px; height: 40px;" alt="inicio" | |
| 18 | - src="imagens/inicio.gif"></a></div> | |
| 19 | -<h1>Vídeos tutoriais</h1> | |
| 20 | -<a name="what"></a> | |
| 21 | -<p>Para treinamento de algumas tarefas relevantes do i3GeoSaúde, | |
| 22 | -foram criados os vídeos abaixo. Para conhecer as funcionalidades | |
| 23 | -do Player <a href="tutorial_player.html">clique aqui</a>.<br> | |
| 24 | - </p> | |
| 25 | -<br> | |
| 26 | -<div class="trail-box"> | |
| 27 | -<div class="trail-box-header"><img src="files/trails-box-tr.png" | |
| 28 | - class="right" alt="" height="21" width="7"><img | |
| 29 | - src="files/trails-box-tl.png" class="left" alt="" height="21" width="7"><comment | |
| 30 | - title=" here is the box header " | |
| 31 | - xmlns="http://disruptive-innovations.com/zoo/nvu"></comment> | |
| 32 | -<h1>Vídeos Tutoriais<a name="inicio_info"></a></h1> | |
| 33 | -</div> | |
| 34 | -<div class="trail-box-content"> | |
| 35 | -<ul> | |
| 36 | - <li><a href="video_criando_tabela/sandbox/criando_tabela.html">Criando | |
| 37 | -Tabela</a></li> | |
| 38 | - <li> | |
| 39 | - <p class="western"><a | |
| 40 | - href="video_upload_tabela/sandbox/upload_tabela.html">Upload | |
| 41 | -de Dados | |
| 42 | -na | |
| 43 | -Tabela | |
| 44 | -Criada</a></p> | |
| 45 | - </li> | |
| 46 | - <li><a href="video_cadastro_variaveis/sandbox/cad_princ_variaveis.htm">Cadastro | |
| 47 | -de | |
| 48 | -Variáveis</a></li> | |
| 49 | - <li><a href="video_editando_variavel/sandbox/editando_variaveis.htm">Edição | |
| 50 | -de | |
| 51 | -Variáveis</a> | |
| 52 | -(Na | |
| 53 | -interface do Usuário)</li> | |
| 54 | - <li><a href="video_criando_mapa/sandbox/criando_mapa.htm">Visualizar | |
| 55 | -Dados | |
| 56 | -no Cartograma Estatístico</a></li> | |
| 57 | - <li><a href="video_def_limites/sandbox/def_limites.html">Criando | |
| 58 | -Um | |
| 59 | -Novo Limite no Cartograma</a></li> | |
| 60 | - <li><a | |
| 61 | - href="publicando_na_lista_de_mapa/sandbox/publicando_na_lista_de_mapa.html">Publicando | |
| 62 | -na Lista de Mapas</a></li> | |
| 63 | - <li><a | |
| 64 | - href="criando_link_para_publicacao/sandbox/criando_link_para_publicacao.html">Criando | |
| 65 | -Link para Publicação</a></li> | |
| 66 | - <li><a | |
| 67 | - href="publicando_mapa_na_web/sandbox/publicando_mapa_na_web.html">Publicando | |
| 68 | -Mapa em Aplicação Externa</a></li> | |
| 69 | -</ul> | |
| 70 | -</div> | |
| 71 | -<div class="trail-box-bottom"><img src="files/trails-box-br.png" | |
| 72 | - class="right" alt="" height="6" width="7"> <img | |
| 73 | - src="files/trails-box-bl.png" class="left" alt="" height="6" width="7"> | |
| 74 | -</div> | |
| 75 | -</div> | |
| 76 | -<br> | |
| 77 | - | |
| 78 | -</div> | |
| 79 | -</div> | |
| 80 | -</div> | |
| 11 | + <h1>Vídeos tutoriais</h1> | |
| 12 | + <p> | |
| 13 | + Para treinamento de algumas tarefas relevantes do i3GeoSaúde, foram criados os vídeos abaixo. Para conhecer as funcionalidades do Player <a href="tutorial_player.html">clique aqui</a>. | |
| 14 | + <ul> | |
| 15 | + <li><a href="video_criando_tabela/sandbox/criando_tabela.html">Criando Tabela</a></li> | |
| 16 | + <li> | |
| 17 | + <p class="western"> | |
| 18 | + <a href="video_upload_tabela/sandbox/upload_tabela.html">Upload de Dados na Tabela Criada</a> | |
| 19 | + </p> | |
| 20 | + </li> | |
| 21 | + <li><a href="video_cadastro_variaveis/sandbox/cad_princ_variaveis.htm">Cadastro de Variáveis</a></li> | |
| 22 | + <li><a href="video_editando_variavel/sandbox/editando_variaveis.htm">Edição de Variáveis</a> (Na interface do Usuário)</li> | |
| 23 | + <li><a href="video_criando_mapa/sandbox/criando_mapa.htm">Visualizar Dados no Cartograma Estatístico</a></li> | |
| 24 | + <li><a href="video_def_limites/sandbox/def_limites.html">Criando Um Novo Limite no Cartograma</a></li> | |
| 25 | + <li><a href="publicando_na_lista_de_mapa/sandbox/publicando_na_lista_de_mapa.html">Publicando na Lista de Mapas</a></li> | |
| 26 | + <li><a href="criando_link_para_publicacao/sandbox/criando_link_para_publicacao.html">Criando Link para Publicação</a></li> | |
| 27 | + <li><a href="publicando_mapa_na_web/sandbox/publicando_mapa_na_web.html">Publicando Mapa em Aplicação Externa</a></li> | |
| 28 | + </ul> | |
| 81 | 29 | </body> |
| 82 | 30 | </html> | ... | ... |