Cómo hacer un diagrama de flujo

Los diagramas de flujo son diagramas que muestran los pasos de un proceso. Los diagramas de flujo básicos son fáciles de crear y, debido a que las formas son simples y visuales, son fáciles de entender.
Ej.: Suma de dos números

Ver video

¿Cuándo usar un diagrama de flujo?

Los diagramas de flujo pueden ser útiles en muchas situaciones, como por ejemplo para hacer los siguiente:

1. Organizar equipos y tareas
2. Dar seguimiento al progreso
3. Tomar decisiones y justificarlas
4. Identificar los cuellos de botella
5. Documentar un proceso y visualizar las ideas
6. Estandarizar los procesos

Símbolos de los diagramas de flujo

Hay más de 20 símbolos estandarizados para crear diagramas de flujo. Los símbolos indican una gran variedad de elementos, algún proceso o documento, decisiones que hay que tomar y mucho más.

La mayoría de los diagramas de flujo tienden a usar solo tres o cuatro de las formas, a menos que haya una razón comercial clara para usar más. Ahora, echemos un vistazo a algunos de los símbolos (los nombres y significados) más comunes de los diagramas de flujo.

Inicio / Fin

Use esta forma para el primer y último paso de su proceso.

Proceso

Indica cada actividad que necesita ser ejecutada.

Entrada de datos / Datos

Esta forma indica que la información está entrando al proceso desde afuera o saliendo del proceso. Esta forma también se puede utilizar para representar materiales y, a veces, se denomina forma de entrada/salida.

Bifurcación / Decisión

Esta forma indica un punto donde el resultado de una decisión dicta el siguiente paso. Puede haber múltiples resultados, pero a menudo solo hay dos: sí y no.

Flujo de datos / Línea de flujo

Indica el orden de la ejecución de las operaciones. La flecha indica la siguiente instrucción.

Conector

Representa una conexión o enlace de una parte del diagrama de flujo con otra parte lejana del mismo.

Salida de datos

Este símbolo se utiliza para mandar visualizar un resultado ya sea por medio de la pantalla o por una impresión.

Ejemplo de un diagrama de flujo utilizando bifurcación

Diagrama de flujo: Pedir edad, si es mayor de 25 años mostrar un mensaje “Vaya! Eres mayor.”

Ver video

Ejemplo de un diagrama de flujo utilizando conector

Diagrama de flujo: Generar la siguiente serie 1,1,1,2,2,2,3,3,3,4,4,4,...

Ver video

Programas gratuitos para crear diagramas de flujo

   - StarUML
   - Raptor
   - ThinkComposer
   - yEd Graph Editor
   - Pencil Project
   - Dia

Descargar: StarUML, Raptor, ThinkComposer, yEd Graph Editor, Pencil Project, Dia

También te puede interesar este canal en YouTube BetoDev donde encontraras diagramas de flujo resueltos.

Crear la tabla de multiplicar de cualquier número ingresado del 1 al 10 en Windows Forms C Sharp

Código del ejercicio:

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Forms;
namespace Ejercicio
{
    public partial class frmEjercicio : Form
    {
        public frmEjercicio()
        {
            InitializeComponent();
        }
        private void btnMostrar_Click(object sender, EventArgs e)
        {
            int i = 1, n;
            n = int.Parse(txtNum.Text);
            while (i <= 10)
            {
                int multiplicar = n * i;
                lbxResultado.Items.Add($"{n} x {i} = {multiplicar}");
                i++;
            }
        }
        private void btnLimpiar_Click(object sender, EventArgs e)
        {
            txtNum.Clear();
            lbxResultado.Items.Clear();
            txtNum.Focus();
        }
    }
}

Definición de los códigos del ejercicio:

int --> dato entero de 32 bits.
Parse() --> se utiliza para convertir una representación de cadena de un número en un entero equivalente con signo de 16/32/64 bits.
while --> el ciclo while recorre un bloque de código siempre que una condición específica sea verdadera.
<= --> el operador menor o igual ( <= ) devuelve true si el operando izquierdo es menor o igual que el operando derecho, y en false caso contrario.
++ --> el operador de incremento ( ++ ) incrementa (suma uno a) su operando y devuelve un valor.
$"{}" --> interpolación de cadenas proporciona una sintaxis conveniente para concatenar varios valores para formar una cadena.
Clear() --> borra todo el contenido del cuadro de texto.
Focus() --> establece el foco de entrada.
ListBox.Items.Clear() --> borra todos los elementos dentro de un cuadro de lista.
listBox.Items.Add() --> agregar elementos a un control de cuadro de lista

Explicación del código:

Este programa permite crear la tabla de multiplicar de cualquier número del 1 al 10 ingresado por el usuario, utilizando una aplicación Windows Forms en C#.

1. Uso de librerías

Las líneas using permiten usar clases necesarias para crear la interfaz gráfica (formularios, botones, cuadros de texto y listas).

2. Espacio de nombres (namespace)

namespace Ejercicio organiza el código y evita conflictos con otros programas.

3. Clase del formulario

La clase frmEjercicio representa el formulario principal del programa. Hereda de Form, lo que permite mostrar ventanas en Windows.

4. Constructor del formulario

El método frmEjercicio() se ejecuta cuando el formulario se abre. InitializeComponent() carga todos los controles del formulario (botones, textbox, listbox, etc.).

5. Botón Mostrar

El método btnMostrar_Click se ejecuta cuando el usuario hace clic en el botón Mostrar.

• Se inicializa la variable i en 1.
• Se lee el número ingresado en el TextBox (txtNum).
• Con un ciclo while, se repite la multiplicación desde 1 hasta 10.
• El resultado se muestra en el ListBox (lbxResultado).

Cada línea agregada al ListBox tiene el formato:
n x i = resultado

6. Botón Limpiar

El método btnLimpiar_Click se ejecuta al presionar el botón Limpiar.

• Borra el número ingresado en el TextBox.
• Elimina todos los resultados del ListBox.
• Coloca el cursor nuevamente en el TextBox para ingresar otro número.

Conclusión

Este ejercicio es ideal para aprender el uso de:

• Eventos de botones
• Ciclos while
• Controles TextBox y ListBox
• Aplicaciones Windows Forms en C#

Crear la tabla de sumar de cualquier número ingresado del 1 al 10 en Windows Forms C Sharp

Código del ejercicio:

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Forms;
namespace Ejercicio
{
    public partial class frmEjercicio : Form
    {
        public frmEjercicio()
        {
            InitializeComponent();
        }
        private void btnMostrar_Click(object sender, EventArgs e)
        {
            int i = 1, n;
            n = int.Parse(txtNum.Text);
            while (i <= 10)
            {
                int suma = n + i;
                lbxResultado.Items.Add($"{n} + {i} = {suma}");
                i++;
            }
        }
        private void btnLimpiar_Click(object sender, EventArgs e)
        {
            txtNum.Clear();
            lbxResultado.Items.Clear();
            txtNum.Focus();
        }
    }
}

Definición de los códigos del ejercicio:

int --> dato entero de 32 bits.
Parse() --> se utiliza para convertir una representación de cadena de un número en un entero equivalente con signo de 16/32/64 bits.
while --> el ciclo while recorre un bloque de código siempre que una condición específica sea verdadera.
<= --> el operador menor o igual ( <= ) devuelve true si el operando izquierdo es menor o igual que el operando derecho, y en false caso contrario.
++ --> el operador de incremento ( ++ ) incrementa (suma uno a) su operando y devuelve un valor.
$"{}" --> interpolación de cadenas proporciona una sintaxis conveniente para concatenar varios valores para formar una cadena.
Clear() --> borra todo el contenido del cuadro de texto.
Focus() --> establece el foco de entrada.
ListBox.Items.Clear() --> borra todos los elementos dentro de un cuadro de lista.
listBox.Items.Add() --> agregar elementos a un control de cuadro de lista

Explicación del código:

```

Este programa permite mostrar la tabla de sumar de cualquier número ingresado, desde el 1 hasta el 10, utilizando Windows Forms en C#.

1. Importación de librerías

Estas librerías permiten usar formularios, controles y eventos en una aplicación de Windows Forms.

``` using System; using System.Windows.Forms;

```

2. Namespace y formulario

El namespace organiza el proyecto y la clase frmEjercicio representa el formulario principal donde se ejecuta el programa.

3. Constructor del formulario

El constructor se ejecuta cuando se abre el formulario. Su función es inicializar todos los controles visuales.

``` public frmEjercicio() { InitializeComponent(); }

```

4. Botón Mostrar

Este método se ejecuta al presionar el botón Mostrar. Genera la tabla de sumar del número ingresado.

• i inicia en 1 y controla el ciclo.
• n almacena el número ingresado en el TextBox.
• El ciclo while se repite hasta llegar a 10.
• Cada suma se muestra en el ListBox.

``` int i = 1, n; n = int.Parse(txtNum.Text); while (i <= 10) { int suma = n + i; lbxResultado.Items.Add($"{n} + {i} = {suma}"); i++; }

```

5. Botón Limpiar

Este método limpia los datos del formulario para realizar un nuevo cálculo.

• Borra el número ingresado.
• Elimina los resultados mostrados.
• Coloca el cursor nuevamente en el TextBox.

``` txtNum.Clear(); lbxResultado.Items.Clear(); txtNum.Focus();

```

Conclusión

Este ejercicio es ideal para aprender el uso de ciclos while, manejo de eventos y presentación de resultados en aplicaciones Windows Forms con C#.

```

Contar cuántos números múltiplos de 3 hay del 1 hasta N número en Windows Forms C Sharp

Código del ejercicio:

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Forms;
namespace Ejercicio
{
    public partial class frmEjercicio : Form
    {
        public frmEjercicio()
        {
            InitializeComponent();
        }
        private void btnMostrar_Click_1(object sender, EventArgs e)
        {
            int i = 1, c = 0, N;
            N = int.Parse(txtNum.Text);
            while(i <= N)
            {
                if(i % 3 == 0)
                {
                    c++;
                }
                i++;
            }
            txtResultado.Text = $"La cantidad de números múltiplos de 3 son: {c}";
        }
        private void btnLimpiar_Click(object sender, EventArgs e)
        {
            txtNum.Clear();
            txtResultado.Clear();
            txtNum.Focus();
        }
    }
}

Definición de los códigos del ejercicio:

int --> dato entero de 32 bits.
Parse() --> se utiliza para convertir una representación de cadena de un número en un entero equivalente con signo de 16/32/64 bits.
while --> el ciclo while recorre un bloque de código siempre que una condición específica sea verdadera.
if --> use if para especificar un bloque de código que se ejecutará, si una condición especificada es verdadera.
<= --> el operador menor o igual ( <= ) devuelve true si el operando izquierdo es menor o igual que el operando derecho, y en false caso contrario.
% --> el operador de modulo ( % ) devuelve el resto de la división.
== --> el operador de igualdad ( == ) regresa true si sus operandos son iguales, false en caso contrario.
++ --> el operador de incremento ( ++ ) incrementa (suma uno a) su operando y devuelve un valor.
Clear() --> borra todo el contenido del cuadro de texto.
Focus() --> establece el foco de entrada.

Explicación del Código:

```

Este programa está desarrollado en Windows Forms C# y permite contar cuántos números múltiplos de 3 existen desde el número 1 hasta un número N ingresado por el usuario.

1. Librerías usadas

Las librerías permiten trabajar con formularios, controles y funciones básicas del sistema.

• System: funciones básicas del lenguaje.
• System.Windows.Forms: creación de formularios y controles.

2. Namespace y formulario

El namespace Ejercicio organiza el código y la clase frmEjercicio representa el formulario del programa.

3. Constructor del formulario

Se ejecuta al iniciar el programa y carga todos los controles del formulario.

public frmEjercicio() { InitializeComponent(); }

4. Botón Mostrar

Al presionar este botón, el programa cuenta los múltiplos de 3.

• i: recorre los números desde 1 hasta N.
• c: guarda la cantidad de múltiplos de 3.
• N: número ingresado por el usuario.

int i = 1, c = 0, N; N = int.Parse(txtNum.Text);

El ciclo while evalúa cada número desde 1 hasta N.

while(i <= N) { if(i % 3 == 0) { c++; } i++; }

Si el número es divisible entre 3 (i % 3 == 0), se incrementa el contador.

5. Mostrar el resultado

El resultado final se muestra en un TextBox.

txtResultado.Text = $"La cantidad de números múltiplos de 3 son: {c}";

6. Botón Limpiar

Este botón borra los datos ingresados y vuelve a enfocar el cursor en el campo de entrada.

txtNum.Clear(); txtResultado.Clear(); txtNum.Focus();

Conclusión

El programa utiliza un ciclo while y una condición if para contar de forma sencilla cuántos números múltiplos de 3 existen desde 1 hasta un número N.

```

Crear la serie Fibonacci de los N primeros números en Windows Forms C Sharp

Código del ejercicio:

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Forms;
namespace Ejercicio
{
    public partial class frmEjercicio : Form
    {
        public frmEjercicio()
        {
            InitializeComponent();
        }
        private void btnMostrar_Click_1(object sender, EventArgs e)
        {
            int a = 0, b = 1, c = 1, N;
            N = int.Parse(txtNum.Text);
            while(c <= N)
            {
                if(c % 2 == 1)
                {
                    lbxResultado.Items.Add(a);
                    a += b;
                }
                else
                {
                    lbxResultado.Items.Add(b);
                    b += a;
                }
                c++;
            }
        }
        private void btnLimpiar_Click(object sender, EventArgs e)
        {
            txtNum.Clear();
            lbxResultado.Items.Clear();
            txtNum.Focus();
        }
    }
}

Definición de los códigos del ejercicio:

int --> dato entero de 32 bits.
Parse() --> se utiliza para convertir una representación de cadena de un número en un entero equivalente con signo de 16/32/64 bits.
while --> el ciclo while recorre un bloque de código siempre que una condición específica sea verdadera.
if --> use if para especificar un bloque de código que se ejecutará, si una condición especificada es verdadera.
else --> use else para especificar un bloque de código a ejecutar, si la misma condición es falsa.
<= --> el operador menor o igual ( <= ) devuelve true si el operando izquierdo es menor o igual que el operando derecho, y en false caso contrario.
% --> el operador de modulo ( % ) devuelve el resto de la división.
== --> el operador de igualdad ( == ) regresa true si sus operandos son iguales, false en caso contrario.
+= --> el operador de asignación de suma ( += ) suma el valor del operando derecho a una variable y asigna el resultado a la variable.
++ --> el operador de incremento ( ++ ) incrementa (suma uno a) su operando y devuelve un valor.
Clear() --> borra todo el contenido del cuadro de texto.
Focus() --> establece el foco de entrada.
ListBox.Items.Clear() --> borra todos los elementos dentro de un cuadro de lista.
listBox.Items.Add() --> agregar elementos a un control de cuadro de lista

Explicación del Código:

¿Qué hace el programa?

Este programa permite generar y mostrar la serie Fibonacci con los N primeros números ingresados por el usuario, utilizando un formulario en Windows Forms.

¿Qué es la serie Fibonacci?

La serie Fibonacci es una sucesión de números donde cada valor se obtiene sumando los dos anteriores. Ejemplo:

0, 1, 1, 2, 3, 5, 8, 13...

Estructura general del programa

El programa está compuesto por un formulario que contiene:

• Un TextBox para ingresar la cantidad de números.
• Un Botón Mostrar para generar la serie.
• Un ListBox para mostrar los resultados.
• Un Botón Limpiar para borrar los datos.

Variables utilizadas

Variable	Función
a	Almacena el primer número de la serie Fibonacci
b	Almacena el segundo número de la serie Fibonacci
c	Contador del ciclo
N	Cantidad de números que se desean mostrar

Lógica del botón Mostrar

Al presionar el botón Mostrar, el programa:

• Lee el número ingresado por el usuario.
• Utiliza un ciclo while para generar la serie.
• Alterna los valores usando números pares e impares.
• Muestra cada número generado en el ListBox.

Código principal explicado

int a = 0, b = 1, c = 1, N; N = int.Parse(txtNum.Text); while (c <= N) { if (c % 2 == 1) { lbxResultado.Items.Add(a); a += b; } else { lbxResultado.Items.Add(b); b += a; } c++; }

El uso del operador % permite identificar si el contador es par o impar, logrando así alternar correctamente los valores de la serie.

Función del botón Limpiar

El botón Limpiar elimina el contenido del TextBox, borra todos los elementos del ListBox y coloca el cursor nuevamente en el campo de entrada.

Mostrar todos los múltiplos de 3 hasta el número 15 en Windows Forms C Sharp

Código del ejercicio:

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Forms;
namespace Ejercicio
{
    public partial class frmEjercicio : Form
    {
        public frmEjercicio()
        {
            InitializeComponent();
        }
        private void btnMostrar_Click_1(object sender, EventArgs e)
        {
            int a = 1, b;
            b = int.Parse(txtNum.Text);
            while(a <= b)
            {
                if(a % 3 == 0)
                {
                    lbxResultado.Items.Add(a);
                }
                a++;
            }
        }
        private void btnLimpiar_Click(object sender, EventArgs e)
        {
            txtNum.Clear();
            lbxResultado.Items.Clear();
            txtNum.Focus();
        }
    }
}

Definición de los códigos del ejercicio:

int --> dato entero de 32 bits.
Parse() --> se utiliza para convertir una representación de cadena de un número en un entero equivalente con signo de 16/32/64 bits.
while --> el ciclo while recorre un bloque de código siempre que una condición específica sea verdadera.
if --> use if para especificar un bloque de código que se ejecutará, si una condición especificada es verdadera.
<= --> el operador menor o igual ( <= ) devuelve true si el operando izquierdo es menor o igual que el operando derecho, y en false caso contrario.
% --> el operador de modulo ( % ) devuelve el resto de la división.
== --> el operador de igualdad ( == ) regresa true si sus operandos son iguales, false en caso contrario.
++ --> el operador de incremento ( ++ ) incrementa (suma uno a) su operando y devuelve un valor.
Clear() --> borra todo el contenido del cuadro de texto.
Focus() --> establece el foco de entrada.
ListBox.Items.Clear() --> borra todos los elementos dentro de un cuadro de lista.
listBox.Items.Add() --> agregar elementos a un control de cuadro de lista

Explicación del Código:

Objetivo del ejercicio:
Mostrar todos los números múltiplos de 3 desde el número 1 hasta el número ingresado por el usuario (por ejemplo, 15) utilizando Windows Forms en C#.

1. Uso de librerías

Las librerías permiten utilizar funciones básicas del lenguaje C# y crear interfaces gráficas.

using System; permite usar funciones básicas.
using System.Windows.Forms; permite crear formularios y controles.

2. Namespace y formulario

El namespace Ejercicio organiza el código dentro del proyecto. La clase frmEjercicio representa el formulario principal y hereda de Form, lo que permite mostrar una ventana gráfica.

3. Constructor del formulario

El constructor se ejecuta cuando se abre el formulario. Su función es inicializar todos los componentes gráficos como botones, cajas de texto y listas.

InitializeComponent(); crea y configura los controles del formulario.

4. Botón Mostrar

Este método se ejecuta cuando el usuario hace clic en el botón Mostrar.

• Se declara la variable a como contador e inicia en 1.
• La variable b almacena el número ingresado por el usuario.

5. Ciclo while

El ciclo while se repite mientras el contador sea menor o igual al número ingresado. De esta forma se recorren todos los números desde 1 hasta el valor indicado.

6. Condición para múltiplos de 3

La condición a % 3 == 0 verifica si el número es divisible entre 3. Si el residuo es 0, el número es múltiplo de 3.

Cuando se cumple la condición, el número se agrega al ListBox para mostrarlo en pantalla.

7. Incremento del contador

El contador se incrementa en uno usando a++ para evaluar el siguiente número.

8. Botón Limpiar

El botón Limpiar borra el contenido del campo de texto, elimina los resultados mostrados y coloca el cursor nuevamente en el campo de entrada.

Resultado esperado

Si el usuario ingresa el número 15, el programa mostrará:

3, 6, 9, 12, 15

Mostrar todos los múltiplos de 3 hasta el número 15 en Windows Forms C Sharp

Código del ejercicio:

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Forms;
namespace Ejercicio
{
    public partial class frmEjercicio : Form
    {
        public frmEjercicio()
        {
            InitializeComponent();
        }
        private void btnMostrar_Click_1(object sender, EventArgs e)
        {
            int a = 1, b;
            b = int.Parse(txtNum.Text);
            while(a <= b)
            {
                if(a % 3 == 0)
                {
                    lbxResultado.Items.Add(a);
                }
                a++;
            }
        }
        private void btnLimpiar_Click(object sender, EventArgs e)
        {
            txtNum.Clear();
            lbxResultado.Items.Clear();
            txtNum.Focus();
        }
    }
}

Definición de los códigos del ejercicio:

int --> dato entero de 32 bits.
Parse() --> se utiliza para convertir una representación de cadena de un número en un entero equivalente con signo de 16/32/64 bits.
while --> el ciclo while recorre un bloque de código siempre que una condición específica sea verdadera.
if --> use if para especificar un bloque de código que se ejecutará, si una condición especificada es verdadera.
<= --> el operador menor o igual ( <= ) devuelve true si el operando izquierdo es menor o igual que el operando derecho, y en false caso contrario.
% --> el operador de modulo ( % ) devuelve el resto de la división.
== --> el operador de igualdad ( == ) regresa true si sus operandos son iguales, false en caso contrario.
++ --> el operador de incremento ( ++ ) incrementa (suma uno a) su operando y devuelve un valor.
Clear() --> borra todo el contenido del cuadro de texto.
Focus() --> establece el foco de entrada.
ListBox.Items.Clear() --> borra todos los elementos dentro de un cuadro de lista.
listBox.Items.Add() --> agregar elementos a un control de cuadro de lista

Explicación del Código:

Este programa permite mostrar todos los múltiplos de 3 desde el número 1 hasta el número que el usuario ingresa (por ejemplo, 15), usando un formulario de Windows Forms.

Explicación del código

1. Declaración de variables

int a = 1, b;
b = int.Parse(txtNum.Text);
    

• a es un contador que inicia en 1.
• b almacena el número que el usuario escribe en el TextBox.
• int.Parse convierte el texto ingresado a número.

2. Bucle while

while(a <= b)
    

El ciclo while se repite mientras el valor de a sea menor o igual al número ingresado.

3. Condición para verificar múltiplos de 3

if(a % 3 == 0)
{
    lbxResultado.Items.Add(a);
}
    

• El operador % obtiene el residuo de una división.
• Si el residuo es 0, el número es múltiplo de 3.
• El número se agrega al ListBox.

4. Incremento del contador

a++;
    

Aumenta el valor de a en 1 para continuar el recorrido.

5. Botón Limpiar

txtNum.Clear();
lbxResultado.Items.Clear();
txtNum.Focus();
    

• Limpia el TextBox.
• Borra los resultados del ListBox.
• Coloca el cursor nuevamente en el TextBox.

Resultado

Si el usuario ingresa el número 15, el programa mostrará:

3, 6, 9, 12, 15