From cdd4ab95da007b9bd82d4fd5e95af651bb0a2d93 Mon Sep 17 00:00:00 2001 From: Edmar Moretti Date: Wed, 30 Jul 2014 12:23:55 +0000 Subject: [PATCH] Inclusão de novos exemplos sobre a guia móvel --- admin/html/admin.css | 2 +- exemplos/guiamovel1.htm | 174 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ exemplos/guiamovel2.htm | 170 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ exemplos/index.html | 196 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++----------------------------------------------------------------------------------------------------------------------------------------- guia_de_migracao.txt | 7 +++++-- 5 files changed, 409 insertions(+), 140 deletions(-) create mode 100755 exemplos/guiamovel1.htm create mode 100755 exemplos/guiamovel2.htm diff --git a/admin/html/admin.css b/admin/html/admin.css index dfc1829..296193f 100644 --- a/admin/html/admin.css +++ b/admin/html/admin.css @@ -233,7 +233,7 @@ fieldset { height: 25px; width: 100%; text-align: left; - background-color: #00500F; + background-color: #990000; } .fundoPonto { diff --git a/exemplos/guiamovel1.htm b/exemplos/guiamovel1.htm new file mode 100755 index 0000000..2592f28 --- /dev/null +++ b/exemplos/guiamovel1.htm @@ -0,0 +1,174 @@ + + + + + +i3GEO - OpenLayers+OSM + + + +
+ + + + + + + + + + + + + + + + + + + + + +
+

i3Geo - Software livre para criação de mapas interativos e geoprocessamento

+

Baseado no Mapserver, é licenciado sob GPL e integra o Portal do Software Público Brasileiro

+ +
+ + + + + + + + + + + diff --git a/exemplos/guiamovel2.htm b/exemplos/guiamovel2.htm new file mode 100755 index 0000000..bc7a737 --- /dev/null +++ b/exemplos/guiamovel2.htm @@ -0,0 +1,170 @@ + + + + + +i3GEO - OpenLayers+OSM + + + +
+ + + + + + + + + + + + + + + + + + + + + +
+

i3Geo - Software livre para criação de mapas interativos e geoprocessamento

+

Baseado no Mapserver, é licenciado sob GPL e integra o Portal do Software Público Brasileiro

+ +
+ + + + + + + + + + diff --git a/exemplos/index.html b/exemplos/index.html index 623eb78..20c16f5 100644 --- a/exemplos/index.html +++ b/exemplos/index.html @@ -15,22 +15,29 @@ body,td { }
 
-
-
+
+ +

Exemplos de configuração da interface do i3geo

Diversos

Navegador de WMS cadastrados na INDE Brasileira

+

+ Ícones inseridas no puxador lateral da guia móvel +

+

+ Puxador lateral da guia móvel sem ícones +

Mashups

@@ -44,47 +51,28 @@ body,td {

Interface OpenLayers

- A interface OpenLayers passou a ser o padrão do i3Geo com a - versão 4.4. O Modo TILE permite que o mapa seja - construído em pequenas partes (TILES) apresentando uma - navegabilidade contínua quando se desloca o mapa (pan). No - modo normal, é desenhada apenas uma imagem para cada camada - do mapa. Esse último modo pode apresentar uma performance - melhor em sistemas baseados no Windows (MS4W). O uso de "TILES" ou - não é controlado pela variável i3GEO.Interface.openlayers.TILES - = false|true + A interface OpenLayers passou a ser o padrão do i3Geo com a versão 4.4. O Modo TILE permite que o mapa seja construído em pequenas partes (TILES) apresentando uma navegabilidade contínua quando se desloca o mapa (pan). No modo normal, é desenhada apenas uma imagem para cada camada do mapa. Esse último modo pode apresentar uma performance melhor em sistemas baseados no Windows (MS4W). O uso de "TILES" ou não é controlado pela + variável i3GEO.Interface.openlayers.TILES = false|true

- i3GEO.Interface.openlayers.TILES - = false + i3GEO.Interface.openlayers.TILES = false

- i3GEO.Interface.openlayers.TILES - = true + i3GEO.Interface.openlayers.TILES = true

- A interface OpenLayers cria um objeto chamado i3geoOL com - base na API do OpenLayers. Esse objeto pode receber os - métodos dessa API, permitindo modificar o mapa. Alguns - parâmetros são controlados por variáveis - específicas do i3Geo. + A interface OpenLayers cria um objeto chamado i3geoOL com base na API do OpenLayers. Esse objeto pode receber os métodos dessa API, permitindo modificar o mapa. Alguns parâmetros são controlados por variáveis específicas do i3Geo.

- Modo TILE com uma - área de entorno maior i3GEO.Interface.openlayers.BUFFER - = 1; + Modo TILE com uma área de entorno maior i3GEO.Interface.openlayers.BUFFER = 1;

- Ativação - de um layer de fundo + Ativação de um layer de fundo

- Modifica a - extensão geográfica máxima de - apresentação i3GEO.Interface.openlayers.MAXEXTENT - = [-63.712484, -20.765721, -42.385294, -9.136698]; + Modifica a extensão geográfica máxima de apresentação i3GEO.Interface.openlayers.MAXEXTENT = [-63.712484, -20.765721, -42.385294, -9.136698];

@@ -103,71 +91,53 @@ body,td { Guias e janelas

- Modificação na guia que mostra o - catálogo de dados. Uso de combo ao invés de - árvore + Modificação na guia que mostra o catálogo de dados. Uso de combo ao invés de árvore

Guias do tipo sanfona

- Inicia com uma guia específica + Inicia com uma guia específica

- Guias do tipo sanfona com - fotos + Guias do tipo sanfona com fotos

- Retorna à guia - padrão após adicionar um tema + Retorna à guia padrão após adicionar um tema

- Barras de botões + Barras de botões

Barra do tipo "olho de peixe" posicionada na parte superior do mapa

- Apenas alguns - ícones são mostrados e com uma função - alterada (binóculo) + Apenas alguns ícones são mostrados e com uma função alterada (binóculo)

- Barra apenas com os - ícones + Barra apenas com os ícones

- Barra com botões - criados via HTML + Barra com botões criados via HTML

- Como inserir botões - na barra de botões + Como inserir botões na barra de botões

- Construção - das barras de botões via javascript, sem necessidade de - definir elementos no HTML + Construção das barras de botões via javascript, sem necessidade de definir elementos no HTML

- Construção - das barras de botões via javascript, com escolha dos - botões que irão ser incluídos + Construção das barras de botões via javascript, com escolha dos botões que irão ser incluídos

- Construção - das barras de botões via javascript, com escolha dos - botões que irão ser incluídos e estilo - diferente + Construção das barras de botões via javascript, com escolha dos botões que irão ser incluídos e estilo diferente

- Legenda + Legenda

Legenda com grupos @@ -175,11 +145,10 @@ body,td {

- Customização de ferramentas existentes + Customização de ferramentas existentes

- Mapa com a ferramenta - "carousel" posicionada início do mapa + Mapa com a ferramenta "carousel" posicionada início do mapa

Lista de fotos em uma guia @@ -188,12 +157,10 @@ body,td { Busca rápida

- Adiciona uma camada extra - via javascript + Adiciona uma camada extra via javascript

- Vincula temas na - árvore de camadas para ligar/desligar em bloco + Vincula temas na árvore de camadas para ligar/desligar em bloco

@@ -201,86 +168,63 @@ body,td { Inclusão de um mapa dentro de uma página usando DIV

- Exemplo 1 - Botões - com destaque laranja, em dois grupos na parte superior e mapa com - zoom + Exemplo 1 - Botões com destaque laranja, em dois grupos na parte superior e mapa com zoom

- Exemplo 2 - Botões - com destaque laranja, em um único grupo na parte superior e - mapa sem zoom + Exemplo 2 - Botões com destaque laranja, em um único grupo na parte superior e mapa sem zoom

- Exemplo 3 - Sem as guias, - com os botões na parte superior e a legenda em um outro local - da página + Exemplo 3 - Sem as guias, com os botões na parte superior e a legenda em um outro local da página

Exemplo 3a - O mesmo que o 3 mas usando o Open Street Map

- Exemplo 4 - Sem as guias, - com os botões na parte superior e a legenda em uma janela - flutuante + Exemplo 4 - Sem as guias, com os botões na parte superior e a legenda em uma janela flutuante

- Exemplo 5 - Sem as guias e - apenas com os botões de naveção em uma janela - flutuante + Exemplo 5 - Sem as guias e apenas com os botões de naveção em uma janela flutuante

- Exemplo 6 - Mapa - posicionado no canto superior esquerdo, sem as guias e apenas com os - botões de naveção em uma janela flutuante + Exemplo 6 - Mapa posicionado no canto superior esquerdo, sem as guias e apenas com os botões de naveção em uma janela flutuante

- Inclusão de um mapa dentro de uma página em um - IFRAME + Inclusão de um mapa dentro de uma página em um IFRAME

- Exemplo 1 - Sem controle - de tamanho + Exemplo 1 - Sem controle de tamanho

- Exemplo 2 - Com tamanho - controlado
+ Exemplo 2 - Com tamanho controlado

Interface Google Maps

- Guias do tipo - sanfona + Guias do tipo sanfona

Como adicionar uma camada WMS do i3Geo em um mapa normal do Google Maps

-

Configuração de janelas, árvores de - camadas e adição de temas

+

Configuração de janelas, árvores de camadas e adição de temas

Como definir as camadas que serão incluídas no mapa na inicialização por meio da configuração de propriedades via Javascript

- Opções de - criação de janelas flutuantes + Opções de criação de janelas flutuantes

- Construtor de - opções da árvore de adição de - temas + Construtor de opções da árvore de adição de temas

- Construtor de - opções da árvore de camadas + Construtor de opções da árvore de camadas

- Criação de - combos baseados na árvore de camadas e lista de colunas de - um tema + Criação de combos baseados na árvore de camadas e lista de colunas de um tema

Árvore expandida @@ -289,12 +233,10 @@ body,td { Legenda expandida

- Árvore - simplificada + Árvore simplificada

- Opção "mais - temas" na guia de camadas + Opção "mais temas" na guia de camadas

Árvore com grupos @@ -309,39 +251,19 @@ body,td {

Login

- Login simples Abre uma - janela de diálogo para que o usuário faça - login. Nesse exemplo não é considerado se o login - já foi feito antes ou não. Essa técnica - não oferece muita segurança pois o código - javascript fica exposto e um usuário mais experiente pode - burlar o login. + Login simples Abre uma janela de diálogo para que o usuário faça login. Nesse exemplo não é considerado se o login já foi feito antes ou não. Essa técnica não oferece muita segurança pois o código javascript fica exposto e um usuário mais experiente pode burlar o login.

- Login simples com - verificação Abre uma janela de diálogo para - que o usuário faça login. Ao contrário do - anterior nesse exemplo é considerado se o login já foi - feito antes ou não. Essa técnica não oferece - muita segurança pois o código javascript fica exposto - e um usuário mais experiente pode burlar o login. + Login simples com verificação Abre uma janela de diálogo para que o usuário faça login. Ao contrário do anterior nesse exemplo é considerado se o login já foi feito antes ou não. Essa técnica não oferece muita segurança pois o código javascript fica exposto e um usuário mais experiente pode burlar o login.

- Login com página de - verificação anterior Abre uma janela de - diálogo para que o usuário faça login. O - código javascript só fica exposto após o login. + Login com página de verificação anterior Abre uma janela de diálogo para que o usuário faça login. O código javascript só fica exposto após o login.

- Exigência de login A - página só é aberta se o usuário estiver - logado. + Exigência de login A página só é aberta se o usuário estiver logado.

- Exige login e verifica - acesso à página O mapa só é aberto se o - usuário estiver cadastrado em um dos papéis que pode - acessar essa operação. + Exige login e verifica acesso à página O mapa só é aberto se o usuário estiver cadastrado em um dos papéis que pode acessar essa operação.

diff --git a/guia_de_migracao.txt b/guia_de_migracao.txt index 43b5cca..a090272 100644 --- a/guia_de_migracao.txt +++ b/guia_de_migracao.txt @@ -19,18 +19,21 @@ Para a versão 6.0 - a ordem dos botões na barra de botões foi alterada para mostrar primeiro o botão da barra de edição -- as funções de desenho de elementos gráficos utilizados pela interface GoogleEarth foram movidos de classesjs/classe_interface.js +- as funções de desenho de elementos gráficos utilizados pela interface GoogleEarth foram movidos de classesjs/classe_interface.js para classe_desenho.js - por default a árvore de temas agora é mostrada com checkbox ao invés de botão do tipo radio - a árvore de temas agora pode ser utilizada para ligar/desligar camadas já existentes no mapa -- alteração na estrutura do objeto que contém as informações sobre as camadas existentes no mapa. Esse objeto foi reduzido em +- alteração na estrutura do objeto que contém as informações sobre as camadas existentes no mapa. Esse objeto foi reduzido em tamanho passando a usar uma lista de chaves e um array com os valores. Esse objeto é estruturado no servidor por classe_temas.php - remoção do arquivo css/botoes.css em favor de css/botoes2.css +- as opções da guia móvel foram alteradas. Podem ser necessários ajustes nos estilos inline das interfaces em uso +para posicionar corretamente os elementos dentro das guias + ------------------------------------------------------------------------------------------------- Para a versão 5.0 -- libgit2 0.21.2