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 é:

• Um contador que começa com o valor zero e que terá o seu valor incrementado de um;

• Fazendo um Loop no qual a condição de saída será que o valor do contador seja maior que dez, será exibida uma barra de progresso que terá seu valor aumentado de 10% a cada incremento que o contador sofrer.

Observe imagem do fluxo que exemplificaremos:

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;

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

3. Clique duplo para editar o objeto;

4. 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).

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

4. Documente o objeto como mostra a figura acima;

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

6. Clique duplo para editar o objeto:

• 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);



4. 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);



5. Clique no botão Ok para sair da expressão do objeto Decisão;

6. Documente o objeto como mostra a figura acima;

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

8. Clique duplo para editar o objeto;

9. Na tela do objeto Interação, selecione a função Incrementar Barra Progresso e defina os parâmetros:

   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 Multiplicação;

• 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);



• 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);

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

11. Documente o objeto como mostra a figura acima;

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

13. Clique duplo para editar o objeto;

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

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

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

• 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);

• 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);



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

15. Documente o objeto como mostra a figura acima;

16. Insira, na área de edição de fluxo, outro objeto Processamento (5);

17. Clique duplo para editar o objeto;

18. 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 Alertar agardadndo Ok;

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



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

20. Documente o objeto como mostra a figura acima;

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

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

23. Clique duplo para editar o objeto;

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

25. Documente o objeto como mostra a figura acima;

26. 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.

____________________________________________________________________________

Caso este tópico não tenha comentário satisfatório, envie e-mail para [email protected]