Na tela principal da interface Design é possível identificar uma barra de funções e quatro áreas específicas.
A área maior representa a tela da TV digital que vai apresentar a aplicação. Por padrão essa tela terá o tamanho de 1920 por 1080 pixels, equivalente ao formato conhecido como Full HD. Essa é a área de trabalho da interface onde serão inseridos os slots escolhidos para formatação do template. Por padrão a área principal já vem com um slot específico denominado Vídeo Principal. Esse slot do tipo Vídeo pode ser redimensionado e colocado em qualquer parte da área de trabalho. Ele representa o fluxo tradicional de áudio e vídeo que recebemos pelo aparelho de TV, ou seja, a programação normal que está sendo transmitida. Caberá a quem está criando a aplicação decidir se em determinado momento após o acionamento da aplicação, o fluxo principal continuará ocupando toda a tela da TV (e ai os elementos gráficos da aplicação serão sobrepostos a ele, como o conteúdo de um gerador de caracteres faz) ou a imagem do canal da TV será reduzida e os elementos da aplicação compartilharão com ela a área disponível. Podemos ver exemplos das duas situações a seguir.
No exemplo abaixo temos um template que manteve a imagem da programação no seu tamanho normal e sobrepôs a essa imagem duas áreas geradas pela aplicação. Em cima uma logomarca que é inserida a partir de um slot de imagem e abaixo uma área destinada a exibição de um feed de RSS gerado a partir de um endereço específico na internet. Detalharemos mais a frente as características de cada slot e sua relação com as possiblidade de conexão com a internet.
Figura 29 – Exemplo de template com fluxo principal sem reduções e elementos da aplicação sobrepostos, no caso dois slots de imagem e um slot de RSS
Fonte: Elaborado pelo autor.
Já no exemplo seguinte temos um template onde a programação do canal tem sua área de tela reduzida proporcionalmente para que alguns slots sejam inseridos na tela sem o problema da sobreposição62. Para isso a área do slot de vídeo foi reduzida deixando visível outro aspecto da área de trabalho principal que é poder também manipular um fundo geral, um background, que pode assumir uma cor ou ser preenchido com uma imagem de arquivo. O software já vem com uma pequena biblioteca de fundos e botões para utilização. Tais bibliotecas podem ser atualizadas com a inserção de novos elementos gráficos basicamente copiando os novos artigos para
62 Sobrepor conteúdo extra em cima da imagem da programação normal é uma das preocupações que gera
dúvidas em relação à utilização das possibilidades interativas por parte dos radiodifusores. O modelo de negócios que operam, baseado na publicidade e no material escolhido pelo anunciante para associação com seus produtos, ou seja, os programas que estão sendo transmitidos e seus breaks comerciais, tem imposto um dúvida sobre o risco que traria uma avaliação negativa dos compradores de mídia a respeito das aplicações interativas e sua intervenção sobre tais conteúdos.
as duas pastas botões e background que são criadas na máquina que recebeu a instalação. No estágio atual do software podem ser utilizados arquivos com as extensões JPEG e PNG, sendo que está última permite a utilização de imagens com transparências possibilitando recortes e efeitos mais interessantes.
Figura 30 - Exemplo de template com fluxo principal com reduções e inserção de elementos da aplicação sem sobreposição
Fonte: Elaborado pelo autor.
Figura 31 - Exemplo da biblioteca de fundos (backgrounds) disponibilizada junto com a instalação da solução T-Autor
Fonte: Elaborado pelo autor.
Voltando ao detalhamento da interface Design a segunda área é a dos Templates. Nela ficam arquivados ícones com os respectivos nomes dos templates que criamos, formando uma biblioteca específica desses itens.
Figura 32 - Interface design com a indicação da área da biblioteca de templates
Fonte: Elaborado pelo autor.
A partir dela podemos recarregar um template já criado, editá-lo e salvá-lo com um novo nome. É essa lista de templates que, como veremos adiante, será disponibilizada na interface Editor para que, a partir dela, possamos selecionar a estrutura de cada página que vamos criando na aplicação.
A terceira área da interface Design é a de Slots. Nela estão os cinco ícones dos tipos de caixas de conteúdo (slots) que temos hoje a disposição para a construção das aplicações no T-Autor. Como já foi dito antes isso permite dar à solução um caráter modular de forma a implementar no futuro novas possibilidades em termos de tipos de conteúdos a serem inseridos nas aplicações criadas.
Figura 33 - Imagem da interface Design com indicação da área de slots
Fonte: Elaborado pelo autor.
A quarta e última área que podemos operar na interface Design é a que se denomina de Slots Inseridos. Essa área nos permite um controle mais preciso sobre cada elemento de conteúdo que colocamos na estrutura do template. Nessa caixa é possível identificar o nome, o tipo, a distância em pixels do topo e da esquerda, a largura, a altura e o número da camada em que o slot se encontra.
As distâncias em pixels do topo e da esquerda são as referências de localização que a linguagem NCL (que posteriormente será gerada pelo T-Autor) utiliza para determinar a posição de cada elemento na tela da aplicação. Largura e altura complementam o conjunto de informações que definem o slot inserido e, por fim, a camada permite que possamos trabalhar com sobreposições entre slots, organizando-os num sistema de camadas em que quanto maior o número, maior a sua prioridade de exibição. Por exemplo, se tivermos dois slots sobrepostos, o primeiro na camada 1 e o segundo na camada 2, o segundo será exibido integralmente e o primeiro será exibido apenas na área que não está sobreposta pelo segundo elemento.
As informações de tamanho e posicionamento permitem um ajuste preciso quando queremos, por exemplo, alinhar elementos um abaixo do outro. Nesse caso basta que tenham todos o mesmo número na coluna Esquerda, ou seja, que estejam todos à mesma distância da parte esquerda da tela.
Figura 34 - Imagem da interface Design com indicação da área de slots inseridos
Fonte: Elaborado pelo autor.