exemploInfluenza.html 12.2 KB
	<h1>Exemplo de vari&aacute;vel com parâmetro (casos de incidência de influenza&nbsp;no munic&iacute;pio de Bel&eacute;m)</h1>
	<p>Este exemplo demonstra a cria&ccedil&atilde;o e uso de uma vari&aacute;vel com parâmetro, isto &eacute;, vari&aacute;vel com a medida parametrizada. O parâmetro permite filtrar valores do conjunto de dados da vari&aacute;vel na dimens&atilde;o temporal, podendo ser por ano, mês, dia e hora.
	<h2>Criando a vari&aacute;vel</h2>
	<p>
		Nesta etap a iremos usar o assistente "Ajudante do editor" que ir&aacute; nos auxiliar na cria&ccedil&atilde;o da vari&aacute;vel. A ativa&ccedil&atilde;o e uso desse assistente foi visto no tutorial "<a href="index.php?conteudo=Editarvariavel.html">Editando Vari&aacute;vel</a>". Como trata-se de uma nova vari&aacute;vel, clique no bot&atilde;o "
	<p>
		<span style="font-weight: bold;">ou crie uma nova</span>" Abre-se uma&nbsp;janela onde iremos definir um nome para nossa vari&aacute;vel.&nbsp;Neste exemplo, iremos utilizar uma simula&ccedil&atilde;o de casos de gripe por regi&atilde;o de bairros para o munic&iacute;pio de Bel&eacute;m. Para este exemplo, o nome escolhido para vari&aacute;vel foi "Influenza", e no campo "Descricao" ficou sem informa&ccedil&atilde;o, pois &eacute; opcional. Terminado, clique no bot&atilde;o "Salva".
	<div class="imagemExemplo">
		<img src="imagens/exemplo1/img07.jpg">
		<p>Salvando nova vari&aacute;vel.
	</div>
	<p>
		Uma vez salvo, sua vari&aacute;vel j&aacute; esta criada e deve estar dispon&iacute;vel para sele&ccedil&atilde;o. &nbsp; Selecione sua vari&aacute;vel e clique no bot&atilde;o <img style="width: 30px; height: 22px;" alt="b" src="imagens/exemplo1/untitled.JPG"> para darmos continuidade e criar uma medida para nossa vari&aacute;vel.
	<p>
	<div class="imagemExemplo">
		<img src="imagens/exemplo1/img08.jpg">
		<p>Selecionando uma vari&aacute;vel.&nbsp;
	</div>
	<p>
		Nesta janela, note que nossa vari&aacute;vel ainda n&atilde;o possui medida. Ent&atilde;o, clique no bot&atilde;o "<span style="font-weight: bold;">ou crie uma nova</span>"
	<div class="imagemExemplo">
		<img style="width: 311px; height: 195px;" alt="9" src="imagens/exemplo1/img09.jpg">
		<p>Criando nova medida para a vari&aacute;vel.
	</div>
	<p>
		Em seguida, surgir&aacute; uma nova janela. Nesta janela, iremos definir os atributos da medida da vari&aacute;vel, que permitir&atilde;o configurar a visualiza&ccedil&atilde;o do cartograma. Caso a tabela com os dados j&aacute; esteja dispon&iacute;vel no banco de dados do i3GeoSa&uacute;de (veja o tutorial sobre "<a href="index.php?conteudo=criacao_banco_dados-variavel.html">Como criar o banco de dados</a>."), marque a op&ccedil&atilde;o "<span style="font-weight: bold;">Quero usar uma tabela j&aacute; existente ou alterar os parâmetros adicionais"</span>. Se a mesma
		ainda n&atilde;o estiver no banco, na pr&oacute;xima tela h&aacute; uma op&ccedil&atilde;o para fazer o upload da mesma no formato ".CSV". Prossiga o processo deixando as configura&ccedil&otilde;es de tabela com os valores padr&otilde;es, fa&ccedila o upload da tabela e retorne para o assistente de cria&ccedil&atilde;o de medida vari&aacute;vel. Os atributos da medida devem ser configurados com os seguinte valores:
	<ul>
		<li><span style="font-weight: bold;">Nome</span> : informe o nome da medida, no exemplo "Influenza por Bairro";</li>
	</ul>
	<ul>
		<li><span style="font-weight: bold;">Unidade de medida</span>: escolha "Quantidade" ( os valores que ser&atilde;o representados est&atilde;o estabelecidos de maneira quantitativa);</li>
	</ul>
	<ul>
		<li><span style="font-weight: bold;">Tipo de per&iacute;odo:</span> escolha "Anual" ( nossa vari&aacute;vel conter&aacute; informa&ccedil&otilde;es classificadas por ano);</li>
	</ul>
	<ul>
		<li><span style="font-weight: bold;">Tipo de regi&atilde;o</span>: escolha "Bairro" ( as regi&otilde;es escolhidas para este exemplo est&atilde;o georeferenciadas em n&iacute;vel de bairro)</li>
	</ul>
	<p>
	<div class="imagemExemplo">
		<img src="imagens/exemplo1/img10.jpg">
		<p>Editor de medidas da vari&aacute;vel.
	</div>
	<ul>
		<li><span style="font-weight: bold;">Conex&atilde;o</span>: para a conex&atilde;o ao banco de dados escolha "i3geosaude" (conex&atilde;o padr&atilde;o).</li>
	</ul>
	<div class="imagemExemplo">
		<img src="imagens/exemplo1/img11.jpg">
		<p>Selecionando&nbsp;a conex&atilde;o.
	</div>
	<p>
	<ul>
		<li><span style="font-weight: bold;">Esquema do banco</span>: a tabela encontra-se no esquema "i3geo_metaest"</li>
	</ul>
	<div class="imagemExemplo">
		<img src="imagens/exemplo1/img12.jpg">
		<p>Selecionando esquema do banco.
	</div>
	<ul>
		<li><span style="font-weight: bold;">Tabela do Banco</span>: voce deve escolher a tabela a qual possui os dados para a medida, no exemplo, a tabela chama-se "influenza".</li>
	</ul>
	<div class="imagemExemplo">
		<img src="imagens/exemplo1/img13.jpg">
		<p>Selecionando tabela.
	</div>
	<ul>
		<li><span style="font-weight: bold;">Coluna de liga&ccedil&atilde;o com a tabela GEO</span>: Escolhemos a coluna da tabela que possui os c&oacute;digos das regi&otilde;es, neste caso "codigoregiao".</li>
	</ul>
	<div class="imagemExemplo">
		<img src="imagens/exemplo1/img14.jpg">
		<p>Selecionando coluna dos c&oacute;digos das regi&otilde;es.
	</div>
	<ul>
		<li><span style="font-weight: bold;">Coluna com valores</span>: Coluna que possui os valores da medida da vari&aacute;vel, para cada&nbsp;regi&atilde;o (bairro). Neste exemplo, o valor est&aacute; na coluna chamada "num_casos".</li>
	</ul>
	<div class="imagemExemplo">
		<img src="imagens/exemplo1/img15.jpg">
		<p>Selecionando a coluna com os valores da medida.
	</div>
	<ul>
		<li><span style="font-weight: bold;">Coluna com os IDs</span>: selecionamos aqui a coluna "gid", que &eacute; a coluna padr&atilde;o com os valores de identifica&ccedil&atilde;o (os chamados "id") dos dados.&nbsp;</li>
	</ul>
	<div class="imagemExemplo">
		<img src="imagens/exemplo1/img16.jpg">
		<p>Selecionando a coluna "gid"
	</div>
	<p>
		Ap&oacute;s a configura&ccedil&atilde;o de nossa medida, para salvar basta que clique no bot&atilde;o "Salva" que est&aacute; localizado no topo da janela. Em seguida, o sistema i3GeoSa&uacute;de reapresenta a janela do assistente para edi&ccedil&atilde;o e cria&ccedil&atilde;o de&nbsp;''medida da vari&aacute;vel". Assim, prossiga o processo clicando&nbsp;no bot&atilde;o <img style="width: 30px; height: 22px;" alt="b" src="imagens/exemplo1/untitled.JPG"> para o upload de CSV. Caso a tabela com os dados ainda n&atilde;o esteja dispon&iacute;vel no banco de dados do i3GeoSa&uacute;de, &eacute;
		poss&iacute;vel fazer o upload da mesma clicando no bot&atilde;o "Upload CSV". Se a tabela j&aacute; existir no banco, ignore esta etapa e prossiga o processo clicando&nbsp;no bot&atilde;o <img style="width: 30px; height: 22px;" alt="b" src="imagens/exemplo1/untitled.JPG">.
	<div class="imagemExemplo">
		<img style="width: 403px; height: 369px;" alt="" src="imagens/exemplo1/img19.jpg">
		<p>Upload de CSV.
	</div>
	<p>
		Na janela de upload de CSV, escolha a vari&aacute;vel e a medida de vari&aacute;vel a qual os dados inseridos pertencem, selecione o arquivo .csv e envie. Em seguida, cadastre as defini&ccedil&otilde;es de sua tabela nos campos, de acordo com as indica&ccedil&otilde;es do item 2 do tutorial <a href="http://localhost/docs/admin_metadados.html">Metadados estat&iacute;sticos (como criar uma vari&aacute;vel)</a>. div class="imagemExemplo"> <img src="imagens/exemplo1/img20.jpg">
	<p>Cadastro de medida vari&aacute;vel
	<p>
		Ao terminar o cadastro dos dados, clique em "Concluir envio". Se aparecer uma mensagem semelhante à da <span style="font-weight: bold;">Figura abaixo </span>o envio do CSV foi feito corretamente. Feche a janela de upload e clique no bot&atilde;o <img style="width: 30px; height: 22px;" alt="b" src="imagens/exemplo1/untitled.JPG"> para prosseguir para a cria&ccedil&atilde;o de classes para a medida vari&aacute;vel.
	<div class="imagemExemplo">
		<img style="width: 276px; height: 162px;" alt="" src="imagens/exemplo1/img21.jpg">
		<p>Mensagem de conclus&atilde;o do envio do CSV.
	</div>
	<p>
		Na janela vista na figura abaixo, clique no bot&atilde;o "<span style="font-weight: bold;">ou crie uma nova</span>'' para criar uma nova classifica&ccedil&atilde;o.
	<div class="imagemExemplo">
		<img src="imagens/exemplo1/img17.jpg">
		<p>Criando classifica&ccedil&atilde;o.
	</div>
	<p>Agora, &eacute; apresentada a janela que corresponde à &uacute;ltima etapa de configura&ccedil&atilde;o da nossa vari&aacute;vel, respons&aacute;vel pela gera&ccedil&atilde;o dos intervalos de valores para representa&ccedil&atilde;o das legendas coloridas.
	<div class="imagemExemplo">
		<img src="imagens/usuario/usuario21.jpg">
		<p>Definindo cores e intervalos.
	</div>
	<p>Primeiro, escolhemos um conjunto de cores para nosso intervalo.&nbsp;Definidas as cores, clique no bot&atilde;o "Aplicar cores".
	<div class="imagemExemplo">
		<img src="imagens/exemplo1/img18.jpg">
		<p>Selecionando cores.
	</div>
	<p>Ap&oacute;s selecionar as cores, basta clicar em no bot&atilde;o "5 intervalos iguais" para finalizar a cria&ccedil&atilde;o desta vari&aacute;vel.
	<h2>Utilizando nossa &nbsp;vari&aacute;vel</h2>
	<p>Em seguida, surge a janela onde devemos selecionar a vari&aacute;vel que ser&aacute; visualizada no cartograma. Escolha a vari&aacute;vel do exemplo, chamada "Influenza".
	<div class="imagemExemplo">
		<img src="imagens/exemplo1/figura02.jpg">
		<p>Escolhendo a vari&aacute;vel.
	</div>
	<p>Depois, selecione a medida da&nbsp; vari&aacute;vel, indicando a abrangência que ser&aacute; analisada no mapa, em "Escolha uma medida da vari&aacute;vel" a op&ccedil&atilde;o "Influenza por bairro".
	<div class="imagemExemplo">
		<img src="imagens/exemplo1/figura002.jpg">
		<p>Escolhendo a medida da vari&aacute;vel.
	</div>
	<p>
		No exempo elaborado neste tutoral, usamos um parâmetro de tempo definido por "<span style="font-weight: bold;">Ano"</span>, e o valor exibido ser&atilde;o os anos de ocorrência do fenômeno na tabela de dados da vari&aacute;vel.
	<div class="imagemExemplo">
		<img src="imagens/exemplo1/figura0002.jpg">
		<p>Escolhendo o parâmetro por "Ano"
	</div>
	<p>Finalmente, clique em "Adicionar camada ao mapa" (para adicionar outros per&iacute;odos basta selecionar o novo per&iacute;odo e adicionar ao mapa) para visualizar o cartograma a partir da medida e do parâmetro definido pelo usu&aacute;rio. Lembre que o cartograma &eacute; adicionado como um nova camada (de tema), entre as outras camadas j&aacute; existentes. Todas essas camadas podem ser vistas a partir da visibilidade da guia lateral do i3GeoSa&uacute;de, marcando&nbsp;ou desmarcando&nbsp;um tema.
	<div class="imagemExemplo">
		<img src="imagens/exemplo1/figura3.jpg" alt="figura *"">
		<p>Guia lateral de camadas de temas.
	</div>
	<h2>
		Criando anima&ccedil&atilde;o para vari&aacute;vel com parâmetros<a name="inicio_install_windows"></a>
	</h2>
	<p>Uma utiliza&ccedil&atilde;o pr&aacute;tica de parâmetros (per&iacute;odos temporais) em uma vari&aacute;vel &eacute;&nbsp;a cria&ccedil&atilde;o de anima&ccedil&atilde;o para&nbsp;demonstrar&nbsp;a evolu&ccedil&atilde;o de&nbsp;eventos. Para isso, navegue no menu suspenso "Ferramentas", &nbsp;e escolha a op&ccedil&atilde;o "Anima&ccedil&atilde;o".
	<p>
	<p>
	<div class="imagemExemplo">
		<img style="width: 245px; height: 200px;" alt="figura 12" src="imagens/exemplo1/figura4.jpg">
		<p>Menu "Ferramentas", op&ccedil&atilde;o "Anima&ccedil&atilde;o".
	</div>
	<p>Ap&oacute;s clicar no &iacute;tem "Anima&ccedil&atilde;o", o i3GeoSa&uacute;de apresenta&nbsp;uma janela flutuante ("Anima&ccedil&atilde;o") onde ser&aacute; escolhido os temas que&nbsp;far&atilde;o parte da anima&ccedil&atilde;o. Confirme o processo de anima&ccedil&atilde;o clicando no bot&atilde;o "Iniciar".
	<div class="imagemExemplo">
		<img src="imagens/exemplo1/figura5.jpg">
		<p>Janela Anima&ccedil&atilde;o.
	</div>
	<p>Uma vez iniciada a anima&ccedil&atilde;o ocorrer&aacute; um efeito de alternância entre os valores dos parâmetros, para o exemplo em quest&atilde;o, os valores entre "2005" e "2010".
	<div class="imagemExemplo">
		<img src="imagens/exemplo1/figura6.jpg">
		<p>
	</div>
	<div class="imagemExemplo">
		<img src="imagens/exemplo1/figura7.jpg">
		<p>Tema com referência a "2005" (1); Tema com referência a "2010" (2).
	</div>