WebIntegrator - Trabalhando com páginas

No último artigo do curso de WebIntegrator vimos como criar uma página. Neste artigo iremos nos aprofundar nas propriedades.

Da esquerda para a direita temos as seguintes opções:

• Nova página: Como o próprio nome já diz, permite criar uma nova página no projeto
  
• Definição: Mostra a página contendo as informações da página. Veja o artigo anterior para maiores informações.
  
• Pré-Página: Utilizada para criar a regra de negócio ao ser carregado a página.
  
• Pós-Página: Utilizada para criar a regra de negócio ao ser feito submissão da página para ela mesma.
  
• Assistente: Chama um wiazrd para a criação das páginas usando componentes e templates. Este recurso permite uma produtividade muito alta quando estamos desenvolvendo uma aplicação. Porém se não souber usar de forma correta não vai fazer nenhum milagre.
  
• Visualizar: Carreta a página no navegador. Lembrando que para funcionar é preciso estar sem segurança ativa e Acessar sem login.
  
• HTML: Para os desenvolvedores mais experientes, podem utilizar este recurso. Será mostrado uma janela com o código da página. Ao contrário do Assistente, não podemos utilizar as vantagens de templates e componentes.
  
  
• HTML: Parecido com o HTML, porém exibe o código jsp gerado pelo WebIntegrator. É possível editar o código da página, do pré-pagina e do pós-pagina.
  
  

O WebIntegrator utiliza o principio de pré e pós páginas para executar as regras de negócios. Iremos utilizar este recurso para realizar consulta em banco de dados, criar gráficos, chamar os conectores java entre outros recursos. Antes precisamos entendo como funciona. Veja a imagem a seguir.

Quando fazemos uma requisição para uma página .wsp, o WebIntegrator executa primeiro a pré-página, é lá que iremos colocar a nossa regra de negócio.

Como podemos ver na imagem, temos alguns elementos que podemos utilizar para compor nosso código. A grande vantagem que temos em utilizar o WebIntegrator é que iremos simplesmente preencher campos com as informações, enquanto que a ferramente gera o código JSP necessário para executar. Quando a execução do pré-página termina, será processado o conteúdo da página que iremos criar utilizando o assistente ou o próprio editor HTML.

Quando submetemos a página, seja por link ou por formulário, antes de executar o pré-página, o WebIntegrator executa o pós-pagina. Podemos utilizar para realizar inserts ou updates em um banco de dados, por exemplo.

Vou ficar por aqui neste artigo, no próximo iremos conhecer os elementos que fazem parte do pré e pós página. Abraços e até a próxima.

WebIntegrator - Criando página (Parte 1)

Continuando com o nosso curso, vamos ver hoje como criar uma página no WebIntegrator. Ao acessar o projeto, caso necessário veja a primeira parte do curso, vamos ver a tela principal do WebIntegrator, conforme a imagem abaixo.

Localize na área 1 o item páginas e clique. Observe que no espaço 2 vai aparecer a estrutura de páginas do projeto.
Esta estrutura é criada fisicamente em forma de estrutura dentro do diretório webapps do tomcat. Em outra oportunidade entrarei em detalhes sobre como o WebIntegrator guarda o projeto.

Vamos entender as informações que temos na imagem acima.

• Título: Utilize este campo para colocar o título da página. Esta informação será armazenada em uma variável do WebIntegrator e é útil quando utilizamos o template de página.
  
• Identificador: É o caminho da página que será criada, exemplo, cadastro. Não coloque a extensão .wsp, pois o webintegrator cria automaticamente para você. Caso você coloque a extensão .wsp o WebIntegrator irá criar a página cadastro.wsp.wsp. Se a página em questão ficar dentro de uma estrutura de diretórios, indique o caminho completo. Exemplo: usuario/cadastro, onde usuario é o diretório e cadastro o nome da página ser criado.
  
• Segurança Ativa: Marque esta opção para aumentar a segurança de sua aplicação. Esta opção não permite que a página seja chamada de forma direta pelo navegador. Para acessar esta página deve ser criado uma página de acesso que contenha um link ou submissão de formulário para esta página.
  
• Acessar sem login: Verifica se foi realizado o login antes de acessar esta página. Caso não tenha sido realizado, a aplicação será desviada para a página de login.
  

As demais opções estarei mostrando no decorrer do curso.

Para o nosso exemplo, vamos criar uma página chamada consulta, preenchendo os campos conforme mostrado abaixo:

• Título: Consulta de informações
  
• Identificação: consulta (cuidado com o nome de sua página pois é utilizado a estrutura de arquivos do sistema operacional)
  
• Segurança ativa: Não
  
• Acessar sem login: Sim
  

E clique no botão gravar

Parabéns, você acaba de criar a sua primeira página utilizando o webintegrator. Para não deixar este post muito longo, na aula seguinte continuarei falando sobre as página no WebIntegrator.

Espero que tenha gostado, comente ou envie e-mail. Abraços e até a próxima.

WebIntegrator - Manipulando Variáveis

Inicialmente gostaria de agradecer os comentários deixados no blog e a grande quantidade de e-mail que recebi parabenizando pelo curso. Devido a compromissos profissionais acabei demorando na publicação desta parte do curso, porém estarei priorizando seu andamento.
Vamos ver hoje como funciona as variáveis no WebIntegrator.

A manipulação de variáveis no WebIntegrator é simples. Não precisamos nos preocupar com o tipo de informação que estamos manipulando, sendo este procedimento realizado pelo WebIntegrator de forma transparente. Sempre que colocamos uma informação entre | (pipelines) o WebIntegrator processo retornando o valor armazenado. Exemplo, quando usamos |valor| o WebIntegrator procurar processar esta informação retornando seu valor. Este procedimento pode ser feito em diversos lugares dentro do WebIntegrator, e não apenas a nível de página, o que torna o ambiente muito poderoso para o desenvolvimento de aplicações.

Como podemos ver na figura abaixo, existem basicamente três tipos de variáveis.

Como podemos ver, as variáves do WebIntegrator pode ser criada em três níveis: Requisição, Sessão e Aplicação. Vamos entender como funciona cada nível.

Requisição

Este é tipo de variável mais utilizado nas aplicações WebIntegrator. O ciclo de vida inicia na requisição da página e terminar quando ela é visualizada. O prefixo tmp. determina o tipo da variável de requisição.

Exemplos de variáveis:

• |tmp.nome|
  
• |tmp.identificacao.usuario|
  
• |tmp.valor.venda|
  
• |tmp.data|
  

Caso seja necessário enviar o conteúdo de uma variável de requisição para a página seguinte, utilizamos campo oculto ou através do link, conforme abaixo:

• input type="hidden" name="tmp.valor" value="|tmp.valor|"
  
• a href="http://servidor:8080/aplicacao/pagina.wsp?tmp.valor=|tmp.valor|"
  

Sessão
As variáveis de sessão possuem um ciclo de vida maior que os de requisição, persistindo durante a sessão do usuário na aplicação. Utilizamos este tipo de variáveis quando precisamos guardar uma informação que deve ser utilizada na aplicação de uma forma geral.

Quando criamos a variável sem utilizarmos um prefixo, exemplo |nome|, estamos criando uma variável de sessão, que deve persistir até que sessão seja encerrada ou seja apagada pelo WebIntegrator. Se for utilizado o prefixo pvt. esta variável deve ser setada pela aplicação, não sendo alterada pela requisição. Um exemplo de uso é a identificação de um usuário logado no sistema.

As variáveis de sessão são individuais para cada sessão da conexão, ou seja, se a variável |identificacao| for setada pelo usuário 1 com o valor 123 não interfere com o valor setada pelo usuário 2 que poderia ser 456.

Exemplos de variáveis:

• |login|
  
• |pvt.identificacao|
  
• |cadastro.valor|
  
• |tmp.data|
  

Por ser uma variável de sessão, não precisamos enviar junto com a requisição da página.

Aplicação
Muito parecida com as variáveis de sessão, porém o ciclo de vida é extendido para a aplicação WebIntegrator. Utilizamos o prefixo app. para setar o valor da variável.

Este tipo de variável é útil quando precisamos manter informações para a aplicação. Podemos citar como exemplo o titulo da aplicação. Quando o valor desta variável é modificado, é refletido para o usuário assim que for realizado uma requisição de página. Ao contrário das variáveis de sessão, o valor é compartilhado para todos os usuários da aplicação WebIntegrator.

Exemplo de variável:

• |app.titulo.aplicacao|
  
• |app.email.administrador|
  

Manipulando as variáveis
O WebIntegrator permite agrupar as variáveis facilitando uma melhor manipulação das informações. Podemos criar a seguinte "árvore" de informações utilizando as variáveis:

• |tmp.cadastro.nome|
  
• |tmp.cadastro.telefone|
  
• |tmp.cadastro.cidade|
  
• |tmp.cadastro.uf|
  

O webintegrator possui também algumas variáveis internas que estarei abordando no decorrer do curso. Na próxima parte estaremos criando uma página e realizando algumas consultas de informações no banco de dados.

Deixem seus comentários ou enviem e-mail para brenomachado.aju@gmail. Até a próxma.

Curso de WebIntegrator - Parte 1

Sejam bem vindos ao primeiro curso virtual de WebIntegrator. Gostaria de convida-los a responder nosso questionário onde estarei avaliando o andamento do curso, e realizando as mudanças necessária. Aproveite para deixar nos comentários suas expectativas sobre o curso. Além do curso estarei postando uma série de artigos contendo tutorias e dicas sobre o WebIntegrator.

O que é o WebIntegrator
Para aqueles que ainda não conhecem, o WebIntegrator é um framework para desenvolvimento de aplicações web utilizando java. A grande vantagem em desenvolver utilizando este ambiente é não precisar conhecer java. Como assim, um ambiente de desenvolvimento java onde não é preciso saber programar em java? Exatamente, o framework procura abstrair a codificação utilizada durante o desenvolvimento. Outras vantagens que podemos citar é o ambiente de trabalho 100% web e a robustez nos códigos gerados.

Então que tipo de aplicação posso desenvolver? Praticamente todo tipo de aplicação, dentro das limitações oferecidas pelo ambiente web. Você precisa apenas conhecer HTML, Javascript e CSS para iniciar o desenvolvimento. Caso você não conheça, não desamime. Você também pode desenvolver com o WebIntegrator utilizando alguns componentes e templates que já vem com ele.

Instalando o WI

A instalação do WebIntegrator é bastante simples. Primeiro você precisa baixar o WI do site www.webintegrator.com.br. Para utilizar você precisa ter instalado e configurado:

• Java 1.5 ou superior
  
• Tomcat 5.5 ou superior
  

Inicie o tomcat e faça o deploy do arquivo wi3.war. Pronto, agora abra o navegador e chame: http://localhost:8080/wi3, onde localhost é o endereço do seu servidor e 8080 a porta que o tomcat esta usando.

Se tudo estiver correto, você irá ver a tela de acesso do WebIntegrator abaixo.


Criando um Projeto
Vamos iniciar o nosso primeiro projeto com o WebIntegrator, na tela inicial clique no botão Builder, onde teremos a seguinte tela:

Clique em [Novo Projeto], informe o usuário admin e senha admin e clique no botão Abrir.

Preencha os campos acimas, seguindo as instruções:

• Nome: Digite o nome do seu projeto. Cuidado com esse nome, pois será utilizado para criar a estrutura de diretórios dentro de webapps do tomcat
  
• Copiar de: Permite que seja informado um projeto como estrutura para este novo projeto. Vamos supor que você tenha um esqueleto de uma aplicação, contendo controle de acesso, menu, funções, imagens entre outras coisas, você pode utilizar este projeto como base para seu novo projeto.
  
• Descrição: Utilizar descrever seu projeto. Esta informação poderá ser alterada posteriormente.
  

Conhecendo o ambiente do WebIntegrator

No espaço 1 temos os artefatos produzidos pelo WebIntegrator. São eles: páginas, combos, grids, downloads, uploads, Events e WebServices. Iremos nos aprofundar em cada um deles no decorrer do curso. Este espaço esta sempre visível no navegador.

O espaço 2 são as conexões que podemos realizar com o WebIntegrator, divididos em Banco de Dados e Servidores. O WebIntegrator permite conexão com os principais bancos de dados do mercado. Pode também realizar conexão de FTP, Webservices, POP, SMTP, IMAP entre outros.

Temos no lado direto do navegador, espaço 3, onde iremos trabalhar. O conteúdo deste espaço muda dependendo de nossa atividade. Ao iniciar o WebIntegrator aparece informações referente ao projeto, que pode ser acessada posteriormente clicando em projetos localizado no espaço 1.

Durante o decorrer do curso e em outros posts estarei mostrando mais desta página.

Este post foi um pouco curto, porém acredito que tenha ajudado neste primeiro contato com o WebIntegrator.

Em nosso próximo encontro aprenderemos sobre os tipos de variáveis suportadas pelo WebIntegrator e estarei criando uma página com consulta no banco de dados e exibindo o resultado em uma grid.

Fiquem a vontade para escrever ou deixa comentário. Abraços e até a próxima.

Curso de WebIntegrator

Estou elaborando um curso de WebIntegrator e estarei disponibilizando aqui na próxima semana. Não percam esta oportunidade de conhecer esta fantastica ferramenta de desenvolvimento WEB.

Abraços e até a próxima