Diagramas de flujo y pseudocódigo

Diagramas de flujo y pseudocódigo 1

¿Qué aprenderás? 2
Introducción 2
Algoritmos 3
Formas de escribir un algoritmo 4
Diagramas de flujo 5
Ejercicio guiado: Diagramas de flujo 7
Ejercicio guiado: Área de un rectángulo 9
Pseudocódigo 10
Ventajas de usar pseudocódigo 11
Ejercicio guiado: Pseudocódigo 11

¡Comencemos!

_ 1

www.desafiolatam.com
¿Qué aprenderás?

● Identificar los componentes de los diagramas de flujo y pseudocódigos para resolver

de manera secuencial un problema real.

● Construir diagramas de flujo y pseudocódigos para representar algoritmos de baja

complejidad.

Introducción

Una de las primeras consideraciones que debemos tener al enfrentarnos al mundo de la

programación, es la lógica antes que cualquier lenguaje en particular, es nuestra mejor
herramienta para resolver los desafíos del día a día.

En este capítulo abordaremos una forma de representar gráficamente esta lógica, como son
los diagramas de flujo. Estos nos permiten visualizar los procesos y la secuencia en que se
requieren realizar ciertas operaciones para solucionar un problema dado. Además,
aprenderemos a escribir nuestros programas en pseudocódigo, que es una descripción de
alto nivel de un algoritmo.

Estas herramientas son fundamentales para tener claridad sobre los flujos de información
antes de comenzar cualquier desarrollo, facilitando el ciclo de pensar, descomponer un
problema, plantear una solución y escribir la solución en forma de código.

¡Vamos con todo!

_ 2

www.desafiolatam.com
Algoritmos

Un algoritmo es una serie de pasos consecutivos que se realizan con un objetivo específico.
Según la RAE, un algoritmo es un conjunto ordenado y finito de operaciones que permite
hallar la solución de un problema (referencia).

Un buen ejemplo de algoritmo es el origami: en esta técnica el objetivo es hacer formas con
un trozo de papel sólo con dobleces sucesivos. Si quisiéramos lograr una grulla de origami,
hay que ejecutar los siguientes pasos:

​Imagen 1. Pasos para ejecutar el algoritmo de una grulla de origami

Fuente: comohacerorigami.net

_ 3

www.desafiolatam.com
Para finalmente llegar al resultado:

Imagen 2. El origami es un ejemplo perfecto de algoritmo.

Fuente: comohacerorigami.net

Por consiguiente, para dar una adecuada solución a todo problema, éste se debe estructurar
en tres partes fundamentales, como son:

Imagen 3. Estructura para la solución de un problema.

Fuente: Desafío Latam

En otras palabras, es importante desglosar el problema, entender que sucede y que se

pretende solucionar para poder generar una respuesta viable y por último, podríamos iniciar
el proceso de escritura de nuestro código.

Para profundizar sobre cómo realizar un buen análisis de los datos de entrada, puedes
consultar el documento Material Apoyo Lectura - Análisis de un problema ubicado en
“Material Complementario”. En este documento podrás revisar en detalle cuáles son los
pasos para dar solución a un problema con un ejemplo práctico.

Formas de escribir un algoritmo

Así como un algoritmo puede ser representado como una serie de pasos, como en una
receta o en un origami, también puede ser representado de otras formas, tales como:

● Diagramas de flujo.
● Pseudocódigo.
● Implementando los pasos directamente en un lenguaje de programación.

_ 4

www.desafiolatam.com
Los dos primeros elementos son esfuerzos por esquematizar y estructurar la representación
de los algoritmos, con el objetivo de establecer un marco de referencia común para toda
persona que quiera comprender un algoritmo. La escritura en algún lenguaje de
programación, por su parte, es la realización tecnológica con la que se resuelve el problema
a través del algoritmo.

Diagramas de flujo

Un diagrama de flujo es una representación visual de un algoritmo y se usa principalmente

para comunicar procesos que suelen ser complejos, permitiendo una comprensión de
manera más fácil. Se les llama "de flujo" ya que tienen un inicio, una representación visual de
los pasos a seguir y un final. Dado que es una esquematización, contiene una simbología
bien definida:

● Inicio y fin
● Línea de flujo
● Datos de entrada y salida
● Procesos
● Decisiones

Imagen 4. Símbolos de un diagrama de flujo.

Fuente: smartdraw

_ 5

www.desafiolatam.com
Estos símbolos se unen con flechas unidireccionales, con tal de representar el flujo y la
secuencialidad de los pasos, formando una estructura bien definida que puede ser
interpretada y posteriormente puesta en práctica como se muestra a continuación:

Imagen 5. Estructura secuencial de un diagrama de flujo.

Fuente: Desafío Latam

Ahora bien, supongamos que una de las lámparas de nuestro hogar dejó de funcionar. A
continuación se muestra un diagrama de flujo con una posible solución al problema de la
lámpara que no funciona:

Imagen 6. Ejemplo de diagrama de flujo.

Fuente: Desafío Latam

_ 6

www.desafiolatam.com
Los diagramas de flujo son importantes porque significan una representación visual de una
solución. Esto favorece la comprensión y la comunicación de la solución propuesta, tanto a
nivel personal como con otras personas. En el mundo de la programación es clave la
colaboración entre profesionales, ya sea del mismo rubro como de otros, por lo que poder
representar visualmente nuestra solución es una poderosa herramienta.

Ejercicio guiado: Diagramas de flujo

Desarrollar un diagrama de flujo que realice la suma de dos números enteros ingresados por
el usuario, mostrando el resultado de la suma.

● Paso 1: Realizar una tabla para desglosar el problema en tres partes: datos de
entrada, proceso y datos de salida.

Datos de Entrada Proceso Datos de Salida

Números ingresados por el Realizar la suma de los dos Mostrar el resultado de la

usuario números suma de ambos números
numero1
numero2 numero1 + numero2 Sumatoria Final
Tabla 1. Estructura en partes del problema.
Fuente: Desafío Latam

● Paso 2: Realizar el diagrama de flujo pertinente. Para ello, lo primero es utilizar los
diagramas presentados en la imagen Nº 5, donde se muestra que el inicio de todo
diagrama de flujo debe ir encerrado dentro de un óvalo, posteriormente se realizaria
la lectura de los datos mediante el paralelogramo, quedando de la siguiente manera:

Imagen 7. Paso 2 - Inicio y lectura de los datos.

Fuente: Desafío Latam

_ 7

www.desafiolatam.com
 ● Paso 3: Realizar los procedimientos necesarios para poder obtener los resultados
que deseamos o que requiere el problema planteado. En este caso, sería realizar la
sumatoria de los dos términos ingresados por el usuario dentro un rectángulo,
siendo numero1+numero2, y el resultado será mostrado como solución final en un
paralelogramo, como se muestra a continuación:

Imagen 8. Paso 3 - Procesamiento de datos, muestra y final.

Fuente: Desafío Latam

● Paso 4: Para finalizar el diagrama del flujo, se encierra en un óvalo la palabra Fin y así
terminar con la solución al problema planteado, como se muestra en la siguiente
imagen:

Imagen 9. Paso 4 - Final del diagrama de flujo.

Fuente: Desafío Latam

_ 8

www.desafiolatam.com
Ejercicio guiado: Área de un rectángulo

Desarrollar un diagrama de flujo que permita calcular el área de un rectángulo, partiendo de

los datos ingresados por el usuario como la base y altura.

● Paso 1: Crear una tabla para identificar las tres partes fundamentales del problema:

Datos de Entrada Proceso Datos de Salida

Valores ingresados por el Realizar el cálculo del área Mostrar el resultado del área
usuario del rectángulo mediante la del rectángulo
base fórmula:
altura área=base*altura Área Final
Tabla 2. Estructura en partes del problema.
Fuente: Desafío Latam

● Paso 2: Realizar el diagrama de flujo, partiendo por el inicio de todo diagrama de

flujo, el cual, debe ir encerrado dentro de un óvalo, posteriormente se realizaria la
lectura de los datos (base y altura) mediante el paralelogramo, quedando de la
siguiente manera:

Imagen 10. Paso 2 - Inicio y lectura de los datos.

Fuente: Desafío Latam

● Paso 3: Realizar los procedimientos necesarios para obtener los resultados que
requiere el problema. En este caso, sería realizar la multiplicación de la base por la
altura (base*altura) y posteriormente mostrar el resultado en un paralelogramo,
mientras que el final del diagrama de flujo se encierra en un óvalo, como se muestra
en la siguiente imagen:

_ 9

www.desafiolatam.com
 Imagen 11. Paso 3 - Procesamiento de datos, muestra y final.
Fuente: Desafío Latam

Pseudocódigo

Corresponde a otra forma de representar un algoritmo. Es una estructuración de los pasos a

seguir de un algoritmo escrito de una manera secuencial, en la que se detallan todos los
pasos a seguir. Se le llama pseudocódigo ya que el objetivo es escribir el algoritmo como si
se estuviera escribiendo en un lenguaje de programación, sin que sea un lenguaje
específico. Es decir, escribimos con nuestras palabras las acciones que correspondan,
como: Leer Valor, Mostrar resultado, entre otras. Por ejemplo, si queremos realizar el
pseudocódigo para un programa que sume dos números ingresados por el usuario y
muestre el resultado, sería algo como lo siguiente:

Datos de Entrada Proceso Datos de Salida

Números ingresados por el Realizar la suma de los dos Mostrar el resultado de la

usuario números suma de ambos números
numero1
numero2 numero1 + numero2 Sumatoria Final
Tabla 3. Estructura en partes del problema.
Fuente: Desafío Latam

Esto, representado en pseudocódigo, se grafica de la siguiente manera:

_ 10

www.desafiolatam.com
 Inicio
Leer numero1
Leer numero2
numero1 + numero2
Mostrar numero1 + numero2
Fin

Como se pudo observar en el ejemplo anterior, en el pseudocódigo se utiliza la instrucción

leer para especificar que el usuario tiene que ingresar un valor y mostrar para imprimir el
valor en pantalla, también declarando el inicio y el fin del algoritmo.

Ventajas de usar pseudocódigo

La gracia de escribir el pseudocódigo de un algoritmo es que permite centrarse en la

estructura misma del algoritmo más que en las condiciones propias de un lenguaje de
programación. Una vez listo el pseudocódigo, la implementación de este en un lenguaje de
programación suele ser más sencilla.

El pseudocódigo, al igual que el diagrama de flujo, nos permite pensar en términos

independientes al lenguaje de programación y concentrarnos en describir lo que estamos
tratando de hacer y los pasos necesarios, en lugar de cómo lograrlo. En programación, es
muy importante poder comunicar al computador lo que tiene que hacer paso a paso. Por
consiguiente, escribir pseudocódigo y diagramas de flujo ayuda a reforzar esta habilidad.

Ejercicio guiado: Pseudocódigo

Crear un algoritmo en pseudocódigo que calcule el área de un rectángulo, partiendo de los

datos ingresados por el usuario como lo son la base y la altura.

● Paso 1: Crear una tabla para identificar las tres partes fundamentales del problema:

Datos de Entrada Proceso Datos de Salida

Valores ingresados por el Realizar el cálculo del área Mostrar el resultado del área
usuario del rectángulo mediante la del rectángulo
base fórmula:
altura Área Final
área=base*altura
Tabla 4. Estructura en partes del problema.
Fuente: Desafío Latam

_ 11

www.desafiolatam.com
 ● Paso 2. Dar inicio a la escritura de nuestro código en pseudolenguaje, indicando los
procesos y procedimientos, siguiendo la secuencia correspondiente al enunciado.
Por lo que primeramente debemos iniciar el pseudocódigo y luego leer los valores de
entrada:

Inicio
Leer base
Leer altura

● Paso 3: Realizar la operación requerida en el proceso al inicio del ejemplo, lo cual,

sería realizar el cálculo del área mediante la multiplicación de la base por la altura:

base * altura

● Paso 4: Una vez multiplicado los datos ingresados por el usuario, se procede a
terminar el pseudocódigo mostrando el resultado del área del rectángulo e indicando
el fin del algoritmo, quedando todo el pseudocódigo de la siguiente manera:

Inicio
Leer base
Leer altura
base * altura
Mostrar base * altura
Fin

_ 12

www.desafiolatam.com