exemploInfluenza.html 11.6 KB
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
<meta charset="UTF-8">
<title>i3GeoSaude</title>
<link media="screen" href="./files/estilos.css" type="text/css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="./files/estilos.css">
</head>
<body class="blue-bg">
	<div class="imginicio">
		<a href="exemplos_saude.html"><img title="Início" style="border: 0px solid; width: 40px; height: 40px;" alt="inicio" src="files/voltar.gif"></a><a href="index.html#inicio_adm"><img title="Início" style="border: 0px solid; width: 40px; height: 40px;" alt="inicio" src="files/inicio.gif"></a>
	</div>
	<h1>Exemplo de variável com parâmetro (casos de incidência de influenza&nbsp;no município de Belém)</h1>
	<p>Este exemplo demonstra a criação e uso de uma variável com parâmetro, isto é, variável com a medida parametrizada. O parâmetro permite filtrar valores do conjunto de dados da variável na dimensão temporal, podendo ser por ano, mês, dia e hora.
	<h2>Criando a variável</h2>
	<p>
		Nesta etap a iremos usar o assistente "Ajudante do editor" que irá nos auxiliar na criação da variável. A ativação e uso desse assistente foi visto no tutorial "<a target="_blank" href="Editarvariavel.html">Editando Variável</a>". Como trata-se de uma nova variável, clique no botão "
	<p>
		<span style="font-weight: bold;">ou crie uma nova</span>" Abre-se uma&nbsp;janela onde iremos definir um nome para nossa variável.&nbsp;Neste exemplo, iremos utilizar uma simulação de casos de gripe por região de bairros para o município de Belém. Para este exemplo, o nome escolhido para variável foi "Influenza", e no campo "Descricao" ficou sem informação, pois é opcional. Terminado, clique no botão "Salva".
	<div class="imagemExemplo">
		<img src="imagens/exemplo1/img07.jpg">
		<p>Salvando nova variável.
	</div>
	<p>
		Uma vez salvo, sua variável já esta criada e deve estar disponível para seleção. &nbsp; Selecione sua variável e clique no botão <img style="width: 30px; height: 22px;" alt="b" src="imagens/exemplo1/untitled.JPG"> para darmos continuidade e criar uma medida para nossa variável.
	<p>
	<div class="imagemExemplo">
		<img src="imagens/exemplo1/img08.jpg">
		<p>Selecionando uma variável.&nbsp;
	</div>
	<p>
		Nesta janela, note que nossa variável ainda não possui medida. Então, clique no botão "<span style="font-weight: bold;">ou crie uma nova</span>"
	<div class="imagemExemplo">
		<img style="width: 311px; height: 195px;" alt="9" src="imagens/exemplo1/img09.jpg">
		<p>Criando nova medida para a variável.
	</div>
	<p>
		Em seguida, surgirá uma nova janela. Nesta janela, iremos definir os atributos da medida da variável, que permitirão configurar a visualização do cartograma. Caso a tabela com os dados já esteja disponível no banco de dados do i3GeoSaúde (veja o tutorial sobre "<a target="_blank" href="criacao_banco_dados-variavel.html">Como criar o banco de dados</a>."), marque a opção "<span style="font-weight: bold;">Quero usar uma tabela já existente ou alterar os parâmetros adicionais"</span>. Se a mesma
		ainda não estiver no banco, na próxima tela há uma opção para fazer o upload da mesma no formato ".CSV". Prossiga o processo deixando as configurações de tabela com os valores padrões, faça o upload da tabela e retorne para o assistente de criação de medida variável. Os atributos da medida devem ser configurados com os seguinte valores:
	<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ão representados estão estabelecidos de maneira quantitativa);</li>
	</ul>
	<ul>
		<li><span style="font-weight: bold;">Tipo de período:</span> escolha "Anual" ( nossa variável conterá informações classificadas por ano);</li>
	</ul>
	<ul>
		<li><span style="font-weight: bold;">Tipo de região</span>: escolha "Bairro" ( as regiões escolhidas para este exemplo estão georeferenciadas em nível de bairro)</li>
	</ul>
	<p>
	<div class="imagemExemplo">
		<img src="imagens/exemplo1/img10.jpg">
		<p>Editor de medidas da variável.
	</div>
	<ul>
		<li><span style="font-weight: bold;">Conexão</span>: para a conexão ao banco de dados escolha "i3geosaude" (conexão padrão).</li>
	</ul>
	<div class="imagemExemplo">
		<img src="imagens/exemplo1/img11.jpg">
		<p>Selecionando&nbsp;a conexã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ção com a tabela GEO</span>: Escolhemos a coluna da tabela que possui os códigos das regiões, neste caso "codigoregiao".</li>
	</ul>
	<div class="imagemExemplo">
		<img src="imagens/exemplo1/img14.jpg">
		<p>Selecionando coluna dos códigos das regiões.
	</div>
	<ul>
		<li><span style="font-weight: bold;">Coluna com valores</span>: Coluna que possui os valores da medida da variável, para cada&nbsp;região (bairro). Neste exemplo, o valor está na coluna chamada "num_casos".</li>
	</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 é a coluna padrão com os valores de identificaçã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ós a configuração de nossa medida, para salvar basta que clique no botão "Salva" que está localizado no topo da janela. Em seguida, o sistema i3GeoSaúde reapresenta a janela do assistente para edição e criação de&nbsp;''medida da variável". Assim, prossiga o processo clicando&nbsp;no botão <img style="width: 30px; height: 22px;" alt="b" src="imagens/exemplo1/untitled.JPG"> para o upload de CSV. Caso a tabela com os dados ainda não esteja disponível no banco de dados do i3GeoSaúde, é
		possível fazer o upload da mesma clicando no botão "Upload CSV". Se a tabela já existir no banco, ignore esta etapa e prossiga o processo clicando&nbsp;no botão <img style="width: 30px; height: 22px;" alt="b" src="imagens/exemplo1/untitled.JPG">.
	<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ável e a medida de variável a qual os dados inseridos pertencem, selecione o arquivo .csv e envie. Em seguida, cadastre as definições de sua tabela nos campos, de acordo com as indicações do item 2 do tutorial <a href="http://localhost/docs/admin_metadados.html">Metadados estatísticos (como criar uma variável)</a>. div class="imagemExemplo"> <img src="imagens/exemplo1/img20.jpg">
	<p>Cadastro de medida variável
	</div>
	<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ão <img style="width: 30px; height: 22px;" alt="b" src="imagens/exemplo1/untitled.JPG"> para prosseguir para a criação de classes para a medida variável.
	<div class="imagemExemplo">
		<img style="width: 276px; height: 162px;" alt="" src="imagens/exemplo1/img21.jpg">
		<p>Mensagem de conclusão do envio do CSV.
	</div>
	<p>
		Na janela vista na figura abaixo, clique no botão "<span style="font-weight: bold;">ou crie uma nova</span>'' para criar uma nova classificação.
	<div class="imagemExemplo">
		<img src="imagens/exemplo1/img17.jpg">
		<p>Criando classificação.
	</div>
	<p>Agora, é apresentada a janela que corresponde à última etapa de configuração da nossa variável, responsável pela geração dos intervalos de valores para representação das legendas coloridas.
	<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ão "Aplicar cores".
	<div class="imagemExemplo">
		<img src="imagens/exemplo1/img18.jpg">
		<p>Selecionando cores.
	</div>
	<p>Após selecionar as cores, basta clicar em no botão "5 intervalos iguais" para finalizar a criação desta variável.
	<h2>Utilizando nossa &nbsp;variável</h2>
	<p>Em seguida, surge a janela onde devemos selecionar a variável que será visualizada no cartograma. Escolha a variável do exemplo, chamada "Influenza".
	<div class="imagemExemplo">
		<img src="imagens/exemplo1/figura02.jpg">
		<p>Escolhendo a variável.
	</div>
	<p>Depois, selecione a medida da&nbsp; variável, indicando a abrangência que será analisada no mapa, em "Escolha uma medida da variável" a opção "Influenza por bairro".
	<div class="imagemExemplo">
		<img src="imagens/exemplo1/figura002.jpg">
		<p>Escolhendo a medida da variá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ão os anos de ocorrência do fenômeno na tabela de dados da variá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íodos basta selecionar o novo período e adicionar ao mapa) para visualizar o cartograma a partir da medida e do parâmetro definido pelo usuário. Lembre que o cartograma é adicionado como um nova camada (de tema), entre as outras camadas já existentes. Todas essas camadas podem ser vistas a partir da visibilidade da guia lateral do i3GeoSaúde, marcando&nbsp;ou desmarcando&nbsp;um tema.
	<div class="imagemExemplo">
		<img src="imagens/exemplo1/figura3.jpg" alt="figura *"">
		<p>Guia lateral de camadas de temas.
	</div>
	<h2>
		Criando animação para variável com parâmetros<a name="inicio_install_windows"></a>
	</h2>
	<p>Uma utilização prática de parâmetros (períodos temporais) em uma variável é&nbsp;a criação de animação para&nbsp;demonstrar&nbsp;a evolução de&nbsp;eventos. Para isso, navegue no menu suspenso "Ferramentas", &nbsp;e escolha a opção "Animação".
	<p>
	<p>
	<div class="imagemExemplo">
		<img style="width: 245px; height: 200px;" alt="figura 12" src="imagens/exemplo1/figura4.jpg">
		<p>Menu "Ferramentas", opção "Animação".
	</div>
	<p>Após clicar no ítem "Animação", o i3GeoSaúde apresenta&nbsp;uma janela flutuante ("Animação") onde será escolhido os temas que&nbsp;farão parte da animação. Confirme o processo de animação clicando no botão "Iniciar".
	<div class="imagemExemplo">
		<img src="imagens/exemplo1/figura5.jpg">
		<p>Janela Animação.
	</div>
	<p>Uma vez iniciada a animação ocorrerá um efeito de alternância entre os valores dos parâmetros, para o exemplo em questão, os valores entre "2005" e "2010".
	<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>
</body>
</html>