Instituto Tecnológico de

Tlalnepantla
Diagrama de flujo y
Pseudocódigo
UNIDAD I
Grupo T33
Alumno: Maldonado Urbán
Alejandra
Profesora; Hernández García Benjamín
Introducción
Ambos códigos son una ayuda para la solución de un problema pero
lo que tienen en común es que sus códigos son algoritmos que su
construcción es muy sencilla de comprender y escribir la lógica de la
solución y cumple el objetivo de solucionar un problema, el sistema
que utilizan ambos es una representación de lenguaje de
programación.

Los diagramas de flujo nos ayuda gráficamente con la solución de

los problemas, el cual muestra gráficamente los pasos o procesos a
seguir para alcanzar la solución de un problema. Su correcta
construcción es sumamente importante porque, a partir del mismo
se escribe un programa en algún Lenguaje de Programación. Los
diagramas de flujo son importantes porque nos facilita la manera de
representar visualmente el flujo de datos por medio de un sistema de
tratamiento de información, en este realizamos un análisis de los
procesos o procedimientos que requerimos para realizar un
programa o un objetivo.

El pseudocódigo consiste básicamente en escribir la lógica de su

solución para un desafío de codificación específico usando un código
simple comprendido por el ser humano.
U
1.1 Simbología
N 1.2 Reglas para la construcción de diagramas de flujo

I 1.3 Pseudocódigo

D
A
D
I
1.1 Diagramas de flujo
Los diagramas de flujo usan formas especiales para representar diferentes tipos de acciones o pasos en
un proceso. Las líneas y flechas muestran la secuencia de los pasos y las relaciones entre ellos. Estos son
conocidos como símbolos de diagrama de flujo.
 SIMBOLOGÍA Y SIGNIFICADO

El primer símbolo que se muestra Nombre: Decisión

es la flecha, un símbolo de conexión
utilizado para indicar una
interconexión entre otros dos
símbolos, y la dirección del
flujo.
Nombre: Terminación
Significado del símbolo en diagramas de
flujo: Indica el comienzo o el final de
un flujo en el diagrama de procesos.
Nombre: Proceso Significado del símbolo en diagramas de
Significado del símbolo en diagramas de flujo: Esto demuestra que se
flujo: Indica un determinado debe tomar una decisión y que el
proceso y sus funciones y flujo del proceso va a seguir
actividades. cierta dirección según esta
decisión.

Nombre: Retardo Nombre: Documento

Significado del símbolo en
diagramas de flujo: Significa
que pasará un tiempo antes
de que el flujo del proceso
continúe.
Nombre: Datos Nombre: Varios Documentos
Significado del símbolo en Significado del símbolo en diagramas
Significado del símbolo en
diagramas de flujo. Significado del símbolo en de flujo: Indica que son varios
diagramas de flujo:
diagramas de flujo: Es un tipo de dato o documentos.
Representa cualquier información que las personas pueden leer,
tipo de dato en el como un informe impreso, por ejemplo.
diagrama de flujo.
 SIMBOLOGÍA Y SIGNIFICADO

Nombre: Sub-rutina o proceso Nombre: Nombre: Preparación Nombre: Display

predefinido
Significado del símbolo en
diagramas de flujo:Un proceso
que ya está definido
previamente.
Significado del símbolo en
diagramas de flujo: Esto indica
que hay que hacer, ajustar o
modificar algo en el proceso
antes de proceder.
Significado del símbolo en
diagramas de flujo:
Indica que se exhibirá alguna
información o dato
para leer en una pantalla u otra
forma de visualización.
Nombre: Entrada manual
Significado del símbolo en
diagramas de flujo: 
Esto indica que una persona
hará un procedimiento
manualmente.

Nombre: Loop manual Nombre: Datos almacenados Nombre: Conector Nombre: Conector para otra página
Significado del símbolo en Significado del símbolo en Significado del símbolo en Significado del símbolo en diagramas
diagramas de flujo:  diagramas de flujo: diagramas de flujo:  de flujo: Esto indica que
Muestra el comienzo de un  Esto muestra que existen Indica que habrá una hay una referencia cruzada y un
proceso de loop. datos almacenados. inspección en este punto. enlace de este proceso, a otro
proceso diseñado en otra página.
 SIMBOLOGÍA Y SIGNIFICADO

Nombre: O Nombre: Agrupar

Nombre: Sumador
Significado del símbolo en diagramas de flujo: 
Significado del símbolo en diagramas de flujo:
Se utiliza para indicar la “o” lógica.
 Se utiliza para indicar la “y” lógica.
Significado del símbolo de diagrama de
flujo: Indica una etapa en la que se
organizan los datos de una manera
estándar.

Nombre: Clasificar
Significado del símbolo en diagramas
de flujo: Esto indica que en este
punto se generará una lista que
organiza elementos en un orden
determinado
Nombre: Mezclar
Significado del símbolo en diagramas
de flujo: Indica un paso en el que se
combinarán diversos
conjuntos en uno solo.
Nombre: Base de datos
Significado del símbolo en
diagramas de flujo: Una lista de
información con una estructura
estandarizada que
permite la investigación y la
clasificación.
Nombre: Almacenamiento
interno
Significado del símbolo en
diagramas de flujo:
 Indica un dispositivo de
almacenamiento interno.
 1.2 Reglas para la
0% construcción de un diagrama de flujo.
Debemos recordar que un diagrama de flujo debe ilustrar gráficamente los
pasos o procesos a seguir para alcanzar la solución de un problema.
El diagrama de flujo facilitará más tarde la escritura del programa en algún
lenguaje de programación.

50
%

100%
 Reglas para la
construcción de un diagrama de flujo.

Todas las líneas

utilizadas para indicar la
Si el diagrama de flujo
dirección del flujo del
 Construirse de diagrama deben estar requiriera más de una hoja
arriba hacia abajo conectadas. para su construcción, No puede llegar más de
o de izquierda a derecha La conexión puede ser debemos utilizar los una línea a un símbolo
a un símbolo que conectores adecuados y
exprese lectura,
proceso, decisión, enumerar las páginas
impresión, conexión o convenientemente
fin de diagrama
 Reglas para la
construcción de un diagrama de flujo.
La notación utilizada
en el diagrama de flujo
Las líneas utilizadas debe ser Es conveniente
para indicar la independiente del cuando realizamos No dejar
dirección del flujo del lenguaje de una tarea compleja
programación. L a poner comentarios líneas de fujo
diagrama deben ser
solución presentada que expresen o sin conectar.
rectas, verticales y en el diagrama puede ayuden a entender
horizontales escribirse posterior lo que hicimos
mente y fácilmente en
diferentes lenguajes
de programación
 4.3 PSEUDOCÓDIGO
Es un lenguaje creado especialmente para la realización
de algoritmos; la característica principal de éste es que se
pensó para el entendimiento del humano y no el de la
máquina. Por ello es que se considera un lenguaje sencillo.
Como todos los algoritmos se deben ejecutar en una
máquina, es necesario traducir el pseudocódigo a un
lenguaje de programación, siendo considerado un
borrador, por esto es utilizado en textos donde no está
definido un lenguaje de programación en particular,
haciendo de él uno universal. El pseudocódigo es
considerado un lenguaje de alto nivel (pie de página: Se
caracteriza por ser más entendible por el humano que los de
un nivel inferior) y posee una estructura secuencial.
4.3 PSEUDOCÓDIGO
Ejemplo
DIAGRAMA DE FLUJO Y
PSEUDOCÓDIGO

5 EJEMPLOS DE CADA UNO

PSEUDOCÓDIGO
CICLO repetir
Diagrama de flujo
CICLO repetir
 PSEUDOCÓDIGO
CICLO MIENTRAS
DIAGRAMA DE FLUJO
CICLO MIENTRAS
PSEUDOCÓDIGO
CICLO para
DIAGRAMA DE FLUJO
CICLO para
PSEUDOCÓDIGO
Función Si
If y else
DIAGRAMA DE FLUJO
Función si
PSEUDOCÓDIGO
Función según
DIAGRAMA DE FLUJO
Función según
 CONCLUSIONES
Los algoritmos que se presentan son una sencilla utilización con las
sentencias selectivas, ciclos y múltiples con ayuda de pseudocódigo y
diagramas de flujo podemos ver que ambos hacen la misma función
podemos llegar a la misma solución y que su forma grafica y sencilla
es fácil de comprender por el ser humano
 Referencias
● Pacheco, J. (2018, 25 diciembre). Significado de los 23 símbolos de diagrama de flujo de procesos. HEFLO ES.
https://www.heflo.com/es/blog/modelado-de-procesos/significado-simbolos-diagrama-flujo/
● Battistutti, O. C. (2015). METODOLOGIA DE LA PROGRAMACION (3.a ed.). ALFAOMEGA GPO ED.
● Cuervo, V. (2015, 8 junio). Comentarios en Java. Línea de Código. http://lineadecodigo.com/java/comentarios-
en-java/
● Garro, A. (2014, 15 abril). Estructura de un programa | Java. JAVA.
https://www.arkaitzgarro.com/java/capitulo-2.html#comentarios
● Garro, A. (2014b, abril 15). Operadores | Java. JAVA. https://www.arkaitzgarro.com/java/capitulo-4.html