Article image
Vagner Bellacosa
Vagner Bellacosa19/09/2021 19:38
Compartilhe
Curso Lógica ProgramaçãoRecomendado para vocêFormação Lógica de Programação

Qual o nome do diagrama usado em fluxos e processos?

  • #Informática Básica
  • #Lógica de Programação
  • #Arquitetura de Sistemas

100 anos da ferramenta que revolucionou os processos

image

Salve jovem padawan, que dia quente, um domingo escaldante e olha que faltam poucos dias para o início da primavera, no artigo de hoje iremos falar sobre uma ferramenta desenvolvida no século passado. Precisamente em 1921, um ano que revolucionou a documentação de processos.

image

Imagine que antes desta ferramenta, não existia um padrão, cada grupo de engenheiros e artesoes fazia a sua própria maneira e dificilmente um processo poderia ser copiado e reproduzido em outras empresas, as grandes cabeças da Administração esboçavam suas teorias, Taylor, Faylo, Ford, Weber, Mayo esboçavam e aprimoravam suas Teorias.

Quando o jovem engenheiro Frank Gilberth apresentou sua ferramenta aos membros da American Society of Mechanical Engineers (ASME), foi inovador pela simplicidade e poder de informação, a partir deste ponto um processo que ocupava dezenas de páginas para ser descrito, passou a ser especificado em uma página, na visão macro a pouco menos de 10 explodindo em detalhes.

image

Caro padawan se não faz ideia do que estou falando, tenho a honra e o prazer de apresentar o FLUXOGRAMA, a metodologia gráfica que utiliza símbolos geométricos para descreve fluxos de projetos de engenharias, sistemas informáticos e processos administrativos.

O que é o Fluxograma?

image

Uma ferramenta gráfica para elaborar processos de engenharia, criada por Frank Gilberth e apresentada a comunidade em 1921, através do artigo “Process Charts – First Steps in Finding the One Best Way” Com o advento da informática com a criação dos primeiros computadores, a necessidade e o engenho dos primeiros programadores foi posta em ação. Von Newmann e Goldstein o utilizaram, mas foram alunos da Mogenses que popularizaram seu uso em 1944.

image

O resto faz parte da história, sua prática régua de símbolos, compacta que cabe num bolso de camisa, o custo baixo do lápis borracha e papel, difundiram o uso do Fluxograma para todos os CPDs. E hoje passado 100 anos continua firme e forte, presente em 100% dos softwares de documentação e criação de programa.

Usado como ferramenta educacional, onde jovens padawans aprendem logica rudimentar, e debugam processos e programas. Me recordo quando era trainee de Analista de Sistemas no Banco Real, uma das atividades que desenvolvíamos era fazer fluxogramas de programas PL/I e Natural, descrevendo sua lógica com acesso a databases, discos magnéticos, cartridges e fitas, com entradas pelos terminais 3270, emuladores e saídas em impressora.

Foram meses de duro trabalho, conhecendo JCL e seus fluxos, programas e seus fluxos, somente esta experiência é que estávamos aptos a desenvolver os primeiros programas, era curioso como simples réguas continham tanta informação.

Curso de fluxograma

image

Na plataforma da Digital Innovation One existe um curso, onde o jovem padawan pode aprender os fundamentos de Fluxograma, aplicado a lógica de programação. Se ainda não fez o curso, recomendo inscrever-se na plataforma, aproveitando para aprender e aprimorar mais seus conhecimentos em informática.

Segue o link do curso na DIO https://web.digitalinnovation.one/course/logica-de-programacao-essencial, Denilson Bonatti apresenta o uso prático do fluxograma para auxiliar na criação de pseudocódigo e portugol.

Ferramentas onlines para todos os gostos.

image

A simplicidade é a chave da longevidade da ferramenta, adaptada em todos os softwares de processos, tais como o MS Visio, Canvas, Figma, FlowChart, Lucichart e etc. Não requer pratica e tampouco habilidade, um pouco de analise, uma boa olhadela no código fonte e voila.

Um desenho com vários símbolos e temos a documentação do processo pronta, simples para fabricas de software e fácil de entender em qualquer idioma e codificada em qualquer linguagem de programação.

Existem diversos tipos de fluxogramas vamos falar de dois tipos mais comumente usados.

image

• Fluxograma de sistema.

Visão Macro, documenta a interação de todos os programas de um Sistema, servindo para indicar o caminho critico, apresenta os programas. Seus relacionamentos e seus periféricos necessários ao bom funcionamento.

• Fluxograma de programa.

Visão micro, documenta o programa e sua lógica interna, com acesso aos periféricos em uso local, de modo que indica ao programador quais os principais IFS, FOR, WHILES e etc, facilitando a codificação.

Mas afinal quais são os símbolos geométricos utilizados

image

Alguns estão em desuso nos dias atuais devido a evolução dos equipamentos, jovens padawans nem imaginam o que eram fitas perfuradas, cartão perfurado, tapes e cartridges, mesmo as impressoras estão em desuso. 

Imagine que no Banco Real existia impressoras gigantescas que recebiam papel em bobinas de uma tonelada, existindo um operador de empilhadeira, movimentando bobinas para lá e cá, um robot de armazenamento de cartridge com centenas de cartuchos de dados e leitoras de fitas magnéticas com dois metros de altura e dezenas de leds.

Mas chega de bla bla bla e papos de tiozão de mainframe, vamos aos símbolos:

  • image operação

Usado para informar uma operação dentro do sistema.

  • image decisão

Indica a ocorrência de uma decisão logica, o nosso famoso IF.

  • image input/output

Indica um parâmetro dentro do processo, informado via console, servindo também para informar o resultado do processo.

  • image conexão de pagina

As vezes um programa é muito grande e necessita de continuação, iniciando em outras paginas.

  • image inspeção

O processo neste ponto deve passar por uma inspeçao.

  • image preparação

O processo neste ponto deve passar por uma preparação, um operador / analista de produção deve ser acionado.

  • image cartão perfurado

Em sistemas legados indicava que seria gerado uma saída em cartão perfurado.

  • image demora

Em processos indica que deve ser feito uma pausa.

  • image terminal

Lembra quando falei dos terminais 3270? Aqui representa um parâmetro informado via terminal.

  • image memoria principal

O programa deve usar a memoria principal, usado no processamento mainframe quando o uso de memoria era caro e disputado, então o programa precisava gerenciar o uso.

  • image transporte

O processo deve passar para outros processos, define o curso do processo.

  • image junção 

Une diversos caminhos num único ponto.

  • image sub-rotina

Define uma função ou sub-rotina dentro de um programa

  • image display

Exibe a informação do programa, mensagens de alerta e avisos.

  • image armazenamento

Indica um ponto onde os dados devem ser armazenados

  • image tambor magnético

Usado para indicar o armazenamento de dados em disco, atualmente representa uma tabela de banco de dados.

  • image extrair

Indica que deve ser extraído informações

  • image ações combinada

Indica que mais de uma ação ocorrera neste ponto.

  • image disco magnético

No passado na era mainframe informava que os dados deveriam ser gravados em disco, hoje substituído por tabelas de Banco de Dados.

  • image conector

Um conector indica que este processo é continuação de outro processo.

  • image vários documentos

Indica que o output do processo é um relatório, no passado indica múltiplos relatórios impressora, hoje substituído por arquivos pdf

  • image processo 

Dentro de um processamento indica um processo interno

  • image fita magnética

No era mainframe indicava que era necessário gravar o arquivo sequencial em cartridge ou fita magnética, atualmente representa um arquivo sequencial.

  • image classificar

Indica que o arquivo deve passar uma classificação ou ordenação pré-processamento.

  • image agrupar

Indica que o arquivo deve passar por um agrupamento ou sumarização pré-processamento.

  • image operação manual

Dentro de um processamento indica um ponto do fluxo que necessita de intervenção humana.

  • image documento

Indica um cartão sysin com parâmetro para o processo, também usado como documento.

  • image f ita papel perfurado

Indica um cartão sysin com parâmetros inseridos por fita magnética.

  • image entrada manual

Indica um teclado, significa um parâmetro, ou intervenção humana para input.

Curiosidades do tiozão, a famosa régua de fluxograma também é chamada de gabarito, em outros artigos irei apresentar outros tipos de fluxogramas documentos, dados, sistemas, programas, geral, detalhado, decisão e logico.

Como fazer um fluxograma?

Abaixo deixo o fluxograma para um desafio de código bem conhecido aqui na DIO, o calculo da media de um aluno e saber se foi aprovado ou nao.

image

É um daquelas coisas que é mais fácil fazer do que falar, mas o processo consiste em analisar o programa, seguindo o fluxo linha a linha e transcrevendo os comandos de acordo com o nível de detalhes.

Sendo bem fácil sua confecção, iniciando com o símbolo de conector, depois o de processo e suas sub-rotinas para um fluxograma de processo, caso seja um programa usamos os símbolos de acesso a arquivos, base de dados, if, for, while, read e write.

image WORKFLOW

Aprenda mais sobre Worklow : https://web.digitalinnovation.one/articles/conceitos-funcionais-workflow?back=/articles

Conclusão

Fizemos a nossa pequena introdução ao mundo das representações gráficas através de fluxograma, existe inúmeros tipos de gráficos utilizados em programação, tanto para documentar, como para apresentar especificação para pools de programação.

Atualmente o UML vem ganhando espaço, principalmente devido a sua implementação a orientação a objetos, para os aspirantes de BIG DATA existem os Diagramas de Fluxo de Dados, utilizados na documentação da base de dados e suas diversas views.

image

Para o conhecimento das comunicações entre programas, subprogramas e sub-rotinas temos o diagrama de Fluxo de Dialogo e como vimos no artigo sobre Workflow conhecemos o caminho crítico e os procedimentos necessários para cada processo.

Ufa, foi muita informação, espero ter sido claro e em caso de dúvida entre em contato, aproveite a nossa comunidade somos 600.000 pessoas e no momento que escreve este artigo a DIO distribuiu 1.000.000 de bolsas de estudos, somos todos 1 milhao, participe, escreva artigos e convide amigos.

Espero ter ajudado ate o próximo artigo.

image

image Mais momento jabá, para distrair, visite meu vídeo e veja para onde fui desta vez: https://www.youtube.com/watch?v=xb9NY9gHN_M

Bom curso a todos.

image https://www.linkedin.com/in/vagnerbellacosa/

image https://github.com/VagnerBellacosa/

Pode me dar uma ajudinha no YouTube?

image https://www.youtube.com/user/vagnerbellacosa

Compartilhe
Recomendado para você
  • Curso UX Designer
  • Curso Flutter Specialist
  • Curso Golang Developer
Comentários (4)

AV

Adriel Vieira - 19/09/2021 20:02

Show!! tipo muita coisa que hoje faz parte da historia do mundo da computação e coisas que nós os que estão entrando na área não veremos e que são coisas fantásticas.

Vagner Bellacosa
Vagner Bellacosa - 20/09/2021 16:20

Amigo Marcos,


Como passou o tempo, tudo muda tao rapido, quem diria as evoluçoes q os CPDs passaram, sempre nos obrigando a estudar muito :)


bons cursos amigos

Marcos Felix
Marcos Felix - 20/09/2021 08:32

Como sempre você trazendo os belos flashes lá do meu início, saudades do banco Econômico e seus mainframes, dos rolos de fita, do setor de digitação e dos primeiros fluxogramas que fazíamos ali mesmo na sala de reunião, parabéns seus artigos são sempre muito bons. Valeu, abraços.

Vagner Bellacosa
Vagner Bellacosa - 19/09/2021 21:30

Obrigado pelo comentário carinhoso Adriel, um forte abraço

Analista Programador dinossauro IBM Mainframe
Recomendado para vocêCurso Lógica Programação