Saltar al contenido
Herramienta gratuita

Crea diagramas de Nassi-Shneiderman online: editor de diagramas estructurados

Crea diagramas de Nassi-Shneiderman online según DIN 66261: con bloques mediante clics o a partir de pseudocódigo con palabras clave en alemán o inglés. Convierte el mismo flujo en un diagrama de flujo con un clic y expórtalo como PNG, SVG o PDF. Gratis, sin registro y por completo en tu navegador.

Creado por Justin Schuessler

¿Ya tienes el proceso? Prueba el código directamente en tu propio VPS o espacio web.

Bloques de construcción

100 %
Diagrama de Nassi-Shneiderman: FactorialFactorialEntrada: nresult := 1para i de 1 a nresult := result * iResultado: result

Teclado en el diagrama: ↑/↓ seleccionar bloque, Intro editar texto, Alt+↑/↓ mover, Supr eliminar, Ins insertar bloque, Ctrl+Z/Ctrl+Y deshacer/rehacer, Ctrl+X/C/V cortar/copiar/pegar.

Sintaxis del pseudocódigo
PROGRAM Name
INPUT x / OUTPUT x
CALL procedure(x)
IF condition THEN … ELSE IF … ELSE … END IF
SWITCH x  CASE 1: …  DEFAULT: …  END SWITCH
WHILE condition … END WHILE
REPEAT … UNTIL condition
FOR i FROM 1 TO n STEP 1 … END FOR
LOOP name … BREAK name … END LOOP

Cualquier otra línea es una instrucción; si empieza por \, siempre es una instrucción, aunque comience con una palabra clave.

La indentación y las mayúsculas no importan, y puedes mezclar palabras clave en alemán e inglés. No se genera ni se ejecuta código real.

Haz clic en un bloque del diagrama para editarlo aquí. Haz doble clic para editar el texto directamente en el diagrama.

Guardar y exportar

Todo funciona en tu navegador: el estado actual solo se guarda localmente y el enlace para compartir contiene el propio diagrama. No se nos envía ningún dato.

Funciones

Dibuja diagramas de Nassi-Shneiderman sin trazar líneas

Tú describes el flujo; el editor organiza los bloques según DIN 66261 y mantiene actualizadas ambas vistas.

Bloques estructurales conforme a la norma

Instrucciones, bifurcaciones, selección de casos, bucles con condición al inicio o al final, bucles con contador, bucles infinitos, salidas y llamadas a subprogramas según DIN 66261.

Cambiar a la vista PAP

El mismo flujo como diagrama de flujo de programas según DIN 66001, organizado automáticamente y con líneas de retorno para los bucles.

Editor visual por clics

Coloca bloques antes, después o dentro de otro bloque; edita los textos directamente en el diagrama, mueve o elimina elementos y deshaz cambios.

Pseudocódigo en ambos sentidos

El texto y el diagrama se mantienen sincronizados. El editor indica la línea y muestra una pista si hay un error de escritura; el diagrama permanece visible.

Exportación y archivo de proyecto

PNG y SVG para documentos, PDF en A4 para imprimir y archivo de proyecto (JSON) para guardar y volver a abrir.

Comparte sin cuenta

El enlace para compartir incluye el diagrama en la parte de la dirección situada después de #. No se guarda nada en nuestros servidores.

Cómo funciona

Cómo crear un diagrama de Nassi-Shneiderman online

Cinco pasos desde la plantilla hasta la exportación, sin cuenta ni descargas.

Paso 1

Cargar plantilla o empezar de cero

En «Cargar plantilla de ejemplo», elige uno de los nueve ejercicios, como la ordenación de burbuja o el cálculo de notas. Con «Nuevo» empiezas con un flujo vacío.

Paso 2

Insertar bloques

Elige un bloque, como una bifurcación o un bucle de conteo, selecciona un bloque del diagrama e inserta el nuevo antes, después o dentro de él. Haz doble clic para editar el texto directamente en el diagrama.

Paso 3

O escribe pseudocódigo

En el campo «Pseudocódigo», escribe una línea por paso con palabras clave en alemán o inglés. El diagrama y el texto permanecen sincronizados; si hay un error tipográfico, el editor señala la línea con una indicación.

Paso 4

Comprobar y cambiar de vista

Mueve, copia o elimina bloques y deshaz pasos. Si lo necesitas, cambia a la vista de diagrama de flujo para ver el mismo proceso con flechas.

Paso 5

Exportar o compartir

Descarga el diagrama como PNG, SVG o PDF (A4), guarda el archivo de proyecto (JSON) o crea un enlace para compartir.

Conceptos básicos

¿Qué es un diagrama de Nassi-Shneiderman?

Un diagrama de Nassi-Shneiderman, también llamado diagrama N-S o diagrama de Chapin, representa el flujo de un algoritmo mediante bloques anidados. Isaac Nassi y Ben Shneiderman publicaron esta representación en 1973; en Alemania, sus símbolos están normalizados en DIN 66261.

Como no permite saltos arbitrarios, un diagrama de Nassi-Shneiderman exige una programación estructurada: las secuencias, bifurcaciones y repeticiones quedan visiblemente anidadas. Por eso, estudiantes de distintos niveles lo usan para planificar algoritmos antes de elegir un lenguaje de programación.

Con este editor puedes crear diagramas de Nassi-Shneiderman online sin dibujar líneas ni medir recuadros: calcula los bloques a partir de tu flujo y, si quieres, dibuja ese mismo flujo como diagrama de flujo de programas.

Pseudocódigo

Del pseudocódigo al diagrama de Nassi-Shneiderman

Escribe una línea por paso y el diagrama se actualizará mientras escribes. El editor reconoce palabras clave en alemán e inglés; las mayúsculas, las minúsculas y la sangría no importan. Así es la plantilla «Factorial» que aparece al abrir el editor por primera vez:

Con palabras clave en alemán

PROGRAMM Fakultät
EINGABE n
ergebnis := 1
FÜR i VON 1 BIS n
  ergebnis := ergebnis * i
ENDE FÜR
AUSGABE ergebnis

Con palabras clave en inglés

PROGRAM Factorial
INPUT n
result := 1
FOR i FROM 1 TO n
  result := result * i
END FOR
OUTPUT result
Palabras clave para los bloques estructurales
Bloque de construcciónAlemánInglés
EntradaEINGABE xINPUT x
ResultadoAUSGABE xOUTPUT x
SubprogramaAUFRUF p(x)CALL p(x)
BifurcaciónWENN … DANN … SONST … ENDE WENNIF … THEN … ELSE … END IF
Selección de casosFALLS x FALL 1: … SONST: … ENDE FALLSSWITCH x CASE 1: … DEFAULT: … END SWITCH
Bucle con condición al inicioSOLANGE … ENDE SOLANGEWHILE … END WHILE
Bucle con condición al finalWIEDERHOLE … BIS …REPEAT … UNTIL …
Bucle de conteoFÜR i VON 1 BIS n … ENDE FÜRFOR i FROM 1 TO n … END FOR
Bucle infinitoENDLOSSCHLEIFE … ENDE ENDLOSSCHLEIFELOOP … END LOOP
Salida del bucle (interrupción)ABBRUCHBREAK

El editor no reconoce palabras clave en otros idiomas: esas líneas se convierten en instrucciones simples. Puedes escribir los textos de los bloques, como condiciones, instrucciones y nombres, en cualquier idioma. Si hay un error tipográfico, el editor señala la línea con una indicación y conserva el último diagrama válido.

Plantillas de ejercicios

Ejemplos de diagramas de Nassi-Shneiderman para practicar

Hay nueve ejercicios habituales de clases de informática, formación profesional y estudios universitarios listos para usar. Cárgalos con «Cargar plantilla de ejemplo» y modifícalos libremente. Las plantillas usan las palabras clave seleccionadas en el campo de pseudocódigo: alemán o inglés.

  • Factorial
  • Cálculo de notas
  • Inicio de sesión con 3 intentos
  • Año bisiesto
  • Máximo de una lista
  • Ordenación de burbuja
  • Máquina expendedora de bebidas
  • Prueba de primalidad
  • Adivinar el número

DIN 66261

Los símbolos principales del diagrama de Nassi-Shneiderman

Los bloques estructurales de Nassi-Shneiderman que puede dibujar el editor. Cada bloque tiene exactamente una entrada arriba y una salida abajo. El editor no ofrece el procesamiento paralelo de DIN 66261.

Instrucción (bloque estructural)suma := suma + numero

Instrucción (bloque estructural)

Un rectángulo representa un paso de procesamiento individual, p. ej., una asignación o un cálculo.

SecuenciaEntrada: numerocuadrado := numero * numeroResultado: cuadrado

Secuencia

Los bloques colocados uno debajo de otro se ejecutan de arriba abajo, uno tras otro. Las entradas y salidas son bloques de instrucciones normales.

Bifurcación (selección)numero > 0sínoResultado: «positivo»∅

Bifurcación (selección)

Un triángulo con la condición divide el flujo en una rama Sí y otra No. Una rama vacía se marca con ∅.

Selección de casos (selección múltiple)x1a := 102a := 20si noa := 0

Selección de casos (selección múltiple)

Según el valor de una expresión, se ejecuta exactamente uno de los casos. Los valores de cada caso aparecen justo debajo de la diagonal; el último caso (a menudo «si no», para los demás valores) aparece en el triángulo derecho.

Bucle con condición al iniciomientras i <= 10i := i + 1

Bucle con condición al inicio

La condición está arriba y se comprueba antes de cada iteración. Si es falsa desde el principio, el cuerpo no se ejecuta ni una vez.

Bucle con condición al finalEntrada: numerohasta numero > 0

Bucle con condición al final

La condición está abajo: el cuerpo se ejecuta al menos una vez y se repite hasta que se cumple la condición.

Bucle de conteopara i de 1 a 10Resultado: i

Bucle de conteo

Un bucle con condición al inicio, variable de conteo, valores inicial y final e incremento opcional.

Llamada a subprogramaordenar(lista)

Llamada a subprograma

Un bloque con líneas laterales dobles llama a un subprograma independiente descrito en otro lugar.

Bucle infinitoMenúEntrada: opciónejecutar(elección)

Bucle infinito

Una repetición sin condición: banda superior (con etiqueta opcional), barra izquierda y banda inferior. Solo se sale de ella mediante una salida del bucle.

Salida del bucle (interrupción)Menú

Salida del bucle (interrupción)

La cuña de la izquierda sale del bucle envolvente más interno; la etiqueta indica el bloque del que se sale. Después, la ejecución continúa con el bloque posterior a ese bucle.

DIN 66001

Los símbolos principales del diagrama de flujo

Los símbolos de DIN 66001 que utiliza el editor para los diagramas de flujo. El flujo se organiza automáticamente; no tienes que mover nada.

Terminal (inicio/fin)Inicio

Terminal (inicio/fin)

El óvalo marca el inicio y el final del diagrama de flujo.

Operaciónsuma := suma + numero

Operación

Un rectángulo representa un paso de procesamiento, p. ej., una asignación o un cálculo.

Entrada/salidaEntrada: numero

Entrada/salida

El paralelogramo muestra dónde se leen o se emiten datos.

Bifurcaciónnumero > 0

Bifurcación

El rombo contiene una condición. Según el resultado, el flujo continúa por la salida Sí o No.

Subprogramaordenar(lista)

Subprograma

Un rectángulo con líneas laterales dobles llama a un subprograma que tiene su propio diagrama de flujo.

Línea de flujoEntrada: numeroResultado: numero

Línea de flujo

Las líneas con flecha conectan los símbolos e indican el orden. El flujo normal va de arriba abajo.

Bifurcación con uniónnumero > 0sínos := 1s := -1

Bifurcación con unión

Después de una bifurcación, ambas rutas vuelven a unirse en un punto antes de que continúe el flujo.

Límite del bucle (bucle infinito)MenúEntrada: opciónMenú

Límite del bucle (bucle infinito)

Un hexágono con las esquinas superiores biseladas marca el inicio del bucle; otro con las esquinas inferiores biseladas marca el final. El editor usa este par para el bucle infinito.

Punto de salidaBucle infinitolistosínoAcontinuar()Bucle infinitoA

Punto de salida

Un círculo con una letra conecta dos puntos sin una línea larga. La salida del bucle termina en el círculo A y el flujo continúa en el círculo A situado después del bucle.

Bucle con retornoi <= 10síi := i + 1no

Bucle con retorno

Un bucle se crea mediante una bifurcación y una línea de retorno que vuelve a un punto anterior a la condición.

Descubrir más

Más herramientas

FAQ

Preguntas frecuentes

Respuestas breves sobre los diagramas de Nassi-Shneiderman, la norma DIN 66261 y este editor.

Un diagrama de Nassi-Shneiderman representa gráficamente el flujo de un programa o algoritmo sin depender de un lenguaje de programación. Cada paso de procesamiento es un rectángulo, y las bifurcaciones y los bucles son bloques anidados. Al no permitir saltos, obliga a crear un flujo bien estructurado. Isaac Nassi y Ben Shneiderman publicaron esta representación en 1973; por eso también se conoce como diagrama N-S o diagrama de Chapin.

Aquí mismo, en el editor: es gratuito, no requiere cuenta y funciona por completo en tu navegador. El estado actual solo se guarda en el almacenamiento local de tu navegador y los archivos exportados se generan directamente en tu dispositivo. El enlace para compartir incluye el diagrama en la parte de la dirección situada después de #, que no se envía al servidor.

Instrucción, secuencia, entrada, salida, bifurcación, selección de casos, bucle con condición al inicio o al final, bucle de conteo, bucle infinito, salida del bloque (interrupción) y llamada a subprograma. Los símbolos siguen la norma DIN 66261 (símbolos para diagramas de Nassi-Shneiderman, 1985). El editor solo omite el procesamiento paralelo de la norma.

Ambos describen el mismo flujo. El diagrama de Nassi-Shneiderman anida bloques y no permite saltos arbitrarios. El diagrama de flujo (DIN 66001) conecta símbolos mediante flechas; los bucles se forman con líneas de retorno. En este editor puedes cambiar de una vista a otra con un clic, ya que ambas se dibujan a partir del mismo flujo. Ir al editor de diagramas de flujo

El bucle con condición al inicio (while, «mientras…») tiene la condición arriba y la comprueba antes de cada iteración, por lo que el cuerpo puede no ejecutarse nunca. El bucle con condición al final («repetir… hasta…») la comprueba abajo, así que el cuerpo se ejecuta al menos una vez. El bucle de conteo (for) tiene la condición al inicio, una variable de conteo, valores inicial y final y un incremento opcional. Un bucle infinito no tiene condición y solo se abandona mediante una salida del bloque (interrupción).

Una línea por paso. Abres y cierras los bloques con palabras clave fijas en alemán (WENN, FALLS, SOLANGE, WIEDERHOLE … BIS, FÜR … VON … BIS) o en inglés (IF, SWITCH, WHILE, REPEAT … UNTIL, FOR … FROM … TO); eliges el idioma en el campo de pseudocódigo. El editor no reconoce palabras clave en otros idiomas, pero puedes escribir los textos de los bloques en cualquier idioma. El editor no convierte código Java o Python ni genera código de programación. Si hay un error tipográfico, señala la línea con una indicación y conserva el último diagrama válido.

Exporta en PNG de alta resolución, en SVG para seguir editando o en PDF en una página A4 para imprimir. Puedes insertar el PNG como imagen en Word o LibreOffice Writer. El archivo de proyecto (JSON) te permite guardar el flujo y volver a abrirlo más adelante; incluye un número de versión para que los archivos antiguos funcionen también en versiones más recientes del editor.

Sí, hay nueve plantillas con ejercicios habituales: factorial, cálculo de notas, inicio de sesión con 3 intentos, año bisiesto, máximo de una lista, ordenación de burbuja, máquina expendedora de bebidas, prueba de primalidad y adivinar un número. Cárgalas con «Cargar plantilla de ejemplo» y modifícalas libremente. Si tienes que dibujar a mano en un examen, el editor te ayuda a practicar y comprobar tus resultados.

¿Tienes más preguntas?

Contactar con soporte
Del flujo al programa

Prueba el código de tu diagrama de Nassi-Shneiderman en un servidor propio

En un VPS de ZAP-Hosting tienes acceso root completo para cualquier lenguaje; en un espacio web, PHP y MySQL funcionan de inmediato.

4,4/5 Trustpilot32.000+ Servidores activosDesde 2010

Sin configuración. Sin riesgos. En línea en segundos.

Duración flexibleCancelable en cualquier momentoEn línea en 60 segundos

¿Buscas más herramientas? Ver todas las herramientas para desarrolladores