Diagramas

 

DIAGRAMAS

Un diagrama de flujo es un diagrama que describe un proceso, sistema o algoritmo informático. Se usan ampliamente en numerosos campos para documentar, estudiar, planificar, mejorar y comunicar procesos que suelen ser complejos en diagramas claros y fáciles de comprender.

image

Una de las herramientas más utilizadas para representar los algoritmos son los diagrama de flujo.

Los diagramas de flujo son una herramienta para la representación gráfica de un algoritmo a través de símbolos, que corresponden a cada uno de los diferentes tipos de estructuras de control (secuencia, selección e iteración).

Principales Beneficios del Diagrama de Flujo

  1. Claridad Visual Uno de los mayores beneficios de un diagrama de flujo es la capacidad de la herramienta de visualizar múltiples progresos y su secuencia en un solo documento. Los interesados de toda una organización pueden comprender fácilmente el flujo de trabajo y al mismo tiempo averiguar qué paso es innecesario y qué progresos deben mejorarse.

  2. Comunicación Instantánea Los equipos pueden usar diagramas de flujo para reemplazar reuniones. La simple aclaración de los progresos ofrece un método fácil y visual para ayudar a los miembros del equipo a entender instantáneamente lo que deben hacer paso a paso.

  3. Coordinación Efectiva Para directores de proyectos y planificadores de recursos, los beneficios de un diagrama de flujo incluyen la capacidad de secuenciar eventos y reducir las posibilidades de sobrecargar a los miembros del equipo. Eliminar pasos innecesarios ayuda a ahorrar tiempo y recursos.

  4. Aumento de Eficiencia El aumento de la eficiencia es un beneficio importante de los diagramas de flujo. El diagrama de flujo lista cada paso necesario para realizar un proceso. El diagrama de flujo ayuda a un diseñador a eliminar pasos innecesarios en un proceso, así como errores. El diagrama de flujo sólo debe incluir los pasos necesarios para alcanzar el punto final del proceso.

  5. Análisis Efectivo Con la ayuda del diagrama de flujo, el problema puede ser analizado de manera más efectiva. Muestra específicamente qué tipo de acción requiere cada paso de un proceso. Generalmente, un rectángulo con bordes redondeados define el comienzo o el final del proceso, una forma de diamante muestra el punto en el que se requiere una decisión y un bloque cuadrado muestra una acción tomada durante el proceso. Un diagrama de flujo también puede incluir símbolos que muestren el tipo de medio en que se almacenan los datos, como un rectángulo con fondo curvo para mostrar un documento en papel o un cilindro para simbolizar el disco duro de una computadora.

  6. Solución de Problemas Los diagramas de flujo dividen un problema en partes fácilmente definibles. El proceso definido que aparece en el diagrama de flujo demuestra el método de resolver un problema complejo. Un diagrama de flujo reduce la posibilidad de que un paso necesario para resolver un problema sea dejado de lado porque parece obvio. De esta manera, reduce el costo y la pérdida de tiempo.

  7. Documentación Adecuada Los diagramas de flujo digitales sirven como una buena documentación sin papel, que se necesita para varios propósitos, haciendo las cosas más eficientes.

Sus características fundamentales son:

  • –El flujo de los pasos es de arriba hacia abajo y de izquierda a derecha.

  • –Es una secuencia de pasos:

    -Inicio del proceso,

    -Entrada de datos,

    -Proceso a realizarse,

    -Salida de los datos procesados y

    -Fin del proceso.

  • –Existe siempre un camino que permite llegar a una solución.

  • –Existe un único inicio del proceso.

  • –Existe uno o más puntos de fin para el proceso de flujo.

  • –Solamente emplea líneas de flujo horizontal y/o vertical.

  • –Evita el cruce de líneas (usando los conectores)

  • –Deben utilizarse los conectores sólo cuando sea necesario.

  • –No tienen líneas de flujo sin conectar.

  • –El lenguaje es conciso y claro

image

image

image

image

image

EJEMPLOS

Realizar un algoritmo y diagrama de flujo de un programa que de los buenos días a una persona a la que se le solicita su nombre.

ALGORITMO

  1. iNICIO
  2. Declarar(nombre)
  3. Asignar(nombre)
  4. Mostrar ("Buenos días ", nombre)
  5. Fin

DIAGRAMA DE FLUJO

image

Realizar un algoritmo y diagrama de flujo que muestre el resultado de la suma de dos números

ALGORITMO

  1. Inicio
  2. Declarar(numero1, numero2, resultado)
  3. Asignar(numero1, numero2)
  4. Realizar operación resultado = numero1 + numero2
  5. Mostrar resultado
  6. Fin

DIAGRAMA DE FLUJO

image

Realizar un algoritmo y diagrama de flujo de un programa que solicite dos numeros e imprima el resultado de la suma de estos.

ALGORITMO

  1. Inicio
  2. Declarar(numero1, numero2, resultado)
  3. Mostrar("Ingresa un número)
  4. Mostrar("Ingresa otro número)
  5. Asignar(numero1, numero2)
  6. resultado = numero1 + numero2
  7. Mostrar(resultado)
  8. Fin

image

SELECCION SENCILLA

image

Un selector simple en programación se utiliza para evaluar una expresión condicional: si se cumple la condición (es verdadera), ejecutará un bloque de código. Si es falsa, es posible ejecutar otras sentencias.

Primero de todo, se evalúa la condicion. Si el resultado se cumple, se ejecutará el código. Si el resultado no es true, el programa continúa con la sentencia siguiente.

EJEMPLOS

Realizar el algoritmo y diagrama de flujo de un programa que pregunte si se desea ingresar al sitio, si responde si mostrará un mensaje de bienvenida, si responde no mostrará un mensaje de despedida.

ALGORITMO

  1. Inicio
  2. Declarar(respuesta)string
  3. Muestra("Deseas ingresar al sitio? si ó no")
  4. Asignar(respuesta)
  5. SI respuesta == si, ENTONCES mostrar("Bienvenido a la página") SI NO mostrar("Adios, es una pena no ingreses") FIN SI
  6. Fin

DIAGRAMA DE FLUJO

image

Si quieres probar tu programa en JS, ingresa a https://jseditor.io/

 var respuesta;
 respuesta =prompt("Deseas ingresar al sitio?");
 if(respuesta == "si"){
     alert("Bienvenido(a) a la página")
 }else alert("Adios, es una pena no ingreses");

Realizar un algoritmo y diagrama de flujo para un programa que solicita la edad e imprime si es mayoy o es menor de edad según corresponda.

ALGORITMO

  1. Inicio
  2. Declarar(edad)int
  3. Mostrar("Ingresa tu edad")
  4. Asignar(edad)
  5. SI edad >= 18, ENTONCES mostrar("eres mayor de edad") SI NO mostrar("Eres menor de edad") FIN SI
  6. Fin

DIAGRAMA DE FLUJO

image

Si quieres probar tu programa en JS, ingresa a https://jseditor.io/

 var edad;
 edad = parseInt(prompt("Ingresa tu edad"));
 if(edad>=18){
     alert("Eres mayor de edad");
 }else alert("eres menor de edad");

Realizar el diagrama de flujo y el diagrama del siguiente problema: En la escuela se tiene un costo de inscripción de $1500 pesos. A los alumnos con promedio mayor o igual a 9 y con cero faltas se les da un descuento del 20%, solicitar el promedio y mostrar un mensaje si se tiene acceso al descuento y mostrar el monto a pagar, caso contrario mostrar un mensaje y el monto a pagar.

ALGORITMO

  1. Inicio
  2. Declarar(promedio, faltas, montoPagar, descuento)float
  3. Mostrar("Ingresa tu promedio")
  4. Asignar(promedio)
  5. Mostrar("Cuantas faltas tuviste en el pasado periodo")
  6. Asignar(faltas)
  7. montoPagar = 1500
  8. descuento = 1500 *.20
  9. SI promedio >= 9 AND faltas == 0, ENTONCES montoPagar = montoPagar - descuento, mostrar("Felicidades, aplicas para descuento, el monto a pagar es de ", montoPagar) SI NO mostrar("Lo sentimos, no aplicas para el descuento, tu monto a pagar es ", montoPagar) FIN SI
  10. Fin

DIAGRAMA DE FLUJO

Untitled Diagram drawio

Si quieres probar tu programa en JS, ingresa a https://jseditor.io/

 var promedio; 
 var faltas;
 var montoPagar;
 var descuento;
 promedio=parseInt(prompt("Ingresa tu peomedio"));
 faltas=parseInt(prompt("cuántas faltas tuviste en el periodo?"));
 montoPagar=1500;
 descuento=1500*.20;
     if(promedio>=9 && faltas == 0){
         montoPagar=montoPagar-descuento
         alert("Felicidades, eres acredor(a) al descuento, pagarás " + montoPagar);
 }else alert("Lo sentimos, no eres acredor(a) al descuento, pagarás " + montoPagar );

No hay comentarios:

Publicar un comentario