{"id":12326,"date":"2026-07-08T11:44:22","date_gmt":"2026-07-08T03:44:22","guid":{"rendered":"https:\/\/www.cybermedian.com\/id\/comprehensive-guide-to-dfd-logical-vs-physical-with-graphviz-examples\/"},"modified":"2026-09-03T23:27:12","modified_gmt":"2026-09-03T15:27:12","slug":"comprehensive-guide-to-dfd-logical-vs-physical-with-graphviz-examples","status":"publish","type":"post","link":"https:\/\/www.cybermedian.com\/id\/comprehensive-guide-to-dfd-logical-vs-physical-with-graphviz-examples\/","title":{"rendered":"Panduan Lengkap tentang DFD: Logis vs Fisik dengan Contoh-contoh Graphviz"},"content":{"rendered":"<p><iframe allow=\"fullscreen; accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"\" class=\"__youtube_prefs__ epyt-is-override no-lazyload\" data-no-lazy=\"1\" data-origheight=\"456\" data-origwidth=\"810\" data-skipgform_ajax_framebjll=\"\" height=\"456\" id=\"_ytid_25837\" loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/OOPBmkcdJKo?enablejsapi=1&amp;autoplay=0&amp;cc_load_policy=0&amp;cc_lang_pref=&amp;iv_load_policy=1&amp;loop=0&amp;modestbranding=0&amp;rel=1&amp;fs=1&amp;playsinline=0&amp;autohide=2&amp;theme=dark&amp;color=red&amp;controls=1&amp;\" title=\"YouTube player\" width=\"810\"><\/iframe><\/p>\n<h2>1. Pengantar Diagram Alir Data<\/h2>\n<p>Diagram Alir Data (DFD) adalah representasi grafis tentang bagaimana data bergerak melalui suatu sistem informasi. Menunjukkan:<\/p>\n<ul>\n<li>Dari mana data berasal dan ke mana data pergi<\/li>\n<li>Bagaimana data diproses<\/li>\n<li>Di mana data disimpan<\/li>\n<li>Siapa atau apa yang berinteraksi dengan sistem<\/li>\n<\/ul>\n<p id=\"EcYDADG\"><img alt=\"Infografis perbandingan yang menggambarkan perbedaan antara diagram aliran data logis dan fisik.\" class=\"alignnone size-full wp-image-19316\" decoding=\"async\" height=\"572\" loading=\"lazy\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/07\/img_6a4dc7473f087.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/07\/img_6a4dc7473f087.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/07\/img_6a4dc7473f087-300x168.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/07\/img_6a4dc7473f087-768x429.png 768w\" width=\"1024\"\/><\/p>\n<hr\/>\n<h2>2. Konsep Utama<\/h2>\n<h3>Elemen Inti<\/h3>\n<table>\n<thead>\n<tr>\n<th>Elemen<\/th>\n<th>Simbol<\/th>\n<th>Tujuan<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td><strong>Entitas Eksternal<\/strong><\/td>\n<td>Persegi Panjang<\/td>\n<td>Orang, organisasi, atau sistem yang mengirim\/menerima data<\/td>\n<\/tr>\n<tr>\n<td><strong>Proses<\/strong><\/td>\n<td>Lingkaran\/Ellips<\/td>\n<td>Mengubah data masuk menjadi data keluar<\/td>\n<\/tr>\n<tr>\n<td><strong>Penyimpanan Data<\/strong><\/td>\n<td>Persegi Panjang Terbuka<\/td>\n<td>Repositori untuk penyimpanan data yang persisten<\/td>\n<\/tr>\n<tr>\n<td><strong>Aliran Data<\/strong><\/td>\n<td>Panah<\/td>\n<td>Menunjukkan arah pergerakan data<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3>Tingkat DFD<\/h3>\n<ol>\n<li><strong>Diagram Konteks (Tingkat 0)<\/strong>: Tingkat tertinggi, menunjukkan batas sistem dan entitas eksternal utama<\/li>\n<li><strong>Tingkat 1<\/strong>: Mendekomposisi proses utama menjadi sub-proses utama<\/li>\n<li><strong>Tingkat 2+<\/strong>: Dekomposisi lebih lanjut yang menunjukkan proses-proses rinci<\/li>\n<\/ol>\n<hr\/>\n<h2>3. DFD Logis vs Fisik<\/h2>\n<h3>DFD Logis<\/h3>\n<p id=\"yFElbTX\"><img alt=\"Diagram DFD logis yang menunjukkan logika bisnis dan aktivitas yang tidak tergantung pada keterbatasan perangkat keras atau perangkat lunak.\" class=\"alignnone size-full wp-image-19327\" decoding=\"async\" height=\"627\" loading=\"lazy\" sizes=\"auto, (max-width: 627px) 100vw, 627px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/07\/img_6a4e28ba4cd22.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/07\/img_6a4e28ba4cd22.png 627w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/07\/img_6a4e28ba4cd22-300x300.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/07\/img_6a4e28ba4cd22-150x150.png 150w\" width=\"627\"\/><\/p>\n<p>Sebuah\u00a0<strong>DFD logis<\/strong>\u00a0(juga disebut \u201cmodel esensial\u201d) berfokus pada:<\/p>\n<ul>\n<li><strong>APA<\/strong>\u00a0yang dilakukan sistem<\/li>\n<li>Kegiatan bisnis dan persyaratan informasi<\/li>\n<li>Tidak tergantung pada teknologi implementasi<\/li>\n<\/ul>\n<p><strong>Karakteristik:<\/strong><\/p>\n<ul>\n<li>Menunjukkan operasi dan proses bisnis<\/li>\n<li>Tidak ada detail khusus teknologi<\/li>\n<li>Lebih abstrak dan berfokus pada pengguna<\/li>\n<li>Membantu memahami kebutuhan bisnis<\/li>\n<\/ul>\n<h3>DFD Fisik<\/h3>\n<p id=\"vTzCKpc\"><img alt=\"Diagram yang menunjukkan komponen DFD fisik: perangkat keras, perangkat lunak, orang, dan keterbatasan teknis.\" class=\"alignnone size-full wp-image-19328\" decoding=\"async\" height=\"626\" loading=\"lazy\" sizes=\"auto, (max-width: 626px) 100vw, 626px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/07\/img_6a4e28c904788.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/07\/img_6a4e28c904788.png 626w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/07\/img_6a4e28c904788-300x300.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/07\/img_6a4e28c904788-150x150.png 150w\" width=\"626\"\/><\/p>\n<p>A\u00a0<strong>DFD fisik<\/strong>\u00a0(juga disebut model &#8216;implementasi&#8217;) berfokus pada:<\/p>\n<ul>\n<li><strong>BAGAIMANA<\/strong>\u00a0sistem akan diimplementasikan<\/li>\n<li>Rincian teknis dan keterbatasan<\/li>\n<li>Teknologi dan sistem tertentu<\/li>\n<\/ul>\n<p><strong>Karakteristik:<\/strong><\/p>\n<ul>\n<li>Menunjukkan perangkat keras, perangkat lunak, dan orang yang sebenarnya<\/li>\n<li>Mencakup rincian implementasi<\/li>\n<li>Lebih konkret dan berfokus pada pengembang<\/li>\n<li>Membantu dalam desain dan penempatan sistem<\/li>\n<\/ul>\n<h3>Tabel Perbandingan<\/h3>\n<table>\n<thead>\n<tr>\n<th>Aspek<\/th>\n<th>DFD Logis<\/th>\n<th>DFD Fisik<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td><strong>Fokus<\/strong><\/td>\n<td>Kebutuhan Bisnis<\/td>\n<td>Implementasi<\/td>\n<\/tr>\n<tr>\n<td><strong>Siapa<\/strong><\/td>\n<td>Analis bisnis, pengguna<\/td>\n<td>Perancang sistem, pengembang<\/td>\n<\/tr>\n<tr>\n<td><strong>Tingkat<\/strong><\/td>\n<td>Tingkat tinggi, abstrak<\/td>\n<td>Rinci, konkret<\/td>\n<\/tr>\n<tr>\n<td><strong>Komponen<\/strong><\/td>\n<td>Proses bisnis<\/td>\n<td>Proses teknis<\/td>\n<\/tr>\n<tr>\n<td><strong>Penyimpanan Data<\/strong><\/td>\n<td>Entitas konseptual<\/td>\n<td>Berkas\/fisik basis data<\/td>\n<\/tr>\n<tr>\n<td><strong>Entitas<\/strong><\/td>\n<td>Peran bisnis<\/td>\n<td>Sistem\/perangkat aktual<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<hr\/>\n<h2>4. Komponen DFD<br \/>\n<img alt=\"Simbol Diagram Aliran Data (DFD) - EdrawMax\" decoding=\"async\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/07\/dfd-basic-symbol.jpg\"\/><\/h2>\n<h3>Entitas Eksternal<\/h3>\n<ul>\n<li>Sumber dan tujuan data<\/li>\n<li>Di luar batas sistem<\/li>\n<li>Diberi nama dengan kata benda<\/li>\n<\/ul>\n<h3>Proses<\/h3>\n<ul>\n<li>Mengubah data dari input menjadi output<\/li>\n<li>Diberi nama dengan kata kerja + kata benda<\/li>\n<li>Diberi nomor untuk identifikasi<\/li>\n<\/ul>\n<h3>Penyimpanan Data<\/h3>\n<ul>\n<li>Penyimpanan data yang persisten<\/li>\n<li>Diberi nama dengan kata benda<\/li>\n<li>Penomoran D1, D2, D3\u2026<\/li>\n<\/ul>\n<h3>Aliran Data<\/h3>\n<ul>\n<li>Menunjukkan pergerakan data<\/li>\n<li>Diberi nama dengan label deskriptif<\/li>\n<li>Arah menunjukkan aliran<\/li>\n<\/ul>\n<hr\/>\n<h2>5. Contoh Kerja dengan Graphviz<\/h2>\n<h3>Contoh 1: Sistem Manajemen Hotel (DFD Logis)<\/h3>\n<p id=\"WGcAFhu\"><img alt=\"DFD logis untuk Sistem Manajemen Hotel yang menunjukkan aliran data antara tamu, staf, dan basis data.\" class=\"alignnone size-full wp-image-19312\" decoding=\"async\" height=\"873\" loading=\"lazy\" sizes=\"auto, (max-width: 1917px) 100vw, 1917px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/07\/img_6a4dc5d6c7cab.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/07\/img_6a4dc5d6c7cab.png 1917w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/07\/img_6a4dc5d6c7cab-300x137.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/07\/img_6a4dc5d6c7cab-1024x466.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/07\/img_6a4dc5d6c7cab-768x350.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/07\/img_6a4dc5d6c7cab-1536x699.png 1536w\" width=\"1917\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Graphviz<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNqtVG1v2jAQ\/l6p\/8FiX6GFUDaqrpUoSdpq9EXQaapaVJnkAKvGZrahZVv\/++wkxE6ge9FmPgDn5567e853MZkIPJ+ic66AXl4MHv3Qf+zxCYkwRd93d5A++\/uoVquhs37n5hwNbu96gfmf3qXe9+kfcwRmTzER6Bj1+tYq55QwkNqqxAKsnS9BUDzX9jGm0rlgPAYJ5qK+977Inpobe3VrHnOmGJ6BtlfOgS5B6fyrHUEwrUrMZE2CIONK0UGSb8ah4aXm4e5Oodyraz9Iqx3Yck1abrX\/FLhhzXNgzyRW06Sw1mZCwYsCwXRLAqaIIiDddOQUzw3hiL9UkVQrmqQzJpRCXKki8yPilJueVN4FjbAVBtpsTXWv3fYblSFKSc8WINVR+nug8Hh8VFJmcDe4DS7R6fXnK7\/Tv7PqyMUofQ8RXUid8ONgpb9mp3zBYixW6\/dkDsUjoIlq5uEh\/fJQCkZrdOXor2UuedgKP7TMp3y\/7sOBY\/+VTy5tjOUU4qowmWqJHchoYgnCjvm4tzMsJoTpS6+ea5rpeiN4BFKuG7vZ3IiIiMIf9LcdtoLDQn+b7XbQ7CbIF4izqs0cVpF9dM2hjXzTQPdJg44reswe2CVmeAIPrK9HUiyxIpzJytAp7MbLHTzj0J1C9FS7YPsP7HqhitBmDm263BdsCUxx3fdhWRsfK6xfIhdvqyMg4iL+vTphGB52DwrqhKfduueX1Em2kaOIW7k\/yCv4jj6S+AT5DfSjAHlgJucRloBeC9X3OZ8ZguyUeTzDoyFm7tTibZpcrJSqTNPUNDlkK8lraaQD\/2xz2UE8+W\/L7nDbiLWS4zhgIfhz5lHfa29fzH7ntoPC3vUXJ9UckCwvXbzePjhKeuEsNVQ7cd\/2KedPhE10576a21wcDdHA1GON7XI2JmKWtNd5oZbWTkBHCLLE1NJ5m3RJkz\/Bar8PEZC5cih1EcnW3VJEajfR7BB9nsdYASqOTzZoGpm65KlREErqoHOuv4tBsw2EFHcGzhXkjRm4gmf3Ko9fghelTxYE6iwx0QZCibJ5F0Jm41KQzQel3eRG29bgYqQsht4KyX05jPdmmHQEUarv1iBe0eGCjbn7QspRnKZp7tW6jlLD3NG2cK7VKmXiAsvsBt6DJWTsrz8BDlW3Cw==\" 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>Sunting Graphviz 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\">Graphviz<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNqtVG1v2jAQ\/l6p\/8FiX6GFUDaqrpUoSdpq9EXQaapaVJnkAKvGZrahZVv\/++wkxE6ge9FmPgDn5567e853MZkIPJ+ic66AXl4MHv3Qf+zxCYkwRd93d5A++\/uoVquhs37n5hwNbu96gfmf3qXe9+kfcwRmTzER6Bj1+tYq55QwkNqqxAKsnS9BUDzX9jGm0rlgPAYJ5qK+977Inpobe3VrHnOmGJ6BtlfOgS5B6fyrHUEwrUrMZE2CIONK0UGSb8ah4aXm4e5Oodyraz9Iqx3Yck1abrX\/FLhhzXNgzyRW06Sw1mZCwYsCwXRLAqaIIiDddOQUzw3hiL9UkVQrmqQzJpRCXKki8yPilJueVN4FjbAVBtpsTXWv3fYblSFKSc8WINVR+nug8Hh8VFJmcDe4DS7R6fXnK7\/Tv7PqyMUofQ8RXUid8ONgpb9mp3zBYixW6\/dkDsUjoIlq5uEh\/fJQCkZrdOXor2UuedgKP7TMp3y\/7sOBY\/+VTy5tjOUU4qowmWqJHchoYgnCjvm4tzMsJoTpS6+ea5rpeiN4BFKuG7vZ3IiIiMIf9LcdtoLDQn+b7XbQ7CbIF4izqs0cVpF9dM2hjXzTQPdJg44reswe2CVmeAIPrK9HUiyxIpzJytAp7MbLHTzj0J1C9FS7YPsP7HqhitBmDm263BdsCUxx3fdhWRsfK6xfIhdvqyMg4iL+vTphGB52DwrqhKfduueX1Em2kaOIW7k\/yCv4jj6S+AT5DfSjAHlgJucRloBeC9X3OZ8ZguyUeTzDoyFm7tTibZpcrJSqTNPUNDlkK8lraaQD\/2xz2UE8+W\/L7nDbiLWS4zhgIfhz5lHfa29fzH7ntoPC3vUXJ9UckCwvXbzePjhKeuEsNVQ7cd\/2KedPhE10576a21wcDdHA1GON7XI2JmKWtNd5oZbWTkBHCLLE1NJ5m3RJkz\/Bar8PEZC5cih1EcnW3VJEajfR7BB9nsdYASqOTzZoGpm65KlREErqoHOuv4tBsw2EFHcGzhXkjRm4gmf3Ko9fghelTxYE6iwx0QZCibJ5F0Jm41KQzQel3eRG29bgYqQsht4KyX05jPdmmHQEUarv1iBe0eGCjbn7QspRnKZp7tW6jlLD3NG2cK7VKmXiAsvsBt6DJWTsrz8BDlW3Cw==\" 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>Sunting Graphviz 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\">Graphviz<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNqtVV1v2joYvp+0\/2CxWygQxjlUXSeFJtkQdEOEm6mqKkMMWDg2shM2zk7\/+17HaeykdOdMm7kgef28X8\/7kYRuJT7s0EeREXY7iR+CKHiYiS1dY4a+v36F4HS7qNPpoA\/+Fx99WPiRfjM3RvfOvOgjMd8nVKJrNFtYqTowyokCaSZzYuXiSCTDB5BvMFPOBRcJUURf9C7+qls34v5Fz4o3gmccpwTkrY+EHUkG0bd9STFrK8xVRxFJN626gqL\/aIW+Z8T3r189T\/bT5yC0yeqg3Fx\/y23fig+Ef6VJtivSGj4PJ+QZzbBC4V5lRHLM3HDUDh+0wZX41kYqO7EinA1ljCStNtIPa8GErkjrTdiPhlEIYivqeaNR0G\/dI2N0idP8yjzGGd5cNVgZ+0s\/RvEkXoa3lhiVr0wjrFmuQ3yIT\/CXjkXOEyxPT22kD8MrwrTjMdYpxVQDTfMh6L7W1S\/T29Cwmf091L\/m\/RP\/bx35z3QqShOsdiRpS50UUOtAVltrIPL1z71NsdxSDpder2KzZHQuhSKq3vW2omsq14z8j6KOomF4WSvqYDQKBzcF8htJypT16LWR7bTBvfU876O7ojTXLZgsPiVMMMwXMIPyiBVt3TsJzb0K6wH2ZkfW+86Ed\/nnPKsDBxVwYI1O+JHwDEuqCnCdEMJPND1gjjkKoEFeokaStZDJf1MTRdHlzdsaNdH4pucFDWqK7ePQUSaeUcFVEFdZfEfvaPIeBX30LxoDLaoIElU0ocda\/gshUq1enqYVr24Fxi3LFZpiaJiGIUOZkCdjrGloUDdkCXbMPJ5bb8twPon9T3aQSbL9Yxvu8tx8DYvjKGApxddSo3cxOr+L\/dlkAWEGsHxsrBViwmHl4D3Qr5eXXWOo897t6zmRKQVeoLXmJCVKN1lFD+AAXWg94aeCb6hMn7q\/YdfOwJQkwDrfuta859ZyvqamuN0YJnHvGK3loLeu3b+Fr4GbwwrLnKLGEJXTBuBCyYFTCAyi687wQcgyxMqr2T9oT14YPMPKC8Ngu34MIVVhNNDPakD3CqMpgXQVSSh2WKv5LEfnTPECkmHKDJXWa4mvuzOztCxdNR15LzgyDLvjeNaN7YAJ34iiURpo149TxDKBW8Lhu4APjQK6s34mKLGv8C6y7mFGjvA5rcCPPwCXhLK1\" \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 Graphviz in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-graphviz\"><code class=\"language-graphviz\" data-language=\"graphviz\" class=\"language-graphviz\">digraph HotelMIS_DFD_Logical {\r\n    \/\/ --- GAYA GRAF ---\r\n    graph [\r\n        rankdir = LR\r\n        splines = true\r\n        overlap = false\r\n        nodesep = 0.6\r\n        ranksep = 1.0\r\n        fontname = \"Helvetica,Arial,sans-serif\"\r\n        fontsize = 12\r\n    ]\r\n\r\n    \/\/ --- GAYA NODE ---\r\n    node [\r\n        fontname = \"Helvetica,Arial,sans-serif\"\r\n        fontsize = 11\r\n        penwidth = 1.5\r\n    ]\r\n\r\n    \/\/ Entitas Eksternal\r\n    node [shape = box, style = \"filled\", fillcolor = \"#E1F5FE\", color = \"#0288D1\"] \r\n    Tamu;\r\n    Staf;\r\n\r\n    \/\/ --- BATAS SISTEM ---\r\n    subgraph cluster_SystemBoundary {\r\n        label = \"Batas Sistem Hotel MIS\";\r\n        fontname = \"Helvetica,Arial,sans-serif\";\r\n        fontcolor = \"#757575\";\r\n        fontsize = 14;\r\n        color = \"#757575\";\r\n        style = \"dashed,rounded\";\r\n        bgcolor = \"#FAFAFA\";\r\n        margin = 20;\r\n\r\n        \/\/ Proses\r\n        node [shape = circle, style = \"filled\", fillcolor = \"#E8F5E9\", color = \"#388E3C\", fixedsize = true, width = 1.3]\r\n        P1 [label=\"1.0nKelolanReservasi\"];\r\n        P2 [label=\"2.0nCheck-In\/nOut\"];\r\n        P3 [label=\"3.0nKelolanInventaris\"];\r\n\r\n        \/\/ Penyimpanan Data\r\n        node [shape = record, style = \"filled\", fillcolor = \"#FFF9C4\", color = \"#FBC02D\", fixedsize = false]\r\n        ReservationsDS [label=\"{ &lt;id&gt; D1 | Basis Data Reservasi }\"];\r\n        RoomsDS        [label=\"{ &lt;id&gt; D2 | Basis Data Status Kamar }\"];\r\n        InventoryDS    [label=\"{ &lt;id&gt; D3 | Basis Data Inventaris }\"];\r\n    }\r\n\r\n    \/\/ --- GAYA TEPISAN ---\r\n    edge [\r\n        fontname = \"Helvetica,Arial,sans-serif\"\r\n        fontsize = 9\r\n        color = \"#555555\"\r\n        arrowsize = 0.8\r\n    ]\r\n\r\n    \/\/ --- ALIRAN DATA ---\r\n    \r\n    \/\/ Interaksi Tamu\r\n    Tamu -&gt; P1 [label=\"Permintaan Pemesanan\"];\r\n    P1 -&gt; Tamu [label=\"Konfirmasi\"];\r\n\r\n    Tamu -&gt; P2 [label=\"Kedatangan\"];\r\n    P2 -&gt; Tamu [label=\"Kunci Kamar\/Struk\"];\r\n\r\n    \/\/ Interaksi Staf\r\n    Staf -&gt; P3 [label=\"Perbarui Inventaris\"];\r\n    P3 -&gt; Staf [label=\"Peringatan\/Laporan\"];\r\n\r\n    \/\/ Proses ke Penyimpanan Data\r\n    P1 -&gt; ReservationsDS [label=\"Reservasi Baru\"];\r\n    ReservationsDS -&gt; P1 [label=\"Periksa Ketersediaan\"];\r\n    \r\n    P1 -&gt; RoomsDS [label=\"Permintaan Detail Kamar\"];\r\n    RoomsDS -&gt; P1 [label=\"Kamar Tersedia\"];\r\n    \r\n    P2 -&gt; RoomsDS [label=\"Perbarui Status Kamar\"];\r\n    RoomsDS -&gt; P2 [label=\"Informasi Kamar\"];\r\n    \r\n    P2 -&gt; P3 [label=\"Detail Menginap\"];\r\n    P3 -&gt; InventoryDS [label=\"Perbarui Stok\"];\r\n    InventoryDS -&gt; P3 [label=\"Level Stok\"];\r\n}\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNqtVV1v2joYvp+0\/2CxWygQxjlUXSeFJtkQdEOEm6mqKkMMWDg2shM2zk7\/+17HaeykdOdMm7kgef28X8\/7kYRuJT7s0EeREXY7iR+CKHiYiS1dY4a+v36F4HS7qNPpoA\/+Fx99WPiRfjM3RvfOvOgjMd8nVKJrNFtYqTowyokCaSZzYuXiSCTDB5BvMFPOBRcJUURf9C7+qls34v5Fz4o3gmccpwTkrY+EHUkG0bd9STFrK8xVRxFJN626gqL\/aIW+Z8T3r189T\/bT5yC0yeqg3Fx\/y23fig+Ef6VJtivSGj4PJ+QZzbBC4V5lRHLM3HDUDh+0wZX41kYqO7EinA1ljCStNtIPa8GErkjrTdiPhlEIYivqeaNR0G\/dI2N0idP8yjzGGd5cNVgZ+0s\/RvEkXoa3lhiVr0wjrFmuQ3yIT\/CXjkXOEyxPT22kD8MrwrTjMdYpxVQDTfMh6L7W1S\/T29Cwmf091L\/m\/RP\/bx35z3QqShOsdiRpS50UUOtAVltrIPL1z71NsdxSDpder2KzZHQuhSKq3vW2omsq14z8j6KOomF4WSvqYDQKBzcF8htJypT16LWR7bTBvfU876O7ojTXLZgsPiVMMMwXMIPyiBVt3TsJzb0K6wH2ZkfW+86Ed\/nnPKsDBxVwYI1O+JHwDEuqCnCdEMJPND1gjjkKoEFeokaStZDJf1MTRdHlzdsaNdH4pucFDWqK7ePQUSaeUcFVEFdZfEfvaPIeBX30LxoDLaoIElU0ocda\/gshUq1enqYVr24Fxi3LFZpiaJiGIUOZkCdjrGloUDdkCXbMPJ5bb8twPon9T3aQSbL9Yxvu8tx8DYvjKGApxddSo3cxOr+L\/dlkAWEGsHxsrBViwmHl4D3Qr5eXXWOo897t6zmRKQVeoLXmJCVKN1lFD+AAXWg94aeCb6hMn7q\/YdfOwJQkwDrfuta859ZyvqamuN0YJnHvGK3loLeu3b+Fr4GbwwrLnKLGEJXTBuBCyYFTCAyi687wQcgyxMqr2T9oT14YPMPKC8Ngu34MIVVhNNDPakD3CqMpgXQVSSh2WKv5LEfnTPECkmHKDJXWa4mvuzOztCxdNR15LzgyDLvjeNaN7YAJ34iiURpo149TxDKBW8Lhu4APjQK6s34mKLGv8C6y7mFGjvA5rcCPPwCXhLK1\" \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 Graphviz 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\/#graphviz:eNqtVG1v2jAQ\/l6p\/8FiX6GFUDaqrpUoSdpq9EXQaapaVJnkAKvGZrahZVv\/++wkxE6ge9FmPgDn5567e853MZkIPJ+ic66AXl4MHv3Qf+zxCYkwRd93d5A++\/uoVquhs37n5hwNbu96gfmf3qXe9+kfcwRmTzER6Bj1+tYq55QwkNqqxAKsnS9BUDzX9jGm0rlgPAYJ5qK+977Inpobe3VrHnOmGJ6BtlfOgS5B6fyrHUEwrUrMZE2CIONK0UGSb8ah4aXm4e5Oodyraz9Iqx3Yck1abrX\/FLhhzXNgzyRW06Sw1mZCwYsCwXRLAqaIIiDddOQUzw3hiL9UkVQrmqQzJpRCXKki8yPilJueVN4FjbAVBtpsTXWv3fYblSFKSc8WINVR+nug8Hh8VFJmcDe4DS7R6fXnK7\/Tv7PqyMUofQ8RXUid8ONgpb9mp3zBYixW6\/dkDsUjoIlq5uEh\/fJQCkZrdOXor2UuedgKP7TMp3y\/7sOBY\/+VTy5tjOUU4qowmWqJHchoYgnCjvm4tzMsJoTpS6+ea5rpeiN4BFKuG7vZ3IiIiMIf9LcdtoLDQn+b7XbQ7CbIF4izqs0cVpF9dM2hjXzTQPdJg44reswe2CVmeAIPrK9HUiyxIpzJytAp7MbLHTzj0J1C9FS7YPsP7HqhitBmDm263BdsCUxx3fdhWRsfK6xfIhdvqyMg4iL+vTphGB52DwrqhKfduueX1Em2kaOIW7k\/yCv4jj6S+AT5DfSjAHlgJucRloBeC9X3OZ8ZguyUeTzDoyFm7tTibZpcrJSqTNPUNDlkK8lraaQD\/2xz2UE8+W\/L7nDbiLWS4zhgIfhz5lHfa29fzH7ntoPC3vUXJ9UckCwvXbzePjhKeuEsNVQ7cd\/2KedPhE10576a21wcDdHA1GON7XI2JmKWtNd5oZbWTkBHCLLE1NJ5m3RJkz\/Bar8PEZC5cih1EcnW3VJEajfR7BB9nsdYASqOTzZoGpm65KlREErqoHOuv4tBsw2EFHcGzhXkjRm4gmf3Ko9fghelTxYE6iwx0QZCibJ5F0Jm41KQzQel3eRG29bgYqQsht4KyX05jPdmmHQEUarv1iBe0eGCjbn7QspRnKZp7tW6jlLD3NG2cK7VKmXiAsvsBt6DJWTsrz8BDlW3Cw==\" 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>Sunting Graphviz 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\/#graphviz:eNqtVG1v2jAQ\/l6p\/8FiX6GFUDaqrpUoSdpq9EXQaapaVJnkAKvGZrahZVv\/++wkxE6ge9FmPgDn5567e853MZkIPJ+ic66AXl4MHv3Qf+zxCYkwRd93d5A++\/uoVquhs37n5hwNbu96gfmf3qXe9+kfcwRmTzER6Bj1+tYq55QwkNqqxAKsnS9BUDzX9jGm0rlgPAYJ5qK+977Inpobe3VrHnOmGJ6BtlfOgS5B6fyrHUEwrUrMZE2CIONK0UGSb8ah4aXm4e5Oodyraz9Iqx3Yck1abrX\/FLhhzXNgzyRW06Sw1mZCwYsCwXRLAqaIIiDddOQUzw3hiL9UkVQrmqQzJpRCXKki8yPilJueVN4FjbAVBtpsTXWv3fYblSFKSc8WINVR+nug8Hh8VFJmcDe4DS7R6fXnK7\/Tv7PqyMUofQ8RXUid8ONgpb9mp3zBYixW6\/dkDsUjoIlq5uEh\/fJQCkZrdOXor2UuedgKP7TMp3y\/7sOBY\/+VTy5tjOUU4qowmWqJHchoYgnCjvm4tzMsJoTpS6+ea5rpeiN4BFKuG7vZ3IiIiMIf9LcdtoLDQn+b7XbQ7CbIF4izqs0cVpF9dM2hjXzTQPdJg44reswe2CVmeAIPrK9HUiyxIpzJytAp7MbLHTzj0J1C9FS7YPsP7HqhitBmDm263BdsCUxx3fdhWRsfK6xfIhdvqyMg4iL+vTphGB52DwrqhKfduueX1Em2kaOIW7k\/yCv4jj6S+AT5DfSjAHlgJucRloBeC9X3OZ8ZguyUeTzDoyFm7tTibZpcrJSqTNPUNDlkK8lraaQD\/2xz2UE8+W\/L7nDbiLWS4zhgIfhz5lHfa29fzH7ntoPC3vUXJ9UckCwvXbzePjhKeuEsNVQ7cd\/2KedPhE10576a21wcDdHA1GON7XI2JmKWtNd5oZbWTkBHCLLE1NJ5m3RJkz\/Bar8PEZC5cih1EcnW3VJEajfR7BB9nsdYASqOTzZoGpm65KlREErqoHOuv4tBsw2EFHcGzhXkjRm4gmf3Ko9fghelTxYE6iwx0QZCibJ5F0Jm41KQzQel3eRG29bgYqQsht4KyX05jPdmmHQEUarv1iBe0eGCjbn7QspRnKZp7tW6jlLD3NG2cK7VKmXiAsvsBt6DJWTsrz8BDlW3Cw==\" 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>Sunting Graphviz di VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h3>Contoh 2: DFD Logis \u2013 Sistem Manajemen Perpustakaan<\/h3>\n<p id=\"lnWBvyo\"><img alt=\"DFD logis untuk Sistem Manajemen Perpustakaan yang menunjukkan proses, penyimpanan data, dan aliran data.\" class=\"alignnone size-full wp-image-19313\" decoding=\"async\" height=\"872\" loading=\"lazy\" sizes=\"auto, (max-width: 1916px) 100vw, 1916px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/07\/img_6a4dc609341c3.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/07\/img_6a4dc609341c3.png 1916w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/07\/img_6a4dc609341c3-300x137.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/07\/img_6a4dc609341c3-1024x466.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/07\/img_6a4dc609341c3-768x350.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/07\/img_6a4dc609341c3-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\">Graphviz<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNqtVFtv0zAUfkfiP1jhBaSWtckqOg2Q2iZhSLtpKUITm5CbuK011y62Myhj\/x27duPcOpDAfWmOv3P5Pp9zMrzgcL0Ep3jGId8kGyHR6uspW+AUEvDw\/BlQ5+AAdLtd8OFqdHkCkun1aaS\/zZ1x\/2I+9OGQ3mWYg3dgOnZWsSaYIqGskufI2SnLkEBrZe+9HlSD7MxDZ54zKilcIWX3ThC5R1KV2RlxDElHQCq6AnE896oOAv\/UDn3fmG+fP6uwOr8II0Mqcax0WWVS\/5S478xrRL\/jTC61ece3XFD0QyJOlfIRlVhiJMrliCVc64Az9qMDhNyQbTlzTAjKvA7Qf1JGmJbeexH140EcKbMz9fzhMOx7tybmGVrNED82H+b5MaTHNXWS62QanYHxxafzcHR17RQS+cw8fUpy1TP8a6WDdp2jD4EzRHQBFgEs5KXtslfecalPdrQyKJYo63CW00zRK0EcoTcD\/SvfzRbuNh7pX\/l2BfkCU3Xp9wqeluslZykSYid4U\/QU85Sgv9B9GA+io4ruwXAYBRNlck9\/eOvyXPbBl61G77z+694NPYMULtANnUAJCVt4tyUGl36B9TXWln1Dx4xz9h3TGjwo4IGGn0CaERX6CsmcU7HFVmQIVU6QSMb3C8FRynj2ZyHiOD6aHFaEiMeTnh96Je6WY5gUdT6Atzh7D8I++AXGjN0VOoDHCrWpWhECphIzKlrc\/a271UQT1kWLWgwzAi3egfI2lzdUSzKDApV8H2tDEoUfmisEZYv\/tkKO2rp\/sD0lB6jpWo9ibdbXXTiajkB8evG5VGoBMJzBR6oG2mpbXhag+77crQmCPF1uX0kU2qh7hbL4GvIKiZxIh23Edt1t3k55fMuRkC663xLdYieMzjFfQV32\/hRuIswQ1MsPWhJYpGoihNeyNDVKsmJztqjm7qrCjbLs4NM6gxK1iufcdg67EbBOTzCtpnRk7aIAF\/eIZzmq8W1mtDjFec14jfJ2ScRE9Vq56uYoa262ZEfRwaqa7Cjq4DVO5tGb8SdLlN6B0T3EyoAJlps9WfxqSYmEMhetSRobweSw\/VBzLMDVHMUQzVlrjj2ba8KRaQjb+HphFf41n7ZZUXsOnGChdvemnjZ4Iq1tKdPiT+ULmrO53amtyRo62jR\/IWSwV8jH358r8sY=\" 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>Sunting Graphviz 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\">Graphviz<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNqtVFtv0zAUfkfiP1jhBaSWtckqOg2Q2iZhSLtpKUITm5CbuK011y62Myhj\/x27duPcOpDAfWmOv3P5Pp9zMrzgcL0Ep3jGId8kGyHR6uspW+AUEvDw\/BlQ5+AAdLtd8OFqdHkCkun1aaS\/zZ1x\/2I+9OGQ3mWYg3dgOnZWsSaYIqGskufI2SnLkEBrZe+9HlSD7MxDZ54zKilcIWX3ThC5R1KV2RlxDElHQCq6AnE896oOAv\/UDn3fmG+fP6uwOr8II0Mqcax0WWVS\/5S478xrRL\/jTC61ece3XFD0QyJOlfIRlVhiJMrliCVc64Az9qMDhNyQbTlzTAjKvA7Qf1JGmJbeexH140EcKbMz9fzhMOx7tybmGVrNED82H+b5MaTHNXWS62QanYHxxafzcHR17RQS+cw8fUpy1TP8a6WDdp2jD4EzRHQBFgEs5KXtslfecalPdrQyKJYo63CW00zRK0EcoTcD\/SvfzRbuNh7pX\/l2BfkCU3Xp9wqeluslZykSYid4U\/QU85Sgv9B9GA+io4ruwXAYBRNlck9\/eOvyXPbBl61G77z+694NPYMULtANnUAJCVt4tyUGl36B9TXWln1Dx4xz9h3TGjwo4IGGn0CaERX6CsmcU7HFVmQIVU6QSMb3C8FRynj2ZyHiOD6aHFaEiMeTnh96Je6WY5gUdT6Atzh7D8I++AXGjN0VOoDHCrWpWhECphIzKlrc\/a271UQT1kWLWgwzAi3egfI2lzdUSzKDApV8H2tDEoUfmisEZYv\/tkKO2rp\/sD0lB6jpWo9ibdbXXTiajkB8evG5VGoBMJzBR6oG2mpbXhag+77crQmCPF1uX0kU2qh7hbL4GvIKiZxIh23Edt1t3k55fMuRkC663xLdYieMzjFfQV32\/hRuIswQ1MsPWhJYpGoihNeyNDVKsmJztqjm7qrCjbLs4NM6gxK1iufcdg67EbBOTzCtpnRk7aIAF\/eIZzmq8W1mtDjFec14jfJ2ScRE9Vq56uYoa262ZEfRwaqa7Cjq4DVO5tGb8SdLlN6B0T3EyoAJlps9WfxqSYmEMhetSRobweSw\/VBzLMDVHMUQzVlrjj2ba8KRaQjb+HphFf41n7ZZUXsOnGChdvemnjZ4Iq1tKdPiT+ULmrO53amtyRo62jR\/IWSwV8jH358r8sY=\" 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>Sunting Graphviz 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\">Graphviz<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNqtVd+P2jgQfq\/U\/8HKvVwl6EIoKqu9VgqQtGi3LVp4qapVNRATXIyD7KRbrrf\/e8eExHZIdJXukhcynvE33zc\/iFki4bAld2wlQR4XR5XR\/de7NGFr4OTn82cEn6sr0u12ybvgc0De3QeR\/ipOiuAvxYd+JIhdzCR5Q5ZjY1UHzgRVaM1kTo1dpDFV9ID23suhe0lpHhnzJhWZgD1Fu\/ee8u80wyQ7gWTAOwqE6ioq2cZzAxT7Wwf0\/cL88PzZJaePn6ah4aSTsin9J9i+MR+oeGRxttXmkq2dTigyloEi4Q5rIAVwOx21hYO+cJX+6BCVHfkpnQ3jnMZeh+gf65SnWnjvj7AfDaMQzcbU80ejad97KO4MRJKkGdwUX\/NcZbCDRxA3NXXGwTJYkMVssQw\/GIFUvirqvua5TvWr0zxl0+iHw4pyjb9gp6M5lYcCDAT5U3eZeuHdWH1SEotBbWnckWkuYiRouRhKr4f6tc9WiTmNAv3ap3uQCRN46Pcqnmeuc5kqqty+NJqvmVxz+huyj6JheO3IPhiNwsEETabyrx4MzrxPvpw0euP1X\/bELeUpB3ELGfA08R6s5Od+5emjZ5GwmNM9E99gD8J1HlTOA3PtnIqE7lfA2dndlYCKI9sfQGBlpphAmxiSrlMZ\/7sYURRdT145YkTjSc+fehb\/ScF0uqjy\/Un+YvFbMu2Tf8hZBzLOdzl5chgucUUoWGcsFaoh2sdofXcGwtKodscHFIPKhugBRo9BMXUSohwWK\/qpaYksw\/lsEXw0Y0Lj5H\/bI9dNAzA8PVYASJk+niOqzVnfeMHd7B7TnOJom1wrj5nAgYadYiVtZ2GQ7lu7Zycg2ak6lTJ4iC6ld+n3HsXkusPWGGD16uXdpstxVWDdMr0oGrocHRtwblOxYXKPaE0xl2hmTG6Lwdghmstn0ISzwH+xHWmZJ0dEs1rrq7Ym5RLwpu0Vsl6BzBtVtWKbCetIPKyvj0ZkQ71YJWRJJdc5ZDXuDah3cEhx\/mohFfuAM+kskSL9y1k3KTtsjaMr0WkYW8j5bQiS7RRGUSyIojEDqx9cHN+qLmS5cnOyYS72RolyDjx3SxVb+bswM7FJL3xtnJYdN84hK5dbU5vXwlzQe\/YIR4xvHY+i6C3QVXdetH4L8MBaFa0J28BN2haQvyPuoF3cp18Wxwmz\" \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 Graphviz in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-graphviz\"><code class=\"language-graphviz\" data-language=\"graphviz\" class=\"language-graphviz\">digraph LibrarySystem_Logical {\r\n    \/\/ --- GAYA GRAF ---\r\n    graph [\r\n        rankdir = TB\r\n        splines = true\r\n        nodesep = 0.5\r\n        ranksep = 0.8\r\n        fontname = \"Helvetica,Arial,sans-serif\"\r\n        fontsize = 12\r\n    ]\r\n\r\n    \/\/ --- GAYA NODE ---\r\n    node [\r\n        fontname = \"Helvetica,Arial,sans-serif\"\r\n        fontsize = 11\r\n        penwidth = 1.5\r\n    ]\r\n\r\n    \/\/ Entitas Eksternal\r\n    node [shape = box, style = \"filled\", fillcolor = \"#E1F5FE\", color = \"#0288D1\"]\r\n    Anggota;\r\n    Pustakawan;\r\n\r\n    \/\/ --- BATAS SISTEM ---\r\n    subgraph cluster_LibrarySystem {\r\n        label = \"Sistem Perpustakaan (Logis)\";\r\n        style = \"dashed,rounded\";\r\n        color = \"#757575\";\r\n        bgcolor = \"#FAFAFA\";\r\n        margin = 20;\r\n\r\n        \/\/ Proses\r\n        node [shape = circle, style = \"filled\", fillcolor = \"#E8F5E9\", color = \"#388E3C\", width = 1.4]\r\n        P1 [label=\"1.0nKelolanKatalog\"];\r\n        P2 [label=\"2.0nProsesnPeminjaman\"];\r\n        P3 [label=\"3.0nKelolanPengembalian\"];\r\n\r\n        \/\/ Penyimpanan Data\r\n        node [shape = record, style = \"filled\", fillcolor = \"#FFF9C4\", color = \"#FBC02D\"]\r\n        CatalogDS [label=\"{ &lt;id&gt; D1 | Katalog Buku }\"];\r\n        TransactionsDS [label=\"{ &lt;id&gt; D2 | CatatannPeminjaman }\"];\r\n        MemberDS [label=\"{ &lt;id&gt; D3 | Basis Data Anggota }\"];\r\n    }\r\n\r\n    \/\/ --- GAYA TEPISAN ---\r\n    edge [\r\n        fontname = \"Helvetica,Arial,sans-serif\"\r\n        fontsize = 9\r\n        color = \"#555555\"\r\n        arrowsize = 0.8\r\n    ]\r\n\r\n    \/\/ --- ALIRAN DATA ---\r\n    \r\n    \/\/ Interaksi Anggota\r\n    Anggota -&gt; P1 [label=\"Cari Buku\"];\r\n    P1 -&gt; Anggota [label=\"Hasil Pencarian\"];\r\n    \r\n    Anggota -&gt; P2 [label=\"Permintaan Peminjaman\"];\r\n    P2 -&gt; Anggota [label=\"Konfirmasi Peminjaman\"];\r\n    \r\n    Anggota -&gt; P3 [label=\"Kembalikan Buku\"];\r\n    P3 -&gt; Anggota [label=\"Struk Pengembalian\"];\r\n\r\n    \/\/ Interaksi Pustakawan\r\n    Pustakawan -&gt; P1 [label=\"Tambah\/Perbarui Buku\"];\r\n    P1 -&gt; Pustakawan [label=\"Konfirmasi Pembaruan Katalog\"];\r\n    \r\n    Pustakawan -&gt; P3 [label=\"Proses Terlambat\"];\r\n    P3 -&gt; Pustakawan [label=\"Laporan Terlambat\"];\r\n\r\n    \/\/ Aliran Data\r\n    P1 -&gt; CatalogDS [label=\"Pembaruan Buku\"];\r\n    CatalogDS -&gt; P1 [label=\"Data Katalog\"];\r\n    \r\n    P2 -&gt; CatalogDS [label=\"Periksa Ketersediaan\"];\r\n    CatalogDS -&gt; P2 [label=\"Status Buku\"];\r\n    \r\n    P2 -&gt; MemberDS [label=\"Periksa Status Anggota\"];\r\n    MemberDS -&gt; P2 [label=\"Info Anggota\"];\r\n    \r\n    P2 -&gt; TransactionsDS [label=\"Buat Catatan Peminjaman\"];\r\n    TransactionsDS -&gt; P2 [label=\"Riwayat Peminjaman\"];\r\n    \r\n    P3 -&gt; TransactionsDS [label=\"Perbarui Pengembalian\"];\r\n    TransactionsDS -&gt; P3 [label=\"Catatan Peminjaman\"];\r\n    \r\n    P3 -&gt; MemberDS [label=\"Perbarui Status Anggota\"];\r\n    MemberDS -&gt; P3 [label=\"Info Anggota\"];\r\n}\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNqtVd+P2jgQfq\/U\/8HKvVwl6EIoKqu9VgqQtGi3LVp4qapVNRATXIyD7KRbrrf\/e8eExHZIdJXukhcynvE33zc\/iFki4bAld2wlQR4XR5XR\/de7NGFr4OTn82cEn6sr0u12ybvgc0De3QeR\/ipOiuAvxYd+JIhdzCR5Q5ZjY1UHzgRVaM1kTo1dpDFV9ID23suhe0lpHhnzJhWZgD1Fu\/ee8u80wyQ7gWTAOwqE6ioq2cZzAxT7Wwf0\/cL88PzZJaePn6ah4aSTsin9J9i+MR+oeGRxttXmkq2dTigyloEi4Q5rIAVwOx21hYO+cJX+6BCVHfkpnQ3jnMZeh+gf65SnWnjvj7AfDaMQzcbU80ejad97KO4MRJKkGdwUX\/NcZbCDRxA3NXXGwTJYkMVssQw\/GIFUvirqvua5TvWr0zxl0+iHw4pyjb9gp6M5lYcCDAT5U3eZeuHdWH1SEotBbWnckWkuYiRouRhKr4f6tc9WiTmNAv3ap3uQCRN46Pcqnmeuc5kqqty+NJqvmVxz+huyj6JheO3IPhiNwsEETabyrx4MzrxPvpw0euP1X\/bELeUpB3ELGfA08R6s5Od+5emjZ5GwmNM9E99gD8J1HlTOA3PtnIqE7lfA2dndlYCKI9sfQGBlpphAmxiSrlMZ\/7sYURRdT145YkTjSc+fehb\/ScF0uqjy\/Un+YvFbMu2Tf8hZBzLOdzl5chgucUUoWGcsFaoh2sdofXcGwtKodscHFIPKhugBRo9BMXUSohwWK\/qpaYksw\/lsEXw0Y0Lj5H\/bI9dNAzA8PVYASJk+niOqzVnfeMHd7B7TnOJom1wrj5nAgYadYiVtZ2GQ7lu7Zycg2ak6lTJ4iC6ld+n3HsXkusPWGGD16uXdpstxVWDdMr0oGrocHRtwblOxYXKPaE0xl2hmTG6Lwdghmstn0ISzwH+xHWmZJ0dEs1rrq7Ym5RLwpu0Vsl6BzBtVtWKbCetIPKyvj0ZkQ71YJWRJJdc5ZDXuDah3cEhx\/mohFfuAM+kskSL9y1k3KTtsjaMr0WkYW8j5bQiS7RRGUSyIojEDqx9cHN+qLmS5cnOyYS72RolyDjx3SxVb+bswM7FJL3xtnJYdN84hK5dbU5vXwlzQe\/YIR4xvHY+i6C3QVXdetH4L8MBaFa0J28BN2haQvyPuoF3cp18Wxwmz\" \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 Graphviz 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\/#graphviz:eNqtVFtv0zAUfkfiP1jhBaSWtckqOg2Q2iZhSLtpKUITm5CbuK011y62Myhj\/x27duPcOpDAfWmOv3P5Pp9zMrzgcL0Ep3jGId8kGyHR6uspW+AUEvDw\/BlQ5+AAdLtd8OFqdHkCkun1aaS\/zZ1x\/2I+9OGQ3mWYg3dgOnZWsSaYIqGskufI2SnLkEBrZe+9HlSD7MxDZ54zKilcIWX3ThC5R1KV2RlxDElHQCq6AnE896oOAv\/UDn3fmG+fP6uwOr8II0Mqcax0WWVS\/5S478xrRL\/jTC61ece3XFD0QyJOlfIRlVhiJMrliCVc64Az9qMDhNyQbTlzTAjKvA7Qf1JGmJbeexH140EcKbMz9fzhMOx7tybmGVrNED82H+b5MaTHNXWS62QanYHxxafzcHR17RQS+cw8fUpy1TP8a6WDdp2jD4EzRHQBFgEs5KXtslfecalPdrQyKJYo63CW00zRK0EcoTcD\/SvfzRbuNh7pX\/l2BfkCU3Xp9wqeluslZykSYid4U\/QU85Sgv9B9GA+io4ruwXAYBRNlck9\/eOvyXPbBl61G77z+694NPYMULtANnUAJCVt4tyUGl36B9TXWln1Dx4xz9h3TGjwo4IGGn0CaERX6CsmcU7HFVmQIVU6QSMb3C8FRynj2ZyHiOD6aHFaEiMeTnh96Je6WY5gUdT6Atzh7D8I++AXGjN0VOoDHCrWpWhECphIzKlrc\/a271UQT1kWLWgwzAi3egfI2lzdUSzKDApV8H2tDEoUfmisEZYv\/tkKO2rp\/sD0lB6jpWo9ibdbXXTiajkB8evG5VGoBMJzBR6oG2mpbXhag+77crQmCPF1uX0kU2qh7hbL4GvIKiZxIh23Edt1t3k55fMuRkC663xLdYieMzjFfQV32\/hRuIswQ1MsPWhJYpGoihNeyNDVKsmJztqjm7qrCjbLs4NM6gxK1iufcdg67EbBOTzCtpnRk7aIAF\/eIZzmq8W1mtDjFec14jfJ2ScRE9Vq56uYoa262ZEfRwaqa7Cjq4DVO5tGb8SdLlN6B0T3EyoAJlps9WfxqSYmEMhetSRobweSw\/VBzLMDVHMUQzVlrjj2ba8KRaQjb+HphFf41n7ZZUXsOnGChdvemnjZ4Iq1tKdPiT+ULmrO53amtyRo62jR\/IWSwV8jH358r8sY=\" 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>Sunting Graphviz 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\/#graphviz:eNqtVFtv0zAUfkfiP1jhBaSWtckqOg2Q2iZhSLtpKUITm5CbuK011y62Myhj\/x27duPcOpDAfWmOv3P5Pp9zMrzgcL0Ep3jGId8kGyHR6uspW+AUEvDw\/BlQ5+AAdLtd8OFqdHkCkun1aaS\/zZ1x\/2I+9OGQ3mWYg3dgOnZWsSaYIqGskufI2SnLkEBrZe+9HlSD7MxDZ54zKilcIWX3ThC5R1KV2RlxDElHQCq6AnE896oOAv\/UDn3fmG+fP6uwOr8II0Mqcax0WWVS\/5S478xrRL\/jTC61ece3XFD0QyJOlfIRlVhiJMrliCVc64Az9qMDhNyQbTlzTAjKvA7Qf1JGmJbeexH140EcKbMz9fzhMOx7tybmGVrNED82H+b5MaTHNXWS62QanYHxxafzcHR17RQS+cw8fUpy1TP8a6WDdp2jD4EzRHQBFgEs5KXtslfecalPdrQyKJYo63CW00zRK0EcoTcD\/SvfzRbuNh7pX\/l2BfkCU3Xp9wqeluslZykSYid4U\/QU85Sgv9B9GA+io4ruwXAYBRNlck9\/eOvyXPbBl61G77z+694NPYMULtANnUAJCVt4tyUGl36B9TXWln1Dx4xz9h3TGjwo4IGGn0CaERX6CsmcU7HFVmQIVU6QSMb3C8FRynj2ZyHiOD6aHFaEiMeTnh96Je6WY5gUdT6Atzh7D8I++AXGjN0VOoDHCrWpWhECphIzKlrc\/a271UQT1kWLWgwzAi3egfI2lzdUSzKDApV8H2tDEoUfmisEZYv\/tkKO2rp\/sD0lB6jpWo9ibdbXXTiajkB8evG5VGoBMJzBR6oG2mpbXhag+77crQmCPF1uX0kU2qh7hbL4GvIKiZxIh23Edt1t3k55fMuRkC663xLdYieMzjFfQV32\/hRuIswQ1MsPWhJYpGoihNeyNDVKsmJztqjm7qrCjbLs4NM6gxK1iufcdg67EbBOTzCtpnRk7aIAF\/eIZzmq8W1mtDjFec14jfJ2ScRE9Vq56uYoa262ZEfRwaqa7Cjq4DVO5tGb8SdLlN6B0T3EyoAJlps9WfxqSYmEMhetSRobweSw\/VBzLMDVHMUQzVlrjj2ba8KRaQjb+HphFf41n7ZZUXsOnGChdvemnjZ4Iq1tKdPiT+ULmrO53amtyRo62jR\/IWSwV8jH358r8sY=\" 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>Sunting Graphviz di VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h3>Contoh 3: DFD Fisik \u2013 Sistem Manajemen Perpustakaan<\/h3>\n<p id=\"VUZUuAT\"><img alt=\"DFD fisik untuk Sistem Manajemen Perpustakaan yang menunjukkan aliran data Web Catalog, API Peminjaman, dan Pemroses Pengembalian.\" class=\"alignnone size-full wp-image-19314\" decoding=\"async\" height=\"1228\" loading=\"lazy\" sizes=\"auto, (max-width: 1091px) 100vw, 1091px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/07\/img_6a4dc62dd2afa.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/07\/img_6a4dc62dd2afa.png 1091w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/07\/img_6a4dc62dd2afa-267x300.png 267w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/07\/img_6a4dc62dd2afa-910x1024.png 910w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/07\/img_6a4dc62dd2afa-768x864.png 768w\" width=\"1091\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Graphviz<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNqtVm1v2joU\/j5p\/8HiflkluhYoulS7mwQk6YugpCTVVI1qMokBa8HObNOOu\/W\/z86b4xBa7kv6pRyf1+c8PschXjIYr8AIzxlkW2\/LBVp\/dVdbjgMYgZ9v3wD5nZyA4+NjcDHtu5fA8+9HtvqdnqX2X9If6mOQfAsxAx+BP9BSHkeYIC6lgm2QlhMaIo5iKT993zWd5OKeFi8oEQSukZQ3LlH0iIRMs9lnGEZNDgk\/5ojhRcM04PhvZdBqp+KHt2+Mqm4mlp0W5emqVFrlov5T4JYWx4g84VCslDivt5yQ\/UMgRiTyNhFYYAnYu7wZR+XM+ArGyvec\/mgCLrZRktkCRxEKG02g\/gloRFUXGn\/YLafr2FKsRaftXs9qNR5Sn42s\/WCM1nPEGuBLBOco+pjLZyQ7ePhgGGBIqrpSNCOegIuFVrbXEEcg5ZbWT6RSNxUXyi7crhER4AIK9AS3Wj87mJH8RJkYnfTuPd8eg8Hk7sbqT+91N\/lmntI0iDYyGvv6Mt3VlwRVUBXQQAKXKEktNdOdAVfrOEqOoMCUHDU+lHif9yaEfIXCJqMbEsoelVR0V\/7sqr\/y2XypT52++iufriFbYiIP26cFFhkeRW4uowHiXDHpCUviCRSsiPS53IIQCdkCfmTeRk2uALMgQgfwq+d07XODX51ez+4MpUiz\/exBx3FbRVtb709n5DOagyEUUKY1I+8u\/fGoCa69o4IViU27sGkrmwFljD5hIi367pU0c7diRcnJ1Pb8imWnsOwoyykSGyZpmkFDmTS+ho\/wqESpKoyWzA54grJ\/AyRDAWXh60A6jnM+PDOAdAbD07bVKGGX4WR5RVE\/wV84\/ASsFvgFXMrFkiHvdqQQot9ydfBsQOLLActhoOjKazy1pacxJUtqDXKgwTQpglccpYOhxkVHupgwKAmUTw9gDSrGBtT9MMQqHwl2nKMe0HVMibxYfB+0Bw1Ap2N3na6Ba89un\/X7ZVwbQxisEPAQeyyPwCkKMZ+R5NBIvjGW3JEjAdxu0AaVDOB8jsX4dkbSg9zmuTKtbOtid++gcPm\/7Z3zuhHTTb6SAVTNzSyKXVvdkVbf7wNnNPnslfaRzrrQLa5L1vErIqdtRrM9q+b4U3kaXPq+Cy5sPyOvhyALVgWEUlGq791Wam6cXHuTG3XF+SYSvLB8IbgeK2pygGSWFJT\/vkFc6PjtF+OnoYeULDBbJ6vgkPidmvjphNJxOwfElfcT4ViYa7FoSLGd9\/ck2ea77fAU+dMZMl6uRX0zjJeA6sMhOBQB6yCYyFsYblC+v+qxMMK6liM7FlNWwaB4U2V7exeArK\/17xRv7LszckMFXkgkjWqyXPY+WTL4HPnyBZmSmVqyVZxIXsCdd14K7+6wl5Md3LnyQtpFGlrJ7J5S9eyRPfQr+Getqx94qfQuDmU1+llm6ppx0rNLLKph2vtLqORlltA2VCUn7kZ+re+d7VPjutD5R573LMirG8+eaouKViVCLfQp1fbsDnczjzBfFQPIfswpU\/LQeSG\/CjNq8uu8kl+nFteKXwPTgzy+WnE68koVP\/8GBssYfw==\" 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>Sunting Graphviz 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\">Graphviz<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNqtVm1v2joU\/j5p\/8HiflkluhYoulS7mwQk6YugpCTVVI1qMokBa8HObNOOu\/W\/z86b4xBa7kv6pRyf1+c8PschXjIYr8AIzxlkW2\/LBVp\/dVdbjgMYgZ9v3wD5nZyA4+NjcDHtu5fA8+9HtvqdnqX2X9If6mOQfAsxAx+BP9BSHkeYIC6lgm2QlhMaIo5iKT993zWd5OKeFi8oEQSukZQ3LlH0iIRMs9lnGEZNDgk\/5ojhRcM04PhvZdBqp+KHt2+Mqm4mlp0W5emqVFrlov5T4JYWx4g84VCslDivt5yQ\/UMgRiTyNhFYYAnYu7wZR+XM+ArGyvec\/mgCLrZRktkCRxEKG02g\/gloRFUXGn\/YLafr2FKsRaftXs9qNR5Sn42s\/WCM1nPEGuBLBOco+pjLZyQ7ePhgGGBIqrpSNCOegIuFVrbXEEcg5ZbWT6RSNxUXyi7crhER4AIK9AS3Wj87mJH8RJkYnfTuPd8eg8Hk7sbqT+91N\/lmntI0iDYyGvv6Mt3VlwRVUBXQQAKXKEktNdOdAVfrOEqOoMCUHDU+lHif9yaEfIXCJqMbEsoelVR0V\/7sqr\/y2XypT52++iufriFbYiIP26cFFhkeRW4uowHiXDHpCUviCRSsiPS53IIQCdkCfmTeRk2uALMgQgfwq+d07XODX51ez+4MpUiz\/exBx3FbRVtb709n5DOagyEUUKY1I+8u\/fGoCa69o4IViU27sGkrmwFljD5hIi367pU0c7diRcnJ1Pb8imWnsOwoyykSGyZpmkFDmTS+ho\/wqESpKoyWzA54grJ\/AyRDAWXh60A6jnM+PDOAdAbD07bVKGGX4WR5RVE\/wV84\/ASsFvgFXMrFkiHvdqQQot9ydfBsQOLLActhoOjKazy1pacxJUtqDXKgwTQpglccpYOhxkVHupgwKAmUTw9gDSrGBtT9MMQqHwl2nKMe0HVMibxYfB+0Bw1Ap2N3na6Ba89un\/X7ZVwbQxisEPAQeyyPwCkKMZ+R5NBIvjGW3JEjAdxu0AaVDOB8jsX4dkbSg9zmuTKtbOtid++gcPm\/7Z3zuhHTTb6SAVTNzSyKXVvdkVbf7wNnNPnslfaRzrrQLa5L1vErIqdtRrM9q+b4U3kaXPq+Cy5sPyOvhyALVgWEUlGq791Wam6cXHuTG3XF+SYSvLB8IbgeK2pygGSWFJT\/vkFc6PjtF+OnoYeULDBbJ6vgkPidmvjphNJxOwfElfcT4ViYa7FoSLGd9\/ck2ea77fAU+dMZMl6uRX0zjJeA6sMhOBQB6yCYyFsYblC+v+qxMMK6liM7FlNWwaB4U2V7exeArK\/17xRv7LszckMFXkgkjWqyXPY+WTL4HPnyBZmSmVqyVZxIXsCdd14K7+6wl5Md3LnyQtpFGlrJ7J5S9eyRPfQr+Getqx94qfQuDmU1+llm6ppx0rNLLKph2vtLqORlltA2VCUn7kZ+re+d7VPjutD5R573LMirG8+eaouKViVCLfQp1fbsDnczjzBfFQPIfswpU\/LQeSG\/CjNq8uu8kl+nFteKXwPTgzy+WnE68koVP\/8GBssYfw==\" 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>Sunting Graphviz 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\">Graphviz<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNqtVlFv4jgQfl9p\/4PFvVCJbgsUHau9XSktSUsLbZbkdDqtqpUhJngJE2Sbdrm9\/vcbJxDHNLTs3cELjGfGn78Zf+OIx4IuZ2TAx4KKdbCWii2++rO15BOakB9v3xD8nJyQ4+Njcun86ZDLkePpf\/lKHv0l\/6M\/gsI84oJ8JOG5scplwoFJtCqxYsYOacQkW6L99F3HTrI1d415moICumBor12x5IEpBNlwBKdJQ1KQx5IJPq3ZAZL\/pQOardx8\/\/bN8zPd3vVccyYNqnyk\/7Rt05iXDB55pGbavD1tGY4LiisqiTvHIghA+usel3x+VIYlZ3SpE4\/T7w0i1TrJYE15krCo1iD6xyRNUl2A2i9u0+t4LpqN6bTV7faatfs8Z82BOE4VJT4Ty5VUdE4p1MiXhI5Z8nG7Ctbq\/YdNrJ+bHssRgaJTKC0UzgHXnUXcBeVJyT2zQm4tfC+ZGFOIEdRiTNdUlDfYrEFpTcdZNT13QicgQT8I3aEpq1yN826dJCtN8NeXe15\/sj01bRv0Qwr0G1swsPgi9f5imWgzVo+TvGa1D6Xu35YponLGooZIVxBhuUoupkC\/dvS3vDaOzarn6G95dUFFzAEXW6cFDxsufJFKvHQZIFKPGMQINmIKySaKzQGzxvzIvo2mwyZcTBJ2QJN1vY773mqydrfrti\/QZPr97N7s4zeLcjbfncINVRSRkD\/YGOpX4XDQINfBUdEOWUSriGhhBBafwze6oACO34e6v1azFE5GbhDuxLWLuHYel1GCPyDWDZRwTFG\/pg\/0qNRGW\/oYrPliiTUH0kOM\/5ZIwSapiF4n0vO89xdnFpHe+cVpq1crcXeRk9ULioP9IL\/x6BPpNcnfxE+ligULPg8KVs9X8xV5slgJ8dZIOlE8BVmRqIWJhinEae8c9HYoAMQwvpNriDQyUZGljVnuBMUWgnO8FjKncKs3dhKL9pt0sUwB79g0o1tRrNOMwj52DxJCr+12vI5FbddtnTlOmdpawMQDE0jxZMaM4oxYxCXkxjJoVEeFM0BzI8sKNaLjMVfDz7BZL4KeqkZP6Pr9wLk1MsWi+H+bPu+rBKaTfUoBVIj0cRNRzNvdOekM+iOE2UNp3Y4lg7nw7AMKK52jCm4Lnbm+OGyOP5UF4SoMfXLphvqKTmjGr+7ggkR0xYBX5pYWkZPr4O4WrrD1zGR5FYeRGdQVovVEzz5sfUWtS2DgtA6AkyG5SWHKxQLxHA6nXQXHKJdB0T4URYDvr7k9MU3NzNy2ylae88+LFYCZihvN2S1W1UNBl+gFTnb3rGIin24hE4mWCLXLRtWuA7pMha5kz9tHwvahsn2EWXXe84oZhj7cpopP+bx8lg2Ql54zOYNmhfQYRNTG5iRcbEeQ9SLM6X0+EX738Zq6BKdAAcU42RUM3IF7EVquVumqJdHXJxIrTmxV3PG2d7phQHf8y9Q+P0UFNPsU5rJeOUF\/UHWILPWzEVWRufD5mcR75mj\/NnBHYRGx42VvkEOpzL5vvvircZL1mZYm7Ef+SKuUqdyCe4DmffIS0PYrQNuV\/O7ktbg9KOPPHX1HEJ\/+AaPyLhQ=\" \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 Graphviz in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-graphviz\"><code class=\"language-graphviz\" data-language=\"graphviz\" class=\"language-graphviz\">digraph LibrarySystem_Physical {\r\n    \/\/ --- GAYA GRAF ---\r\n    graph [\r\n        rankdir = TB\r\n        splines = true\r\n        nodesep = 0.5\r\n        ranksep = 0.8\r\n        fontname = \"Helvetica,Arial,sans-serif\"\r\n        fontsize = 12\r\n    ]\r\n\r\n    \/\/ --- GAYA NODE ---\r\n    node [\r\n        fontname = \"Helvetica,Arial,sans-serif\"\r\n        fontsize = 11\r\n        penwidth = 1.5\r\n    ]\r\n\r\n    \/\/ Entitas Eksternal (Fisik)\r\n    node [shape = box, style = \"filled\", fillcolor = \"#E1F5FE\", color = \"#0288D1\"]\r\n    \"Anggota Perpustakaan\" [label=\"AnggotanPerpustakaan\"];\r\n    \"Pustakawan\" [label=\"StafnPustakawan\"];\r\n    \"Sistem Email\" [label=\"SistemnEmail\"];\r\n    \"Gerbang Pembayaran\" [label=\"GerbangnPembayaran\"];\r\n\r\n    \/\/ --- BATAS SISTEM ---\r\n    subgraph cluster_LibrarySystem_Physical {\r\n        label = \"Sistem Manajemen Perpustakaan (Implementasi Fisik)\";\r\n        style = \"dashed,rounded\";\r\n        color = \"#757575\";\r\n        bgcolor = \"#FAFAFA\";\r\n        margin = 20;\r\n\r\n        \/\/ Proses Fisik (dengan detail teknologi)\r\n        node [shape = circle, style = \"filled\", fillcolor = \"#E8F5E9\", color = \"#388E3C\", width = 1.4]\r\n        P1 [label=\"1.0nKatalog Webn(HTML, JS)\"];\r\n        P2 [label=\"2.0nPeminjamannAPIn(Python\/REST)\"];\r\n        P3 [label=\"3.0nPemrosesnPengembaliann(Java)\"];\r\n\r\n        \/\/ Penyimpanan Data Fisik (dengan detail teknologi)\r\n        node [shape = record, style = \"filled\", fillcolor = \"#FFF9C4\", color = \"#FBC02D\"]\r\n        CatalogDS [label=\"{ &lt;id&gt; D1 | PostgreSQLnKatalog Buku }\"];\r\n        TransactionsDS [label=\"{ &lt;id&gt; D2 | MongoDBnCatatan Peminjaman }\"];\r\n        MemberDS [label=\"{ &lt;id&gt; D3 | OraclenBasis Data Anggota }\"];\r\n        \r\n        \/\/ Komponen fisik tambahan\r\n        node [shape = box, style = \"filled\", fillcolor = \"#F3E5F5\", color = \"#8E24AA\"]\r\n        \"Server Cache\" [label=\"RedisnCache\"];\r\n        \"Antrian Pesan\" [label=\"RabbitMQnAntrian\"];\r\n    }\r\n\r\n    \/\/ --- GAYA TEPISAN ---\r\n    edge [\r\n        fontname = \"Helvetica,Arial,sans-serif\"\r\n        fontsize = 9\r\n        color = \"#555555\"\r\n        arrowsize = 0.8\r\n    ]\r\n\r\n    \/\/ --- ALIRAN DATA (Fisik) ---\r\n    \r\n    \/\/ Interaksi Anggota Fisik\r\n    \"Anggota Perpustakaan\" -&gt; P1 [label=\"HTTP GETnPencarian Buku\"];\r\n    P1 -&gt; \"Anggota Perpustakaan\" [label=\"HTML\/JSONnHasil\"];\r\n    \r\n    \"Anggota Perpustakaan\" -&gt; P2 [label=\"API RESTnPermintaan Peminjaman\"];\r\n    P2 -&gt; \"Anggota Perpustakaan\" [label=\"JSONnKonfirmasi\"];\r\n    \r\n    \"Anggota Perpustakaan\" -&gt; P3 [label=\"API RESTnPengembalian\"];\r\n    P3 -&gt; \"Anggota Perpustakaan\" [label=\"JSONnStruk\"];\r\n\r\n    \/\/ Interaksi Pustakawan Fisik\r\n    \"Pustakawan\" -&gt; P1 [label=\"HTTPSnManajemen Katalog\"];\r\n    P1 -&gt; \"Pustakawan\" [label=\"HTMLnKonfirmasi\"];\r\n    \r\n    \"Pustakawan\" -&gt; P3 [label=\"API RESTnProses Terlambat\"];\r\n    P3 -&gt; \"Pustakawan\" [label=\"Laporan PDF\"];\r\n\r\n    \/\/ Interaksi Sistem Eksternal\r\n    P2 -&gt; \"Sistem Email\" [label=\"SMTPnNotifikasi\"];\r\n    P3 -&gt; \"Gerbang Pembayaran\" [label=\"HTTPSnPembayaran Denda\"];\r\n\r\n    \/\/ Aliran Data (Fisik)\r\n    P1 -&gt; CatalogDS [label=\"UPDATE SQL\"];\r\n    CatalogDS -&gt; P1 [label=\"SELECT SQL\"];\r\n    \r\n    P1 -&gt; \"Server Cache\" [label=\"Perbarui Cache\"];\r\n    \"Server Cache\" -&gt; P1 [label=\"Kena Cache\"];\r\n    \r\n    P2 -&gt; CatalogDS [label=\"SELECT SQL\"];\r\n    CatalogDS -&gt; P2 [label=\"HASIL SQL\"];\r\n    \r\n    P2 -&gt; MemberDS [label=\"SELECT SQL\"];\r\n    MemberDS -&gt; P2 [label=\"HASIL SQL\"];\r\n    \r\n    P2 -&gt; TransactionsDS [label=\"INSERT\"];\r\n    TransactionsDS -&gt; P2 [label=\"SELECT\"];\r\n    \r\n    P2 -&gt; \"Antrian Pesan\" [label=\"PublikasinPeristiwa Peminjaman\"];\r\n    \r\n    P3 -&gt; TransactionsDS [label=\"UPDATE\"];\r\n    TransactionsDS -&gt; P3 [label=\"SELECT\"];\r\n    \r\n    P3 -&gt; MemberDS [label=\"UPDATE\"];\r\n    MemberDS -&gt; P3 [label=\"SELECT\"];\r\n    \r\n    P3 -&gt; \"Antrian Pesan\" [label=\"PublikasinPeristiwa Pengembalian\"];\r\n}\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNqtVlFv4jgQfl9p\/4PFvVCJbgsUHau9XSktSUsLbZbkdDqtqpUhJngJE2Sbdrm9\/vcbJxDHNLTs3cELjGfGn78Zf+OIx4IuZ2TAx4KKdbCWii2++rO15BOakB9v3xD8nJyQ4+Njcun86ZDLkePpf\/lKHv0l\/6M\/gsI84oJ8JOG5scplwoFJtCqxYsYOacQkW6L99F3HTrI1d415moICumBor12x5IEpBNlwBKdJQ1KQx5IJPq3ZAZL\/pQOardx8\/\/bN8zPd3vVccyYNqnyk\/7Rt05iXDB55pGbavD1tGY4LiisqiTvHIghA+usel3x+VIYlZ3SpE4\/T7w0i1TrJYE15krCo1iD6xyRNUl2A2i9u0+t4LpqN6bTV7faatfs8Z82BOE4VJT4Ty5VUdE4p1MiXhI5Z8nG7Ctbq\/YdNrJ+bHssRgaJTKC0UzgHXnUXcBeVJyT2zQm4tfC+ZGFOIEdRiTNdUlDfYrEFpTcdZNT13QicgQT8I3aEpq1yN826dJCtN8NeXe15\/sj01bRv0Qwr0G1swsPgi9f5imWgzVo+TvGa1D6Xu35YponLGooZIVxBhuUoupkC\/dvS3vDaOzarn6G95dUFFzAEXW6cFDxsufJFKvHQZIFKPGMQINmIKySaKzQGzxvzIvo2mwyZcTBJ2QJN1vY773mqydrfrti\/QZPr97N7s4zeLcjbfncINVRSRkD\/YGOpX4XDQINfBUdEOWUSriGhhBBafwze6oACO34e6v1azFE5GbhDuxLWLuHYel1GCPyDWDZRwTFG\/pg\/0qNRGW\/oYrPliiTUH0kOM\/5ZIwSapiF4n0vO89xdnFpHe+cVpq1crcXeRk9ULioP9IL\/x6BPpNcnfxE+ligULPg8KVs9X8xV5slgJ8dZIOlE8BVmRqIWJhinEae8c9HYoAMQwvpNriDQyUZGljVnuBMUWgnO8FjKncKs3dhKL9pt0sUwB79g0o1tRrNOMwj52DxJCr+12vI5FbddtnTlOmdpawMQDE0jxZMaM4oxYxCXkxjJoVEeFM0BzI8sKNaLjMVfDz7BZL4KeqkZP6Pr9wLk1MsWi+H+bPu+rBKaTfUoBVIj0cRNRzNvdOekM+iOE2UNp3Y4lg7nw7AMKK52jCm4Lnbm+OGyOP5UF4SoMfXLphvqKTmjGr+7ggkR0xYBX5pYWkZPr4O4WrrD1zGR5FYeRGdQVovVEzz5sfUWtS2DgtA6AkyG5SWHKxQLxHA6nXQXHKJdB0T4URYDvr7k9MU3NzNy2ylae88+LFYCZihvN2S1W1UNBl+gFTnb3rGIin24hE4mWCLXLRtWuA7pMha5kz9tHwvahsn2EWXXe84oZhj7cpopP+bx8lg2Ql54zOYNmhfQYRNTG5iRcbEeQ9SLM6X0+EX738Zq6BKdAAcU42RUM3IF7EVquVumqJdHXJxIrTmxV3PG2d7phQHf8y9Q+P0UFNPsU5rJeOUF\/UHWILPWzEVWRufD5mcR75mj\/NnBHYRGx42VvkEOpzL5vvvircZL1mZYm7Ef+SKuUqdyCe4DmffIS0PYrQNuV\/O7ktbg9KOPPHX1HEJ\/+AaPyLhQ=\" \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 Graphviz 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\/#graphviz:eNqtVm1v2joU\/j5p\/8HiflkluhYoulS7mwQk6YugpCTVVI1qMokBa8HObNOOu\/W\/z86b4xBa7kv6pRyf1+c8PschXjIYr8AIzxlkW2\/LBVp\/dVdbjgMYgZ9v3wD5nZyA4+NjcDHtu5fA8+9HtvqdnqX2X9If6mOQfAsxAx+BP9BSHkeYIC6lgm2QlhMaIo5iKT993zWd5OKeFi8oEQSukZQ3LlH0iIRMs9lnGEZNDgk\/5ojhRcM04PhvZdBqp+KHt2+Mqm4mlp0W5emqVFrlov5T4JYWx4g84VCslDivt5yQ\/UMgRiTyNhFYYAnYu7wZR+XM+ArGyvec\/mgCLrZRktkCRxEKG02g\/gloRFUXGn\/YLafr2FKsRaftXs9qNR5Sn42s\/WCM1nPEGuBLBOco+pjLZyQ7ePhgGGBIqrpSNCOegIuFVrbXEEcg5ZbWT6RSNxUXyi7crhER4AIK9AS3Wj87mJH8RJkYnfTuPd8eg8Hk7sbqT+91N\/lmntI0iDYyGvv6Mt3VlwRVUBXQQAKXKEktNdOdAVfrOEqOoMCUHDU+lHif9yaEfIXCJqMbEsoelVR0V\/7sqr\/y2XypT52++iufriFbYiIP26cFFhkeRW4uowHiXDHpCUviCRSsiPS53IIQCdkCfmTeRk2uALMgQgfwq+d07XODX51ez+4MpUiz\/exBx3FbRVtb709n5DOagyEUUKY1I+8u\/fGoCa69o4IViU27sGkrmwFljD5hIi367pU0c7diRcnJ1Pb8imWnsOwoyykSGyZpmkFDmTS+ho\/wqESpKoyWzA54grJ\/AyRDAWXh60A6jnM+PDOAdAbD07bVKGGX4WR5RVE\/wV84\/ASsFvgFXMrFkiHvdqQQot9ydfBsQOLLActhoOjKazy1pacxJUtqDXKgwTQpglccpYOhxkVHupgwKAmUTw9gDSrGBtT9MMQqHwl2nKMe0HVMibxYfB+0Bw1Ap2N3na6Ba89un\/X7ZVwbQxisEPAQeyyPwCkKMZ+R5NBIvjGW3JEjAdxu0AaVDOB8jsX4dkbSg9zmuTKtbOtid++gcPm\/7Z3zuhHTTb6SAVTNzSyKXVvdkVbf7wNnNPnslfaRzrrQLa5L1vErIqdtRrM9q+b4U3kaXPq+Cy5sPyOvhyALVgWEUlGq791Wam6cXHuTG3XF+SYSvLB8IbgeK2pygGSWFJT\/vkFc6PjtF+OnoYeULDBbJ6vgkPidmvjphNJxOwfElfcT4ViYa7FoSLGd9\/ck2ea77fAU+dMZMl6uRX0zjJeA6sMhOBQB6yCYyFsYblC+v+qxMMK6liM7FlNWwaB4U2V7exeArK\/17xRv7LszckMFXkgkjWqyXPY+WTL4HPnyBZmSmVqyVZxIXsCdd14K7+6wl5Md3LnyQtpFGlrJ7J5S9eyRPfQr+Getqx94qfQuDmU1+llm6ppx0rNLLKph2vtLqORlltA2VCUn7kZ+re+d7VPjutD5R573LMirG8+eaouKViVCLfQp1fbsDnczjzBfFQPIfswpU\/LQeSG\/CjNq8uu8kl+nFteKXwPTgzy+WnE68koVP\/8GBssYfw==\" 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>Sunting Graphviz 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\/#graphviz:eNqtVm1v2joU\/j5p\/8HiflkluhYoulS7mwQk6YugpCTVVI1qMokBa8HObNOOu\/W\/z86b4xBa7kv6pRyf1+c8PschXjIYr8AIzxlkW2\/LBVp\/dVdbjgMYgZ9v3wD5nZyA4+NjcDHtu5fA8+9HtvqdnqX2X9If6mOQfAsxAx+BP9BSHkeYIC6lgm2QlhMaIo5iKT993zWd5OKeFi8oEQSukZQ3LlH0iIRMs9lnGEZNDgk\/5ojhRcM04PhvZdBqp+KHt2+Mqm4mlp0W5emqVFrlov5T4JYWx4g84VCslDivt5yQ\/UMgRiTyNhFYYAnYu7wZR+XM+ArGyvec\/mgCLrZRktkCRxEKG02g\/gloRFUXGn\/YLafr2FKsRaftXs9qNR5Sn42s\/WCM1nPEGuBLBOco+pjLZyQ7ePhgGGBIqrpSNCOegIuFVrbXEEcg5ZbWT6RSNxUXyi7crhER4AIK9AS3Wj87mJH8RJkYnfTuPd8eg8Hk7sbqT+91N\/lmntI0iDYyGvv6Mt3VlwRVUBXQQAKXKEktNdOdAVfrOEqOoMCUHDU+lHif9yaEfIXCJqMbEsoelVR0V\/7sqr\/y2XypT52++iufriFbYiIP26cFFhkeRW4uowHiXDHpCUviCRSsiPS53IIQCdkCfmTeRk2uALMgQgfwq+d07XODX51ez+4MpUiz\/exBx3FbRVtb709n5DOagyEUUKY1I+8u\/fGoCa69o4IViU27sGkrmwFljD5hIi367pU0c7diRcnJ1Pb8imWnsOwoyykSGyZpmkFDmTS+ho\/wqESpKoyWzA54grJ\/AyRDAWXh60A6jnM+PDOAdAbD07bVKGGX4WR5RVE\/wV84\/ASsFvgFXMrFkiHvdqQQot9ydfBsQOLLActhoOjKazy1pacxJUtqDXKgwTQpglccpYOhxkVHupgwKAmUTw9gDSrGBtT9MMQqHwl2nKMe0HVMibxYfB+0Bw1Ap2N3na6Ba89un\/X7ZVwbQxisEPAQeyyPwCkKMZ+R5NBIvjGW3JEjAdxu0AaVDOB8jsX4dkbSg9zmuTKtbOtid++gcPm\/7Z3zuhHTTb6SAVTNzSyKXVvdkVbf7wNnNPnslfaRzrrQLa5L1vErIqdtRrM9q+b4U3kaXPq+Cy5sPyOvhyALVgWEUlGq791Wam6cXHuTG3XF+SYSvLB8IbgeK2pygGSWFJT\/vkFc6PjtF+OnoYeULDBbJ6vgkPidmvjphNJxOwfElfcT4ViYa7FoSLGd9\/ck2ea77fAU+dMZMl6uRX0zjJeA6sMhOBQB6yCYyFsYblC+v+qxMMK6liM7FlNWwaB4U2V7exeArK\/17xRv7LszckMFXkgkjWqyXPY+WTL4HPnyBZmSmVqyVZxIXsCdd14K7+6wl5Md3LnyQtpFGlrJ7J5S9eyRPfQr+Getqx94qfQuDmU1+llm6ppx0rNLLKph2vtLqORlltA2VCUn7kZ+re+d7VPjutD5R573LMirG8+eaouKViVCLfQp1fbsDnczjzBfFQPIfswpU\/LQeSG\/CjNq8uu8kl+nFteKXwPTgzy+WnE68koVP\/8GBssYfw==\" 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>Sunting Graphviz di VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h3>Contoh 4: Pemrosesan Pesanan E-Commerce (DFD Logis)<\/h3>\n<p id=\"BWPdcdI\"><img alt=\"DFD logis untuk Pemrosesan Pesanan E-Commerce yang menunjukkan aliran data antara Pelanggan, Pemasok, Pemroses Pembayaran, dan proses internal.\" class=\"alignnone size-full wp-image-19315\" decoding=\"async\" height=\"741\" loading=\"lazy\" sizes=\"auto, (max-width: 1073px) 100vw, 1073px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/07\/img_6a4dc64c9d4de.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/07\/img_6a4dc64c9d4de.png 1073w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/07\/img_6a4dc64c9d4de-300x207.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/07\/img_6a4dc64c9d4de-1024x707.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/07\/img_6a4dc64c9d4de-768x530.png 768w\" width=\"1073\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Graphviz<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNqtVG1v0zAQ\/j5p\/8EKX0BqWV9W0WkwqcsLRdqbmk1oYhNyE7e1ltrBdgdj7L9zThrHzoKYBOmX+u453z3PnS+lS4HzFQp9vl4TkZCvJ3xJE5yhx90dBN\/eHup2u+jjbHIxRfHl9Umoz6WvDP1SHvQnMLtLqUAf0Mmstso8o4xIsCqxIbWd8ZRIkoO993bkXlKZx7V5wZlieE3A7k1Jdk8UlNmZCIqzjsRMdiURdOG5AZL+1AH9QWm+3d1xWJ2dB2FJKq5Z6bJsUv+UuF+bc8K+01SttLniaxcU\/lBEMFA+ZIoqSqRdjlzhXF845z86SKqHrChnQbOMpF4H6T8Jz7iW3nsV9qNRFIK5NvUG43HQ927LO\/2NVBzafVge400OLTJH7wI\/rAlT6ELwhEjJhYe+ZHhOsg+V64bVvtvDhqrxdXwZnqLj86uzYDK7rpWVm3k5MkkGBRDx1UxdNW36KzLposOucccPgF+j19vhfOMdWuNVqZFiuSJpR\/ANS0EVC1Lr8G6kf7Zvvqy90UT\/bO8aiyVl4Bz0DM0t1a0CVZ+e9yqhIsnIC9o1jkbhgdOu4XgcDn0w1ROzf1vnueibhvTf9kwzbti5SEnZEQMdGOhAQ08xw0tywz6xe+gjFw8uemjQQ42eYpZmgI5XNNd9t5q9VSHACqMYLvqzDoIkXKR\/1yGKogN\/39EhOvZ7g8CzqBcMg9iU+Yje0\/QIBX30q\/RJ9ORQMkRbggYQZPyNuIpyS9gQwiq3ne6p8RDC4OPz9ULS5X9bLwdtIz4qPisAC8G\/byPMSm2uwmByOUHRyflnq1QDqPYFiAXPFieKcibdVYK6R\/ZYFq1AAVGYZtIIBACAmRAX7HO2oGKN9eUmoiVJPaKXUModcmce3G0pCihlS2Cw4O7Kerbt\/rwFXY4VYEZkDnqQBs0XrFEI\/bYhUrkFVevYXc5F8voxw5MD7ld5ipWVeKBRJqLCzggvFG7Ntq2ufMhRBpNik2g+txjfk4biFaRtAKZUOjvGvrrtYforAqwKbibGxrk5JvcwXXhOM6raU1izUr3XZzNpK9dWUinxX2qq++JvhNBpXLw9m01JTQKsNrJV1WFDVTPDzatbdpYvSHG7vcAb6+0FQj39Bul6yvg=\" 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>Sunting Graphviz 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\">Graphviz<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNqtVG1v0zAQ\/j5p\/8EKX0BqWV9W0WkwqcsLRdqbmk1oYhNyE7e1ltrBdgdj7L9zThrHzoKYBOmX+u453z3PnS+lS4HzFQp9vl4TkZCvJ3xJE5yhx90dBN\/eHup2u+jjbHIxRfHl9Umoz6WvDP1SHvQnMLtLqUAf0Mmstso8o4xIsCqxIbWd8ZRIkoO993bkXlKZx7V5wZlieE3A7k1Jdk8UlNmZCIqzjsRMdiURdOG5AZL+1AH9QWm+3d1xWJ2dB2FJKq5Z6bJsUv+UuF+bc8K+01SttLniaxcU\/lBEMFA+ZIoqSqRdjlzhXF845z86SKqHrChnQbOMpF4H6T8Jz7iW3nsV9qNRFIK5NvUG43HQ927LO\/2NVBzafVge400OLTJH7wI\/rAlT6ELwhEjJhYe+ZHhOsg+V64bVvtvDhqrxdXwZnqLj86uzYDK7rpWVm3k5MkkGBRDx1UxdNW36KzLposOucccPgF+j19vhfOMdWuNVqZFiuSJpR\/ANS0EVC1Lr8G6kf7Zvvqy90UT\/bO8aiyVl4Bz0DM0t1a0CVZ+e9yqhIsnIC9o1jkbhgdOu4XgcDn0w1ROzf1vnueibhvTf9kwzbti5SEnZEQMdGOhAQ08xw0tywz6xe+gjFw8uemjQQ42eYpZmgI5XNNd9t5q9VSHACqMYLvqzDoIkXKR\/1yGKogN\/39EhOvZ7g8CzqBcMg9iU+Yje0\/QIBX30q\/RJ9ORQMkRbggYQZPyNuIpyS9gQwiq3ne6p8RDC4OPz9ULS5X9bLwdtIz4qPisAC8G\/byPMSm2uwmByOUHRyflnq1QDqPYFiAXPFieKcibdVYK6R\/ZYFq1AAVGYZtIIBACAmRAX7HO2oGKN9eUmoiVJPaKXUModcmce3G0pCihlS2Cw4O7Kerbt\/rwFXY4VYEZkDnqQBs0XrFEI\/bYhUrkFVevYXc5F8voxw5MD7ld5ipWVeKBRJqLCzggvFG7Ntq2ufMhRBpNik2g+txjfk4biFaRtAKZUOjvGvrrtYforAqwKbibGxrk5JvcwXXhOM6raU1izUr3XZzNpK9dWUinxX2qq++JvhNBpXLw9m01JTQKsNrJV1WFDVTPDzatbdpYvSHG7vcAb6+0FQj39Bul6yvg=\" 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>Sunting Graphviz 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\">Graphviz<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNqtVN9v2jAQfq\/U\/8HKXjYJWghFo+paKYWkQ2UtIt3DVKHJJAYsEjuyk3as6\/8+OyGxHdIf0ua8xOfv8919d74QrxhM1sAd0jhGLEA\/J3SFAxiBp8MDINbxMWi32+DK+eGAq5njyV1xUhDvi41cDJJNiBk4B5OZsvIkwgRxYU1ZhpSd0BBxlAh756hvXlKaB8q8pCQlMEbCbn1F0QNKRZAth2EYtTgkvM0Rw0vLJHD8WxK6dmGeHx7s53RzO3JVTjIoPaV\/cttV5gSRRxyma2kus9XDcUmKU8iBu+EpYgRGejh8DRN54YL+agGebqM8nCWOIhRaLSB\/AhpRKbz1we16fc8VZmXq2IPBqGvNizuHGU+pKPVZsfWzRBSo2lpTFDPKRb3EzwJuoaiHBe4juEDReXVItMP5WU3WS+fO8YE\/9u\/cb0pZni2KhgmiTOb4s+q4stPkyv3IoH0sQDFw2xXqo2xM\/sk601qr1CKEfI3CFqMZCYUmGkSp8LkvP\/1ssVKnniM\/\/TSGbIWJOLQ7VYa7LKe5CGYrqzIFmAURekelBl7fPTUq1RsM3N5QmFSznMyVn2m3qkT3qEOmZS1EJ+4KUSHtCmkL5DWKaAQFknEUYlgH9ypwTweTFWY4NkpcCoDIFseJdAtGMIUvScFQQFn4thSe550OTwwpvMthxx5ZWva3LERs5FexPoEvOLwAoy74A3YagGcjsTF5QCSlbNvAsnNWqUeN6K9xEgtqA6+X80ppNN5z03S5c6dj37lRzwCFq\/82YE6b2ryfL40AGaOPO0Y1Uuuj0JmMZyLMkXi6KtYKMSbiwcINxyJz0RmrFSTmLAHtC705Z5gEWIhT70wBEcCKVMKvKVliFsP8fpPR4EY16wQGcLPvpNfoZEyWFOQMc2I1zLvXJmEtUcQTSgyEmetb45TFmKQwl6p5oAo75HRjzuo8Clu\/ZgFZhoGf0o0KwJawitLoUygHvsuKmk6dCLPdyzZmXZFT\/R36+STYq0MJq7fGo0gzfaHQhYOmZyvCxhsOzRR1oOnmGqX7s073obWR6lZj4GkM+5WoGpSvh6UqJWHAhyL\/McF1L70mcTUPMM14o7o9s8lfkDa\/vmGwXWZ5OfZy16Dv0uv5LyHE1jA=\" \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 Graphviz in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-graphviz\"><code class=\"language-graphviz\" data-language=\"graphviz\" class=\"language-graphviz\">digraph ECommerce_Logical {\r\n    \/\/ --- GAYA GRAF ---\r\n    graph [\r\n        rankdir = LR\r\n        splines = true\r\n        nodesep = 0.5\r\n        ranksep = 0.8\r\n        fontname = \"Helvetica,Arial,sans-serif\"\r\n        fontsize = 12\r\n    ]\r\n\r\n    \/\/ --- GAYA NODE ---\r\n    node [\r\n        fontname = \"Helvetica,Arial,sans-serif\"\r\n        fontsize = 11\r\n        penwidth = 1.5\r\n    ]\r\n\r\n    \/\/ Entitas Eksternal\r\n    node [shape = box, style = \"filled\", fillcolor = \"#E1F5FE\", color = \"#0288D1\"]\r\n    Customer;\r\n    Supplier;\r\n    \"Pemroses Pembayaran\" [label=\"PemrosesnPembayaran\"];\r\n\r\n    \/\/ --- BATAS SISTEM ---\r\n    subgraph cluster_ECommerce {\r\n        label = \"Sistem E-Commerce (Logis)\";\r\n        style = \"dashed,rounded\";\r\n        color = \"#757575\";\r\n        bgcolor = \"#FAFAFA\";\r\n        margin = 20;\r\n\r\n        \/\/ Proses\r\n        node [shape = circle, style = \"filled\", fillcolor = \"#E8F5E9\", color = \"#388E3C\", width = 1.4]\r\n        P1 [label=\"1.0nProsesnPesanan\"];\r\n        P2 [label=\"2.0nKelolanPersediaan\"];\r\n        P3 [label=\"3.0nKelolanPengiriman\"];\r\n\r\n        \/\/ Penyimpanan Data\r\n        node [shape = record, style = \"filled\", fillcolor = \"#FFF9C4\", color = \"#FBC02D\"]\r\n        OrderDS [label=\"{ &lt;id&gt; D1 | Pesanan }\"];\r\n        InventoryDS [label=\"{ &lt;id&gt; D2 | Persediaan }\"];\r\n        ShipmentDS [label=\"{ &lt;id&gt; D3 | Pengiriman }\"];\r\n    }\r\n\r\n    \/\/ --- GAYA TEPISAN ---\r\n    edge [\r\n        fontname = \"Helvetica,Arial,sans-serif\"\r\n        fontsize = 9\r\n        color = \"#555555\"\r\n        arrowsize = 0.8\r\n    ]\r\n\r\n    \/\/ --- ALIRAN DATA ---\r\n    \r\n    \/\/ Interaksi Pelanggan\r\n    Customer -&gt; P1 [label=\"Rincian Pesanan\"];\r\n    P1 -&gt; Customer [label=\"Konfirmasi Pesanan\"];\r\n    \r\n    Customer -&gt; P3 [label=\"Lacak Pesanan\"];\r\n    P3 -&gt; Customer [label=\"Info Lacak\"];\r\n\r\n    \/\/ Pemroses Pembayaran\r\n    \"Pemroses Pembayaran\" -&gt; P1 [label=\"Respons Pembayaran\"];\r\n    P1 -&gt; \"Pemroses Pembayaran\" [label=\"Permintaan Pembayaran\"];\r\n\r\n    \/\/ Pemasok\r\n    Supplier -&gt; P2 [label=\"Perbarui Stok\"];\r\n    P2 -&gt; Supplier [label=\"Permintaan Pesan Ulang\"];\r\n\r\n    \/\/ Aliran Data Proses\r\n    P1 -&gt; OrderDS [label=\"Simpan Pesanan\"];\r\n    OrderDS -&gt; P1 [label=\"Riwayat Pesanan\"];\r\n    \r\n    P1 -&gt; InventoryDS [label=\"Periksa Stok\"];\r\n    InventoryDS -&gt; P1 [label=\"Ketersediaan\"];\r\n    \r\n    P1 -&gt; P3 [label=\"Rincian Pengiriman\"];\r\n    \r\n    P2 -&gt; InventoryDS [label=\"Perbarui Stok\"];\r\n    InventoryDS -&gt; P2 [label=\"Stok Saat Ini\"];\r\n    \r\n    P3 -&gt; OrderDS [label=\"Perbarui Status\"];\r\n    OrderDS -&gt; P3 [label=\"Info Pesanan\"];\r\n    \r\n    P3 -&gt; ShipmentDS [label=\"Buat Pengiriman\"];\r\n    ShipmentDS -&gt; P3 [label=\"Rincian Pengiriman\"];\r\n}\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNqtVN9v2jAQfq\/U\/8HKXjYJWghFo+paKYWkQ2UtIt3DVKHJJAYsEjuyk3as6\/8+OyGxHdIf0ua8xOfv8919d74QrxhM1sAd0jhGLEA\/J3SFAxiBp8MDINbxMWi32+DK+eGAq5njyV1xUhDvi41cDJJNiBk4B5OZsvIkwgRxYU1ZhpSd0BBxlAh756hvXlKaB8q8pCQlMEbCbn1F0QNKRZAth2EYtTgkvM0Rw0vLJHD8WxK6dmGeHx7s53RzO3JVTjIoPaV\/cttV5gSRRxyma2kus9XDcUmKU8iBu+EpYgRGejh8DRN54YL+agGebqM8nCWOIhRaLSB\/AhpRKbz1we16fc8VZmXq2IPBqGvNizuHGU+pKPVZsfWzRBSo2lpTFDPKRb3EzwJuoaiHBe4juEDReXVItMP5WU3WS+fO8YE\/9u\/cb0pZni2KhgmiTOb4s+q4stPkyv3IoH0sQDFw2xXqo2xM\/sk601qr1CKEfI3CFqMZCYUmGkSp8LkvP\/1ssVKnniM\/\/TSGbIWJOLQ7VYa7LKe5CGYrqzIFmAURekelBl7fPTUq1RsM3N5QmFSznMyVn2m3qkT3qEOmZS1EJ+4KUSHtCmkL5DWKaAQFknEUYlgH9ypwTweTFWY4NkpcCoDIFseJdAtGMIUvScFQQFn4thSe550OTwwpvMthxx5ZWva3LERs5FexPoEvOLwAoy74A3YagGcjsTF5QCSlbNvAsnNWqUeN6K9xEgtqA6+X80ppNN5z03S5c6dj37lRzwCFq\/82YE6b2ryfL40AGaOPO0Y1Uuuj0JmMZyLMkXi6KtYKMSbiwcINxyJz0RmrFSTmLAHtC705Z5gEWIhT70wBEcCKVMKvKVliFsP8fpPR4EY16wQGcLPvpNfoZEyWFOQMc2I1zLvXJmEtUcQTSgyEmetb45TFmKQwl6p5oAo75HRjzuo8Clu\/ZgFZhoGf0o0KwJawitLoUygHvsuKmk6dCLPdyzZmXZFT\/R36+STYq0MJq7fGo0gzfaHQhYOmZyvCxhsOzRR1oOnmGqX7s073obWR6lZj4GkM+5WoGpSvh6UqJWHAhyL\/McF1L70mcTUPMM14o7o9s8lfkDa\/vmGwXWZ5OfZy16Dv0uv5LyHE1jA=\" \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 Graphviz 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\/#graphviz:eNqtVG1v0zAQ\/j5p\/8EKX0BqWV9W0WkwqcsLRdqbmk1oYhNyE7e1ltrBdgdj7L9zThrHzoKYBOmX+u453z3PnS+lS4HzFQp9vl4TkZCvJ3xJE5yhx90dBN\/eHup2u+jjbHIxRfHl9Umoz6WvDP1SHvQnMLtLqUAf0Mmstso8o4xIsCqxIbWd8ZRIkoO993bkXlKZx7V5wZlieE3A7k1Jdk8UlNmZCIqzjsRMdiURdOG5AZL+1AH9QWm+3d1xWJ2dB2FJKq5Z6bJsUv+UuF+bc8K+01SttLniaxcU\/lBEMFA+ZIoqSqRdjlzhXF845z86SKqHrChnQbOMpF4H6T8Jz7iW3nsV9qNRFIK5NvUG43HQ927LO\/2NVBzafVge400OLTJH7wI\/rAlT6ELwhEjJhYe+ZHhOsg+V64bVvtvDhqrxdXwZnqLj86uzYDK7rpWVm3k5MkkGBRDx1UxdNW36KzLposOucccPgF+j19vhfOMdWuNVqZFiuSJpR\/ANS0EVC1Lr8G6kf7Zvvqy90UT\/bO8aiyVl4Bz0DM0t1a0CVZ+e9yqhIsnIC9o1jkbhgdOu4XgcDn0w1ROzf1vnueibhvTf9kwzbti5SEnZEQMdGOhAQ08xw0tywz6xe+gjFw8uemjQQ42eYpZmgI5XNNd9t5q9VSHACqMYLvqzDoIkXKR\/1yGKogN\/39EhOvZ7g8CzqBcMg9iU+Yje0\/QIBX30q\/RJ9ORQMkRbggYQZPyNuIpyS9gQwiq3ne6p8RDC4OPz9ULS5X9bLwdtIz4qPisAC8G\/byPMSm2uwmByOUHRyflnq1QDqPYFiAXPFieKcibdVYK6R\/ZYFq1AAVGYZtIIBACAmRAX7HO2oGKN9eUmoiVJPaKXUModcmce3G0pCihlS2Cw4O7Kerbt\/rwFXY4VYEZkDnqQBs0XrFEI\/bYhUrkFVevYXc5F8voxw5MD7ld5ipWVeKBRJqLCzggvFG7Ntq2ufMhRBpNik2g+txjfk4biFaRtAKZUOjvGvrrtYforAqwKbibGxrk5JvcwXXhOM6raU1izUr3XZzNpK9dWUinxX2qq++JvhNBpXLw9m01JTQKsNrJV1WFDVTPDzatbdpYvSHG7vcAb6+0FQj39Bul6yvg=\" 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>Sunting Graphviz 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\/#graphviz:eNqtVG1v0zAQ\/j5p\/8EKX0BqWV9W0WkwqcsLRdqbmk1oYhNyE7e1ltrBdgdj7L9zThrHzoKYBOmX+u453z3PnS+lS4HzFQp9vl4TkZCvJ3xJE5yhx90dBN\/eHup2u+jjbHIxRfHl9Umoz6WvDP1SHvQnMLtLqUAf0Mmstso8o4xIsCqxIbWd8ZRIkoO993bkXlKZx7V5wZlieE3A7k1Jdk8UlNmZCIqzjsRMdiURdOG5AZL+1AH9QWm+3d1xWJ2dB2FJKq5Z6bJsUv+UuF+bc8K+01SttLniaxcU\/lBEMFA+ZIoqSqRdjlzhXF845z86SKqHrChnQbOMpF4H6T8Jz7iW3nsV9qNRFIK5NvUG43HQ927LO\/2NVBzafVge400OLTJH7wI\/rAlT6ELwhEjJhYe+ZHhOsg+V64bVvtvDhqrxdXwZnqLj86uzYDK7rpWVm3k5MkkGBRDx1UxdNW36KzLposOucccPgF+j19vhfOMdWuNVqZFiuSJpR\/ANS0EVC1Lr8G6kf7Zvvqy90UT\/bO8aiyVl4Bz0DM0t1a0CVZ+e9yqhIsnIC9o1jkbhgdOu4XgcDn0w1ROzf1vnueibhvTf9kwzbti5SEnZEQMdGOhAQ08xw0tywz6xe+gjFw8uemjQQ42eYpZmgI5XNNd9t5q9VSHACqMYLvqzDoIkXKR\/1yGKogN\/39EhOvZ7g8CzqBcMg9iU+Yje0\/QIBX30q\/RJ9ORQMkRbggYQZPyNuIpyS9gQwiq3ne6p8RDC4OPz9ULS5X9bLwdtIz4qPisAC8G\/byPMSm2uwmByOUHRyflnq1QDqPYFiAXPFieKcibdVYK6R\/ZYFq1AAVGYZtIIBACAmRAX7HO2oGKN9eUmoiVJPaKXUModcmce3G0pCihlS2Cw4O7Kerbt\/rwFXY4VYEZkDnqQBs0XrFEI\/bYhUrkFVevYXc5F8voxw5MD7ld5ipWVeKBRJqLCzggvFG7Ntq2ufMhRBpNik2g+txjfk4biFaRtAKZUOjvGvrrtYforAqwKbibGxrk5JvcwXXhOM6raU1izUr3XZzNpK9dWUinxX2qq++JvhNBpXLw9m01JTQKsNrJV1WFDVTPDzatbdpYvSHG7vcAb6+0FQj39Bul6yvg=\" 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>Sunting Graphviz di VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<hr\/>\n<h2>6. Praktik Terbaik<\/h2>\n<h3>Untuk DFD Logis<\/h3>\n<ol>\n<li><strong>Fokus pada proses bisnis<\/strong>, bukan teknologi<\/li>\n<li><strong>Gunakan terminologi bisnis<\/strong>yang dipahami pemangku kepentingan<\/li>\n<li><strong>Pertahankan proses pada tingkat abstraksi yang konsisten<\/strong><\/li>\n<li><strong>Validasi dengan pengguna bisnis<\/strong>untuk akurasi<\/li>\n<li><strong>Tampilkan semua aliran data utama<\/strong>\u00a0antara komponen<\/li>\n<\/ol>\n<h3>Untuk DFD Fisik<\/h3>\n<ol>\n<li><strong>Sertakan detail yang spesifik terhadap teknologi<\/strong><\/li>\n<li><strong>Pertimbangkan kinerja dan skalabilitas<\/strong><\/li>\n<li><strong>Dokumentasikan antarmuka sistem<\/strong>\u00a0jelas<\/li>\n<li><strong>Sertakan penanganan kesalahan<\/strong>\u00a0dan proses pemulihan<\/li>\n<li><strong>Selaraskan dengan arsitektur sistem yang sebenarnya<\/strong><\/li>\n<\/ol>\n<h3>Praktik Terbaik Umum<\/h3>\n<ol>\n<li><strong>Mulai dengan diagram konteks<\/strong><\/li>\n<li><strong>Berilah nomor pada proses secara hierarkis<\/strong><\/li>\n<li><strong>Gunakan nama yang bermakna<\/strong>\u00a0untuk semua komponen<\/li>\n<li><strong>Hindari persilangan aliran data<\/strong><\/li>\n<li><strong>Validasi secara teratur dengan pemangku kepentingan<\/strong><\/li>\n<\/ol>\n<hr\/>\n<h2>7. Kesalahan Umum<\/h2>\n<p id=\"reikZmW\"><img alt=\"7 Kesalahan Umum DFD\" class=\"alignnone wp-image-19321 size-full\" decoding=\"async\" height=\"559\" loading=\"lazy\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/07\/img_6a4dc87f32d08.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/07\/img_6a4dc87f32d08.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/07\/img_6a4dc87f32d08-300x164.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/07\/img_6a4dc87f32d08-768x419.png 768w\" width=\"1024\"\/><\/p>\n<h3>Kesalahan 1: Menggabungkan Logis dan Fisik<\/h3>\n<p>\u274c\u00a0<strong>Salah:<\/strong>Menambahkan nama teknologi basis data dalam DFD logis<br \/>\n\u2705\u00a0<strong>Benar:<\/strong>Jaga DFD logis agar tidak tergantung pada teknologi<\/p>\n<h3>Kesalahan 2: Aliran Data yang Hilang<\/h3>\n<p>\u274c\u00a0<strong>Salah:<\/strong>Menampilkan hanya satu arah antara entitas<br \/>\n\u2705\u00a0<strong>Benar:<\/strong>Sertakan aliran dua arah di tempat yang sesuai<\/p>\n<h3>Kesalahan 3: Terlalu Rumit<\/h3>\n<p>\u274c\u00a0<strong>Salah:<\/strong>Menempatkan 20+ proses dalam satu diagram<br \/>\n\u2705\u00a0<strong>Benar:<\/strong>Dekomposisi menjadi beberapa diagram yang fokus<\/p>\n<h3>Kesalahan 4: Penandaan Aliran Data yang Salah<\/h3>\n<p>\u274c\u00a0<strong>Salah:<\/strong>\u00a0\u201cData\u201d sebagai label<br \/>\n\u2705\u00a0<strong>Benar:<\/strong>\u00a0Label deskriptif seperti \u201cRincian Pesanan Pelanggan\u201d<\/p>\n<h3>Kesalahan 5: Batas Proses yang Salah<\/h3>\n<p>\u274c\u00a0<strong>Salah:<\/strong>\u00a0Satu proses yang melakukan beberapa fungsi yang tidak terkait<br \/>\n\u2705\u00a0<strong>Benar:<\/strong>\u00a0Proses terpisah untuk fungsi-fungsi yang berbeda<\/p>\n<hr\/>\n<h2>Kesimpulan<\/h2>\n<p>Diagram Alir Data adalah alat penting untuk analisis dan desain sistem. Memahami perbedaan antara DFD logis dan fisik membantu Anda berkomunikasi secara efektif dengan berbagai pemangku kepentingan pada tahap-tahap berbeda dalam siklus pengembangan perangkat lunak.<\/p>\n<ul>\n<li><strong>DFD Logis<\/strong>\u00a0menjembatani kebutuhan bisnis dan solusi teknis<\/li>\n<li><strong>DFD Fisik<\/strong>\u00a0membimbing keputusan implementasi dan penyebaran<\/li>\n<\/ul>\n<p>Gunakan contoh yang disediakan sebagai templat untuk DFD Anda sendiri, menyesuaikannya dengan kebutuhan sistem spesifik Anda sambil mengikuti praktik terbaik yang dijelaskan di atas.<\/p>\n<hr\/>\n<h2>Sumber Tambahan<\/h2>\n<ol>\n<li><a href=\"https:\/\/guides.visual-paradigm.com\/ai-gane-and-sarson-dfd-generator-by-visual-paradigm\/#content\"><strong>Pembuat DFD Gane dan Sarson AI oleh Visual Paradigm<\/strong><\/a>: Menjelaskan bagaimana alat AI Visual Paradigm dapat menghasilkan DFD Gane-Sarson dari deskripsi teks.<\/li>\n<li><a href=\"https:\/\/guides.visual-paradigm.com\/cn\/a-step-by-step-guide-to-creating-data-flow-diagrams-with-visual-paradigm\/\"><strong>Panduan Langkah demi Langkah untuk Membuat Diagram Alir Data dengan Visual Paradigm<\/strong><\/a>: Menyediakan tutorial untuk membuat DFD dengan alat online Visual Paradigm, mulai dari pendaftaran hingga berbagi.<\/li>\n<li><a href=\"https:\/\/www.visual-paradigm.com\/guide\/data-flow-diagram\/how-to-create-data-flow-diagram\"><strong>Bagaimana Cara Membuat Diagram Alir Data (DFD)?<\/strong><\/a>: Panduan yang mencakup apa itu DFD, tujuannya, dan jenis-jenis utamanya (Fisik dan Logis).<\/li>\n<li><a href=\"https:\/\/blog.visual-paradigm.com\/fa\/beginners-guide-to-ssadm-dfd-diagrams-with-visual-paradigm-online\/\"><strong>Panduan Pemula untuk Diagram DFD SSADM dengan Visual Paradigm Online<\/strong><\/a>: Panduan pengantar untuk membuat diagram alir data bergaya SSADM menggunakan Visual Paradigm Online.<\/li>\n<li><a href=\"https:\/\/guides.visual-paradigm.com\/tw\/comprehensive-guide-to-data-flow-diagrams-dfd-demystifying-information-flow\/#content\"><strong>Panduan Komprehensif untuk Diagram Alir Data (DFD): Mengungkap Aliran Informasi<\/strong><\/a>: Gambaran umum tentang DFD, menjelaskan elemen-elemennya dan mengapa Visual Paradigm adalah alat yang tepat untuk membuatnya.<\/li>\n<li><a href=\"https:\/\/guides.visual-paradigm.com\/cn\/mastering-data-flow-diagrams-with-visual-paradigm-a-step-by-step-guide\/#content\"><strong>Menguasai Diagram Alir Data dengan Visual Paradigm: Panduan Langkah demi Langkah<\/strong><\/a>: Panduan praktis yang menggunakan contoh dan templat untuk mengajarkan pembuatan DFD, menampilkan studi kasus seperti sistem belanja online.<\/li>\n<li><a href=\"https:\/\/guides.visual-paradigm.com\/tw\/understanding-logical-dfd-vs-physical-dfd-when-and-why-we-need-them\/#respond\"><strong>Memahami DFD Logis vs. DFD Fisik: Kapan dan Mengapa Kita Membutuhkannya<\/strong><\/a>: Menjelaskan perbedaan, tujuan, dan kasus penggunaan yang tepat untuk diagram alir data logis dan fisik.<\/li>\n<li><a href=\"https:\/\/blog.visual-paradigm.com\/fa\/beginners-guide-to-data-flow-diagrams-dfd-with-visual-paradigm-online\/#chgwngy_ayjad_yk_dyagram_jryan_dadh_ba_Visual_Paradigm_Online\"><strong>Panduan Pemula untuk Diagram Alir Data (DFD) dengan Visual Paradigm Online<\/strong><\/a>: Tutorial ramah pemula yang menjelaskan langkah-langkah membuat DFD dengan Visual Paradigm Online.<\/li>\n<li><a href=\"https:\/\/guides.visual-paradigm.com\/category\/dfd\/\"><strong>Arsip DFD \u2013 Panduan Visual Paradigm<\/strong><\/a>: Kumpulan artikel tentang topik DFD termasuk pembuat AI, validasi, penyeimbangan, dan tingkatan.<\/li>\n<li><a href=\"https:\/\/blog.visual-paradigm.com\/cn\/beginners-guide-to-data-flow-diagrams-dfd-with-visual-paradigm-online\/#bu_zhou_6_bao_cun_yu_xiang\"><strong>Panduan Memulai untuk Diagram Alir Data (DFD) dengan Visual Paradigm Online<\/strong><\/a>: Menjelaskan proses langkah demi langkah pembuatan DFD, termasuk komponen utamanya dan cara menggunakan templat.<\/li>\n<li><a href=\"https:\/\/www.visual-paradigm.com\/guide\/data-flow-diagram\/what-is-data-flow-diagram\/#dfd\"><strong>Gambar DFD dengan alat DFD terbaik<\/strong><\/a>: Membahas representasi grafis aliran data, menjelaskan perbedaan DFD logis dan fisik, serta mengeksplorasi manfaat masing-masing jenis.<\/li>\n<li>\n<p class=\"\"><a href=\"https:\/\/blog.visual-paradigm.com\/id\/beginners-guide-to-data-flow-diagrams-dfd-with-visual-paradigm-online\/\"><strong>Panduan Pemula untuk Diagram Aliran Data (DFD) dengan Visual Paradigm Online<\/strong><\/a>: Panduan pemula berbahasa Indonesia untuk DFD, yang menjelaskan komponen-komponen dan proses pembuatan langkah demi langkah di Visual Paradigm Online.<\/p>\n<\/li>\n<\/ol>\n<hr\/>\n<p class=\"\"><em>Panduan ini memberikan dasar untuk membuat DFD yang efektif. Ingatlah bahwa diagram yang baik berkembang melalui iterasi dan umpan balik dari pemangku kepentingan.<\/em><em><br \/>\n<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>1. Pengantar Diagram Alir Data Diagram Alir Data (DFD) adalah representasi grafis tentang bagaimana data bergerak melalui suatu sistem informasi.<\/p>\n","protected":false},"author":11,"featured_media":12327,"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":"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/07\/img_6a4dc87f32d08.png","fifu_image_alt":"","_fifu_image_alt":"","fifu_alt":"","_fifu_alt":"","fifu_image_title":"","_fifu_image_title":"","fifu_input_alt":"","vp_image_hash":"","footnotes":""},"categories":[122],"tags":[],"asset-category":[],"class_list":["post-12326","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dfd"],"source_url":"","source_h1_title":"","fifu_image_url":"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/07\/img_6a4dc87f32d08.png","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>Panduan Lengkap tentang DFD: Logis vs Fisik dengan Contoh-contoh Graphviz - 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\/comprehensive-guide-to-dfd-logical-vs-physical-with-graphviz-examples\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Panduan Lengkap tentang DFD: Logis vs Fisik dengan Contoh-contoh Graphviz - Media Maya\" \/>\n<meta property=\"og:description\" content=\"1. Pengantar Diagram Alir Data Diagram Alir Data (DFD) adalah representasi grafis tentang bagaimana data bergerak melalui suatu sistem informasi.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.cybermedian.com\/id\/comprehensive-guide-to-dfd-logical-vs-physical-with-graphviz-examples\/\" \/>\n<meta property=\"og:site_name\" content=\"Media Maya\" \/>\n<meta property=\"article:published_time\" content=\"2026-07-08T03:44:22+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-03T15:27:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/07\/img_6a4dc87f32d08.png\" \/><meta property=\"og:image\" content=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/07\/img_6a4dc87f32d08.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"559\" \/>\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:image\" content=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/07\/img_6a4dc87f32d08.png\" \/>\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=\"7 menit\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.cybermedian.com\/id\/comprehensive-guide-to-dfd-logical-vs-physical-with-graphviz-examples\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.cybermedian.com\/id\/comprehensive-guide-to-dfd-logical-vs-physical-with-graphviz-examples\/\"},\"author\":{\"name\":\"curtis\",\"@id\":\"https:\/\/www.cybermedian.com\/id\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d\"},\"headline\":\"Panduan Lengkap tentang DFD: Logis vs Fisik dengan Contoh-contoh Graphviz\",\"datePublished\":\"2026-07-08T03:44:22+00:00\",\"dateModified\":\"2026-09-03T15:27:12+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.cybermedian.com\/id\/comprehensive-guide-to-dfd-logical-vs-physical-with-graphviz-examples\/\"},\"wordCount\":1018,\"image\":{\"@id\":\"https:\/\/www.cybermedian.com\/id\/comprehensive-guide-to-dfd-logical-vs-physical-with-graphviz-examples\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.cybermedian.com\/id\/wp-content\/uploads\/sites\/17\/2026\/07\/img_6a4dc87f32d08.png\",\"articleSection\":[\"DFD\"],\"inLanguage\":\"id\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.cybermedian.com\/id\/comprehensive-guide-to-dfd-logical-vs-physical-with-graphviz-examples\/\",\"url\":\"https:\/\/www.cybermedian.com\/id\/comprehensive-guide-to-dfd-logical-vs-physical-with-graphviz-examples\/\",\"name\":\"Panduan Lengkap tentang DFD: Logis vs Fisik dengan Contoh-contoh Graphviz - Media Maya\",\"isPartOf\":{\"@id\":\"https:\/\/www.cybermedian.com\/id\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.cybermedian.com\/id\/comprehensive-guide-to-dfd-logical-vs-physical-with-graphviz-examples\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.cybermedian.com\/id\/comprehensive-guide-to-dfd-logical-vs-physical-with-graphviz-examples\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.cybermedian.com\/id\/wp-content\/uploads\/sites\/17\/2026\/07\/img_6a4dc87f32d08.png\",\"datePublished\":\"2026-07-08T03:44:22+00:00\",\"dateModified\":\"2026-09-03T15:27:12+00:00\",\"author\":{\"@id\":\"https:\/\/www.cybermedian.com\/id\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.cybermedian.com\/id\/comprehensive-guide-to-dfd-logical-vs-physical-with-graphviz-examples\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.cybermedian.com\/id\/comprehensive-guide-to-dfd-logical-vs-physical-with-graphviz-examples\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/www.cybermedian.com\/id\/comprehensive-guide-to-dfd-logical-vs-physical-with-graphviz-examples\/#primaryimage\",\"url\":\"https:\/\/www.cybermedian.com\/id\/wp-content\/uploads\/sites\/17\/2026\/07\/img_6a4dc87f32d08.png\",\"contentUrl\":\"https:\/\/www.cybermedian.com\/id\/wp-content\/uploads\/sites\/17\/2026\/07\/img_6a4dc87f32d08.png\",\"width\":1024,\"height\":559},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.cybermedian.com\/id\/comprehensive-guide-to-dfd-logical-vs-physical-with-graphviz-examples\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.cybermedian.com\/id\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Panduan Lengkap tentang DFD: Logis vs Fisik dengan Contoh-contoh Graphviz\"}]},{\"@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":"Panduan Lengkap tentang DFD: Logis vs Fisik dengan Contoh-contoh Graphviz - 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\/comprehensive-guide-to-dfd-logical-vs-physical-with-graphviz-examples\/","og_locale":"id_ID","og_type":"article","og_title":"Panduan Lengkap tentang DFD: Logis vs Fisik dengan Contoh-contoh Graphviz - Media Maya","og_description":"1. Pengantar Diagram Alir Data Diagram Alir Data (DFD) adalah representasi grafis tentang bagaimana data bergerak melalui suatu sistem informasi.","og_url":"https:\/\/www.cybermedian.com\/id\/comprehensive-guide-to-dfd-logical-vs-physical-with-graphviz-examples\/","og_site_name":"Media Maya","article_published_time":"2026-07-08T03:44:22+00:00","article_modified_time":"2026-09-03T15:27:12+00:00","og_image":[{"url":"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/07\/img_6a4dc87f32d08.png","type":"","width":"","height":""},{"width":1024,"height":559,"url":"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/07\/img_6a4dc87f32d08.png","type":"image\/png"}],"author":"curtis","twitter_card":"summary_large_image","twitter_image":"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/07\/img_6a4dc87f32d08.png","twitter_misc":{"Ditulis oleh":"curtis","Estimasi waktu membaca":"7 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.cybermedian.com\/id\/comprehensive-guide-to-dfd-logical-vs-physical-with-graphviz-examples\/#article","isPartOf":{"@id":"https:\/\/www.cybermedian.com\/id\/comprehensive-guide-to-dfd-logical-vs-physical-with-graphviz-examples\/"},"author":{"name":"curtis","@id":"https:\/\/www.cybermedian.com\/id\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d"},"headline":"Panduan Lengkap tentang DFD: Logis vs Fisik dengan Contoh-contoh Graphviz","datePublished":"2026-07-08T03:44:22+00:00","dateModified":"2026-09-03T15:27:12+00:00","mainEntityOfPage":{"@id":"https:\/\/www.cybermedian.com\/id\/comprehensive-guide-to-dfd-logical-vs-physical-with-graphviz-examples\/"},"wordCount":1018,"image":{"@id":"https:\/\/www.cybermedian.com\/id\/comprehensive-guide-to-dfd-logical-vs-physical-with-graphviz-examples\/#primaryimage"},"thumbnailUrl":"https:\/\/www.cybermedian.com\/id\/wp-content\/uploads\/sites\/17\/2026\/07\/img_6a4dc87f32d08.png","articleSection":["DFD"],"inLanguage":"id"},{"@type":"WebPage","@id":"https:\/\/www.cybermedian.com\/id\/comprehensive-guide-to-dfd-logical-vs-physical-with-graphviz-examples\/","url":"https:\/\/www.cybermedian.com\/id\/comprehensive-guide-to-dfd-logical-vs-physical-with-graphviz-examples\/","name":"Panduan Lengkap tentang DFD: Logis vs Fisik dengan Contoh-contoh Graphviz - Media Maya","isPartOf":{"@id":"https:\/\/www.cybermedian.com\/id\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.cybermedian.com\/id\/comprehensive-guide-to-dfd-logical-vs-physical-with-graphviz-examples\/#primaryimage"},"image":{"@id":"https:\/\/www.cybermedian.com\/id\/comprehensive-guide-to-dfd-logical-vs-physical-with-graphviz-examples\/#primaryimage"},"thumbnailUrl":"https:\/\/www.cybermedian.com\/id\/wp-content\/uploads\/sites\/17\/2026\/07\/img_6a4dc87f32d08.png","datePublished":"2026-07-08T03:44:22+00:00","dateModified":"2026-09-03T15:27:12+00:00","author":{"@id":"https:\/\/www.cybermedian.com\/id\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d"},"breadcrumb":{"@id":"https:\/\/www.cybermedian.com\/id\/comprehensive-guide-to-dfd-logical-vs-physical-with-graphviz-examples\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.cybermedian.com\/id\/comprehensive-guide-to-dfd-logical-vs-physical-with-graphviz-examples\/"]}]},{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.cybermedian.com\/id\/comprehensive-guide-to-dfd-logical-vs-physical-with-graphviz-examples\/#primaryimage","url":"https:\/\/www.cybermedian.com\/id\/wp-content\/uploads\/sites\/17\/2026\/07\/img_6a4dc87f32d08.png","contentUrl":"https:\/\/www.cybermedian.com\/id\/wp-content\/uploads\/sites\/17\/2026\/07\/img_6a4dc87f32d08.png","width":1024,"height":559},{"@type":"BreadcrumbList","@id":"https:\/\/www.cybermedian.com\/id\/comprehensive-guide-to-dfd-logical-vs-physical-with-graphviz-examples\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.cybermedian.com\/id\/"},{"@type":"ListItem","position":2,"name":"Panduan Lengkap tentang DFD: Logis vs Fisik dengan Contoh-contoh Graphviz"}]},{"@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\/12326","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=12326"}],"version-history":[{"count":0,"href":"https:\/\/www.cybermedian.com\/id\/wp-json\/wp\/v2\/posts\/12326\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.cybermedian.com\/id\/wp-json\/wp\/v2\/media\/12327"}],"wp:attachment":[{"href":"https:\/\/www.cybermedian.com\/id\/wp-json\/wp\/v2\/media?parent=12326"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.cybermedian.com\/id\/wp-json\/wp\/v2\/categories?post=12326"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.cybermedian.com\/id\/wp-json\/wp\/v2\/tags?post=12326"},{"taxonomy":"asset-category","embeddable":true,"href":"https:\/\/www.cybermedian.com\/id\/wp-json\/wp\/v2\/asset-category?post=12326"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}