{"id":12294,"date":"2026-10-13T11:08:32","date_gmt":"2026-10-13T03:08:32","guid":{"rendered":"https:\/\/www.cybermedian.com\/id\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/"},"modified":"2026-10-14T13:09:18","modified_gmt":"2026-10-14T05:09:18","slug":"vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial","status":"publish","type":"post","link":"https:\/\/www.cybermedian.com\/id\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/","title":{"rendered":"VPasCode: Diagram Aktivitas UML dengan PlantUML &#8211; Tutorial Praktis"},"content":{"rendered":"<p data-nodeid=\"14979\">Diagram aktivitas UML memodelkan <strong data-nodeid=\"15152\">bagaimana pekerjaan mengalir<\/strong>melalui suatu proses: tindakan yang dilakukan, keputusan yang diambil, pekerjaan paralel, dan jalur menuju penyelesaian. PlantUML memungkinkan Anda mendeskripsikan model tersebut sebagai teks, lalu merendernya menjadi diagram\u2014pendekatan yang berguna ketika Anda menginginkan diagram yang mudah direvisi, ditinjau, dan disimpan bersama dokumentasi proyek. Sintaks aktivitas saat ini di PlantUML menggunakan kata kunci yang mudah dibaca seperti <code data-backticks=\"1\" data-nodeid=\"15142\">mulai<\/code>, <code data-backticks=\"1\" data-nodeid=\"15144\">jika<\/code>, <code data-backticks=\"1\" data-nodeid=\"15146\">ulang<\/code>, dan <code data-backticks=\"1\" data-nodeid=\"15148\">cabang<\/code>; sintaks aktivitas lamanya masih didukung, namun sintaks yang lebih baru direkomendasikan untuk diagram baru.<\/p>\n<p><img alt=\"Diagram aktivitas UML yang mengilustrasikan proses checkout dengan sintaks PlantUML, menampilkan aksi, keputusan, dan alur pekerjaan paralel.\" class=\"alignnone size-full wp-image-21861\" decoding=\"async\" height=\"1086\" loading=\"lazy\" sizes=\"auto, (max-width: 1448px) 100vw, 1448px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda04dd8ffb.jpeg\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda04dd8ffb.jpeg 1448w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda04dd8ffb-300x225.jpeg 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda04dd8ffb-1024x768.jpeg 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda04dd8ffb-768x576.jpeg 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda04dd8ffb-880x660.jpeg 880w\" width=\"1448\"\/><\/p>\n<h2 data-nodeid=\"14980\">1. Apa yang harus dimodelkan<\/h2>\n<p data-nodeid=\"14981\">Gunakan diagram aktivitas untuk menjelaskan proses atau algoritma, misalnya:<\/p>\n<p><img alt=\"Diagram aktivitas UML yang mengilustrasikan alur kerja seperti checkout pelanggan, proses persetujuan, dan pipa data dengan berlian keputusan dan tugas paralel.\" class=\"alignnone size-full wp-image-21864\" decoding=\"async\" height=\"1122\" loading=\"lazy\" sizes=\"auto, (max-width: 1402px) 100vw, 1402px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda0c62804b.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda0c62804b.png 1402w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda0c62804b-300x240.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda0c62804b-1024x819.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda0c62804b-768x615.png 768w\" width=\"1402\"\/><\/p>\n<ul data-nodeid=\"14982\">\n<li data-nodeid=\"14983\">\n<p data-nodeid=\"14984\">Alur kerja checkout pelanggan<\/p>\n<\/li>\n<li data-nodeid=\"14985\">\n<p data-nodeid=\"14986\">Proses persetujuan<\/p>\n<\/li>\n<li data-nodeid=\"14987\">\n<p data-nodeid=\"14988\">Pipa impor data<\/p>\n<\/li>\n<li data-nodeid=\"14989\">\n<p data-nodeid=\"14990\">Langkah-langkah dalam sebuah kasus penggunaan<\/p>\n<\/li>\n<li data-nodeid=\"14991\">\n<p data-nodeid=\"14992\">Pekerjaan yang dibagi di antara orang, tim, atau komponen sistem<\/p>\n<\/li>\n<\/ul>\n<p data-nodeid=\"14993\">Aktivitas adalah unit pekerjaan, seperti \u201cValidasi pesanan.\u201d Sebuah <strong data-nodeid=\"15173\">aliran kendali<\/strong>menghubungkan aktivitas dan menunjukkan urutan mereka. Sebuah <strong data-nodeid=\"15174\">keputusan<\/strong>memilih di antara jalur alternatif; <strong data-nodeid=\"15175\">aliran paralel<\/strong>menunjukkan pekerjaan yang dapat berjalan secara bersamaan. Diagram harus memperjelas perilaku, bukan mencoba mendokumentasikan setiap detail implementasi.<\/p>\n<p data-nodeid=\"14994\">Aturan praktis yang berguna: jika pertanyaan utamanya adalah \u201cApa yang terjadi selanjutnya, dan di bawah kondisi apa?\u201d, diagram aktivitas adalah pilihan yang tepat.<\/p>\n<h2 data-nodeid=\"14995\">2. Dasar-dasar PlantUML<\/h2>\n<p data-nodeid=\"14996\">Diagram PlantUML dimulai dengan <code data-backticks=\"1\" data-nodeid=\"15179\">@startuml<\/code> dan diakhiri dengan &#8220;<code data-backticks=\"1\" data-nodeid=\"15181\">@enduml<\/code>. Dalam sintaks aktivitas saat ini:<\/p>\n<p><img alt=\"Contoh sintaks PlantUML yang menampilkan kode untuk memvalidasi pesanan, bersama dengan diagram aktivitas yang sesuai dan legenda simbol-simbol kunci.\" class=\"alignnone size-full wp-image-21869\" decoding=\"async\" height=\"1086\" loading=\"lazy\" sizes=\"auto, (max-width: 1448px) 100vw, 1448px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda13b83d3e.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda13b83d3e.png 1448w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda13b83d3e-300x225.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda13b83d3e-1024x768.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda13b83d3e-768x576.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda13b83d3e-880x660.png 880w\" width=\"1448\"\/><\/p>\n<ul data-nodeid=\"14997\">\n<li data-nodeid=\"14998\">\n<p data-nodeid=\"14999\"><code data-backticks=\"1\" data-nodeid=\"15183\">start<\/code> menandai node awal.<\/p>\n<\/li>\n<li data-nodeid=\"15000\">\n<p data-nodeid=\"15001\"><code data-backticks=\"1\" data-nodeid=\"15185\">:Action;<\/code> mendefinisikan sebuah aksi.<\/p>\n<\/li>\n<li data-nodeid=\"15002\">\n<p data-nodeid=\"15003\"><code data-backticks=\"1\" data-nodeid=\"15187\">if (...) then (...)<\/code> bercabang berdasarkan suatu kondisi.<\/p>\n<\/li>\n<li data-nodeid=\"15004\">\n<p data-nodeid=\"15005\"><code data-backticks=\"1\" data-nodeid=\"15189\">endif<\/code> menutup kondisi.<\/p>\n<\/li>\n<li data-nodeid=\"15006\">\n<p data-nodeid=\"15007\"><code data-backticks=\"1\" data-nodeid=\"15191\">stop<\/code> mengakhiri alur.<\/p>\n<\/li>\n<li data-nodeid=\"15008\">\n<p data-nodeid=\"15009\"><code data-backticks=\"1\" data-nodeid=\"15193\">repeat<\/code> dan <code data-backticks=\"1\" data-nodeid=\"15195\">repeat while<\/code> memodelkan pengulangan.<\/p>\n<\/li>\n<li data-nodeid=\"15010\">\n<p data-nodeid=\"15011\"><code data-backticks=\"1\" data-nodeid=\"15197\">fork<\/code>, <code data-backticks=\"1\" data-nodeid=\"15199\">fork again<\/code>, dan <code data-backticks=\"1\" data-nodeid=\"15201\">end fork<\/code> memodelkan pekerjaan paralel.<\/p>\n<\/li>\n<\/ul>\n<p data-nodeid=\"15012\">Aksi ditulis secara berurutan dan terhubung secara implisit. Anda dapat menambahkan label pada cabang dan menggunakan <code data-backticks=\"1\" data-nodeid=\"15204\">partition<\/code> untuk mengelompokkan pekerjaan berdasarkan tanggung jawab atau peran.<\/p>\n<p data-nodeid=\"15013\">Berikut ini adalah contoh minimal:<\/p>\n<p id=\"fIKVIxF\"><img alt=\"Antarmuka VPasCode yang menampilkan sintaks kode PlantUML bersama dengan diagram aktivitas yang dihasilkan yang menunjukkan alur penerimaan dan validasi permintaan.\" class=\"alignnone size-full wp-image-21871\" decoding=\"async\" height=\"874\" loading=\"lazy\" sizes=\"auto, (max-width: 1918px) 100vw, 1918px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda16650ec4.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda16650ec4.png 1918w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda16650ec4-300x137.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda16650ec4-1024x467.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda16650ec4-768x350.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda16650ec4-1536x700.png 1536w\" width=\"1918\"\/><\/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:SoWkIImgAStDuUK2itYvh89IarCpor8LYb8BIrEBIwo1Gc69EPafYIN8OiKb-GMyN0wfUIb0pG00\" 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\">\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:SoWkIImgAStDuUK2itYvh89IarCpor8LYb8BIrEBIwo1Gc69EPafYIN8OiKb-GMyN0wfUIb0pG00\" 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:SoWkIImgAStDuUK2itYvh49IYp9p4nKAKejoC_DA4XFph862OOavcIc9nPcemiKb-GMyN0wfUIb04m00\" \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\" data-nodeid=\"15014\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nstart\r\n:Terima permintaan;\r\n:Validasi permintaan;\r\nstop\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:SoWkIImgAStDuUK2itYvh49IYp9p4nKAKejoC_DA4XFph862OOavcIc9nPcemiKb-GMyN0wfUIb04m00\" \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:SoWkIImgAStDuUK2itYvh89IarCpor8LYb8BIrEBIwo1Gc69EPafYIN8OiKb-GMyN0wfUIb0pG00\" 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<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:SoWkIImgAStDuUK2itYvh89IarCpor8LYb8BIrEBIwo1Gc69EPafYIN8OiKb-GMyN0wfUIb0pG00\" 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<h2 data-nodeid=\"15015\">3. Keputusan dan jalur alternatif<\/h2>\n<p data-nodeid=\"15016\">Gunakan <code data-backticks=\"1\" data-nodeid=\"15211\">jika<\/code> ketika proses membuat pilihan. Label cabang harus menyampaikan hasil kondisi, bukan sekadar mengulang kondisi.<\/p>\n<p id=\"erIyTrB\"><img alt=\"Antarmuka VPasCode yang menampilkan kode PlantUML dan diagram aktivitas UML yang sesuai yang mengilustrasikan keputusan if-else untuk ketersediaan inventaris.\" class=\"alignnone size-full wp-image-21872\" decoding=\"async\" height=\"872\" loading=\"lazy\" sizes=\"auto, (max-width: 1914px) 100vw, 1914px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda1853cd74.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda1853cd74.png 1914w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda1853cd74-300x137.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda1853cd74-1024x467.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda1853cd74-768x350.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda1853cd74-1536x700.png 1536w\" width=\"1914\"\/><\/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:FO-z3eCm38JtI7a7Z_0AC9IAdQ5Rnm2Ei9eV6XiathukLDrEdy_dSyVYYcmnM7CgQve7JaWxGYupbbP1l-3q0aex9idbK6GDUQZk8G09HWQtEmfk37YhGHPCK3sHQsi0D8snQDffR7_elI4BhEw86gaG0oDKGxvMXYpa3vWsbXpF2W0gL_MbcVptVDFdvAd4Vybhtgb1V_a0\" 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\">\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:FO-z3eCm38JtI7a7Z_0AC9IAdQ5Rnm2Ei9eV6XiathukLDrEdy_dSyVYYcmnM7CgQve7JaWxGYupbbP1l-3q0aex9idbK6GDUQZk8G09HWQtEmfk37YhGHPCK3sHQsi0D8snQDffR7_elI4BhEw86gaG0oDKGxvMXYpa3vWsbXpF2W0gL_MbcVptVDFdvAd4Vybhtgb1V_a0\" 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:DO-n3i8m34JtIFa7Z-qlj0CLAq92q8NnKDrYsgHLd2BnzoH1RFRvsNVkD2B4tItMbCgQfkSW3hInmiEtIRaaPLQGndLElJKlcK7LZTqEaiYE8WVbGN2eoI7FxgYj8Mgkh1pUK2bSMxIp-9ZlkmS-2Cd2yA9CLIy3vj_QCJb6FFT4BV3JL79G3h0PzeECEKLpMlqemUNh_xIc85rYqazV\" \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\" data-nodeid=\"15017\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nstart\r\n:Terima pesanan;\r\n:Periksa stok;\r\n\r\njika (Semua item tersedia?) maka (Ya)\r\n  :Reservasi item;\r\n  :Minta pembayaran;\nelse (Tidak)\r\n  :Beritahu pelanggan;\r\n  stop\nendif\r\n\r\n:Konfirmasi pesanan;\nstop\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:DO-n3i8m34JtIFa7Z-qlj0CLAq92q8NnKDrYsgHLd2BnzoH1RFRvsNVkD2B4tItMbCgQfkSW3hInmiEtIRaaPLQGndLElJKlcK7LZTqEaiYE8WVbGN2eoI7FxgYj8Mgkh1pUK2bSMxIp-9ZlkmS-2Cd2yA9CLIy3vj_QCJb6FFT4BV3JL79G3h0PzeECEKLpMlqemUNh_xIc85rYqazV\" \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:FO-z3eCm38JtI7a7Z_0AC9IAdQ5Rnm2Ei9eV6XiathukLDrEdy_dSyVYYcmnM7CgQve7JaWxGYupbbP1l-3q0aex9idbK6GDUQZk8G09HWQtEmfk37YhGHPCK3sHQsi0D8snQDffR7_elI4BhEw86gaG0oDKGxvMXYpa3vWsbXpF2W0gL_MbcVptVDFdvAd4Vybhtgb1V_a0\" 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<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:FO-z3eCm38JtI7a7Z_0AC9IAdQ5Rnm2Ei9eV6XiathukLDrEdy_dSyVYYcmnM7CgQve7JaWxGYupbbP1l-3q0aex9idbK6GDUQZk8G09HWQtEmfk37YhGHPCK3sHQsi0D8snQDffR7_elI4BhEw86gaG0oDKGxvMXYpa3vWsbXpF2W0gL_MbcVptVDFdvAd4Vybhtgb1V_a0\" 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 data-nodeid=\"15018\">Di sini, <code data-backticks=\"1\" data-nodeid=\"15214\">jika<\/code> memperkenalkan keputusan dan <code data-backticks=\"1\" data-nodeid=\"15216\">endif<\/code> menutupnya. Label <code data-backticks=\"1\" data-nodeid=\"15218\">Ya<\/code> dan <code data-backticks=\"1\" data-nodeid=\"15220\">Tidak<\/code> membuat alternatif terlihat. Ketika jalur berlanjut ke tindakan bersama setelah <code data-backticks=\"1\" data-nodeid=\"15222\">endif<\/code>, jalur tersebut bergabung kembali ke alur.<\/p>\n<p data-nodeid=\"15019\"><strong data-nodeid=\"15228\">Tips pemodelan:<\/strong> Jelaskan secara eksplisit apa yang terjadi pada setiap hasil yang bermakna. Jika jalur kesalahan, waktu habis, atau penolakan penting bagi pemangku kepentingan, tampilkan jalur tersebut daripada membiarkannya implisit.<\/p>\n<h2 data-nodeid=\"15020\">4. Perulangan dan percobaan ulang<\/h2>\n<p data-nodeid=\"15021\">Gunakan perulangan ketika suatu tindakan atau kelompok tindakan dapat diulang. Contoh ini terus meminta input hingga lolos validasi:<\/p>\n<p id=\"LPNOiFi\"><img alt=\"Antarmuka VPasCode yang menampilkan kode PlantUML untuk perulangan validasi data bersama dengan diagram aktivitas UML yang dihasilkan yang menampilkan logika pengulangan.\" class=\"alignnone size-full wp-image-21873\" decoding=\"async\" height=\"868\" loading=\"lazy\" sizes=\"auto, (max-width: 1915px) 100vw, 1915px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda1aa6120b.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda1aa6120b.png 1915w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda1aa6120b-300x136.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda1aa6120b-1024x464.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda1aa6120b-768x348.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda1aa6120b-1536x696.png 1536w\" width=\"1915\"\/><\/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:JP113e9034NtaymT_XAkW0ln0YuqchWSe8I9E2LjqUixgAYxvlVrzxUrMX2RRwDthygxwa2XWyxDBPfHXovOs7ZddT148GD0TGvZp3gjJI3sA5xgjeGDb51SICkba_5ZkF-XG2CKhaj9enAAFN_1WH-ulyqZ9v08YtwcgfrUCIi9ZD6o2BNsSwNKnNuDYSSGn-nyMkYMayKqa-PeKT_1aDW-YvV3UVAkpWxv3qy0\" 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\">\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:JP113e9034NtaymT_XAkW0ln0YuqchWSe8I9E2LjqUixgAYxvlVrzxUrMX2RRwDthygxwa2XWyxDBPfHXovOs7ZddT148GD0TGvZp3gjJI3sA5xgjeGDb51SICkba_5ZkF-XG2CKhaj9enAAFN_1WH-ulyqZ9v08YtwcgfrUCIi9ZD6o2BNsSwNKnNuDYSSGn-nyMkYMayKqa-PeKT_1aDW-YvV3UVAkpWxv3qy0\" 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:JP31QiD034Jl2_iFEZg_u1mQUYy46WezZcF5LdPNMRphXFnzPPFWtWPfHlFGeLHCTKxHkrLvrtxY3EfHGK_eGBsKkKjIzzvvDt5cc8ce_K6K7aLMwtuPoOMQTVgnepgoKlEBtR8mzxUa3DsyHDt428laM9YQanqBR_S9AKiC5WXS436Qkh_wNl7sIzGGC-imp0fAd39F7IJy8sBjvVAcfiSeqPgEMoH2htEr7YEMilAItkf6itpbbhqxs2LxqXy0\" \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\" data-nodeid=\"15022\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nstart\r\n:Baca data yang disubmit;\r\n\r\nrepeat\r\n  :Validasi data;\r\n  if (Valid?) then (Ya)\r\n    :Simpan data;\r\n    break\r\n  else (Tidak)\r\n    :Tampilkan kesalahan validasi;\r\n    :Minta pengguna memperbaiki data;\r\n  endif\r\nrepeat while (Pengguna melanjutkan?) is (Ya) not (Tidak)\r\n\r\nstop\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:JP31QiD034Jl2_iFEZg_u1mQUYy46WezZcF5LdPNMRphXFnzPPFWtWPfHlFGeLHCTKxHkrLvrtxY3EfHGK_eGBsKkKjIzzvvDt5cc8ce_K6K7aLMwtuPoOMQTVgnepgoKlEBtR8mzxUa3DsyHDt428laM9YQanqBR_S9AKiC5WXS436Qkh_wNl7sIzGGC-imp0fAd39F7IJy8sBjvVAcfiSeqPgEMoH2htEr7YEMilAItkf6itpbbhqxs2LxqXy0\" \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:JP113e9034NtaymT_XAkW0ln0YuqchWSe8I9E2LjqUixgAYxvlVrzxUrMX2RRwDthygxwa2XWyxDBPfHXovOs7ZddT148GD0TGvZp3gjJI3sA5xgjeGDb51SICkba_5ZkF-XG2CKhaj9enAAFN_1WH-ulyqZ9v08YtwcgfrUCIi9ZD6o2BNsSwNKnNuDYSSGn-nyMkYMayKqa-PeKT_1aDW-YvV3UVAkpWxv3qy0\" 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<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:JP113e9034NtaymT_XAkW0ln0YuqchWSe8I9E2LjqUixgAYxvlVrzxUrMX2RRwDthygxwa2XWyxDBPfHXovOs7ZddT148GD0TGvZp3gjJI3sA5xgjeGDb51SICkba_5ZkF-XG2CKhaj9enAAFN_1WH-ulyqZ9v08YtwcgfrUCIi9ZD6o2BNsSwNKnNuDYSSGn-nyMkYMayKqa-PeKT_1aDW-YvV3UVAkpWxv3qy0\" 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 data-nodeid=\"15023\">Loop bisa sulit dibaca jika kondisi keluarnya tidak jelas. Nyatakan apa yang menyebabkan upaya lain dan apa yang mengakhiri pengulangan\u2014terutama ketika upaya ulang terbatas atau dapat dibatalkan.<\/p>\n<h2 data-nodeid=\"15024\">5. Pekerjaan paralel dan sinkronisasi<\/h2>\n<p data-nodeid=\"15025\">Gunakan <code data-backticks=\"1\" data-nodeid=\"15234\">fork<\/code> ketika tindakan independen dapat terjadi secara bersamaan, dan <code data-backticks=\"1\" data-nodeid=\"15236\">end fork<\/code> ketika jalur harus disinkronkan sebelum proses berlanjut.<\/p>\n<p id=\"frWqtgq\"><img alt=\"Diagram aktivitas UML VPasCode yang menunjukkan jalur fork paralel untuk mengirim email, menyiapkan daftar, dan memperbarui dasbor sebelum menyinkronkan.\" class=\"alignnone size-full wp-image-21874\" decoding=\"async\" height=\"872\" loading=\"lazy\" sizes=\"auto, (max-width: 1914px) 100vw, 1914px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda1c913981.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda1c913981.png 1914w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda1c913981-300x137.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda1c913981-1024x467.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda1c913981-768x350.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda1c913981-1536x700.png 1536w\" width=\"1914\"\/><\/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:PO_12SCm34Nl1k-WEP9B5YWjb0wWnaeYubX6SkZwjHrwwaK8zCJxVxA2MiuZUjStxuQx1bAO9Isi1uNHE-yMqTqxWE59AVnkM5WIq84Snmi1N95J1nzA6PNWKyScfn5addU8REKVVkM0XS0maa50szw2sipDThbhi1lM9-dfq22hp6J6QHrRTidUJHMlLRu0\" 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\">\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:PO_12SCm34Nl1k-WEP9B5YWjb0wWnaeYubX6SkZwjHrwwaK8zCJxVxA2MiuZUjStxuQx1bAO9Isi1uNHE-yMqTqxWE59AVnkM5WIq84Snmi1N95J1nzA6PNWKyScfn5addU8REKVVkM0XS0maa50szw2sipDThbhi1lM9-dfq22hp6J6QHrRTidUJHMlLRu0\" 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:POyn3iCW34Lt9ExWSoHBzowHsWly20Uv2GP1k7zDCbNTBFk_h-T7Er7FdWxlhicxQU46XLAGFUicDQ79x9rtMwwxTqJJKweauWGvw2Sp4eG8qIlt4fHzD66pRYgi4McLmrQn1sZyHnQkAseNOzgQB-RJOOH5MGFT3cRvXWQ8tM_PngFFd4lDZTiytid5kuT1zjqN\" \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\" data-nodeid=\"15026\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nstart\r\n:Pesanan dikonfirmasi;\r\n\r\nfork\r\n  :Kirim email konfirmasi;\r\nfork again\r\n  :Siapkan daftar pengambilan gudang;\r\nfork again\r\n  :Perbarui dasbor penjualan;\r\nend fork\r\n\r\n:Tandai pesanan sedang diproses;\r\nstop\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:POyn3iCW34Lt9ExWSoHBzowHsWly20Uv2GP1k7zDCbNTBFk_h-T7Er7FdWxlhicxQU46XLAGFUicDQ79x9rtMwwxTqJJKweauWGvw2Sp4eG8qIlt4fHzD66pRYgi4McLmrQn1sZyHnQkAseNOzgQB-RJOOH5MGFT3cRvXWQ8tM_PngFFd4lDZTiytid5kuT1zjqN\" \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:PO_12SCm34Nl1k-WEP9B5YWjb0wWnaeYubX6SkZwjHrwwaK8zCJxVxA2MiuZUjStxuQx1bAO9Isi1uNHE-yMqTqxWE59AVnkM5WIq84Snmi1N95J1nzA6PNWKyScfn5addU8REKVVkM0XS0maa50szw2sipDThbhi1lM9-dfq22hp6J6QHrRTidUJHMlLRu0\" 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<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:PO_12SCm34Nl1k-WEP9B5YWjb0wWnaeYubX6SkZwjHrwwaK8zCJxVxA2MiuZUjStxuQx1bAO9Isi1uNHE-yMqTqxWE59AVnkM5WIq84Snmi1N95J1nzA6PNWKyScfn5addU8REKVVkM0XS0maa50szw2sipDThbhi1lM9-dfq22hp6J6QHrRTidUJHMlLRu0\" 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 data-nodeid=\"15027\">Fork tidak selalu berarti orang yang terpisah; ini dapat mewakili perilaku sistem yang bersamaan. Hanya gunakan ketika tindakan benar-benar dapat terjadi secara paralel. Jika satu tugas harus selesai sebelum tugas lain dimulai, modelkan secara berurutan.<\/p>\n<h2 data-nodeid=\"15028\">6. Jalur renang dengan partisi<\/h2>\n<p data-nodeid=\"15029\">Partisi mengelompokkan tindakan berdasarkan peran, tim, atau sistem yang bertanggung jawab. Ini dapat membuat serah terima jelas tanpa mengubah proses itu sendiri. PlantUML mendukung pengelompokan aktivitas dengan <code data-backticks=\"1\" data-nodeid=\"15241\">partition<\/code>.<\/p>\n<p id=\"OQtJUKg\"><img alt=\"Antarmuka VPasCode yang menampilkan diagram aktivitas PlantUML dengan jalur renang yang dipartisi berdasarkan peran Pelanggan, Layanan Pesanan, dan Gudang.\" class=\"alignnone size-full wp-image-21875\" decoding=\"async\" height=\"873\" loading=\"lazy\" sizes=\"auto, (max-width: 1916px) 100vw, 1916px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda1f77360e.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda1f77360e.png 1916w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda1f77360e-300x137.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda1f77360e-1024x467.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda1f77360e-768x350.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda1f77360e-1536x700.png 1536w\" width=\"1916\"\/><\/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:ZP31QiCm44Jl0lt3afFp2_MXWTpJKaD2ZggznWkMP5QhN4B-lMkf2OHSSjAYcJSxqYw9Oyb-jgPCrbYpw4b2CS0-9uaU6QxM07nq-TUJGEG1kRNczcpUVAttq25VgCVDFtDqCmrEy441q0XDzLvMyNCBCc60venfk-fAxHaV333sEXGKvuJG7EBTzuEIETGSLreWS-JKLbtRBmKB0uqlXK-ESOfP4slLRqOL4T94YySWxpwnqtZeOnY9VIbn1-lwdShwmNy0\" 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\">\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:ZP31QiCm44Jl0lt3afFp2_MXWTpJKaD2ZggznWkMP5QhN4B-lMkf2OHSSjAYcJSxqYw9Oyb-jgPCrbYpw4b2CS0-9uaU6QxM07nq-TUJGEG1kRNczcpUVAttq25VgCVDFtDqCmrEy441q0XDzLvMyNCBCc60venfk-fAxHaV333sEXGKvuJG7EBTzuEIETGSLreWS-JKLbtRBmKB0uqlXK-ESOfP4slLRqOL4T94YySWxpwnqtZeOnY9VIbn1-lwdShwmNy0\" 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:bP312i8m38RlXRv3s6c-WZieNZpCWw087gFhPcYNZRKJH7ntisw2mvFqq4A_Bt-IjG_OXRvsMiMNLbgrSbEWXc5l779L8SDJAu1bJXtLq1gFZ9nfzPhZoGuVmuzuaKWcxOIE2lJqPG9G2Ud4mNq0LWi8DyEGdd4n029kUWnmnI27Px9nta1wbAhsm-QclaWPAwGLqk7jKrYIin7oeMcZpWMLF-rl-qAcdNe-4BOsfd8rJFtFlEEQRCCbTVMO7iqnVYtfil0t\" \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\" data-nodeid=\"15030\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nstart\r\n\r\npartition Pelanggan {\r\n  :Kirim pesanan;\r\n}\r\n\r\npartition \"Layanan Pesanan\" {\r\n  :Validasi pesanan;\r\n  if (Pesanan valid?) then (Ya)\r\n    :Buat catatan pesanan;\r\n  else (Tidak)\r\n    :Kembalikan kesalahan validasi;\r\n    stop\r\n  endif\r\n}\r\n\r\npartition Gudang {\r\n  :Siapkan pengiriman;\r\n}\r\n\r\npartition \"Layanan Pesanan\" {\r\n  :Kirim konfirmasi;\r\n}\r\n\r\nstop\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:bP312i8m38RlXRv3s6c-WZieNZpCWw087gFhPcYNZRKJH7ntisw2mvFqq4A_Bt-IjG_OXRvsMiMNLbgrSbEWXc5l779L8SDJAu1bJXtLq1gFZ9nfzPhZoGuVmuzuaKWcxOIE2lJqPG9G2Ud4mNq0LWi8DyEGdd4n029kUWnmnI27Px9nta1wbAhsm-QclaWPAwGLqk7jKrYIin7oeMcZpWMLF-rl-qAcdNe-4BOsfd8rJFtFlEEQRCCbTVMO7iqnVYtfil0t\" \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:ZP31QiCm44Jl0lt3afFp2_MXWTpJKaD2ZggznWkMP5QhN4B-lMkf2OHSSjAYcJSxqYw9Oyb-jgPCrbYpw4b2CS0-9uaU6QxM07nq-TUJGEG1kRNczcpUVAttq25VgCVDFtDqCmrEy441q0XDzLvMyNCBCc60venfk-fAxHaV333sEXGKvuJG7EBTzuEIETGSLreWS-JKLbtRBmKB0uqlXK-ESOfP4slLRqOL4T94YySWxpwnqtZeOnY9VIbn1-lwdShwmNy0\" 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<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ZP31QiCm44Jl0lt3afFp2_MXWTpJKaD2ZggznWkMP5QhN4B-lMkf2OHSSjAYcJSxqYw9Oyb-jgPCrbYpw4b2CS0-9uaU6QxM07nq-TUJGEG1kRNczcpUVAttq25VgCVDFtDqCmrEy441q0XDzLvMyNCBCc60venfk-fAxHaV333sEXGKvuJG7EBTzuEIETGSLreWS-JKLbtRBmKB0uqlXK-ESOfP4slLRqOL4T94YySWxpwnqtZeOnY9VIbn1-lwdShwmNy0\" 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 data-nodeid=\"15031\">Pilih label jalur yang sesuai dengan pembagian tanggung jawab yang sebenarnya. Hindari membuat partisi baru untuk setiap komponen kecil; terlalu banyak jalur dapat membuat diagram lebih sulit dipindai.<\/p>\n<h2 data-nodeid=\"15032\">7. Objek data dan catatan<\/h2>\n<p data-nodeid=\"15033\">Beberapa alur kerja diuntungkan dengan menampilkan input atau output penting. Diagram aktivitas PlantUML mendukung stereotipe node objek; catatan juga dapat menambahkan konteks tanpa mengubah setiap label tindakan menjadi paragraf.<\/p>\n<p id=\"xkTLSwh\"><img alt=\"Antarmuka VPasCode yang menampilkan kode PlantUML untuk alur pembayaran bersama dengan diagram aktivitas yang dirender yang menampilkan catatan yang melekat pada aksi otorisasi pembayaran.\" class=\"alignnone size-full wp-image-21876\" decoding=\"async\" height=\"870\" loading=\"lazy\" sizes=\"auto, (max-width: 1910px) 100vw, 1910px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda21072c26.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda21072c26.png 1910w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda21072c26-300x137.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda21072c26-1024x466.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda21072c26-768x350.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda21072c26-1536x700.png 1536w\" width=\"1910\"\/><\/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:JOvB2W8n38RtXTuXEtSUG3VZ5GGFK6omXPca9kc0ddxIGTHToF_w9hKarfSvXlsAuNJ5EzOLeQNNWcGW-EoeTex1nKktmbBVNzdVn8OWzL4y3N1JLB3oopVXjMQKWmuvVGgILIRlriQaU8m1ASDescUSWIN_8MYVnvGQjnWczpho1W00\" 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\">\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:JOvB2W8n38RtXTuXEtSUG3VZ5GGFK6omXPca9kc0ddxIGTHToF_w9hKarfSvXlsAuNJ5EzOLeQNNWcGW-EoeTex1nKktmbBVNzdVn8OWzL4y3N1JLB3oopVXjMQKWmuvVGgILIRlriQaU8m1ASDescUSWIN_8MYVnvGQjnWczpho1W00\" 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:LOuz2iCm38LtW--W4_G0xHBeNBhq0gzO9AQnR2HboErh1mhDzf2-zpEPGtqhQmo7Yk7wOiq5r5XB5WUao_B63eNSOkZ4qwjcW-NpHwepVI2G68WUBFEy2Vg1bArLCQe_um0IT0J8pYdZB-aI0qkYaNQqtU5mMhfhFVUPrnR3rE6-_mi0\" \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\" data-nodeid=\"15034\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nstart\r\n:Terima permintaan pembayaran;\r\n\r\n:Otorisasi pembayaran;\r\nnote kanan\r\n  Menggunakan respons otorisasi\r\n  dari penyedia pembayaran.\r\nend note\r\n\r\n:Catat hasil pembayaran;\r\nstop\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:LOuz2iCm38LtW--W4_G0xHBeNBhq0gzO9AQnR2HboErh1mhDzf2-zpEPGtqhQmo7Yk7wOiq5r5XB5WUao_B63eNSOkZ4qwjcW-NpHwepVI2G68WUBFEy2Vg1bArLCQe_um0IT0J8pYdZB-aI0qkYaNQqtU5mMhfhFVUPrnR3rE6-_mi0\" \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:JOvB2W8n38RtXTuXEtSUG3VZ5GGFK6omXPca9kc0ddxIGTHToF_w9hKarfSvXlsAuNJ5EzOLeQNNWcGW-EoeTex1nKktmbBVNzdVn8OWzL4y3N1JLB3oopVXjMQKWmuvVGgILIRlriQaU8m1ASDescUSWIN_8MYVnvGQjnWczpho1W00\" 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<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:JOvB2W8n38RtXTuXEtSUG3VZ5GGFK6omXPca9kc0ddxIGTHToF_w9hKarfSvXlsAuNJ5EzOLeQNNWcGW-EoeTex1nKktmbBVNzdVn8OWzL4y3N1JLB3oopVXjMQKWmuvVGgILIRlriQaU8m1ASDescUSWIN_8MYVnvGQjnWczpho1W00\" 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 data-nodeid=\"15035\">Jaga agar label aktivitas utama tetap singkat. Masukkan aturan bisnis, asumsi, atau klarifikasi dalam catatan ketika pembaca membutuhkannya, namun hal tersebut bukan merupakan langkah dalam alur.<\/p>\n<h2 data-nodeid=\"15036\">8. Contoh lengkap: checkout online<\/h2>\n<p data-nodeid=\"15037\">Contoh yang lebih besar ini menggabungkan partisi, keputusan, jalur alternatif, dan pekerjaan paralel.<\/p>\n<p id=\"uthqljR\"><img alt=\"Diagram aktivitas UML untuk proses checkout online yang menampilkan pengajuan pelanggan, validasi, otorisasi pembayaran, serta konfirmasi paralel dan persiapan gudang.\" class=\"alignnone size-full wp-image-21877\" decoding=\"async\" height=\"872\" loading=\"lazy\" sizes=\"auto, (max-width: 1916px) 100vw, 1916px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda22b58de7.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda22b58de7.png 1916w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda22b58de7-300x137.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda22b58de7-1024x466.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda22b58de7-768x350.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda22b58de7-1536x699.png 1536w\" width=\"1916\"\/><\/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:ZPFBRi8m44NtaV8F8rRm2sLHKBe62bAhBbrdGaOuTkICWzgAVwyVINaKgLqbyjnxV6ScMNGiBBj6vHaJAuIrLgGHYXhbmJZEipoBal3I-YSn6Gs5wzWqQE4hpm0UjjWJ7a7w-ZmUxDnxGmnoeFZ3qpLWihQbj-_GzYHnCd1UXA9IC4OI25s2A4kBNJSFRW2gO5hSbA0FfiSPS8qQfc_OpOBKqmgXf5C1nuQ5YibGTGZJbHarkzeS4q74N6YjiTqyLNsFRJJfaghVBMp4HuEQRvjOEgwDfK-4DWakmeyMqRRMz7YElHmEpjbRTlOICMP_GXaszAFSeXVgKGYL8EMD_-lWxX8AYs5c9jJ6nLN67aBnmhioJ1N9DBPhH9Yhlp4XG1fTaMsYCCOw9Hw8lI1zJNqL5clZV9yZwDcX6yA0Tq5Bya1wFuB2DIdStut5NT_DT4gVUPZLmXFzx_0D\" 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\">\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:ZPFBRi8m44NtaV8F8rRm2sLHKBe62bAhBbrdGaOuTkICWzgAVwyVINaKgLqbyjnxV6ScMNGiBBj6vHaJAuIrLgGHYXhbmJZEipoBal3I-YSn6Gs5wzWqQE4hpm0UjjWJ7a7w-ZmUxDnxGmnoeFZ3qpLWihQbj-_GzYHnCd1UXA9IC4OI25s2A4kBNJSFRW2gO5hSbA0FfiSPS8qQfc_OpOBKqmgXf5C1nuQ5YibGTGZJbHarkzeS4q74N6YjiTqyLNsFRJJfaghVBMp4HuEQRvjOEgwDfK-4DWakmeyMqRRMz7YElHmEpjbRTlOICMP_GXaszAFSeXVgKGYL8EMD_-lWxX8AYs5c9jJ6nLN67aBnmhioJ1N9DBPhH9Yhlp4XG1fTaMsYCCOw9Hw8lI1zJNqL5clZV9yZwDcX6yA0Tq5Bya1wFuB2DIdStut5NT_DT4gVUPZLmXFzx_0D\" 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:bPFBQiCm44Nt0V_3a5No2ysYwGDQI6cw28Kk9x7iJ2IFZ3qAb99_xyYFE2wXj2l9epl7z-gnh0Kh2OLB9aBY33pipSxw8B1cHsoIIJ9f975IwaX2dk7DEEGyHuQlP09mio4-O01hAjG9vukckgAA2jXrHAsTnfJf2tuYOyJLSPnsj7Tqb69D0mzILQ730YCcYYY3sUhACXnZy-qSP6yOPXyuZsg5FfC4LOeNT8qzuse3iut-oVQQ3HObEQimguuSxdLsxCmiMaqjlcowEQNijqJ5LgVL46ejlg8wfYhFQnTPXWP8gJOI3e7EAHxxoc2KSulb6DL7UYJnRWYrYXf7RQeSSyt5Fnl_aMjqKlT1TxniQ_tvPhwoSV5AzwiNojH9JHtWV4civuogejsU7WTmQd6Whed7qAUGnfFlCNSiLPEnQuV04gn-SOx5bjm0r8JGUlnBmeihSStYgNqWSU-M2jQ7z0q0\" \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\" data-nodeid=\"15038\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\ntitle Checkout Online\r\n\r\nstart\r\n\r\npartition Pelanggan {\r\n  :Tinjau keranjang;\r\n  :Kirim checkout;\r\n}\r\n\r\npartition \"Layanan Pesanan\" {\r\n  :Validasi keranjang dan alamat;\r\n\r\n  if (Keranjang dan alamat valid?) then (Ya)\r\n    :Hitung total;\r\n  else (Tidak)\r\n    :Tampilkan kesalahan validasi;\r\n    stop\r\n  endif\r\n}\r\n\r\npartition \"Layanan Pembayaran\" {\r\n  :Otorisasi pembayaran;\r\n\r\n  if (Pembayaran disetujui?) then (Disetujui)\r\n    :Tangkap pembayaran;\r\n  else (Ditolak)\r\n    :Kembalikan kegagalan pembayaran;\r\n    stop\r\n  endif\r\n}\r\n\r\npartition \"Layanan Pesanan\" {\r\n  :Buat pesanan;\r\n}\r\n\r\nfork\r\n  partition \"Layanan Notifikasi\" {\r\n    :Kirim konfirmasi pesanan;\r\n  }\r\nfork again\r\n  partition Gudang {\r\n    :Antrikan pesanan untuk pengambilan;\r\n  }\r\nend fork\r\n\r\npartition \"Layanan Pesanan\" {\r\n  :Tampilkan konfirmasi pesanan;\r\n}\r\n\r\nstop\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:bPFBQiCm44Nt0V_3a5No2ysYwGDQI6cw28Kk9x7iJ2IFZ3qAb99_xyYFE2wXj2l9epl7z-gnh0Kh2OLB9aBY33pipSxw8B1cHsoIIJ9f975IwaX2dk7DEEGyHuQlP09mio4-O01hAjG9vukckgAA2jXrHAsTnfJf2tuYOyJLSPnsj7Tqb69D0mzILQ730YCcYYY3sUhACXnZy-qSP6yOPXyuZsg5FfC4LOeNT8qzuse3iut-oVQQ3HObEQimguuSxdLsxCmiMaqjlcowEQNijqJ5LgVL46ejlg8wfYhFQnTPXWP8gJOI3e7EAHxxoc2KSulb6DL7UYJnRWYrYXf7RQeSSyt5Fnl_aMjqKlT1TxniQ_tvPhwoSV5AzwiNojH9JHtWV4civuogejsU7WTmQd6Whed7qAUGnfFlCNSiLPEnQuV04gn-SOx5bjm0r8JGUlnBmeihSStYgNqWSU-M2jQ7z0q0\" \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:ZPFBRi8m44NtaV8F8rRm2sLHKBe62bAhBbrdGaOuTkICWzgAVwyVINaKgLqbyjnxV6ScMNGiBBj6vHaJAuIrLgGHYXhbmJZEipoBal3I-YSn6Gs5wzWqQE4hpm0UjjWJ7a7w-ZmUxDnxGmnoeFZ3qpLWihQbj-_GzYHnCd1UXA9IC4OI25s2A4kBNJSFRW2gO5hSbA0FfiSPS8qQfc_OpOBKqmgXf5C1nuQ5YibGTGZJbHarkzeS4q74N6YjiTqyLNsFRJJfaghVBMp4HuEQRvjOEgwDfK-4DWakmeyMqRRMz7YElHmEpjbRTlOICMP_GXaszAFSeXVgKGYL8EMD_-lWxX8AYs5c9jJ6nLN67aBnmhioJ1N9DBPhH9Yhlp4XG1fTaMsYCCOw9Hw8lI1zJNqL5clZV9yZwDcX6yA0Tq5Bya1wFuB2DIdStut5NT_DT4gVUPZLmXFzx_0D\" 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<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ZPFBRi8m44NtaV8F8rRm2sLHKBe62bAhBbrdGaOuTkICWzgAVwyVINaKgLqbyjnxV6ScMNGiBBj6vHaJAuIrLgGHYXhbmJZEipoBal3I-YSn6Gs5wzWqQE4hpm0UjjWJ7a7w-ZmUxDnxGmnoeFZ3qpLWihQbj-_GzYHnCd1UXA9IC4OI25s2A4kBNJSFRW2gO5hSbA0FfiSPS8qQfc_OpOBKqmgXf5C1nuQ5YibGTGZJbHarkzeS4q74N6YjiTqyLNsFRJJfaghVBMp4HuEQRvjOEgwDfK-4DWakmeyMqRRMz7YElHmEpjbRTlOICMP_GXaszAFSeXVgKGYL8EMD_-lWxX8AYs5c9jJ6nLN67aBnmhioJ1N9DBPhH9Yhlp4XG1fTaMsYCCOw9Hw8lI1zJNqL5clZV9yZwDcX6yA0Tq5Bya1wFuB2DIdStut5NT_DT4gVUPZLmXFzx_0D\" 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=\"QdBXLzE\"><img alt=\"Diagram aktivitas PlantUML yang menunjukkan alur checkout online dengan partisi layanan pelanggan, pesanan, pembayaran, notifikasi, dan gudang.\" class=\"alignnone size-full wp-image-21878\" decoding=\"async\" height=\"1054\" loading=\"lazy\" sizes=\"auto, (max-width: 456px) 100vw, 456px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda23361f16.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda23361f16.png 456w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda23361f16-130x300.png 130w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda23361f16-443x1024.png 443w\" width=\"456\"\/><\/p>\n<p data-nodeid=\"15039\">Baca dari atas ke bawah: pelanggan mengirimkan checkout, layanan pesanan memvalidasinya, pembayaran diotorisasi, dan pesanan dibuat. Setelah itu, konfirmasi dan persiapan gudang berjalan secara paralel. Jika validasi atau pembayaran gagal, alur berakhir melalui jalur kegagalan yang relevan.<\/p>\n<h2 data-nodeid=\"15040\">9. Alur kerja diagram-sebagai-kode<\/h2>\n<p data-nodeid=\"15041\">Sebuah alur kerja praktis adalah:<\/p>\n<h2 data-nodeid=\"15040\">Alur kerja diagram-sebagai-kode<\/h2>\n<p data-nodeid=\"15041\">Sebuah alur kerja praktis adalah:<\/p>\n<ol data-nodeid=\"15042\">\n<li data-nodeid=\"15043\">\n<p data-nodeid=\"15044\"><strong data-nodeid=\"15260\">Deskripsikan prosesnya dalam bahasa yang sederhana.<\/strong>Identifikasi titik awal, akhir, tindakan utama, keputusan, pengecualian, tugas paralel, dan peran yang bertanggung jawab.<\/p>\n<\/li>\n<li data-nodeid=\"15045\">\n<p data-nodeid=\"15046\"><strong data-nodeid=\"15265\">Buat draf PlantUML pertama.<\/strong>Fokuskan pada logika sebelum penataan gaya.<\/p>\n<\/li>\n<li data-nodeid=\"15047\">\n<p data-nodeid=\"15048\"><strong data-nodeid=\"15270\">Render dan periksa hasilnya.<\/strong>Periksa bahwa hasil tersebut terbaca secara alami dan bahwa cabang serta perulangan dapat dipahami.<\/p>\n<\/li>\n<li data-nodeid=\"15049\">\n<p data-nodeid=\"15050\"><strong data-nodeid=\"15275\">Tinjau logikanya bersama para pemangku kepentingan.<\/strong>Proses rendering memeriksa sintaks\u2014bukan apakah prosesnya benar.<\/p>\n<\/li>\n<li data-nodeid=\"15051\">\n<p data-nodeid=\"15052\"><strong data-nodeid=\"15280\">Revisi sumbernya dan simpan bersama proyek.<\/strong>Diagram berbasis teks mudah untuk dibandingkan dan ditinjau bersama dokumentasi lainnya.<\/p>\n<\/li>\n<\/ol>\n<p data-nodeid=\"15053\">Untuk rendering lokal, alat baris perintah PlantUML dapat menghasilkan file diagram; editor berbasis browser nyaman untuk draf cepat dan pratinjau. PlantUML juga menyediakan editor berbasis browser, sedangkan VPasCode menyediakan editor berbasis browser dengan pratinjau langsung dan dukungan diagram aktivitas PlantUML.<\/p>\n<ol data-nodeid=\"15042\">\n<li data-nodeid=\"15043\">\n<p data-nodeid=\"15044\"><strong data-nodeid=\"15260\">Deskripsikan prosesnya dengan bahasa yang sederhana.<\/strong>Identifikasi titik awal, titik akhir, tindakan utama, keputusan, pengecualian, tugas paralel, dan peran yang bertanggung jawab.<\/p>\n<\/li>\n<li data-nodeid=\"15045\">\n<p data-nodeid=\"15046\"><strong data-nodeid=\"15265\">Buat draf PlantUML pertama.<\/strong>Fokuskan pada logika sebelum penataan gaya.<\/p>\n<\/li>\n<li data-nodeid=\"15047\">\n<p data-nodeid=\"15048\"><strong data-nodeid=\"15270\">Render dan periksa hasilnya.<\/strong>Periksa bahwa hasil tersebut terbaca secara alami dan bahwa cabang serta perulangan dapat dipahami.<\/p>\n<\/li>\n<li data-nodeid=\"15049\">\n<p data-nodeid=\"15050\"><strong data-nodeid=\"15275\">Tinjau logikanya bersama para pemangku kepentingan.<\/strong>Proses rendering memeriksa sintaks\u2014bukan apakah prosesnya benar.<\/p>\n<\/li>\n<li data-nodeid=\"15051\">\n<p data-nodeid=\"15052\"><strong data-nodeid=\"15280\">Revisi sumbernya dan simpan bersama proyek.<\/strong>Diagram berbasis teks mudah untuk dibandingkan dan ditinjau bersama dokumentasi lainnya.<\/p>\n<\/li>\n<\/ol>\n<p data-nodeid=\"15053\">Untuk rendering lokal, alat baris perintah PlantUML dapat menghasilkan file diagram; editor berbasis browser nyaman untuk draf cepat dan pratinjau. PlantUML juga menyediakan editor berbasis browser, sedangkan VPasCode menyediakan editor berbasis browser dengan pratinjau langsung dan dukungan diagram aktivitas PlantUML.<\/p>\n<h2 data-nodeid=\"15054\">10. Menggunakan Visual Paradigm VPasCode dan bantuan AI<\/h2>\n<p data-nodeid=\"15055\">VPasCode adalah editor berbasis browser dari Visual Paradigm untuk mengubah teks menjadi diagram. Dukungan PlantUML-nya mencakup diagram aktivitas, dan editor-nya menyediakan rendering langsung. Visual Paradigm juga menggambarkan generasi diagram berbasis bahasa alami bawaan dan bantuan AI untuk memodifikasi atau memperbaiki kode diagram.<\/p>\n<p data-nodeid=\"15056\">Alur kerja yang dibantu AI yang bermanfaat:<\/p>\n<p><img alt=\"Alur kerja lima langkah yang mengilustrasikan cara membuat diagram aktivitas PlantUML menggunakan VPasCode, mulai dari penyusunan kode hingga meninjau logika dan menyimpan file sumber.\" class=\"alignnone size-full wp-image-21880\" decoding=\"async\" height=\"941\" loading=\"lazy\" sizes=\"auto, (max-width: 1672px) 100vw, 1672px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda2bea4647.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda2bea4647.png 1672w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda2bea4647-300x169.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda2bea4647-1024x576.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda2bea4647-768x432.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda2bea4647-1536x864.png 1536w\" width=\"1672\"\/><\/p>\n<ol data-nodeid=\"15057\">\n<li data-nodeid=\"15058\">\n<p data-nodeid=\"15059\"><strong data-nodeid=\"15297\">Berikan perintah untuk perilaku, bukan hanya jenis diagram.<\/strong>Sebagai contoh:<br \/>\n<em data-nodeid=\"15298\">\u201cBuat diagram aktivitas PlantUML untuk proses checkout online. Sertakan validasi keranjang, validasi alamat, otorisasi pembayaran, jalur kegagalan, pembuatan pesanan, serta email konfirmasi dan persiapan gudang yang berjalan paralel. Gunakan partisi untuk Pelanggan, Layanan Pesanan, Layanan Pembayaran, Layanan Notifikasi, dan Gudang. Gunakan sintaks diagram aktivitas PlantUML yang berlaku saat ini.\u201d<\/em><\/p>\n<\/li>\n<li data-nodeid=\"15060\">\n<p data-nodeid=\"15061\"><strong data-nodeid=\"15307\">Periksa sumber yang dihasilkan.<\/strong>Periksa bahwa ia menggunakan <code data-backticks=\"1\" data-nodeid=\"15303\">@startuml<\/code>\/<code data-backticks=\"1\" data-nodeid=\"15305\">@enduml<\/code>, bahwa setiap cabang mewakili kondisi nyata, dan bahwa jalur yang gagal atau alternatif ditangani.<\/p>\n<\/li>\n<li data-nodeid=\"15062\">\n<p data-nodeid=\"15063\"><strong data-nodeid=\"15312\">Render diagram tersebut di VPasCode.<\/strong>Gunakan pratinjau untuk mengidentifikasi kesalahan sintaks, label yang membingungkan, atau tata letak yang terlalu rumit.<\/p>\n<\/li>\n<li data-nodeid=\"15064\">\n<p data-nodeid=\"15065\"><strong data-nodeid=\"15317\">Sempurnakan PlantUML sendiri atau dengan penyuntingan AI yang ditargetkan.<\/strong>Minta perubahan spesifik, seperti \u201cTambahkan jalur waktu habis pembayaran\u201d atau \u201cJadikan persiapan gudang berurutan setelah pembuatan pesanan.\u201d<\/p>\n<\/li>\n<li data-nodeid=\"15066\">\n<p data-nodeid=\"15067\"><strong data-nodeid=\"15322\">Validasi proses tersebut dengan seseorang yang memahaminya.<\/strong>AI dapat membuat draf diagram yang masuk akal, tetapi AI tidak dapat memastikan bahwa proses aktual organisasi Anda benar.<\/p>\n<\/li>\n<\/ol>\n<p data-nodeid=\"15068\">Kontrol dan ketersediaan fitur VPasCode yang tepat dapat bervariasi berdasarkan edisi produk; konfirmasi opsi saat ini di editor yang Anda gunakan.<\/p>\n<h2 data-nodeid=\"15069\">11. Alur kerja pemodelan Visual Paradigm<\/h2>\n<p data-nodeid=\"15070\">Gunakan VPasCode ketika Anda ingin bekerja langsung dengan sumber diagram dan pratinjau. Gunakan lingkungan pemodelan Visual Paradigm ketika tugas memerlukan penyuntingan grafis atau pekerjaan pemodelan yang lebih luas. Panduan Visual Paradigm menggambarkan alur kerja menghasilkan atau mengimpor diagram, lalu menyempurnakannya di editor visual; jalur impor yang tepat dapat bergantung pada produk dan versinya.<\/p>\n<p data-nodeid=\"15071\">Serah terima yang masuk akal adalah:<\/p>\n<p><img alt=\"Diagram alur kerja Visual Paradigm yang menampilkan empat langkah: menyusun sumber PlantUML, membagikan untuk ditinjau, mengimpor ke Visual Paradigm, dan menyempurnakan sambil mempertahankan kontrol versi.\" class=\"alignnone size-full wp-image-21882\" decoding=\"async\" height=\"941\" loading=\"lazy\" sizes=\"auto, (max-width: 1672px) 100vw, 1672px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda35081247.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda35081247.png 1672w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda35081247-300x169.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda35081247-1024x576.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda35081247-768x432.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda35081247-1536x864.png 1536w\" width=\"1672\"\/><\/p>\n<ol data-nodeid=\"15072\">\n<li data-nodeid=\"15073\">\n<p data-nodeid=\"15074\">Buat draf dan lakukan iterasi di PlantUML.<\/p>\n<\/li>\n<li data-nodeid=\"15075\">\n<p data-nodeid=\"15076\">Bagikan diagram yang telah dirender dan sumbernya untuk ditinjau.<\/p>\n<\/li>\n<li data-nodeid=\"15077\">\n<p data-nodeid=\"15078\">Buka atau impor ke editor Visual Paradigm yang relevan jika Anda memerlukan penyuntingan visual atau kemampuan pemodelan lainnya.<\/p>\n<\/li>\n<li data-nodeid=\"15079\">\n<p data-nodeid=\"15080\">Pertahankan sumber PlantUML sebagai versi yang dipelihara jika itu adalah sumber kebenaran yang dipilih tim; hindari membuat penyuntingan yang bertentangan secara diam-diam di dua tempat.<\/p>\n<\/li>\n<\/ol>\n<h2 data-nodeid=\"15081\">12. Kesalahan umum dan daftar periksa kualitas<\/h2>\n<p data-nodeid=\"15082\">Sebelum membagikan diagram, periksa:<\/p>\n<p><img alt=\"Infografis daftar periksa kualitas untuk diagram aktivitas, menampilkan langkah validasi alur dan contoh alur kerja proses pesanan dengan titik keputusan dan penanganan kesalahan.\" class=\"alignnone size-full wp-image-21884\" decoding=\"async\" height=\"1151\" loading=\"lazy\" sizes=\"auto, (max-width: 1367px) 100vw, 1367px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda391ac5f9.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda391ac5f9.png 1367w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda391ac5f9-300x253.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda391ac5f9-1024x862.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6acda391ac5f9-768x647.png 768w\" width=\"1367\"\/><\/p>\n<ul data-nodeid=\"15083\">\n<li data-nodeid=\"15084\">\n<p data-nodeid=\"15085\">Apakah diagram tersebut memiliki awal yang jelas dan akhir yang bermakna?<\/p>\n<\/li>\n<li data-nodeid=\"15086\">\n<p data-nodeid=\"15087\">Apakah setiap tindakan menggambarkan bagian pekerjaan yang dapat dikenali?<\/p>\n<\/li>\n<li data-nodeid=\"15088\">\n<p data-nodeid=\"15089\">Apakah hasil keputusan dilabeli dengan jelas?<\/p>\n<\/li>\n<li data-nodeid=\"15090\">\n<p data-nodeid=\"15091\">Apakah jalur penolakan, kesalahan, waktu habis, atau pembatalan disertakan di tempat yang penting?<\/p>\n<\/li>\n<li data-nodeid=\"15092\">\n<p data-nodeid=\"15093\">Apakah kondisi perulangan membuat perilaku pengulangan dan keluar menjadi jelas?<\/p>\n<\/li>\n<li data-nodeid=\"15094\">\n<p data-nodeid=\"15095\">Apakah tindakan paralel benar-benar independen, dan apakah sinkronisasi ditampilkan di tempat yang diperlukan?<\/p>\n<\/li>\n<li data-nodeid=\"15096\">\n<p data-nodeid=\"15097\">Apakah partisi mewakili batas kepemilikan yang berguna?<\/p>\n<\/li>\n<li data-nodeid=\"15098\">\n<p data-nodeid=\"15099\">Apakah pembaca dapat memahami alurnya tanpa membaca label tindakan yang panjang?<\/p>\n<\/li>\n<li data-nodeid=\"15100\">\n<p data-nodeid=\"15101\">Apakah diagram yang dirender sesuai dengan proses aktual?<\/p>\n<\/li>\n<\/ul>\n<p data-nodeid=\"15102\">Diagram aktivitas yang baik bukanlah yang terpanjang atau paling detail. Diagram tersebut adalah diagram terkecil yang membuat alur kerja, keputusan, tanggung jawab, dan pengecualian penting menjadi jelas.<\/p>\n<h3 data-nodeid=\"15103\">Referensi sintaks cepat<\/h3>\n<table data-nodeid=\"15105\">\n<thead data-nodeid=\"15106\">\n<tr data-nodeid=\"15107\">\n<th data-nodeid=\"15109\">Tujuan<\/th>\n<th data-nodeid=\"15110\">Pola PlantUML<\/th>\n<\/tr>\n<\/thead>\n<tbody data-nodeid=\"15113\">\n<tr data-nodeid=\"15114\">\n<td data-nodeid=\"15115\">Mulai<\/td>\n<td data-nodeid=\"15116\"><code data-backticks=\"1\" data-nodeid=\"15349\">mulai<\/code><\/td>\n<\/tr>\n<tr data-nodeid=\"15117\">\n<td data-nodeid=\"15118\">Aksi<\/td>\n<td data-nodeid=\"15119\"><code data-backticks=\"1\" data-nodeid=\"15351\">:Lakukan sesuatu;<\/code><\/td>\n<\/tr>\n<tr data-nodeid=\"15120\">\n<td data-nodeid=\"15121\">Keputusan<\/td>\n<td data-nodeid=\"15122\"><code data-backticks=\"1\" data-nodeid=\"15353\">if (Kondisi?) then (Ya) ... else (Tidak) ... endif<\/code><\/td>\n<\/tr>\n<tr data-nodeid=\"15123\">\n<td data-nodeid=\"15124\">Perulangan<\/td>\n<td data-nodeid=\"15125\"><code data-backticks=\"1\" data-nodeid=\"15355\">repeat ... repeat while (Kondisi?)<\/code><\/td>\n<\/tr>\n<tr data-nodeid=\"15126\">\n<td data-nodeid=\"15127\">Pekerjaan paralel<\/td>\n<td data-nodeid=\"15128\"><code data-backticks=\"1\" data-nodeid=\"15357\">fork ... fork lagi ... end fork<\/code><\/td>\n<\/tr>\n<tr data-nodeid=\"15129\">\n<td data-nodeid=\"15130\">Kelompok tanggung jawab<\/td>\n<td data-nodeid=\"15131\"><code data-backticks=\"1\" data-nodeid=\"15359\">partition Role { ... }<\/code><\/td>\n<\/tr>\n<tr data-nodeid=\"15132\">\n<td data-nodeid=\"15133\">Selesai<\/td>\n<td data-nodeid=\"15134\"><code data-backticks=\"1\" data-nodeid=\"15361\">berhenti<\/code><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p class=\"\" data-nodeid=\"15135\">Contoh-contoh ini menggunakan sintesis diagram aktivitas PlantUML yang saat ini berlaku. Untuk konstruk yang tidak umum atau perilaku rendering yang spesifik versi, periksa referensi diagram aktivitas PlantUML.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Diagram aktivitas UML memodelkan bagaimana pekerjaan mengalirmelalui suatu proses: tindakan yang dilakukan, keputusan yang diambil, pekerjaan paralel, dan jalur menuju<\/p>\n","protected":false},"author":11,"featured_media":12295,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_yoast_wpseo_title":"","_yoast_wpseo_metadesc":"","source_url":"","source_h1_title":"","fifu_image_url":"","fifu_image_alt":"","_fifu_image_alt":"","fifu_alt":"","_fifu_alt":"","fifu_image_title":"","_fifu_image_title":"","fifu_input_alt":"","vp_image_hash":"","footnotes":""},"categories":[82,86,120],"tags":[],"asset-category":[126,127,125],"class_list":["post-12294","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ai","category-visual-paradigm","category-vpascode-editor","asset-category-uml","asset-category-visual-paradigm","asset-category-vpascode"],"source_url":"","source_h1_title":"","fifu_image_url":"","fifu_image_alt":"","vp_image_hash":"","yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>VPasCode: Diagram Aktivitas UML dengan PlantUML &#8211; Tutorial Praktis - Media Maya<\/title>\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.cybermedian.com\/id\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"VPasCode: Diagram Aktivitas UML dengan PlantUML &#8211; Tutorial Praktis - Media Maya\" \/>\n<meta property=\"og:description\" content=\"Diagram aktivitas UML memodelkan bagaimana pekerjaan mengalirmelalui suatu proses: tindakan yang dilakukan, keputusan yang diambil, pekerjaan paralel, dan jalur menuju\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.cybermedian.com\/id\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/\" \/>\n<meta property=\"og:site_name\" content=\"Media Maya\" \/>\n<meta property=\"article:published_time\" content=\"2026-10-13T03:08:32+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-14T05:09:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.cybermedian.com\/id\/wp-content\/uploads\/sites\/17\/2026\/10\/img_6acda0c62804b.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1402\" \/>\n\t<meta property=\"og:image:height\" content=\"1122\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"curtis\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Ditulis oleh\" \/>\n\t<meta name=\"twitter:data1\" content=\"curtis\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimasi waktu membaca\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 menit\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.cybermedian.com\/id\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.cybermedian.com\/id\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/\"},\"author\":{\"name\":\"curtis\",\"@id\":\"https:\/\/www.cybermedian.com\/id\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d\"},\"headline\":\"VPasCode: Diagram Aktivitas UML dengan PlantUML &#8211; Tutorial Praktis\",\"datePublished\":\"2026-10-13T03:08:32+00:00\",\"dateModified\":\"2026-10-14T05:09:18+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.cybermedian.com\/id\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/\"},\"wordCount\":1502,\"image\":{\"@id\":\"https:\/\/www.cybermedian.com\/id\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.cybermedian.com\/id\/wp-content\/uploads\/sites\/17\/2026\/10\/img_6acda0c62804b.png\",\"articleSection\":[\"AI\",\"Visual Paradigm\",\"VPasCode Editor\"],\"inLanguage\":\"id\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.cybermedian.com\/id\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/\",\"url\":\"https:\/\/www.cybermedian.com\/id\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/\",\"name\":\"VPasCode: Diagram Aktivitas UML dengan PlantUML &#8211; Tutorial Praktis - Media Maya\",\"isPartOf\":{\"@id\":\"https:\/\/www.cybermedian.com\/id\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.cybermedian.com\/id\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.cybermedian.com\/id\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.cybermedian.com\/id\/wp-content\/uploads\/sites\/17\/2026\/10\/img_6acda0c62804b.png\",\"datePublished\":\"2026-10-13T03:08:32+00:00\",\"dateModified\":\"2026-10-14T05:09:18+00:00\",\"author\":{\"@id\":\"https:\/\/www.cybermedian.com\/id\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.cybermedian.com\/id\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.cybermedian.com\/id\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/www.cybermedian.com\/id\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/#primaryimage\",\"url\":\"https:\/\/www.cybermedian.com\/id\/wp-content\/uploads\/sites\/17\/2026\/10\/img_6acda0c62804b.png\",\"contentUrl\":\"https:\/\/www.cybermedian.com\/id\/wp-content\/uploads\/sites\/17\/2026\/10\/img_6acda0c62804b.png\",\"width\":1402,\"height\":1122},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.cybermedian.com\/id\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.cybermedian.com\/id\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"VPasCode: Diagram Aktivitas UML dengan PlantUML &#8211; Tutorial Praktis\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.cybermedian.com\/id\/#website\",\"url\":\"https:\/\/www.cybermedian.com\/id\/\",\"name\":\"Media Maya\",\"description\":\"Belajar satu hal baru setiap hari\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.cybermedian.com\/id\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"id\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.cybermedian.com\/id\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d\",\"name\":\"curtis\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/www.cybermedian.com\/id\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/6910084565fcc601ec03c6693bb8ea480c1e52ccaa0efb299eb038bb6a1edc87?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/6910084565fcc601ec03c6693bb8ea480c1e52ccaa0efb299eb038bb6a1edc87?s=96&d=mm&r=g\",\"caption\":\"curtis\"},\"url\":\"https:\/\/www.cybermedian.com\/id\/author\/curtis\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"VPasCode: Diagram Aktivitas UML dengan PlantUML &#8211; Tutorial Praktis - Media Maya","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.cybermedian.com\/id\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/","og_locale":"id_ID","og_type":"article","og_title":"VPasCode: Diagram Aktivitas UML dengan PlantUML &#8211; Tutorial Praktis - Media Maya","og_description":"Diagram aktivitas UML memodelkan bagaimana pekerjaan mengalirmelalui suatu proses: tindakan yang dilakukan, keputusan yang diambil, pekerjaan paralel, dan jalur menuju","og_url":"https:\/\/www.cybermedian.com\/id\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/","og_site_name":"Media Maya","article_published_time":"2026-10-13T03:08:32+00:00","article_modified_time":"2026-10-14T05:09:18+00:00","og_image":[{"width":1402,"height":1122,"url":"https:\/\/www.cybermedian.com\/id\/wp-content\/uploads\/sites\/17\/2026\/10\/img_6acda0c62804b.png","type":"image\/png"}],"author":"curtis","twitter_card":"summary_large_image","twitter_misc":{"Ditulis oleh":"curtis","Estimasi waktu membaca":"10 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.cybermedian.com\/id\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/#article","isPartOf":{"@id":"https:\/\/www.cybermedian.com\/id\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/"},"author":{"name":"curtis","@id":"https:\/\/www.cybermedian.com\/id\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d"},"headline":"VPasCode: Diagram Aktivitas UML dengan PlantUML &#8211; Tutorial Praktis","datePublished":"2026-10-13T03:08:32+00:00","dateModified":"2026-10-14T05:09:18+00:00","mainEntityOfPage":{"@id":"https:\/\/www.cybermedian.com\/id\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/"},"wordCount":1502,"image":{"@id":"https:\/\/www.cybermedian.com\/id\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/#primaryimage"},"thumbnailUrl":"https:\/\/www.cybermedian.com\/id\/wp-content\/uploads\/sites\/17\/2026\/10\/img_6acda0c62804b.png","articleSection":["AI","Visual Paradigm","VPasCode Editor"],"inLanguage":"id"},{"@type":"WebPage","@id":"https:\/\/www.cybermedian.com\/id\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/","url":"https:\/\/www.cybermedian.com\/id\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/","name":"VPasCode: Diagram Aktivitas UML dengan PlantUML &#8211; Tutorial Praktis - Media Maya","isPartOf":{"@id":"https:\/\/www.cybermedian.com\/id\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.cybermedian.com\/id\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/#primaryimage"},"image":{"@id":"https:\/\/www.cybermedian.com\/id\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/#primaryimage"},"thumbnailUrl":"https:\/\/www.cybermedian.com\/id\/wp-content\/uploads\/sites\/17\/2026\/10\/img_6acda0c62804b.png","datePublished":"2026-10-13T03:08:32+00:00","dateModified":"2026-10-14T05:09:18+00:00","author":{"@id":"https:\/\/www.cybermedian.com\/id\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d"},"breadcrumb":{"@id":"https:\/\/www.cybermedian.com\/id\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.cybermedian.com\/id\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/"]}]},{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.cybermedian.com\/id\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/#primaryimage","url":"https:\/\/www.cybermedian.com\/id\/wp-content\/uploads\/sites\/17\/2026\/10\/img_6acda0c62804b.png","contentUrl":"https:\/\/www.cybermedian.com\/id\/wp-content\/uploads\/sites\/17\/2026\/10\/img_6acda0c62804b.png","width":1402,"height":1122},{"@type":"BreadcrumbList","@id":"https:\/\/www.cybermedian.com\/id\/vpascode-uml-activity-diagrams-with-plantuml-a-practical-tutorial\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.cybermedian.com\/id\/"},{"@type":"ListItem","position":2,"name":"VPasCode: Diagram Aktivitas UML dengan PlantUML &#8211; Tutorial Praktis"}]},{"@type":"WebSite","@id":"https:\/\/www.cybermedian.com\/id\/#website","url":"https:\/\/www.cybermedian.com\/id\/","name":"Media Maya","description":"Belajar satu hal baru setiap hari","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.cybermedian.com\/id\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"id"},{"@type":"Person","@id":"https:\/\/www.cybermedian.com\/id\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d","name":"curtis","image":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.cybermedian.com\/id\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6910084565fcc601ec03c6693bb8ea480c1e52ccaa0efb299eb038bb6a1edc87?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6910084565fcc601ec03c6693bb8ea480c1e52ccaa0efb299eb038bb6a1edc87?s=96&d=mm&r=g","caption":"curtis"},"url":"https:\/\/www.cybermedian.com\/id\/author\/curtis\/"}]}},"_links":{"self":[{"href":"https:\/\/www.cybermedian.com\/id\/wp-json\/wp\/v2\/posts\/12294","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cybermedian.com\/id\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.cybermedian.com\/id\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.cybermedian.com\/id\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cybermedian.com\/id\/wp-json\/wp\/v2\/comments?post=12294"}],"version-history":[{"count":0,"href":"https:\/\/www.cybermedian.com\/id\/wp-json\/wp\/v2\/posts\/12294\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.cybermedian.com\/id\/wp-json\/wp\/v2\/media\/12295"}],"wp:attachment":[{"href":"https:\/\/www.cybermedian.com\/id\/wp-json\/wp\/v2\/media?parent=12294"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.cybermedian.com\/id\/wp-json\/wp\/v2\/categories?post=12294"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.cybermedian.com\/id\/wp-json\/wp\/v2\/tags?post=12294"},{"taxonomy":"asset-category","embeddable":true,"href":"https:\/\/www.cybermedian.com\/id\/wp-json\/wp\/v2\/asset-category?post=12294"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}