shape_old.html 10.7 KB
<h1>Subindo Shapefile para i3Geosaude</h1>
<a name="inicio"></a>
<br>
O i3Geosaude possibilita a importa&ccedil;&atilde;o de arquivos
shapes de
mapas para
serem carregados e exibidos em sua inter<span
 style="color: rgb(34, 34, 34); font-family: arial,sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 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;">face.
<br>
</span>Um <a href="http://pt.wikipedia.org/wiki/Shapefile">arquivo
shape</a>, ou <span style="font-weight: bold;">Esri Shapefile</span>,
ou simplesmente&nbsp;<span style="font-weight: bold;">shapefile</span>,
&eacute; um formato popular de arquivo contendo dados geoespaciais
em forma de&nbsp;<a href="http://pt.wikipedia.org/wiki/Desenho_vetorial"
 title="Desenho vetorial"
 style="text-decoration: none; color: rgb(11, 0, 128); background-image: none; background-color: rgb(255, 255, 255); font-family: sans-serif; font-size: 12.7315px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 19.1967px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">vetor</a>&nbsp;usado
por&nbsp;<a
 href="http://pt.wikipedia.org/wiki/Sistema_de_informa%C3%A7%C3%A3o_geogr%C3%A1fica"
 title="Sistema de informa&ccedil;&atilde;o geogr&aacute;fica"
 style="text-decoration: none; color: rgb(11, 0, 128); background-image: none; background-color: rgb(255, 255, 255); font-family: sans-serif; font-size: 12.7315px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 19.1967px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Sistemas
de Informa&ccedil;&otilde;es Geogr&aacute;ficas</a>,
tamb&eacute;m conhecidos como&nbsp;<a
 href="http://pt.wikipedia.org/wiki/Sistema_de_informa%C3%A7%C3%A3o_geogr%C3%A1fica"
 title="Sistema de informa&ccedil;&atilde;o geogr&aacute;fica"
 style="text-decoration: none; color: rgb(11, 0, 128); background-image: none; background-color: rgb(255, 255, 255); font-family: sans-serif; font-size: 12.7315px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 19.1967px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">SIG</a>.
Foi desenvolvido e regulamentado pela organiza&ccedil;&atilde;o
denominada&nbsp;<a href="http://pt.wikipedia.org/wiki/Esri" title="Esri"
 class="mw-redirect"
 style="text-decoration: none; color: rgb(11, 0, 128); background-image: none; background-color: rgb(255, 255, 255); font-family: sans-serif; font-size: 12.7315px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 19.1967px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Esri</a>,
como ums especifica&ccedil;&atilde;o aberta<span
 style="text-decoration: none; color: rgb(11, 0, 128); background-image: none; background-color: rgb(255, 255, 255); font-family: sans-serif; font-size: 12.7315px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 19.1967px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">
</span>para interoperabilidade de
dados geogr&aacute;ficos.<br>
<span
 style="color: rgb(34, 34, 34); font-family: arial,sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 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;">A
seguir ser&aacute; demostrado como&nbsp; enviar arquivos shapes
para
serem exibidos no ambiente i3GeoSa&uacute;de.<br>
</span><br>
&nbsp;
<div class="trail-box">
<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">
<h1><span style="font-weight: bold;">Enviando um Shape </span><a
 name="indice_admin"></a></h1>
</div>
<div class="trail-box-content">Para
demonstrar a funcionalidade de envio de arquivos shape ao
i3GeoSa&uacute;de, iremos
utilizar um dos shape disponivel na &aacute;rea de&nbsp;<b
 style="border: medium none ; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-family: verdana,sans-serif; font-size: 11.2px; 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);">Mapeamento
Topogr&aacute;fico</b>, presente
no portal do IBGE,&nbsp;em <a
 href="http://www.ibge.gov.br/home/geociencias/default_prod.shtm">http://www.ibge.gov.br/home/geociencias/default_prod.shtm</a>
.<br>
<br>
Escolha um shape e envia os arquivos ao Geos&uacute;de. Para isso,
&nbsp;utilize o menu suspenso
"Ferramenta"
e selecione o item "Vetor", conforme exemplificado na <span
 style="font-weight: bold;">Figura 1</span>.<br>
<br>
<img style="width: 547px; height: 468px;" alt="menuuploud"
 src="imagens/shape/shp02.jpg"><br>
<span style="font-weight: bold;">Figura
1: </span>Menu ferramentas.<br>
<br>
Em seguida, surgir&aacute; uma janela solicitando o tipo de arquivo
que ser&aacute;
enviado ao servidor. Neste caso, selecione o item "Shape File",
conforme <span style="font-weight: bold;">Figura
2</span>.<br>
<br>
<img style="width: 282px; height: 223px;" alt="selecionando o shape"
 src="imagens/shape/shp03.jpg"><br>
<span style="font-weight: bold;">Figura
2: </span>Sele&ccedil;&atilde;o
do
tipo de arquivo<span style="font-weight: bold;">.</span><br>
<br>
Ap&oacute;s a sele&ccedil;&atilde;o, surgir&aacute;
uma nova janela (<span style="font-weight: bold;">Figura 3</span>)
na qual iremos selecionar
os arquivos de nosso shape. Para carregar o arquivo de
extens&atilde;o&nbsp;<span style="font-style: italic;">.shp</span>,<span
 style="font-style: italic;"> </span>deve-se
clicar
no bot&atilde;o ''Escolher arquivo", conforme a<span
 style="font-weight: bold;"> Figura 3</span>.<br>
<br>
<img style="width: 396px; height: 576px;"
 alt="selecionando os arquivos do shape" src="imagens/shape/shp04.jpg"><br>
<span style="font-weight: bold;">Figura
3</span>: Carregando shape.<br>
<br>
Em seguida, selecionamos o arquivo do shape com a
extens&atilde;o&nbsp;<span style="font-style: italic;">.shp</span>
e
clique no bot&atilde;o Open (tamb&eacute;m chamado "Abrir'' ou
''OK'').<br>
<br>
<img style="width: 455px; height: 338px;" alt="arquivo shp"
 src="imagens/shape/shp05.jpg"><br>
<span style="font-weight: bold;">Figura
4: </span>Escolhendo arquivo <span style="font-style: italic;">shp</span>.<br
 style="font-weight: bold;">
<br>
<br>
Agora&nbsp;faremos o mesmo para os demais arquivos (shx e dbf),
obedecendo o
formato solicitado para cada um.<br>
<br>
Para o Arquivo&nbsp;<span style="font-style: italic;">shx</span>
iremos novamente clicar no bot&atilde;o
''Escolher arquivo''(<span style="font-weight: bold;">Figura 5</span>),
localizado abaixo da op&ccedil;&atilde;o <span
 style="font-style: italic;">shp</span>
(<span style="font-weight: bold;">Figura
4</span>). Feito isso,&nbsp;
selecione o arquivo do shape que tenha a extens&atilde;o
correspondente a solicitada, em seguida clique em "Open", confome <span
 style="font-weight: bold;">Figura 6</span>.<br>
<br>
<img style="font-weight: bold; width: 310px; height: 52px;"
 alt="arquivo shx" src="imagens/shape/shp07.jpg"><br
 style="font-weight: bold;">
<span style="font-weight: bold;">Figura
5:</span> clicando no
bot&atilde;o "Escolher arquivo" no formato <span
 style="font-style: italic;">shx.</span><br>
<br>
<img style="width: 455px; height: 344px;" alt="arquivo shx"
 src="imagens/shape/shp09.jpg"><br>
<span style="font-weight: bold;">Figura
6:</span> Escolhendo arquivo <span style="font-style: italic;">shx</span>.<br>
<br>
Para o Arquivo <span style="font-style: italic;">dbf</span>
iremos novamente clicar no bot&atilde;o ''Escolher
arquivo'' (<span style="font-weight: bold;">Figura
7</span>) situado abaixo de arquivo <span style="font-style: italic;">shx</span>
(<span style="font-weight: bold;">Figura
4</span>). Em seguida,
surgir&aacute; uma nova janela flutante para
sele&ccedil;&atilde;o do arquivo do shape que tenha a
extens&atilde;o
correspondente a solicitada; clique em "Open", como indicado
na <span style="font-weight: bold;">Figura
8</span>.<br>
<br>
<img style="font-weight: bold; width: 298px; height: 52px;" alt="sbf"
 src="imagens/shape/shp08.jpg"><br style="font-weight: bold;">
<span style="font-weight: bold;">Figura
7:</span> Clicando em
Bot&atilde;o "Escoher arquivo".<br>
<br>
<img style="width: 457px; height: 341px;" alt="dbf"
 src="imagens/shape/shp10.jpg"><br>
<span style="font-weight: bold;">Figura
8:</span>
Sele&ccedil;&atilde;o de arquivo <span style="font-style: italic;">dbf.</span><br>
<br>
Uma &nbsp;vez selecionados todos os arquivos de seu shape (<span
 style="font-weight: bold;">Figura 9</span>,
item 1), clique no
bot&atilde;o "Enviar'', conforme <span style="font-weight: bold;">Figura
9</span>,<span style="font-weight: bold;"> </span>item
2. Se tudo estiver correto surgir&aacute; uma menssagem
informando que o&nbsp; tema foi criado (<span style="font-weight: bold;">Figura
9</span>,
item 3).<br>
<br>
<img style="width: 396px; height: 571px;" alt="shp"
 src="imagens/shape/shp15.jpg"><br>
<span style="font-weight: bold;">Figura
9:</span> Clicando no
bot&atilde;o "Enviar" para upload do shape.<br>
<br>
Ap&oacute;s clicar em "Enviar" (<span style="font-weight: bold;">Figura
9</span>)
ser&aacute; redesenhado o shape no i3GeoSa&uacute;de, como pode
ser visto&nbsp;
na <span style="font-weight: bold;">Figura
10</span>. <br>
<br>
<img style="width: 607px; height: 463px;" alt="shape carregado"
 src="imagens/shape/shp14.jpg"><br>
<span style="font-weight: bold;">Figura
10</span>: Shape redesenhado na
interface <span style="font-style: italic;">OpenLayer</span>.<br>
<br>
</div>
<div class="trail-box-bottom">
<img src="./files/trails-box-br.png" class="right" alt="" height="6"
 width="7"><img src="./files/trails-box-bl.png" class="left" alt=""
 height="6" width="7"></div>
</div>
<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>
&nbsp;<br>
&nbsp;<br>
</div>
</div>
</div>