MANUAL GDS TOUCH TEMPLATE - Neocontrol

MANUAL GDS TOUCH TEMPLATE 

Versão: 1.0

Sumário 

1 Visão geral dos componentes do template 

1.1 Entendendo as camadas de imagens .................................... 3 

1.2 Entendendo o design da interface ........................................ 4 

2 Personalizando o seu template 

2.1 Definindo a página inicial ..................................................... 4 

2.2 Alterando o nome dos ambientes ......................................... 5 

2.3 Alterando o plano de fundo dos ambientes .......................... 5 

2.4 Alterando o plano de fundo das telas iniciais ........................ 5 

2.5 Alterando o tamanho dos botões .......................................... 5 

2.7 Utilizando o mapa de programação ...................................... 5 

3 Solucionando problemas 

3.1 Problema ao descarregar o template no iPad ....................... 6

1. Visão geral dos componentes do template 

1.1 Entendendo as camadas de imagens 

O template GDS Touch utiliza imagens com transparência para permitir ao 

usuário colocar fotos dos ambientes controlados na própria interface de controle. Para 

isto, em cada tela do template existe um botão com o fundo transparente que ocupa 

toda a área da tela. Os botões que são responsáveis pelo acionamento de funções ficam 

sobre esta camada transparente. 

Botão transparente(2ª camada) Imagem de fundo(1ª Camada) 

Botões de acionamento(3ª) 

Fig. 01 – Camadas template GDS 

Manual GDS Touch Template 3

1.2 Entendo o design da interface 

O template é dividido em 5 principais áreas: Iluminação (Superior), Áudio e Vídeo 

(Direita), Segurança (Inferior), Acionamentos (Esquerda), e o Menu (Central). Elas ajudam na 

organização das funções deixando-o mais prático. 

Cada área é dividida em zonas, você poderá criar quantas zonas quiser, para cada nova 

zona criada deverá existir pelo menos uma nova tela. 

Zona 1 Zona 2 

Fig. 02 – Zonas Área 4 

Por sua vez cada zona possui oito equipamentos, para cada equipamento existe uma 

tela onde ficam localizados os botões para controlar o equipamento. 


Equipamentos 

Fig. 02 – Equipamentos: Área 4 – Zona 1 


2. Personalizando o seu template 

2.1 Definindo a página inicial 

O template GDS Touch possui 4 telas iniciais(2, 4, 6 e 8 ambientes), faça a sua 

escolha de acordo com o número de ambientes automatizados da casa. 

Para definir uma tela como tela inicial no software NeocScreen basta selecionar a 

tela clicando sobre ela uma vez com o botão direito e escolhendo a opção “Mover para 

cima”. Repita este procedimento até que a tela desejada fique no topo da lista. 

Fig. 03 – Definido a página inicial do template 

2.2 Alterando o nome dos ambientes 

Para alterar o nome dos ambientes clique, segure e arraste a camada superior do 

ambiente que você deseja alterar. Abaixo desta camada existe um botão transparente 

altere o texto deste botão. 


Fig. 04 – Arrastando a camada superior do ambiente Home 

Altere a propriedade texto do componente: 

Fig. 05 – Alterando o nome do ambiente 


2.2 Alterando o plano de fundos dos componentes 

Acesse uma tela do ambiente que você deseja alterar a imagem de fundo. 

Selecione Propriedades da Tela >> Imagem de Fundo. Escolha uma imagem. 

O NeocScreen só aceita imagens com a extensão .png, para o plano de fundo é 

recomendável utilizar imagens com a resolução 1024 x 768 (resolução do iPad). 

Fig. 06 – Alterando o plano de fundo do ambiente Piscina 

Você deverá repetir este procedimento para todas as telas do ambiente. Existe 

uma forma mais eficiente para fazer esta alteração. Salve o seu projeto e feche o 

NeocScreen. 

Acesse o diretório “Images” do seu template e localize as imagens que você 

deseja alterar. Sobrescreva essas imagens pelas novas imagens. Lembre-se de manter a 

mesma resolução e o mesmo nome. Ao terminar de realizar as substituições abra 

novamente o seu projeto no NeocScreen, o projeto deverá exibir as novas imagens. Veja 

um exemplo na Figura 07, o conjunto de imagens que deve ser alterado para a alterar o 

plano de fundo do ambiente Piscina. 


Imagens a serem alteradas (substituídas) 

Fig. 07 – Alterando a imagem de plano de fundo – Alternativa 2 

2.4 Alterando o plano de fundo das telas iniciais 

Salve o seu projeto e feche o NeocScreen. Acesse o diretório “Images” do seu 

template. Localize as imagens a serem alteradas. Por exemplo, para a tela de quatro 

ambientes para alterar a imagem do home sobrescreva a imagem “B_356_3_937.png” 

existente em seu projeto por outra imagem de mesmo formato e mesma resolução. 

Fig. 08 – Identificando imagens a serem alteradas 


2.5 Alterando o tamanho dos botões 

Para alterar o tamanho dos botões é necessário alterar a imagem do botão. 

Dentro do diretório “util” existem cinco tamanhos de botão pressionados e não 

pressionados. Lembre-se alterar a propriedade “Layout do botão” para “Transparente” 

ao criar um novo botão. 

(Incompleto) 

2.6 Utilizando o mapa de programação 

O template GDS Touch acompanha um arquivo chamado “mapa.neo”, este é o 

arquivo referência do template. O ambiente Home do template está lincado com este 

arquivo. 

O arquivo “mapa.neo” possui um equipamento NeocAv com todos os canais 

nomeados. Para facilitar a programação, de acordo com este arquivo, os botões do 

ambiente Home já estão lincados seguindo este mapa de programação. 

Fig. 09 – NeocAv e suas funções 

Para que o ambiente Home funcione basta fazer a substituição deste módulo (Audio/Vi) 

no NeocData e preencher as suas funções, sem alterar o nome das mesmas. 

Abra o arquivo “mapa.neo” utilizando o seu NeocData. No meu superior acesse 

“Procurar Módulos”. Você deverá visualizar o módulo “Audio/Vi” (nosso módulo fictício), e 

também o seu módulo NeocAv real (instalado na sua obra). Observe que o módulo fictício 

possui o nome “Audio/Vi” e não possui IP, enquanto que o NeocAv real possui o nome 

“Audio/Video” e possui endereço IP. 


Fig. 10 – Configurações dos Módulos do projeto 

Selecione o módulo “Audio/Vi” e clique em “Substituir Módulo”. Preencha os campos MAC e 

MODELO de acordo com os dados do módulo “Audio/Video” exibidos na tela. 

Fig. 11 – Inserindo os dados para a substituição de Módulos 


Clique no botão substituir confirmando as alterações. Na tela inferior clique no botão 

“Reconhecer Módulo”, veja que módulo fictício “Audio/Vi” foi substituído pelo módulo real 

“Audio/Video”. 

Fig. 12 – Módulo substituído com sucesso 

O próximo passo é preencher as funções do novo módulo instalado. No menu superior 

do NeocData acesse “ModuleAV”. Na lista á esquerda selecione o módulo “Audio/Vi”. 

Fig. 13 – Tela módulos AV 


Selecione um canal e uma função. Exemplo: Canal Bluray e função POWER ON. Clique 

duas vezes em cima do nome da função. 

Fig. 14 – Tela adicionando um código infra-vermelho 

Na tela “Adicionando um código de infra vermelho” insira o código corresponde 

á função ou clique no botão “Aprender IR” para que o NeocAV grave o código IR do seu 

equipamento. 

Repita o mesmo procedimento para as demais funções do seu módulo. Ao 

término clique em “Reenviar códigos”. 

Fig. 15 – Reenviando códigos para o NeocAV 


O próximo e último passo é enviar as configurações para os módulos. No menu superior 

do NeocData selecione “Enviar Configurações”. 

Fig. 16 – Enviar configurações 

Processo concluído! Agora você já pode testar o seu template, sem a necessidade de 

fazer alterações nas funções de cada botão do ambiente Home. 


http://www.gdsautomacao.com.br 

Rua Colombia, 311a. 

Bairro Sion. CEP 30320-010. 

Belo Horizonte - MG - Brasil 

55 (31) 3342-2828 

contato@gdsautomacao.com.br 

© Copyright GDS Automação 2010. Todos os direitos reservados.

MANUAL GDS TOUCH TEMPLATE - Neocontrol

Create successful ePaper yourself

Delete template?

Save as template?