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 ergebnisTú decides qué servicios podemos activar para análisis, personalización y contenido externo.
Utilizamos cookies y tecnologías similares en nuestro sitio web para personalizar el contenido, integrar medios externos y comprender mejor el uso de determinadas secciones.
Cookies necesarias
Estas entradas garantizan funciones básicas como la seguridad, la estabilidad y el procesamiento de formularios.
Secciones opcionales
Tus datos pueden tratarse con tu consentimiento o sobre la base de intereses legítimos. En la configuración de cookies puedes rechazar cada categoría opcional o autorizarla expresamente.
Algunos servicios procesan datos personales en terceros países. Al dar tu consentimiento, también aceptas esta transferencia. Encontrarás más información en nuestra política de privacidad.
Puedes volver a abrir y modificar tu selección en cualquier momento. · 1.0.2
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.
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.
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.
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
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
Cinco pasos desde la plantilla hasta la exportación, sin cuenta ni descargas.
Paso 1
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
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
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
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
Descarga el diagrama como PNG, SVG o PDF (A4), guarda el archivo de proyecto (JSON) o crea un enlace para compartir.
Conceptos básicos
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
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:
PROGRAMM Fakultät
EINGABE n
ergebnis := 1
FÜR i VON 1 BIS n
ergebnis := ergebnis * i
ENDE FÜR
AUSGABE ergebnisPROGRAM Factorial
INPUT n
result := 1
FOR i FROM 1 TO n
result := result * i
END FOR
OUTPUT result| Bloque de construcción | Alemán | Inglés |
|---|---|---|
| Entrada | EINGABE x | INPUT x |
| Resultado | AUSGABE x | OUTPUT x |
| Subprograma | AUFRUF p(x) | CALL p(x) |
| Bifurcación | WENN … DANN … SONST … ENDE WENN | IF … THEN … ELSE … END IF |
| Selección de casos | FALLS x FALL 1: … SONST: … ENDE FALLS | SWITCH x CASE 1: … DEFAULT: … END SWITCH |
| Bucle con condición al inicio | SOLANGE … ENDE SOLANGE | WHILE … END WHILE |
| Bucle con condición al final | WIEDERHOLE … BIS … | REPEAT … UNTIL … |
| Bucle de conteo | FÜR i VON 1 BIS n … ENDE FÜR | FOR i FROM 1 TO n … END FOR |
| Bucle infinito | ENDLOSSCHLEIFE … ENDE ENDLOSSCHLEIFE | LOOP … END LOOP |
| Salida del bucle (interrupción) | ABBRUCH | BREAK |
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
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.
DIN 66261
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.
Un rectángulo representa un paso de procesamiento individual, p. ej., una asignación o un cálculo.
Los bloques colocados uno debajo de otro se ejecutan de arriba abajo, uno tras otro. Las entradas y salidas son bloques de instrucciones normales.
Un triángulo con la condición divide el flujo en una rama Sí y otra No. Una rama vacía se marca con ∅.
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.
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.
La condición está abajo: el cuerpo se ejecuta al menos una vez y se repite hasta que se cumple la condición.
Un bucle con condición al inicio, variable de conteo, valores inicial y final e incremento opcional.
Un bloque con líneas laterales dobles llama a un subprograma independiente descrito en otro lugar.
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.
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 de DIN 66001 que utiliza el editor para los diagramas de flujo. El flujo se organiza automáticamente; no tienes que mover nada.
El óvalo marca el inicio y el final del diagrama de flujo.
Un rectángulo representa un paso de procesamiento, p. ej., una asignación o un cálculo.
El paralelogramo muestra dónde se leen o se emiten datos.
El rombo contiene una condición. Según el resultado, el flujo continúa por la salida Sí o No.
Un rectángulo con líneas laterales dobles llama a un subprograma que tiene su propio diagrama de flujo.
Las líneas con flecha conectan los símbolos e indican el orden. El flujo normal va de arriba abajo.
Después de una bifurcación, ambas rutas vuelven a unirse en un punto antes de que continúe el flujo.
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.
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.
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
Compara textos online: compara dos textos, configuraciones o versiones de código, ve las diferencias por línea y palabra y cópialas como Unified Diff. Funciona íntegramente en el navegador.
Creado por Dimitri Heissler
Prueba expresiones regulares en tiempo real con el motor nativo de JavaScript, con resaltado de coincidencias, grupos de captura y modo de reemplazo, directamente en el navegador.
Creado por Jakub Martyniak
Escribe Markdown online con vista previa en directo: README para GitHub y mensajes de Discord, tablas de Excel y exportación a PDF o HTML. Todo en el navegador.
Creado por Dimitri Heissler
Crea diagramas de flujo de programas según DIN 66001 online: diseño automático, editor por bloques o pseudocódigo, cambio a diagramas Nassi-Shneiderman, 9 plantillas de examen y exportación a PNG, SVG y PDF.
Creado por Justin Schuessler
Conversor de sistemas numéricos: de hexadecimal a decimal, de binario a decimal y viceversa, además de octal y cualquier base hasta 36. Incluye los pasos del cálculo, complemento a dos y bits interactivos.
Creado por Luca Stanek
FAQ
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 soporteEn un VPS de ZAP-Hosting tienes acceso root completo para cualquier lenguaje; en un espacio web, PHP y MySQL funcionan de inmediato.
Sin configuración. Sin riesgos. En línea en segundos.
¿Buscas más herramientas? Ver todas las herramientas para desarrolladores
© 2026 ZAP-Hosting GmbH