![A 16:10 hero banner styled graphic featuring a clean, modern illustration. The background is subtle and uses glowing accents, circuit board traces, and digital symbols with blues, greens, and white colors. Vertical columns define main participants like \"Card Reader\", \"ATM Interface\", \"Bank Server\", and \"Cash Dispenser\" across the top. Arrows with numbered steps (1, 2, 3...) indicate the sequential flow of communication, beginning with a \"Customer\" actor on the left. Key sections highlight the main decision structures using \"alt [PIN Invalid] \/ [PIN Valid]\" and \"alt [Insufficient Funds] \/ [Account Approved]\", clearly detailing both successful and alternative paths of interaction. No product logos are included. At the very top center, the main title in clean fonts reads \"BUILDING A ROBUST ATM SEQUENCE DIAGRAM\" with a subtitle \"STEP-BY-STEP PLANTUML GUIDE\".](\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/08\/atm-sequence-diagram-plantuml-guide.jpg\")
<\/p>\n<\/p>\n
Dise\u00f1ar transacciones financieras sist\u00e9micas requiere claridad absoluta. Ya sea que est\u00e9s arquitectando un motor bancario, documentando un flujo de trabajo heredado o capacitando equipos de ingenier\u00eda, undiagrama de secuencia de PlantUML<\/strong>es una de las formas m\u00e1s efectivas de visualizar las interacciones ordenadas en el tiempo entre los componentes del sistema.<\/p>\n En esta gu\u00eda, te mostrar\u00e9 mi proceso de pensamiento exacto para crear undiagrama de secuencia de retiro de efectivo de ATM<\/strong> desde cero usando PlantUML. Cubriremos la configuraci\u00f3n de participantes, flujos de mensajes y ramificaciones condicionales anidadas para el manejo de errores, todo usandoVPasCode<\/a>, nuestra herramienta gratuita dediagrama como c\u00f3digo<\/strong> y editor en l\u00ednea dePlantUML<\/strong>.<\/p>\n \u00a0<\/p>\n Siempre comienzo mis diagramas de PlantUML estableciendo configuraciones globales claras. Al modelar operaciones financieras como un retiro de ATM, llevar un registro del orden de ejecuci\u00f3n es cr\u00edtico tanto para desarrolladores como para auditores.<\/p>\n Para lograr esto, comienzo con la \u00bfPor qu\u00e9 usar A continuaci\u00f3n, identifico las entidades distintas que participan en la transacci\u00f3n. Quiero separar a los actores humanos de los componentes de fondo y de los subsistemas de hardware.<\/p>\n En lugar de permitir que PlantUML declare a los participantes impl\u00edcitamente mientras se dibujan los mensajes, los defino expl\u00edcitamente en la parte superior. Esto garantiza que aparezcan en un orden l\u00f3gico, de izquierda a derecha, que refleje su frontera arquitect\u00f3nica:<\/p>\n Raz\u00f3n de dise\u00f1o:<\/strong><\/p>\n Con los participantes declarados, comienzo a trazar el inicio del flujo principal: insertar la tarjeta, leer los datos, solicitar un PIN y contactar con el servidor central del banco.<\/p>\n Observe c\u00f3mo los mensajes s\u00edncronos usan flechas s\u00f3lidas ( Los sistemas del mundo real fallan, y los diagramas de secuencia deben comunicar expl\u00edcitamente las condiciones de error. Una vez que el ATM solicita verificaci\u00f3n al banco, pueden ocurrir dos resultados: la autenticaci\u00f3n falla o tiene \u00e9xito.<\/p>\n Para representar la l\u00f3gica condicional en PlantUML, uso un T\u00e9cnicas Clave Utilizadas:<\/strong><\/p>\n Una vez verificada la autenticaci\u00f3n, el usuario solicita un retiro. Sin embargo, el banco debe verificar los saldos de cuenta y los l\u00edmites diarios. Para representar esta validaci\u00f3n secundaria, anido un segundo Si los fondos son insuficientes, la transacci\u00f3n termina de forma segura. Si es aprobada, el banco reduce el saldo de la cuenta, activa el dispensador de efectivo, presenta el dinero, expulsa la tarjeta y ofrece un recibo impreso opcional.<\/p>\n Consejo Profesional:<\/strong> Observa la llamada interna Aqu\u00ed est\u00e1 el c\u00f3digo fuente completo y ensamblado para nuestro Diagrama de Secuencia de Retiro de Efectivo de ATM. Puedes copiar y pegar este c\u00f3digo directamente en tu editor favorito de editor gratuito de PlantUML<\/strong> para editar o renderizar gr\u00e1ficos vectoriales:<\/p>\n![\"An](\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/08\/img_6a7497c0b9fd4.png\")
<\/p>\nPaso 1: Configuraci\u00f3n del t\u00edtulo y numeraci\u00f3n autom\u00e1tica de pasos<\/h2>\n
@startuml<\/code>etiqueta, defino un t\u00edtulo descriptivo y habilito la funci\u00f3n deautonumber<\/code>caracter\u00edstica.<\/p>\n@startuml\r\nt\u00edtulo Diagrama de secuencia de retiro de efectivo de ATM\r\n\r\nautonumber<\/code><\/pre>\nautonumber<\/code>?<\/strong>Sin numeraci\u00f3n autom\u00e1tica, los revisores deben rastrear manualmente las l\u00edneas de secuencia para entender el orden. Forzar la numeraci\u00f3n secuencial indexa autom\u00e1ticamente cada solicitud y respuesta, haciendo que la referencia cruzada durante las revisiones de arquitectura sea completamente sencilla.<\/p>\n<\/section>\nPaso 2: Definici\u00f3n de actores y participantes del sistema<\/h2>\n
actor Cliente\r\nparticipante \"Interfaz de ATM\" como ATM\r\nparticipante \"Lector de tarjetas\" como Lector\r\nparticipante \"Servidor del banco\" como Banco\r\nparticipante \"Dispensador de efectivo\" como Dispensador<\/code><\/pre>\n\n
actor Cliente<\/code>: Representa al usuario humano que inicia la acci\u00f3n.<\/li>\nparticipante ... como Alias<\/code>: Asignando alias cortos como ATM<\/code>, Lector<\/code>, y Banco<\/code> hace que el resto del script sea limpio y legible sin repetir cadenas de visualizaci\u00f3n largas.<\/li>\nLector<\/code> entre Cliente<\/code> y Interfaz ATM<\/code>, reflejo con precisi\u00f3n la secuencia f\u00edsica de inserci\u00f3n de la tarjeta antes de las interacciones de la interfaz de software.<\/li>\n<\/ul>\n<\/section>\nPaso 3: Modelado del flujo de autenticaci\u00f3n inicial<\/h2>\n
Cliente -> Lector: Insertar tarjeta ATM\r\nLector -> ATM: Leer detalles de la tarjeta\r\nATM -> Cliente: Solicitar PIN\r\nCliente -> ATM: Ingresar PIN\r\nATM -> Banco: Verificar tarjeta y PIN<\/code><\/pre>\n-><\/code>). El hardware de la tarjeta activa el software ATM, que solicita al usuario, captura la entrada y transmite de forma segura las credenciales de autenticaci\u00f3n al Banco<\/code> servidor.<\/p>\n<\/section>\nPaso 4: Estructuraci\u00f3n del bifurcaci\u00f3n de autenticaci\u00f3n con bloques
alt<\/code> bloques<\/h2>\nalt \/ sino \/ fin<\/code> bloque:<\/p>\nalt PIN Inv\u00e1lida\r\n Banco --> ATM: Autenticaci\u00f3n Fallida\r\n ATM -> Cliente: Mostrar Mensaje \"PIN Inv\u00e1lido\"\r\n ATM -> Lector: Expulsar Tarjeta\r\n Lector --> Cliente: Devolver Tarjeta\r\nsino PIN V\u00e1lida\r\n Banco --> ATM: Autenticaci\u00f3n Exitosa\r\n ATM -> Cliente: Solicitar Selecci\u00f3n de Transacci\u00f3n y Monto\r\n Cliente -> ATM: Seleccionar \"Retiro\" e Ingresar Monto\r\n ATM -> Banco: Solicitar Autorizaci\u00f3n de Retiro (Monto)\r\n ...\r\nfin<\/code><\/pre>\n\n
--><\/code>) indican mensajes de respuesta as\u00edncronos de vuelta a los componentes llamadores.<\/li>\n[PIN Inv\u00e1lida]<\/code> y [PIN V\u00e1lida]<\/code> informan de inmediato a los desarrolladores de software c\u00f3mo terminan los flujos de excepci\u00f3n (por ejemplo, mostrar error, expulsar tarjeta y devolver hardware).<\/li>\n<\/ul>\n<\/section>\nPaso 5: Anidamiento de L\u00f3gica para Autorizaci\u00f3n de Cuenta y Dispensaci\u00f3n de Efectivo<\/h2>\n
alt<\/code> bloque dentro del PIN V\u00e1lida<\/code> rama.<\/p>\n alt Fondos Insuficientes \/ L\u00edmite Diario Excedido\r\n Banco --> ATM: Transacci\u00f3n Rechazada\r\n ATM -> Cliente: Mostrar Mensaje de Error\r\n ATM -> Lector: Expulsar Tarjeta\r\n Lector --> Cliente: Devolver Tarjeta\r\n sino Cuenta Aprobada\r\n Banco -> Banco: Debitar Saldo de Cuenta\r\n Banco --> ATM: Transacci\u00f3n Aprobada\r\n\r\n ATM -> Dispensador: Dispensar Efectivo\r\n Dispensador --> ATM: Efectivo Listo\r\n ATM -> Cliente: Presentar Efectivo\r\n Cliente -> ATM: Recoger Efectivo\r\n\r\n ATM -> Lector: Expulsar Tarjeta\r\n Lector --> Cliente: Devolver Tarjeta\r\n ATM -> Cliente: Imprimir Recibo (Opcional)\r\n fin<\/code><\/pre>\nBanco -> Banco: Debitar Saldo de Cuenta<\/code>. Las flechas de referencia a s\u00ed mismas en PlantUML son ideales para resaltar actualizaciones de estado internas del backend que no implican mensajes de red externos.<\/p>\n<\/section>\nEl Script Completo de PlantUML<\/h2>\n
\n\nPlantUML<\/span>
\n
\n