11

🚀Que son los diagramas de flujo y como aprenderlos sin morir en el intento💻

Jose Antonio
ZeroBit
28852

Diagramas de flujo 🤘


Que son los diagramas de flujo?: Describen los procesos en que se basan los algoritmos informaticos, tambien pueden ser cualquier tipo de cosa desde como preparar una arepa hasta cualquier tipo de cosa, Tambien puede tener bucles o condiciones dentro de su simbologia y imagenes, se representan mediante a graficos etc, utilizando conectores logicos, Su construccion puede ser desde arriba a bajo o izquierda a derecha.

Simbologia de diagramas de flujo:

5555.jpg

Significado de la simbologia:

  • 1.jpgFlecha de flujo: esta flecha nos va a indicar a donde mirar atravez del diagrama.
  • 2.jpgComentarios o anotacion: esto es para comentar algun tipo de paso o proceso, por ejemplo aqui queremos indicar que va a suceder lo siguiente, entonces para un diagrama de flulo tenemos que hacerlo entre las llave.
  • 3.jpgInicio o finalizacion: Es para marcar el inicio del diagrama de flujo asi como tambien para marcar el final del mismo.
  • 4.jpgProceso: Nos muestra los pasos del proceso, es decir lo que se esta haciendo como por ejemplo un paso en un diagrama de hacer una arepa un paso puede ser hecharle agua a la harina.
  • 5.jpgDecision: como vemos tiene tres entradas por su tipo figura, puede utilizarle para blucles, verdadero y falso, condiconales, que hacer si pasa esto, entre otras cosas. Otro ejemplo puede ser que indica que camino apartir de esta figura tomara el diagrama.
  • 6.jpgSubproceso: Esto se utiliza para demostrar lo que esta sucediendo dentro de un proceso, como por ejemplo puede ser un mini proceso.
  • 7.jpgDocumento / Impresora: Este indica que mandaremos a imprimir un documento de lo que esta ocurriendo en el diagrama de flujo, podria ser una factura.
  • 8.jpgSalida de pantalla: Vamos a demostrar en pantalla una parte del proceso del diagrama de flujo, como por ejemplo puede ser, el resultado de una animacion.
  • 9.jpgDatos o entrada / salida: Es para indicar que variables externas estan entrando al proceso o salen del proceso del diagrama de flujo. como por ejemplo van a ser las variables que pedimos estar dentro del diagrama o un ejemplo mas claro los productos que se van a vender en la tienda.
  • 10.jpgReferencia de pagina: Hacemos referencias de un objeto que querramos mostrar como por ejemplo una imagen entonces utilizamos este simbolo para poderlo unir dentro del diagrama.
  • 11.jpgReferencia a otra pagina: Esto es para procesos muy largos cuando no alcanza el espacio en la hoja se utiliza como referencia a seguimiento de la siguiente pagina.

Como hacer un diagrama de flujo 👌

Como hacer un diagrama de flujo con 5 pasos:

  1. Primero definir su proposito y su alcance, en que sentido en lo que tendra como funcion y lo que hara al realizarlo, para que de esta forma queden claras las ideas que quieres plasmar y demostrar en el diagrama de flujo.

  2. Identifica las tareas en orden cronologico, es decir tienes que identificar bien los pasos en un diagrama de flujo como por ejemplo a la hora de cepillarnos los dientes, lo que hacemos es agarrar la pasta dental y ponerla en el cepillo, luego cepillar los dientes, no cepillar los dientes y luego poner la pasta, bueno de esta forma se van plasmando e identificando las tareas o procesos por orden cronologico, para tener una logica programatica para ser interpretada correctamente.

  3. Organizalos por tipo y figura, En este se trata sobre el uso correcto de las figuras que conforman el diagrama de flujo, es decir es el momento de proceso colocar ya los procesos con las variables no indicaar las varibales hay por que para eso tenemos otro que es de datos y entradas, al momento de hacer una condicion podemos utilizar el de desciones para aplicar correctamente su uso, lo importante es saber y aprender a usar las figuras del diagrama de flujo.

  4. Crea el diagrama de flujo, Crear el diagrama es decir probar que tal es y si se puede mejorar no importa si es amano o usando un programa.

  5. Confirma el diagrama, Quiere decir que vas a leer tu propio diagrama de flujo para probar si esta corectamente plasmado en el sentido de que la informacion que salga sea la correcta que esten las variables donde tienen que estar y que se cumplan los parametros de condiciones o blucles, entre otros.

Ejemplo de diagrama de flujo:

diagrama.jpg

BONUS 👏

IMPORTANCIA DE LOS DIAGRAMAS DE FLUJO:

  • Explica la logica de un programa: es decir explica todos los pasos que va a tener las condiciones cuales seran las variables en algunos casos y los procesos , esto se podria utilizar estos se denominan pseudocodigos.

  • Organizan una perspectiva general antes de codificar: Es decir que nos dara una idea de como implementar el codigo deacuerdo a la cronologia implementada en el diagrama.

  • Demostrar organizacion en el codigo: Quiere decir que vamos a tener una idea de donde y como van implementadas las funciones, las clases, los objetos, donde se llamaran, entre otro.

  • Mostrar la estructura de un sitio web o de una aplicacion: Esto da referencia a mostrarlo como funcionara, que procesos hara, donde guardara los datos entre otros.

  • Ser utiles para explicar a los demas nuestro proyecto: Esto quiere decir que mediantante a los pasos y la sencilles del diagrama de flujo se puede explicar a otras personas, como por ejemplo a la hora de vender el software o aplicacion desarrollado

Mas alla de la programacion informatica, los diagramas de flujo pueden tener diversos campos de uso como por ejemplo:

  • Documentar y analizar un proceso: Esto se basa a que documentamos que es lo que va a acurrir en un proceso y nos da la capacidad de analizarlo para hacerlo de la forma mas eficiente posible

  • Estandarizar un proceso para obtener eficiencia y calidad: Esto se basa en establecer un estandar apartir de los analisis y resultados de los diagramas de flujo, para obtener una mayor calidad de producto.

  • Comunicar a entes externos al tema: Es una forma mas comprensible de que otras personas ajenas al tema lo logren comprender.

  • Identificar cuellos de botella, redundancia o exceso de codigo, pasos incesearios: Esto ya habla por si solo.


Muchas gracias por estar aqui y espero que te haya servido este tutorial 😄

Escribe tu comentario
+ 2
2
5946Puntos
4 años

Muy buenoo

0
28852Puntos
4 años

Gracias bro espero que te haya ayudado mucho