Status Enterprise Guia do Usuário
Conteúdos
1 Resumo ... 4 1.1 Designers HMI... 4 1.1.1 Designer de “Mimics” ... 4 1.1.2 Designer de Aplicações ... 4 1.2 Geral ... 42 Tecnología Compartida com o Designer de “Mimics” ... 5
2.1 O qué é igual? ... 5
2.2 O qué é diferente? ... 5
3 Criação de Projetos ... 6
3.1 Começando ... 6
3.2 Criando um Projeto no Designer de Aplicações ... 7
3.3 Ícone s na Barra Ferramentas ou Toolbar ... 8
3.3.1 Ícone s de Administração de Arquivos ... 9
3.4 Salvando um Projeto ... 9
4 Criação de “Mimics” ... 11
4.1 Página Principal ... 11
4.2 Criando un “Mimic” ... 11
4.3 Vinculação de Dados. ... 13
4.4 Compilando e Testando um Projeto ... 13
5 Implementando uma Aplicação com Status Enterprise ... 15
5.1 Usando o Tempo de Execução (ou Runtime) de Aplicações ... 15
5.2 Arquivos do Projeto ... 15
5.3 Criando um Arquivo de Configuração de Implementação. ... 16
5.4 Executando o “Tempo de Ejecução de Aplicações” ... 18
Imagems e Tabelas
Imagem 1 – Caixa de Diálogo de Inicio de Sessão ... 6
Imagem 2 – Ícone Novo Projeto ... 7
Imagem 3 – Novo Projeto no Menu Arquivo ... 7
Imagem 4 – Caixa de Diálogo Novo Projeto ... 7
Imagem 5 – Árbol de Projeto ... 8
Imagem 6 – Barra de Herramientas del Designer de Aplicações ... 8
Imagem 7 – Ícone s del Projeto del Designer de Aplicaçõesy de Administração de Arquivos ... 9
Imagem 8 – Ícone s de administração de arquivo ... 9
Imagem 9 – Icon de Salvar Projeto ... 9
Imagem 10 – Salvar projeto desde el menú de Arquivo. ... 10
Imagem 11 – Caixa de Diálogo Criar“Mimic” ... 11
Imagem 12 – Caixa de Diálogo Selecionar Documento. ... 12
Imagem 13 – Captura de Tela de un Novo Mimic. ... 12
Imagem 14 – Panel de Enlace de Dados no Designer ... 13
Imagem 15 – Ícone s de Compilar e Executar ... 14
Imagem 16 – Arquivos de Projeto de Aplicações. ... 15
Imagem 17 – Arquivos Generados cuando compilamos un projeto. ... 16
Imagem 18 – Caixa de Dialogo de Entorno de Ejecução de Aplicações ... 17
Imagem 19 – Arquivo de Configuração salvado con los assemblys de los projetos. ... 18
Imagem 20 – Caixa de Dialogo de Selecção del Arquivo de Configuração ... 18
1 Resumo
1.1
Designers HMI
1.1.1 Designer de “Mimics”
Desenha de uma vez para o cliente Windows ou o navegador HTML5. As telas são salvadas no Modelo de Dados no Status Server.
Não requerida implementação.
Capacidades de “code behind” limitadas
Telas visíveis pelo Navegador do Modelo (Model Browser) Telas embebidas nas aplicações de terceiros
Suporta controles personalizados WPF
1.1.2 Designer de Aplicações
Alto Desempenho
Extensibilidad ilimitada con .NET “code Behind” en C# o VB con Intelisense Telas compiladas num assembly .NET e visualizadas por um Cliente Windows Programação de tela automatizada para señalização digital e outras aplicações Suporta controles WPF personalizados
Este documento define as linhas de desenho e creação de interfaces gráficas usando o Designer de Aplicações. O Designer de “Mimics” foi atingido na Parte 3 – Designer de “Mimics”.
Para mais informação sobre os termos freqüêntes, definições e abreviaturas, por favor, consulte a parte 1 – Resumo e Conceitos Básicos.
1.2
Geral
Como com o Designer de “Mimics”, o designer de aplicações é usado para criar telas (Mimics) com gráficos e controles de interfaz de usuário, e vincular estes gráficos e controles aos dados no Modelo de Objetos com links aos dados. Diferentemente do Designer de “Mimics”, o designer de Aplicações cria “mimics” como projetos em Visual Studio .NET que podem ser modificados e ampliados usando o Visual Basic ou Visual C #. Isto permite aos usuários ampliar a funcionalidade da aplicação para conseguir a personalização de requerimentos de usabilidade e funcionalidade.
2 Tecnología Compartida com o Designer de “Mimics”
A experiência do usuário trabalhando com o designer de aplicaçõeses é muito similar ao designer de “Mimics”. A maioría da tecnología utilizada no Designer de “Mimics” é a mesma que no Designer de Aplicações.Para reduzir a quantidade de documentação e evitar a duplicação, a documentação do Designer de Aplicações, atingirá só os assuntos diferentes do Designer de “Mimics”. A modo geral, a experimentação na edição de gráficos e as vinculações aos dados é idêntica. A criação do “Mimic” e a implementação é diferente.
A documentação do Designer de “Mimics” está na parte 3 – Designer de “Mimics”
2.1
O qué é igual?
Adicionar Controles Estrutura do Documento “Toolbox” ou Ferramentas Painel de Propriedades Painel de Recursos Janela de Previsualização Registro de AtividadeIcones para edição de gráficos Atalhos do teclado
Vinculação aos Dados
Capacidades de Desenho Gráfico
2.2
O qué é diferente?
Cria um projeto de “Mimics” ao invés de editá-los individualmente.
Os Projetos são compilados num assembly .NET, não são armazenados no modelo de dados do Servidor Status Enterprise.
As telas têm maior desempenho do que no Designer de “Mimics”
Os projetos do Designer de Aplicações são visualizados pelos clientes windows somente. Não tem suporte HTML 5 com o Designer de Aplicações
3 Criação de Projetos
3.1
Começando
Quando o Designer de Aplicaçõeses for aberto, vai se mostrar a Caixa de diálogo de início de sessão no Servidor Status. Voçê pode iniciar sessão com as configurações que existem por padrão ou mudá-las como quiser. Para mais informação sobre as configurações de início de sessão no Servidor Status, consulte a parte 1 – Resumo e Conceitos Básicos.
3.2
Criando um Projeto no Designer de Aplicações
Um “Mimic” criado no Designer de “Mimic” é salvado como un único documento XAML. No Designer de Aplicações nós criamos um projeto. Estes projetos podem conter vários “Mimics”
Para criar um projeto, selecione “Novo Projeto” no menú Arquivo ou clique no ícone <Novo Projeto>.
Imagem 2 – Ícone Novo Projeto
Imagem 3 – Novo Projeto no Menu Arquivo
A caixa de diálogo de Novo Projeto vai se mostrar, pedindo para voçê escolher entre as linguagens de "scripting" sobre as quais construir o seu Projeto. Escolha entre Visual Basic ou Visual C#. Escreva um nome para seu projeto e selecione a ubicação onde deseja que seja salvado. Os projetos são salvados no seu computador local, os projetos salvados na rede não são suportados.
A Árvore do Projeto vai se mostrar num painel á direita, contendo uma lista hierárquica recolhível, de todos os arquivos asociados ao presente projeto.
Imagem 5 – Árvore do Projeto
Os documentos XAML (“Extensible Application Markup Language”) contêm a descripção da interfaz do usuário de cada tela do projeto, isto são os “Mimics”. Os arquivos .cs e .cb são para o “code behind” e não é preciso editá-los a não ser que deseje estender sua aplicação. O arquivo da página principal .xaml está na tela principal da aplicação. Se faz duas vezes clique no “Mainpage.xaml” vai se revelar a
superfície de design visual para criar seus gráficos.
A página principal é utilizada normalmente para navegar entre diferentes telas de seu projeto.
3.3
Ícone s na Barra Ferramentas ou Toolbar
A barra de ferramentas do designer de aplicações oferece vários ícone s para fazer tarefas de forma rápida e fácil. Alguns ícone s estão relacionados com a administração de arquivos, outros com a manipulação de gráficos. Alguns ícone s são contextuais e podem ser desativados as vezes. Se um ícone não está desativado, passando o mouse por cima dele vai-se revelar uma dica sobre a sua função.
Imagem 6 – Barra de Ferramentas do Designer de Aplicações
3.3.1 Ícone s de Administração de Arquivos
Imagem 7 – Ícone s do Projeto do Designer de Aplicações e de Administração de Arquivos
Os ícone s agrupados na parte da ponta esquerdada barra de ferramentas são usados para oferecer várias funções de administração de arquivos:
Novo Projeto – Clique neste ícone para criar um novo projeto.
Abrir Projeto – Clique neste ícone para abrir um projeto previamente salvado.
Construir – Clique neste ícone para construir o Projeto atual.
Construir e executar – Clique neste ícone para construir o Projeto atual e abri-lo no tempo de execução.
Salvar Projeto – Clique neste ícone para salvar o projeto actual.
Exportar XAML – Clique neste ícone para exportar o “raw XAML” que descreve seu projeto.
Exportar Raster – Clique neste ícone para exportar seu “Mimic” como uma imagem.
Fechar – Clique neste ícone para fechar o projeto de sua superfície de desing.
Imagem 8 – Ícones de administração de arquivo
3.4
Salvando um Projeto
Voçê pode salvar um projeto no Designer de Aplicações, a partir do menú arquivo ou também a partir do ícone da barra de Ferramentas.
Imagem 10 – Salvar projeto a partir do menú de Arquivo.
Você também pode fazê-lo com o atalho Ctrl + S para salvar. Independentemente da opção escolhida, o Designer de Aplicações salvará seu projeto na ubicação com o nome especificado anteriormente.
4 Criação de “Mimics”
4.1
Página Principal
Quando um projeto é criado, um “Mimic” é criado por padrão. Este “Mimic” é o “Mimic” da Página Principal, o que é usado para navegar para outros “Mimics” de seu projeto. É um “Mimic” normal, não é um modelo.
4.2
Criando un “Mimic”
Para criar um novo “mimic” no projeto, clique no botão direito do mouse sobre o projeto na Árvore e selecione “Adicionar Novo” ou a partir do Menú Arquivo selecione “Novo”.
A primeira caixa de diálogo que abre lhe pertirá escolher se deseja criar um “Mimic” normal ou um modelo. Se estiver criando um modelo, então vau precisar escolher também o Tipo asociado.
Imagem 11 – Caixa de Diálogo Criar“Mimic”
Após selecionar o tipo de Mimic, uma outra caixa de diálogo vai se mostrar, para determinar o tamanho do documento e tipo de lona para seu “mimic”.
Imagem 12 – Caixa de Diálogo Selecionar Documento.
Seu Mimic tem sido criado e voçê pode começar adicionando controles na superfície de design.
4.3
Vinculação de Dados.
Se seu ”Mimic” é “normal”, voçê poderá vincular aos Ativos através da Janela do Sistema no separador de Assets.
Se seu “mimic” é um “modelo”, voçê vai vincular as propriedades normalmente através da Árvore de Tipo Relativo. Isto vai permitir que seus links trabalhem com quaisquer objetos que sejam do tipo do modelo. Os links através da Janela do Sistema são fixos, e sempre para um Ativo Particular.
Imagem 14 – Painel de Vinculação de Dados no Designer
4.4
Compilando e Testando um Projeto
Para construir e executar seu projeto selecione o ícone de “Compilar e executar” da Barra de Ferramentas.
Imagem 15 – Ícones de Compilar e Executar
Seu projeto será compilado e o Cliente de Aplicações que hospeda seu projeto será inicializado. Se tiver um “mimic” executado na tela, o “mimic” será mostrado. Os “Mimics” que sejam modelos não terão nenhum dado no teste, porquanto não estão associados com nenhum Ativo. Os “mimics” normais vão mostrar dados. Se não tiver nenhum “mimic” aberto na tela e tenta iniciar um teste, a aplicação vai pedir um nome de tela para ser aberta.
5 Implementando uma Aplicação com Status Enterprise
5.1
Usando o Tempo de Execução (ou Runtime) de Aplicações
Os projetos Windows criados usando o Designer de Aplicações Status são compilados como um assembly .NET que é hospedado pelo “Runtime” de Aplicações uma vez implementado. O fluxo de trabalho é o seguinte:
Criar uma Aplicação Status.
Compilar seu projeto num assembly .NET usando o Designer de Aplicações.
Criar uma configuração de arquivo do Runtime usando a Utilidade “Configuração do Runtime de Aplicações”. Use seu assembly .NET nesta configuração.
Inície o runtime da Aplicação e carregue o arquivo de configuração.
5.2
Arquivos do Projeto
Os arquivos para seu projeto estão ubicados no diretório especificado por voçê quando o projeto foi criado, estes arquivos são necesários somente para abrir seu projeto.
Imagem 16 – Arquivos do Projeto de Aplicações.
O assembly .NET compilado que contém sua aplicação e seus “mimics” está ubicado no diretório “bin” (assembly da aplicação).
Imagem 17 – Arquivos Gerados quando compilamos um projeto.
5.3
Criando um Arquivo de Configuração de Implementação.
Este arquivo inicia a Utilidade do Runtime de Aplicações. Selecione o assembly da aplicação que tem sido gerado a partir do Designer de Aplicações quando seu projeto foi compilado, e o “mimic” que deseja mostrar quando iniciar o Runtime.
Outras opções que podem ser configuradas sob o separador de Inicio incluem:
Titulo – O título que vai se mostrar na barra de título da janela
Altura da Janela – Uma altura fixa para a Janela que pode ser usada se a opção ‘Ativar Tela Completa’ está desmarcada.
Largura da janela – Uma largura fixa para a Janela que pode ser usada se a opção ‘Ativar tela Completa’ está desmarcada
Posição da Janela – Determina a locação da janela na sua tela se a opção “Ativar tela completa” está desmarcada.
Ativar tela Completa – Determina quando o runtime vai poder abrir o projeto para tela completa. Esticar Fundo – Estica o fundo do projeto para cobrir todo o espaço da aplicação cliente.
Autodimensionamento – Se estiver selecionado envolverá seu projeto com uma caixa que fará com que ao redimensionar, o conteúdo de sua tela seja escalado automáticamente.
Desativar Tecla de Windows – Se estiver selecionado, o runtime cliente não poderá ser minimizado ou fechado pela tecla Esc. A única forma de fechar o cliente é presionando Ctrl + Alt + Supr e parar o processo. Se estiver utilizando uma área de trabalho remota, deve presionar Ctrl + Alt+ Fin para finalizar o processo.
Imagem 18 – Caixa de Dialogo de Tempo de Ejecução de Aplicações
Voçê pode também usar o separador do planejador para obter o ciclo de telas do Runtime
automáticamente. O planejador lhe permite configurar o Runtimie de Aplicações para fazer um ciclo através das telas especificadas com um intervalo de tempo predeterminado. Isto pode ser util para sinalização digital e outras aplicações onde uma série de telas devem ser mostradas de acuerdo com um programa planejado.
Se estiver vinculando conteúdos em outra aplicação os assemblys publicados a partir do Designer de Aplicações usando Controles de Navegação e as rutas de estos assemblys adicionais deverão ser adicionados à lista de “Pesquisa de Rotas”. Quando navegamos de uma tela para outra do assembly, Status usa estas “Pesquisa de Rotas” para resolver a locação do assembly específico. Selecione o separador < Pesquisa de Rotas > para revelar esta opção.
Imagem 19 – Arquivo de Configuração salvado com os assemblys dos projetos.
5.4
Executando o “Tempo de Ejecução de Aplicações”
Inicie o runtime de aplicações. Este vai lhe pedir o nome de seu arquivo de configuração. Selecione o arquivo que tem salvado anteriormente.
Imagem 20 – Caixa de Dialogo de Selecção do Arquivo de Configuração
Selecione “Continuar” e o Runtime de Aplicações vai carregar o assembly.
O Runtime de Aplicações vai abrir a tela que voçê desenhou como Tela Principal ou a primeira tela configurada no planejador.
Imagem 21 – Entorno de Ejecução de Aplicações Status
Se tiver configuradas vinculações a dados, suas telas no runtime vão ser atualizadas com dados ao vivo. Qualquer controle de navegação que esteja na sua tela estará ativo, permitindo-lhe navegar entre as telas que foram incluidas no percorrido do design do “mimic”.
5.5
Implementando em outras Máquinas
Com o fim de publicar suas telas para outros usuários, os usuarios que vão iniciar o runtime de Aplicações nas suas máquinas, vão precisar só seu assembly e o seu arquivo de configuração para executar o projeto. Os assemblys de aplicações e seus correspondentes arquivos de configuração podem ser salvados num recurso compartido da rede.