No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

¿Qué es un diagrama de flujo?

13/17
Recursos

Un diagrama de flujo, es un conjunto de símbolos y elementos que nos permiten representar cada uno de los pasos que componen un proceso. Los diagramas de flujo también nos ayudan a encontrar errores que cometimos al momento de diseñar los algoritmos.

Los diagramas de flujo están compuestos por elementos o figuras que tienen significados específicos y juegan un papel muy importante en la composición de estos.

diagrama de luz encendida.webp

Elementos que componen un diagrama de flujo

Los elementos que componen los diagramas de flujo son una serie de símbolos que representan diferentes tipos de acciones. Entre los más comunes encontramos: el elemento que indica el inicio, elemento de toma de decisión y el elemento que indica o representa un proceso.

Existen más elementos que se utilizan en los diagramas de flujo, pero los anteriormente mencionado son los más relevantes.

Representación de inicio o fin del proceso dentro de los diagramas de flujo

El símbolo o la figura que se utiliza para indicar el inicio o el final de un flujo es un óvalo.

Representación de toma de decisión dentro de los diagramas de flujo

La figura geométrica que representa la toma de decisiones dentro de los diagramas de flujo es el rombo. El rombo es uno de los elementos más importantes dentro de los diagramas de flujo, debido a que representa la decisión. Este elemento siempre contiene una pregunta en su interior, la respuesta a esta pregunta se debe poder responder con un sí o con un no.

Es importante, que la figura de toma de decisión (Rombo) tenga dos casos, el caso cuando la respuesta es si y el caso cuando la respuesta a la pregunta es no.

Representación de procesos dentro de los diagramas de flujo

Los procesos están representados con la figura geométrica del rectángulo. Los rectángulos se usan para indicar y representar un proceso, es decir, los rectángulos siempre contienen algo que está sucediendo, puede ser una operación, un mensaje, un algoritmo. En conclusión, la figura del rectángulo, nos indica que está sucediendo algo.

Conector de elementos dentro de los diagramas de flujo

El conector, dentro de los diagramas de flujo, está representado por la figura de una flecha, esta indica cuál es el inicio de un proceso y cuál es el final. Si este conector no está claramente especificado entre un símbolo y otro, no va a existir una conexión entre ellos, lo que llevaría a que el flujo se rompa.

¡Te invitamos a que escojas o crees un algoritmo y lo representes en un diagrama de flujo, uno ves, lo hagas, compártenos tu solución en la sesión de comentarios!

Contribución del curso creada por: Silfredo Ibarra.

Aportes 258

Preguntas 13

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

⚡👉Mi diagrama de flujo para encender la luz (Se puede detallar más, se acepta feedback)

NOTA RAPIDA:

DEN ZOOM

🌈 Diagramas de flujo 🌈

Conjunto de símbolos y de elementos que nos permiten representar cada uno de los pasos que componen un proceso

✨ Elementos ✨

🔴 óvalo horizontal - Inicio y fin
🔹 Decisión: pregunta cuya respuesta debe ser o no
🟧 rectángulo - Proceso: operación, mensaje o algoritmo
➡️ Conectores: inicio y final de un proceso

Elementos de un Diagrama de Flujo.

Siempre es importante recordarlo.

Por acá dejo el diagrama de flujo para encender la luz, espero puedan aportar algo más para mejorar el diagrama.

⚡👉 Recomiendo usar las herramientas de PseInt o Draw.io para realizar los diagramas de flujo
La palabra decisión fue mal escrita, recomiendo corregir el vídeo. Importa tanto al pensamiento lógico el escribir bien, puesto que a su vez, la ortografía sigue reglas sencillas pero rigurosas.

Mi diagrama realizaso en Mermaid.

Un pequeño resumen de la clase.

Estos son las figuras basicas pero pueden ver mas en el siguiente link https://www.smartdraw.com/flowchart/simbolos-de-diagramas-de-flujo.htm#:~:text=Los diagramas de flujo usan,símbolos de diagrama de flujo.

Dejo por aquí mi diagrama de Encender la luz, agradezco el feedback que den

¿Qué es una diagrama de flujo?

  • Conjunto de símbolo y elemento que nos permite representar un algoritmo ;DD
  • Nos va a permitir tomar mejores decisiones y tomas decisiones y generar un mejor flujo de trabajo.
  • Elementos:
    1. El inicio y fin del algoritmo está representado por un óvalo.
    2. El rombo representa la decision, cual respuesta debe ser un “sí” o un “no”.
    3. El rectángulo representa un proceso; operación, mensaje o algoritmo interno.
    4. Conector, es una flecha con una línea que indica el principio y final de un proceso.

Decisión*

NORMAS PARA LA CREACIÓN DE DIAGRAMAS DE FLUJO

  1. Los diagramas de flujo se escriben de arriba abajo y de izquierda a derecha.
  2. Todo símbolo (excepto las líneas de flujo) llevará en su interior información que indique su función exacta y unívoca.
  3. Un elemento del diagrama no puede tener más de una salida si no es un elemento de decisión. (Existen excepciones).
  4. Las líneas de flujo no pueden cruzarse.
DIAGRAMA DE FLUJO Conjunto de símbolos y elementos que nos permiten representar cada uno de los pasos que componen un proceso.

🟤 Representración con diagrama de flujo.

Mi diagrama de flujo para encender la luz (Se acepta feedback).

Así fue como yo hice el mío 😄

Como lo ven?, chicos

Decisión
  • Los diagramas de flujo se escriben de arriba abajo y de izquierda a derecha.
  • Todo símbolo (excepto las líneas de flujo) llevará en su interior información que indique su función exacta y unívoca.
  • Un elemento del diagrama no puede tener más de una salida si no es un elemento de decisión. (Existen excepciones).
  • Las líneas de flujo no pueden cruzarse.

Mi diagrama de flujo para jugar Fortine:

Mi diagrama de flujo:) :

¿QUE ES UN DIAGRAMA DE FLUJO?

  • El diagrama de flujo o también diagrama de actividades es una manera de representar gráficamente un algoritmo o un proceso de alguna naturaleza, a través de una serie de pasos estructurados y vinculados que permiten su revisión como un todo.

  • La representación gráfica de estos procesos emplea, en los diagramas de flujo, una serie determinada de figuras geométricas que representan cada paso puntual del proceso que está siendo evaluado. Estas formas definidas de antemano se conectan entre sí a través de flechas y líneas que marcan la dirección del flujo y establecen el recorrido del proceso, como si de un mapa se tratara.

Hay cuatro tipos de diagrama de flujo en base al modo de su representación:

  • Horizontal. Va de derecha a izquierda, según el orden de la lectura.

  • Vertical. Va de arriba hacia abajo, como una lista ordenada.

  • Panorámico. Permiten ver el proceso entero en una sola hoja, usando el modelo vertical y el horizontal.

  • Arquitectónico. Representa un itinerario de trabajo o un área de trabajo.
    💦Los diagramas de flujo son un mecanismo de control y descripción de procesos, que permiten una mayor organización, evaluación o replanteamiento de secuencias de actividades y procesos de distinta índole, dado que son versátiles y sencillos. Son empleados a menudo en disciplinas como la programación, la informática, la economía, las finanzas, los procesos industriales e incluso la psicología cognitiva.

Hola realice un diagrama con otra situación espero pueda recibir retroalimentación 😉

Para los q no saben como hacer el diagrama o les da pereza hacerlo a mano hay algo que se llama Lucidchart

Aca puedes crear diagramas de flujo muy facil y te dan un pequeño tutorial

Diagrama de flujo. ¿Cómo encender mi comptuadora?

(Click derecho; Abrir en una nueva página; Y hacer zoom para que se vea mejor)

Bien, este es mi ejemplo realizado de manera digital de un diagrama de flujo, tipo panorámico u horizontal.😎📌 por favor, si pueden, díganme si tengo errores y como puedo corregir y mejorar.👁‍🗨✅👇 ![](https://static.platzi.com/media/user_upload/andro-efd9966d-5bfd-4d68-a415-02bdcfc9482d.jpg) estoy atento a las correcciones.👍
**Mi solucion 👇** ![](https://static.platzi.com/media/user_upload/Captura%20de%20pantalla%202024-03-18%20193536-2503704a-34bb-4f06-be39-731e77bb377e.jpg)
Mi Diagrama ![](https://static.platzi.com/media/user_upload/image-fedf32d1-a07f-48b4-99a5-8b1dee2f8e3d.jpg)
![](https://static.platzi.com/media/user_upload/encender%20la%20luz.drawio-fcae0ee8-3a4d-44b5-baca-d7dc569a2340.jpg)

Mi diagrama

Para los que son nuevos en esto y les cuesta trabajo entender como a mi, les dejo este link de diagramas de flujo. Les recomiendo hacerlos todos, son bien fáciles todos, pero ayuda a entender lo más básico de los diagramas.

https://diagramadeflujo.online/ejercicios-de-diagrama-de-flujo/

¡El detalle de la corrección ortográfica durante la edición es una joya!

Muestra que en Platzi son efectivos y prácticos y, aunque se permiten fallar, no se permiten entregar las cosas mal.

En este caso, pudieron hacer el video de nuevo, pero “nel”, decidieron NO RETRABAR pero SÍ corrigieron el problema.

(Refleja mucho de su filosofía empresarial)

Hay muchísimas condiciones a tomar en cuenta, pero esta es la versión simplificada del algoritmo de la clase pasada.

Esta es mi propuesta de diagrama de flujo para prender la luz 😃 (hecho con Lucidchart)

Primera imagen que logro subir. A seguir mejorando.

Muchachos si quieren una aplicación para hacer diagramas les comparto estas dos:

Este es mi Diagrama de Flujo mejorando el que hice en la clase anterior.


¿Qué opinan?

Nota: Las variables “Si” y “No” las representé en las flechas con los colores verde y rojo respectivamente.

Comparto mi solución:

Esta fue mi respuesta

Mi aporte, utilice pseint

Aquí mi diagrama, qué les parece ?

Les dejo mi diagrama de flujo para encender la luz.

En principio traté de evitar elementos duplicados para que sea lo más limpio posible.

Aqui les dejo todos los elementos de un diagrama de flujo:

Estuve limpiando mi pantalla durante casi uno minuto para darme cuenta que era una raya del video, tranquilos es plumón, nadie desgarro su pantalla.


Mi diagrama de flujo

En la página https://www.diagrams.net/ pueden hacer diagramas de flujo, de forma completamente gratuita.

En diagrama de flujo y pseudocodigo con PSeInt

MI DIAGRAMA DE FLUJO 😉

Aca les comparto una publicación que tiene el blog de lucidchart. Esta es una aplicación web que permite crear diagramas UML, yo la uso para la universidad y la recomiendo mucho.

Click para leer mas sobre diagramas de flujo

Veo algo en los algoritmos y es que directamente está haciendo la pregunta de si la luz está encendida pero primero necesitan la variable luz, recuerden que un computador solo entiende las cosas en plastilina jajaja

circulo = inicio y fin
Rombo = desicion poner siempre si o no
Rectangulo = proceso (pasa algo)
flecha = conector

gracias ANA explicas de maravilla!!!

Me gusta la explicación en video y escrita.... ojala asi hubiese sido en la universidad....
asi quedo el mio, recibo feedback ![](https://static.platzi.com/media/user_upload/image-8c356e8e-aee7-4fc4-a9c2-98b8c5a8097f.jpg)
Nuevamente, dejo aquí mi Diagrama de Fujo hecho con draw.io: ![](https://static.platzi.com/media/user_upload/image-82a92093-5ca2-447b-bf79-ec2cf345f6fd.jpg)
MI diagrama es bueno volver a revisar estos temas :) ![](https://static.platzi.com/media/user_upload/image-e43b2ede-547d-4972-bb23-16b1d9cba76b.jpg)
![](https://static.platzi.com/media/user_upload/image-d148158e-cdd3-4e58-b998-7d1ba8fb7b20.jpg)

feedback por favor…

![]()![](https://static.platzi.com/media/user_upload/IMG_20240416_164557-6143ddcc-36b4-47db-ae01-e9a1951a1f39.jpg)
```js ```
![](https://static.platzi.com/media/user_upload/image-02b59291-82ff-4f9a-ab48-902f3f2e166d.jpg)
Aqui les comparto mi diagrama de flujo, disfrutenlo y diviertanse, se leen sugerencias. <https://www.canva.com/design/DAGALWf0mv8/g4VIa6dbAdhiFn83scpP5Q/edit?utm_content=DAGALWf0mv8&utm_campaign=designshare&utm_medium=link2&utm_source=sharebutton> Nunca paren de aprender Dios los bendiga
## Partes de un diagrama de flujo: **1. Inicio/Fin:** * Forma ovalada que indica el inicio o fin del proceso. * Representa el punto de partida o la conclusión del mismo. **2. Proceso:** * Rectángulo que representa una acción o tarea específica. * Describe lo que se está haciendo en cada paso del proceso. **3. Decisión:** * Rombo que representa una pregunta o decisión que debe tomarse. * Indica dos o más caminos posibles que el proceso puede tomar. **4. Conector:** * Círculo pequeño que se utiliza para conectar diferentes partes del diagrama. * Ayuda a mantener el flujo del diagrama y evitar confusiones. **5. Entrada/Salida:** * Triángulo que representa la entrada o salida de datos en el proceso. * Indica información que se introduce o se genera en cada paso. **6. Flecha:** * Línea que indica la dirección del flujo del proceso. * Muestra la secuencia en la que se deben realizar las acciones. **Definiciones sencillas:** * **Inicio/Fin:** Donde comienza o termina todo. * **Proceso:** Una acción o tarea que se debe realizar. * **Decisión:** Una pregunta que se debe responder para avanzar. * **Conector:** Une diferentes partes del diagrama. * **Entrada/Salida:** Información que entra o sale del proceso. * **Flecha:** Muestra el orden en que se hacen las cosas. **Ejemplo:** Imagina que estás preparando un sándwich. Tu diagrama de flujo podría verse así: **Inicio** **↓** **Proceso:** Sacar pan **↓** **Decisión:** ¿Hay mantequilla? **Sí** **↓** **Proceso:** Untar mantequilla al pan **↓** **No** **↓** **Proceso:** Buscar mermelada **↓** **Proceso:** Untar mermelada al pan **↓** **Proceso:** Poner las dos rebanadas de pan juntas **↓** **Fin** Este diagrama de flujo muestra los pasos necesarios para preparar un sándwich de manera sencilla y fácil de entender. **Consejos:** * Usa diferentes colores para diferenciar los tipos de símbolos. * Mantén tu diagrama de flujo simple y ordenado. * Etiqueta cada símbolo con una breve descripción. **Recursos adicionales:** * <https://www.smartdraw.com/flowchart/simbolos-de-diagramas-de-flujo.htm> * <https://www.lucidchart.com/pages/es/plantillas/diagrama-de-flujo> * <https://miro.com/es/diagrama-de-flujo/que-es-diagrama-de-flujo/>
Mi Diagrama de flujo para encender la luz ![](https://static.platzi.com/media/user_upload/image-e8273c9f-0df2-454f-9074-877d7d94793f.jpg)
Los diagramas de flujo permiten visualizar de manera clara y concisa la secuencia de pasos, las condiciones de decisión y las ramificaciones que pueden ocurrir en un proceso. Son útiles para diseñar, analizar y mejorar procesos, identificar posibles problemas o cuellos de botella, y comunicar de manera efectiva los procedimientos a otras personas. Además, son una herramienta importante en la etapa de diseño de software, ya que ayudan a planificar y estructurar la lógica de un programa antes de su implementación.
![](file:///home/musashi/Documentos/Platzi/Programaci%C3%B3n/Diagrama%20sin%20t%C3%ADtulo%20encender%20la%20luz.jpg)
![](https://static.platzi.com/media/user_upload/Captura%20de%20Pantalla%202024-01-18%20a%20la%28s%29%2017.23.22-514bc8e3-db20-4e33-ab61-aed9a757ec4e.jpg)
![](https://static.platzi.com/media/user_upload/IMG_0005-b350adfa-c3b3-46f2-b68e-b8cf7fa532a4.jpg) aca dejo mi diagrama, estoy abierta a ayuda y sugerencias .
![]()![](https://static.platzi.com/media/user_upload/Encender%20luz.drawio-dbb5f46d-23fd-4ffa-a236-e3883a8684cb.jpg)![]()
Encender luz dentro de una habitación ![]()
![](https://static.platzi.com/media/user_upload/image-816fb3e2-8a25-4b94-b78a-8f6afadfa908.jpg)
Presento el siguiente diagrama de flujo como la representación gráfica del algoritmo para el alistamiento preoperacional de un vehiculo: ![](https://static.platzi.com/media/user_upload/image-151c7aa1-f5e6-422d-befd-9953b61d337f.jpg)
![](https://static.platzi.com/media/user_upload/image-66e9d254-7566-4af7-ac62-b936175b978f.jpg)
![](https://static.platzi.com/media/user_upload/Simbolos-050f0f09-064f-47ac-b159-4a4a0d94a058.jpg)
Adjunto mi version del diagrama ![](https://static.platzi.com/media/user_upload/diagrama-0995d656-184f-42ca-8a25-571885ac6563.jpg)
dfeinir el objetivo

¡Hola! Agradezco el feedback 😄

Nota rápida: decisión, no “desición”

Adjunto mi ejemplo: ![](https://static.platzi.com/media/user_upload/image-039dd4bf-331b-4ba5-9518-391b102f66e7.jpg)

Un diagrama de flujo es una representación gráfica de un proceso o algoritmo. Se utiliza comúnmente en campos como la informática, la ingeniería, la programación y la administración para mostrar la secuencia de pasos necesarios para realizar una tarea o resolver un problema.

En un diagrama de flujo, los diferentes pasos del proceso se representan mediante símbolos gráficos, como rectángulos, óvalos, rombos y flechas. Estos símbolos se conectan con flechas para indicar la dirección del flujo del proceso. Los diagramas de flujo son útiles porque ayudan a visualizar el flujo de trabajo, identificar posibles problemas en el proceso y diseñar soluciones eficientes.

Algunos de los símbolos comunes utilizados en los diagramas de flujo incluyen:

Rectángulo: Se utiliza para representar pasos o acciones en el proceso.
Óvalo: Indica el inicio o el final del proceso.
Rombos: Representan decisiones o puntos de bifurcación en el proceso, donde se toma una decisión que afecta el flujo del proceso.
Flechas: Indican la dirección del flujo del proceso, conectando los diferentes símbolos.
Los diagramas de flujo son una herramienta efectiva para la comunicación visual y ayudan a comprender y documentar procesos complejos de manera clara y concisa.

![](https://static.platzi.com/media/user_upload/eje-61da0886-926f-4952-ab84-6ff4e743ddb5.jpg)
LucidChart es una herramienta genial para diagramas de flujo!
![](https://static.platzi.com/media/user_upload/LightOn-93b79f32-24e7-4a46-9f52-b1920cfb660e.jpg)
![](https://static.platzi.com/media/user_upload/LightOn-abc13607-7c59-48d2-9375-05da7b90f9c1.jpg)