Exemplo de utilização de uma Barra de Progresso

A barra de progresso é utilizada para que aja um acompanhamento do que ocorre durante a execução do fluxo, quando se sabe que levará alguns momentos para processar uma determinada tarefa. Um bom exemplo da utilização deste recurso é:

Observe imagem do fluxo que exemplificaremos:

image572.jpg

Siga os passos abaixo e crie um fluxo que apresentará uma Barra de Progresso:

  1. Crie um Identificador (variável) com o nome contador, do tipo Inteiro;

image573.jpg

  1. Insira, na área de edição de fluxo, um objeto Interação (1);

  2. Clique duplo para editar o objeto;

  3. A tela do objeto Interação, está composta pela lista de funções (à esquerda) e os parâmetros da função selecionada (à direita). Selecione a função Exibir Barra Progresso e:

    1. Clique na linha de parâmetro da função;

    2. Na tela Montador de Expressões, clique sobre o objeto retângulo e defina Constante do tipo Letras onde o conteúdo será "Hello World !!!" (mensagem que será exibida dentro da caixa de diálogo da barra de progresso).

image1385.jpg

  1. Confirme com o botão Ok do Montador de Expressões e outro Ok da tela do objeto Interação;

  2. Documente o objeto como mostra a figura acima;

  3. Insira um objeto Decisão (2) (esse objeto criará o contador);

  4. Clique duplo para editar o objeto:

  1. Na tela Montador de Expressões, clique sobre o objeto retângulo e defina as Propriedades:

    • Na aba Fluxos e Funções, localize a função Menor;

    • Clique no primeiro parâmetro da função, e clique na aba Identificadores, associe a variável contador (desta forma está passando o valor da variável que se chama contador para o primeiro parâmetro da função Menor);

    image1387.jpg

  1. Clique no segundo parâmetro da função e clique na aba Identificadores. Associe uma Constante do tipo Inteiro, cujo valor é 10 (dessa forma, está passando o valor 10 para ser analisado com a variável contador para o segundo parâmetro da função Menor);

    image1387.jpg

  1. Clique no botão Ok para sair da expressão do objeto Decisão;
  2. Documente o objeto como mostra a figura acima;
  3. Insira na área de edição de fluxo, um objeto Interação (3);
  4. Clique duplo para editar o objeto;
  5. Na tela do objeto Interação, selecione a função Incrementar Barra Progresso e defina os parâmetros:
  6. Na tela Montador de Expressões, clique sobre o objeto retângulo e defina as Propriedades:

  1. Na aba Fluxos e Funções, localize a função Multiplicação;

  2. Clique no primeiro parâmetro da função, e clique na aba Identificadores, associe a variável contador (dessa forma está passando o valor da variável que se chama contador para o primeiro parâmetro da função Multiplicação);

image1388.jpg

  1. Clique no segundo parâmetro da função, e clique na aba Identificadores, associe uma Constante do tipo Inteiro cujo valor é 10 (desta forma está passando o valor 10 para ser analisado com a variável contador para o segundo parâmetro da função Multiplicação);

  2. Confirme com o botão Ok do Montador de Expressões e outro Ok da tela do objeto Interação;

  3. Documente o objeto como mostra a figura acima;

  4. Insira, na área de edição de fluxo, um objeto Processamento (4);

  5. Clique duplo para editar o objeto;

  1. Na tela Montador de Expressões, clique sobre o objeto retângulo e defina as Propriedades:

  1. No campo Atribua o resultado ao identificador, associe o resultado à variável contador;

  2. Na aba Fluxos e Funções, localize a função Soma;

  3. Clique no primeiro parâmetro da função, e clique na aba Identificadores, associe a variável contador (desta forma está passando o valor da variável que se chama contador para o primeiro parâmetro da função Soma);

  4. Clique no segundo parâmetro da função e clique na aba Identificadores, associe uma Constante do tipo Inteiro cujo valor é 1 (dessa forma está passando o valor 1 para ser somado ao valor da variável contador para o segundo parâmetro da função Soma);

image577.jpg

  1. Confirme com o botão Ok do Montador de Expressões;
  2. Documente o objeto como mostra a figura acima;
  3. Insira, na área de edição de fluxo, outro objeto Processamento (5);
  4. Clique duplo para editar o objeto;
  5. Na tela Montador de Expressões, clique sobre o objeto retângulo e defina as Propriedades:
    1. Na aba Fluxos e Funções, localize a função Alertar agardadndo Ok;

    2. Defina para parâmetro da função: clique na aba Identificadores e associe a variável contador;

    image578.jpg

  1. Confirme com o botão Ok do Montador de Expressões;

  2. Documente o objeto como mostra a figura acima;

  3. Ligue o objeto Processamento ao objeto Decisão;

  4. Insira, na área de edição de fluxo, um objeto Interação (6);

  5. Clique duplo para editar o objeto;

  6. Na tela do objeto Interação, selecione a função Retira Barra Progresso;

  7. Documente o objeto como mostra a figura acima;

  8. Salve o fluxo e feche a tela do Editor de Fluxo de Ações.

    Associe o fluxo à um componente do formulário ou à um Evento que dispare o fluxo.

    Acione o programa na Web e utilize o formulário que recebeu o fluxo.

    image579.jpg

____________________________________________________________________________

image776.jpg

Caso este tópico não tenha comentário satisfatório, envie e-mail para documentacao@softwell.com.br