{"id":2124,"date":"2026-05-26T07:05:25","date_gmt":"2026-05-26T07:05:25","guid":{"rendered":"https:\/\/www.vpascode.com\/id\/docs\/uncategorized\/plantuml-sequence-diagram-syntax-guide\/"},"modified":"2026-05-26T07:05:25","modified_gmt":"2026-05-26T07:05:25","slug":"plantuml-sequence-diagram-syntax-guide","status":"publish","type":"ld_docs","link":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/plantuml-sequence-diagram-syntax-guide\/","title":{"rendered":"Panduan Sintaks Diagram Urutan PlantUML"},"content":{"rendered":"<h2>Apa itu Diagram Urutan?<\/h2>\n<p>Sebuah <strong>Diagram Urutan<\/strong> adalah diagram perilaku <strong>diagram UML<\/strong> yang menjelaskan bagaimana operasi perangkat lunak dilakukan seiring waktu. Sebagai standar utama dalam spesifikasi Bahasa Pemodelan Terpadu (UML), diagram ini memodelkan urutan kronologis yang tepat ketika objek, proses, atau mikroservis bertukar pesan. Dengan memetakan garis hidup secara vertikal dan interaksi berurutan secara horizontal, jenis diagram UML ini memungkinkan insinyur perangkat lunak dan arsitek sistem untuk memvisualisasikan secara jelas urutan pemanggilan API yang kompleks, pertukaran data jaringan, dan batas transaksi basis data sebelum menulis kode produksi.<strong>jenis diagram UML<\/strong> memungkinkan insinyur perangkat lunak dan arsitek sistem untuk memvisualisasikan secara jelas urutan pemanggilan API yang kompleks, pertukaran data jaringan, dan batas transaksi basis data sebelum menulis kode produksi.<\/p>\n<p>Dengan <strong>VPasCode<\/strong>, Anda tidak perlu menghabiskan berjam-jam untuk menyelaraskan panah paralel, memanjangkan garis pesan, atau memindahkan kotak batas agar ada ruang untuk langkah baru. Mesin tata letak kami menghitung seluruh kisi waktu secara dinamis saat Anda mengetik skrip deklaratif teks biasa.<\/p>\n<h2>Panduan Sintaks Inti: Elemen dan Konstruksi<\/h2>\n<p>Untuk merancang diagram urutan UML yang dapat dijalankan dan sesuai standar di PlantUML, Anda perlu menguasai deklarasi komponen, gaya panah pesan, garis hidup, dan struktur kontrol logis.<\/p>\n<h3>1. Deklarasi Peserta dan Bentuk UML<\/h3>\n<p>Secara default, komponen dalam diagram UML ini mewarisi bentuk kotak persegi standar. Namun, Anda dapat mengubah arketipe visual entitas Anda untuk memberi pembaca konteks arsitektur langsung mengenai batas sistem Anda menggunakan kata kunci UML tertentu:<\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Plantuml<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:IqmkoIzISCx9JCqhuULAoY_DIqaigbHGSWpmL71FB4ajJwnKKaWiXh5vkPBpyqgAydCKd25qJceHBrTAOabYKc9nge9IG7vnINfHQd2W3rYNYnC0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Edit Plantuml di VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Plantuml<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:IymkoIzISCx9JCqhuULAIYn9B5PGSWpmL71FB4ajJwnKKYXEJKfCJyo42V1oPUVdbHJbvoWuG-YSr29UhXIWngJ4ubG5fO3yufBqejJWG1-4LXSd0000\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">aktor Client\r\nbatas \"API Gateway\" sebagai Gateway\r\nkontrol Controller\r\ndatabase \"PostgreSQL\" sebagai DB<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:IymkoIzISCx9JCqhuULAIYn9B5PGSWpmL71FB4ajJwnKKYXEJKfCJyo42V1oPUVdbHJbvoWuG-YSr29UhXIWngJ4ubG5fO3yufBqejJWG1-4LXSd0000\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:IqmkoIzISCx9JCqhuULAoY_DIqaigbHGSWpmL71FB4ajJwnKKaWiXh5vkPBpyqgAydCKd25qJceHBrTAOabYKc9nge9IG7vnINfHQd2W3rYNYnC0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Edit Plantuml di VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p id=\"KAQHVeB\"><img fetchpriority=\"high\" alt=\"\" class=\"alignnone size-full wp-image-559\" decoding=\"async\" fetchpriority=\"high\" height=\"171\" sizes=\"(max-width: 327px) 100vw, 327px\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a18f8637e3aa.png\" srcset=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a18f8637e3aa.png 327w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a18f8637e3aa-300x157.png 300w\" width=\"327\"\/><\/p>\n<h3>2. Panah Pesan dan Sinkronisitas<\/h3>\n<p>Gaya garis panah dan ujungnya menentukan protokol komunikasi yang tepat yang terjadi di seluruh saluran infrastruktur Anda berdasarkan standar diagram UML:<\/p>\n<ul>\n<li><strong>Permintaan Sinkron (Blokir):<\/strong>Ditandai dengan garis padat dan ujung panah padat. Pengirim menunggu respons: <code>A -&gt; B<\/code><\/li>\n<li><strong>Pesan Asinkron (Non-Blokir):<\/strong>Ditandai dengan garis padat dan ujung panah tipis terbuka. Pengirim menyerahkan data dan langsung melanjutkan: <code>A -&gt;&gt; B<\/code><\/li>\n<li><strong>Respons \/ Nilai Kembalian:<\/strong>Ditandai dengan garis putus-putus dan ujung panah terbuka: <code>B --&gt; A<\/code><\/li>\n<\/ul>\n<h3>3. Mengelola Garis Kehidupan (Aktivasi dan Deaktivasi)<\/h3>\n<p>Untuk mencegah komponen Anda terlihat seperti batang datar, Anda harus secara eksplisit menunjukkan kapan suatu proses sedang aktif menggunakan thread CPU atau kapasitas memori. Gunakan marker <code>aktifkan<\/code> dan <code>nonaktifkan<\/code> marker, atau gunakan sintaks singkat inkremen inline (<code>++<\/code> \/ <code>--<\/code>):<\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Plantuml<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:SqyiIIrFh5JGjLDmpiyhAShFoKajKj3MLh1IK2eeoazEBIuEIApCJSqhqT1KukL2KgCBrE8EqwqBKb-KMb9QbATGb9gScbbGeWG0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Edit Plantuml di VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Plantuml<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:SqyiIIrFh5JGjLDmpiyhAShFoKajKj3MLh1IK2eeoYzEBGv8pKrAh4miIipJq5JYvK9IfGlKv0xJhmlIaGrIcvEPdPYda5IQNPAfK03Nh0G0\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">Gateway -&gt; Controller ++ : \"prosesPembayaran()\"\r\nController --&gt; Gateway -- : \"kembalikan bukti pembayaran\"<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:SqyiIIrFh5JGjLDmpiyhAShFoKajKj3MLh1IK2eeoYzEBGv8pKrAh4miIipJq5JYvK9IfGlKv0xJhmlIaGrIcvEPdPYda5IQNPAfK03Nh0G0\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:SqyiIIrFh5JGjLDmpiyhAShFoKajKj3MLh1IK2eeoazEBIuEIApCJSqhqT1KukL2KgCBrE8EqwqBKb-KMb9QbATGb9gScbbGeWG0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Edit Plantuml di VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p id=\"gzStGhj\"><img alt=\"\" class=\"alignnone size-full wp-image-560\" decoding=\"async\" height=\"140\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a18f8700563f.png\" width=\"235\"\/><\/p>\n<h3>4. Blok Logika: Alternatif, Perulangan, dan Paralel<\/h3>\n<p>Logika bisnis yang kompleks (seperti cabang if\/else, pengulangan basis data, atau thread eksekusi paralel) harus dibungkus di dalam batas kerangka global terstruktur yang dikenal sebagai fragmen gabungan dalam spesifikasi diagram UML:<\/p>\n<ul>\n<li><strong>Logika Bersyarat (alt \/ else):<\/strong> Memodelkan cabang bersyarat.\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Plantuml<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:NSmn2e0m44JHNl0EWxqNi13q11PU82GZ1a8MTpTuVRNrz--7uh0M8ysELX2bfknPQj_XRS4uOyM4OLE9PCAT_OJoQZGV-ex5Y2FaqfGm3yu_t4-L6rGLVU-97whf0G00\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Edit Plantuml di VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Plantuml<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:NOqn3eD030Hx9Fwmeiy7A2A55Zwnw2mmTpZeRFwVa-WozOo69P2_bjGLgzIThgNlqFZWzSQ44SD2E-x8D5nIJxKWRUWxAIxmODoEB1it5jf_EslLinsIDCURiJ-jfHy0\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">alt kondisi berhasil\r\n    A -&gt; B : \"Lanjutkan permintaan\"\r\nelse status kegagalan\r\n    A -&gt; B : \"Kirim kode kesalahan\"\r\nend<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:NOqn3eD030Hx9Fwmeiy7A2A55Zwnw2mmTpZeRFwVa-WozOo69P2_bjGLgzIThgNlqFZWzSQ44SD2E-x8D5nIJxKWRUWxAIxmODoEB1it5jf_EslLinsIDCURiJ-jfHy0\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:NSmn2e0m44JHNl0EWxqNi13q11PU82GZ1a8MTpTuVRNrz--7uh0M8ysELX2bfknPQj_XRS4uOyM4OLE9PCAT_OJoQZGV-ex5Y2FaqfGm3yu_t4-L6rGLVU-97whf0G00\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Edit Plantuml di VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p id=\"IiQjPoY\"><img alt=\"\" class=\"alignnone size-full wp-image-561\" decoding=\"async\" height=\"186\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a18f87e19b90.png\" width=\"223\"\/><\/p>\n<\/li>\n<li><strong>Perulangan Pengulangan (loop):<\/strong> Memodelkan iterasi, pengulangan, atau blok pemrosesan antrian hingga suatu kondisi terpenuhi.\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Plantuml<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:oydFBr0epIl9p54eB4qjJLN8B5P8pIqegUJbKW22yFoYxDGY1LqxXK2mh9M2abjgINA6GbvgHOb2LdwI4YzNQbuA0000\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Edit Plantuml di VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Plantuml<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:oydFBr38oCnBJqzKICmhASfCp5F8pY_EpqldvL80We3KxDIYh4G5NJi5HwYqbOAIOsvIPev20KGEA9IKMfIPNLgILvcenCkLcfS20000\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">loop hingga antrian kosong\r\n    Pekerja -&gt; Antrian : \"Ambil pekerjaan berikutnya\"\r\nend<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:oydFBr38oCnBJqzKICmhASfCp5F8pY_EpqldvL80We3KxDIYh4G5NJi5HwYqbOAIOsvIPev20KGEA9IKMfIPNLgILvcenCkLcfS20000\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:oydFBr0epIl9p54eB4qjJLN8B5P8pIqegUJbKW22yFoYxDGY1LqxXK2mh9M2abjgINA6GbvgHOb2LdwI4YzNQbuA0000\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Edit Plantuml di VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p id=\"xTCUEgP\"><img loading=\"lazy\" alt=\"\" class=\"alignnone size-full wp-image-562\" decoding=\"async\" height=\"142\" loading=\"lazy\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a18f88daf040.png\" width=\"237\"\/><\/p>\n<\/li>\n<li><strong>Eksekusi Paralel (par):<\/strong> Model memisahkan operasi yang berjalan secara bersamaan di seluruh thread yang independen.\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Plantuml<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:JOmx2iD030LxW-_mS9yBf0ZaKwPAYjHYBGU1zeCa6tpxUBkyRc3cDJAyre96HggiQ5OJkxEF0uvTSRhWMRzljaqIuupfOnACC3gG2kaUadmQ1rRdl-Xnw_AzvYo1j7hKpDRl5r76J46zAVCF\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Edit Plantuml di VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Plantuml<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:JOqn3i8m40JxIFd3AZqVe402KI6wy84LEQoBZyl93hmVksFhcTbWmOr6ptH4sQfK10jDR1pGTiRXXFkMPYbVVGgEc1uVqmewJNVDM6LbdiP1hCgVSxrqTjPtjFB2dJt_KaD8kqk9tXrVVW00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">par Jalankan proses paralel\r\n    A -&gt; LogService : \"Tulis analitik jejak\"\r\nelse\r\n    A -&gt; DB : \"Simpan data profil pelanggan\"\r\nend<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:JOqn3i8m40JxIFd3AZqVe402KI6wy84LEQoBZyl93hmVksFhcTbWmOr6ptH4sQfK10jDR1pGTiRXXFkMPYbVVGgEc1uVqmewJNVDM6LbdiP1hCgVSxrqTjPtjFB2dJt_KaD8kqk9tXrVVW00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:JOmx2iD030LxW-_mS9yBf0ZaKwPAYjHYBGU1zeCa6tpxUBkyRc3cDJAyre96HggiQ5OJkxEF0uvTSRhWMRzljaqIuupfOnACC3gG2kaUadmQ1rRdl-Xnw_AzvYo1j7hKpDRl5r76J46zAVCF\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Edit Plantuml di VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p id=\"xCknQAJ\"><img loading=\"lazy\" alt=\"\" class=\"alignnone size-full wp-image-563\" decoding=\"async\" height=\"174\" loading=\"lazy\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a18fd43b0677.png\" width=\"295\"\/><\/p>\n<\/li>\n<\/ul>\n<h2>Praktik Terbaik untuk Urutan yang Bersih<\/h2>\n<ul>\n<li><strong>Kelompokkan Pesan Menggunakan Pembatas:<\/strong> Gunakan tanda sama dengan ganda (&#8220;<code>== Tahap Anda ==<\/code>) untuk membagi urutan otentikasi ke checkout yang sangat besar menjadi milestone logis yang terpisah.<\/li>\n<li><strong>Gunakan Penomoran Otomatis:<\/strong> Tempatkan <code>autonumber<\/code> arahan langsung di bawah <code>@startuml<\/code>. Ini memaksa ruang kerja untuk menandai bilangan bulat langkah pada setiap panah, membuat ulasan kode jauh lebih mudah.<\/li>\n<li><strong>Jaga Respons Tetap Bersih:<\/strong> Hindari menulis kalimat deskriptif yang sangat panjang pada panah kembali (<code>--&gt;<\/code>). Sebaliknya, cukup beri label pada objek data mentah atau kode HTTP yang kembali (misalnya, <code>\"201 Dibuat Token\"<\/code>).<\/li>\n<\/ul>\n<h2>Contoh Diagram Urutan PlantUML Dunia Nyata<\/h2>\n<h3>Contoh 1: Putaran Otentikasi Mikroservis (Blok Alt &amp; Garis Kehidupan)<\/h3>\n<p>Contoh ini menangani urutan keamanan standar di mana klien melakukan otentikasi terhadap gateway, menampilkan garis kehidupan yang jelas dan kerangka hasil kondisional alternatif di dalam format diagram UML standar.<\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Plantuml<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:TP5FImCn4CNl2_aEGxmefNGhdZn8YugeXHPtIy_PpTWDpIObVrRqqplJxg47pIN3p8_tNYQBc5H8kRUYK3bvb_i60zLjyW6saUl6PwTL-0QvmmQMnwC45VaMHUjT2jw2NERKGOLXC2sUnzGGXIXO0gOFZCDa0lSWgzpq9i5ZG8qk6MMZ50MFcMAPCxPPLpNCXlcCOdMIfPHDSBKo-owz14G7LMvRZF4pMrZvlN6Y03edYUdeI3gtPGdhTxX-szLG-mEw6pc2R4dSAI617-WqLKygTerNGHE6Dk9ekJ7k0AzkKDReo-n_czwLSzWwJkw3-K7zZsNL-Izu3e5MNNiL4riwpM_LI3zW1fLmtEHbWpU_891-xHS0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Edit Plantuml di VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Plantuml<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:XP5DIyD048RlWVo7ORqefJGLJnwabO9WWYqOxNb2ncROpMxOtGZwwvrDSwWWkATXzddddOzDYEZZs9iymp4wE_ODUObrT1xUGeeRZ1X0RGV36WF3aHe5WHey8SDs6F9CEnkzCw0g_4AB5lQHR9pe2tACNPxbMIeAouUaXCK2xa6LxBc7qbDBDZ0QbMVfCp6YcQ73_hM6rUTw9MrsAXL24-6gubCNdpoHXSgTsC8Z-KvyPHwGDnLOpcvIvROeO5_2TUsqA9wFzOsQmMGetDITW3Ns0niji-mmT8r3tmf99j3iUM2hBtg6cblKy8w6sx-jxuhr3EsOlqMDzb_l5nVvuxpraW8Qx2OHsJOje9MK5Y2Hv-t-ogJBR0ILu_u0\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nautonumber\r\naktor User\r\nbatas \"Aplikasi Web\" sebagai App\r\nkontrol \"Layanan Otentikasi\" sebagai Auth\r\n\r\nUser -&gt; App ++ : \"Kirim Kredensial\"\r\nApp -&gt; Auth ++ : \"POST \/v1\/auth\"\r\n\r\nalt #LightGreen Login Berhasil\r\n    Auth --&gt; App : \"200 OK (Token JWT)\"\r\n    App --&gt; User : \"Tampilkan Dashboard\"\r\nelse #LightPink Kredensial Tidak Valid\r\n    Auth --&gt; App : \"401 Tidak Diizinkan\"\r\n    App --&gt; User : \"Tampilkan Notifikasi Kesalahan\"\r\nend\r\n\r\ndesaktifkan Auth\r\ndesaktifkan App\r\n@enduml<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:XP5DIyD048RlWVo7ORqefJGLJnwabO9WWYqOxNb2ncROpMxOtGZwwvrDSwWWkATXzddddOzDYEZZs9iymp4wE_ODUObrT1xUGeeRZ1X0RGV36WF3aHe5WHey8SDs6F9CEnkzCw0g_4AB5lQHR9pe2tACNPxbMIeAouUaXCK2xa6LxBc7qbDBDZ0QbMVfCp6YcQ73_hM6rUTw9MrsAXL24-6gubCNdpoHXSgTsC8Z-KvyPHwGDnLOpcvIvROeO5_2TUsqA9wFzOsQmMGetDITW3Ns0niji-mmT8r3tmf99j3iUM2hBtg6cblKy8w6sx-jxuhr3EsOlqMDzb_l5nVvuxpraW8Qx2OHsJOje9MK5Y2Hv-t-ogJBR0ILu_u0\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:TP5FImCn4CNl2_aEGxmefNGhdZn8YugeXHPtIy_PpTWDpIObVrRqqplJxg47pIN3p8_tNYQBc5H8kRUYK3bvb_i60zLjyW6saUl6PwTL-0QvmmQMnwC45VaMHUjT2jw2NERKGOLXC2sUnzGGXIXO0gOFZCDa0lSWgzpq9i5ZG8qk6MMZ50MFcMAPCxPPLpNCXlcCOdMIfPHDSBKo-owz14G7LMvRZF4pMrZvlN6Y03edYUdeI3gtPGdhTxX-szLG-mEw6pc2R4dSAI617-WqLKygTerNGHE6Dk9ekJ7k0AzkKDReo-n_czwLSzWwJkw3-K7zZsNL-Izu3e5MNNiL4riwpM_LI3zW1fLmtEHbWpU_891-xHS0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Edit Plantuml di VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p id=\"PVLiNCs\"><img loading=\"lazy\" alt=\"\" class=\"alignnone size-full wp-image-564\" decoding=\"async\" height=\"392\" loading=\"lazy\" sizes=\"auto, (max-width: 455px) 100vw, 455px\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a18fd5649b30.png\" srcset=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a18fd5649b30.png 455w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a18fd5649b30-300x258.png 300w\" width=\"455\"\/><\/p>\n<p><strong>Analisis Sintaks:<\/strong> The <code>autonumber<\/code> tag secara otomatis mengelola angka 1 hingga 5. The <code>alt<\/code> dan <code>else<\/code> blok ditambahkan dengan bendera warna heksa custom (misalnya, <code>#LightGreen<\/code>) untuk menambahkan sorotan visual langsung pada jalur eksekusi sukses dibandingkan kegagalan. The <code>++<\/code> token memastikan lifeline tetap aktif selama blok panggilan jaringan.<\/p>\n<h3>Contoh 2: Pemrosesan Pesanan Lanjutan (Perulangan, Paralel, dan Pembagi)<\/h3>\n<p>Rancangan arsitektur perusahaan ini memodelkan sistem checkout yang kuat yang membagi tugas ke pekerja paralel, mengeksekusi penulisan basis data, dan mengandalkan putaran sinkronisasi sistem eksternal.<\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Plantuml<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:PL9HQzim47ut-3ySVbWsIg3htW8fJHpA2gFr5dTz7B9qYKLaoPoaZkpNxoHxfM5waT3TVTzttzsT3u9274nPY1YSZKE7L1QTYrO9EaDLzoXFBWROD0yL29_kib0YY4vuXEg959A7tJO7TzkoaCu6SWQg5qSd9FWUCMAEvjTxy7qWFKwnwLaMPR5UGzCdxCyhQ4bOBsJGpi8tL4U6-ocCPlhqirwN1Sk1vIqJmzKLh9YKT41eq2fjZv3LLMN1uILdvUHbIii1UDX1xUn1qu2gkk2-MK4ZpWFQ01zWuyzMmdqq1srC_dl7F0cVsUjUq16XZZwuWGasKdApWR7dj4iL_oWsCVIEz9zPnIY8sKaOWmQsGfwEb2o3fn4fT-xB0lZC2hAjiu0cTaRx7XQvmL-D4HBL0l0LiufKfJ0P-YhOfdaWQ3nU8Bwv-JogbCTB4gA7u63H2AqM_oEbmRFdIRrnReGV6EYS9l0yGklW2xHwG0yyj4SCltanu5ve4-cIDrsfYLJuw88-Q3bDUfy6y89TxzofUcEQZBo5skZa8bSoRIGBNzksWPlhQ_YuZrAYzv-uw8whUD7_0W00\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Edit Plantuml di VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Plantuml<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RPDDRzim38Rl0lGV21-M3KM0hhi5ID6anj0s7UeYndOSQ9krLIbIe8z3__qensaIOBxOaXwIBr_ATo6YZsbdfC0KdKsxXhmKZKksG_y1nQfwXFk1MkrIB21GWpqgu5qfEepOO20eoZLK5D2YFI7bMehMsUYTuIpyLcYPqkJVyKIz9afqNc_Bu9vEm64jXHJB9VpCrRulu3SQrM5Gi4uwmLFo5WtK7cr0pRlBfHHPz_oMLS3L5IoWg9DHuQWIQkAckM8X1HDp1aT-did7yXChbNRsJVaTrohEDTmicDar-85S5Bxa1TaqyFSgAAkzi-SY3ZqSXM2l1bZfbDqmQFkUNPDYOYwbdDKe-TGtpj2WHrwAFNfuuStimpEFmiEQy_5f3nM76EAP0Z-JYD7femPEfIAZW2sZC7ln7Vc_bS6MkbbnYBFEeexgBMFJcCW4kaZwQM_56T4d1NoVOWh0ThnZfs3sd2o6_wNCzuDibpinpktX5zdMDGYRtBDHyA2oDV03DdcrHOnvQcFI3VLyDzWxU4BF6DeBKVcL9V49_A5cS4x3zZ0L5R9RsLRoAkAGHYyd6GVVR-7UAB8nfvYqPBaFTLt1pVKrVDqc7IXyuxWx3kHVvny0\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nautonumber\r\nboundary \"API Checkout\" sebagai API\r\ndatabase \"DB Pesanan\" sebagai DB\r\ncontrol \"Antrian Pekerja\" sebagai Queue\r\nboundary \"Stripe\" sebagai Stripe\r\n\r\n== Fase 1: Validasi Buku Jurnal Transaksi ==\r\nAPI -&gt; DB ++ : \"Tulis Pesanan Tertunda\"\r\nDB --&gt; API -- : \"ID Pesanan Dikonfirmasi\"\r\n\r\n== Fase 2: Pembayaran &amp; Pemenuhan Asinkron ==\r\nAPI -&gt; Stripe ++ : \"Tagih Akun Pelanggan\"\r\nStripe --&gt; API -- : \"Pembayaran Diperbolehkan\"\r\n\r\npar Operasi Latar Belakang Paralel\r\n    API -&gt; Queue ++ : \"Terbitkan acara 'Order_Placed'\"\r\n    nonaktifkan Queue\r\nelse\r\n    API -&gt; DB ++ : \"Perbarui status menjadi 'Lunas'\"\r\n    nonaktifkan DB\r\nend\r\n\r\nloop Mencoba Kembali Hingga 3 Kali Saat Terjadi Kegagalan Jaringan\r\n    API -&gt; API : \"Ping Webhook Sinkronisasi Pemberitahuan\"\r\nend\r\n\r\nAPI --&gt; Client : \"Kembalikan HTTP 200 (Sukses)\"\r\n@enduml<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RPDDRzim38Rl0lGV21-M3KM0hhi5ID6anj0s7UeYndOSQ9krLIbIe8z3__qensaIOBxOaXwIBr_ATo6YZsbdfC0KdKsxXhmKZKksG_y1nQfwXFk1MkrIB21GWpqgu5qfEepOO20eoZLK5D2YFI7bMehMsUYTuIpyLcYPqkJVyKIz9afqNc_Bu9vEm64jXHJB9VpCrRulu3SQrM5Gi4uwmLFo5WtK7cr0pRlBfHHPz_oMLS3L5IoWg9DHuQWIQkAckM8X1HDp1aT-did7yXChbNRsJVaTrohEDTmicDar-85S5Bxa1TaqyFSgAAkzi-SY3ZqSXM2l1bZfbDqmQFkUNPDYOYwbdDKe-TGtpj2WHrwAFNfuuStimpEFmiEQy_5f3nM76EAP0Z-JYD7femPEfIAZW2sZC7ln7Vc_bS6MkbbnYBFEeexgBMFJcCW4kaZwQM_56T4d1NoVOWh0ThnZfs3sd2o6_wNCzuDibpinpktX5zdMDGYRtBDHyA2oDV03DdcrHOnvQcFI3VLyDzWxU4BF6DeBKVcL9V49_A5cS4x3zZ0L5R9RsLRoAkAGHYyd6GVVR-7UAB8nfvYqPBaFTLt1pVKrVDqc7IXyuxWx3kHVvny0\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:PL9HQzim47ut-3ySVbWsIg3htW8fJHpA2gFr5dTz7B9qYKLaoPoaZkpNxoHxfM5waT3TVTzttzsT3u9274nPY1YSZKE7L1QTYrO9EaDLzoXFBWROD0yL29_kib0YY4vuXEg959A7tJO7TzkoaCu6SWQg5qSd9FWUCMAEvjTxy7qWFKwnwLaMPR5UGzCdxCyhQ4bOBsJGpi8tL4U6-ocCPlhqirwN1Sk1vIqJmzKLh9YKT41eq2fjZv3LLMN1uILdvUHbIii1UDX1xUn1qu2gkk2-MK4ZpWFQ01zWuyzMmdqq1srC_dl7F0cVsUjUq16XZZwuWGasKdApWR7dj4iL_oWsCVIEz9zPnIY8sKaOWmQsGfwEb2o3fn4fT-xB0lZC2hAjiu0cTaRx7XQvmL-D4HBL0l0LiufKfJ0P-YhOfdaWQ3nU8Bwv-JogbCTB4gA7u63H2AqM_oEbmRFdIRrnReGV6EYS9l0yGklW2xHwG0yyj4SCltanu5ve4-cIDrsfYLJuw88-Q3bDUfy6y89TxzofUcEQZBo5skZa8bSoRIGBNzksWPlhQ_YuZrAYzv-uw8whUD7_0W00\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Edit Plantuml di VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p id=\"tlfOsjb\"><img loading=\"lazy\" alt=\"\" class=\"alignnone size-full wp-image-565\" decoding=\"async\" height=\"605\" loading=\"lazy\" sizes=\"auto, (max-width: 601px) 100vw, 601px\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a18fd66d33a0.png\" srcset=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a18fd66d33a0.png 601w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a18fd66d33a0-298x300.png 298w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a18fd66d33a0-150x150.png 150w\" width=\"601\"\/><\/p>\n<p><strong>Analisis Sintaks:<\/strong> The <code>==<\/code> pembagi membagi tata letak menjadi fase operasional yang berbeda. The <code>par<\/code> blok secara bersih bercabang dari jalur panah pesan menjadi dua jalur horizontal terpisah, menggambarkan bahwa publikasi acara dan pembaruan status basis data terjadi secara bersamaan tanpa saling menghambat. Panah yang mengarah ke dirinya sendiri (<code>API -&gt; API<\/code>) memetakan lingkaran fungsi instans internal lokal dengan sempurna.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Apa itu Diagram Urutan? Sebuah Diagram Urutan adalah diagram perilaku diagram UML yang menjelaskan bagaimana operasi perangkat lunak dilakukan seiring waktu. Sebagai standar utama dalam spesifikasi Bahasa Pemodelan Terpadu (UML), diagram ini memodelkan urutan kronologis yang tepat ketika objek, proses,&#8230;<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":3,"template":"","meta":{"inline_featured_image":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}}},"ld_collection":[14],"class_list":["post-2124","ld_docs","type-ld_docs","status-publish","hentry","ld_collection-vpascode-docs"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>PlantUML Sequence Diagram | VPasCode Text to Diagram Guide<\/title>\n<meta name=\"description\" content=\"Model API calls and system interactions with PlantUML sequence diagrams in VPasCode, your free diagram-as-code tool.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/plantuml-sequence-diagram-syntax-guide\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"PlantUML Sequence Diagram | VPasCode Text to Diagram Guide\" \/>\n<meta property=\"og:description\" content=\"Model API calls and system interactions with PlantUML sequence diagrams in VPasCode, your free diagram-as-code tool.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/plantuml-sequence-diagram-syntax-guide\/\" \/>\n<meta property=\"og:site_name\" content=\"VPasCode\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a18f8637e3aa.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimasi waktu membaca\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 menit\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/plantuml-sequence-diagram-syntax-guide\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/plantuml-sequence-diagram-syntax-guide\\\/\",\"name\":\"PlantUML Sequence Diagram | VPasCode Text to Diagram Guide\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/plantuml-sequence-diagram-syntax-guide\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/plantuml-sequence-diagram-syntax-guide\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/img_6a18f8637e3aa.png\",\"datePublished\":\"2026-05-26T07:05:25+00:00\",\"description\":\"Model API calls and system interactions with PlantUML sequence diagrams in VPasCode, your free diagram-as-code tool.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/plantuml-sequence-diagram-syntax-guide\\\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/plantuml-sequence-diagram-syntax-guide\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/plantuml-sequence-diagram-syntax-guide\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/img_6a18f8637e3aa.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/img_6a18f8637e3aa.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/plantuml-sequence-diagram-syntax-guide\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Lean Docs\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/%ld_collection%\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Panduan Sintaks Diagram Urutan PlantUML\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/#website\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/\",\"name\":\"VPasCode\",\"description\":\"by Visual Paradigm\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"id\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/#organization\",\"name\":\"VPasCode\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/wp-content\\\/uploads\\\/sites\\\/7\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/wp-content\\\/uploads\\\/sites\\\/7\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"width\":128,\"height\":138,\"caption\":\"VPasCode\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"PlantUML Sequence Diagram | VPasCode Text to Diagram Guide","description":"Model API calls and system interactions with PlantUML sequence diagrams in VPasCode, your free diagram-as-code tool.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/plantuml-sequence-diagram-syntax-guide\/","og_locale":"id_ID","og_type":"article","og_title":"PlantUML Sequence Diagram | VPasCode Text to Diagram Guide","og_description":"Model API calls and system interactions with PlantUML sequence diagrams in VPasCode, your free diagram-as-code tool.","og_url":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/plantuml-sequence-diagram-syntax-guide\/","og_site_name":"VPasCode","og_image":[{"url":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a18f8637e3aa.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Estimasi waktu membaca":"5 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/plantuml-sequence-diagram-syntax-guide\/","url":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/plantuml-sequence-diagram-syntax-guide\/","name":"PlantUML Sequence Diagram | VPasCode Text to Diagram Guide","isPartOf":{"@id":"https:\/\/www.vpascode.com\/id\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/plantuml-sequence-diagram-syntax-guide\/#primaryimage"},"image":{"@id":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/plantuml-sequence-diagram-syntax-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a18f8637e3aa.png","datePublished":"2026-05-26T07:05:25+00:00","description":"Model API calls and system interactions with PlantUML sequence diagrams in VPasCode, your free diagram-as-code tool.","breadcrumb":{"@id":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/plantuml-sequence-diagram-syntax-guide\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/plantuml-sequence-diagram-syntax-guide\/"]}]},{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/plantuml-sequence-diagram-syntax-guide\/#primaryimage","url":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a18f8637e3aa.png","contentUrl":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a18f8637e3aa.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/plantuml-sequence-diagram-syntax-guide\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.vpascode.com\/id\/"},{"@type":"ListItem","position":2,"name":"Lean Docs","item":"https:\/\/www.vpascode.com\/id\/docs\/%ld_collection%\/"},{"@type":"ListItem","position":3,"name":"Panduan Sintaks Diagram Urutan PlantUML"}]},{"@type":"WebSite","@id":"https:\/\/www.vpascode.com\/id\/#website","url":"https:\/\/www.vpascode.com\/id\/","name":"VPasCode","description":"by Visual Paradigm","publisher":{"@id":"https:\/\/www.vpascode.com\/id\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.vpascode.com\/id\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"id"},{"@type":"Organization","@id":"https:\/\/www.vpascode.com\/id\/#organization","name":"VPasCode","url":"https:\/\/www.vpascode.com\/id\/","logo":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.vpascode.com\/id\/#\/schema\/logo\/image\/","url":"https:\/\/www.vpascode.com\/id\/wp-content\/uploads\/sites\/7\/2026\/06\/cropped-vp-online-logo-v1.png","contentUrl":"https:\/\/www.vpascode.com\/id\/wp-content\/uploads\/sites\/7\/2026\/06\/cropped-vp-online-logo-v1.png","width":128,"height":138,"caption":"VPasCode"},"image":{"@id":"https:\/\/www.vpascode.com\/id\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.vpascode.com\/id\/wp-json\/wp\/v2\/ld_docs\/2124","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vpascode.com\/id\/wp-json\/wp\/v2\/ld_docs"}],"about":[{"href":"https:\/\/www.vpascode.com\/id\/wp-json\/wp\/v2\/types\/ld_docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.vpascode.com\/id\/wp-json\/wp\/v2\/users\/4"}],"wp:attachment":[{"href":"https:\/\/www.vpascode.com\/id\/wp-json\/wp\/v2\/media?parent=2124"}],"wp:term":[{"taxonomy":"ld_collection","embeddable":true,"href":"https:\/\/www.vpascode.com\/id\/wp-json\/wp\/v2\/ld_collection?post=2124"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}