{"id":12324,"date":"2026-08-03T13:44:53","date_gmt":"2026-08-03T05:44:53","guid":{"rendered":"https:\/\/www.cybermedian.com\/pl\/the-dfd-top-down-decomposition-guide\/"},"modified":"2026-09-03T22:38:48","modified_gmt":"2026-09-03T14:38:48","slug":"the-dfd-top-down-decomposition-guide","status":"publish","type":"post","link":"https:\/\/www.cybermedian.com\/pl\/the-dfd-top-down-decomposition-guide\/","title":{"rendered":"\ud83d\udcd8 Kompletny przewodnik po dekompozycji top-down diagram\u00f3w przep\u0142ywu danych"},"content":{"rendered":"<h2>1. Wprowadzenie do diagram\u00f3w przep\u0142ywu danych (DFD)<\/h2>\n<p>Diagram przep\u0142ywu danych<strong><a href=\"https:\/\/www.visual-paradigm.com\/guide\/data-flow-diagram\/what-is-data-flow-diagram\/\">Diagram przep\u0142ywu danych<\/a> (DFD)<\/strong> jest graficzn\u0105 reprezentacj\u0105 tego, jak dane<em>przep\u0142ywaj\u0105<\/em> przez system \u2014 pokazuj\u0105c, sk\u0105d pochodz\u0105 dane, jak s\u0105 przekszta\u0142cane, gdzie s\u0105 przechowywane i gdzie ostatecznie trafiaj\u0105. W przeciwie\u0144stwie do schemat\u00f3w blokowych (kt\u00f3re koncentruj\u0105 si\u0119 na<em>przep\u0142ywie sterowania<\/em> i kolejno\u015bci), <a href=\"https:\/\/www.visual-paradigm.com\/tutorials\/data-flow-diagram-dfd.jsp\">DFD<\/a> podkre\u015blaj\u0105<strong>przemieszczanie si\u0119 i przekszta\u0142canie danych<\/strong> bez martwienia si\u0119 o czas lub kolejno\u015b\u0107 wykonywania.<\/p>\n<p id=\"FBtEmEy\"><img alt=\"Czatbot AI Visual Paradigm: Zrozumienie DFD do dekompozycji top-down z wykorzystaniem AI\" class=\"alignnone wp-image-19603 size-full\" decoding=\"async\" height=\"572\" loading=\"lazy\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a702ce3b5a40.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a702ce3b5a40.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a702ce3b5a40-300x168.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a702ce3b5a40-768x429.png 768w\" width=\"1024\"\/><\/p>\n<h3>Dlaczego stosowa\u0107 <a href=\"https:\/\/www.visual-paradigm.com\/cn\/solution\/drawdfd\/\">DFD-y<\/a>?<\/h3>\n<ul>\n<li><strong>Analizuj<\/strong>\u00a0istniej\u0105cy system lub\u00a0<strong>projektuj<\/strong>\u00a0nowy<\/li>\n<li>Wczesne identyfikowanie danych wej\u015bciowych, wyj\u015bciowych i magazyn\u00f3w<\/li>\n<li>Komunikuj granice systemu i wymagania dotycz\u0105ce danych do interesariuszy<\/li>\n<li>Rozk\u0142adaj z\u0142o\u017cono\u015b\u0107 z perspektywy og\u00f3lnego widoku a\u017c do szczeg\u00f3\u0142\u00f3w implementacji<\/li>\n<\/ul>\n<hr\/>\n<h2>2. Cztery podstawowe komponenty DFD<\/h2>\n<p>Ka\u017cdy DFD, na dowolnym poziomie, jest zbudowany zaledwie z\u00a0<strong>czterech<\/strong>\u00a0podstawowych element\u00f3w (notacja Gane-Sarsona):<\/p>\n<table>\n<thead>\n<tr>\n<th>Komponent<\/th>\n<th>Notacja<\/th>\n<th>Rola<\/th>\n<th>Przyk\u0142ad<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td><strong>Podmiot zewn\u0119trzny<\/strong><\/td>\n<td>Prostok\u0105t<\/td>\n<td>\u0179r\u00f3d\u0142o lub miejsce przeznaczenia danych<em>poza<\/em>granicami systemu<\/td>\n<td>Klient, bramka p\u0142atno\u015bci<\/td>\n<\/tr>\n<tr>\n<td><strong>Proces<\/strong><\/td>\n<td>Ko\u0142o<\/td>\n<td>Przekszta\u0142ca dane przychodz\u0105ce w dane wychodz\u0105ce<\/td>\n<td>\u201eZ\u0142\u00f3\u017c zam\u00f3wienie\u201d, \u201eAutoryzuj p\u0142atno\u015b\u0107\u201d<\/td>\n<\/tr>\n<tr>\n<td><strong>Magazyn danych<\/strong><\/td>\n<td>Zapisz \/ otwarty prostok\u0105t<\/td>\n<td>Miejsce, w kt\u00f3rym dane s\u0105 przechowywane do p\u00f3\u017aniejszego u\u017cycia<\/td>\n<td>Zam\u00f3wienia, Stan magazynu produkt\u00f3w<\/td>\n<\/tr>\n<tr>\n<td><strong>Przep\u0142yw danych<\/strong><\/td>\n<td>Strza\u0142ka (z etykiet\u0105)<\/td>\n<td>Przemieszczanie si\u0119 danych mi\u0119dzy powy\u017cszymi elementami<\/td>\n<td>\u201eSzczeg\u00f3\u0142y zam\u00f3wienia\u201d, \u201eStatus p\u0142atno\u015bci\u201d<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<blockquote>\n<p>\ud83d\udca1\u00a0<strong>Kluczowa zasada:<\/strong>Proces<em>musi<\/em>mie\u0107 zar\u00f3wno przep\u0142ywy wej\u015bciowe, jak i wyj\u015bciowe. Proces posiadaj\u0105cy tylko przep\u0142ywy wej\u015bciowe lub tylko wyj\u015bciowe jest b\u0142\u0119dem modelowania \u2014 ka\u017cda transformacja generuje wynik.<\/p>\n<\/blockquote>\n<hr\/>\n<h2>3. <a href=\"https:\/\/guides.visual-paradigm.com\/understanding-data-flow-diagram-dfd-levels-and-levelling-criteria\/\">Poziomy DFD<\/a>\u2014 Piramida od g\u00f3ry do do\u0142u<\/h2>\n<p>Moc dekompozycji od g\u00f3ry do do\u0142u polega na tym, \u017ce zaczynasz<strong>od poziomu abstrakcyjnego<\/strong> i dodaj <strong>szczeg\u00f3\u0142y<\/strong> iteracyjnie. Ka\u017cdy poziom ma standardow\u0105 konwencj\u0119 numeracji:<\/p>\n<table>\n<thead>\n<tr>\n<th>Poziom<\/th>\n<th>Nazwa<\/th>\n<th>Zawarto\u015b\u0107<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td><strong>Poziom 0<\/strong><\/td>\n<td>Diagram kontekstowy<\/td>\n<td>Jeden proces (ca\u0142y system), wszystkie podmioty zewn\u0119trzne i ich przep\u0142ywy \u2014 brak magazyn\u00f3w danych, brak szczeg\u00f3\u0142\u00f3w wewn\u0119trznych<\/td>\n<\/tr>\n<tr>\n<td><strong>Poziom 1<\/strong><\/td>\n<td>Diagram przep\u0142ywu danych systemu<\/td>\n<td>System roz\u0142o\u017cony na g\u0142\u00f3wne procesy (1.0, 2.0, 3.0\u2026), wewn\u0119trzne magazyny danych i przep\u0142ywy<\/td>\n<\/tr>\n<tr>\n<td><strong>Poziom 2<\/strong><\/td>\n<td>Poddiagram<\/td>\n<td>Jeden proces poziomu 1 roz\u0142o\u017cony na drobniejsze procesy (2.1, 2.2, 2.3\u2026)<\/td>\n<\/tr>\n<tr>\n<td><strong>Poziom 3<\/strong><\/td>\n<td>Pod-diagram podrz\u0119dny<\/td>\n<td>Pojedynczy proces poziomu 2 roz\u0142o\u017cony dalej (2.2.1, 2.2.2, 2.2.3\u2026)<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>Numeracja dok\u0142adnie wskazuje, gdzie znajdujesz si\u0119 w hierarchii \u2014 <code data-backticks=\"1\">2.2.4<\/code> nale\u017cy do <code data-backticks=\"1\">2.2<\/code>, kt\u00f3ry nale\u017cy do <code data-backticks=\"1\">2.0<\/code>. Ta struktura drzewowa sprawia, \u017ce du\u017ce systemy s\u0105 \u0142atwe do nawigacji.<\/p>\n<hr\/>\n<h2>4. Styl firmowy (Legenda kolor\u00f3w)<\/h2>\n<p>Ka\u017cdy diagram w tym przewodniku pod\u0105\u017ca za jedn\u0105 sp\u00f3jn\u0105 konwencj\u0105 wizualn\u0105. W Graphviz przepis brzmi: <strong>najpierw styl, potem deklaracja, potem po\u0142\u0105czenie.<\/strong><\/p>\n<table>\n<thead>\n<tr>\n<th>Element<\/th>\n<th>Kszta\u0142t<\/th>\n<th>Wype\u0142nienie<\/th>\n<th>Obrys<\/th>\n<th>Cel<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Podmiot zewn\u0119trzny<\/td>\n<td><code data-backticks=\"1\">prostok\u0105t<\/code><\/td>\n<td><code data-backticks=\"1\">#E1F5FE<\/code><\/td>\n<td><code data-backticks=\"1\">#0288D1<\/code><\/td>\n<td>Kto jest na zewn\u0105trz<\/td>\n<\/tr>\n<tr>\n<td>Proces<\/td>\n<td><code data-backticks=\"1\">ko\u0142o<\/code><\/td>\n<td><code data-backticks=\"1\">#E8F5E9<\/code><\/td>\n<td><code data-backticks=\"1\">#388E3C<\/code><\/td>\n<td>Co przekszta\u0142ca dane<\/td>\n<\/tr>\n<tr>\n<td>Magazyn danych<\/td>\n<td><code data-backticks=\"1\">rekord<\/code><\/td>\n<td><code data-backticks=\"1\">#FFF9C4<\/code><\/td>\n<td><code data-backticks=\"1\">#FBC02D<\/code><\/td>\n<td>Gdzie spoczywaj\u0105 dane<\/td>\n<\/tr>\n<tr>\n<td>Proces rodzic (ref)<\/td>\n<td><code data-backticks=\"1\">ko\u0142o<\/code><\/td>\n<td><code data-backticks=\"1\">#FCE4EC<\/code><\/td>\n<td><code data-backticks=\"1\">#C2185B<\/code><\/td>\n<td>Kontekst poza obecnym poziomem<\/td>\n<\/tr>\n<tr>\n<td>Granica systemu<\/td>\n<td><code data-backticks=\"1\">przerywana, zaokr\u0105glona<\/code> klastr<\/td>\n<td><code data-backticks=\"1\">#FAFAFA<\/code>\u00a0\/\u00a0<code data-backticks=\"1\">#757575<\/code><\/td>\n<td>Szary<\/td>\n<td>Otoczenie bie\u017c\u0105cego diagramu<\/td>\n<\/tr>\n<tr>\n<td>Przep\u0142yw danych<\/td>\n<td><code data-backticks=\"1\">strza\u0142ka<\/code><\/td>\n<td>\u2014<\/td>\n<td><code data-backticks=\"1\">#555555<\/code><\/td>\n<td>Przemieszczanie danych<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3>\u26a0\ufe0f Wa\u017cne \u2014 szablon styl\u00f3w NIE jest diagramem<\/h3>\n<p>Plik Graphviz, kt\u00f3ry definiuje tylko style w\u0119z\u0142\u00f3w\/kraw\u0119dzi, ale <strong>nigdy nie deklaruje \u017cadnych w\u0119z\u0142\u00f3w ani kraw\u0119dzi<\/strong> zostanie wyrenderowany jako <strong>puste p\u0142\u00f3tno<\/strong>. DFD potrzebuje trzech sk\u0142adnik\u00f3w, aby:<\/p>\n<ol>\n<li><strong>Sformatuj wykres<\/strong>\u00a0\u2014\u00a0<code data-backticks=\"1\">graph [...]<\/code>,\u00a0<code data-backticks=\"1\">w\u0119ze\u0142 [...]<\/code>,\u00a0<code data-backticks=\"1\">kraw\u0119d\u017a [...]<\/code>\u00a0atrybuty.<\/li>\n<li><strong>Zadeklaruj elementy<\/strong>\u00a0\u2014 podmioty zewn\u0119trzne (pude\u0142ka), procesy (ko\u0142a), magazyny danych (rekordy), owini\u0119te przerywan\u0105&#8230;<code data-backticks=\"1\">klaster<\/code>\u00a0granic\u0105.<\/li>\n<li><strong>Narysuj przep\u0142ywy<\/strong>\u00a0\u2014 jawne&#8230;<code data-backticks=\"1\">A -&gt; B [label=\"...\"]<\/code>\u00a0kraw\u0119dzie, u\u017cywaj\u0105c&#8230;<code data-backticks=\"1\">dir=both<\/code>\u00a0do wymiany dwukierunkowej.<\/li>\n<\/ol>\n<p>Por\u00f3wnaj te dwa \u2014 <strong>oba<\/strong>  poprawnie si\u0119 waliduj\u0105, ale tylko drugi generuje obrazek:<\/p>\n<p><strong>\u274c Tylko style (nic si\u0119 nie renderuje):<\/strong><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">DOT<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNpLyUwvSizIUHBxc1Go5uVSAAKIQHRRYl52SmaRgq2CT1AsRCYvPyVVIbo4I7EgFSiclF+ho1BcUpkD4iilZebkpKYo6SiAGMn5OfkgnUrKroZupm6uSlADUlPSgQYgZE3BAKgpsagov7w4swpklIGeBVB5LQC3cCwa\" 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>Edytuj DOT w 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\">DOT<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNpLyUwvSizIUHBxc1Go5uVSAAKIQHRRYl52SmaRgq2CT1AsRCYvPyVVIbo4I7EgFSiclF+ho1BcUpkD4iilZebkpKYo6SiAGMn5OfkgnUrKroZupm6uSlADUlPSgQYgZE3BAKgpsagov7w4swpklIGeBVB5LQC3cCwa\" 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>Edytuj DOT w 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\">DOT<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNpLyUwvSizIUHBxc1Go5uVSAAKIQHRRYl52SmaRgq2CT1AsRCYvPyVVIbo4I7EgFSiclF+ho1BcUpkD4iilZebkpKYo6SiAGMn5OfkgnUrKroZupm6uSlADUlPSgQYgZE3BAKgpsagov7w4swpklIGeBVB5LQC3cCwa\" \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 DOT in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-dot\"><code class=\"language-dot\" data-language=\"dot\" class=\"language-dot\">digraph DFD {\r\n    graph [rankdir = LR]\r\n    node [shape = box, style = \"filled\", fillcolor = \"#E1F5FE\"]\r\n    edge [color = \"#555555\", arrowsize = 0.8]\r\n}\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNpLyUwvSizIUHBxc1Go5uVSAAKIQHRRYl52SmaRgq2CT1AsRCYvPyVVIbo4I7EgFSiclF+ho1BcUpkD4iilZebkpKYo6SiAGMn5OfkgnUrKroZupm6uSlADUlPSgQYgZE3BAKgpsagov7w4swpklIGeBVB5LQC3cCwa\" \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 DOT 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:eNpLyUwvSizIUHBxc1Go5uVSAAKIQHRRYl52SmaRgq2CT1AsRCYvPyVVIbo4I7EgFSiclF+ho1BcUpkD4iilZebkpKYo6SiAGMn5OfkgnUrKroZupm6uSlADUlPSgQYgZE3BAKgpsagov7w4swpklIGeBVB5LQC3cCwa\" 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>Edytuj DOT w 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:eNpLyUwvSizIUHBxc1Go5uVSAAKIQHRRYl52SmaRgq2CT1AsRCYvPyVVIbo4I7EgFSiclF+ho1BcUpkD4iilZebkpKYo6SiAGMn5OfkgnUrKroZupm6uSlADUlPSgQYgZE3BAKgpsagov7w4swpklIGeBVB5LQC3cCwa\" 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>Edytuj DOT w VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p><strong>\u2705 Pe\u0142ne (renderuje):<\/strong><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">DOT<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNotjDEPgkAMhXcS\/kODK4E4OBkngcnJlTgUWoF43F1aSCTG\/+5d8E19X788mgZBP0LVVPBJEwjZQStoXzQJXOB2f+wf64ih1WUzHHD2nIxhynKIR++Mi3J2qI\/NqakD1hF9FDv3\/g9cV13czHLea1lCURTerApeXM+qrDkQLgjBk1g6t1pC2XJAS8A0sKbJ9wc19zcL\" 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>Edytuj DOT w 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\">DOT<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNotjDEPgkAMhXcS\/kODK4E4OBkngcnJlTgUWoF43F1aSCTG\/+5d8E19X788mgZBP0LVVPBJEwjZQStoXzQJXOB2f+wf64ih1WUzHHD2nIxhynKIR++Mi3J2qI\/NqakD1hF9FDv3\/g9cV13czHLea1lCURTerApeXM+qrDkQLgjBk1g6t1pC2XJAS8A0sKbJ9wc19zcL\" 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>Edytuj DOT w 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\">DOT<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNotjrEOgjAURXcS\/uEGVwJxcDJOIpOTK3F4thUaStu0EC3GD\/F\/\/DBp8E3vnXvycrlsHdkOVV3hlSZYZgWNI91z6XDA+XJdE224QOPHoMSCs7tUSvAsR1yYUSbK2ea0rXf1acG+IxvFm3n+HxwnP5pBuP16liWKorBq8rDOMOFDjoFamoMO4KQD6\/JYR0tGkOgdPb4fPkuRJu8f6OA5Fw==\" \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 DOT in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-dot\"><code class=\"language-dot\" data-language=\"dot\" class=\"language-dot\">digraph DFD {\r\n    graph [rankdir = LR]\r\n    node [style = \"filled\", fillcolor = \"#E1F5FE\", shape = box]\r\n    Customer;\r\n    \/\/ ...plus procesy, magazyny danych, granica i kraw\u0119dzie\r\n}\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNotjrEOgjAURXcS\/uEGVwJxcDJOIpOTK3F4thUaStu0EC3GD\/F\/\/DBp8E3vnXvycrlsHdkOVV3hlSZYZgWNI91z6XDA+XJdE224QOPHoMSCs7tUSvAsR1yYUSbK2ea0rXf1acG+IxvFm3n+HxwnP5pBuP16liWKorBq8rDOMOFDjoFamoMO4KQD6\/JYR0tGkOgdPb4fPkuRJu8f6OA5Fw==\" \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 DOT 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:eNotjDEPgkAMhXcS\/kODK4E4OBkngcnJlTgUWoF43F1aSCTG\/+5d8E19X788mgZBP0LVVPBJEwjZQStoXzQJXOB2f+wf64ih1WUzHHD2nIxhynKIR++Mi3J2qI\/NqakD1hF9FDv3\/g9cV13czHLea1lCURTerApeXM+qrDkQLgjBk1g6t1pC2XJAS8A0sKbJ9wc19zcL\" 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>Edytuj DOT w 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:eNotjDEPgkAMhXcS\/kODK4E4OBkngcnJlTgUWoF43F1aSCTG\/+5d8E19X788mgZBP0LVVPBJEwjZQStoXzQJXOB2f+wf64ih1WUzHHD2nIxhynKIR++Mi3J2qI\/NqakD1hF9FDv3\/g9cV13czHLea1lCURTerApeXM+qrDkQLgjBk1g6t1pC2XJAS8A0sKbJ9wc19zcL\" 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>Edytuj DOT w VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<hr\/>\n<h2>5. System <a href=\"https:\/\/online.visual-paradigm.com\/resources\/data-flow-diagram\/guides\/data-flow-diagram-top-down-decomposition\/\">Proces dekompozycji od g\u00f3ry do do\u0142u<\/a> (krok po kroku)<\/h2>\n<p>System <strong>procesu zam\u00f3wie\u0144 online<\/strong>  demonstruje metodologi\u0119. Na ka\u017cdym poziomie otrzymasz kompletny, dzia\u0142aj\u0105cy kod Graphviz.<\/p>\n<h3>Krok 1 \u2014 Stw\u00f3rz diagram kontekstowy (poziom 0)<\/h3>\n<p>Zacznij od ca\u0142ego systemu jako <strong>jednego pojedynczego procesu<\/strong> i zidentyfikuj ka\u017cd\u0105 interakcj\u0119 ze \u015bwiatem zewn\u0119trznym. Brak magazyn\u00f3w danych, brak szczeg\u00f3\u0142\u00f3w wewn\u0119trznych.<\/p>\n<p id=\"OCnRdEL\"><img alt=\"Czatbot AI Visual Paradigm: Stw\u00f3rz przyk\u0142ad diagramu kontekstowego (poziom 0) do dekompozycji top-down\" class=\"alignnone wp-image-19604 size-full\" decoding=\"async\" height=\"872\" loading=\"lazy\" sizes=\"auto, (max-width: 1912px) 100vw, 1912px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a702d4913b68.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a702d4913b68.png 1912w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a702d4913b68-300x137.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a702d4913b68-1024x467.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a702d4913b68-768x350.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a702d4913b68-1536x701.png 1536w\" width=\"1912\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">DOT<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNqdVN9r4kAQfj+4\/2HIQWkhWm2xKOKBaGwfChUVjkP7sCajWbru5nY3\/uhx\/\/vNmpiYng\/l9iXJN\/PNfjPzacTXmiUxDEdD+P31C9C5vYVarQaPk\/74Caazn88BXMGQM0rcwIxbgS6e5WbkefbhjmbyLeIaevA8KVGTCC7REGp1iiWutqgFSwhfMWHOAlJFaNAFGvWHavUT3CnhlZJWsg0S7j2h2KLlIfP7mjPhGyZNzaDmK69KMPzdEZp3JSzYEoUr8iKdXnjREWoYaxWiMTA9GIsbqMGA2Li3cP2MW8pv3OSVX7OH0w7zz4ryK2KaPiQodzyysfust05FMVr\/b9GOX3ZIJ1RCuf1431rHQ8lMa7XLsxv1truzsEKwt6glExBIyy1Hc96kiVniSEu198HYgzgKW3EhMHIi6KW8LmiOWqOA4BJq3LXbw6aX9zhIjVUb1F0Ys8MGpX1kFnfs0IUfTGOsUoNdGn6qOeWcSZzFCIbLNd1ush0l2couSQ25DgV+Qm171Ao6XmV2ZfS+3Q7uB0fSHqN8dM7bPpTLe8j7yo0zP9qr5zXqjYU8d9hCVi3mvZ53N2SWwUrQguB6yem3haHlym1kF6NGiFycG8B9GDO5xoi2QQJobuamOleoff+oJXP41UL2w1Cl0h6vPtNMjIJ94pD9V1xvmFPhqBMMkSeXqNU1FgVy2DF\/pWhK5of8f+UWzKllNjUFsfDHBc7UqvCNGtwyTojASy1mniooQxSc\/pkOpUIfaPA9N1jH\/vMXWWuOXg==\" 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>Edytuj DOT w 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\">DOT<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNqdVN9r4kAQfj+4\/2HIQWkhWm2xKOKBaGwfChUVjkP7sCajWbru5nY3\/uhx\/\/vNmpiYng\/l9iXJN\/PNfjPzacTXmiUxDEdD+P31C9C5vYVarQaPk\/74Caazn88BXMGQM0rcwIxbgS6e5WbkefbhjmbyLeIaevA8KVGTCC7REGp1iiWutqgFSwhfMWHOAlJFaNAFGvWHavUT3CnhlZJWsg0S7j2h2KLlIfP7mjPhGyZNzaDmK69KMPzdEZp3JSzYEoUr8iKdXnjREWoYaxWiMTA9GIsbqMGA2Li3cP2MW8pv3OSVX7OH0w7zz4ryK2KaPiQodzyysfust05FMVr\/b9GOX3ZIJ1RCuf1431rHQ8lMa7XLsxv1truzsEKwt6glExBIyy1Hc96kiVniSEu198HYgzgKW3EhMHIi6KW8LmiOWqOA4BJq3LXbw6aX9zhIjVUb1F0Ys8MGpX1kFnfs0IUfTGOsUoNdGn6qOeWcSZzFCIbLNd1ush0l2couSQ25DgV+Qm171Ao6XmV2ZfS+3Q7uB0fSHqN8dM7bPpTLe8j7yo0zP9qr5zXqjYU8d9hCVi3mvZ53N2SWwUrQguB6yem3haHlym1kF6NGiFycG8B9GDO5xoi2QQJobuamOleoff+oJXP41UL2w1Cl0h6vPtNMjIJ94pD9V1xvmFPhqBMMkSeXqNU1FgVy2DF\/pWhK5of8f+UWzKllNjUFsfDHBc7UqvCNGtwyTojASy1mniooQxSc\/pkOpUIfaPA9N1jH\/vMXWWuOXg==\" 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>Edytuj DOT w 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\">DOT<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNqdVF1P2zAUfUfaf7jKXkBKSwsqKqo6qeoHYzAtgqIJEA9uctt6TezIdgjJtIehof0GtJ+xxz2u\/V+z07QhrJPQ\/NL6+J7rc3yP4tGJIOEUeoMefH61BXrt7kKlUoHz4eXp8VWn+64DR2edwQUcw\/ByeLH4Cr3jjkbeX5iyJWXZ43q5MUsQNvOogDacnhWoDH3KUGpUiQgLnN+i8Emo8THx5ZMDxj2UaA5q1YNy9xV8WMBjzhQjAWrceov+LSrqErsjKPFtSZisSBR0bJUJkqaGUN8rYJ+M0DdNzhOpMABHcBdlBFck+P0zprj4Bh+YcQIVONEtcCYVbDs8pTyA2k5+wc3yx1iA65dqs0ua6jaEyGLqqanZVhurpuhN\/rfpoV0Y1cvlPjdjsl43sqWLiRA8zqtr1aa5cx0Mh3sB5SqBFGM2f1QiZfjUp5yS0PBG\/M4GqRI\/0zamvo+e0aH\/FDf264PGoK\/hAqrtNZu9upXb7EZS8QBFCxySBMjUEVEYk6QFH4nAKY8ktqDLI0F1TUnlJ\/QS5qYJhNnsQGaTjDZJdalwfXyB2uag0T+0Ss9XnO43m\/39bka6Qy9\/PZNyG4r5HeS+8lxdZ0FrW7Vqjf0zamwZNeumZFCkGC7ukzgBj7DEncK2F0cz\/QwRm\/EYQZHAhomXUjQFCHL+AHESUGTUbGPgI30kleAs2Sk\/NlTePBe4UsM0hzITeZ7peeJFk9YNVjSHK00SXpoTHSLIhLMN1PJ41w0Wv+YPWr6+2FncE8X44odL1\/RnpL9lnyuiIrmRu87PBlqPSzV\/DA1j\/p1dkZBI7X6T4WXyNsg1LUic6Djoj2B7xNX0prX15Q+hcLCf\" \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 DOT in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-dot\"><code class=\"language-dot\" data-language=\"dot\" class=\"language-dot\">digraph DFD {\r\n    \/\/ --- STYLIZACJA GRAFU I TYTU\u0141 DIAGRAMU ---\r\n    graph [\r\n        rankdir = LR\r\n        splines = true\r\n        overlap = false\r\n        nodesep = 0.6\r\n        ranksep = 0.9\r\n        fontname = \"Helvetica,Arial,sans-serif\"\r\n        fontsize = 12\r\n        label = \"System Procesu Zam\u00f3wie\u0144 Online - Kontekst (Poziom 0)\"\r\n    ]\r\n    node [ fontname = \"Helvetica,Arial,sans-serif\", fontsize = 11, penwidth = 1.5 ]\r\n    edge [ fontname = \"Helvetica,Arial,sans-serif\", fontsize = 9,\r\n           color = \"#555555\", arrowsize = 0.8 ]\r\n\r\n    \/\/ Podmioty zewn\u0119trzne\r\n    node [shape = box, style = \"filled\", fillcolor = \"#E1F5FE\", color = \"#0288D1\"]\r\n    Customer; PaymentGateway; Warehouse; Courier;\r\n\r\n    \/\/ Pojedynczy proces systemu\r\n    node [shape = circle, style = \"filled\", fillcolor = \"#E8F5E9\",\r\n          color = \"#388E3C\", fixedsize = true, width = 1.6]\r\n    System [label=\"0.0nSystem Procesu Zam\u00f3wie\u0144nOnline\"];\r\n\r\n    \/\/ Przep\u0142ywy danych (dwukierunkowe tam, gdzie dane s\u0105 wymieniane w obie strony)\r\n    Customer -&gt; System [label=\"Zam\u00f3wienie inKonto\"];\r\n    System -&gt; Customer [label=\"Potwierdzenie inParagon\"];\r\n    System -&gt; PaymentGateway [label=\"\u017b\u0105danienP\u0142atno\u015bci\"];\r\n    PaymentGateway -&gt; System [label=\"StatusnP\u0142atno\u015bci\"];\r\n    Warehouse -&gt; System [label=\"Dost\u0119pno\u015b\u0107nZapas\u00f3w\"];\r\n    System -&gt; Courier [label=\"\u017b\u0105danienDostawy\", dir=both];\n}<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNqdVF1P2zAUfUfaf7jKXkBKSwsqKqo6qeoHYzAtgqIJEA9uctt6TezIdgjJtIehof0GtJ+xxz2u\/V+z07QhrJPQ\/NL6+J7rc3yP4tGJIOEUeoMefH61BXrt7kKlUoHz4eXp8VWn+64DR2edwQUcw\/ByeLH4Cr3jjkbeX5iyJWXZ43q5MUsQNvOogDacnhWoDH3KUGpUiQgLnN+i8Emo8THx5ZMDxj2UaA5q1YNy9xV8WMBjzhQjAWrceov+LSrqErsjKPFtSZisSBR0bJUJkqaGUN8rYJ+M0DdNzhOpMABHcBdlBFck+P0zprj4Bh+YcQIVONEtcCYVbDs8pTyA2k5+wc3yx1iA65dqs0ua6jaEyGLqqanZVhurpuhN\/rfpoV0Y1cvlPjdjsl43sqWLiRA8zqtr1aa5cx0Mh3sB5SqBFGM2f1QiZfjUp5yS0PBG\/M4GqRI\/0zamvo+e0aH\/FDf264PGoK\/hAqrtNZu9upXb7EZS8QBFCxySBMjUEVEYk6QFH4nAKY8ktqDLI0F1TUnlJ\/QS5qYJhNnsQGaTjDZJdalwfXyB2uag0T+0Ss9XnO43m\/39bka6Qy9\/PZNyG4r5HeS+8lxdZ0FrW7Vqjf0zamwZNeumZFCkGC7ukzgBj7DEncK2F0cz\/QwRm\/EYQZHAhomXUjQFCHL+AHESUGTUbGPgI30kleAs2Sk\/NlTePBe4UsM0hzITeZ7peeJFk9YNVjSHK00SXpoTHSLIhLMN1PJ41w0Wv+YPWr6+2FncE8X44odL1\/RnpL9lnyuiIrmRu87PBlqPSzV\/DA1j\/p1dkZBI7X6T4WXyNsg1LUic6Djoj2B7xNX0prX15Q+hcLCf\" \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 DOT 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:eNqdVN9r4kAQfj+4\/2HIQWkhWm2xKOKBaGwfChUVjkP7sCajWbru5nY3\/uhx\/\/vNmpiYng\/l9iXJN\/PNfjPzacTXmiUxDEdD+P31C9C5vYVarQaPk\/74Caazn88BXMGQM0rcwIxbgS6e5WbkefbhjmbyLeIaevA8KVGTCC7REGp1iiWutqgFSwhfMWHOAlJFaNAFGvWHavUT3CnhlZJWsg0S7j2h2KLlIfP7mjPhGyZNzaDmK69KMPzdEZp3JSzYEoUr8iKdXnjREWoYaxWiMTA9GIsbqMGA2Li3cP2MW8pv3OSVX7OH0w7zz4ryK2KaPiQodzyysfust05FMVr\/b9GOX3ZIJ1RCuf1431rHQ8lMa7XLsxv1truzsEKwt6glExBIyy1Hc96kiVniSEu198HYgzgKW3EhMHIi6KW8LmiOWqOA4BJq3LXbw6aX9zhIjVUb1F0Ys8MGpX1kFnfs0IUfTGOsUoNdGn6qOeWcSZzFCIbLNd1ush0l2couSQ25DgV+Qm171Ao6XmV2ZfS+3Q7uB0fSHqN8dM7bPpTLe8j7yo0zP9qr5zXqjYU8d9hCVi3mvZ53N2SWwUrQguB6yem3haHlym1kF6NGiFycG8B9GDO5xoi2QQJobuamOleoff+oJXP41UL2w1Cl0h6vPtNMjIJ94pD9V1xvmFPhqBMMkSeXqNU1FgVy2DF\/pWhK5of8f+UWzKllNjUFsfDHBc7UqvCNGtwyTojASy1mniooQxSc\/pkOpUIfaPA9N1jH\/vMXWWuOXg==\" 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>Edytuj DOT w 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:eNqdVN9r4kAQfj+4\/2HIQWkhWm2xKOKBaGwfChUVjkP7sCajWbru5nY3\/uhx\/\/vNmpiYng\/l9iXJN\/PNfjPzacTXmiUxDEdD+P31C9C5vYVarQaPk\/74Caazn88BXMGQM0rcwIxbgS6e5WbkefbhjmbyLeIaevA8KVGTCC7REGp1iiWutqgFSwhfMWHOAlJFaNAFGvWHavUT3CnhlZJWsg0S7j2h2KLlIfP7mjPhGyZNzaDmK69KMPzdEZp3JSzYEoUr8iKdXnjREWoYaxWiMTA9GIsbqMGA2Li3cP2MW8pv3OSVX7OH0w7zz4ryK2KaPiQodzyysfust05FMVr\/b9GOX3ZIJ1RCuf1431rHQ8lMa7XLsxv1truzsEKwt6glExBIyy1Hc96kiVniSEu198HYgzgKW3EhMHIi6KW8LmiOWqOA4BJq3LXbw6aX9zhIjVUb1F0Ys8MGpX1kFnfs0IUfTGOsUoNdGn6qOeWcSZzFCIbLNd1ush0l2couSQ25DgV+Qm171Ao6XmV2ZfS+3Q7uB0fSHqN8dM7bPpTLe8j7yo0zP9qr5zXqjYU8d9hCVi3mvZ53N2SWwUrQguB6yem3haHlym1kF6NGiFycG8B9GDO5xoi2QQJobuamOleoff+oJXP41UL2w1Cl0h6vPtNMjIJ94pD9V1xvmFPhqBMMkSeXqNU1FgVy2DF\/pWhK5of8f+UWzKllNjUFsfDHBc7UqvCNGtwyTojASy1mniooQxSc\/pkOpUIfaPA9N1jH\/vMXWWuOXg==\" 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>Edytuj DOT w VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p><strong>Interpretacja:<\/strong> Diagram kontekstowy odpowiada na pytanie <em>\u201ejakie s\u0105 granice tego systemu i z kim si\u0119 komunikuje?\u201d<\/em> \u2014 pokazuje <strong>podmioty zewn\u0119trzne<\/strong> oraz ich przep\u0142ywy, ale ukrywa ca\u0142\u0105 struktur\u0119 wewn\u0119trzn\u0105. Widzimy, \u017ce system przyjmuje zam\u00f3wienia od <strong>Klienta<\/strong>, pobiera op\u0142aty poprzez <strong>Bram\u0119 P\u0142atno\u015bci<\/strong>, sprawdza stan magazynowy w odniesieniu do <strong>Magazyn<\/strong>, i przekazuje realizacj\u0119 do <strong>Kurier<\/strong>.<\/p>\n<hr\/>\n<h3>Krok 2 \u2014 Podzia\u0142 na <a href=\"https:\/\/guides.visual-paradigm.com\/navigating-system-complexity-a-comprehensive-guide-to-data-flow-diagram-levels\/\">Poziom 1<\/a> (Procesy g\u0142\u00f3wne)<\/h3>\n<p id=\"oXkEflG\"><img alt=\"Czatbot AI Visual Paradigm: Roz\u0142\u00f3\u017c na poziom 1 (g\u0142\u00f3wne procesy) w procesie dekompozycji top-down z wykorzystaniem AI\" class=\"alignnone wp-image-19605 size-full\" decoding=\"async\" height=\"869\" loading=\"lazy\" sizes=\"auto, (max-width: 1915px) 100vw, 1915px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a702da504a0d.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a702da504a0d.png 1915w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a702da504a0d-300x136.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a702da504a0d-1024x465.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a702da504a0d-768x349.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a702da504a0d-1536x697.png 1536w\" width=\"1915\"\/><\/p>\n<p>Podziel proces pojedynczego kontekstu na kluczowe funkcje i dodaj wsp\u00f3lne magazyny danych. Opakuj procesy i magazyny w <strong>przerywan\u0105, zaokr\u0105glon\u0105 granic\u0119 systemu<\/strong>.<\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">DOT<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNqtVm1vIjcQ\/l6p\/2FEpVMrQY5XlTRNJcKydyfRgIDrKQpRZXYHsM7YW9tA6DX\/vfa+eU1ybVR1+ZBl\/Mz4mWdeSEw3kiRbCMIAvnz7DZjn7VtoNBrwbjaYvof54m48gjcQUGKAO1hQzdCeZ9jM+T77Yh9J+OeYSriG8cxZVcIoR2WsWu7R2cUBJSOJsa8JU5UDLmJUaA+aFz0\/emHuO\/NacM3JDo299h7ZATWNSH0gKWF1RbhqKJR0XfMdFP3TOrTazszICpkNMuGWL0xkjBKmUkSoFMxPSuMOGjDGg4G18ngP2R\/LGO5fS6XuUWjVIUF+pLHe2q8XvSIoxpv\/GvSy7vIyTySYsFWpfddLHwMmUopjjjZy2jvLBhg9apScMBhxTTVFVU1SbUlinVbisQ5Kn1hKbE0Zw9iSMC\/uulEr7IUjY3amZrvfD1q1PMfhXmmxQ3kFU3LaIdfviMYjOV3BJyJxK\/YKr2Ao9pIaTIWi7dH53Xwx+hVuJh9vg8HsDoaT28Xgw+1o5jpU7VdZk0bMXITy96yMN2LPYyJPRdO\/tvy1q\/+p7brO7JT5sWc\/FY9S3ZioLcZ1aWkblR1itXHu4cB+Koc7IjeUm7N2s1AuVy\/Pyszk9xuJyCGiMmKofvBn0BU7O39Fvfthb3RZ87vPS7LT7486w9TxEeNcD7sX6uBGoPPgAkxbcJ\/W5rrWumgu+ZSRCJc8LU\/toVKQabsEtlNglqR5yTrLB3dKcMeCh4Kvqdwt+Qd+MFghTz68W8K7Fj7f0qTKwVM3IJrA3MSw+p6QMXEEiZGQ8dcFzs7\/XeAwDC+H3X8SOLwZNtvBmcDpgq2ImjIP5va1yOsLBC34KztR8OSnL0W8j7R1qMDbBp6fVHQ7c7VKJZRvjG\/FtWNc7YmtS\/Wyp7MRDwaLAYTjyaf5T24rYb6V3JgXWwQav1T7JRvhN0s+iCIzOhoC1IQyVV5nsMaj9Pb8yp4gmgruXNrpJd6yKh1z85LP8I89KtdyZ3gbof3ca66J3jt25QZM8a5hTWtFn01SB5MLWTEsHfI9mcJdwwbIqPmlPZXx62B+o69XQm8fzldqPjMNLRrF5ktogulCLNXOVKskkOu1EJqwc6E6lTRpfD635tgn+5tdmhTj58PlM4SfjV86aCobtDN2RYMXcYcSjfYuKrz0mCuOkmpsCM5OHsGy\/4t4H5M4jZfWwlO0Gs1cGpt\/n9KgebyujffCUBQEi6l4zvEFdkWWvtB5OVyzfyVXy64SrELKr0lBacnH1vBCQD\/Y099yj+fK\" 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>Edytuj DOT w 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\">DOT<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNqtVm1vIjcQ\/l6p\/2FEpVMrQY5XlTRNJcKydyfRgIDrKQpRZXYHsM7YW9tA6DX\/vfa+eU1ybVR1+ZBl\/Mz4mWdeSEw3kiRbCMIAvnz7DZjn7VtoNBrwbjaYvof54m48gjcQUGKAO1hQzdCeZ9jM+T77Yh9J+OeYSriG8cxZVcIoR2WsWu7R2cUBJSOJsa8JU5UDLmJUaA+aFz0\/emHuO\/NacM3JDo299h7ZATWNSH0gKWF1RbhqKJR0XfMdFP3TOrTazszICpkNMuGWL0xkjBKmUkSoFMxPSuMOGjDGg4G18ngP2R\/LGO5fS6XuUWjVIUF+pLHe2q8XvSIoxpv\/GvSy7vIyTySYsFWpfddLHwMmUopjjjZy2jvLBhg9apScMBhxTTVFVU1SbUlinVbisQ5Kn1hKbE0Zw9iSMC\/uulEr7IUjY3amZrvfD1q1PMfhXmmxQ3kFU3LaIdfviMYjOV3BJyJxK\/YKr2Ao9pIaTIWi7dH53Xwx+hVuJh9vg8HsDoaT28Xgw+1o5jpU7VdZk0bMXITy96yMN2LPYyJPRdO\/tvy1q\/+p7brO7JT5sWc\/FY9S3ZioLcZ1aWkblR1itXHu4cB+Koc7IjeUm7N2s1AuVy\/Pyszk9xuJyCGiMmKofvBn0BU7O39Fvfthb3RZ87vPS7LT7486w9TxEeNcD7sX6uBGoPPgAkxbcJ\/W5rrWumgu+ZSRCJc8LU\/toVKQabsEtlNglqR5yTrLB3dKcMeCh4Kvqdwt+Qd+MFghTz68W8K7Fj7f0qTKwVM3IJrA3MSw+p6QMXEEiZGQ8dcFzs7\/XeAwDC+H3X8SOLwZNtvBmcDpgq2ImjIP5va1yOsLBC34KztR8OSnL0W8j7R1qMDbBp6fVHQ7c7VKJZRvjG\/FtWNc7YmtS\/Wyp7MRDwaLAYTjyaf5T24rYb6V3JgXWwQav1T7JRvhN0s+iCIzOhoC1IQyVV5nsMaj9Pb8yp4gmgruXNrpJd6yKh1z85LP8I89KtdyZ3gbof3ca66J3jt25QZM8a5hTWtFn01SB5MLWTEsHfI9mcJdwwbIqPmlPZXx62B+o69XQm8fzldqPjMNLRrF5ktogulCLNXOVKskkOu1EJqwc6E6lTRpfD635tgn+5tdmhTj58PlM4SfjV86aCobtDN2RYMXcYcSjfYuKrz0mCuOkmpsCM5OHsGy\/4t4H5M4jZfWwlO0Gs1cGpt\/n9KgebyujffCUBQEi6l4zvEFdkWWvtB5OVyzfyVXy64SrELKr0lBacnH1vBCQD\/Y099yj+fK\" 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>Edytuj DOT w 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\">DOT<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNqtVctu20YU3RfoP1yomxSQHOuFynVdQNEjcZrYgmTDkA2jGJMjaSJqhpgZRiETL2Ik6DcY\/Qzv2uws\/lfvkOJLVt206HAh8s6cM\/ee+5DNppK4M+j2u\/D+228A19OnUKlUYHQyfnV43u68bMPzYbt\/CodwMj45DT9C97CNlten5lgMiTku4g+zJOFzm0k4gFfDzKpch3Gq0KqlRzO7eEulQ1y0T4ijchtc2FRRs7G70yyyJ+ZWZp4IrjlZULSXXlDnLdXMIuW2ZMQpK8JVRVHJJqUiQLHAAKq1zOyQK+oYkpGvNF3AQAqLKg\/OyeL+bslo+AmOuYkEKjAQARMLqK5ZL+Mf4zdcfK1D5YIj1TK4lC+ZrWfmc6eZkFJ7+l9J98pZdLgs4QiTm9J3zWjhYSKlWK5Po6jmzrQaBsJeMKF9COiSr261DDjNx6lmxDW4K\/GuDEr7TuTbhDkOtY0f+JLd2Kv2m\/0emjPTbq3V6lZL6zA7ntJiQeU+DIi\/oFw\/J5ouib8PZ0TSmfAU3YeO8CTDMzkvTc3+cnx00jvqDU3FHh12xjAaj056+UpV3lVcrJaD91D5a5zjZ8LjNpF+0gP\/qgxK+\/9TDTYyc6bOD03z5BCpwjZRM2qXpfEdlc5OXE0zeL9tntzmgsgp47hX203US\/IcBejDk4BRR2B5z0V4Q74vtmOWbotJy6FfkfFWv9nbKxVLsBBivdXq1TsR8B2112qYEVGGrA\/qlxnBoAoXUXoOStWdXX4e3tzfhV94khnOaOkyl5RBLT1ew+MDGVC9vL\/DOh5ggJqL8PfVb0VEPUXUDUJopJV2+AcfacLhNZmSwOdi6RdRjRTVQNSZb5M3D5wqSL4m8sEm3Ldm8CT8gpHcaAqSzoW0\/b9VX1IL9\/9Z\/X6\/v9dpPKZ+\/1lnt9bdUD8axDnFj6VNZXdkXpMQ30O3Ch8gi4\/AdVEOKWzP0gaVw9QQE+3M9aaYG\/jRjLku41MkyOHriD\/zlR\/ezFkOcL0xCgbD894g\/Dg+G0O3fTTuvPhx6xzLJkMyd6Dyc76+cukDxrskaguuSXoxnkVEik5wSckEBpkrghywFl1VGHIpPPxz9RlrAhFpiVosgxZBhiYrcRRVe2orLp2gESSr8a5QenXrxo2AzrpEobspbD1tI1Bj8x6DJdgIZcA\/\/IMroWdxla\/zMPRwqrDV5ym40XipuKISv2XSxxLmQ\/AW5DHN6rn0uBinhdNqa\/fjyaLT50sq\/QmbiyXZAilWUOzlT0iw2aYbnifNkVxyup4uRXrYtvAubOC5gIC4TBWcTrsni3WuPeKwwHsT56goep5T2Fbga2AF2oah3dJUibvrrlrdPnR2m5tJ1MWEjAIroFMzxPyNDD4afuxwTJxzsZi8nvbnjOLMSPp\/C+sDxuu\/AIJvQYg=\" \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 DOT in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-dot\"><code class=\"language-dot\" data-language=\"dot\" class=\"language-dot\">digraph DFD {\r\n    \/\/ --- STYLIZACJA GRAFU I TYTU\u0141 DIAGRAMU ---\r\n    graph [\r\n        rankdir = LR\r\n        splines = true\r\n        overlap = false\r\n        nodesep = 0.5\r\n        ranksep = 0.8\r\n        fontname = \"Helvetica,Arial,sans-serif\"\r\n        fontsize = 12\r\n        label = \"System Procesu Zam\u00f3wie\u0144 Online - Poziom 1\"\r\n    ]\r\n    node [ fontname = \"Helvetica,Arial,sans-serif\", fontsize = 11, penwidth = 1.5 ]\r\n    edge [ fontname = \"Helvetica,Arial,sans-serif\", fontsize = 9,\r\n           color = \"#555555\", arrowsize = 0.8 ]\r\n\r\n    \/\/ Podmioty zewn\u0119trzne\r\n    node [shape = box, style = \"filled\", fillcolor = \"#E1F5FE\", color = \"#0288D1\"]\r\n    Customer; PaymentGateway; Warehouse; Courier;\r\n\r\n    \/\/ --- KONTENER GRANICY SYSTEMU ---\r\n    subgraph cluster_SystemBoundary {\r\n        label = \"System Procesu Zam\u00f3wie\u0144 Online\";\r\n        fontname = \"Helvetica,Arial,sans-serif\"\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        \/\/ Procesy (zielone ko\u0142a)\r\n        node [shape = circle, style = \"filled\", fillcolor = \"#E8F5E9\",\r\n              color = \"#388E3C\", fixedsize = true, width = 1.3]\r\n        P1 [label=\"1.0nZ\u0142\u00f3\u017cnZam\u00f3wienie\"];\r\n        P2 [label=\"2.0nPrzetw\u00f3rznP\u0142atno\u015b\u0107\"];\r\n        P3 [label=\"3.0nPotwierd\u017anStan Magazynowy\"];\r\n        P4 [label=\"4.0nWydajnZam\u00f3wienie\"];\r\n\r\n        \/\/ Magazyny danych (\u017c\u00f3\u0142te rekordy)\r\n        node [shape = record, style = \"filled\", fillcolor = \"#FFF9C4\",\r\n              color = \"#FBC02D\", fixedsize = false]\r\n        OrderDS    [label=\"{ D1 | Zam\u00f3wienia }\"];\r\n        ProductDS  [label=\"{ D2 | ProduktnStan Magazynowy }\"];\r\n        ShippingDS [label=\"{ D3 | Wysy\u0142ki }\"];\r\n    }\r\n\r\n    \/\/ --- PRZEP\u0141YWY DANYCH: Podmioty zewn\u0119trzne ---\r\n    Customer -&gt; P1 [label=\"Zam\u00f3wienie inDane konta\"];\r\n    P1 -&gt; Customer [label=\"PotwierdzenienZam\u00f3wienia\"];\r\n    P2 -&gt; PaymentGateway [label=\"\u017b\u0105danienP\u0142atno\u015bci\"];\r\n    PaymentGateway -&gt; P2 [label=\"StatusnP\u0142atno\u015bci\"];\r\n    Warehouse -&gt; P3 [label=\"Dost\u0119pno\u015b\u0107nZapas\u00f3w\"];\r\n    Courier -&gt; P4 [label=\"StatusnDostawy\", dir=both];\r\n\r\n\/\/ --- Ruroci\u0105g proces-po-proces ---\r\n    P1 -&gt; P2 [label=\"SumanZam\u00f3wienia\"];\r\n    P2 -&gt; P3 [label=\"Zap\u0142aconenZam\u00f3wienie\"];\r\n    P3 -&gt; P4 [label=\"ZweryfikowanenZam\u00f3wienie\"];\r\n\r\n    \/\/ --- Proces &lt;-&gt; Magazyny danych ---\r\n    P1 -&gt; OrderDS [label=\"Utw\u00f3rznZam\u00f3wienie\"];                     \/\/ tylko zapis\r\n    P3 -&gt; ProductDS [label=\"ZaktualizujnZapasy\", dir=both];         \/\/ odczyt i zapis\r\n    P4 -&gt; ShippingDS [label=\"Utw\u00f3rznWysy\u0142k\u0119\"];               \/\/ tylko zapis\r\n    OrderDS -&gt; P3 [label=\"Szczeg\u00f3\u0142ynZam\u00f3wienia\"];                    \/\/ tylko odczyt\r\n    ShippingDS -&gt; P4 [label=\"EtykietanWysy\u0142ki\"];                \/\/ tylko odczyt\r\n}\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNqtVctu20YU3RfoP1yomxSQHOuFynVdQNEjcZrYgmTDkA2jGJMjaSJqhpgZRiETL2Ik6DcY\/Qzv2uws\/lfvkOJLVt206HAh8s6cM\/ee+5DNppK4M+j2u\/D+228A19OnUKlUYHQyfnV43u68bMPzYbt\/CodwMj45DT9C97CNlten5lgMiTku4g+zJOFzm0k4gFfDzKpch3Gq0KqlRzO7eEulQ1y0T4ijchtc2FRRs7G70yyyJ+ZWZp4IrjlZULSXXlDnLdXMIuW2ZMQpK8JVRVHJJqUiQLHAAKq1zOyQK+oYkpGvNF3AQAqLKg\/OyeL+bslo+AmOuYkEKjAQARMLqK5ZL+Mf4zdcfK1D5YIj1TK4lC+ZrWfmc6eZkFJ7+l9J98pZdLgs4QiTm9J3zWjhYSKlWK5Po6jmzrQaBsJeMKF9COiSr261DDjNx6lmxDW4K\/GuDEr7TuTbhDkOtY0f+JLd2Kv2m\/0emjPTbq3V6lZL6zA7ntJiQeU+DIi\/oFw\/J5ouib8PZ0TSmfAU3YeO8CTDMzkvTc3+cnx00jvqDU3FHh12xjAaj056+UpV3lVcrJaD91D5a5zjZ8LjNpF+0gP\/qgxK+\/9TDTYyc6bOD03z5BCpwjZRM2qXpfEdlc5OXE0zeL9tntzmgsgp47hX203US\/IcBejDk4BRR2B5z0V4Q74vtmOWbotJy6FfkfFWv9nbKxVLsBBivdXq1TsR8B2112qYEVGGrA\/qlxnBoAoXUXoOStWdXX4e3tzfhV94khnOaOkyl5RBLT1ew+MDGVC9vL\/DOh5ggJqL8PfVb0VEPUXUDUJopJV2+AcfacLhNZmSwOdi6RdRjRTVQNSZb5M3D5wqSL4m8sEm3Ldm8CT8gpHcaAqSzoW0\/b9VX1IL9\/9Z\/X6\/v9dpPKZ+\/1lnt9bdUD8axDnFj6VNZXdkXpMQ30O3Ch8gi4\/AdVEOKWzP0gaVw9QQE+3M9aaYG\/jRjLku41MkyOHriD\/zlR\/ezFkOcL0xCgbD894g\/Dg+G0O3fTTuvPhx6xzLJkMyd6Dyc76+cukDxrskaguuSXoxnkVEik5wSckEBpkrghywFl1VGHIpPPxz9RlrAhFpiVosgxZBhiYrcRRVe2orLp2gESSr8a5QenXrxo2AzrpEobspbD1tI1Bj8x6DJdgIZcA\/\/IMroWdxla\/zMPRwqrDV5ym40XipuKISv2XSxxLmQ\/AW5DHN6rn0uBinhdNqa\/fjyaLT50sq\/QmbiyXZAilWUOzlT0iw2aYbnifNkVxyup4uRXrYtvAubOC5gIC4TBWcTrsni3WuPeKwwHsT56goep5T2Fbga2AF2oah3dJUibvrrlrdPnR2m5tJ1MWEjAIroFMzxPyNDD4afuxwTJxzsZi8nvbnjOLMSPp\/C+sDxuu\/AIJvQYg=\" \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 DOT 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:eNqtVm1vIjcQ\/l6p\/2FEpVMrQY5XlTRNJcKydyfRgIDrKQpRZXYHsM7YW9tA6DX\/vfa+eU1ybVR1+ZBl\/Mz4mWdeSEw3kiRbCMIAvnz7DZjn7VtoNBrwbjaYvof54m48gjcQUGKAO1hQzdCeZ9jM+T77Yh9J+OeYSriG8cxZVcIoR2WsWu7R2cUBJSOJsa8JU5UDLmJUaA+aFz0\/emHuO\/NacM3JDo299h7ZATWNSH0gKWF1RbhqKJR0XfMdFP3TOrTazszICpkNMuGWL0xkjBKmUkSoFMxPSuMOGjDGg4G18ngP2R\/LGO5fS6XuUWjVIUF+pLHe2q8XvSIoxpv\/GvSy7vIyTySYsFWpfddLHwMmUopjjjZy2jvLBhg9apScMBhxTTVFVU1SbUlinVbisQ5Kn1hKbE0Zw9iSMC\/uulEr7IUjY3amZrvfD1q1PMfhXmmxQ3kFU3LaIdfviMYjOV3BJyJxK\/YKr2Ao9pIaTIWi7dH53Xwx+hVuJh9vg8HsDoaT28Xgw+1o5jpU7VdZk0bMXITy96yMN2LPYyJPRdO\/tvy1q\/+p7brO7JT5sWc\/FY9S3ZioLcZ1aWkblR1itXHu4cB+Koc7IjeUm7N2s1AuVy\/Pyszk9xuJyCGiMmKofvBn0BU7O39Fvfthb3RZ87vPS7LT7486w9TxEeNcD7sX6uBGoPPgAkxbcJ\/W5rrWumgu+ZSRCJc8LU\/toVKQabsEtlNglqR5yTrLB3dKcMeCh4Kvqdwt+Qd+MFghTz68W8K7Fj7f0qTKwVM3IJrA3MSw+p6QMXEEiZGQ8dcFzs7\/XeAwDC+H3X8SOLwZNtvBmcDpgq2ImjIP5va1yOsLBC34KztR8OSnL0W8j7R1qMDbBp6fVHQ7c7VKJZRvjG\/FtWNc7YmtS\/Wyp7MRDwaLAYTjyaf5T24rYb6V3JgXWwQav1T7JRvhN0s+iCIzOhoC1IQyVV5nsMaj9Pb8yp4gmgruXNrpJd6yKh1z85LP8I89KtdyZ3gbof3ca66J3jt25QZM8a5hTWtFn01SB5MLWTEsHfI9mcJdwwbIqPmlPZXx62B+o69XQm8fzldqPjMNLRrF5ktogulCLNXOVKskkOu1EJqwc6E6lTRpfD635tgn+5tdmhTj58PlM4SfjV86aCobtDN2RYMXcYcSjfYuKrz0mCuOkmpsCM5OHsGy\/4t4H5M4jZfWwlO0Gs1cGpt\/n9KgebyujffCUBQEi6l4zvEFdkWWvtB5OVyzfyVXy64SrELKr0lBacnH1vBCQD\/Y099yj+fK\" 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>Edytuj DOT w 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:eNqtVm1vIjcQ\/l6p\/2FEpVMrQY5XlTRNJcKydyfRgIDrKQpRZXYHsM7YW9tA6DX\/vfa+eU1ybVR1+ZBl\/Mz4mWdeSEw3kiRbCMIAvnz7DZjn7VtoNBrwbjaYvof54m48gjcQUGKAO1hQzdCeZ9jM+T77Yh9J+OeYSriG8cxZVcIoR2WsWu7R2cUBJSOJsa8JU5UDLmJUaA+aFz0\/emHuO\/NacM3JDo299h7ZATWNSH0gKWF1RbhqKJR0XfMdFP3TOrTazszICpkNMuGWL0xkjBKmUkSoFMxPSuMOGjDGg4G18ngP2R\/LGO5fS6XuUWjVIUF+pLHe2q8XvSIoxpv\/GvSy7vIyTySYsFWpfddLHwMmUopjjjZy2jvLBhg9apScMBhxTTVFVU1SbUlinVbisQ5Kn1hKbE0Zw9iSMC\/uulEr7IUjY3amZrvfD1q1PMfhXmmxQ3kFU3LaIdfviMYjOV3BJyJxK\/YKr2Ao9pIaTIWi7dH53Xwx+hVuJh9vg8HsDoaT28Xgw+1o5jpU7VdZk0bMXITy96yMN2LPYyJPRdO\/tvy1q\/+p7brO7JT5sWc\/FY9S3ZioLcZ1aWkblR1itXHu4cB+Koc7IjeUm7N2s1AuVy\/Pyszk9xuJyCGiMmKofvBn0BU7O39Fvfthb3RZ87vPS7LT7486w9TxEeNcD7sX6uBGoPPgAkxbcJ\/W5rrWumgu+ZSRCJc8LU\/toVKQabsEtlNglqR5yTrLB3dKcMeCh4Kvqdwt+Qd+MFghTz68W8K7Fj7f0qTKwVM3IJrA3MSw+p6QMXEEiZGQ8dcFzs7\/XeAwDC+H3X8SOLwZNtvBmcDpgq2ImjIP5va1yOsLBC34KztR8OSnL0W8j7R1qMDbBp6fVHQ7c7VKJZRvjG\/FtWNc7YmtS\/Wyp7MRDwaLAYTjyaf5T24rYb6V3JgXWwQav1T7JRvhN0s+iCIzOhoC1IQyVV5nsMaj9Pb8yp4gmgruXNrpJd6yKh1z85LP8I89KtdyZ3gbof3ca66J3jt25QZM8a5hTWtFn01SB5MLWTEsHfI9mcJdwwbIqPmlPZXx62B+o69XQm8fzldqPjMNLRrF5ktogulCLNXOVKskkOu1EJqwc6E6lTRpfD635tgn+5tdmhTj58PlM4SfjV86aCobtDN2RYMXcYcSjfYuKrz0mCuOkmpsCM5OHsGy\/4t4H5M4jZfWwlO0Gs1cGpt\/n9KgebyujffCUBQEi6l4zvEFdkWWvtB5OVyzfyVXy64SrELKr0lBacnH1vBCQD\/Y099yj+fK\" 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>Edytuj DOT w VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p id=\"QwfwErb\"><img alt=\"Diagram jako kod: VPasCode do dekompozycji top-down DFD dla DFD poziomu 1\" class=\"alignnone wp-image-19606 size-full\" decoding=\"async\" height=\"431\" loading=\"lazy\" sizes=\"auto, (max-width: 1436px) 100vw, 1436px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a702db65d5e5.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a702db65d5e5.png 1436w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a702db65d5e5-300x90.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a702db65d5e5-1024x307.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a702db65d5e5-768x231.png 768w\" width=\"1436\"\/><strong>Interpretacja:<\/strong><\/p>\n<ul>\n<li>Liniowy ci\u0105g <code data-backticks=\"1\">P1 \u2192 P2 \u2192 P3 \u2192 P4<\/code> przedstawia <strong>uporz\u0105dkowany ruroci\u0105g<\/strong>: zam\u00f3wienie jest sk\u0142adane przed p\u0142atno\u015bci\u0105, przed sprawdzeniem stanu magazynowego, przed wysy\u0142k\u0105.<\/li>\n<li>Interakcja <strong>Bramy P\u0142atno\u015bci<\/strong> wymiany wykorzystuje dwie jednostronne strza\u0142ki (<code data-backticks=\"1\">\u017b\u0105danie P\u0142atno\u015bci<\/code> na zewn\u0105trz, <code data-backticks=\"1\">Status P\u0142atno\u015bci<\/code> do wewn\u0105trz).<\/li>\n<li><strong>Magazyny danych<\/strong> pe\u0142ni\u0105 rol\u0119 stanu: <code data-backticks=\"1\">P1<\/code>\u00a0<em>zapisuje<\/em> Zam\u00f3wienia, <code data-backticks=\"1\">P3<\/code>\u00a0<em>czyta i aktualizuje<\/em> stan magazynowy (<code data-backticks=\"1\">dir=both<\/code>),\u00a0<code data-backticks=\"1\">P4<\/code>\u00a0<em>zapisuje<\/em> Wysy\u0142ki.<\/li>\n<li><code data-backticks=\"1\">P3 \u2192 ProductDS<\/code> u\u017cywa <strong><code data-backticks=\"1\">dir=both<\/code><\/strong> \u2014 jedna kraw\u0119d\u017a, nie dwie \u2014 poniewa\u017c proces ten zar\u00f3wno odczytuje, jak i aktualizuje stan magazynu.<\/li>\n<\/ul>\n<hr\/>\n<h3>Krok 3 \u2014 Pog\u0142\u0119bianie: <a href=\"https:\/\/guides.visual-paradigm.com\/navigating-system-complexity-a-comprehensive-guide-to-data-flow-diagram-levels\/\">Poziom-2<\/a> (Skup si\u0119 na jednym procesie)<\/h3>\n<p id=\"TnBKRjg\"><img alt=\"Czatbot AI Visual Paradigm: Przyk\u0142ad dekompozycji na poziom 1 (g\u0142\u00f3wne procesy) w dekompozycji top-down z wykorzystaniem AI\" class=\"alignnone wp-image-19607 size-full\" decoding=\"async\" height=\"871\" loading=\"lazy\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a702de22f61d.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a702de22f61d.png 1920w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a702de22f61d-300x136.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a702de22f61d-1024x465.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a702de22f61d-768x348.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a702de22f61d-1536x697.png 1536w\" width=\"1920\"\/><\/p>\n<p>Wybierz proces z poziomu 1 i zdekomponuj go<em>tylko ten jeden<\/em>. Poka\u017c <strong>procesy nadrz\u0119dne<\/strong> na granicy (r\u00f3\u017cowy), aby zachowa\u0107 kontekst, wraz z podprocesami, podmagazynami i przep\u0142ywami.<\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">DOT<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNqtVm1vGjkQ\/n7S\/YcRJ1WJBAksoCOKchIBtq2UXiJIT4pCdHJ2B7BqvFvbJOHa\/PeOvW9eSNrq7jYfAuNnxjPPzDxLzJeKpSsYh2P48usvQM\/xMbRaLXg7HV69g9n1zcUE3sCYMwKu4ZobgfY8w2bOt9kX+ygmP8VcwRlcTCurTgWXqMlq1AYre\/KASrCU7AsmtHcgkxg12oP2Ub8evTAPKvMikUayNZK98Q7FAxoeseZQcSaamknd0qj4olF30Pwf69AJKrNg9yhskCu2XaM0cKWSCLWGgwt8QNEKDqEFl9LWApcqRlUCZlttcJ3fcJf9szXA7c8m16wl1WlCivKRx2Zlvx71i6AYL\/9t0JNmVSk9USIS26fGb333EJgplTzmaCLY3lmOxOTJoJJMwEQabrZ+iXrFUutynzw1QZutcGktuBAY2xToQ3XZpBP2wwmZK1M7GAzGnUZe4WijTbJGdQp5F94yg49se+olY+dzdjO7nnyA88uPf46H0xs4MCuuQW\/uW2nWlMNqTMmaTWokKDqqv7N+nScbGTO1LSa\/NgPBURt25qBx+j\/NXK8yVzT83rd\/nkdJZcz0CuOmsukSpRXiflm5h0P75x2umVpySWdBu6Aup29WkURLebBUiBIiriKB+rC+hFV3s\/OfaPAg7E9OGvVhqxXaHQwm3ZFzfMI458QKQxOqie\/eVQGugg7cusacUVs6czliItoImou5vE4ME427Ux8deOhgLv9igscOnPdzB9714N25HG7MKlGU1Wv4nofvUTKJXHC1nksnCQ67xzZdz1o018ryvUUhkkdQGCUqfp3w7PzHhIdheDLqfY\/w8HzUDsY7hDvF9UgeMWXGM\/pQFPcFxh346uzHeXHwnrZGw3OdEJWsE+vpOQbk6OyGJ3LPIWOVXDyPrvXIDqipJPSaRS85uzx2buuRr7MX4Br\/V0zZHfYGPuXyk5XyiFYSnwwsKFNY8eWKKhRW6f\/rDoSjSW8y+l5LRkFn0D\/\/wQ70\/B2oVqBz1KbRFCzCvC1zeZC6Ig\/rPFeD3bUu5aC+lw8ETtT2BcdnT2ZDGlOdsZPBNBxDlOszcArh6y3qzJEybf1R29k8STc85UUFrFrWsv0fkDYwLpHFG+FV\/BgN40J7ra+LHEQrxmV+bbB3r5MQeENxuI5IY42XJMEcuqKyUJN4Xx4szKF7+zmWqhLX0yzfq8vsNWdpRZXNfj1q7W1YXlDEZdZhLqf4eYPaS6nutVPLMCWGHpg4thxG9ndNPbnLjUk3BqjP+\/0vkuu5oF2vYh77WuihykbusTPFCHlq6rePSTTBiSawqDZhWQ9zxSqCTZHFxZA1gX6Ent0nZrXbyVysdrtJzbQne63ck6qpU2WSqCf54i2u0EKkCqePaXbHzDCzyabr+Rvg8kjT\" 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>Edytuj DOT w 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\">DOT<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNqtVm1vGjkQ\/n7S\/YcRJ1WJBAksoCOKchIBtq2UXiJIT4pCdHJ2B7BqvFvbJOHa\/PeOvW9eSNrq7jYfAuNnxjPPzDxLzJeKpSsYh2P48usvQM\/xMbRaLXg7HV69g9n1zcUE3sCYMwKu4ZobgfY8w2bOt9kX+ygmP8VcwRlcTCurTgWXqMlq1AYre\/KASrCU7AsmtHcgkxg12oP2Ub8evTAPKvMikUayNZK98Q7FAxoeseZQcSaamknd0qj4olF30Pwf69AJKrNg9yhskCu2XaM0cKWSCLWGgwt8QNEKDqEFl9LWApcqRlUCZlttcJ3fcJf9szXA7c8m16wl1WlCivKRx2Zlvx71i6AYL\/9t0JNmVSk9USIS26fGb333EJgplTzmaCLY3lmOxOTJoJJMwEQabrZ+iXrFUutynzw1QZutcGktuBAY2xToQ3XZpBP2wwmZK1M7GAzGnUZe4WijTbJGdQp5F94yg49se+olY+dzdjO7nnyA88uPf46H0xs4MCuuQW\/uW2nWlMNqTMmaTWokKDqqv7N+nScbGTO1LSa\/NgPBURt25qBx+j\/NXK8yVzT83rd\/nkdJZcz0CuOmsukSpRXiflm5h0P75x2umVpySWdBu6Aup29WkURLebBUiBIiriKB+rC+hFV3s\/OfaPAg7E9OGvVhqxXaHQwm3ZFzfMI458QKQxOqie\/eVQGugg7cusacUVs6czliItoImou5vE4ME427Ux8deOhgLv9igscOnPdzB9714N25HG7MKlGU1Wv4nofvUTKJXHC1nksnCQ67xzZdz1o018ryvUUhkkdQGCUqfp3w7PzHhIdheDLqfY\/w8HzUDsY7hDvF9UgeMWXGM\/pQFPcFxh346uzHeXHwnrZGw3OdEJWsE+vpOQbk6OyGJ3LPIWOVXDyPrvXIDqipJPSaRS85uzx2buuRr7MX4Br\/V0zZHfYGPuXyk5XyiFYSnwwsKFNY8eWKKhRW6f\/rDoSjSW8y+l5LRkFn0D\/\/wQ70\/B2oVqBz1KbRFCzCvC1zeZC6Ig\/rPFeD3bUu5aC+lw8ETtT2BcdnT2ZDGlOdsZPBNBxDlOszcArh6y3qzJEybf1R29k8STc85UUFrFrWsv0fkDYwLpHFG+FV\/BgN40J7ra+LHEQrxmV+bbB3r5MQeENxuI5IY42XJMEcuqKyUJN4Xx4szKF7+zmWqhLX0yzfq8vsNWdpRZXNfj1q7W1YXlDEZdZhLqf4eYPaS6nutVPLMCWGHpg4thxG9ndNPbnLjUk3BqjP+\/0vkuu5oF2vYh77WuihykbusTPFCHlq6rePSTTBiSawqDZhWQ9zxSqCTZHFxZA1gX6Ent0nZrXbyVysdrtJzbQne63ck6qpU2WSqCf54i2u0EKkCqePaXbHzDCzyabr+Rvg8kjT\" 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>Edytuj DOT w 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\">DOT<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNqtVl9v4kYQf6\/U77CiL0SCBAyoRFEqEf5cud41KCSqkiiqFnsDBnsXrdfHra95uOiifoaoH+Pe2rwd\/l6dtTG7dtLk1NZ5CIznNzvzm5nf4rhTjpcz1Bv00Idvv0Hw7O2harWKxqfnb4YXne7rDnp10hmcoSE6PT89iz+i3rADlrdnyi2FpDEu0y\/q4ZguHJejQ\/TmRFuDpedSEoBV8JBoO3tHuIeXYL\/GXmC8oMwhAVEvarutfPTM3Nbma0YFxT4Be+lH4r0jwrVxpcNd7FUCTINqQLh7XcoDAjdSgLqlzR6eEE8FGXFmQ7rL+BYLyuI\/bBeVRyxymV+1dhBQJANBfLTkERErzCNMXYwi7H\/5vHJJ\/AkxqurdHHiV\/lMlocuvzbWSy7FeQUtCV64jZurrbisLSpzpvw26X9GFw2Mzj6m2lb5rJQ84Y87ZauMNfKszt4MyYo7vMoEisqLre8EjKs0ygxleKtiEva+gQEgvSe3a9TziqDTggz6wXx+0Bn0wa1PNard79dKmym4YCOYTfoBGWPqEildYkBWWB0ZCanJhOH8edjtofD4+7cOYlgWhaMmcZdLOHT22QThJJ9f2IDThv6YNPWIhdTCX2ULkZsLaraHHc1E6+J\/GsKnNmobvW+rPQGypdHAwI06Fq4yBUu0xmWr4oKP+jJc+5lOXwjurllGn+5myJFE5conHKEELBnXu5JdSt9Z2ue2Rr+hue9Dq75fy05arstFu9xvdBPieOBtClFBUkB75xpUOMLLq6DJpzCG0pU6PJ55rR3Qc+uv70tWB6WgZjha9WBEur91FOKejrIfr3wuQhgFp0E4oGJfRs4imgWjSEROgAtyJ\/6QXG0mgLkkgRcp9PMWRpBI5mEp7hsrxw5fP8a0giJMF4478R\/Y5seH9y+wPBoP9bvM59gdH3ZrVK7CfyLHBeBdz0RvDh6zQD6hXR7+hn1gQycUe7XtE7aXciqASxJs8TZz5TMUwQlgQIrHbc1J0TzcdAIZ\/A\/xP4RII8AIQ1NhDtioGOOYO4YXzmoC\/eJRhviubLaDY4dH63oE9KHNoygOcoKR\/ATtLFgEoH1rJ+CGIyJSBxqi7IfyvqzLo9pv97nPN6lr1duvohVVpmquiN6W+W6MX8a2qxRxMWt6WKnfyLdCb0ACsMddjgSnaDG9YDJDgb8y7Aq5JaJVcScQclMoMnK4pVqO\/hxYeJCMwcpjWbHBLw0Ad1R9yi5+NnFEL3qafuev1f0sEgy0bGdKdOWfXSxEyjmzorlpI+Qi3LS7+iONPdggVPJG09SgN0CiMXHqCJ1hInS54JI6a8Uyq2ApT\/KT2KO8EpOXHcMuEK8HnUx7CBHO1QfCbBU049hfrO+MiX9\/l4+eu3O1R8V\/rO+ATaN8chO25prQAKtaG00mK1Pzt0WPHhyzzOf4i54rrdBpemJgs3WZyjnmMEggbrrJHQmwAtt3fkog5njKaVxeZT6\/HArG+X6rsNmug0ktVPNf7jXBmsY8dO5ICz7eCCasMP5cPJ0zMisOw0cviQKibKJVM47LL98pEYU7mJACJmNOtcgLwqWMTOjLZ1AEWIsSeq25AWHsRBmrFb\/4GbMnFXw==\" \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 DOT in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-dot\"><code class=\"language-dot\" data-language=\"dot\" class=\"language-dot\">digraph DFD {\r\n    \/\/ --- STYLIZACJA GRAFU I TYTU\u0141 DIAGRAMU ---\r\n    graph [\r\n        rankdir = LR\r\n        splines = true\r\n        overlap = false\r\n        nodesep = 0.5\r\n        ranksep = 0.8\r\n        fontname = \"Helvetica,Arial,sans-serif\"\r\n        fontsize = 12\r\n        label = \"Proces p\u0142atno\u015bci (Poziom-2) - System przetwarzania zam\u00f3wie\u0144 online\"\r\n    ]\r\n    node [ fontname = \"Helvetica,Arial,sans-serif\", fontsize = 11, penwidth = 1.5 ]\r\n    edge [ fontname = \"Helvetica,Arial,sans-serif\", fontsize = 9,\r\n           color = \"#555555\", arrowsize = 0.8 ]\r\n\r\n    \/\/ Podmiot zewn\u0119trzny\r\n    node [shape = box, style = \"filled\", fillcolor = \"#E1F5FE\", color = \"#0288D1\"]\r\n    Customer; PaymentGateway;\r\n\r\n    \/\/ --- GRANICA SYSTEMU (ten podproces) ---\r\n    subgraph cluster_SystemBoundary {\r\n        label = \"2.0 Proces p\u0142atno\u015bci\";\r\n        fontname = \"Helvetica,Arial,sans-serif\"\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        \/\/ Podprocesy (zielone ko\u0142a)\r\n        node [shape = circle, style = \"filled\", fillcolor = \"#E8F5E9\",\r\n              color = \"#388E3C\", fixedsize = true, width = 1.3]\r\n        P21 [label=\"2.1nOblicznSum\u0119\"];\r\n        P22 [label=\"2.2nZweryfikujnP\u0142atno\u015b\u0107\"];\r\n        P23 [label=\"2.3nAutoryzujnP\u0142atno\u015b\u0107\"];\r\n        P24 [label=\"2.4nPotwierd\u017anZam\u00f3wienie\"];\r\n\r\n        \/\/ Podmagazyny danych (\u017c\u00f3\u0142te rekordy)\r\n        node [shape = record, style = \"filled\", fillcolor = \"#FFF9C4\",\r\n              color = \"#FBC02D\", fixedsize = false]\r\n        CartDS   [label=\"{ D1 | Koszyk\/nElementy zam\u00f3wienia }\"];\r\n        PromoDS  [label=\"{ D2 | Promocje }\"];\r\n        PaymentDS [label=\"{ D3 | Transakcjenp\u0142atno\u015bciowe }\"];\r\n        OrderDS  [label=\"{ D4 | Zam\u00f3wienia }\"];\r\n\r\n        \/\/ Procesy nadrz\u0119dne (r\u00f3\u017cowe) - kontekst z wy\u017cszego poziomu\r\n        node [shape = circle, style = \"filled\", fillcolor = \"#FCE4EC\",\r\n              color = \"#C2185B\", fixedsize = true, width = 1.4]\r\n        P1 [label=\"1.0nZ\u0142\u00f3\u017cnZam\u00f3wienien(nadrz\u0119dny)\"];\r\n        P3 [label=\"3.0nPotwierd\u017anStan magazynun(nadrz\u0119dny)\"];\n    }\r\n\r\n    \/\/ Przep\u0142ywy od proces\u00f3w nadrz\u0119dnych \/ klienta do podproces\u00f3w\r\n    P1 -&gt; P21 [label=\"ElementynZam\u00f3wienia\"];\r\n    P1 -&gt; P22 [label=\"MetodanP\u0142atno\u015bci\"];\r\n    Customer -&gt; P22 [label=\"Szczeg\u00f3\u0142ynP\u0142atno\u015bci\"];\r\n\r\n    \/\/ \u0141a\u0144cuch podproces\u00f3w\r\n    P21 -&gt; P22 [label=\"Suma inRabaty\"];\r\n    P22 -&gt; P23 [label=\"ZweryfikowananP\u0142atno\u015b\u0107\"];\r\n    P23 -&gt; P24 [label=\"P\u0142atno\u015b\u0107nAutoryzowana\"];\r\n\r\n    \/\/ Interakcja z bramk\u0105 zewn\u0119trzn\u0105\r\n    P23 -&gt; PaymentGateway [label=\"\u017b\u0105danienAutoryzacji\"];\r\n    PaymentGateway -&gt; P23 [label=\"Zatwierdzenie\/nOdmowa\"];\r\n\r\n    \/\/ Wyj\u015bcia do proces\u00f3w nadrz\u0119dnych \/ klienta\r\n    P24 -&gt; P3 [label=\"Zap\u0142aconenZam\u00f3wienie\"];\r\n    P24 -&gt; Customer [label=\"Paragonnp\u0142atno\u015bciowy\"];\r\n\r\n    \/\/ Dost\u0119p do magazyn\u00f3w danych\r\n    P21 -&gt; CartDS [label=\"OdczytajnElementy\", dir=both];\r\n    P22 -&gt; PromoDS [label=\"ZweryfikujnPromocj\u0119\"];\r\n    P23 -&gt; PaymentDS [label=\"ZarejestrujnTransakcj\u0119\", dir=both];\r\n    P24 -&gt; OrderDS [label=\"ZaktualizujnStatus\"];\n}\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNqtVl9v4kYQf6\/U77CiL0SCBAyoRFEqEf5cud41KCSqkiiqFnsDBnsXrdfHra95uOiifoaoH+Pe2rwd\/l6dtTG7dtLk1NZ5CIznNzvzm5nf4rhTjpcz1Bv00Idvv0Hw7O2harWKxqfnb4YXne7rDnp10hmcoSE6PT89iz+i3rADlrdnyi2FpDEu0y\/q4ZguHJejQ\/TmRFuDpedSEoBV8JBoO3tHuIeXYL\/GXmC8oMwhAVEvarutfPTM3Nbma0YFxT4Be+lH4r0jwrVxpcNd7FUCTINqQLh7XcoDAjdSgLqlzR6eEE8FGXFmQ7rL+BYLyuI\/bBeVRyxymV+1dhBQJANBfLTkERErzCNMXYwi7H\/5vHJJ\/AkxqurdHHiV\/lMlocuvzbWSy7FeQUtCV64jZurrbisLSpzpvw26X9GFw2Mzj6m2lb5rJQ84Y87ZauMNfKszt4MyYo7vMoEisqLre8EjKs0ygxleKtiEva+gQEgvSe3a9TziqDTggz6wXx+0Bn0wa1PNard79dKmym4YCOYTfoBGWPqEildYkBWWB0ZCanJhOH8edjtofD4+7cOYlgWhaMmcZdLOHT22QThJJ9f2IDThv6YNPWIhdTCX2ULkZsLaraHHc1E6+J\/GsKnNmobvW+rPQGypdHAwI06Fq4yBUu0xmWr4oKP+jJc+5lOXwjurllGn+5myJFE5conHKEELBnXu5JdSt9Z2ue2Rr+hue9Dq75fy05arstFu9xvdBPieOBtClFBUkB75xpUOMLLq6DJpzCG0pU6PJ55rR3Qc+uv70tWB6WgZjha9WBEur91FOKejrIfr3wuQhgFp0E4oGJfRs4imgWjSEROgAtyJ\/6QXG0mgLkkgRcp9PMWRpBI5mEp7hsrxw5fP8a0giJMF4478R\/Y5seH9y+wPBoP9bvM59gdH3ZrVK7CfyLHBeBdz0RvDh6zQD6hXR7+hn1gQycUe7XtE7aXciqASxJs8TZz5TMUwQlgQIrHbc1J0TzcdAIZ\/A\/xP4RII8AIQ1NhDtioGOOYO4YXzmoC\/eJRhviubLaDY4dH63oE9KHNoygOcoKR\/ATtLFgEoH1rJ+CGIyJSBxqi7IfyvqzLo9pv97nPN6lr1duvohVVpmquiN6W+W6MX8a2qxRxMWt6WKnfyLdCb0ACsMddjgSnaDG9YDJDgb8y7Aq5JaJVcScQclMoMnK4pVqO\/hxYeJCMwcpjWbHBLw0Ad1R9yi5+NnFEL3qafuev1f0sEgy0bGdKdOWfXSxEyjmzorlpI+Qi3LS7+iONPdggVPJG09SgN0CiMXHqCJ1hInS54JI6a8Uyq2ApT\/KT2KO8EpOXHcMuEK8HnUx7CBHO1QfCbBU049hfrO+MiX9\/l4+eu3O1R8V\/rO+ATaN8chO25prQAKtaG00mK1Pzt0WPHhyzzOf4i54rrdBpemJgs3WZyjnmMEggbrrJHQmwAtt3fkog5njKaVxeZT6\/HArG+X6rsNmug0ktVPNf7jXBmsY8dO5ICz7eCCasMP5cPJ0zMisOw0cviQKibKJVM47LL98pEYU7mJACJmNOtcgLwqWMTOjLZ1AEWIsSeq25AWHsRBmrFb\/4GbMnFXw==\" \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 DOT 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:eNqtVm1vGjkQ\/n7S\/YcRJ1WJBAksoCOKchIBtq2UXiJIT4pCdHJ2B7BqvFvbJOHa\/PeOvW9eSNrq7jYfAuNnxjPPzDxLzJeKpSsYh2P48usvQM\/xMbRaLXg7HV69g9n1zcUE3sCYMwKu4ZobgfY8w2bOt9kX+ygmP8VcwRlcTCurTgWXqMlq1AYre\/KASrCU7AsmtHcgkxg12oP2Ub8evTAPKvMikUayNZK98Q7FAxoeseZQcSaamknd0qj4olF30Pwf69AJKrNg9yhskCu2XaM0cKWSCLWGgwt8QNEKDqEFl9LWApcqRlUCZlttcJ3fcJf9szXA7c8m16wl1WlCivKRx2Zlvx71i6AYL\/9t0JNmVSk9USIS26fGb333EJgplTzmaCLY3lmOxOTJoJJMwEQabrZ+iXrFUutynzw1QZutcGktuBAY2xToQ3XZpBP2wwmZK1M7GAzGnUZe4WijTbJGdQp5F94yg49se+olY+dzdjO7nnyA88uPf46H0xs4MCuuQW\/uW2nWlMNqTMmaTWokKDqqv7N+nScbGTO1LSa\/NgPBURt25qBx+j\/NXK8yVzT83rd\/nkdJZcz0CuOmsukSpRXiflm5h0P75x2umVpySWdBu6Aup29WkURLebBUiBIiriKB+rC+hFV3s\/OfaPAg7E9OGvVhqxXaHQwm3ZFzfMI458QKQxOqie\/eVQGugg7cusacUVs6czliItoImou5vE4ME427Ux8deOhgLv9igscOnPdzB9714N25HG7MKlGU1Wv4nofvUTKJXHC1nksnCQ67xzZdz1o018ryvUUhkkdQGCUqfp3w7PzHhIdheDLqfY\/w8HzUDsY7hDvF9UgeMWXGM\/pQFPcFxh346uzHeXHwnrZGw3OdEJWsE+vpOQbk6OyGJ3LPIWOVXDyPrvXIDqipJPSaRS85uzx2buuRr7MX4Br\/V0zZHfYGPuXyk5XyiFYSnwwsKFNY8eWKKhRW6f\/rDoSjSW8y+l5LRkFn0D\/\/wQ70\/B2oVqBz1KbRFCzCvC1zeZC6Ig\/rPFeD3bUu5aC+lw8ETtT2BcdnT2ZDGlOdsZPBNBxDlOszcArh6y3qzJEybf1R29k8STc85UUFrFrWsv0fkDYwLpHFG+FV\/BgN40J7ra+LHEQrxmV+bbB3r5MQeENxuI5IY42XJMEcuqKyUJN4Xx4szKF7+zmWqhLX0yzfq8vsNWdpRZXNfj1q7W1YXlDEZdZhLqf4eYPaS6nutVPLMCWGHpg4thxG9ndNPbnLjUk3BqjP+\/0vkuu5oF2vYh77WuihykbusTPFCHlq6rePSTTBiSawqDZhWQ9zxSqCTZHFxZA1gX6Ent0nZrXbyVysdrtJzbQne63ck6qpU2WSqCf54i2u0EKkCqePaXbHzDCzyabr+Rvg8kjT\" 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>Edytuj DOT w 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:eNqtVm1vGjkQ\/n7S\/YcRJ1WJBAksoCOKchIBtq2UXiJIT4pCdHJ2B7BqvFvbJOHa\/PeOvW9eSNrq7jYfAuNnxjPPzDxLzJeKpSsYh2P48usvQM\/xMbRaLXg7HV69g9n1zcUE3sCYMwKu4ZobgfY8w2bOt9kX+ygmP8VcwRlcTCurTgWXqMlq1AYre\/KASrCU7AsmtHcgkxg12oP2Ub8evTAPKvMikUayNZK98Q7FAxoeseZQcSaamknd0qj4olF30Pwf69AJKrNg9yhskCu2XaM0cKWSCLWGgwt8QNEKDqEFl9LWApcqRlUCZlttcJ3fcJf9szXA7c8m16wl1WlCivKRx2Zlvx71i6AYL\/9t0JNmVSk9USIS26fGb333EJgplTzmaCLY3lmOxOTJoJJMwEQabrZ+iXrFUutynzw1QZutcGktuBAY2xToQ3XZpBP2wwmZK1M7GAzGnUZe4WijTbJGdQp5F94yg49se+olY+dzdjO7nnyA88uPf46H0xs4MCuuQW\/uW2nWlMNqTMmaTWokKDqqv7N+nScbGTO1LSa\/NgPBURt25qBx+j\/NXK8yVzT83rd\/nkdJZcz0CuOmsukSpRXiflm5h0P75x2umVpySWdBu6Aup29WkURLebBUiBIiriKB+rC+hFV3s\/OfaPAg7E9OGvVhqxXaHQwm3ZFzfMI458QKQxOqie\/eVQGugg7cusacUVs6czliItoImou5vE4ME427Ux8deOhgLv9igscOnPdzB9714N25HG7MKlGU1Wv4nofvUTKJXHC1nksnCQ67xzZdz1o018ryvUUhkkdQGCUqfp3w7PzHhIdheDLqfY\/w8HzUDsY7hDvF9UgeMWXGM\/pQFPcFxh346uzHeXHwnrZGw3OdEJWsE+vpOQbk6OyGJ3LPIWOVXDyPrvXIDqipJPSaRS85uzx2buuRr7MX4Br\/V0zZHfYGPuXyk5XyiFYSnwwsKFNY8eWKKhRW6f\/rDoSjSW8y+l5LRkFn0D\/\/wQ70\/B2oVqBz1KbRFCzCvC1zeZC6Ig\/rPFeD3bUu5aC+lw8ETtT2BcdnT2ZDGlOdsZPBNBxDlOszcArh6y3qzJEybf1R29k8STc85UUFrFrWsv0fkDYwLpHFG+FV\/BgN40J7ra+LHEQrxmV+bbB3r5MQeENxuI5IY42XJMEcuqKyUJN4Xx4szKF7+zmWqhLX0yzfq8vsNWdpRZXNfj1q7W1YXlDEZdZhLqf4eYPaS6nutVPLMCWGHpg4thxG9ndNPbnLjUk3BqjP+\/0vkuu5oF2vYh77WuihykbusTPFCHlq6rePSTTBiSawqDZhWQ9zxSqCTZHFxZA1gX6Ent0nZrXbyVysdrtJzbQne63ck6qpU2WSqCf54i2u0EKkCqePaXbHzDCzyabr+Rvg8kjT\" 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>Edytuj DOT w VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p id=\"YTcwPSa\"><img alt=\"Diagram jako kod z VPasCode: Roz\u0142\u00f3\u017c na poziom 1 (g\u0142\u00f3wne procesy) i wyrenderuj DFD\" class=\"alignnone wp-image-19608 size-full\" decoding=\"async\" height=\"521\" loading=\"lazy\" sizes=\"auto, (max-width: 1536px) 100vw, 1536px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a702e00df894.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a702e00df894.png 1536w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a702e00df894-300x102.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a702e00df894-1024x347.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a702e00df894-768x261.png 768w\" width=\"1536\"\/><strong>Interpretacja (w por\u00f3wnaniu do <a href=\"https:\/\/guides.visual-paradigm.com\/navigating-system-complexity-a-comprehensive-guide-to-data-flow-diagram-levels\/\">Poziom-1<\/a>):<\/strong><\/p>\n<ul>\n<li><strong>2.1 Oblicz Sum\u0119<\/strong> jest <em>czystym obliczeniem<\/em> \u2014 odczytuje elementy koszyka, generuje wynik, bez zewn\u0119trznego I\/O poza magazynami danych.<\/li>\n<li><strong>2.3 Autoryzuj P\u0142atno\u015b\u0107<\/strong> jest <em>jedynym<\/em> krokiem komunikuj\u0105cym si\u0119 z zewn\u0119trznym <strong>Bramk\u0105 P\u0142atno\u015bci<\/strong> \u2014 przep\u0142yw \u015brodk\u00f3w jest czysto izolowany.<\/li>\n<li>The<code data-backticks=\"1\">Zam\u00f3wienia<\/code> sklep ponownie si\u0119 pojawia, poniewa\u017c<strong>2.4<\/strong> aktualizuje status zam\u00f3wienia (pocz\u0105tkowo napisane przez<strong>1.0<\/strong> na poziomie 1).<\/li>\n<li>The chain<code data-backticks=\"1\">2.1 \u2192 2.2 \u2192 2.3 \u2192 2.4<\/code> jest<strong>sekwencyjnym potokiem walidacji<\/strong> przed przekazaniem do<strong>3.0<\/strong> (r\u00f3\u017cowy rodzic).<\/li>\n<li><strong>Procesy nadrz\u0119dne 1.0 i 3.0<\/strong> s\u0105 rysowane na r\u00f3\u017cowo <em>poza<\/em> granic\u0105, aby zakotwiczy\u0107 miejsca, w kt\u00f3rych przep\u0142ywy si\u0119 zaczynaj\u0105 i ko\u0144cz\u0105.<\/li>\n<\/ul>\n<hr\/>\n<h3>Krok 4 \u2014 Ponowne pog\u0142\u0119bienie: <a href=\"https:\/\/guides.visual-paradigm.com\/navigating-system-complexity-a-comprehensive-guide-to-data-flow-diagram-levels\/\">Poziom-3<\/a> (Powtarzaj rekurencyjnie)<\/h3>\n<p id=\"QrrNWjH\"><img alt=\"Czatbot AI Visual Paradigm: Ponowne pog\u0142\u0119bienie: poziom 3 (powtarzaj rekurencyjnie) przyk\u0142ad dekompozycji top-down z wykorzystaniem AI\" class=\"alignnone wp-image-19609 size-full\" decoding=\"async\" height=\"868\" loading=\"lazy\" sizes=\"auto, (max-width: 1911px) 100vw, 1911px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a702e341348d.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a702e341348d.png 1911w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a702e341348d-300x136.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a702e341348d-1024x465.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a702e341348d-768x349.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a702e341348d-1536x698.png 1536w\" width=\"1911\"\/><\/p>\n<p>Powt\u00f3rz dok\u0142adnie t\u0119 sam\u0105 technik\u0119 na ka\u017cdym podprocesie, kt\u00f3ry nadal jest zbyt z\u0142o\u017cony. Przybli\u017camy si\u0119 do <strong>2.2 Walidacja p\u0142atno\u015bci<\/strong>.<\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">DOT<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNqtVm1PIzcQ\/l6p\/2GUSgikBMgmUYMQlUI22zspPRChJyGCKmd3SCwce8\/2AumV\/96xd5N9yfXu1HbzATKeZzzzPDOTTfhSs3QFYRTC5x9\/AHpOTqDT6cCvN6PrdzC7vZtO4ABCzshxDbfcCnTnuW8Ovs+\/uEcz+ZRwDRcwvSmtJhVcoiGr1RmWdvWMWrCU7I9MmMqBVAkadAenx4N69K15WJoflbSSrZHsrXcontHymLVHmjPRNkyajkHNH1t1gOF\/OkA3KM2CLVC4IB+Z4AmzCNdss0Zp4XCKzyg6vSPowJV0xcCVTlDDtVYxGgOzjbG4Lq54yP+4IuD+e7Nr17LqtiFF+cITu3JfjwfboJgs\/23Qs3ZZKj2xEsoJ1fpp4B9yZlqrl8KbGHZ37npi8mpRSyZgIi23m2qJZsVSB1mo1zYYuxE+rUcuBCYuBfqnvGzSjQbRhMyl6TQYDsNuq6hwnBmr1qjPK5e7hpzdzW4nv8Hl1e8fwtHNHRzaFTcgkD12hFMHTLbopLkeR2WLkjXv0lhQYNR\/5FJdqkwmTG+2XV\/TPzgOoNkDrfP\/qeH6pbmk4OeB+1QQOxoTZlaYtLXLl+gsPRbLEh6N3KdyuGZ6ySWdBadbGgsqp0QYFDTRSB4uNaKEmOtYoDmqj2ApbX7+HeoOo8HkrFXvtFqlveFw0ht74CsmBSluLbShbPfeQxngOgi6cO+1uXDKHHfn8qPjdzOXY6aTk0KguQzRMi5M6+G8hg5q6IBQK4yf5jLSLEuazr2ac4+uKvpgLmnW14rQREwT1a+h+s5pnWYOFHGambkcrUk\/62H7alB4Rswq7fTYoBDqBTTGSif\/LEh+\/m1Boig6G\/e\/Jkh0OT4NwoYgfh9XRHBEhzPYlfkZwi785c1zeYNLbizN0luNF88vgSqYgDDeTKCM+q2B8AzXET1CeLPlSjb96XrbyKqfZ2VP5jLf0O9p2Le4GvXXTLvVXhmFlMun\/zwB0XjSn4y\/Rvg46A4Hl9+YgH5tAqoD0HVtL+JM+Ka8Vdb112HqqzlqNGa1m6mXR5ldKU0XUjNvh2YP+VbZu+8ldbHJv7osOr\/Ux9HfDgc0epTMLsJ2g++5f3FSd5fN8FNGp7RE4TkfOpLccUKUUJKM6BawoHeAeLXNaJdSOeN+NXBM9teBd8vdS14+qG1DRoItczr8TUf15CLEBOwKSTT3Ixj7+fYZNtkpY39pYVRy7u\/z4vms+vb2fENuYrdLSM2UXqswqed5lVlKDKyCXNddpH4eqcxuu9gSr18R1fFWJrGLGu42FLA4H5d6OcV+qIlQ7Oc9\/pt7oVjHfiHs195YCVOlnrJ0Lg\/Alb+p+veLRGzF\/QYZVeR3AA0cvZleLJRdOdDb38HiFas=\" 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>Edytuj DOT w 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\">DOT<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNqtVm1PIzcQ\/l6p\/2GUSgikBMgmUYMQlUI22zspPRChJyGCKmd3SCwce8\/2AumV\/96xd5N9yfXu1HbzATKeZzzzPDOTTfhSs3QFYRTC5x9\/AHpOTqDT6cCvN6PrdzC7vZtO4ABCzshxDbfcCnTnuW8Ovs+\/uEcz+ZRwDRcwvSmtJhVcoiGr1RmWdvWMWrCU7I9MmMqBVAkadAenx4N69K15WJoflbSSrZHsrXcontHymLVHmjPRNkyajkHNH1t1gOF\/OkA3KM2CLVC4IB+Z4AmzCNdss0Zp4XCKzyg6vSPowJV0xcCVTlDDtVYxGgOzjbG4Lq54yP+4IuD+e7Nr17LqtiFF+cITu3JfjwfboJgs\/23Qs3ZZKj2xEsoJ1fpp4B9yZlqrl8KbGHZ37npi8mpRSyZgIi23m2qJZsVSB1mo1zYYuxE+rUcuBCYuBfqnvGzSjQbRhMyl6TQYDsNuq6hwnBmr1qjPK5e7hpzdzW4nv8Hl1e8fwtHNHRzaFTcgkD12hFMHTLbopLkeR2WLkjXv0lhQYNR\/5FJdqkwmTG+2XV\/TPzgOoNkDrfP\/qeH6pbmk4OeB+1QQOxoTZlaYtLXLl+gsPRbLEh6N3KdyuGZ6ySWdBadbGgsqp0QYFDTRSB4uNaKEmOtYoDmqj2ApbX7+HeoOo8HkrFXvtFqlveFw0ht74CsmBSluLbShbPfeQxngOgi6cO+1uXDKHHfn8qPjdzOXY6aTk0KguQzRMi5M6+G8hg5q6IBQK4yf5jLSLEuazr2ac4+uKvpgLmnW14rQREwT1a+h+s5pnWYOFHGambkcrUk\/62H7alB4Rswq7fTYoBDqBTTGSif\/LEh+\/m1Boig6G\/e\/Jkh0OT4NwoYgfh9XRHBEhzPYlfkZwi785c1zeYNLbizN0luNF88vgSqYgDDeTKCM+q2B8AzXET1CeLPlSjb96XrbyKqfZ2VP5jLf0O9p2Le4GvXXTLvVXhmFlMun\/zwB0XjSn4y\/Rvg46A4Hl9+YgH5tAqoD0HVtL+JM+Ka8Vdb112HqqzlqNGa1m6mXR5ldKU0XUjNvh2YP+VbZu+8ldbHJv7osOr\/Ux9HfDgc0epTMLsJ2g++5f3FSd5fN8FNGp7RE4TkfOpLccUKUUJKM6BawoHeAeLXNaJdSOeN+NXBM9teBd8vdS14+qG1DRoItczr8TUf15CLEBOwKSTT3Ixj7+fYZNtkpY39pYVRy7u\/z4vms+vb2fENuYrdLSM2UXqswqed5lVlKDKyCXNddpH4eqcxuu9gSr18R1fFWJrGLGu42FLA4H5d6OcV+qIlQ7Oc9\/pt7oVjHfiHs195YCVOlnrJ0Lg\/Alb+p+veLRGzF\/QYZVeR3AA0cvZleLJRdOdDb38HiFas=\" 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>Edytuj DOT w 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\">DOT<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNqtVt1u4kYUvq\/UdziiUkUkSIIBLVGUSgRwm2a3iUKiKImiavAMMGBm0HhYr73NxUYb9RmiPsbeVXu38F49Y+M\/kv1RW3OR+Mx85+875wPKR4rMx9C1u\/D2++8An50dqFar0D+\/enl03e782oafz9r2BRzB+dX5xeoddI\/aaHl1Ya7FkNjHTfxiHkXElHIFB\/DyLLN6c5cL5qFVqwXL7PI1Uy6Zo31IXC93ICRlHjMHu9vNovfE3MrMQym0IDOG9tIvzH3NNHdIpa04cSseEV7VY4oPS0WAx0MDqFmZ2SUD5honl8TllDgTAvPVPdFCrv5yOJRPZcjlrFrfAuxS4Gk2g7mSDvMWEJLZpw8+Z6v3IIUpdh3tNv5j6oGbb020UkiwVoE5Ez6nemxet5uJU0ZH\/9bpXiWrGh9HutJwVvqhGT14mSgl\/fVtbLaJmU7JqaQzLjWEzBfLR61CEeTL9MZkbmAD+aYCng7cKLUhd11GTRr4TxawV7Obdg\/NmWnXarW6tdK6ys7C03LG1H4uATOmOIm\/HXXa0L\/qn\/dwJsuaCZhLGjMCArmL6OIMXG74I1vZ3HqLQTy6jovumfo9pvNQLgQlKkg2ojAU1rYFzw5Gaf9\/GsVGZs668aJpPjlE2lFKvDGjFWWSxs5mNwajDG63zSd3OCNqxAWeWbtJRxNao84F63ZJn0E55MyVgsFUYrlbxf3MiHa4clz2DVy37GZvr1ScvUKx9VarV+9EwDeMrvtiNKMC2QLUbzMHp5ZVg5uIowPD0HZN9OeK+HT1tzgmSi8fd04TppZ\/in7ohGz06cPqPijd7hfcWAU3VubmxAtxRny5CagXAHVx7TMVDPl0MRHHkgrs5kw6wUQ8idQoABviZOByJxTHvsR0Ebt670h\/+RDBCgS9IiMSBiIASkTgjPNErT6aojQDxaZS0eCzXCnm4PnXubJte6\/T+BJX9mFn1+pucBXpeI6fDlG024e04rfQrcEfYKgh4oxNmKcV3BU6ZCuyMJgcxELINfEIDRI2yAYo6nYRVEdQTMKEbdzGrPRGVg2TlfTCYLojei6bMaGDVNUFT+I9uzCCUBUuHykuSlkhDx+Rkv+8LHan1+h1vkRAx6q1modfWZZGYVnyu1JLBq+\/mOHcldMqgq2Nic1Pel20F1qqIMQxz2\/Ws\/C7nGZfskmkwrHBpFL9qbi+mAcBLrpEk9RDov5PL2ebnOWBWhyThPH6bOozYRaQgJ\/IdgVCGJHV\/fIx5MsHQLJ8IV02QstDkliaWaYIyWpLnwj2rIhE12NY1q1DRaYwdAnqbTK2opzGdNlWbqQwY5xw7hLBI7k1GsBGEmTEkZnAzcZlcT4jN7lSGoUmP2lYqmibtzElLT1TdiDOyIDoYsaXQcQpAyrTX0LZMoxk6rkRe64\/21FD+rUy3qM3M4+kGKcrPZTGuQkzizUQm7hWwWKta71Jqy1+Fzyha1Nr0vux2jxtzobMXAbI65RMxI8Qt2oxyWMa65R0DnJCnTDQCElUBhcYfzEfDKQeG+jdP1nyfbU=\" \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 DOT in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-dot\"><code class=\"language-dot\" data-language=\"dot\" class=\"language-dot\">digraph DFD {\r\n    \/\/ --- STYLIZACJA GRAFU I TYTU\u0141 DIAGRAMU ---\r\n    graph [\r\n        rankdir = LR\r\n        splines = true\r\n        overlap = false\r\n        nodesep = 0.5\r\n        ranksep = 0.8\r\n        fontname = \"Helvetica,Arial,sans-serif\"\r\n        fontsize = 12\r\n        label = \"Walidacja p\u0142atno\u015bci (Poziom-3) - System procesu zam\u00f3wie\u0144 online\"\r\n    ]\r\n    node [ fontname = \"Helvetica,Arial,sans-serif\", fontsize = 11, penwidth = 1.5 ]\r\n    edge [ fontname = \"Helvetica,Arial,sans-serif\", fontsize = 9,\r\n           color = \"#555555\", arrowsize = 0.8 ]\r\n\r\n    \/\/ Podmiot zewn\u0119trzny\r\n    node [shape = box, style = \"filled\", fillcolor = \"#E1F5FE\", color = \"#0288D1\"]\r\n    Customer;\r\n\r\n    \/\/ --- GRANICA SYSTEMU (ten podproces na poziomie li\u015bcia) ---\r\n    subgraph cluster_SystemBoundary {\r\n        label = \"2.2 Walidacja p\u0142atno\u015bci\";\r\n        fontname = \"Helvetica,Arial,sans-serif\"\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        \/\/ Procesy li\u015bciowe (zielone ko\u0142a)\r\n        node [shape = circle, style = \"filled\", fillcolor = \"#E8F5E9\",\r\n              color = \"#388E3C\", fixedsize = true, width = 1.3]\r\n        P221 [label=\"2.2.1nSprawd\u017anKart\u0119\/P\u0142atno\u015b\u0107nSzczeg\u00f3\u0142y\"];\r\n        P222 [label=\"2.2.2nSprawd\u017anOszustwo\"];\r\n        P223 [label=\"2.2.3nZweryfikujnKodnPromocyjny\"];\r\n        P224 [label=\"2.2.4nOblicznKwot\u0119nKo\u0144cow\u0105\"];\r\n\r\n        \/\/ Magazyny danych li\u015bciowe (\u017c\u00f3\u0142te rekordy)\r\n        node [shape = record, style = \"filled\", fillcolor = \"#FFF9C4\",\r\n              color = \"#FBC02D\", fixedsize = false]\r\n        CardDS  [label=\"{ D1 | KartanRejestr }\"];\r\n        FraudDS [label=\"{ D2 | ZasadynOszustwa }\"];\r\n        PromoDS [label=\"{ D3 | Promocje }\"];\r\n        CartDS  [label=\"{ D4 | Koszyk\/nElementy zam\u00f3wienia }\"];\r\n\r\n        \/\/ Procesy nadrz\u0119dne (r\u00f3\u017cowe)\r\n        node [shape = circle, style = \"filled\", fillcolor = \"#FCE4EC\",\r\n              color = \"#C2185B\", fixedsize = true, width = 1.4]\r\n        P21 [label=\"2.1nOblicznSum\u0119n(nadrz\u0119dny)\"];\r\n        P23 [label=\"2.3nAutoryzujnP\u0142atno\u015b\u0107n(nadrz\u0119dny)\"];\r\n    }\r\n\r\n    \/\/ Wej\u015bcia\r\n    P21 -&gt; P221 [label=\"Suma inData\"];\r\n    Customer -&gt; P221 [label=\"Szczeg\u00f3\u0142ynP\u0142atno\u015bci\"];\r\n\r\n\/\/ Sekwencyjna walidacja, z ga\u0142\u0119zi\u0105 r\u00f3wnoleg\u0142\u0105\r\n    P221 -&gt; P222 [label=\"ZweryfikowanenSzczeg\u00f3\u0142y\"];\r\n    P222 -&gt; P223 [label=\"Brak flaginOszustwan(r\u00f3wnolegle)\"];\r\n\r\n    \/\/ Zasilanie ko\u0144cowego obliczenia\r\n    P21 -&gt; P223 [label=\"KodnPromocyjny\"];\r\n    P221 -&gt; P224 [label=\"SumanP\u0142atno\u015bci\"];\r\n    P223 -&gt; P224 [label=\"ZastosowanynRabat\"];\r\n\r\n    \/\/ Wyj\u015bcie do procesu nadrz\u0119dnego\r\n    P224 -&gt; P23 [label=\"Zweryfikowana inZrabatowananSuma\"];\r\n\r\n    \/\/ Dost\u0119p do magazyn\u00f3w danych\r\n    P221 -&gt; CardDS [label=\"Sprawd\u017anKart\u0119\"];\r\n    P222 -&gt; FraudDS [label=\"Sprawd\u017anZasady\"];\r\n    P223 -&gt; PromoDS [label=\"Wyszukajn&amp; Zastosuj\"];\r\n    P224 -&gt; CartDS [label=\"OdczytajnElementy\", dir=both];\r\n}\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNqtVt1u4kYUvq\/UdziiUkUkSIIBLVGUSgRwm2a3iUKiKImiavAMMGBm0HhYr73NxUYb9RmiPsbeVXu38F49Y+M\/kv1RW3OR+Mx85+875wPKR4rMx9C1u\/D2++8An50dqFar0D+\/enl03e782oafz9r2BRzB+dX5xeoddI\/aaHl1Ya7FkNjHTfxiHkXElHIFB\/DyLLN6c5cL5qFVqwXL7PI1Uy6Zo31IXC93ICRlHjMHu9vNovfE3MrMQym0IDOG9tIvzH3NNHdIpa04cSseEV7VY4oPS0WAx0MDqFmZ2SUD5honl8TllDgTAvPVPdFCrv5yOJRPZcjlrFrfAuxS4Gk2g7mSDvMWEJLZpw8+Z6v3IIUpdh3tNv5j6oGbb020UkiwVoE5Ez6nemxet5uJU0ZH\/9bpXiWrGh9HutJwVvqhGT14mSgl\/fVtbLaJmU7JqaQzLjWEzBfLR61CEeTL9MZkbmAD+aYCng7cKLUhd11GTRr4TxawV7Obdg\/NmWnXarW6tdK6ys7C03LG1H4uATOmOIm\/HXXa0L\/qn\/dwJsuaCZhLGjMCArmL6OIMXG74I1vZ3HqLQTy6jovumfo9pvNQLgQlKkg2ojAU1rYFzw5Gaf9\/GsVGZs668aJpPjlE2lFKvDGjFWWSxs5mNwajDG63zSd3OCNqxAWeWbtJRxNao84F63ZJn0E55MyVgsFUYrlbxf3MiHa4clz2DVy37GZvr1ScvUKx9VarV+9EwDeMrvtiNKMC2QLUbzMHp5ZVg5uIowPD0HZN9OeK+HT1tzgmSi8fd04TppZ\/in7ohGz06cPqPijd7hfcWAU3VubmxAtxRny5CagXAHVx7TMVDPl0MRHHkgrs5kw6wUQ8idQoABviZOByJxTHvsR0Ebt670h\/+RDBCgS9IiMSBiIASkTgjPNErT6aojQDxaZS0eCzXCnm4PnXubJte6\/T+BJX9mFn1+pucBXpeI6fDlG024e04rfQrcEfYKgh4oxNmKcV3BU6ZCuyMJgcxELINfEIDRI2yAYo6nYRVEdQTMKEbdzGrPRGVg2TlfTCYLojei6bMaGDVNUFT+I9uzCCUBUuHykuSlkhDx+Rkv+8LHan1+h1vkRAx6q1modfWZZGYVnyu1JLBq+\/mOHcldMqgq2Nic1Pel20F1qqIMQxz2\/Ws\/C7nGZfskmkwrHBpFL9qbi+mAcBLrpEk9RDov5PL2ebnOWBWhyThPH6bOozYRaQgJ\/IdgVCGJHV\/fIx5MsHQLJ8IV02QstDkliaWaYIyWpLnwj2rIhE12NY1q1DRaYwdAnqbTK2opzGdNlWbqQwY5xw7hLBI7k1GsBGEmTEkZnAzcZlcT4jN7lSGoUmP2lYqmibtzElLT1TdiDOyIDoYsaXQcQpAyrTX0LZMoxk6rkRe64\/21FD+rUy3qM3M4+kGKcrPZTGuQkzizUQm7hWwWKta71Jqy1+Fzyha1Nr0vux2jxtzobMXAbI65RMxI8Qt2oxyWMa65R0DnJCnTDQCElUBhcYfzEfDKQeG+jdP1nyfbU=\" \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 DOT 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:eNqtVm1PIzcQ\/l6p\/2GUSgikBMgmUYMQlUI22zspPRChJyGCKmd3SCwce8\/2AumV\/96xd5N9yfXu1HbzATKeZzzzPDOTTfhSs3QFYRTC5x9\/AHpOTqDT6cCvN6PrdzC7vZtO4ABCzshxDbfcCnTnuW8Ovs+\/uEcz+ZRwDRcwvSmtJhVcoiGr1RmWdvWMWrCU7I9MmMqBVAkadAenx4N69K15WJoflbSSrZHsrXcontHymLVHmjPRNkyajkHNH1t1gOF\/OkA3KM2CLVC4IB+Z4AmzCNdss0Zp4XCKzyg6vSPowJV0xcCVTlDDtVYxGgOzjbG4Lq54yP+4IuD+e7Nr17LqtiFF+cITu3JfjwfboJgs\/23Qs3ZZKj2xEsoJ1fpp4B9yZlqrl8KbGHZ37npi8mpRSyZgIi23m2qJZsVSB1mo1zYYuxE+rUcuBCYuBfqnvGzSjQbRhMyl6TQYDsNuq6hwnBmr1qjPK5e7hpzdzW4nv8Hl1e8fwtHNHRzaFTcgkD12hFMHTLbopLkeR2WLkjXv0lhQYNR\/5FJdqkwmTG+2XV\/TPzgOoNkDrfP\/qeH6pbmk4OeB+1QQOxoTZlaYtLXLl+gsPRbLEh6N3KdyuGZ6ySWdBadbGgsqp0QYFDTRSB4uNaKEmOtYoDmqj2ApbX7+HeoOo8HkrFXvtFqlveFw0ht74CsmBSluLbShbPfeQxngOgi6cO+1uXDKHHfn8qPjdzOXY6aTk0KguQzRMi5M6+G8hg5q6IBQK4yf5jLSLEuazr2ac4+uKvpgLmnW14rQREwT1a+h+s5pnWYOFHGambkcrUk\/62H7alB4Rswq7fTYoBDqBTTGSif\/LEh+\/m1Boig6G\/e\/Jkh0OT4NwoYgfh9XRHBEhzPYlfkZwi785c1zeYNLbizN0luNF88vgSqYgDDeTKCM+q2B8AzXET1CeLPlSjb96XrbyKqfZ2VP5jLf0O9p2Le4GvXXTLvVXhmFlMun\/zwB0XjSn4y\/Rvg46A4Hl9+YgH5tAqoD0HVtL+JM+Ka8Vdb112HqqzlqNGa1m6mXR5ldKU0XUjNvh2YP+VbZu+8ldbHJv7osOr\/Ux9HfDgc0epTMLsJ2g++5f3FSd5fN8FNGp7RE4TkfOpLccUKUUJKM6BawoHeAeLXNaJdSOeN+NXBM9teBd8vdS14+qG1DRoItczr8TUf15CLEBOwKSTT3Ixj7+fYZNtkpY39pYVRy7u\/z4vms+vb2fENuYrdLSM2UXqswqed5lVlKDKyCXNddpH4eqcxuu9gSr18R1fFWJrGLGu42FLA4H5d6OcV+qIlQ7Oc9\/pt7oVjHfiHs195YCVOlnrJ0Lg\/Alb+p+veLRGzF\/QYZVeR3AA0cvZleLJRdOdDb38HiFas=\" 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>Edytuj DOT w 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:eNqtVm1PIzcQ\/l6p\/2GUSgikBMgmUYMQlUI22zspPRChJyGCKmd3SCwce8\/2AumV\/96xd5N9yfXu1HbzATKeZzzzPDOTTfhSs3QFYRTC5x9\/AHpOTqDT6cCvN6PrdzC7vZtO4ABCzshxDbfcCnTnuW8Ovs+\/uEcz+ZRwDRcwvSmtJhVcoiGr1RmWdvWMWrCU7I9MmMqBVAkadAenx4N69K15WJoflbSSrZHsrXcontHymLVHmjPRNkyajkHNH1t1gOF\/OkA3KM2CLVC4IB+Z4AmzCNdss0Zp4XCKzyg6vSPowJV0xcCVTlDDtVYxGgOzjbG4Lq54yP+4IuD+e7Nr17LqtiFF+cITu3JfjwfboJgs\/23Qs3ZZKj2xEsoJ1fpp4B9yZlqrl8KbGHZ37npi8mpRSyZgIi23m2qJZsVSB1mo1zYYuxE+rUcuBCYuBfqnvGzSjQbRhMyl6TQYDsNuq6hwnBmr1qjPK5e7hpzdzW4nv8Hl1e8fwtHNHRzaFTcgkD12hFMHTLbopLkeR2WLkjXv0lhQYNR\/5FJdqkwmTG+2XV\/TPzgOoNkDrfP\/qeH6pbmk4OeB+1QQOxoTZlaYtLXLl+gsPRbLEh6N3KdyuGZ6ySWdBadbGgsqp0QYFDTRSB4uNaKEmOtYoDmqj2ApbX7+HeoOo8HkrFXvtFqlveFw0ht74CsmBSluLbShbPfeQxngOgi6cO+1uXDKHHfn8qPjdzOXY6aTk0KguQzRMi5M6+G8hg5q6IBQK4yf5jLSLEuazr2ac4+uKvpgLmnW14rQREwT1a+h+s5pnWYOFHGambkcrUk\/62H7alB4Rswq7fTYoBDqBTTGSif\/LEh+\/m1Boig6G\/e\/Jkh0OT4NwoYgfh9XRHBEhzPYlfkZwi785c1zeYNLbizN0luNF88vgSqYgDDeTKCM+q2B8AzXET1CeLPlSjb96XrbyKqfZ2VP5jLf0O9p2Le4GvXXTLvVXhmFlMun\/zwB0XjSn4y\/Rvg46A4Hl9+YgH5tAqoD0HVtL+JM+Ka8Vdb112HqqzlqNGa1m6mXR5ldKU0XUjNvh2YP+VbZu+8ldbHJv7osOr\/Ux9HfDgc0epTMLsJ2g++5f3FSd5fN8FNGp7RE4TkfOpLccUKUUJKM6BawoHeAeLXNaJdSOeN+NXBM9teBd8vdS14+qG1DRoItczr8TUf15CLEBOwKSTT3Ixj7+fYZNtkpY39pYVRy7u\/z4vms+vb2fENuYrdLSM2UXqswqed5lVlKDKyCXNddpH4eqcxuu9gSr18R1fFWJrGLGu42FLA4H5d6OcV+qIlQ7Oc9\/pt7oVjHfiHs195YCVOlnrJ0Lg\/Alb+p+veLRGzF\/QYZVeR3AA0cvZleLJRdOdDb38HiFas=\" 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>Edytuj DOT w VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p id=\"IvPyLpf\"><img alt=\"Diagram jako kod z VPasCode: Ponowne pog\u0142\u0119bienie: poziom 3 (powtarzaj rekurencyjnie) przyk\u0142ad do renderowania\" class=\"alignnone wp-image-19610 size-full\" decoding=\"async\" height=\"533\" loading=\"lazy\" sizes=\"auto, (max-width: 1503px) 100vw, 1503px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a702e457c632.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a702e457c632.png 1503w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a702e457c632-300x106.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a702e457c632-1024x363.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a702e457c632-768x272.png 768w\" width=\"1503\"\/><strong>Interpretacja:<\/strong><\/p>\n<ul>\n<li><strong>2.2.1 Weryfikacja karty<\/strong>jest\u00a0<em>bramka<\/em>\u2014 musi si\u0119 powie\u015b\u0107 przed rozpocz\u0119ciem kontroli pod k\u0105tem oszustw.<\/li>\n<li><strong>2.2.2 (Oszustwa)<\/strong>i\u00a0<strong>2.2.3 (Promocje)<\/strong>dzia\u0142aj\u0105 w trybie\u00a0<em>r\u00f3wnoleg\u0142ym<\/em>: obie odczytuj\u0105 regu\u0142y i obie dostarczaj\u0105 danych do oblicze\u0144 ko\u0144cowych. Etykieta \u201e(r\u00f3wnoleg\u0142y)&#8221; wskazuje na to.&#8221;<\/li>\n<li><strong>2.2.4 Oblicz kwot\u0119 ko\u0144cow\u0105<\/strong>jest\u00a0<strong>fan-in<\/strong>\u00a0punkt \u2014 to\u00a0<em>\u0142\u0105czy<\/em>\u00a0<code data-backticks=\"1\">\u0141\u0105czna p\u0142atno\u015b\u0107<\/code>\u00a0+\u00a0<code data-backticks=\"1\">Rabat<\/code>\u00a0w jeden zweryfikowany wynik wychodz\u0105cy do rodzica\u00a0<strong>2.3<\/strong>.<\/li>\n<li><strong>Rejestr kart<\/strong>\u00a0i\u00a0<strong>Zasady wykrywania oszustw<\/strong>\u00a0to magazyny na poziomie szczeg\u00f3\u0142owym niewidoczne na poziomie 2 \u2014 nowe magazyny pojawiaj\u0105 si\u0119 naturalnie w miar\u0119 dekompozycji.<\/li>\n<\/ul>\n<hr\/>\n<h3>Krok 5 \u2014 Zatrzymaj si\u0119, gdy procesy s\u0105 \u201eprymitywne\u201d<\/h3>\n<p>Kontynuuj dekompozycj\u0119, a\u017c ka\u017cdy proces opisze\u00a0<strong>pojedyncze, jednoznaczne, wykonalne dzia\u0142anie<\/strong>. Nie ma ustalonej g\u0142\u0119boko\u015bci; zatrzymaj si\u0119, gdy proces mo\u017cna jednoznacznie przypisa\u0107 do jednej funkcji lub jednej decyzji. Poziomy 2.2.1\u20132.2.4 powy\u017cej s\u0105 ju\u017c elementarne.<\/p>\n<hr\/>\n<h2>6. Najlepsze praktyki i typowe b\u0142\u0119dy<\/h2>\n<h3>\u2705 Najlepsze praktyki<\/h3>\n<ol>\n<li><strong>Numeruj procesy hierarchicznie<\/strong>\u00a0(<code data-backticks=\"1\">2.2.4<\/code>) dzi\u0119ki czemu ka\u017cdy diagram jest samowystarczalny w drzewie.<\/li>\n<li><strong>Rysuj procesy nadrz\u0119dne na granicy<\/strong> (r\u00f3\u017cowy), aby przep\u0142ywy zachowa\u0142y kontekst \u2014 nigdy nie pozostawiaj wej\u015bcia\/wyj\u015bcia bez kontekstu.<\/li>\n<li><strong>U\u017cyj jednej kraw\u0119dzi dwukierunkowej<\/strong>\u00a0(<code data-backticks=\"1\">dir=both<\/code>) zamiast dw\u00f3ch oddzielnych strza\u0142ek dla wymian dwukierunkowych. Zmniejsza chaos.<\/li>\n<li><strong>Zachowaj etykiety opisowe, ale kr\u00f3tkie<\/strong> (\u201eAutoryzuj p\u0142atno\u015b\u0107&#8221;, nie \u201eAP\u201c).<\/li>\n<li><strong>Rozk\u0142adaj jeden proces na raz<\/strong> \u2014 ka\u017cdy poziom to osobny diagram; nie upychaj wielu poziom\u00f3w w jednym.<\/li>\n<li><strong>Zbalansuj diagramy<\/strong> \u2014 wej\u015bcia\/wyj\u015bcia na poziomie nadrz\u0119dnym musz\u0105 by\u0107 r\u00f3wne sumie wej\u015b\u0107\/wyj\u015b\u0107 jego dzieci (zasada balansowania).<\/li>\n<li><strong>Zawsze deklaruj elementy<\/strong> \u2014 szablon zawieraj\u0105cy tylko style, kt\u00f3ry nie deklaruje \u017cadnych w\u0119z\u0142\u00f3w ani kraw\u0119dzi, generuje pust\u0105 p\u0142\u00f3tno. Ka\u017cdy DFD musi <em>styl, nast\u0119pnie deklaruj, a potem \u0142\u0105cz<\/em>.<\/li>\n<li><strong>Nadawaj magazynom danych unikalne nazwy<\/strong> w diagramach podrz\u0119dnych, ale ponumeruj je lokalnie (D1, D2\u2026) dla samodzielno\u015bci.<\/li>\n<\/ol>\n<h3>\u274c Typowe pu\u0142apki<\/h3>\n<ol>\n<li><strong>Procesy-sieroty<\/strong> \u2014 proces bez wej\u015bcia ani wyj\u015bcia. Ka\u017cdy proces co\u015b przekszta\u0142ca.<\/li>\n<li><strong>Brak balansowania<\/strong> \u2014 przep\u0142yw pojawia si\u0119 na poziomie 1, ale \u017caden z jego dzieci na poziomie 2 go nie generuje ani nie zu\u017cywa.<\/li>\n<li><strong>Zbyt wczesne szczeg\u00f3\u0142y<\/strong> \u2014 ujawnianie magazyn\u00f3w danych na diagramie kontekstowym poziomu 0 (nale\u017c\u0105 one wy\u0142\u0105cznie do ni\u017cszych poziom\u00f3w).<\/li>\n<li><strong>My\u015blenie w kategoriach przep\u0142ywu sterowania<\/strong> \u2014 umieszczanie p\u0119tli lub symboli decyzyjnych w DFD; zachowaj to dla schemat\u00f3w blokowych. DFD pokazuj\u0105 dane, a nie kolejno\u015b\u0107.<\/li>\n<li><strong>Dwa r\u00f3wnoleg\u0142e strza\u0142ki<\/strong> dla tego, co powinno by\u0107 jednym<code data-backticks=\"1\">dir=both<\/code> kraw\u0119d\u017a \u2014 tworzy nieporz\u0105dek z powielonych linii.<\/li>\n<li><strong>B\u0142\u0119dny kierunek dost\u0119pu do magazynu<\/strong> \u2014 oznaczanie magazynu jako<em>tylko do odczytu<\/em> podczas gdy faktycznie jest zapisywany (lub odwrotnie).<\/li>\n<li><strong>Szablon styl\u00f3w mylnie uznany za diagram<\/strong> \u2014 zapomnienie zadeklarowania w\u0119z\u0142\u00f3w i kraw\u0119dzi powoduje powstanie pustego wykresu.<\/li>\n<\/ol>\n<hr\/>\n<h2>7. Lista kontrolna weryfikacji od g\u00f3ry do do\u0142u<\/h2>\n<p>Przed przedstawieniem diagramu sprawd\u017a:<\/p>\n<ul>\n<li>\u2705 Ka\u017cdy proces ma \u22651 wej\u015bcie i \u22651 wyj\u015bcie.<\/li>\n<li>\u2705 Ka\u017cda etykieta przep\u0142ywu to<strong>rzeczownik<\/strong> (np. &#8220;Szczeg\u00f3\u0142y zam\u00f3wienia&#8221;), a nie czasownik.<\/li>\n<li>\u2705 Ka\u017cda baza danych jest odczytywana<em>i<\/em> zapisywana w pewnym momencie (chyba \u017ce jest to wyra\u017anie zewn\u0119trzne dane referencyjne).<\/li>\n<li>\u2705 Granice poziom\u00f3w<strong>s\u0105 zr\u00f3wnowa\u017cone<\/strong>: dzieci zu\u017cywaj\u0105 i produkuj\u0105 dok\u0142adnie to, co wymieni\u0142 ich rodzic.<\/li>\n<li>\u2705 Podmioty zewn\u0119trzne pojawiaj\u0105 si\u0119 tylko na kraw\u0119dziach, nigdy wewn\u0105trz granicy.<\/li>\n<li>\u2705\u00a0<code data-backticks=\"1\">dir=both<\/code> jest u\u017cywany do wymiany dwukierunkowej; w przeciwnym przypadku stosuje si\u0119 strza\u0142ki jednokierunkowe.<\/li>\n<li>\u2705 R\u00f3\u017cowe odwo\u0142ania do proces\u00f3w nadrz\u0119dnych poprawnie wskazuj\u0105 poziom, kt\u00f3ry jest dekomponowany.<\/li>\n<li>\u2705 Kod deklaruje rzeczywiste w\u0119z\u0142y, kraw\u0119dzie i granic\u0119 \u2014 to nie jest tylko regu\u0142a stylizacji.<\/li>\n<\/ul>\n<hr\/>\n<h2>8. Podsumowanie procesu dekompozycji od g\u00f3ry do do\u0142u<\/h2>\n<p>Dekompozycja DFD od g\u00f3ry do do\u0142u to podr\u00f3\u017c od <strong>abstrakcji do szczeg\u00f3\u0142\u00f3w<\/strong>:<\/p>\n<ul>\n<li><strong>Kontekst (L0)<\/strong> \u2014 jeden prostok\u0105t, wszystkie granice i podmioty zewn\u0119trzne.<\/li>\n<li><strong>System (L1)<\/strong> \u2014 g\u0142\u00f3wne procesy, magazyny i potok danych.<\/li>\n<li><strong>Poddiagramy (L2, L3\u2026)<\/strong> \u2014 rekurencyjne przybli\u017canie jednego procesu na raz, przy zachowaniu widoczno\u015bci kontekstu nadrz\u0119dnego i numerowaniu lokalnych magazyn\u00f3w.<\/li>\n<\/ul>\n<p>Ka\u017cdy poziom odpowiada na inne pytanie: <em>L0 pyta \u201ejaki jest zasi\u0119g systemu?\u201d, L1 pyta \u201ejakie s\u0105 g\u0142\u00f3wne przep\u0142ywy danych?\u201d, L2+ pyta \u201ejak dok\u0142adnie transformowane s\u0105 te dane?\u201d<\/em><\/p>\n<p>The <strong>Proces zam\u00f3wie\u0144 online<\/strong> przyk\u0142ad przedstawia pe\u0142ny \u0142a\u0144cuch w <strong>kompletnym, dzia\u0142aj\u0105cym kodzie Graphviz<\/strong> \u2014 od diagramu kontekstowego z 4 encjami <strong>diagramu kontekstowego<\/strong>, a\u017c do 4-etapowej <strong>procedury walidacji<\/strong>\u00a0(<code data-backticks=\"1\">2.2.1 \u2192 2.2.4<\/code>). Poprzez <strong>uzgadnianie liczb<\/strong>,\u00a0<strong>bilansowanie przep\u0142yw\u00f3w<\/strong>, zachowuj\u0105c sp\u00f3jny <strong>klucz kolor\u00f3w<\/strong>\u00a0(niebieskie prostok\u0105ty, zielone ko\u0142a, \u017c\u00f3\u0142te rekordy, r\u00f3\u017cowe odwo\u0142ania do rodzic\u00f3w, przerywana szara granica), a zawsze\u00a0<strong>jawne deklarowanie ka\u017cdego w\u0119z\u0142a\/kraw\u0119dzi<\/strong>ka\u017cdy du\u017cy system pozostaje nawigowalny i jednoznaczny \u2014 a ka\u017cdy diagram faktycznie si\u0119 renderuje.<\/p>\n<h2>9. Narz\u0119dzia: Budowanie dekompozycji top-down DFD z wykorzystaniem Visual Paradigm AI<\/h2>\n<p><a href=\"https:\/\/guides.visual-paradigm.com\/ai-yourdon-demarco-dfd-generator-by-visual-paradigm\/\">Visual Paradigm AI<\/a> umieszcza\u00a0<a href=\"https:\/\/guides.visual-paradigm.com\/ai-yourdon-coad-dfd-generator-by-visual-paradigm\/\"><strong>czatbota AI bezpo\u015brednio w narz\u0119dziu do modelowania<\/strong><\/a>Zamiast r\u0119cznie rysowa\u0107 ka\u017cdy poziom, mo\u017cesz prowadzi\u0107 ca\u0142\u0105 dekompozycj\u0119 w formie rozmowy, a nast\u0119pnie dopracowa\u0107 wynik. Oto jak go u\u017cy\u0107 dok\u0142adnie w podej\u015bciu opisanym w tym przewodzie.<\/p>\n<h3>9.1 Podstawowe mo\u017cliwo\u015bci do pracy z DFD<\/h3>\n<p>Czatbot <a href=\"https:\/\/guides.visual-paradigm.com\/ai-data-flow-diagram-generator-online-shopping\/\">VP AI Chatbot<\/a> to\u00a0<strong>asystent tekstowo-kodowy<\/strong>\u00a0kt\u00f3ry wsp\u00f3\u0142pracuje z Tob\u0105 poprzez dialog. W przypadku dekompozycji top-down DFD mo\u017ce:<\/p>\n<table>\n<thead>\n<tr>\n<th>Mo\u017cliwo\u015b\u0107<\/th>\n<th>Co to dla Ciebie robi<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td><strong>Generuj kod diagramu<\/strong><\/td>\n<td>Tw\u00f3rz kod Graphviz (DOT) dla danego opisu procesu \u2014 poziom po poziomie<\/td>\n<\/tr>\n<tr>\n<td><strong>Analizuj za\u0142\u0105czone obrazy<\/strong><\/td>\n<td>Odczytaj przes\u0142any przez Ciebie rysunek odr\u0119czny lub istniej\u0105cy obraz DFD i przekszta\u0142\u0107 go w strukturalne modele<\/td>\n<\/tr>\n<tr>\n<td><strong>Ulepszaj iteracyjnie<\/strong><\/td>\n<td>Przyjmij Twoj\u0105 opini\u0119 (\u201eprzybli\u017c do 2.2\u201d, \u201edodaj ga\u0142\u0105\u017a rezygnacji\u201d) i wygeneruj diagram ponownie<\/td>\n<\/tr>\n<tr>\n<td><strong>Wyja\u015bniaj interpretacje<\/strong><\/td>\n<td>Przejd\u017a przez znaczenie ka\u017cdej encji, procesu, magazynu i przep\u0142ywu<\/td>\n<\/tr>\n<tr>\n<td><strong>Waliduj sk\u0142adni\u0119<\/strong><\/td>\n<td>Sprawd\u017a, czy kod DOT jest strukturalnie poprawny przed jego renderowaniem<\/td>\n<\/tr>\n<tr>\n<td><strong>Tw\u00f3rz wyniki strategii\/wykres\u00f3w<\/strong><\/td>\n<td>Generuj wspieraj\u0105ce wykresy lub ramy towarzysz\u0105ce DFD (np. wykres \u015bcie\u017cek lub kontekst organizacyjny)<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<blockquote>\n<p>\ud83d\udccc\u00a0<strong>Uwaga:<\/strong>\u00a0Visual Paradigm obs\u0142uguje zakres notacji diagramowych. Preferuj\u00a0<strong>BPMN<\/strong>\u00a0do modelowania proces\u00f3w biznesowych wymagaj\u0105cych zdarze\u0144 pocz\u0105tkowych\/zako\u0144czeniowych, bram i \u015bcie\u017cek; u\u017cyj\u00a0<strong>DFD oparte na Graphviz<\/strong>\u00a0do rygorystycznego modelowania przep\u0142ywu danych, jak pokazano w ca\u0142ym tym przewodniku.<\/p>\n<\/blockquote>\n<hr\/>\n<h3>9.2 Rozwi\u0105zany dialog \u2014 Dekompozycja procesu zam\u00f3wienia online<\/h3>\n<p>Oto realistyczna sesja czatu, kt\u00f3ra odzwierciedla kroki, przez kt\u00f3re przeszli\u015bmy. Zauwa\u017c, jak ka\u017cde polecenie pog\u0142\u0119bia si\u0119 o jeden poziom \u2014 dok\u0142adnie metodologia od g\u00f3ry do do\u0142u.<\/p>\n<p><strong>Polecenie 1 \u2014 Rozpocznij diagram kontekstowy:<\/strong><\/p>\n<blockquote>\n<p>\u201eStw\u00f3rz Diagram Kontekstowy (Poziom 0) dla systemu Procesu Zam\u00f3wienia Online. Podmioty zewn\u0119trzne: Klient, Bramka P\u0142atno\u015bci, Magazyn, Kurier.\u201d<\/p>\n<\/blockquote>\n<p><a href=\"https:\/\/guides.visual-paradigm.com\/ai-data-flow-diagram-generator-online-shopping\/\"><strong>VP AI odpowiada<\/strong><\/a>\u00a0Diagramem przep\u0142ywu danych Poziomu 0 \u2014 jednym procesem centralnym, czterema podmiotami zewn\u0119trznymi i ich przep\u0142ywami \u2014 kt\u00f3ry umieszczasz w diagramie.<\/p>\n<p><strong>Polecenie 2 \u2014 Dodaj poziom szczeg\u00f3\u0142owo\u015bci:<\/strong><\/p>\n<blockquote>\n<p>\u201eTeraz zdekomponuj go na Diagram Przep\u0142ywu Danych Poziomu 1 z procesami: 1.0 Z\u0142\u00f3\u017c zam\u00f3wienie, 2.0 Przetw\u00f3rz p\u0142atno\u015b\u0107, 3.0 Potwierd\u017a stan magazynowy, 4.0 Wy\u015blij zam\u00f3wienie. Dodaj magazyny danych dla Zam\u00f3wie\u0144, Stanu Magazynowego Produkt\u00f3w i Wysy\u0142ek.\u201d<\/p>\n<\/blockquote>\n<p><strong>VP AI zwraca<\/strong> diagram poziomu 1 z procesami po\u0142\u0105czonymi sekwencyjnie, za\u0142\u0105czonymi magazynami i zachowanymi przep\u0142ywami z podmiotami zewn\u0119trznymi \u2014 ruroci\u0105g, kt\u00f3ry widzia\u0142e\u015b w kroku 2 tego przewodnika.<\/p>\n<p><strong>Wskaz\u00f3wka 3 \u2014 Przybli\u017c jeden proces:<\/strong><\/p>\n<blockquote>\n<p>\u201ePrzybli\u017c proces 2.0 P\u0142atno\u015b\u0107. Stw\u00f3rz poddiagram poziomu 2 z procesami: 2.1 Oblicz ca\u0142kowit\u0105 kwot\u0119, 2.2 Waliduj p\u0142atno\u015b\u0107, 2.3 Autoryzuj p\u0142atno\u015b\u0107, 2.4 Potwierd\u017a zam\u00f3wienie. Zachowaj odniesienia do rodzic\u00f3w 1.0 i 3.0.\u201d<\/p>\n<\/blockquote>\n<p><strong>VP AI generuje<\/strong> poddiagram poziomu 2: podprocesy, lokalne magazyny (D1\u2013D4), interakcj\u0119 z bramk\u0105 p\u0142atno\u015bci oraz r\u00f3\u017cowe odniesienia do rodzic\u00f3w dla 1.0 i 3.0 \u2014 zgodne z krokiem 3.<\/p>\n<p><strong>Wskaz\u00f3wka 4 \u2014 Pog\u0142\u0119biaj ponownie:<\/strong><\/p>\n<blockquote>\n<p>\u201ePog\u0142\u0119biaj proces 2.2 Waliduj p\u0142atno\u015b\u0107 jako diagram poziomu 3: 2.2.1 Zweryfikuj kart\u0119, 2.2.2 Sprawd\u017a wykrywanie oszustw, 2.2.3 Waliduj promocj\u0119, 2.2.4 Oblicz ostateczn\u0105 kwot\u0119. Dodaj magazyny dla Rejestru Kart, Regu\u0142 Wykrywania Oszustw, Promocji i Przedmiot\u00f3w w Koszyku.\u201d<\/p>\n<\/blockquote>\n<p><strong>VP AI generuje<\/strong> diagram poziomu 3 (li\u015bciowy) z obliczeniem typu fan-in (2.2.4) oraz r\u00f3wnoleg\u0142ymi ga\u0142\u0119ziami wykrywania oszustw i promocji \u2014 dok\u0142adnie krok 4.<\/p>\n<p><strong>Wskaz\u00f3wka 5 \u2014 Dodaj obs\u0142ug\u0119 wyj\u0105tk\u00f3w:<\/strong><\/p>\n<blockquote>\n<p>\u201eDodaj \u015bcie\u017ck\u0119 awarii: je\u015bli proces 2.2.2 Sprawd\u017a wykrywanie oszustw zasygnalizuje transakcj\u0119, przekieruj do procesu Powiadomienia o anulowaniu zwracaj\u0105cego si\u0119 do Klienta.\u201d<\/p>\n<\/blockquote>\n<p><strong>VP AI udoskonala<\/strong> diagram, dodaj\u0105c ga\u0142\u0105\u017a odrzucenia i automatycznie przebalansowuj\u0105c przep\u0142ywy.<\/p>\n<hr\/>\n<h3>9.3 Wzorce wywo\u0142ywania, kt\u00f3re dzia\u0142aj\u0105<\/h3>\n<p>U\u017cyj tych wzorc\u00f3w, aby uzyska\u0107 wiarygodne wyniki zgodne z metodologi\u0105:<\/p>\n<table>\n<thead>\n<tr>\n<th>Cel<\/th>\n<th>Przyk\u0142adowe polecenie<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td><strong>Roz\u0142\u00f3\u017c na jeden poziom g\u0142\u0119biej<\/strong><\/td>\n<td>\u201ePowi\u0119ksz do \u201e<strong>3.0 Potwierd\u017a stan magazynowy<\/strong> jako podwykres poziomu 2.\u201d<\/td>\n<\/tr>\n<tr>\n<td><strong>Okre\u015bl numeracj\u0119<\/strong><\/td>\n<td>\u201eU\u017cyj proces\u00f3w ponumerowanych \u201e<strong>2.1<\/strong>,\u00a0<strong>2.2<\/strong>,\u00a0<strong>2.3<\/strong>.\u201d<\/td>\n<\/tr>\n<tr>\n<td><strong>Zachowaj kontekst nadrz\u0119dny<\/strong><\/td>\n<td>&#8220;Zachowaj <strong>1.0<\/strong> i <strong>3.0<\/strong> jako odwo\u0142ania do rodzic\u00f3w na granicy.\u201d<\/td>\n<\/tr>\n<tr>\n<td><strong>Dodaj magazyny danych<\/strong><\/td>\n<td>&#8220;Do\u0142\u0105cz magazyny: <strong>D1 Elementy koszyka<\/strong>,\u00a0<strong>D2 Promocje<\/strong>.\u201d<\/td>\n<\/tr>\n<tr>\n<td><strong>Poka\u017c przep\u0142yw dwukierunkowy<\/strong><\/td>\n<td>&#8220;U\u017cyj <strong>dir=both<\/strong> dla odczyt\u00f3w i zapis\u00f3w procesu\u2194magazynu.\u201d<\/td>\n<\/tr>\n<tr>\n<td><strong>Zr\u00f3wnowa\u017c poziom<\/strong><\/td>\n<td>\u201eUpewnij si\u0119, \u017ce wej\u015bcia i wyj\u015bcia odpowiadaj\u0105 poziomowi nadrz\u0119dnemu.\u201d<\/td>\n<\/tr>\n<tr>\n<td><strong>Dodaj \u015bcie\u017ck\u0119 b\u0142\u0119du<\/strong><\/td>\n<td>\u201eDodaj ga\u0142\u0105\u017a wyj\u0105tku, gdy<strong>p\u0142atno\u015b\u0107 zostanie odrzucona<\/strong>.\u201d<\/td>\n<\/tr>\n<tr>\n<td><strong>Ogranicz g\u0142\u0119boko\u015b\u0107<\/strong><\/td>\n<td>\u201eZatrzymaj si\u0119 na procesach elementarnych \u2014 pojedynczych, realizowalnych dzia\u0142aniach.\u201d<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<hr\/>\n<h3>9.4 Przesy\u0142anie obrazu do analizy<\/h3>\n<p>Je\u015bli posiadasz ju\u017c r\u0119cznie narysowany lub przestarza\u0142y diagram DFD i chcesz go zdigitalizowa\u0107:<\/p>\n<ol>\n<li><strong>Do\u0142\u0105cz obraz<\/strong>do czatu (zrzut ekranu, zdj\u0119cie lub eksport istniej\u0105cego diagramu DFD).<\/li>\n<li>Zapytaj:<em>\u201ePrzeanalizuj ten obraz DFD i przekszta\u0142\u0107 go w strukturalny model, kt\u00f3ry mog\u0119 edytowa\u0107.\u201d<\/em><\/li>\n<li><strong>VP AI analizuje obraz<\/strong>\u00a0(odczytuj\u0105c kszta\u0142ty, etykiety i strza\u0142ki) oraz rekonstruuje encje, procesy, magazyny i przep\u0142ywy jako edytowalny diagram.<\/li>\n<\/ol>\n<blockquote>\n<p>\ud83d\udccc AI odczytuje obrazu\u00a0<em>zawarto\u015b\u0107<\/em>\u00a0\u2014 prostok\u0105ty, ko\u0142a, rekordy i ich etykiety \u2014 i odtwarza je w odpowiedniej notacji. Jest to szybka \u015bcie\u017cka od szkicu do czystego, warstwowego modelu, kt\u00f3ry mo\u017cna nast\u0119pnie dalej dekomponowa\u0107.<\/p>\n<\/blockquote>\n<hr\/>\n<h3>9.5 Iterowanie z u\u017cyciem przep\u0142ywu pracy z artefaktami<\/h3>\n<p><a href=\"https:\/\/guides.visual-paradigm.com\/ai-data-flow-diagram-generator-online-shopping\/\">VP AI<\/a> przechowuje ka\u017cdy wygenerowany diagram jako\u00a0<strong>artefakt<\/strong>\u00a0do kt\u00f3rego mo\u017cesz si\u0119 odwo\u0142ywa\u0107 podczas udoskonalania:<\/p>\n<ul>\n<li><strong>\u201eUdoskonal artefakt poziomu 2, aby doda\u0107 ga\u0142\u0105\u017a odrzucenia oszustwa.\u201d<\/strong>\u00a0\u2014 celuje w\u00a0<em>konkretny ju\u017c wygenerowany diagram<\/em>\u00a0zamiast generowa\u0107 od nowa.<\/li>\n<li><strong>\u201eWygeneruj ponownie diagram kontekstowy, ale usu\u0144 encj\u0119 Magazyn.\u201d<\/strong>\u00a0\u2014 zast\u0119puje artefakt, gdy zakres si\u0119 zmienia.<\/li>\n<li><strong>\u201ePor\u00f3wnaj artefakty poziomu 2 i poziomu 3 pod k\u0105tem zr\u00f3wnowa\u017cenia.\u201d<\/strong> \u2014 weryfikuje wzajemnie parzysto\u015b\u0107 przep\u0142ywu rodzic\/dziecko.<\/li>\n<\/ul>\n<p>Poniewa\u017c artefakty przechowuj\u0105 stan rozmowy, mo\u017cesz nak\u0142ada\u0107 kolejne warstwy udoskonalenia bez utraty wcze\u015bniejszych decyzji \u2014 jest to istota dekompozycji od g\u00f3ry do do\u0142u.<\/p>\n<hr\/>\n<h3>9.6 Zalecana lista kontrolna procesu roboczego<\/h3>\n<table>\n<thead>\n<tr>\n<th>Etap<\/th>\n<th>Akcja<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>1.\u00a0<strong>Szkielet<\/strong><\/td>\n<td>Najpierw popro\u015b o diagram kontekstowy (poziom 0).<\/td>\n<\/tr>\n<tr>\n<td>2.\u00a0<strong>Ustal poziom 1<\/strong><\/td>\n<td>Popro\u015b o dekompozycj\u0119 g\u0142\u00f3wnych proces\u00f3w wraz z magazynami i granicami.<\/td>\n<\/tr>\n<tr>\n<td>3.\u00a0<strong>Przejd\u017a do szczeg\u00f3\u0142\u00f3w<\/strong><\/td>\n<td>Przybli\u017caj jeden proces naraz; zachowaj odwo\u0142ania do rodzica.<\/td>\n<\/tr>\n<tr>\n<td>4.\u00a0<strong>Udoskonal<\/strong><\/td>\n<td>Popro\u015b o \u015bcie\u017cki wyj\u0105tk\u00f3w, korekty r\u00f3wnowa\u017cenia i zapisz poprawki.<\/td>\n<\/tr>\n<tr>\n<td>5.\u00a0<strong>Zweryfikuj<\/strong><\/td>\n<td>Pozw\u00f3l AI sprawdzi\u0107 sk\u0142adni\u0119 DOT; przejrzyj list\u0119 kontroln\u0105 w sekcji 7.<\/td>\n<\/tr>\n<tr>\n<td>6.\u00a0<strong>Dokumentuj<\/strong><\/td>\n<td>Popro\u015b o narracj\u0119 interpretacyjn\u0105 do do\u0142\u0105czenia przy ka\u017cdym poziomie.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<hr\/>\n<h3>9.7 Przyk\u0142adowy wynik \u2014 Popro\u015b VP AI o wygenerowanie kodu poziomu 1<\/h3>\n<p>Typowa odpowied\u017a czatu dla <strong>dekompozycji kroku 2<\/strong> by\u0142aby <strong>kompletny, dzia\u0142aj\u0105cy kod DOT, kt\u00f3ry widzia\u0142e\u015b wcze\u015bniej<\/strong>:<\/p>\n<p id=\"LTBuxyE\"><img alt=\"System procesu zam\u00f3wie\u0144 online: DFD poziomu 1 pokazuj\u0105cy interakcje mi\u0119dzy klientem, bramk\u0105 p\u0142atno\u015bci, magazynem i kurierem.\" class=\"alignnone size-full wp-image-19612\" decoding=\"async\" height=\"431\" loading=\"lazy\" sizes=\"auto, (max-width: 1436px) 100vw, 1436px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a70315813dcf.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a70315813dcf.png 1436w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a70315813dcf-300x90.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a70315813dcf-1024x307.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a70315813dcf-768x231.png 768w\" width=\"1436\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">DOT<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNqdVV1v2jAUfZ+0\/2Bl0p7SlgTQqFAntYRskyoVlX08lGoy8QWsGpvZDi3r+t9nO18OXbeu4YHYPuf63nOPHUKXEm9WKEkTdP\/6FTJPMXFVDOwjMb8hVKITdH4ZIrVhlIMyIy1zCJHYgmR4Y8YLzBSEDY8LAgrsSuewH7ow1XDgwRaCa47XYBaCj8C2oGmGw1NJMQsV5upAgaSLIHRARX9aYBR7ARieA7PsC25TQxeSgEQTKTJQCk13SsMaHaBz2BpYFBTE6+LP5oiuXpZDFKIN8FtK9MoOD\/tVUCDLlwY99uoyTyaYsMIHb\/ruMWAspbgt0UZIu2dBOTpC4zsNkmOGxlxTTUH5RaoV3ljSXNyZLuodc4ktKGNAbBLmpdluHKX9dGymm6lOPBgkUVDWOMqVFmuQQzTBuzVw\/QFruMW7IfqGJaxErmCIRiKX1GCqFFU+L9yVMUMH+b1ozpnIOcFyVznwuU0Nhv\/tojah6mSvmW7qfde3P49Ra0awWgEJpU3baNcg5suGnp7an7e4xnJJuVmLO5Uej5uTUZkxeEZ\/Bml\/fBy03dJKvzsYjLsjR7wDUlZaHNnGst3rJsAkQldO9ZMgOuzM+IThDGbcCR9ce1JP4hoYO2DRFPNSOKEN7tbgrgWPBF9QuZ7xT3xrsELu2vBeDe9Z+HRFN34OT+kmIROS\/Fu3NE2PR72\/6ZaejTpxsqebu9o8rVxCydS+VuneoyRCv4oVhR7aVUlB8kxbggePDbxc8eTYo1oBNpQvDdejdg3Vrli5\/c0evMsgZeaeaB9WdPDeb3Nxpt7O+GmWGS9rlIDGlKk6nMEaRs1u8epWYk0Fbyix26R1J9TEcnrGL+FHDqpxyh7eRogfs6Ya67zJrr5oHL7x2VSL7MYUtTW14DmDmlBeRw7e+CwBRs03bFfHD5H52p3MhV41jiuU8JIqNfgsNGb7xXe91CnZP0JmuZ3AV3szUSCPfV7sWpmtwo8kGJ2eCFs7rUJ\/2RCHdqrs1VaeOMP7g82qbSqf1TtV+bRLLQXZt5AXuF11FXbGz+2EIzz8BlZ7ecE=\" 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>Edytuj DOT w 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\">DOT<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNqdVV1v2jAUfZ+0\/2Bl0p7SlgTQqFAntYRskyoVlX08lGoy8QWsGpvZDi3r+t9nO18OXbeu4YHYPuf63nOPHUKXEm9WKEkTdP\/6FTJPMXFVDOwjMb8hVKITdH4ZIrVhlIMyIy1zCJHYgmR4Y8YLzBSEDY8LAgrsSuewH7ow1XDgwRaCa47XYBaCj8C2oGmGw1NJMQsV5upAgaSLIHRARX9aYBR7ARieA7PsC25TQxeSgEQTKTJQCk13SsMaHaBz2BpYFBTE6+LP5oiuXpZDFKIN8FtK9MoOD\/tVUCDLlwY99uoyTyaYsMIHb\/ruMWAspbgt0UZIu2dBOTpC4zsNkmOGxlxTTUH5RaoV3ljSXNyZLuodc4ktKGNAbBLmpdluHKX9dGymm6lOPBgkUVDWOMqVFmuQQzTBuzVw\/QFruMW7IfqGJaxErmCIRiKX1GCqFFU+L9yVMUMH+b1ozpnIOcFyVznwuU0Nhv\/tojah6mSvmW7qfde3P49Ra0awWgEJpU3baNcg5suGnp7an7e4xnJJuVmLO5Uej5uTUZkxeEZ\/Bml\/fBy03dJKvzsYjLsjR7wDUlZaHNnGst3rJsAkQldO9ZMgOuzM+IThDGbcCR9ce1JP4hoYO2DRFPNSOKEN7tbgrgWPBF9QuZ7xT3xrsELu2vBeDe9Z+HRFN34OT+kmIROS\/Fu3NE2PR72\/6ZaejTpxsqebu9o8rVxCydS+VuneoyRCv4oVhR7aVUlB8kxbggePDbxc8eTYo1oBNpQvDdejdg3Vrli5\/c0evMsgZeaeaB9WdPDeb3Nxpt7O+GmWGS9rlIDGlKk6nMEaRs1u8epWYk0Fbyix26R1J9TEcnrGL+FHDqpxyh7eRogfs6Ya67zJrr5oHL7x2VSL7MYUtTW14DmDmlBeRw7e+CwBRs03bFfHD5H52p3MhV41jiuU8JIqNfgsNGb7xXe91CnZP0JmuZ3AV3szUSCPfV7sWpmtwo8kGJ2eCFs7rUJ\/2RCHdqrs1VaeOMP7g82qbSqf1TtV+bRLLQXZt5AXuF11FXbGz+2EIzz8BlZ7ecE=\" 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>Edytuj DOT w 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\">DOT<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNqdld9u2zYUxu8H7B0I7VZJ\/Rd1YGRAE1sY0A01ZgwFEgQDLdI2a5kUSKqq1OUmaLFnCPoYuWt7F\/u9diiJEpV42Vr5wqZ4fjwfv3NIE7aSOF6jSTBB73\/8AcFTvrgsB+aRmG8Ik+gU\/fq7j1QcMU4VjLRMqI\/EWyojHMN4iSNF\/YbjglBFzUzneOgXy9jhyAlbCq453lKY8H6h0VuqWYj9F5LhyFeYqyNFJVt6fhGoWG4Cuz1ngQgvaGToeaY03aKZFCFVCbrA2\/u7lNH9B\/SKG9HoCM1EzsQWdb0Svyq\/jFJ0+X1Kuj6KKU8Z0WszPB7aRSlZfe+iJ87u4AlFJIz93k\/D4oFgLKVIq2iw0+QskWfPYI9ky4TOUE5TvrvVMufU3ada49hwC\/EOyqmzqNC2ZFFEidEBP5qM024wDKbwunnV6Y1Gk65XbfNlxCjXY3Qm8XaDUby\/wZqL\/aeQjdFveIXzjI\/Ry0QyKsdWpEoWZZeFUQIlk3+WlTsTCSdYZrYTv6m43vibW6oN2IIOmtfNnp8Pzcchat8IVmtKfGm0g39NxGLV4MEL83Emt1iuGIe5Xsea8rhAIZNhRP9HjUbBcHritZumJb8\/Gk375wX4jpJqp+X5bTq3f9UsMOuiy8L6U6973OEX+5v7u\/1Xbl3njHpXjuGzXh3eg\/CZzKlO7++g82a2H3Z\/t4l+TfQNITQsK8n+M+SIscrawYM6eADBrzOC3zzS8m8uShoKSf7bxSAITs4HT7kYnJ13epMHLha3nuPcK0monMzNT6v5PZp00V+oEYzRdXt\/UpAk1IZymB4wxcxGV6Y8wOZrFseMr4BzsD5grzOV7W82zAGu3RsC6gMHNUsz9wyjo5\/dujv+IsYnGO7PDRwTXK8IsUBUrKVsIXPDOTVysJ7BHl8X9RL7L7uPBBt81szW+AHQ6G4acK6xTtRBtrqPCqDpv4lQencbl01aOg2ia6i8uwpm8DCJQXGaQUvAH+TpQuh104mlPa6wZIufcMRRBBpAfSg4PXjiILKt5iKlMluyjUjxAcSVY7vTkn9Ux\/SJNHVvNuo2OsERy5M39rC2918dWYAPdKjNWLXo7rbOZ7W1vZjnYU5XcPvcZAfNc1K0TZnqbMOoxjZT2QbX\/wBMDcDM\" \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 DOT in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-dot\"><code class=\"language-dot\" data-language=\"dot\" class=\"language-dot\">digraph DFD {\r\n    graph [\r\n        rankdir = LR, splines = true, overlap = false,\r\n        nodesep = 0.5, ranksep = 0.8,\r\n        fontname = \"Helvetica,Arial,sans-serif\", fontsize = 12,\r\n        label = \"System Procesu Zam\u00f3wie\u0144 Online - Poziom 1\"\r\n    ]\r\n    node [ fontname = \"Helvetica,Arial,sans-serif\", fontsize = 11, penwidth = 1.5 ]\r\n    edge [ fontname = \"Helvetica,Arial,sans-serif\", fontsize = 9,\r\n           color = \"#555555\", arrowsize = 0.8 ]\r\n\r\n    \/\/ Podmioty zewn\u0119trzne\r\n    node [shape = box, style = \"filled\", fillcolor = \"#E1F5FE\", color = \"#0288D1\"]\r\n    Klient; Bramka p\u0142atno\u015bci; Magazyn; Kurier;\r\n\r\n    subgraph cluster_SystemBoundary {\r\n        label = \"System Procesu Zam\u00f3wie\u0144 Online\";\r\n        fontname = \"Helvetica,Arial,sans-serif\"\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        node [shape = circle, style = \"filled\", fillcolor = \"#E8F5E9\",\r\n              color = \"#388E3C\", fixedsize = true, width = 1.3]\r\n        P1 [label=\"1.0nZ\u0142\u00f3\u017cnZam\u00f3wienie\"];\r\n        P2 [label=\"2.0nPrzetw\u00f3rznP\u0142atno\u015b\u0107\"];\r\n        P3 [label=\"3.0nPotwierd\u017anZapasy\"];\r\n        P4 [label=\"4.0nWydajnZam\u00f3wienie\"];\r\n\r\n        node [shape = record, style = \"filled\", fillcolor = \"#FFF9C4\",\r\n              color = \"#FBC02D\", fixedsize = false]\r\n        OrderDS    [label=\"{ D1 | Zam\u00f3wienia }\"];\r\n        ProductDS  [label=\"{ D2 | ProduktnZapasy }\"];\r\n        ShippingDS [label=\"{ D3 | Wysy\u0142ki }\"];\r\n    }\r\n\r\n    \/\/ Przep\u0142ywy\r\n    Klient -&gt; P1 [label=\"Zam\u00f3wienie inDane konta\"];\r\n    P1 -&gt; Klient [label=\"PotwierdzenienZam\u00f3wienia\"];\r\n    P2 -&gt; Bramka p\u0142atno\u015bci [label=\"\u017b\u0105danienP\u0142atno\u015bci\"];\r\n    Bramka p\u0142atno\u015bci -&gt; P2 [label=\"StatusnP\u0142atno\u015bci\"];\r\n    Magazyn -&gt; P3 [label=\"Dost\u0119pno\u015b\u0107nZapas\u00f3w\"];\r\n    Kurier -&gt; P4 [label=\"StatusnDostawy\", dir=both];\r\n\r\n    P1 -&gt; P2 [label=\"SumanZam\u00f3wienia\"];\r\n    P2 -&gt; P3 [label=\"Zap\u0142aconenZam\u00f3wienie\"];\r\n    P3 -&gt; P4 [label=\"ZweryfikowanenZam\u00f3wienie\"];\r\n\r\n    P1 -&gt; OrderDS [label=\"Utw\u00f3rznZam\u00f3wienie\"];\r\n    P3 -&gt; ProductDS [label=\"ZaktualizujnZapasy\", dir=both];\r\n    P4 -&gt; ShippingDS [label=\"Utw\u00f3rznWysy\u0142k\u0119\"];\r\n    OrderDS -&gt; P3 [label=\"Szczeg\u00f3\u0142ynZam\u00f3wienia\"];\r\n    ShippingDS -&gt; P4 [label=\"EtykietanWysy\u0142ki\"];\r\n}\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNqdld9u2zYUxu8H7B0I7VZJ\/Rd1YGRAE1sY0A01ZgwFEgQDLdI2a5kUSKqq1OUmaLFnCPoYuWt7F\/u9diiJEpV42Vr5wqZ4fjwfv3NIE7aSOF6jSTBB73\/8AcFTvrgsB+aRmG8Ik+gU\/fq7j1QcMU4VjLRMqI\/EWyojHMN4iSNF\/YbjglBFzUzneOgXy9jhyAlbCq453lKY8H6h0VuqWYj9F5LhyFeYqyNFJVt6fhGoWG4Cuz1ngQgvaGToeaY03aKZFCFVCbrA2\/u7lNH9B\/SKG9HoCM1EzsQWdb0Svyq\/jFJ0+X1Kuj6KKU8Z0WszPB7aRSlZfe+iJ87u4AlFJIz93k\/D4oFgLKVIq2iw0+QskWfPYI9ky4TOUE5TvrvVMufU3ada49hwC\/EOyqmzqNC2ZFFEidEBP5qM024wDKbwunnV6Y1Gk65XbfNlxCjXY3Qm8XaDUby\/wZqL\/aeQjdFveIXzjI\/Ry0QyKsdWpEoWZZeFUQIlk3+WlTsTCSdYZrYTv6m43vibW6oN2IIOmtfNnp8Pzcchat8IVmtKfGm0g39NxGLV4MEL83Emt1iuGIe5Xsea8rhAIZNhRP9HjUbBcHritZumJb8\/Gk375wX4jpJqp+X5bTq3f9UsMOuiy8L6U6973OEX+5v7u\/1Xbl3njHpXjuGzXh3eg\/CZzKlO7++g82a2H3Z\/t4l+TfQNITQsK8n+M+SIscrawYM6eADBrzOC3zzS8m8uShoKSf7bxSAITs4HT7kYnJ13epMHLha3nuPcK0monMzNT6v5PZp00V+oEYzRdXt\/UpAk1IZymB4wxcxGV6Y8wOZrFseMr4BzsD5grzOV7W82zAGu3RsC6gMHNUsz9wyjo5\/dujv+IsYnGO7PDRwTXK8IsUBUrKVsIXPDOTVysJ7BHl8X9RL7L7uPBBt81szW+AHQ6G4acK6xTtRBtrqPCqDpv4lQencbl01aOg2ia6i8uwpm8DCJQXGaQUvAH+TpQuh104mlPa6wZIufcMRRBBpAfSg4PXjiILKt5iKlMluyjUjxAcSVY7vTkn9Ux\/SJNHVvNuo2OsERy5M39rC2918dWYAPdKjNWLXo7rbOZ7W1vZjnYU5XcPvcZAfNc1K0TZnqbMOoxjZT2QbX\/wBMDcDM\" \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 DOT 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:eNqdVV1v2jAUfZ+0\/2Bl0p7SlgTQqFAntYRskyoVlX08lGoy8QWsGpvZDi3r+t9nO18OXbeu4YHYPuf63nOPHUKXEm9WKEkTdP\/6FTJPMXFVDOwjMb8hVKITdH4ZIrVhlIMyIy1zCJHYgmR4Y8YLzBSEDY8LAgrsSuewH7ow1XDgwRaCa47XYBaCj8C2oGmGw1NJMQsV5upAgaSLIHRARX9aYBR7ARieA7PsC25TQxeSgEQTKTJQCk13SsMaHaBz2BpYFBTE6+LP5oiuXpZDFKIN8FtK9MoOD\/tVUCDLlwY99uoyTyaYsMIHb\/ruMWAspbgt0UZIu2dBOTpC4zsNkmOGxlxTTUH5RaoV3ljSXNyZLuodc4ktKGNAbBLmpdluHKX9dGymm6lOPBgkUVDWOMqVFmuQQzTBuzVw\/QFruMW7IfqGJaxErmCIRiKX1GCqFFU+L9yVMUMH+b1ozpnIOcFyVznwuU0Nhv\/tojah6mSvmW7qfde3P49Ra0awWgEJpU3baNcg5suGnp7an7e4xnJJuVmLO5Uej5uTUZkxeEZ\/Bml\/fBy03dJKvzsYjLsjR7wDUlZaHNnGst3rJsAkQldO9ZMgOuzM+IThDGbcCR9ce1JP4hoYO2DRFPNSOKEN7tbgrgWPBF9QuZ7xT3xrsELu2vBeDe9Z+HRFN34OT+kmIROS\/Fu3NE2PR72\/6ZaejTpxsqebu9o8rVxCydS+VuneoyRCv4oVhR7aVUlB8kxbggePDbxc8eTYo1oBNpQvDdejdg3Vrli5\/c0evMsgZeaeaB9WdPDeb3Nxpt7O+GmWGS9rlIDGlKk6nMEaRs1u8epWYk0Fbyix26R1J9TEcnrGL+FHDqpxyh7eRogfs6Ya67zJrr5oHL7x2VSL7MYUtTW14DmDmlBeRw7e+CwBRs03bFfHD5H52p3MhV41jiuU8JIqNfgsNGb7xXe91CnZP0JmuZ3AV3szUSCPfV7sWpmtwo8kGJ2eCFs7rUJ\/2RCHdqrs1VaeOMP7g82qbSqf1TtV+bRLLQXZt5AXuF11FXbGz+2EIzz8BlZ7ecE=\" 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>Edytuj DOT w 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:eNqdVV1v2jAUfZ+0\/2Bl0p7SlgTQqFAntYRskyoVlX08lGoy8QWsGpvZDi3r+t9nO18OXbeu4YHYPuf63nOPHUKXEm9WKEkTdP\/6FTJPMXFVDOwjMb8hVKITdH4ZIrVhlIMyIy1zCJHYgmR4Y8YLzBSEDY8LAgrsSuewH7ow1XDgwRaCa47XYBaCj8C2oGmGw1NJMQsV5upAgaSLIHRARX9aYBR7ARieA7PsC25TQxeSgEQTKTJQCk13SsMaHaBz2BpYFBTE6+LP5oiuXpZDFKIN8FtK9MoOD\/tVUCDLlwY99uoyTyaYsMIHb\/ruMWAspbgt0UZIu2dBOTpC4zsNkmOGxlxTTUH5RaoV3ljSXNyZLuodc4ktKGNAbBLmpdluHKX9dGymm6lOPBgkUVDWOMqVFmuQQzTBuzVw\/QFruMW7IfqGJaxErmCIRiKX1GCqFFU+L9yVMUMH+b1ozpnIOcFyVznwuU0Nhv\/tojah6mSvmW7qfde3P49Ra0awWgEJpU3baNcg5suGnp7an7e4xnJJuVmLO5Uej5uTUZkxeEZ\/Bml\/fBy03dJKvzsYjLsjR7wDUlZaHNnGst3rJsAkQldO9ZMgOuzM+IThDGbcCR9ce1JP4hoYO2DRFPNSOKEN7tbgrgWPBF9QuZ7xT3xrsELu2vBeDe9Z+HRFN34OT+kmIROS\/Fu3NE2PR72\/6ZaejTpxsqebu9o8rVxCydS+VuneoyRCv4oVhR7aVUlB8kxbggePDbxc8eTYo1oBNpQvDdejdg3Vrli5\/c0evMsgZeaeaB9WdPDeb3Nxpt7O+GmWGS9rlIDGlKk6nMEaRs1u8epWYk0Fbyix26R1J9TEcnrGL+FHDqpxyh7eRogfs6Ya67zJrr5oHL7x2VSL7MYUtTW14DmDmlBeRw7e+CwBRs03bFfHD5H52p3MhV41jiuU8JIqNfgsNGb7xXe91CnZP0JmuZ3AV3szUSCPfV7sWpmtwo8kGJ2eCFs7rUJ\/2RCHdqrs1VaeOMP7g82qbSqf1TtV+bRLLQXZt5AXuF11FXbGz+2EIzz8BlZ7ecE=\" 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>Edytuj DOT w VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p>Wklej to do diagramu VP, a otrzymasz w pe\u0142ni strukturyzowany model Poziomu 1 \u2014 gotowy do ponownej dekompozycji przy u\u017cyciu nast\u0119pnego polecenia.<\/p>\n<hr\/>\n<h2>10. Podsumowanie<\/h2>\n<p>Dekompozycja DFD od g\u00f3ry do do\u0142u to podr\u00f3\u017c od <strong>abstrakcji do szczeg\u00f3\u0142\u00f3w<\/strong>:<\/p>\n<ul>\n<li><strong>Kontekst (L0)<\/strong> \u2014 jeden prostok\u0105t, wszystkie granice i podmioty zewn\u0119trzne.<\/li>\n<li><strong>System (L1)<\/strong> \u2014 g\u0142\u00f3wne procesy, magazyny i potok danych.<\/li>\n<li><strong>Poddiagramy (L2, L3\u2026)<\/strong> \u2014 rekurencyjnie przybli\u017caj jeden proces naraz, zachowuj\u0105c widoczny kontekst nadrz\u0119dny i numeruj\u0105c lokalne magazyny.<\/li>\n<\/ul>\n<p>Ka\u017cdy poziom odpowiada na inne pytanie: <em>Poziom L0 pyta: \u201ejaki jest zasi\u0119g systemu?\u201d, L1 pyta: \u201ejakie s\u0105 g\u0142\u00f3wne przep\u0142ywy danych?\u201d, L2+ pyta: \u201ejak dok\u0142adnie transformowane s\u0105 te dane?\u201d<\/em><\/p>\n<p>Z <strong>Visual Paradigm AI<\/strong>ca\u0142a drabina jest konwersacyjna: zapytaj o poziom 0, popro\u015b o dekompozycj\u0119, przybli\u017caj jeden proces naraz, \u017c\u0105daj ga\u0142\u0119zi wyj\u0105tk\u00f3w i przesy\u0142aj obrazy do cyfryzacji istniej\u0105cych diagram\u00f3w. W po\u0142\u0105czeniu ze \u015bcis\u0142ym <strong>numerowaniem<\/strong>,\u00a0<strong>bilansowaniem przep\u0142yw\u00f3w<\/strong>sp\u00f3jnym <strong>kluczem kolor\u00f3w<\/strong>i kompletnym <strong>najpierw zadeklaruj, potem po\u0142\u0105cz<\/strong> kod, ka\u017cdy du\u017cy system pozostaje przejrzysty, jednoznaczny \u2014 i ka\u017cdy diagram faktycznie si\u0119 renderuje. \ud83d\ude80<\/p>\n<hr\/>\n","protected":false},"excerpt":{"rendered":"<p>1. Wprowadzenie do diagram\u00f3w przep\u0142ywu danych (DFD) Diagram przep\u0142ywu danychDiagram przep\u0142ywu danych (DFD) jest graficzn\u0105 reprezentacj\u0105 tego, jak daneprzep\u0142ywaj\u0105 przez<\/p>\n","protected":false},"author":11,"featured_media":12325,"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\/08\/img_6a702a90b710c.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":[80],"tags":[],"asset-category":[],"class_list":["post-12324","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ai-chatbot"],"source_url":"","source_h1_title":"","fifu_image_url":"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a702a90b710c.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>\ud83d\udcd8 Kompletny przewodnik po dekompozycji top-down diagram\u00f3w przep\u0142ywu danych - Cybermediana<\/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\/pl\/the-dfd-top-down-decomposition-guide\/\" \/>\n<meta property=\"og:locale\" content=\"pl_PL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\ud83d\udcd8 Kompletny przewodnik po dekompozycji top-down diagram\u00f3w przep\u0142ywu danych - Cybermediana\" \/>\n<meta property=\"og:description\" content=\"1. Wprowadzenie do diagram\u00f3w przep\u0142ywu danych (DFD) Diagram przep\u0142ywu danychDiagram przep\u0142ywu danych (DFD) jest graficzn\u0105 reprezentacj\u0105 tego, jak daneprzep\u0142ywaj\u0105 przez\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.cybermedian.com\/pl\/the-dfd-top-down-decomposition-guide\/\" \/>\n<meta property=\"og:site_name\" content=\"Cybermediana\" \/>\n<meta property=\"article:published_time\" content=\"2026-08-03T05:44:53+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-03T14:38:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a702a90b710c.png\" \/><meta property=\"og:image\" content=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a702a90b710c.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"572\" \/>\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\/08\/img_6a702a90b710c.png\" \/>\n<meta name=\"twitter:label1\" content=\"Napisane przez\" \/>\n\t<meta name=\"twitter:data1\" content=\"curtis\" \/>\n\t<meta name=\"twitter:label2\" content=\"Szacowany czas czytania\" \/>\n\t<meta name=\"twitter:data2\" content=\"12 minut\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.cybermedian.com\/pl\/the-dfd-top-down-decomposition-guide\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.cybermedian.com\/pl\/the-dfd-top-down-decomposition-guide\/\"},\"author\":{\"name\":\"curtis\",\"@id\":\"https:\/\/www.cybermedian.com\/pl\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d\"},\"headline\":\"\ud83d\udcd8 Kompletny przewodnik po dekompozycji top-down diagram\u00f3w przep\u0142ywu danych\",\"datePublished\":\"2026-08-03T05:44:53+00:00\",\"dateModified\":\"2026-09-03T14:38:48+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.cybermedian.com\/pl\/the-dfd-top-down-decomposition-guide\/\"},\"wordCount\":3079,\"image\":{\"@id\":\"https:\/\/www.cybermedian.com\/pl\/the-dfd-top-down-decomposition-guide\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.cybermedian.com\/pl\/wp-content\/uploads\/sites\/16\/2026\/08\/img_6a702a90b710c.png\",\"articleSection\":[\"AI Chatbot\"],\"inLanguage\":\"pl-PL\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.cybermedian.com\/pl\/the-dfd-top-down-decomposition-guide\/\",\"url\":\"https:\/\/www.cybermedian.com\/pl\/the-dfd-top-down-decomposition-guide\/\",\"name\":\"\ud83d\udcd8 Kompletny przewodnik po dekompozycji top-down diagram\u00f3w przep\u0142ywu danych - Cybermediana\",\"isPartOf\":{\"@id\":\"https:\/\/www.cybermedian.com\/pl\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.cybermedian.com\/pl\/the-dfd-top-down-decomposition-guide\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.cybermedian.com\/pl\/the-dfd-top-down-decomposition-guide\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.cybermedian.com\/pl\/wp-content\/uploads\/sites\/16\/2026\/08\/img_6a702a90b710c.png\",\"datePublished\":\"2026-08-03T05:44:53+00:00\",\"dateModified\":\"2026-09-03T14:38:48+00:00\",\"author\":{\"@id\":\"https:\/\/www.cybermedian.com\/pl\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.cybermedian.com\/pl\/the-dfd-top-down-decomposition-guide\/#breadcrumb\"},\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.cybermedian.com\/pl\/the-dfd-top-down-decomposition-guide\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\/\/www.cybermedian.com\/pl\/the-dfd-top-down-decomposition-guide\/#primaryimage\",\"url\":\"https:\/\/www.cybermedian.com\/pl\/wp-content\/uploads\/sites\/16\/2026\/08\/img_6a702a90b710c.png\",\"contentUrl\":\"https:\/\/www.cybermedian.com\/pl\/wp-content\/uploads\/sites\/16\/2026\/08\/img_6a702a90b710c.png\",\"width\":1024,\"height\":572},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.cybermedian.com\/pl\/the-dfd-top-down-decomposition-guide\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.cybermedian.com\/pl\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\ud83d\udcd8 Kompletny przewodnik po dekompozycji top-down diagram\u00f3w przep\u0142ywu danych\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.cybermedian.com\/pl\/#website\",\"url\":\"https:\/\/www.cybermedian.com\/pl\/\",\"name\":\"Cybermediana\",\"description\":\"Uczenie si\u0119 jednej nowej rzeczy ka\u017cdego dnia\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.cybermedian.com\/pl\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pl-PL\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.cybermedian.com\/pl\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d\",\"name\":\"curtis\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\/\/www.cybermedian.com\/pl\/#\/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\/pl\/author\/curtis\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\ud83d\udcd8 Kompletny przewodnik po dekompozycji top-down diagram\u00f3w przep\u0142ywu danych - Cybermediana","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\/pl\/the-dfd-top-down-decomposition-guide\/","og_locale":"pl_PL","og_type":"article","og_title":"\ud83d\udcd8 Kompletny przewodnik po dekompozycji top-down diagram\u00f3w przep\u0142ywu danych - Cybermediana","og_description":"1. Wprowadzenie do diagram\u00f3w przep\u0142ywu danych (DFD) Diagram przep\u0142ywu danychDiagram przep\u0142ywu danych (DFD) jest graficzn\u0105 reprezentacj\u0105 tego, jak daneprzep\u0142ywaj\u0105 przez","og_url":"https:\/\/www.cybermedian.com\/pl\/the-dfd-top-down-decomposition-guide\/","og_site_name":"Cybermediana","article_published_time":"2026-08-03T05:44:53+00:00","article_modified_time":"2026-09-03T14:38:48+00:00","og_image":[{"url":"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a702a90b710c.png","type":"","width":"","height":""},{"width":1024,"height":572,"url":"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a702a90b710c.png","type":"image\/png"}],"author":"curtis","twitter_card":"summary_large_image","twitter_image":"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a702a90b710c.png","twitter_misc":{"Napisane przez":"curtis","Szacowany czas czytania":"12 minut"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.cybermedian.com\/pl\/the-dfd-top-down-decomposition-guide\/#article","isPartOf":{"@id":"https:\/\/www.cybermedian.com\/pl\/the-dfd-top-down-decomposition-guide\/"},"author":{"name":"curtis","@id":"https:\/\/www.cybermedian.com\/pl\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d"},"headline":"\ud83d\udcd8 Kompletny przewodnik po dekompozycji top-down diagram\u00f3w przep\u0142ywu danych","datePublished":"2026-08-03T05:44:53+00:00","dateModified":"2026-09-03T14:38:48+00:00","mainEntityOfPage":{"@id":"https:\/\/www.cybermedian.com\/pl\/the-dfd-top-down-decomposition-guide\/"},"wordCount":3079,"image":{"@id":"https:\/\/www.cybermedian.com\/pl\/the-dfd-top-down-decomposition-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/www.cybermedian.com\/pl\/wp-content\/uploads\/sites\/16\/2026\/08\/img_6a702a90b710c.png","articleSection":["AI Chatbot"],"inLanguage":"pl-PL"},{"@type":"WebPage","@id":"https:\/\/www.cybermedian.com\/pl\/the-dfd-top-down-decomposition-guide\/","url":"https:\/\/www.cybermedian.com\/pl\/the-dfd-top-down-decomposition-guide\/","name":"\ud83d\udcd8 Kompletny przewodnik po dekompozycji top-down diagram\u00f3w przep\u0142ywu danych - Cybermediana","isPartOf":{"@id":"https:\/\/www.cybermedian.com\/pl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.cybermedian.com\/pl\/the-dfd-top-down-decomposition-guide\/#primaryimage"},"image":{"@id":"https:\/\/www.cybermedian.com\/pl\/the-dfd-top-down-decomposition-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/www.cybermedian.com\/pl\/wp-content\/uploads\/sites\/16\/2026\/08\/img_6a702a90b710c.png","datePublished":"2026-08-03T05:44:53+00:00","dateModified":"2026-09-03T14:38:48+00:00","author":{"@id":"https:\/\/www.cybermedian.com\/pl\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d"},"breadcrumb":{"@id":"https:\/\/www.cybermedian.com\/pl\/the-dfd-top-down-decomposition-guide\/#breadcrumb"},"inLanguage":"pl-PL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.cybermedian.com\/pl\/the-dfd-top-down-decomposition-guide\/"]}]},{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/www.cybermedian.com\/pl\/the-dfd-top-down-decomposition-guide\/#primaryimage","url":"https:\/\/www.cybermedian.com\/pl\/wp-content\/uploads\/sites\/16\/2026\/08\/img_6a702a90b710c.png","contentUrl":"https:\/\/www.cybermedian.com\/pl\/wp-content\/uploads\/sites\/16\/2026\/08\/img_6a702a90b710c.png","width":1024,"height":572},{"@type":"BreadcrumbList","@id":"https:\/\/www.cybermedian.com\/pl\/the-dfd-top-down-decomposition-guide\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.cybermedian.com\/pl\/"},{"@type":"ListItem","position":2,"name":"\ud83d\udcd8 Kompletny przewodnik po dekompozycji top-down diagram\u00f3w przep\u0142ywu danych"}]},{"@type":"WebSite","@id":"https:\/\/www.cybermedian.com\/pl\/#website","url":"https:\/\/www.cybermedian.com\/pl\/","name":"Cybermediana","description":"Uczenie si\u0119 jednej nowej rzeczy ka\u017cdego dnia","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.cybermedian.com\/pl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pl-PL"},{"@type":"Person","@id":"https:\/\/www.cybermedian.com\/pl\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d","name":"curtis","image":{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/www.cybermedian.com\/pl\/#\/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\/pl\/author\/curtis\/"}]}},"_links":{"self":[{"href":"https:\/\/www.cybermedian.com\/pl\/wp-json\/wp\/v2\/posts\/12324","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cybermedian.com\/pl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.cybermedian.com\/pl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.cybermedian.com\/pl\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cybermedian.com\/pl\/wp-json\/wp\/v2\/comments?post=12324"}],"version-history":[{"count":0,"href":"https:\/\/www.cybermedian.com\/pl\/wp-json\/wp\/v2\/posts\/12324\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.cybermedian.com\/pl\/wp-json\/wp\/v2\/media\/12325"}],"wp:attachment":[{"href":"https:\/\/www.cybermedian.com\/pl\/wp-json\/wp\/v2\/media?parent=12324"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.cybermedian.com\/pl\/wp-json\/wp\/v2\/categories?post=12324"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.cybermedian.com\/pl\/wp-json\/wp\/v2\/tags?post=12324"},{"taxonomy":"asset-category","embeddable":true,"href":"https:\/\/www.cybermedian.com\/pl\/wp-json\/wp\/v2\/asset-category?post=12324"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}