Bem-vindo ao HATS!
|
Com o HATS, você pode transformar seus aplicativos de negócios críticos do host em aplicativos da Web ou rich client.
Recomendamos que você siga todas as etapas abaixo para começar a utilizar o HATS rapidamente.
| |
Se precisar de ajuda: Quando estiver trabalhando com assistentes e editores do HATS, pressione F1 para obter explicações sobre campos específicos.
Consulte o manual Getting Started para obter informações adicionais sobre cada tópico (e seu
glossário
para as definições de terminologia e
What's New para V7.1), e o
Centro de Informações para as atualizações úteis mais recentes.
|
Expanda os seguintes tópicos do tutorial e clique nos links relacionados para saber mais sobre o HATS:
Criar seu primeiro projeto
A criação de um projeto é a primeira etapa de desenvolvimento com o HATS.
- Clique aqui para
ativar o assistente Criar Projeto
(
: este ícone também está disponível na barra de ferramentas acima).
Especifique o tipo de projeto, as configurações de conexão, o tema e o modelo.
Clique na guia 'Bem-vindo ao HATS' acima para retornar a esta página após
ter concluído o assistente.
- Teste seu projeto do HATS utilizando
Depuração no Servidor
(
) para um projeto da Web ou
Depurar
(
)
para um projeto rich client.
Quando solicitado, inicie o terminal de vídeo. Para projetos da Web, pode ser necessário especificar qual servidor iniciar.
Para projetos rich client, provavelmente você poderá aceitar os padrões na janela Depurar e dar um clique duplo no nome do aplicativo na janela Acesso ao Host para iniciá-lo.
Este
ambiente de teste integrado
executa seu projeto para que seja possível visualizar e testá-lo
antes de implementá-lo.
Observe que as telas do host estão sendo exibidas atualmente utilizando a transformação padrão.
- A partir da versão 7, o HATS é instalado como um produto de teste. Se você tiver comprado licenças do HATS, clique aqui para
ativar o diálogo Configurações da Licença.
Clique aqui para obter mais informações.
Parabéns, você criou e visualizou seu primeiro projeto!
Modificar o modelo
Um modelo controla o layout e o estilo básicos (como cor e fonte) do aplicativo. O modelo selecionado no assistente Criar Projeto é o padrão utilizado para cada tela.
Para
editar o modelo,
clique aqui para
abrir o modelo padrão em seu editor.
Para fazer uma simples alteração em um modelo HTML de projeto da Web, execute o seguinte exemplo:
- Na guia Design, clique para colocar o cursor intermitente exatamente à direita do texto Minha Empresa.
- Pressione o Backspace para apagar o nome do marcador, em seguida digite o nome da sua empresa.
- Digite 'Ctrl+S' (ou selecione 'Arquivo >> Salvar') para salvar suas alterações.
- Clique na guia Navegador da Web e selecione Atualizar para ver uma visualização de sua alteração (clique aqui se precisar reiniciar a Depuração no Servidor).
- É possível também editar agora, se desejar, os links do modelo e as URLs para as quais estão direcionados, ou aguarde mais um pouco.
Para fazer uma simples alteração em um modelo de projeto rich client, execute o seguinte exemplo:
- No editor visual, clique na grande área vazia na qual ficará a transformação para selecioná-la.
- Clique na guia Propriedades (localizada na área de janela abaixo do editor).
- Selecione a linha 'em segundo plano' e clique no botão (com as reticências) na extrema direita.
- Altere a cor e clique em OK. Observe a aplicação imediata da nova cor no editor visual.
- Digite 'Ctrl+S' (ou selecione 'Arquivo >> Salvar') para salvar suas alterações.
- Clique em Atualizar no ambiente de teste (ou clique aqui para reiniciá-lo) para ver uma visualização de sua alteração.
Para editar um modelo utilizando a visualização Projetos do HATS, dê um clique duplo no modelo na pasta Conteúdo da Web (ou Rich Client)/Modelos do projeto (ou clique com o botão direito do mouse no modelo e selecione Abrir).
É possível criar um modelo com base em outro modelo (ou, no caso de um projeto da Web, um Web site existente, facilitando o uso, por exemplo, das orientações de estilo e conteúdo de sua empresa), com o
Assistente Criar um Modelo (
).
Editar a renderização e regras globais
Conjuntos de renderização são coletas de pares de conversão solicitados. O conjunto de
renderização padrão é utilizado pela transformação padrão para alterar componentes do host para widgets da GUI.
Clique aqui para
abrir o editor Configurações do Projeto
(
) para a guia Processamento.
Selecione uma linha na tabela inferior e, em seguida, selecione Editar (se você não tiver capturas de telas, será informado sobre como obter uma) para abrir um assistente que permite:
- Modificar a região da tela na qual procurar o componente de destino.
- Alterar o componente a ser procurado na região.
Modificar as configurações do componente, se necessário, para que o componente, conforme utilizado em seu aplicativo, seja reconhecido.
- Alterar o widget que você deseja utilizar para renderizar o componente.
Por exemplo, você pode renderizar teclas de função como botões em vez de links.
Você pode incluir novos pares de componente/widget ou desativar itens existentes.
Quando o HATS processa uma tela utilizando o processamento padrão, ele examina o primeiro par e se for localizado algum componente de destino na região especificada, o widget associado é substituído e a área consumida não é disponibilizada para nenhum outro emparelhamento.
Em seguida, a próxima linha verificada (par) na tabela é procurada e assim por diante.
Regras globais são um conceito relacionado (encontradas apenas abaixo da renderização padrão na árvore de navegação da guia Renderização).
Selecione o botão Incluir e explore a força de uma
regra global para:
- Definir um mapeamento de componente/widget do campo de entrada que se aplica a todas as transformações, não apenas ao padrão.
- Especificar não apenas o widget de destino, mas também um "fragmento de transformação", que contém o widget de destino, mas também permite
toda a funcionalidade rich de JSPs (Web) ou Java (rich client).
Experimente um pouco com as alterações na renderização padrão (por exemplo, faça as listas de seleção aparecerem em um menu drop-down em vez de
aparecerem como links) e, talvez, inclua uma regra global (como conversão de campos de entrada de data em widgets do calendário).
Depois de salvar suas atualizações, clique em Atualizar no ambiente de teste (ou clique aqui para
reiniciá-lo) e procure exemplos das alterações.
Personalizar uma tela
- Clique aqui para
abrir o terminal host utilizando a conexão padrão
(
), em seguida, navegue para a tela que deseja personalizar (como uma tela de logon).
-
Inicie o assistente Criar uma Customização de Tela
(
).
- Altere os critérios de reconhecimento de tela, se desejado. Você pode tornar os descritores muito específicos desta tela, ou mais gerais, de forma que mais de uma tela possa ser reconhecida.
- Especifique que uma nova transformação em branco seja aplicada como a única ação que irá ocorrer quando esta tela for reconhecida e conclua o assistente.
- O
editor de transformação é aberto.
Suas ações seguintes dependem de se é um projeto da Web ou rich client:
- Web:
- O assistente Inserir Componente do Host (
)
é aberto automaticamente sobre o editor de transformação (page designer).
- Utilize o mouse para arrastar ou selecionar uma parte da tela. Inclua, por exemplo, algum texto estático e um campo de entrada.
- Escolha um componente de host a ser pesquisado na região selecionada e um
widget de navegador para exibir as informações e conclua o assistente.
- Inclua um componente arrastando-o da gaveta da paleta do Componente do HATS e soltando-o no editor.
Será necessário passar pelo assistente Inserir Componente do Host novamente para concluir a ação.
- Selecione um componente no editor (visualização da guia Design) e clique na guia Propriedades (localizada na área de janela abaixo do editor) para ver um local útil onde é possível alterar as configurações do componente ou do widget.
- Salve as alterações na transformação.
- Rich client:
- A transformação (editor visual Java) é aberta com a área de janela de design sobre a área de janela de origem.
- Se a paleta não for aberta, selecione Janela >> Mostrar Visualização >> Paleta.
- Clique no Componente na gaveta do HATS.
- Mova o ponteiro do mouse sobre o retângulo cinza na área de janela de design e clique com o botão esquerdo do mouse.
- O assistente Inserir Componente do Host (
)
é aberto.
- Utilize o mouse para arrastar ou selecionar uma parte da tela. Inclua, por exemplo, algum texto estático e um campo de entrada.
- Escolha um componente de host a ser pesquisado na região selecionada e um
widget de navegador para exibir as informações e conclua o assistente.
- Selecione o componente na área de janela de design e clique na guia Propriedades (localizada na área de janela abaixo do editor) para ver um local útil onde é possível alterar configurações do componente ou do widget.
- Salve as alterações na transformação.
- Clique em Atualizar no ambiente de teste (se aberto) ou clique aqui para reiniciá-lo e ver uma visualização de sua tela customizada.
Você pode querer retornar ao editor de transformação e ver a lista extensiva de itens que pode inserir nas transformações:
- Para Web, selecione Ferramentas do HATS na barra de menus
- Para rich client, examine as outras opções na gaveta da paleta do HATS
Saiba também que, quando criar uma transformação, você tem a opção de preenchê-la
com um padrão, como por exemplo, todos os componentes do host localizados na tela, organizados em uma tabela de widgets que você pode modificar conforme desejar.
Combinar telas
O HATS fornece várias maneiras de coletar informações de várias telas do host e apresentar os resultados como uma página.
Um evento de
combinação de telas
do HATS permite exibir em uma visualização uma coleta de dados, que requer que o usuário avance
as páginas várias vezes se estiver utilizando o host.
- Clique aqui para
abrir o terminal do host utilizando a conexão padrão
(
),
em seguida, navegue até a tela a partir da qual deseja iniciar a atividade de combinação.
-
Inicie o Assistente Criar Combinação de Telas
(
).
Observe que também é possível iniciar esse assistente a partir de uma captura de tela.
- Altere os critérios de reconhecimento da 'tela inicial', se desejado.
- Especifique a região de cada tela que deseja combinar.
- Escolha um componente do host a ser consultado na região selecionada e um widget para exibir as informações.
- Faça as alterações, se necessário, para indicar as teclas do host utilizadas para navegar entre as telas do host.
- Denote como reconhecer quando a combinação deve terminar.
Isso pode ser baseado no número de iterações (telas), quando uma tela específica é reconhecida ou qual dos dois ocorrer primeiro.
- Especifique que a transformação padrão existente seja aplicada como a ação que ocorrerá após a coleta dos dados da tela.
- Apenas Web: Marque a caixa de opções 'Utilizar carregamento de conteúdo dinâmico, em cache (não suportado para projetos do portlet)', se desejar que o usuário possa interagir
com a página antes da conclusão total de sua construção e conclua o assistente.
- Clique em Atualizar no ambiente de teste (se aberto) ou clique aqui para reiniciá-lo e ver uma visualização
de suas telas combinadas.
Trabalhe com as macros, os Objetos de Integração e os serviços da Web (SOA)
Macros podem ser implementadas para muitas finalidades úteis, como:
- Ignorar telas do host
- Automatizar caminhos comuns do usuário (incluindo agrupamento repetitivo)
- Combinar dados de muitas telas do host em uma página
- Solicitando e extraindo dados
Objetos de Integração (somente para a Web) são macros em um wrapper Java.
É possível criar um clicando com o botão direito do mouse em uma macro na visualização Projetos do HATS e selecionando Criar Objeto de Integração no menu de contexto.
Macros
e
Objetos de Integração
podem ser criados em conexões de segundo plano em vez da conexão padrão do HATS,
que é utilizada para todas as transformações. As conexões de segundo plano permitem que operações de dados de back-end sejam especificadas
como ações em customizações de telas ou outros eventos.
Por enquanto, crie uma macro simples (como por exemplo uma macro de logon) a partir do
terminal host, clicando no ícone Gravar Macro (
). Quando terminar a gravação, clique nos ícones Parar e Salvar para salvar suas alterações. Teste sua macro no terminal host executando-a ou passando por ela para depurar.
Você pode então associar a macro como uma ação em uma customização de tela que reconhece a primeira tela da macro.
Clique em Atualizar no ambiente de teste (se aberto) ou clique aqui para reiniciá-lo
e verifique se a macro está sendo executada conforme o esperado.
Posteriormente você pode explorar os diversos métodos disponíveis através do clique com o botão direito na macro na área de janela de navegação e da seleção de 'Abrir Com'.
O HATS v7.1 tem um novo recurso instalável opcionalmente, a visualização de tecnologia Visual Macro Editor.
O VME exibe uma macro como uma série conectada de nós de tela, com um resumo de ações, e capacidades de edição disponíveis.
Modelo 1, Struts e JSF (Java Server Faces)
Páginas Web,
EJB Access Beans,
Serviços da Web
(SOA):
Em projetos da Web, a partir de macros e Objetos de Integração você pode criar poderosos recursos para processamento backend e transações encadeadas, facilitando o uso de artefatos compartilhados.
Projetos rich client, apesar de não poderem criar serviços da Web, podem chamar serviços da Web como parte do conjunto de ações de um evento.
Qualquer um desses tipos de projeto pode utilizar beans de acesso EJB.
Utilizar simulação do host
A função
simulação do host permite trabalhar em um projeto do HATS sem precisar de uma conexão com o aplicativo do host.
Especificamente, permite:
- Gravar um caminho por um aplicativo do host que pode ser utilizado posteriormente quando você estiver em um estado desconectado.
Isso poderia permitir trabalhar quando não há acesso ativo ao aplicativo, mas sem precisar criar anteriormente capturas de tela para todas as telas necessárias.
- Configure uma demonstração de um aplicativos do HATS que utilize um arquivo de rastreio salvo que represente um aplicativo do host real, sem precisar de conexão ao host.
- Salve o registro da interação de um usuário final com um aplicativo específico do HATS para auxiliar no suporte a clientes.
Para gravar um rastreio:
- Clique no
assistente Criar um Rastreio de Simulação do Host
(
).
- No terminal do host que abre após a conclusão do assistente, interaja com o host na seqüência desejada; quando concluído, salve o arquivo de rastreio.
Para reproduzir um rastreio:
- Clique com o botão direito do mouse em um arquivo de rastreio na pasta Simulações do Host e selecione Reproduzir no Terminal do Host.
- Interaja com o host. Observe que o caminho é limitado pelas ações efetuadas durante a gravação.
Para testar um projeto do HATS utilizando uma simulação do host:
- Na pasta Conexões,
abra a conexão padrão.
- Na guia Básico, selecione a caixa de opções 'Utilizar simulação do host em vez da conexão ativa'.
Salve a alteração.
- Uma alteração na conexão como esta requer que o ambiente de teste local seja 'reciclado' para coletar a nova configuração:
- Web: Feche a guia Navegador da Web e pare, em seguida, reinicie o servidor
- Rich client: Feche a janela Acesso ao Host, em seguida, clique no ícone Depurar na barra de ferramentas
- Observe, novamente, que seu caminho é restrito às ações efetuadas durante a gravação.
Explorar funções avançadas do HATS
- Configurações do Projeto
(
):
Dê um clique duplo em Configurações do Projeto na visualização Projetos do
HATS e explore as guias. Você pode especificar configurações avançadas, tais como, configurações
de teclado e de suporte ao teclado, de prioridade de eventos e de componente/widget. Clique aqui para obter mais informações. Você pode modificar as definições globais do HATS em Janela>>Preferências.
- Capturas de Tela (
): Crie um instantâneo XML de uma tela utilizando o
terminal host, o que lhe permite personalizá-la off-line posteriormente. Uma captura de
tela é automaticamente criada para você quando você cria uma transformação de personalização
de tela a partir do terminal do host. É possível, também, criar capturas de tela dos mapas de CICS BMS importados.
-
Substituição de Texto:
Substitua texto novo (ou uma imagem ou, para projetos da Web, código HTML) para cada instância de uma determinada cadeia em qualquer área protegida da tela.
Como muitas funções no HATS (como as regras globais), é possível aplicar isso para todo o projeto ou utilizar especificamente para um evento de tela específico (ou componente do host).
O suporte à expressão comum Java também é fornecido.
-
Transformações
(
):
Defina como as telas de host aparecerão para o usuário. A menos que seja substituída, uma
transformação é aplicada a cada tela.
-
Modelos
(
):
Especifique qual banner utilizar ao enquadrar uma transformação. Você pode abrir o gabarito padrão selecionando um projeto e clicando aqui.
Ao editar uma transformação de projeto da Web ou modelo utilizando o editor de HTML:
- Utilize a guia Galeria (localizada na área de janela abaixo do editor) para incluir imagens, animações, páginas de estilo, planos de fundo e som.
- Insira links, formulários, botões e outros controles HTML utilizando o item de menu Inserir.
-
Depuração no Servidor
(
: Web) ou
Depurar
(
: rich client):
É possível selecionar um desses a qualquer momento para ver seu aplicativo utilizando o ambiente de teste.
Ao utilizar Depuração no Servidor:
- Selecione a guia Servidores para visualizar, parar, publicar e reiniciar o WebSphere Test Environment.
- Visualize o log do WebSphere Test Environment utilizando a guia inferior Console.
- Talvez seja necessário reiniciar o WebSphere Test Environment interno depois de fazer alterações significativas no projeto.
Ao utilizar Depurar:
- É possível selecionar, como opção, um subconjunto de plug-ins para ativar.
- As opções adicionais estão disponíveis na janela Acesso ao Host; navegue para o nó Arquivo >> Preferências >> Acesso ao Host >> Resolução de Problemas.
-
Administração
e
Exibir Terminal:
- Web: Clique aqui para
abrir o Console Administrativo
se tiver incluído suporte ao console administrativo ao criar o projeto.
(Também é possível clicar com o botão direito do mouse na visualização Projetos do HATS e selecionar Abrir Console Administrativo.)
A Execução no Servidor será iniciada (se ainda não estiver em execução) e o utilitário Administração do HATS será aberto em uma nova guia Navegador da Web.
- Rich client: É possível administrar um projeto a partir da janela Acesso ao Host, guia Arquivo>>Preferências>>Acesso ao Host>>Resolução de Problemas.
A partir de qualquer um desses lugares, é possível ativar um terminal de vídeo se quiser assistir a alteração das telas do host e interagir com elas enquanto um aplicativo do HATS é executado no ambiente de teste local.
- Conexões
(
):
A
conexão padrão manipula todas as transformações; clique aqui para
abrir o editor para a conexão padrão.
Podem ser criadas conexões de segundo plano com outros hosts para macros, Objetos de Integração e outros tipos
de entidades. São suportados Segurança
(SSL e Web Express Logon),
pooling
e
listas de usuários.
- Dispositivos Remotos: Os aplicativos da Web do HATS agora podem ser otimizados para execução, por exemplo, em um PDA ou navegador de Web do telefone. A Ajuda possui mais informações sobre as plataformas e capacidades suportadas.
Consulte a documentação para obter informações sobre:
Preparar seu projeto para produção
Para deixar um projeto da Web do HATS concluído pronto para usuários finais acessarem como um aplicativo da Web:
- Exportar
(
): Construa o projeto como um aplicativo J2EE.
- Transferir: Mover o arquivo EAR para a máquina do servidor WAS.
- Instalar: Implementar o aplicativo utilizando o WAS.
- Permita que seus usuários finais saibam a URL do aplicativo.
Para tornar um projeto rich client do HATS completo pronto para instalação pelos usuários:
- Exporte
(
) seu projeto de recurso do Eclipse (será solicitado que crie um projeto de recurso na primeira vez que exportar seu projeto de plug-in).
- Exporte os recursos e plug-ins do HATS que são requeridos por seu aplicativo.
-
Crie um site.xml
(este arquivo lista os recursos disponíveis em um site de atualização; os usuários finais apontarão seu rich client para o local deste arquivo).
- Faça upload dos recursos e plug-ins exportados e do site.xml para seu site de atualização.
- Instale o aplicativo apontando seu rich client neste site.
Visualizar a biblioteca de informações on-line para o HATS