Exemplos de configuração do Interactive Image Composite Explorer (ICE) Versão 5 para seu próprio uso

Versão 5 - Lançado em 2017

Visão geral

O ICE5 foi desenvolvido para o Observatório da Terra da NASA na Universidade de Wisconsin-Madison, Centro de Ciência e Engenharia Espacial, por Tom Whittaker. É uma ferramenta que pode ser usada para permitir que as pessoas explorem imagens e dados de satélite usando um navegador da Web. Ele é projetado para ser flexível dentro do propósito pretendido, e pode ser facilmente configurado usando parâmetros HTML simples, conforme descrito abaixo.

O ICE é codificado usando padrões HTML5 e, portanto, executado em qualquer navegador web moderno.

Ambiente do usuário final

O ICE5 é executado através de um navegador da Web. Foi codificado em HTML5 e CSS3. Isso pode ser usado em qualquer navegador web moderno, mas pode não ser adequado para dispositivos de tela pequena (por exemplo, smartphone).

Modos de configuração

O ICE possui quatro modos básicos de operação:

Combinação de cores (RGB)
Combinações aritméticas
Animações
Mostrando 3 imagens
Mostrando uma única imagem

Em cada um desses modos, um conjunto comum de ferramentas é fornecido --

Escolher o botão de opção "Selecionar Região" permite a seleção de uma região retangular "arrastando" o ponteiro do mouse (segurando o botão esquerdo enquanto move o ponteiro). A "Outline Region" permite que você especifique uma região por um polígono fechado.
Uma vez que uma região é selecionada, uma série de diagramas podem ser produzidos em uma segunda janela que ajuda a analisar os dados. Para esses diagramas (como um gráfico de dispersão) que precisam de dois conjuntos de dados, o usuário pode selecionar as miniaturas clicando neles; Caso contrário, os dois primeiros serão selecionados automaticamente.
Observe que, ao usar o modo "Mostrando 3 imagens", clicar em uma miniatura fará com que a imagem correspondente seja exibida no painel grande. Se você quiser fazer um diagrama de dispersão neste modo, o programa usará sempre o as duas últimas imagens visualizadas.
A sonda irá ler os valores das 3 imagens originais. Existem duas formas da sonda: uma leitura simples de 3 valores e um pequeno gráfico projetado para ser usado com imagens que representam uma seqüência de tempo. Se o parâmetro 'calibração' for fornecido, a leitura da sonda será nessas unidades. Se o parâmetro 'navegação' for fornecido, a leitura da sonda também conterá a latitude e longitude do ponto.
A caixa de seleção "Zoom / Roam" ativa esse modo. O zoom é feito com um clique no botão esquerdo; O zoom é um clique direito. (O botão Restaurar zooms para fora todo o caminho.) O roaming é feito "arrastando" o ponteiro do mouse, razão pela qual este modo e o modo 'Selecionar Região' são botões de rádio.

O que você precisa

Disponibilizar o ICE5 para seus usuários é tão fácil como colocar o arquivo "ice5_min.js" em um diretório acessível em seu servidor Web. (Clique direito neste link e "Save As".) Você então precisa disponibilizar suas imagens GIF ou JPEG no mesmo servidor (geralmente em um subdiretório de onde você coloca o código). Finalmente, você precisa inserir o start-up do webapp e os parâmetros no HTML para uma das suas páginas da Web nesse servidor.

A estrutura básica dos parâmetros que configuram o ICE5 é um objeto JavaScript, semelhante a este:


<html>
<head>
<script src="ice5_min.js">lt;script>
<script>
var ice5params = {
  filenames : "images/band02.jpg,images/band06.jpg,images/band07.jpg",
    labels : "0.87 micron,1.64 micron,2.13 micron",
    do_rgb : "yes",
    bgcolor :"#FFFF00"
};
</script>
<head>

<body onload="ICE5.init(ice5params, 'ice5div')">

<div id="ice5div"> <div>

<body>
<html>

Você precisará decidir qual modo você deseja usar para uma situação particular - é o que os seguintes exemplos irão ajudá-lo:

Exemplos dos modos

Apresentar uma operação de combinação de cores (RGB), você incluirá essa lista de parâmetros em sua página HTML:

<script>
var ice5params = {
  filenames : "images/band02.jpg,images/band06.jpg,images/band07.jpg",
  labels : "0.87 micron,1.64 micron,2.13 micron",
  do_rgb : "yes",
  bgcolor :"#FFFF00"
};
</script>