slide fluxograma

Fluxograma

Fluxograma

Um fluxograma é uma representação gráfica
de um processo ou algoritmo.

Na programação, é uma ferramenta visual
utilizada para mostrar a sequência lógica de
etapas e decisões. Ajuda a identificar
possíveis problemas e melhorar a eficiência
do processo.

Saiba como e quando utilizar!

-Visualização:

Os fluxogramas permitem visualizar o fluxo
de um algoritmo ou processo de forma
clara e intuitiva. Isso ajuda os
desenvolvedores a compreenderem a
lógica do sistema e identificar possíveis
melhorias ou otimizações.

Benefícios do uso de Fluxograma

-Planejamento:

Ao utilizar um fluxograma, os
desenvolvedores podem planejar e projetar
a estrutura de um programa antes de
iniciar a codificação. Isso ajuda a definir as
etapas e a sequência de ações
necessárias, evitando retrabalho e
garantindo uma implementação mais
eficiente.

Benefícios do uso de Fluxograma

-Identificação de Erros:

Os fluxogramas são úteis na identificação
de erros e pontos de falha em um
algoritmo ou processo. Ao seguir o fluxo do
diagrama, é possível verificar se todas as
condições e ramificações foram
consideradas, evitando erros lógicos e
garantindo a correta execução do
programa.

Benefícios do uso de Fluxograma

Word Cloud

Benefícios do uso de Fluxograma

Quando usar?

1)

Depuração:

O uso de fluxogramas facilita a depuração de
código, uma vez que permite visualizar o fluxo
do programa e identificar possíveis erros ou
pontos de falha. Ao seguir o fluxo do
diagrama, é possível identificar e corrigir
problemas com maior agilidade.

Quando usar?

2) Comunicação:

Os fluxogramas são uma forma eficaz de
comunicar ideias e conceitos em
programação. Eles possibilitam uma
representação visual clara e concisa do fluxo
de um algoritmo ou processo, facilitando a
comunicação entre desenvolvedores e
equipes.

Quando usar?

3) Documentação:

Os fluxogramas são uma ferramenta
importante na documentação de sistemas e
processos. Eles ajudam a documentar de
forma estruturada e visual o fluxo de
informações e a lógica de um sistema,
tornando mais fácil entender e manter o
código e a documentação associada.

Multiple Choice

Quando usar Fluxogramas?

• depuração, comunicação e documentação

• comunicação, indentação, programação

• depuração, programação e comunicação

O objetivo do fluxograma é facilitar a
compreensão do processo a partir do
desenho de cada um de seus estágios.

É um diagrama que representa o passo a
passo do algoritmo. Por se tratar de uma
representação gráfica, possui um conjunto
de símbolos padronizados. É representado
pelo diagrama de blocos.

Fluxograma

ENTENDEU??
OU QUER QUE
EU DESENHE

??

Diagrama de Blocos

É um diagrama de um sistema no
qual as principais partes ou funções
são representadas por blocos
conectados por linhas que mostram
as relações dos blocos. Eles são muito
usados na engenharia em design de
hardware, design eletrônico, design
de software e diagramas de fluxo de
processo.

Início

Fim

Mostrar a média

final

Digite nota
da prova 1

Digite nota
da prova 2

A média final é a soma das duas notas

dividida por 2

Regras

● Um fluxograma deve ser claro, simples e de
fácil leitura.

● Não deve haver ambiguidade na
interpretação de um fluxograma.

● A direção de um sistema é de cima para
baixo ou da esquerda para direita.

● Apenas uma linha de fluxo deve partir ou
chegar a um terminador.

Símbolos Básicos

Indica o início e fim do algoritmo.

Indica o sentido do fluxo de dados. Serve
exclusivamente para conectar os símbolos ou
blocos existentes.

Indica cálculo e atribuição de valores.

Existem inúmeros símbolos que podem ser utilizados para representar
ações e decisões a serem tomadas durante seu processo. Separei
alguns deles para que você possa visualizar de forma clara o que são
esses símbolos.

Representa a entrada de dados.

Representa a saída de dados.

Indica que deve ser tomada uma decisão
(possibilidade de desvios).

Símbolos Básicos

Exemplo de Fluxograma

Abrir o forno

Início

Forno acesso?

Sim

Não

Colocar na

forma

Acender o

forno e

colocar na

forma

Assar o bolo

Fim

O diagrama mostra o
processo de cálculo da
diferença entre dois
números em um algoritmo.
O processo começa com a
entrada dos dois números, A
e B. Em seguida, o algoritmo
verifica se o número
informado em A é maior ou
igual ao informado em B. Se
A for maior ou igual a B, o
algoritmo retorna o valor 0.
Se A for menor que B, o
algoritmo retorna o valor de
B subtraído de A.

Exemplo de Fluxograma

1.Quais os dados de entrada?

2.Quais os processamentos?

3.Quais as saídas?

Identificando os elementos do Fluxograma

Início

N1,N2

Média = (N1+N2)/2
Média

>= 6

“APROVADO”

“REPROVADO”

Fim

Média

SIM

NÃO

Multiple Choice

quais são os dados de entrada? (responda com o numero correspondente na imagem)

• 1

• 8

• 5

• 4

Multiple Choice

quais as saídas?

• 1

• 5

• 8

• 4

Multiple Choice

Quais os processamentos,

• oi

• Média = (N1+N2)/2
  Média, >= 6

1)Definir o processo que será representado

Para começar, você precisa decidir qual
processo ou família de produtos será
mapeado. Geralmente se escolhe o
processo mais problemático, o que tem
mais volume, porque se você consegue
medir e melhorar esse processo, a única
coisa que precisamos fazer para os
processos menores é replicar.
Outra vantagem é que qualquer alteração
nesses processos será representativa tanto
na qualidade quanto no volume de
entrega.

Como fazer um Fluxograma?

2) Definir o escopo do projeto

Para definir o escopo do projeto é
preciso definir o início e fim do projeto,
qual o nível de detalhamento requerido,
se será micro ou macro, quais os
detalhes necessários, para quem você
precisa entregar e o que você precisa
extrair desse processo. Dessa forma, não
haverá problemas relativos à falta de
detalhes, ou se não um excesso de
detalhes e informações que,
dependendo do processo, não se faz
necessário.

Como fazer um Fluxograma?

3) Levantar as atividades

Nessa etapa da construção do seu
fluxograma você deve definir quais
atividades estão ocorrendo durante o
processo e organizá-las da maneira
mais adequada possível.

Ou seja, é necessário analisar de qual
maneira cada atividade será
trabalhada e sua importância, para
então definir a sequência que tornará
o processo mais ágil.

Como fazer um Fluxograma?

4) Desenhar os símbolos

É preciso desenhar de forma correta
para que fique claro todo o processo,
pois existem símbolos padrões para cada
tipo de informação. Assim, a leitura do
mapeamento se torna internacional,
permitindo que qualquer pessoa com
conhecimento sobre essa ferramenta
consiga interpretar seu fluxograma e
entender os processos e etapas que
estão ocorrendo.

Como fazer um Fluxograma?

Melhores práticas

-Clareza: um fluxograma deve ser claro e fácil de
entender. Utilize símbolos e linguagem simples,
evitando jargões ou termos complexos. Organize
de forma lógica e sequencial para guiar o leitor
através do processo.

-Simplicidade: mantenha o fluxograma simples e
objetivo. Evite sobrecarregar o diagrama com
informações desnecessárias. Destaque apenas os
passos essenciais e omita detalhes irrelevantes.

-Consistência: utilize a mesma convenção de
símbolos e cores em todo o fluxograma. Isso
tornará o diagrama mais coeso e fácil de seguir.
Além disso, mantenha uma estrutura consistente
ao longo do fluxograma para evitar confusão.

●As características comuns em ferramentas de fluxograma incluem a
capacidade de criar elementos gráficos, adicionar texto,
estabelecer conexões e organizar os elementos de forma
visualmente atraente.

●As funcionalidades das ferramentas de fluxograma podem incluir a
capacidade de colaboração em tempo real, exportação em
diferentes formatos, integração com outras ferramentas e recursos
avançados de formatação e design.

○Moqups: Moqups é uma ferramenta de fluxograma e wireframe que permite
criar diagramas de forma intuitiva e colaborativa. Possui recursos como
arrastar e soltar elementos, biblioteca de símbolos e capacidade de
compartilhamento de projetos.

○Draw.io: Draw.io é uma ferramenta de fluxograma e diagramação online que
permite criar fluxogramas de maneira fácil e eficiente. Possui uma interface
intuitiva, recursos de formatação avançados e integração com outras
ferramentas.

Ferramentas

-Interface: A interface dessas ferramentas é intuitiva e
amigável, permitindo que os usuários criem
fluxogramas de maneira fácil e rápida. Os recursos
estão organizados de forma clara e acessível.

-Recursos: oferece recursos como arrastar e soltar
elementos, biblioteca de símbolos, ferramentas de
formatação avançadas e a capacidade de
compartilhar e colaborar em tempo real.

-Benefícios: facilidade de criação de diagramas,
economia de tempo, colaboração eficiente e a
capacidade de criar projetos visualmente atraentes.

Moqups e Draw.io

Passo a passo para criar um Fluxograma no Moqups:

1.Registre sua conta em https://moqups.com/.

2.Inicie um novo projeto no Moqups e selecione o tipo
de diagrama de fluxograma.

3.Arraste e solte os símbolos necessários para a área
de trabalho.

4.

Conecte os símbolos usando as ferramentas de
conexão disponíveis. Adicione texto e formate os
símbolos para tornar o fluxograma mais claro e
compreensível.

5.

Use os recursos adicionais do Moqups, como
camadas, agrupamento de elementos e animações,
para melhorar a experiência do usuário.

Criando fluxograma com Moqups

Passo a passo para criar um Fluxograma no Draw.io:

1.Acesse https://app.diagrams.net/ e escolha a forma
para guardar os arquivos.

2.Clique em "Novo Diagrama" e escolha o tipo de
diagrama desejado.

3.Arraste as formas (retângulos, diamantes, setas) para a
área de trabalho.

4.

Conecte as formas com setas arrastando-as.

5.

Clique duas vezes nas formas para adicionar texto.

6.Clique em "File" para salvar e exportar o fluxograma em
diferentes formatos.

Criando fluxograma com Draw.io

Mão na Massa - Fluxograma

Clique aqui:
https://docs.google.com/document/d/11KfWqqDpoUyrYpAFMLxZd892H-
YbF-ehlDqEUCdujaU/edit?usp=sharing

Elaboração, curadoria e formatação:

Equipe Jovem Tech

Material de apoio:
https://www.voitto.com.br/blog/artigo/fluxog
rama
ASCENCIO, Ana Fernanda Gomes; DE

CAMPOS, Edilene Aparecida Veneruchi.

Fundamentos da programação de

computadores. Pearson Educación, 2008.

Idealizadoras:

Samara Leal

Rafaela Moreira