{"id":12245,"date":"2026-08-25T14:29:51","date_gmt":"2026-08-25T06:29:51","guid":{"rendered":"https:\/\/www.cybermedian.com\/pl\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/"},"modified":"2026-09-03T23:26:08","modified_gmt":"2026-09-03T15:26:08","slug":"comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool","status":"publish","type":"post","link":"https:\/\/www.cybermedian.com\/pl\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/","title":{"rendered":"Kompleksowy przewodnik po PlantUML: Diagramy jako kod"},"content":{"rendered":"<div class=\"chat-messages-container\">\n<div>\n<div>\n<div>\n<div>\n<div>\n<div>\n<div>\n<div>\n<h1 dir=\"ltr\"><span>Wst\u0119p: Opanowanie diagram\u00f3w jako kodu z wykorzystaniem PlantUML i Visual Paradigm<\/span><\/h1>\n<div dir=\"ltr\"><span>We wsp\u00f3\u0142czesnym, dynamicznym \u015brodowisku rozwoju oprogramowania jasna komunikacja wizualna przesta\u0142a by\u0107 luksusem \u2013 sta\u0142a si\u0119 konieczno\u015bci\u0105. Jednak tradycyjne narz\u0119dzia do tworzenia diagram\u00f3w cz\u0119sto generuj\u0105 wi\u0119cej problem\u00f3w, ni\u017c rozwi\u0105zuj\u0105. Interfejsy typu \u201eprzeci\u0105gnij i upu\u015b\u0107&#8221; tworz\u0105 pliki binarne, kt\u00f3re opieraj\u0105 si\u0119 kontroli wersji, staj\u0105 si\u0119 przestarza\u0142e w momencie zmiany kodu i tworz\u0105 bariery mi\u0119dzy programistami a dokumentacj\u0105.<\/span><\/div>\n<div><\/div>\n<div dir=\"ltr\"><span>Wkracza<\/span><strong dir=\"ltr\"><span>PlantUML<\/span><\/strong><span>: rewolucyjne podej\u015bcie, kt\u00f3re traktuje diagramy jako kod. Opisuj\u0105c swoje systemy w zwyk\u0142ym tek\u015bcie, zyskujesz dost\u0119p do mocy kontroli wersji, automatycznej generacji i bezproblemowej wsp\u00f3\u0142pracy. Ale dlaczego zatrzyma\u0107 si\u0119 tylko na pisaniu kodu, skoro sztuczna inteligencja mo\u017ce pom\u00f3c Ci pisa\u0107 go lepiej?<\/span><\/div>\n<div><\/div>\n<div dir=\"ltr\"><span>Ten kompleksowy przewodnik bada, jak<\/span><strong dir=\"ltr\"><span>PlantUML<\/span><\/strong><span>, w po\u0142\u0105czeniu z<\/span><strong dir=\"ltr\"><span>czatbotem AI Visual Paradigm<\/span><\/strong><span>oraz<\/span><strong dir=\"ltr\"><span>VPasCode<\/span><\/strong><span><span>, przekszta\u0142ca tworzenie diagram\u00f3w z \u017cmudnego obowi\u0105zku w wydajny, inteligentny przep\u0142yw pracy. Niezale\u017cnie od tego, czy jeste\u015b do\u015bwiadczonym architektem mapuj\u0105cym z\u0142o\u017cone mikroserwisy, czy mened\u017cerem produktu szkicuj\u0105cym \u015bcie\u017cki u\u017cytkownik\u00f3w, odkryjesz, jak wykorzysta\u0107 diagramy tekstowe do tworzenia \u0142atwych w utrzymaniu wizualizacji profesjonalnej jako\u015bci, kt\u00f3re ewoluuj\u0105 wraz z Twoim projektem.<br \/>\n<\/span><\/span><\/p>\n<p id=\"fweyXvg\"><img alt=\"VPasCode: Transformacja tworzenia diagram\u00f3w: PlantUML i workflow wspierane przez AI\" class=\"alignnone wp-image-20135 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_6a8d3691d85b8.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d3691d85b8.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d3691d85b8-300x168.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d3691d85b8-768x429.png 768w\" width=\"1024\"\/><\/p>\n<\/div>\n<div dir=\"ltr\"><span>Od diagram\u00f3w klas po wykresy Gantta, od diagram\u00f3w sekwencji po modele architektury C4 \u2013 przejdziemy przez praktyczne przyk\u0142ady i najlepsze praktyki, kt\u00f3re podnios\u0105 poziom Twojej dokumentacji. \u017begnaj z przestarza\u0142ymi plikami Visio, witaj z diagramami, kt\u00f3re \u017cyj\u0105 w Twoim repozytorium, zmieniaj\u0105 si\u0119 wraz z kodem i m\u00f3wi\u0105 j\u0119zykiem programist\u00f3w.<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<h2>Dlaczego PlantUML do diagram\u00f3w jako kodu? Jakie s\u0105 korzy\u015bci?<\/h2>\n<p>PlantUML to narz\u0119dzie open-source, kt\u00f3re pozwala tworzy\u0107 diagramy UML na podstawie zwyk\u0142ych opis\u00f3w tekstowych. Oto kluczowe korzy\u015bci:<\/p>\n<p id=\"rZkfDjQ\"><img alt=\"Dlaczego PlantUML dla diagram\u00f3w jako kod: Korzy\u015bci i moc dzi\u0119ki wykorzystaniu VPasCode\" class=\"alignnone wp-image-20139 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_6a8d3775a2b21.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d3775a2b21.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d3775a2b21-300x168.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d3775a2b21-768x429.png 768w\" width=\"1024\"\/><\/p>\n<h3>1.\u00a0<strong>Przyjazny dla kontroli wersji<\/strong><\/h3>\n<ul>\n<li>\n<p>Diagramy tekstowe mo\u017cna przechowywa\u0107 w repozytoriach Git<\/p>\n<\/li>\n<li>\n<p>\u0141atwe \u015bledzenie zmian, przegl\u0105danie r\u00f3\u017cnic i wsp\u00f3\u0142praca<\/p>\n<\/li>\n<li>\n<p>Brak plik\u00f3w binarnych, kt\u00f3re trudno scali\u0107<\/p>\n<\/li>\n<\/ul>\n<h3>2.\u00a0<strong>\u0141atwo\u015b\u0107 utrzymania<\/strong><\/h3>\n<ul>\n<li>\n<p>\u0141atwe aktualizowanie i modyfikowanie diagram\u00f3w<\/p>\n<\/li>\n<li>\n<p>Sp\u00f3jny styl we wszystkich diagramach<\/p>\n<\/li>\n<li>\n<p>Wielokrotnego u\u017cytku komponenty i szablony<\/p>\n<\/li>\n<\/ul>\n<h3>3.\u00a0<strong>Skupione na programistach<\/strong><\/h3>\n<ul>\n<li>\n<p>Tw\u00f3rz diagramy w kodzie (bez przeci\u0105gania i upuszczania)<\/p>\n<\/li>\n<li>\n<p>Integruje si\u0119 z \u015brodowiskami IDE i narz\u0119dziami do dokumentacji<\/p>\n<\/li>\n<li>\n<p>Automatyczna generacja diagram\u00f3w z kodu<\/p>\n<\/li>\n<\/ul>\n<h3>4.\u00a0<strong>Integracja narz\u0119dzi<\/strong><\/h3>\n<ul>\n<li>\n<p>Dzia\u0142a z czatbotem AI Visual Paradigm w celu uzyskania inteligentnych sugestii dotycz\u0105cych diagram\u00f3w<\/p>\n<\/li>\n<li>\n<p>VPasCode zapewnia ulepszony komfort edycji<\/p>\n<\/li>\n<li>\n<p>Obs\u0142uguje wiele format\u00f3w wyj\u015bciowych (PNG, SVG, PDF)<\/p>\n<\/li>\n<\/ul>\n<h3>5.\u00a0<strong>Szerokie wsparcie dla diagram\u00f3w<\/strong><\/h3>\n<ul>\n<li>\n<p>Diagramy klas, diagramy sekwencji, diagramy aktywno\u015bci<\/p>\n<\/li>\n<li>\n<p>Diagramy przypadk\u00f3w u\u017cycia, diagramy komponent\u00f3w, diagramy wdro\u017cenia<\/p>\n<\/li>\n<li>\n<p>I wiele innych specjalistycznych typ\u00f3w diagram\u00f3w<\/p>\n<\/li>\n<\/ul>\n<hr\/>\n<h2>Narz\u0119dzia: Czatbot AI Visual Paradigm + VPasCode<\/h2>\n<p id=\"pNICRlm\"><img alt=\"Diagram przedstawiaj\u0105cy czatbota AI Visual Paradigm generuj\u0105cy kod PlantUML dla \u015brodowiska VPasCode.\" class=\"alignnone size-full wp-image-20140\" decoding=\"async\" height=\"572\" loading=\"lazy\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d37f36b05b.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d37f36b05b.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d37f36b05b-300x168.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d37f36b05b-768x429.png 768w\" width=\"1024\"\/><\/p>\n<h3>Czatbot AI Visual Paradigm<\/h3>\n<ul>\n<li>\n<p><strong>Inteligentne sugestie<\/strong>: Uzyskaj rekomendacje wspierane przez AI dotycz\u0105ce struktur diagram\u00f3w<\/p>\n<\/li>\n<li>\n<p><strong>J\u0119zyk naturalny do diagramu<\/strong>: Opisz sw\u00f3j system w zwyk\u0142ym j\u0119zyku angielskim, otrzymaj kod PlantUML<\/p>\n<\/li>\n<li>\n<p><strong>Najlepsze praktyki<\/strong>: Poznaj optymalne wzorce i konwencje diagram\u00f3w<\/p>\n<\/li>\n<\/ul>\n<h3>VPasCode<\/h3>\n<ul>\n<li>\n<p><strong>Ulepszony edytor<\/strong>: Pod\u015bwietlanie sk\u0142adni, automatyczne uzupe\u0142nianie, wykrywanie b\u0142\u0119d\u00f3w<\/p>\n<\/li>\n<li>\n<p><strong>Podgl\u0105d na \u017cywo<\/strong>: Zobacz aktualizacj\u0119 swojego diagramu w czasie rzeczywistym podczas pisania<\/p>\n<\/li>\n<li>\n<p><strong>Integracja<\/strong>: Bezproblemowo wsp\u00f3\u0142pracuje z pe\u0142nym zestawem narz\u0119dzi modelowania Visual Paradigm<\/p>\n<\/li>\n<\/ul>\n<hr\/>\n<h2>Przyk\u0142ady diagram\u00f3w PlantUML<\/h2>\n<h3>1. Diagram klas<\/h3>\n<p id=\"MeKiwtT\"><img alt=\"Diagram klas PlantUML przedstawiaj\u0105cy encje Klient, Zam\u00f3wienie i Produkt z atrybutami i metodami.\" class=\"alignnone size-full wp-image-20141\" decoding=\"async\" height=\"564\" loading=\"lazy\" sizes=\"auto, (max-width: 304px) 100vw, 304px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d3827692ab.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d3827692ab.png 304w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d3827692ab-162x300.png 162w\" width=\"304\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RLB1JiGW4BqtwJzCUgfkUl3AmQnnzx0NRQ8_W80R4c0Q6FHW_7UXfKsxbGF9lFUOUJmu1kAUeZLr9GmF0PvZ8BJAmqzTGLgTAC15CdWZhzsr48vRTGCfoxNPOeUhehddnNrYUyVW2xKiR1ma9tNEvrgdli_h1elojwvcUwzUhhnXhdR6HlIKsZB8Uq49YPidYz5HmZ5-cC8S13SYcgHypv9iS4CFXWirpct_SzHxb57GuccOwfshWh_iKnky5kfcQ4gjp_3EpHJOnAN0-lNPhRtb9Pk71hhk4PhxfkJ7OBnKgAkfpioicE_3GA0ZhbrI7PMJwO_y0G00\" 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 PlantUML 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\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RLB1JiGW4BqtwJzCUgfkUl3AmQnnzx0NRQ8_W80R4c0Q6FHW_7UXfKsxbGF9lFUOUJmu1kAUeZLr9GmF0PvZ8BJAmqzTGLgTAC15CdWZhzsr48vRTGCfoxNPOeUhehddnNrYUyVW2xKiR1ma9tNEvrgdli_h1elojwvcUwzUhhnXhdR6HlIKsZB8Uq49YPidYz5HmZ5-cC8S13SYcgHypv9iS4CFXWirpct_SzHxb57GuccOwfshWh_iKnky5kfcQ4gjp_3EpHJOnAN0-lNPhRtb9Pk71hhk4PhxfkJ7OBnKgAkfpioicE_3GA0ZhbrI7PMJwO_y0G00\" 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 PlantUML 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\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RLB1JiGW4BqtwJzCUgfkUl3AmQnnzx0NRQ8_W80R4c0Q6FHW_7UXfKsxbGF9lFUOUJmu1kAUeZLr9GmF0PvZ8BJAmqzTGLgTAC15CdWZhzsr48vRTGCfoxNPOeUhehddnNrYUyVW2xKiR1ma9tNEvrgdli_h1elojwvcUwzUhhnXhdR6HlIKsZB8Uq49YPidYz5HmZ5-cC8S13SYcgHypv9iS4CFXWirpct_SzHxb57GuccOwfshWh_iKnky5kfcQ4gjp_3EpHJOnAN0-lNPhRtb9Pk71hhk4PhxfkJ7OBnKgAkfpioicE_3GA0ZhbrI7PMJwO_y0G00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nclass Customer {\r\n    -customerId: String\r\n    -name: String\r\n    -email: String\r\n    +getCustomerInfo(): void\r\n    +updateEmail(newEmail: String): void\r\n}\r\n\r\nclass Order {\r\n    -orderId: String\r\n    -orderDate: Date\r\n    -totalAmount: Double\r\n    +calculateTotal(): Double\r\n    +placeOrder(): void\r\n}\r\n\r\nclass Product {\r\n    -productId: String\r\n    -productName: String\r\n    -price: Double\r\n    +getPrice(): Double\r\n    +updatePrice(newPrice: Double): void\r\n}\r\n\r\nCustomer \"1\" --&gt; \"*\" Order : places\r\nOrder \"*\" --&gt; \"*\" Product : contains\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RLB1JiGW4BqtwJzCUgfkUl3AmQnnzx0NRQ8_W80R4c0Q6FHW_7UXfKsxbGF9lFUOUJmu1kAUeZLr9GmF0PvZ8BJAmqzTGLgTAC15CdWZhzsr48vRTGCfoxNPOeUhehddnNrYUyVW2xKiR1ma9tNEvrgdli_h1elojwvcUwzUhhnXhdR6HlIKsZB8Uq49YPidYz5HmZ5-cC8S13SYcgHypv9iS4CFXWirpct_SzHxb57GuccOwfshWh_iKnky5kfcQ4gjp_3EpHJOnAN0-lNPhRtb9Pk71hhk4PhxfkJ7OBnKgAkfpioicE_3GA0ZhbrI7PMJwO_y0G00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RLB1JiGW4BqtwJzCUgfkUl3AmQnnzx0NRQ8_W80R4c0Q6FHW_7UXfKsxbGF9lFUOUJmu1kAUeZLr9GmF0PvZ8BJAmqzTGLgTAC15CdWZhzsr48vRTGCfoxNPOeUhehddnNrYUyVW2xKiR1ma9tNEvrgdli_h1elojwvcUwzUhhnXhdR6HlIKsZB8Uq49YPidYz5HmZ5-cC8S13SYcgHypv9iS4CFXWirpct_SzHxb57GuccOwfshWh_iKnky5kfcQ4gjp_3EpHJOnAN0-lNPhRtb9Pk71hhk4PhxfkJ7OBnKgAkfpioicE_3GA0ZhbrI7PMJwO_y0G00\" 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 PlantUML 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\/#plantuml:RLB1JiGW4BqtwJzCUgfkUl3AmQnnzx0NRQ8_W80R4c0Q6FHW_7UXfKsxbGF9lFUOUJmu1kAUeZLr9GmF0PvZ8BJAmqzTGLgTAC15CdWZhzsr48vRTGCfoxNPOeUhehddnNrYUyVW2xKiR1ma9tNEvrgdli_h1elojwvcUwzUhhnXhdR6HlIKsZB8Uq49YPidYz5HmZ5-cC8S13SYcgHypv9iS4CFXWirpct_SzHxb57GuccOwfshWh_iKnky5kfcQ4gjp_3EpHJOnAN0-lNPhRtb9Pk71hhk4PhxfkJ7OBnKgAkfpioicE_3GA0ZhbrI7PMJwO_y0G00\" 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 Plantuml w VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h3>2. Diagram sekwencji<\/h3>\n<p id=\"ZeQJLKw\"><img alt=\"Diagram sekwencji logowania pokazuj\u0105cy interakcje mi\u0119dzy U\u017cytkownikiem, Przegl\u0105dark\u0105 internetow\u0105, Bram\u0105 API, Us\u0142ug\u0105 autoryzacji i Us\u0142ug\u0105 u\u017cytkownika.\" class=\"alignnone size-full wp-image-20142\" decoding=\"async\" height=\"458\" loading=\"lazy\" sizes=\"auto, (max-width: 643px) 100vw, 643px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d38398c3e0.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d38398c3e0.png 643w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d38398c3e0-300x214.png 300w\" width=\"643\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Plantuml<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RP9FJmCX4CNl97o7IU-cznvCjPiq9YPkMl-SPzdH9L90cBNnsmkuQ7VZ3Txx3VDcmZOo1XvFHWfKx08yHGfI-2HgfJrQXjKBTN0Rt3avAy1Opmlgfhs3FJATyQjGqtb9ZJp0aSAdLbImB2oO7676P66wIo55yQ-kQmxOmBrxqnOEz35IP2cgaPWfHMBQX-CZhD7hjScq5DLAL4crWMSqkaygx0BrP5cZYL8Kym_Q3QJUeK763YDLUzOgIxbS8MkNSyNHyApXnKI9tnCN1ThWNhMXdn6hFt-xSBdxnNl_xY9wPtE-tsLCRHFIwEXDAcmm3ft3q4kn9TkdN_0D\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Edytuj Plantuml 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\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RP9FJmCX4CNl97o7IU-cznvCjPiq9YPkMl-SPzdH9L90cBNnsmkuQ7VZ3Txx3VDcmZOo1XvFHWfKx08yHGfI-2HgfJrQXjKBTN0Rt3avAy1Opmlgfhs3FJATyQjGqtb9ZJp0aSAdLbImB2oO7676P66wIo55yQ-kQmxOmBrxqnOEz35IP2cgaPWfHMBQX-CZhD7hjScq5DLAL4crWMSqkaygx0BrP5cZYL8Kym_Q3QJUeK763YDLUzOgIxbS8MkNSyNHyApXnKI9tnCN1ThWNhMXdn6hFt-xSBdxnNl_xY9wPtE-tsLCRHFIwEXDAcmm3ft3q4kn9TkdN_0D\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Edytuj PlantUML 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\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RP9FJmCX4CNl97o7IU-cznvCjPiq9YPkMl-SPzdH9L90cBNnsmkuQ7VZ3Txx3VDcmZOo1XvFHWfKx08yHGfI-2HgfJrQXjKBTN0Rt3avAy1Opmlgfhs3FJATyQjGqtb9ZJp0aSAdLbImB2oO7676P66wIo55yQ-kQmxOmBrxqnOEz35IP2cgaPWfHMBQX-CZhD7hjScq5DLAL4crWMSqkaygx0BrP5cZYL8Kym_Q3QJUeK763YDLUzOgIxbS8MkNSyNHyApXnKI9tnCN1ThWNhMXdn6hFt-xSBdxnNl_xY9wPtE-tsLCRHFIwEXDAcmm3ft3q4kn9TkdN_0D\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nactor User\r\nparticipant \"Web Browser\" as Browser\r\nparticipant \"API Gateway\" as Gateway\r\nparticipant \"Auth Service\" as Auth\r\nparticipant \"User Service\" as UserService\r\n\r\nUser -&gt; Browser : Login Request\r\nBrowser -&gt; Gateway : POST \/api\/login\r\nGateway -&gt; Auth : Validate Credentials\r\nAuth -&gt; Auth : Check Database\r\nAuth --&gt; Gateway : Authentication Result\r\nGateway -&gt; UserService : Get User Profile\r\nUserService --&gt; Gateway : User Data\r\nGateway --&gt; Browser : Login Response\r\nBrowser --&gt; User : Display Dashboard\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RP9FJmCX4CNl97o7IU-cznvCjPiq9YPkMl-SPzdH9L90cBNnsmkuQ7VZ3Txx3VDcmZOo1XvFHWfKx08yHGfI-2HgfJrQXjKBTN0Rt3avAy1Opmlgfhs3FJATyQjGqtb9ZJp0aSAdLbImB2oO7676P66wIo55yQ-kQmxOmBrxqnOEz35IP2cgaPWfHMBQX-CZhD7hjScq5DLAL4crWMSqkaygx0BrP5cZYL8Kym_Q3QJUeK763YDLUzOgIxbS8MkNSyNHyApXnKI9tnCN1ThWNhMXdn6hFt-xSBdxnNl_xY9wPtE-tsLCRHFIwEXDAcmm3ft3q4kn9TkdN_0D\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RP9FJmCX4CNl97o7IU-cznvCjPiq9YPkMl-SPzdH9L90cBNnsmkuQ7VZ3Txx3VDcmZOo1XvFHWfKx08yHGfI-2HgfJrQXjKBTN0Rt3avAy1Opmlgfhs3FJATyQjGqtb9ZJp0aSAdLbImB2oO7676P66wIo55yQ-kQmxOmBrxqnOEz35IP2cgaPWfHMBQX-CZhD7hjScq5DLAL4crWMSqkaygx0BrP5cZYL8Kym_Q3QJUeK763YDLUzOgIxbS8MkNSyNHyApXnKI9tnCN1ThWNhMXdn6hFt-xSBdxnNl_xY9wPtE-tsLCRHFIwEXDAcmm3ft3q4kn9TkdN_0D\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Edytuj PlantUML 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\/#plantuml:RP9FJmCX4CNl97o7IU-cznvCjPiq9YPkMl-SPzdH9L90cBNnsmkuQ7VZ3Txx3VDcmZOo1XvFHWfKx08yHGfI-2HgfJrQXjKBTN0Rt3avAy1Opmlgfhs3FJATyQjGqtb9ZJp0aSAdLbImB2oO7676P66wIo55yQ-kQmxOmBrxqnOEz35IP2cgaPWfHMBQX-CZhD7hjScq5DLAL4crWMSqkaygx0BrP5cZYL8Kym_Q3QJUeK763YDLUzOgIxbS8MkNSyNHyApXnKI9tnCN1ThWNhMXdn6hFt-xSBdxnNl_xY9wPtE-tsLCRHFIwEXDAcmm3ft3q4kn9TkdN_0D\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Edytuj Plantuml w VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h3>3. Diagram aktywno\u015bci<\/h3>\n<p id=\"aHFktKE\"><img alt=\"Diagram aktywno\u015bci PlantUML ilustruj\u0105cy przep\u0142yw pracy przetwarzania zam\u00f3wie\u0144 z walidacj\u0105 p\u0142atno\u015bci i aktualizacj\u0105 stan\u00f3w magazynowych.\" class=\"alignnone size-full wp-image-20143\" decoding=\"async\" height=\"484\" loading=\"lazy\" sizes=\"auto, (max-width: 342px) 100vw, 342px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d384ae28eb.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d384ae28eb.png 342w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d384ae28eb-212x300.png 212w\" width=\"342\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Plantuml<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:FOz12i8m44NtWTnXblKAkb0G4JTQ5Ds7v1T7cgGaKw6tTsp5tV3-CFF-heehCiRUcdcoPds51xz1bn9GDjPmHqthfeWaz70zX-sAv8b4pOIwiePetPRiKIlzrZOpl0_12UYKtefocHPwH4BvySmU2xqX1Thdr769JZWdEaJ7lOReAwX9UNbqnGjU_cfApbcucsW_LibnXdgAE-rnU_90QXP6_pNIVB1cfwcs_G00\" 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 Plantuml 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\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:FOz12i8m44NtWTnXblKAkb0G4JTQ5Ds7v1T7cgGaKw6tTsp5tV3-CFF-heehCiRUcdcoPds51xz1bn9GDjPmHqthfeWaz70zX-sAv8b4pOIwiePetPRiKIlzrZOpl0_12UYKtefocHPwH4BvySmU2xqX1Thdr769JZWdEaJ7lOReAwX9UNbqnGjU_cfApbcucsW_LibnXdgAE-rnU_90QXP6_pNIVB1cfwcs_G00\" 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 PlantUML 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\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:FOz12i8m44NtWTnXblKAkb0G4JTQ5Ds7v1T7cgGaKw6tTsp5tV3-CFF-heehCiRUcdcoPds51xz1bn9GDjPmHqthfeWaz70zX-sAv8b4pOIwiePetPRiKIlzrZOpl0_12UYKtefocHPwH4BvySmU2xqX1Thdr769JZWdEaJ7lOReAwX9UNbqnGjU_cfApbcucsW_LibnXdgAE-rnU_90QXP6_pNIVB1cfwcs_G00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nstart\r\n:Receive Order;\r\nif (Payment Valid?) then (yes)\r\n  :Process Payment;\r\n  :Update Inventory;\r\n  :Generate Invoice;\r\n  :Send Confirmation Email;\r\nelse (no)\r\n  :Reject Order;\r\n  :Notify Customer;\r\nendif\r\n:Ship Product;\r\nstop\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:FOz12i8m44NtWTnXblKAkb0G4JTQ5Ds7v1T7cgGaKw6tTsp5tV3-CFF-heehCiRUcdcoPds51xz1bn9GDjPmHqthfeWaz70zX-sAv8b4pOIwiePetPRiKIlzrZOpl0_12UYKtefocHPwH4BvySmU2xqX1Thdr769JZWdEaJ7lOReAwX9UNbqnGjU_cfApbcucsW_LibnXdgAE-rnU_90QXP6_pNIVB1cfwcs_G00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:FOz12i8m44NtWTnXblKAkb0G4JTQ5Ds7v1T7cgGaKw6tTsp5tV3-CFF-heehCiRUcdcoPds51xz1bn9GDjPmHqthfeWaz70zX-sAv8b4pOIwiePetPRiKIlzrZOpl0_12UYKtefocHPwH4BvySmU2xqX1Thdr769JZWdEaJ7lOReAwX9UNbqnGjU_cfApbcucsW_LibnXdgAE-rnU_90QXP6_pNIVB1cfwcs_G00\" 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 PlantUML 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\/#plantuml:FOz12i8m44NtWTnXblKAkb0G4JTQ5Ds7v1T7cgGaKw6tTsp5tV3-CFF-heehCiRUcdcoPds51xz1bn9GDjPmHqthfeWaz70zX-sAv8b4pOIwiePetPRiKIlzrZOpl0_12UYKtefocHPwH4BvySmU2xqX1Thdr769JZWdEaJ7lOReAwX9UNbqnGjU_cfApbcucsW_LibnXdgAE-rnU_90QXP6_pNIVB1cfwcs_G00\" 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 Plantuml w VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h3>4. Diagram przypadk\u00f3w u\u017cycia<\/h3>\n<p id=\"oVpEcFT\"><img alt=\"Diagram przypadk\u00f3w u\u017cycia systemu e-commerce pokazuj\u0105cy interakcje Klienta i Administratora z funkcjami: Przegl\u0105daj produkty, Z\u0142\u00f3\u017c zam\u00f3wienie, Zarz\u0105dzaj stanami magazynowymi, Wy\u015bwietl raporty i Przetw\u00f3rz zwrot.\" class=\"alignnone size-full wp-image-20144\" decoding=\"async\" height=\"327\" loading=\"lazy\" sizes=\"auto, (max-width: 579px) 100vw, 579px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d385ecbf11.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d385ecbf11.png 579w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d385ecbf11-300x169.png 300w\" width=\"579\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Plantuml<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:NP6nJWCn38RtI7a7w_Qh12qB0ogS61WG5QZiKU9U8rqIv3YK2l7kkE5QAKpERt-sVolhp8QuX4ch2NSCd83yk6Tmdj2oJr4hOpaHT4F9d09I1oR3MLogzoxuM4lrfPLMfm4cZXD2zzWFAGXk4TwEcJ5qyAqLGCbeJHRWWT91ueQIAvPp7RGThXfcCndfVo4tUzWErqtzsKGp8Zp5JupYwJX3omPwztY0L_n8TDcoQhTGifYpCBiItOpSQFLpEkbyDlJztP-_VnbnLE-VvRALgrRALEc0nQ8Ak0NyOemkQxMM89_o2m00\" 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 Plantuml 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\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:NP6nJWCn38RtI7a7w_Qh12qB0ogS61WG5QZiKU9U8rqIv3YK2l7kkE5QAKpERt-sVolhp8QuX4ch2NSCd83yk6Tmdj2oJr4hOpaHT4F9d09I1oR3MLogzoxuM4lrfPLMfm4cZXD2zzWFAGXk4TwEcJ5qyAqLGCbeJHRWWT91ueQIAvPp7RGThXfcCndfVo4tUzWErqtzsKGp8Zp5JupYwJX3omPwztY0L_n8TDcoQhTGifYpCBiItOpSQFLpEkbyDlJztP-_VnbnLE-VvRALgrRALEc0nQ8Ak0NyOemkQxMM89_o2m00\" 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 PlantUML 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\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:NP6nJWCn38RtI7a7w_Qh12qB0ogS61WG5QZiKU9U8rqIv3YK2l7kkE5QAKpERt-sVolhp8QuX4ch2NSCd83yk6Tmdj2oJr4hOpaHT4F9d09I1oR3MLogzoxuM4lrfPLMfm4cZXD2zzWFAGXk4TwEcJ5qyAqLGCbeJHRWWT91ueQIAvPp7RGThXfcCndfVo4tUzWErqtzsKGp8Zp5JupYwJX3omPwztY0L_n8TDcoQhTGifYpCBiItOpSQFLpEkbyDlJztP-_VnbnLE-VvRALgrRALEc0nQ8Ak0NyOemkQxMM89_o2m00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nleft to right direction\r\nactor \"Customer\" as Customer\r\nactor \"Admin\" as Admin\r\n\r\nrectangle \"E-Commerce System\" {\r\n  usecase \"Browse Products\" as UC1\r\n  usecase \"Place Order\" as UC2\r\n  usecase \"Manage Inventory\" as UC3\r\n  usecase \"View Reports\" as UC4\r\n  usecase \"Process Refund\" as UC5\r\n}\r\n\r\nCustomer --&gt; UC1\r\nCustomer --&gt; UC2\r\nAdmin --&gt; UC3\r\nAdmin --&gt; UC4\r\nAdmin --&gt; UC5\r\nUC2 ..&gt; UC5 : extends\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:NP6nJWCn38RtI7a7w_Qh12qB0ogS61WG5QZiKU9U8rqIv3YK2l7kkE5QAKpERt-sVolhp8QuX4ch2NSCd83yk6Tmdj2oJr4hOpaHT4F9d09I1oR3MLogzoxuM4lrfPLMfm4cZXD2zzWFAGXk4TwEcJ5qyAqLGCbeJHRWWT91ueQIAvPp7RGThXfcCndfVo4tUzWErqtzsKGp8Zp5JupYwJX3omPwztY0L_n8TDcoQhTGifYpCBiItOpSQFLpEkbyDlJztP-_VnbnLE-VvRALgrRALEc0nQ8Ak0NyOemkQxMM89_o2m00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:NP6nJWCn38RtI7a7w_Qh12qB0ogS61WG5QZiKU9U8rqIv3YK2l7kkE5QAKpERt-sVolhp8QuX4ch2NSCd83yk6Tmdj2oJr4hOpaHT4F9d09I1oR3MLogzoxuM4lrfPLMfm4cZXD2zzWFAGXk4TwEcJ5qyAqLGCbeJHRWWT91ueQIAvPp7RGThXfcCndfVo4tUzWErqtzsKGp8Zp5JupYwJX3omPwztY0L_n8TDcoQhTGifYpCBiItOpSQFLpEkbyDlJztP-_VnbnLE-VvRALgrRALEc0nQ8Ak0NyOemkQxMM89_o2m00\" 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 PlantUML 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\/#plantuml:NP6nJWCn38RtI7a7w_Qh12qB0ogS61WG5QZiKU9U8rqIv3YK2l7kkE5QAKpERt-sVolhp8QuX4ch2NSCd83yk6Tmdj2oJr4hOpaHT4F9d09I1oR3MLogzoxuM4lrfPLMfm4cZXD2zzWFAGXk4TwEcJ5qyAqLGCbeJHRWWT91ueQIAvPp7RGThXfcCndfVo4tUzWErqtzsKGp8Zp5JupYwJX3omPwztY0L_n8TDcoQhTGifYpCBiItOpSQFLpEkbyDlJztP-_VnbnLE-VvRALgrRALEc0nQ8Ak0NyOemkQxMM89_o2m00\" 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 Plantuml w VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h3>5. Diagram komponent\u00f3w<\/h3>\n<p id=\"fkzfZrN\"><img alt=\"Diagram komponent\u00f3w PlantUML pokazuj\u0105cy aplikacje webowe i mobilne (frontend) \u0142\u0105cz\u0105ce si\u0119 z backendow\u0105 Bram\u0105 API i mikroserwisami takimi jak Zam\u00f3wienia, Autoryzacja i P\u0142atno\u015bci.\" class=\"alignnone size-full wp-image-20145\" decoding=\"async\" height=\"452\" loading=\"lazy\" sizes=\"auto, (max-width: 729px) 100vw, 729px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d386d88165.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d386d88165.png 729w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d386d88165-300x186.png 300w\" width=\"729\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Plantuml<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RLAx3i8m3DmhzH-ixlm20eH033ma1WR4uBO68afRfGQ44FzEueQI09jzTpxdaWmQHisNSn57DMOdF10a4rsLJ6MUm2EE0BORIc5OruNAa5LLxW0RC9Y1X9vNgIh8AeHfMo6VSUJPZanXN65D-geoQjxsmzKCfiXqmxiOkBhbBdoaajtczwZ8BELwaIvrJZfG2E9BLdW_6xT0v31VjgXOxV-jz8bkG4Bco9XYOrAENPNOWV78akrTGQ_N_sJhRYc4NI5W4D0dmbm-ynt6LuhWRm9laOZigNycBHZQT_30lAhvGIy0\" 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 Plantuml 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\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RLAx3i8m3DmhzH-ixlm20eH033ma1WR4uBO68afRfGQ44FzEueQI09jzTpxdaWmQHisNSn57DMOdF10a4rsLJ6MUm2EE0BORIc5OruNAa5LLxW0RC9Y1X9vNgIh8AeHfMo6VSUJPZanXN65D-geoQjxsmzKCfiXqmxiOkBhbBdoaajtczwZ8BELwaIvrJZfG2E9BLdW_6xT0v31VjgXOxV-jz8bkG4Bco9XYOrAENPNOWV78akrTGQ_N_sJhRYc4NI5W4D0dmbm-ynt6LuhWRm9laOZigNycBHZQT_30lAhvGIy0\" 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 PlantUML 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\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RP91JeGm58Rt9DoXOJzNC0EPQ5oe96OoYSR5JtdEr86Mb29XZ9k9j_0O7i5mBqjH1aPsZ___tdlyRPUbWJPLdlbU0Rx7bbXmgPKq9DE0lVaUOuzXaOaz-0lOXX9LuucXxCgmACxy6vM8JFQ0gyanxxut6hykssEr5IooWjsYQlfR56daO65yxGPSmL2DnZbzZ_KgetHpiCk4O-ptxfxqg-0quHwGVt_LWjeFXztfbFGS5xT76AdQJzxFYz7a9Cqigcg1LEN3q5jbnBFWC4B9eS55JM6GeBHP8np0Lf0DtmLTpohg_Fxis69nSGev7DTK_YsSE0axDgRnnivvdZ7fWDaGeqKEwlxwNsSdJiSFyj9UgtrIFm00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\npackage \"Frontend\" {\r\n  [Aplikacja Webowa] as WebApp\r\n  [Aplikacja Mobilna] as MobileApp\r\n}\r\n\r\npackage \"Us\u0142ugi Backendowe\" {\r\n  [Brama API] as Gateway\r\n  [Us\u0142uga Autoryzacji] as AuthService\r\n  [Us\u0142uga Zam\u00f3wie\u0144] as OrderService\r\n  [Us\u0142uga P\u0142atno\u015bci] as PaymentService\r\n  [Us\u0142uga Powiadomie\u0144] as NotificationService\r\n}\r\n\r\ndatabase \"Baza Danych\" as DB\r\n\r\nWebApp --&gt; Gateway\r\nMobileApp --&gt; Gateway\r\nGateway --&gt; AuthService\r\nGateway --&gt; OrderService\r\nGateway --&gt; PaymentService\r\nOrderService --&gt; NotificationService\r\nAuthService --&gt; DB\r\nOrderService --&gt; DB\r\nPaymentService --&gt; DB\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RP91JeGm58Rt9DoXOJzNC0EPQ5oe96OoYSR5JtdEr86Mb29XZ9k9j_0O7i5mBqjH1aPsZ___tdlyRPUbWJPLdlbU0Rx7bbXmgPKq9DE0lVaUOuzXaOaz-0lOXX9LuucXxCgmACxy6vM8JFQ0gyanxxut6hykssEr5IooWjsYQlfR56daO65yxGPSmL2DnZbzZ_KgetHpiCk4O-ptxfxqg-0quHwGVt_LWjeFXztfbFGS5xT76AdQJzxFYz7a9Cqigcg1LEN3q5jbnBFWC4B9eS55JM6GeBHP8np0Lf0DtmLTpohg_Fxis69nSGev7DTK_YsSE0axDgRnnivvdZ7fWDaGeqKEwlxwNsSdJiSFyj9UgtrIFm00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RLAx3i8m3DmhzH-ixlm20eH033ma1WR4uBO68afRfGQ44FzEueQI09jzTpxdaWmQHisNSn57DMOdF10a4rsLJ6MUm2EE0BORIc5OruNAa5LLxW0RC9Y1X9vNgIh8AeHfMo6VSUJPZanXN65D-geoQjxsmzKCfiXqmxiOkBhbBdoaajtczwZ8BELwaIvrJZfG2E9BLdW_6xT0v31VjgXOxV-jz8bkG4Bco9XYOrAENPNOWV78akrTGQ_N_sJhRYc4NI5W4D0dmbm-ynt6LuhWRm9laOZigNycBHZQT_30lAhvGIy0\" 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 PlantUML 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\/#plantuml:RLAx3i8m3DmhzH-ixlm20eH033ma1WR4uBO68afRfGQ44FzEueQI09jzTpxdaWmQHisNSn57DMOdF10a4rsLJ6MUm2EE0BORIc5OruNAa5LLxW0RC9Y1X9vNgIh8AeHfMo6VSUJPZanXN65D-geoQjxsmzKCfiXqmxiOkBhbBdoaajtczwZ8BELwaIvrJZfG2E9BLdW_6xT0v31VjgXOxV-jz8bkG4Bco9XYOrAENPNOWV78akrTGQ_N_sJhRYc4NI5W4D0dmbm-ynt6LuhWRm9laOZigNycBHZQT_30lAhvGIy0\" 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 Plantuml w VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h3>6. Diagram wdro\u017cenia<\/h3>\n<p id=\"oDhKFeA\"><img alt=\"Diagram wdro\u017cenia PlantUML pokazuj\u0105cy balanser obci\u0105\u017cenia, serwery WWW, serwer aplikacji i replikacj\u0119 bazy danych.\" class=\"alignnone size-full wp-image-20147\" decoding=\"async\" height=\"650\" loading=\"lazy\" sizes=\"auto, (max-width: 609px) 100vw, 609px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d389188b6e.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d389188b6e.png 609w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d389188b6e-281x300.png 281w\" width=\"609\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Plantuml<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RP6zgiCm38LtWzz1P6-X6UzG6fCnGsc7pgeZBeR43hPJAANlVXt5IN-ucwJpMKUI3o6YZsFVIM5TIr0q3bjGsA7Lv0l008s2XnG0itwXAvp9tyZ3ZkNBUVUlMcQrbE8fnTA-6eREQ8p6sGmobihv6Ljfrm_EaerGg34OIo6DuNwDPbWrNqoD4Q7IcZ6yvvvrrNnOJzGL0xtxrkhTjbs8ukXDZ_wUTCPoMgjFwaIyp4BbTABODXrkizdF1rhZT8vKu6HTUYgLtwNNIIPX6LIATHRORlSlJ_W1FyUHWXG7ictwrJy0\" 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 Plantuml 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\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RP6zgiCm38LtWzz1P6-X6UzG6fCnGsc7pgeZBeR43hPJAANlVXt5IN-ucwJpMKUI3o6YZsFVIM5TIr0q3bjGsA7Lv0l008s2XnG0itwXAvp9tyZ3ZkNBUVUlMcQrbE8fnTA-6eREQ8p6sGmobihv6Ljfrm_EaerGg34OIo6DuNwDPbWrNqoD4Q7IcZ6yvvvrrNnOJzGL0xtxrkhTjbs8ukXDZ_wUTCPoMgjFwaIyp4BbTABODXrkizdF1rhZT8vKu6HTUYgLtwNNIIPX6LIATHRORlSlJ_W1FyUHWXG7ictwrJy0\" 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 PlantUML 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\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:TPAnQiCm54LtWVxXuJs1UEmGOc7eOaXe1i_FjcYLsfAHv1gdT2dq8_eTNRir-Q_ASk8ueTsaw_DunnUjZ4LjcwgaHAg2Gy2mH6cuXdMMYyF7yPjBWG6WWOJ1AoK00xVbkdLKoZFLTh3mHBfT_0U49o2av8sIyx8J4zMbUCPy9pmKrRNBNrpkr-MggfNaqaAGg4V70HDxoOrg1osMt50fQcDRX5WPU_Yi6oWKn2Yx_CdpSPJyvS1mtrrXR2fHeCKCZSFlZ-y_Nwt4VW2d0nijAjHTpAxv2GOFlFzH9ou7TN_FiH_nGgxXsMmvr3YUNMCky9UncJuARwDBR_s7ipybenZCvylBJhW3xNsQ7QTanMNXNi4l\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nnode \"Balanser Obci\u0105\u017cenia\" as LB {\r\n  node \"Serwer Webowy 1\" as WS1\r\n  node \"Serwer Webowy 2\" as WS2\r\n}\r\n\r\nnode \"Serwer Aplikacji\" as AppServer {\r\n  component \"Logika Biznesowa\" as BL\r\n  component \"Warstwa Dost\u0119pu do Danych\" as DAL\r\n}\r\n\r\nnode \"Serwer Bazy Danych\" as DBServer {\r\n  database \"G\u0142\u00f3wna Baza Danych\" as PrimaryDB\r\n  database \"Baza Danych Replikowana\" as ReplicaDB\r\n}\r\n\r\nLB --&gt; WS1\r\nLB --&gt; WS2\r\nWS1 --&gt; AppServer\r\nWS2 --&gt; AppServer\r\nAppServer --&gt; DBServer\r\nPrimaryDB ..&gt; ReplicaDB : replikuje\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:TPAnQiCm54LtWVxXuJs1UEmGOc7eOaXe1i_FjcYLsfAHv1gdT2dq8_eTNRir-Q_ASk8ueTsaw_DunnUjZ4LjcwgaHAg2Gy2mH6cuXdMMYyF7yPjBWG6WWOJ1AoK00xVbkdLKoZFLTh3mHBfT_0U49o2av8sIyx8J4zMbUCPy9pmKrRNBNrpkr-MggfNaqaAGg4V70HDxoOrg1osMt50fQcDRX5WPU_Yi6oWKn2Yx_CdpSPJyvS1mtrrXR2fHeCKCZSFlZ-y_Nwt4VW2d0nijAjHTpAxv2GOFlFzH9ou7TN_FiH_nGgxXsMmvr3YUNMCky9UncJuARwDBR_s7ipybenZCvylBJhW3xNsQ7QTanMNXNi4l\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RP6zgiCm38LtWzz1P6-X6UzG6fCnGsc7pgeZBeR43hPJAANlVXt5IN-ucwJpMKUI3o6YZsFVIM5TIr0q3bjGsA7Lv0l008s2XnG0itwXAvp9tyZ3ZkNBUVUlMcQrbE8fnTA-6eREQ8p6sGmobihv6Ljfrm_EaerGg34OIo6DuNwDPbWrNqoD4Q7IcZ6yvvvrrNnOJzGL0xtxrkhTjbs8ukXDZ_wUTCPoMgjFwaIyp4BbTABODXrkizdF1rhZT8vKu6HTUYgLtwNNIIPX6LIATHRORlSlJ_W1FyUHWXG7ictwrJy0\" 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 PlantUML 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\/#plantuml:RP6zgiCm38LtWzz1P6-X6UzG6fCnGsc7pgeZBeR43hPJAANlVXt5IN-ucwJpMKUI3o6YZsFVIM5TIr0q3bjGsA7Lv0l008s2XnG0itwXAvp9tyZ3ZkNBUVUlMcQrbE8fnTA-6eREQ8p6sGmobihv6Ljfrm_EaerGg34OIo6DuNwDPbWrNqoD4Q7IcZ6yvvvrrNnOJzGL0xtxrkhTjbs8ukXDZ_wUTCPoMgjFwaIyp4BbTABODXrkizdF1rhZT8vKu6HTUYgLtwNNIIPX6LIATHRORlSlJ_W1FyUHWXG7ictwrJy0\" 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 Plantuml w VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h3>7. Diagram stan\u00f3w<br \/>\n<img alt=\"Diagram stan\u00f3w PlantUML ilustruj\u0105cy cykl \u017cycia zam\u00f3wienia od utworzenia do dostawy lub anulowania.\" class=\"alignnone size-full wp-image-20148\" decoding=\"async\" height=\"902\" loading=\"lazy\" sizes=\"auto, (max-width: 327px) 100vw, 327px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d389e5b0fa.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d389e5b0fa.png 327w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d389e5b0fa-109x300.png 109w\" width=\"327\"\/><\/h3>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Plantuml<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RLB12i8m3BqN-W_5ex0Vy232nAl2ZkAXRb4BRHrT9_ZtfYNDflFsylAIvRrkDqGTukYi58WYgDKnT11K7G2hRgNqK30hJlhjm4Tr0jyPVyyQueXQIEkdlvdWQ26nJ4xoy6nX67Wfbwne7gRlQGrXxkt1cXS4wdB5_Lhx5gmjhaebXHJdzKLLrNQoIY2JtzxKHZNZrPceSb9I_BHd4smGPqeIpTWcJt_7-AIP_g1Dld6nCd-70qfNfPVyocpMJchAAqaHbVCBcnIS6Me8l_7jN6yX0eR2zoKnPYR5DC7K3XtX3_K1\" 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 Plantuml 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\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RLB12i8m3BqN-W_5ex0Vy232nAl2ZkAXRb4BRHrT9_ZtfYNDflFsylAIvRrkDqGTukYi58WYgDKnT11K7G2hRgNqK30hJlhjm4Tr0jyPVyyQueXQIEkdlvdWQ26nJ4xoy6nX67Wfbwne7gRlQGrXxkt1cXS4wdB5_Lhx5gmjhaebXHJdzKLLrNQoIY2JtzxKHZNZrPceSb9I_BHd4smGPqeIpTWcJt_7-AIP_g1Dld6nCd-70qfNfPVyocpMJchAAqaHbVCBcnIS6Me8l_7jN6yX0eR2zoKnPYR5DC7K3XtX3_K1\" 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 PlantUML 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\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RP91QiCm44Nt1jz1P5d81ReeASwwDGt1aDA5iAUjQbaoibnXBqEXXyWnikqkrRqwSXrP3ja9wR-P_pzQDPegtLOyZl2aWInsj3eT3GF1W6oraQgN0XQ4DYHHW8h2ArExfrf8U_Zz9Xbvp7iecQ62jOCwfLq5GgSW2YRUhaAfrBX85RY1XamYnIjJLRXAzQ0DLJsE_pUJAfb3quIZiwx1uQFPpJkhws32MhgakG-p1iu-GGMAUz5oQSvyGaKEdBltE7g-UI7BvTtKm7WOBkT1oItPsVtfQ7z8q6GSNQW2qAT5D6ndqvQOy2hfpLqW3mpQWWhgeMdsiD1tXjoJx6kPzu9za5cxo4uoHurD8f9rzi1HFmjsVdPINogAXy8D9TjIsY_NExgQV3irjXf74-AlLfWKV-GV\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nstate \"Zam\u00f3wienie Utworzone\" as Created\r\nstate \"P\u0142atno\u015b\u0107 W Oczekiwaniu\" as PaymentPending\r\nstate \"P\u0142atno\u015b\u0107 Potwierdzona\" as PaymentConfirmed\r\nstate \"Przetwarzanie\" as Processing\r\nstate \"Wys\u0142ane\" as Shipped\r\nstate \"Dostarczone\" as Delivered\r\nstate \"Anulowane\" as Cancelled\r\n\r\n[*] --&gt; Created\r\nCreated --&gt; PaymentPending : Z\u0142\u00f3\u017c Zam\u00f3wienie\r\nPaymentPending --&gt; PaymentConfirmed : P\u0142atno\u015b\u0107 Sukces\r\nPaymentPending --&gt; Cancelled : P\u0142atno\u015b\u0107 Nieudana\r\nPaymentConfirmed --&gt; Processing : Rozpocznij Przetwarzanie\r\nProcessing --&gt; Shipped : Wy\u015blij Zam\u00f3wienie\r\nShipped --&gt; Delivered : Dostawa Uko\u0144czona\r\nCancelled --&gt; [*]\r\nDelivered --&gt; [*]\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RP91QiCm44Nt1jz1P5d81ReeASwwDGt1aDA5iAUjQbaoibnXBqEXXyWnikqkrRqwSXrP3ja9wR-P_pzQDPegtLOyZl2aWInsj3eT3GF1W6oraQgN0XQ4DYHHW8h2ArExfrf8U_Zz9Xbvp7iecQ62jOCwfLq5GgSW2YRUhaAfrBX85RY1XamYnIjJLRXAzQ0DLJsE_pUJAfb3quIZiwx1uQFPpJkhws32MhgakG-p1iu-GGMAUz5oQSvyGaKEdBltE7g-UI7BvTtKm7WOBkT1oItPsVtfQ7z8q6GSNQW2qAT5D6ndqvQOy2hfpLqW3mpQWWhgeMdsiD1tXjoJx6kPzu9za5cxo4uoHurD8f9rzi1HFmjsVdPINogAXy8D9TjIsY_NExgQV3irjXf74-AlLfWKV-GV\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RLB12i8m3BqN-W_5ex0Vy232nAl2ZkAXRb4BRHrT9_ZtfYNDflFsylAIvRrkDqGTukYi58WYgDKnT11K7G2hRgNqK30hJlhjm4Tr0jyPVyyQueXQIEkdlvdWQ26nJ4xoy6nX67Wfbwne7gRlQGrXxkt1cXS4wdB5_Lhx5gmjhaebXHJdzKLLrNQoIY2JtzxKHZNZrPceSb9I_BHd4smGPqeIpTWcJt_7-AIP_g1Dld6nCd-70qfNfPVyocpMJchAAqaHbVCBcnIS6Me8l_7jN6yX0eR2zoKnPYR5DC7K3XtX3_K1\" 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 PlantUML 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\/#plantuml:RLB12i8m3BqN-W_5ex0Vy232nAl2ZkAXRb4BRHrT9_ZtfYNDflFsylAIvRrkDqGTukYi58WYgDKnT11K7G2hRgNqK30hJlhjm4Tr0jyPVyyQueXQIEkdlvdWQ26nJ4xoy6nX67Wfbwne7gRlQGrXxkt1cXS4wdB5_Lhx5gmjhaebXHJdzKLLrNQoIY2JtzxKHZNZrPceSb9I_BHd4smGPqeIpTWcJt_7-AIP_g1Dld6nCd-70qfNfPVyocpMJchAAqaHbVCBcnIS6Me8l_7jN6yX0eR2zoKnPYR5DC7K3XtX3_K1\" 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 Plantuml w VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h3>8. Diagram obiekt\u00f3w<\/h3>\n<p id=\"BRkYXfb\"><img alt=\"Diagram obiekt\u00f3w PlantUML pokazuj\u0105cy relacje mi\u0119dzy instancjami Klient1, Zam\u00f3wienie1 i Produkt1 z konkretnymi warto\u015bciami atrybut\u00f3w.\" class=\"alignnone size-full wp-image-20149\" decoding=\"async\" height=\"373\" loading=\"lazy\" sizes=\"auto, (max-width: 245px) 100vw, 245px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d38cc7cdc1.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d38cc7cdc1.png 245w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d38cc7cdc1-197x300.png 197w\" width=\"245\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Plantuml<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:NP112i8m44NtWTmXT1z9kn2xK2hjHX4LRn3J0LkIJgbJ4CIxsxIfehkPz-4_Ph8xwOvwPpd3Qms6HDxV2HrqiNXo9eG9wwuKQn7bIiMHnursuC4URuqe44O8JbVMqtgW6JoqQoqi3BeXVN7sKPowyjEFVfxAJvT2nhDWv8McqPAeP2dLIYPgp0X9swt3lg4XJT9qaQQ_XdE7PMyeEDffcopdsH3eCLnoq2rX6vBAm7_pzozIRi89d8LJF9gTd6NGbCDBtm00\" 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 Plantuml 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\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:NP112i8m44NtWTmXT1z9kn2xK2hjHX4LRn3J0LkIJgbJ4CIxsxIfehkPz-4_Ph8xwOvwPpd3Qms6HDxV2HrqiNXo9eG9wwuKQn7bIiMHnursuC4URuqe44O8JbVMqtgW6JoqQoqi3BeXVN7sKPowyjEFVfxAJvT2nhDWv8McqPAeP2dLIYPgp0X9swt3lg4XJT9qaQQ_XdE7PMyeEDffcopdsH3eCLnoq2rX6vBAm7_pzozIRi89d8LJF9gTd6NGbCDBtm00\" 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 PlantUML 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\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:NP3Dgi8m44RtWRn3S1z9kn2xy5BHZJ-e-0PZcaKroPHsYeBuxZPjgdXtCz-1ENoJDmGrjSvoXfUhqIHMRKFeJ9s89sT2wBXk2h4GavLIoIJ47fm9mHQysE4TR7ChUs0Sb3QGA_ZSFC1LramrkWw-EFjOZdNnKM2OX_l7yrecewFFrq2zA5NfJAgvJ5NF20diqc7hgQDfbaspxDTmgh5eDKL7DMo3vJGQOdg8PVPG4LQHbDhyl_nzZPH_iG9diKg8HYTdkV55zzKt\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nobject Customer1 {\r\n  customerId = \"C001\"\r\n  name = \"Jan Kowalski\"\r\n  email = \"jan@example.com\"\r\n}\r\n\r\nobject Order1 {\r\n  orderId = \"ORD-1001\"\r\n  orderDate = \"2026-08-20\"\r\n  totalAmount = 299.99\r\n}\r\n\r\nobject Product1 {\r\n  productId = \"P001\"\r\n  productName = \"Laptop\"\r\n  price = 299.99\r\n}\r\n\r\nCustomer1 --&gt; Order1\r\nOrder1 --&gt; Product1\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:NP3Dgi8m44RtWRn3S1z9kn2xy5BHZJ-e-0PZcaKroPHsYeBuxZPjgdXtCz-1ENoJDmGrjSvoXfUhqIHMRKFeJ9s89sT2wBXk2h4GavLIoIJ47fm9mHQysE4TR7ChUs0Sb3QGA_ZSFC1LramrkWw-EFjOZdNnKM2OX_l7yrecewFFrq2zA5NfJAgvJ5NF20diqc7hgQDfbaspxDTmgh5eDKL7DMo3vJGQOdg8PVPG4LQHbDhyl_nzZPH_iG9diKg8HYTdkV55zzKt\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:NP112i8m44NtWTmXT1z9kn2xK2hjHX4LRn3J0LkIJgbJ4CIxsxIfehkPz-4_Ph8xwOvwPpd3Qms6HDxV2HrqiNXo9eG9wwuKQn7bIiMHnursuC4URuqe44O8JbVMqtgW6JoqQoqi3BeXVN7sKPowyjEFVfxAJvT2nhDWv8McqPAeP2dLIYPgp0X9swt3lg4XJT9qaQQ_XdE7PMyeEDffcopdsH3eCLnoq2rX6vBAm7_pzozIRi89d8LJF9gTd6NGbCDBtm00\" 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 PlantUML 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\/#plantuml:NP112i8m44NtWTmXT1z9kn2xK2hjHX4LRn3J0LkIJgbJ4CIxsxIfehkPz-4_Ph8xwOvwPpd3Qms6HDxV2HrqiNXo9eG9wwuKQn7bIiMHnursuC4URuqe44O8JbVMqtgW6JoqQoqi3BeXVN7sKPowyjEFVfxAJvT2nhDWv8McqPAeP2dLIYPgp0X9swt3lg4XJT9qaQQ_XdE7PMyeEDffcopdsH3eCLnoq2rX6vBAm7_pzozIRi89d8LJF9gTd6NGbCDBtm00\" 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 Plantuml w VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h3>9. Diagram czasowy<\/h3>\n<p id=\"EObwXSG\"><img alt=\"Diagram czasowy PlantUML pokazuj\u0105cy stany interakcji klienta i serwera w czasie.\" class=\"alignnone size-full wp-image-20151\" decoding=\"async\" height=\"204\" loading=\"lazy\" sizes=\"auto, (max-width: 464px) 100vw, 464px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d38f22ba68.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d38f22ba68.png 464w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d38f22ba68-300x132.png 300w\" width=\"464\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Plantuml<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ROzB3i8m34JtaN87AoVWkw_44JX1QKV8KaYAdVJyk6G1GUn6Csz6zg1bb58VqJl9jwg5mYKoKWaqAZNvYQwG5VAEclJEks7dNGE9bNYEC6_VcK6HPavt4Zmhj0GZ3aQqaOrO94zGDSQYOnTzbNN9IR6rJ_s-O0Allz3vtsKsPk--0000\" 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 Plantuml 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\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ROzB3i8m34JtaN87AoVWkw_44JX1QKV8KaYAdVJyk6G1GUn6Csz6zg1bb58VqJl9jwg5mYKoKWaqAZNvYQwG5VAEclJEks7dNGE9bNYEC6_VcK6HPavt4Zmhj0GZ3aQqaOrO94zGDSQYOnTzbNN9IR6rJ_s-O0Allz3vtsKsPk--0000\" 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 PlantUML 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\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:VP0z2iCm34PtW-zWV8B-xjaxzWHEhC4XjOFiOEona4kLZl6zgjP388HkudkFJqAD3mh3z1WuGzTEFWXv6mpO88NoeeuhkWD6m1-g8sUSDGVEgYXw8Ak5tELaRI9qt30Paq_bgVfbxf8exsNMoXgGf9v8hQLYn0mXAioAylEQxrGuFRfeG9VNj-EoNUTqQm1ttUkViy5gUia7\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nrobust \"Klient\" as Klient\r\nrobust \"Serwer\" as Serwer\r\n\r\n@0\r\nKlient jest bezczynny\r\n@10\r\nKlient jest \"wysy\u0142aj\u0105cy \u017c\u0105danie\"\r\n@20\r\nSerwer przetwarza\r\n@30\r\nSerwer jest \"wysy\u0142aj\u0105cy odpowied\u017a\"\r\n@40\r\nKlient jest \"odbieraj\u0105cy odpowied\u017a\"\r\n@50\r\nKlient jest bezczynny\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:VP0z2iCm34PtW-zWV8B-xjaxzWHEhC4XjOFiOEona4kLZl6zgjP388HkudkFJqAD3mh3z1WuGzTEFWXv6mpO88NoeeuhkWD6m1-g8sUSDGVEgYXw8Ak5tELaRI9qt30Paq_bgVfbxf8exsNMoXgGf9v8hQLYn0mXAioAylEQxrGuFRfeG9VNj-EoNUTqQm1ttUkViy5gUia7\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ROzB3i8m34JtaN87AoVWkw_44JX1QKV8KaYAdVJyk6G1GUn6Csz6zg1bb58VqJl9jwg5mYKoKWaqAZNvYQwG5VAEclJEks7dNGE9bNYEC6_VcK6HPavt4Zmhj0GZ3aQqaOrO94zGDSQYOnTzbNN9IR6rJ_s-O0Allz3vtsKsPk--0000\" 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 PlantUML 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\/#plantuml:ROzB3i8m34JtaN87AoVWkw_44JX1QKV8KaYAdVJyk6G1GUn6Csz6zg1bb58VqJl9jwg5mYKoKWaqAZNvYQwG5VAEclJEks7dNGE9bNYEC6_VcK6HPavt4Zmhj0GZ3aQqaOrO94zGDSQYOnTzbNN9IR6rJ_s-O0Allz3vtsKsPk--0000\" 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 Plantuml w VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h3>10. Mapa my\u015bli<\/h3>\n<p id=\"DMzyQwW\"><img alt=\"Diagram mapy my\u015blowej Zarz\u0105dzania produktami utworzony w PlantUML pokazuj\u0105cy Strategi\u0119, Egzekucj\u0119, Analityk\u0119 i Interesariuszy.\" class=\"alignnone size-full wp-image-20153\" decoding=\"async\" height=\"752\" loading=\"lazy\" sizes=\"auto, (max-width: 560px) 100vw, 560px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d39a30cae3.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d39a30cae3.png 560w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d39a30cae3-223x300.png 223w\" width=\"560\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Plantuml<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:LL1BRi903DrNwXsypgPNWAIecoAXG0zWJQp1IiOJsGugj--GePGk_RwsD-QedbY6XFFhImC7pSCI7FOe62cHU44REBgYKxpUXgQGEf93JqQeuLp1BgUPd9ql15l1wMfibUaptkBXCA48IrmJTzyK5kSiLNESbSN_IHhuCj9IdPNf7jLY6ASSuKDpJhzHQvjpi2VNdbmVoFQjXHEPFuAxB1TIA-tGbxliVYEETCxJK9Wgsqba8IgRnUB7LD5tCexo1BIB5PaPV1B-cRl5FATrt53vR_tn3m00\" 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 Plantuml 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\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:LL1BRi903DrNwXsypgPNWAIecoAXG0zWJQp1IiOJsGugj--GePGk_RwsD-QedbY6XFFhImC7pSCI7FOe62cHU44REBgYKxpUXgQGEf93JqQeuLp1BgUPd9ql15l1wMfibUaptkBXCA48IrmJTzyK5kSiLNESbSN_IHhuCj9IdPNf7jLY6ASSuKDpJhzHQvjpi2VNdbmVoFQjXHEPFuAxB1TIA-tGbxliVYEETCxJK9Wgsqba8IgRnUB7LD5tCexo1BIB5PaPV1B-cRl5FATrt53vR_tn3m00\" 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 PlantUML 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\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:PL71IiGm4BqB_iESU_4NTgiUP5rsSHMXjw4ToZHj4fAKa1m5lsXluctjVvas5KIFC-_DcpTlDjQXSGFBPa1zVLL0XIP-lJSH9HCSZMf6uMX8I04dPz1HopXN1PJO91B2Kv1YpAsjn9uZmawbbY5PTvo1OuzI-KLpZph0dL6jyjGjklTj937M7VxZdhHXwLRnWsORu6Nw34ueBrci_DiORAmZpGCLwfxgk23PZGi_l3qv4mJ_LhYSVSQUoRe0sviobwzMuFIH23oVuidOVCWSWP818YPRPCZEFYdFL6JrvJozmODC2v8P4peP_c0fq8w4Ktu57haX4mEK7EMijiQrwpc5bueDfSVavtm3\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startmindmap\r\n* Zarz\u0105dzanie Produktem\r\n** Strategia\r\n*** Badania Rynku\r\n*** Analiza Konkurencji\r\n*** Planowanie Mapy Drogowej\r\n** Egzekucja\r\n*** Planowanie Sprintu\r\n*** Opisy U\u017cytkownika\r\n*** Czyszczenie Zaplecza\r\n** Analityka\r\n*** Metryki U\u017cytkownik\u00f3w\r\n*** Testy A\/B\r\n*** Wska\u017aniki Konwersji\r\n** Strony zainteresowane\r\n*** Zesp\u00f3\u0142 In\u017cynieryjny\r\n*** Zesp\u00f3\u0142 Projektowy\r\n*** Liderzy Biznesowi\r\n*** Klienci\r\n@endmindmap\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:PL71IiGm4BqB_iESU_4NTgiUP5rsSHMXjw4ToZHj4fAKa1m5lsXluctjVvas5KIFC-_DcpTlDjQXSGFBPa1zVLL0XIP-lJSH9HCSZMf6uMX8I04dPz1HopXN1PJO91B2Kv1YpAsjn9uZmawbbY5PTvo1OuzI-KLpZph0dL6jyjGjklTj937M7VxZdhHXwLRnWsORu6Nw34ueBrci_DiORAmZpGCLwfxgk23PZGi_l3qv4mJ_LhYSVSQUoRe0sviobwzMuFIH23oVuidOVCWSWP818YPRPCZEFYdFL6JrvJozmODC2v8P4peP_c0fq8w4Ktu57haX4mEK7EMijiQrwpc5bueDfSVavtm3\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:LL1BRi903DrNwXsypgPNWAIecoAXG0zWJQp1IiOJsGugj--GePGk_RwsD-QedbY6XFFhImC7pSCI7FOe62cHU44REBgYKxpUXgQGEf93JqQeuLp1BgUPd9ql15l1wMfibUaptkBXCA48IrmJTzyK5kSiLNESbSN_IHhuCj9IdPNf7jLY6ASSuKDpJhzHQvjpi2VNdbmVoFQjXHEPFuAxB1TIA-tGbxliVYEETCxJK9Wgsqba8IgRnUB7LD5tCexo1BIB5PaPV1B-cRl5FATrt53vR_tn3m00\" 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 PlantUML 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\/#plantuml:LL1BRi903DrNwXsypgPNWAIecoAXG0zWJQp1IiOJsGugj--GePGk_RwsD-QedbY6XFFhImC7pSCI7FOe62cHU44REBgYKxpUXgQGEf93JqQeuLp1BgUPd9ql15l1wMfibUaptkBXCA48IrmJTzyK5kSiLNESbSN_IHhuCj9IdPNf7jLY6ASSuKDpJhzHQvjpi2VNdbmVoFQjXHEPFuAxB1TIA-tGbxliVYEETCxJK9Wgsqba8IgRnUB7LD5tCexo1BIB5PaPV1B-cRl5FATrt53vR_tn3m00\" 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 Plantuml w VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h3>11. Szkielet (Salt)<\/h3>\n<p id=\"GwDuJzU\"><img alt=\"Szkic strony logowania z polem na nazw\u0119 u\u017cytkownika, has\u0142o, przycisk logowania i link do odzyskiwania has\u0142a\" class=\"alignnone size-full wp-image-20154\" decoding=\"async\" height=\"112\" loading=\"lazy\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d39b895bc4.png\" width=\"151\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Plantuml<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:SoWkIImgAKxCAU7bgjRcvL9Gg5RooK_Fp5C8I4nFLG89A2X4AuKMfnRb9UQcMYaenSB40XABYylpYr8GOZOGhKfsCAvRVb5wVea2JAKzHAQMbmk875BpKa3s0W00\" 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 Plantuml 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\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:SoWkIImgAKxCAU7bgjRcvL9Gg5RooK_Fp5C8I4nFLG89A2X4AuKMfnRb9UQcMYaenSB40XABYylpYr8GOZOGhKfsCAvRVb5wVea2JAKzHAQMbmk875BpKa3s0W00\" 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 PlantUML 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\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:SoWkIImgAKxCAU7bgjRcvL9Gg5OABYdApqjKyCbFpozFpCjCLE9L089e9R_4gl94XTAZUofBilFBypAp4wqKb691Ua2o7ed5Hvlo4I8sIb69EVdffLbATWY1WlnSe857crAFpbR806b8j8T8r_9o0P53QbuAo2q0\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startsalt\r\n{+\r\n  {\"Strona Logowania\"\r    [\"Nazwa u\u017cytkownika: \"]\r\n    [\"Has\u0142o: \"]\r\n    &lt;\"Zaloguj\"&gt;\r\n    &lt;\"Zapomnia\u0142e\u015b has\u0142a?\"&gt;\r\n  }\r\n}\r\n@endsalt\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:SoWkIImgAKxCAU7bgjRcvL9Gg5OABYdApqjKyCbFpozFpCjCLE9L089e9R_4gl94XTAZUofBilFBypAp4wqKb691Ua2o7ed5Hvlo4I8sIb69EVdffLbATWY1WlnSe857crAFpbR806b8j8T8r_9o0P53QbuAo2q0\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:SoWkIImgAKxCAU7bgjRcvL9Gg5RooK_Fp5C8I4nFLG89A2X4AuKMfnRb9UQcMYaenSB40XABYylpYr8GOZOGhKfsCAvRVb5wVea2JAKzHAQMbmk875BpKa3s0W00\" 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 PlantUML 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\/#plantuml:SoWkIImgAKxCAU7bgjRcvL9Gg5RooK_Fp5C8I4nFLG89A2X4AuKMfnRb9UQcMYaenSB40XABYylpYr8GOZOGhKfsCAvRVb5wVea2JAKzHAQMbmk875BpKa3s0W00\" 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 Plantuml w VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h3>12. Diagram sieci<\/h3>\n<p id=\"wiifxCb\"><img alt=\"Diagram sieci pokazuj\u0105cy przep\u0142yw ruchu z Internetu przez Zap\u00f3r ogniow\u0105 do DMZ i serwer\u00f3w sieci wewn\u0119trznej.\" class=\"alignnone size-full wp-image-20155\" decoding=\"async\" height=\"590\" loading=\"lazy\" sizes=\"auto, (max-width: 425px) 100vw, 425px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d39ca1b16b.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d39ca1b16b.png 425w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d39ca1b16b-216x300.png 216w\" width=\"425\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Plantuml<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:LL0n2iCm3DmD_eF8dY-Kj0H3XsRnOEZc40sXhXCS9nbA_rv5niITvBj3lZirIxGXhcydXPy6XEhk8mQFiGAxG0PPL6F0tJh7eZAPRXzFPcZ2Hmg0H1liGMFOCB1gz2crdIubWb9y_oDO1nt6VGgl8WgHXS5rdijV2Egm5IOssjukc2nkfw16X-NYWNcJ8aYHIqDTNxYaCloaTb8S5G-GuqXXD1FPFCsqG9OD-e6k-mC0\" 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 Plantuml 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\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:LL0n2iCm3DmD_eF8dY-Kj0H3XsRnOEZc40sXhXCS9nbA_rv5niITvBj3lZirIxGXhcydXPy6XEhk8mQFiGAxG0PPL6F0tJh7eZAPRXzFPcZ2Hmg0H1liGMFOCB1gz2crdIubWb9y_oDO1nt6VGgl8WgHXS5rdijV2Egm5IOssjukc2nkfw16X-NYWNcJ8aYHIqDTNxYaCloaTb8S5G-GuqXXD1FPFCsqG9OD-e6k-mC0\" 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 PlantUML 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\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RL1B2W8n3DqNUeVWtYk8YWouS3PT5Dm59s37sXbgjQYuzWoUmoCu1xFp2IAwokSbB-zbUWZemt5lfN1LGJ1Qka3UKHX1YRiAk6GuCvuYMZl0cMPWiLeFlPJ1LGg07b3a8tdGMW-uLZ_W8bUyd2VqngJAK7E7ID4rZ-0l3hzKeVrp1sjhThWfpJ0wgslbJv-nELuG2dJdpPPFpdz8MexNCx99OwdZIBgau8_0U3pf_6UwIvDjALhlRS42fT2gQx2CFlOBwUwKN96U_mO0\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nnode \"Internet\" jako Internet\r\nnode \"Firewall\" jako FW\r\nnode \"DMZ\" jako DMZ {\r\n  node \"Serwer WWW\" jako WS\r\n  node \"Serwer DNS\" jako DNS\r\n}\r\nnode \"Sie\u0107 wewn\u0119trzna\" jako Internal {\r\n  node \"Serwer aplikacji\" jako AppSrv\r\n  node \"Baza danych\" jako DB\r\n  node \"Serwer plik\u00f3w\" jako FileSrv\r\n}\r\n\r\nInternet --&gt; FW\r\nFW --&gt; DMZ\r\nDMZ --&gt; Internal\r\nWS --&gt; AppSrv\r\nAppSrv --&gt; DB\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RL1B2W8n3DqNUeVWtYk8YWouS3PT5Dm59s37sXbgjQYuzWoUmoCu1xFp2IAwokSbB-zbUWZemt5lfN1LGJ1Qka3UKHX1YRiAk6GuCvuYMZl0cMPWiLeFlPJ1LGg07b3a8tdGMW-uLZ_W8bUyd2VqngJAK7E7ID4rZ-0l3hzKeVrp1sjhThWfpJ0wgslbJv-nELuG2dJdpPPFpdz8MexNCx99OwdZIBgau8_0U3pf_6UwIvDjALhlRS42fT2gQx2CFlOBwUwKN96U_mO0\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:LL0n2iCm3DmD_eF8dY-Kj0H3XsRnOEZc40sXhXCS9nbA_rv5niITvBj3lZirIxGXhcydXPy6XEhk8mQFiGAxG0PPL6F0tJh7eZAPRXzFPcZ2Hmg0H1liGMFOCB1gz2crdIubWb9y_oDO1nt6VGgl8WgHXS5rdijV2Egm5IOssjukc2nkfw16X-NYWNcJ8aYHIqDTNxYaCloaTb8S5G-GuqXXD1FPFCsqG9OD-e6k-mC0\" 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 PlantUML 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\/#plantuml:LL0n2iCm3DmD_eF8dY-Kj0H3XsRnOEZc40sXhXCS9nbA_rv5niITvBj3lZirIxGXhcydXPy6XEhk8mQFiGAxG0PPL6F0tJh7eZAPRXzFPcZ2Hmg0H1liGMFOCB1gz2crdIubWb9y_oDO1nt6VGgl8WgHXS5rdijV2Egm5IOssjukc2nkfw16X-NYWNcJ8aYHIqDTNxYaCloaTb8S5G-GuqXXD1FPFCsqG9OD-e6k-mC0\" 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 Plantuml w VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h3>13. Wykres Gantta<\/h3>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Plantuml<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:bPBDJiCm48JlaV8E-mAMx43vkLLL1U8MeN9275R9AZMuws1laVhsk4afCO43rvtzPaTZBwDWa0vPf2p4YYEeWt-bHc1ZT-GiKrcKHJ_EXkK8bQwkbBvLsXmrfQ1so6ov0wNAulcHtlSsq8uuxTwZR2aaxGLcD22tu32ceT7GuY4cUatHTWpr5YFD69CnboTcoB2c3tA-FruTOwomUQEqF15cVjLYubUTCzm5p_8lrjnCismeohcE9xRoDSbDZ5PcyMi93-by5r2ivp_HxFvrNaNl_E6xYVIYxRuPp4RfXvV9t-BYvBLC3Gm_unC0\" 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 Plantuml 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\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:bPBDJiCm48JlaV8E-mAMx43vkLLL1U8MeN9275R9AZMuws1laVhsk4afCO43rvtzPaTZBwDWa0vPf2p4YYEeWt-bHc1ZT-GiKrcKHJ_EXkK8bQwkbBvLsXmrfQ1so6ov0wNAulcHtlSsq8uuxTwZR2aaxGLcD22tu32ceT7GuY4cUatHTWpr5YFD69CnboTcoB2c3tA-FruTOwomUQEqF15cVjLYubUTCzm5p_8lrjnCismeohcE9xRoDSbDZ5PcyMi93-by5r2ivp_HxFvrNaNl_E6xYVIYxRuPp4RfXvV9t-BYvBLC3Gm_unC0\" 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 PlantUML 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\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ZP9DQiCm44RtEiLSG62vINzssHIwBA5GQEXYOgj6TgqnyXXZBqilaNDqsrtZUzLHOyS47BhJ27rFZqzQbOoE4xJCWXkkkWzuG9UJfSHX3eMZL6TS2U6eBIXgzxl8w74RmY2ybi6T39GGKiBZErggqVP7f1IRbwtHpazrasE2tUSh73cDHIZDVZSXW05sDO8A8BP6REuPY-4c3yNvj3gb5pvzi5bJM_zyfLvbM6ynohIDgtbKk1nGuL5aoBuvilpViBeTFPvqoPDM3cC3gOujbPnHhMTmAf1gULxANzZq7ltxH4rgBwHFCZUZotFigFlMWyjax9kEg-mYKarUwSeZLtqT_lFy0W00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startgantt\ntytu\u0142 Harmonogram projektu\n\nrozpocz\u0119cie projektu 2026-09-01\n\n-- Planowanie --\n[Zbieranie wymaga\u0144] rozpoczyna si\u0119 2026-09-01 i trwa 10 dni\n[Etap projektowania] rozpoczyna si\u0119 2026-09-11 i trwa 14 dni\n\n-- Rozw\u00f3j --\n[Rozw\u00f3j backendu] rozpoczyna si\u0119 2026-09-25 i trwa 20 dni\n[Rozw\u00f3j frontendu] rozpoczyna si\u0119 2026-09-25 i trwa 18 dni\n\n-- Testowanie --\n[Testy jednostkowe] rozpoczyna si\u0119 2026-10-15 i trwa 10 dni\n[Testy integracyjne] rozpoczyna si\u0119 2026-10-25 i trwa 7 dni\n\n-- Wdro\u017cenie --\n[Wdro\u017cenie produkcyjne] rozpoczyna si\u0119 2026-11-01 i trwa 3 dni\n@endgantt\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ZP9DQiCm44RtEiLSG62vINzssHIwBA5GQEXYOgj6TgqnyXXZBqilaNDqsrtZUzLHOyS47BhJ27rFZqzQbOoE4xJCWXkkkWzuG9UJfSHX3eMZL6TS2U6eBIXgzxl8w74RmY2ybi6T39GGKiBZErggqVP7f1IRbwtHpazrasE2tUSh73cDHIZDVZSXW05sDO8A8BP6REuPY-4c3yNvj3gb5pvzi5bJM_zyfLvbM6ynohIDgtbKk1nGuL5aoBuvilpViBeTFPvqoPDM3cC3gOujbPnHhMTmAf1gULxANzZq7ltxH4rgBwHFCZUZotFigFlMWyjax9kEg-mYKarUwSeZLtqT_lFy0W00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:bPBDJiCm48JlaV8E-mAMx43vkLLL1U8MeN9275R9AZMuws1laVhsk4afCO43rvtzPaTZBwDWa0vPf2p4YYEeWt-bHc1ZT-GiKrcKHJ_EXkK8bQwkbBvLsXmrfQ1so6ov0wNAulcHtlSsq8uuxTwZR2aaxGLcD22tu32ceT7GuY4cUatHTWpr5YFD69CnboTcoB2c3tA-FruTOwomUQEqF15cVjLYubUTCzm5p_8lrjnCismeohcE9xRoDSbDZ5PcyMi93-by5r2ivp_HxFvrNaNl_E6xYVIYxRuPp4RfXvV9t-BYvBLC3Gm_unC0\" 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 PlantUML 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\/#plantuml:bPBDJiCm48JlaV8E-mAMx43vkLLL1U8MeN9275R9AZMuws1laVhsk4afCO43rvtzPaTZBwDWa0vPf2p4YYEeWt-bHc1ZT-GiKrcKHJ_EXkK8bQwkbBvLsXmrfQ1so6ov0wNAulcHtlSsq8uuxTwZR2aaxGLcD22tu32ceT7GuY4cUatHTWpr5YFD69CnboTcoB2c3tA-FruTOwomUQEqF15cVjLYubUTCzm5p_8lrjnCismeohcE9xRoDSbDZ5PcyMi93-by5r2ivp_HxFvrNaNl_E6xYVIYxRuPp4RfXvV9t-BYvBLC3Gm_unC0\" 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 Plantuml w VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h3>14. Diagram relacji encji<\/h3>\n<p id=\"BMwpqin\"><img alt=\"Diagram relacji encji pokazuj\u0105cy relacje mi\u0119dzy tabelami Klient, Zam\u00f3wienie, Produkt i Element_zam\u00f3wienia.\" class=\"alignnone size-full wp-image-20156\" decoding=\"async\" height=\"531\" loading=\"lazy\" sizes=\"auto, (max-width: 578px) 100vw, 578px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d3a0f4db1d.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d3a0f4db1d.png 578w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d3a0f4db1d-300x276.png 300w\" width=\"578\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Plantuml<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ZP9DReGm38NtIDp1ccKbBZ0QZKRgggls1YXDh6dKnA71MOoWTs_CJw73L695_Fmmdn-vjAmY9-_A0eajt-3md5eE7kC1L0jp0LrP03o1dkhQ6ZW29V-UUwVJ5GcZOZJdi_YgQdIJyfXjBKTBLv7GA-l-ACr7eBNdkomMbDTe9exXD4C4AVOHFEALpZZ2v1UoB0yHER1ojV8X4OkCsdhbxfZUOZ19yq0rdMUkPYptaStcJKPDj1hNduVS3Fgp_afgP5WMsQPLlp3w9JAfxcBBoZx2JSp_RYcD1tG0YIpNcuK6wj-RrVTL5Rhf3n-XSKfZMnPZBSs-M-ro11s8bQLicUDVJvXCbhHBHkPSa4o-tpy0\" 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 Plantuml 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\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ZP9DReGm38NtIDp1ccKbBZ0QZKRgggls1YXDh6dKnA71MOoWTs_CJw73L695_Fmmdn-vjAmY9-_A0eajt-3md5eE7kC1L0jp0LrP03o1dkhQ6ZW29V-UUwVJ5GcZOZJdi_YgQdIJyfXjBKTBLv7GA-l-ACr7eBNdkomMbDTe9exXD4C4AVOHFEALpZZ2v1UoB0yHER1ojV8X4OkCsdhbxfZUOZ19yq0rdMUkPYptaStcJKPDj1hNduVS3Fgp_afgP5WMsQPLlp3w9JAfxcBBoZx2JSp_RYcD1tG0YIpNcuK6wj-RrVTL5Rhf3n-XSKfZMnPZBSs-M-ro11s8bQLicUDVJvXCbhHBHkPSa4o-tpy0\" 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 PlantUML 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\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ZP9DJiCm48NtESMeIwHS8AggIeW5OW5hDj4GZuf9R0Td8jGaR90u1EVW29HxCMb-59fMoiepRvwbxuszBHWzboOBoBBcFQpkCYtb2bumTN1T5kmCUQW3W2j8-ZRM2YB8T58z8QpNExBaaKbjDc8BmwFNeY4n9VhmkOFAOlhp_IO3CgYpCth-xEpS_nwCN8zeH14sJJtSlLSZcMlh9LZd8iYWkw_4BQeShSQECOlHkD9ogrQQ2dtuOhkVSZrufyfqMDYnIxYdohjk2TTWlR2stEk4JY0094gIngybTYnZdWdUJKP6QgZ6zU5qVRTCvlyAHLZ2ErlufS2Ypm41IgivFfTAsCTVrpHXwEh-eICeqjyFL1XqVJjiwacCI49AGe_1y0hJ-oUMBLabt_uF\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\nentity \"Klient\" jako Customer {\n  * customer_id : liczba &lt;&lt;generated&gt;&gt;\n  --\n  * name : ci\u0105g znak\u00f3w\n  email : ci\u0105g znak\u00f3w\n  phone : ci\u0105g znak\u00f3w\n}\n\nentity \"Zam\u00f3wienie\" jako Order {\n  * order_id : liczba &lt;&lt;generated&gt;&gt;\n  --\n  * customer_id : liczba\n  order_date : data\n  total_amount : dziesi\u0119tny\n}\n\nentity \"Produkt\" jako Product {\n  * product_id : liczba &lt;&lt;generated&gt;&gt;\n  --\n  * product_name : ci\u0105g znak\u00f3w\n  price : dziesi\u0119tny\n  stock_quantity : liczba\n}\n\nentity \"Element zam\u00f3wienia\" jako OrderItem {\n  * order_item_id : liczba &lt;&lt;generated&gt;&gt;\n  --\n  * order_id : liczba\n  * product_id : liczba\n  quantity : liczba\n  unit_price : dziesi\u0119tny\n}\n\nCustomer ||--o{ Order : sk\u0142ada\nOrder ||--|{ OrderItem : zawiera\nProduct ||--o{ OrderItem : zawiera\n@enduml\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ZP9DJiCm48NtESMeIwHS8AggIeW5OW5hDj4GZuf9R0Td8jGaR90u1EVW29HxCMb-59fMoiepRvwbxuszBHWzboOBoBBcFQpkCYtb2bumTN1T5kmCUQW3W2j8-ZRM2YB8T58z8QpNExBaaKbjDc8BmwFNeY4n9VhmkOFAOlhp_IO3CgYpCth-xEpS_nwCN8zeH14sJJtSlLSZcMlh9LZd8iYWkw_4BQeShSQECOlHkD9ogrQQ2dtuOhkVSZrufyfqMDYnIxYdohjk2TTWlR2stEk4JY0094gIngybTYnZdWdUJKP6QgZ6zU5qVRTCvlyAHLZ2ErlufS2Ypm41IgivFfTAsCTVrpHXwEh-eICeqjyFL1XqVJjiwacCI49AGe_1y0hJ-oUMBLabt_uF\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ZP9DReGm38NtIDp1ccKbBZ0QZKRgggls1YXDh6dKnA71MOoWTs_CJw73L695_Fmmdn-vjAmY9-_A0eajt-3md5eE7kC1L0jp0LrP03o1dkhQ6ZW29V-UUwVJ5GcZOZJdi_YgQdIJyfXjBKTBLv7GA-l-ACr7eBNdkomMbDTe9exXD4C4AVOHFEALpZZ2v1UoB0yHER1ojV8X4OkCsdhbxfZUOZ19yq0rdMUkPYptaStcJKPDj1hNduVS3Fgp_afgP5WMsQPLlp3w9JAfxcBBoZx2JSp_RYcD1tG0YIpNcuK6wj-RrVTL5Rhf3n-XSKfZMnPZBSs-M-ro11s8bQLicUDVJvXCbhHBHkPSa4o-tpy0\" 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 PlantUML 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\/#plantuml:ZP9DReGm38NtIDp1ccKbBZ0QZKRgggls1YXDh6dKnA71MOoWTs_CJw73L695_Fmmdn-vjAmY9-_A0eajt-3md5eE7kC1L0jp0LrP03o1dkhQ6ZW29V-UUwVJ5GcZOZJdi_YgQdIJyfXjBKTBLv7GA-l-ACr7eBNdkomMbDTe9exXD4C4AVOHFEALpZZ2v1UoB0yHER1ojV8X4OkCsdhbxfZUOZ19yq0rdMUkPYptaStcJKPDj1hNduVS3Fgp_afgP5WMsQPLlp3w9JAfxcBBoZx2JSp_RYcD1tG0YIpNcuK6wj-RrVTL5Rhf3n-XSKfZMnPZBSs-M-ro11s8bQLicUDVJvXCbhHBHkPSa4o-tpy0\" 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 Plantuml w VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h3>15. Diagram architektury (styl modelu C4)<\/h3>\n<p id=\"RYVwvLg\"><img alt=\"Diagram architektury modelu C4 pokazuj\u0105cy kontekst systemu i diagram kontener\u00f3w dla platformy e-commerce.\" class=\"alignnone size-full wp-image-20157\" decoding=\"async\" height=\"334\" loading=\"lazy\" sizes=\"auto, (max-width: 653px) 100vw, 653px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d3a26bfc22.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d3a26bfc22.png 653w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d3a26bfc22-300x153.png 300w\" width=\"653\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Plantuml<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:VLBBRi8m4Bn7oZ-iw9aVoA424bHLeb9eMbKzRi8IB1mxMZjGLFNVQuSae9HoyZvclBDZpun5jaqbmy3iXQgHiO8SYtt9kb6RM4lDSDm9IzS0fiAYAYKjRYF3O43093iPInN4MbdwiXFu3WE0gtxS6AihuWcWWJw1XvKeTtOX6nh1bzDOLmvH4AGIxLPprJBxf6C-CP4QKLCyLQGifAmFOjDDx8jdsYT9gOyZNhOJTIrKwR1iLSSRYcTYh1cTYJz--M69wVJneYk2TqCc38P2s-scHrvKGSOX-jeOEWoCOCxif3beGb8SY4yZoxtNA9nII0IMxiN-klv1ESphkbt5nIxyt_8NdGjtzl1pUfSnJvzRg3lll4U25dCqr4AJnUW9MYixQNv_VrS4hylipOTXS95ng-jpNtVNHf2jLx1kY8NtVqPgupxyBm00\" 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 Plantuml 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\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:VLBBRi8m4Bn7oZ-iw9aVoA424bHLeb9eMbKzRi8IB1mxMZjGLFNVQuSae9HoyZvclBDZpun5jaqbmy3iXQgHiO8SYtt9kb6RM4lDSDm9IzS0fiAYAYKjRYF3O43093iPInN4MbdwiXFu3WE0gtxS6AihuWcWWJw1XvKeTtOX6nh1bzDOLmvH4AGIxLPprJBxf6C-CP4QKLCyLQGifAmFOjDDx8jdsYT9gOyZNhOJTIrKwR1iLSSRYcTYh1cTYJz--M69wVJneYk2TqCc38P2s-scHrvKGSOX-jeOEWoCOCxif3beGb8SY4yZoxtNA9nII0IMxiN-klv1ESphkbt5nIxyt_8NdGjtzl1pUfSnJvzRg3lll4U25dCqr4AJnUW9MYixQNv_VrS4hylipOTXS95ng-jpNtVNHf2jLx1kY8NtVqPgupxyBm00\" 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 PlantUML 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\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:VLD1JiCm4Bpx5QjoxWToG6rQX52BA1G9mMtZBeaRnuuSHr62kF0Bn3Du0lHVE9MRDj1oytfdl3CxygYmQ6oPILQaGkLeC8C8UHeRNQhLH4jje4g4fOE-8MvHnPB2eq3MzM4mqyfIMbWewi9ILWxWXG4S0gGWPGUmnbJ3f2oipiZ0sLp4YGrbINtqGg9zrYP3e27NcODoyjnTotCl3P7gawVQUQquGhvvGwlqveEB7HdhpCdmt4UIKbU_9hijAQTCwbWKjkQDgZrtcOWy5ohsv8asADahOvsPuV1yhow0cJQDMmQoxcuBy0e2M9Y6R8McwGdjexkP0ToO69LeoZN1Qclm-xsNm5HWt8QMjaau1r-VrPyGnhaKAV8rGaMHhj0xUw1edESdmzYpCXq9gNQqwxQYVvcBAuzrfzE1XUXsi49LyyJ3fs4_8hTcBxBTIljO07SNo_lsoFOwZZJRihrsBmRmX7djXWg4vUsSZKYjt8Vu0G00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\nskinparam backgroundColor white\nskinparam rectangleBackgroundColor white\n\nrectangle \"Kontekst systemu\" {\n  rectangle \"Klient\" jako Customer #LightBlue\n  rectangle \"Platforma e-commerce\" jako Platform #LightGreen\n  rectangle \"Dostawca p\u0142atno\u015bci\" jako Payment #LightYellow\n  rectangle \"Partner logistyczny\" jako Shipping #LightCoral\n}\n\nCustomer --&gt; Platform : Korzysta\nPlatform --&gt; Payment : Przetwarza p\u0142atno\u015bci\nPlatform --&gt; Shipping : Organizuje dostaw\u0119\n\nrectangle \"Diagram kontener\u00f3w\" {\n  rectangle \"Aplikacja webowa\" jako WebApp #LightBlue\n  rectangle \"Aplikacja mobilna\" jako MobileApp #LightBlue\n  rectangle \"API\" jako API #LightGreen\n  rectangle \"Baza danych\" jako DB #LightYellow\n}\n\nWebApp --&gt; API : REST API\nMobileApp --&gt; API : REST API\nAPI --&gt; DB : Zapytania SQL\n@enduml\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:VLD1JiCm4Bpx5QjoxWToG6rQX52BA1G9mMtZBeaRnuuSHr62kF0Bn3Du0lHVE9MRDj1oytfdl3CxygYmQ6oPILQaGkLeC8C8UHeRNQhLH4jje4g4fOE-8MvHnPB2eq3MzM4mqyfIMbWewi9ILWxWXG4S0gGWPGUmnbJ3f2oipiZ0sLp4YGrbINtqGg9zrYP3e27NcODoyjnTotCl3P7gawVQUQquGhvvGwlqveEB7HdhpCdmt4UIKbU_9hijAQTCwbWKjkQDgZrtcOWy5ohsv8asADahOvsPuV1yhow0cJQDMmQoxcuBy0e2M9Y6R8McwGdjexkP0ToO69LeoZN1Qclm-xsNm5HWt8QMjaau1r-VrPyGnhaKAV8rGaMHhj0xUw1edESdmzYpCXq9gNQqwxQYVvcBAuzrfzE1XUXsi49LyyJ3fs4_8hTcBxBTIljO07SNo_lsoFOwZZJRihrsBmRmX7djXWg4vUsSZKYjt8Vu0G00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:VLBBRi8m4Bn7oZ-iw9aVoA424bHLeb9eMbKzRi8IB1mxMZjGLFNVQuSae9HoyZvclBDZpun5jaqbmy3iXQgHiO8SYtt9kb6RM4lDSDm9IzS0fiAYAYKjRYF3O43093iPInN4MbdwiXFu3WE0gtxS6AihuWcWWJw1XvKeTtOX6nh1bzDOLmvH4AGIxLPprJBxf6C-CP4QKLCyLQGifAmFOjDDx8jdsYT9gOyZNhOJTIrKwR1iLSSRYcTYh1cTYJz--M69wVJneYk2TqCc38P2s-scHrvKGSOX-jeOEWoCOCxif3beGb8SY4yZoxtNA9nII0IMxiN-klv1ESphkbt5nIxyt_8NdGjtzl1pUfSnJvzRg3lll4U25dCqr4AJnUW9MYixQNv_VrS4hylipOTXS95ng-jpNtVNHf2jLx1kY8NtVqPgupxyBm00\" 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 PlantUML 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\/#plantuml:VLBBRi8m4Bn7oZ-iw9aVoA424bHLeb9eMbKzRi8IB1mxMZjGLFNVQuSae9HoyZvclBDZpun5jaqbmy3iXQgHiO8SYtt9kb6RM4lDSDm9IzS0fiAYAYKjRYF3O43093iPInN4MbdwiXFu3WE0gtxS6AihuWcWWJw1XvKeTtOX6nh1bzDOLmvH4AGIxLPprJBxf6C-CP4QKLCyLQGifAmFOjDDx8jdsYT9gOyZNhOJTIrKwR1iLSSRYcTYh1cTYJz--M69wVJneYk2TqCc38P2s-scHrvKGSOX-jeOEWoCOCxif3beGb8SY4yZoxtNA9nII0IMxiN-klv1ESphkbt5nIxyt_8NdGjtzl1pUfSnJvzRg3lll4U25dCqr4AJnUW9MYixQNv_VrS4hylipOTXS95ng-jpNtVNHf2jLx1kY8NtVqPgupxyBm00\" 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 Plantuml w VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<hr\/>\n<h2>Najlepsze praktyki<\/h2>\n<h3>1.\u00a0<strong>Utrzymuj diagramy proste<\/strong><\/h3>\n<ul>\n<li>\n<p>Skup si\u0119 na jednym aspekcie na diagram<\/p>\n<\/li>\n<li>\n<p>Unikaj prze\u0142adowania zbyt du\u017c\u0105 liczb\u0105 element\u00f3w<\/p>\n<\/li>\n<\/ul>\n<h3>2.\u00a0<strong>U\u017cywaj sp\u00f3jnego nazewnictwa<\/strong><\/h3>\n<ul>\n<li>\n<p>Przestrzegaj konwencji nazewnictwa na wszystkich diagramach<\/p>\n<\/li>\n<li>\n<p>U\u017cywaj znacz\u0105cych nazw dla klas, aktor\u00f3w i komponent\u00f3w<\/p>\n<\/li>\n<\/ul>\n<h3>3.\u00a0<strong>Dokumentuj swoje diagramy<\/strong><\/h3>\n<ul>\n<li>\n<p>Dodaj tytu\u0142y i opisy<\/p>\n<\/li>\n<li>\n<p>U\u017cywaj notatek dla dodatkowego kontekstu<\/p>\n<\/li>\n<\/ul>\n<h3>4.\u00a0<strong>Modularyzuj z\u0142o\u017cone systemy<\/strong><\/h3>\n<ul>\n<li>\n<p>Podziel du\u017ce systemy na mniejsze, \u0142atwiejsze do zarz\u0105dzania diagramy<\/p>\n<\/li>\n<li>\n<p>U\u017cywaj grupowania pakiet\u00f3w w celu organizacji<\/p>\n<\/li>\n<\/ul>\n<h3>5.\u00a0<strong>Wykorzystuj narz\u0119dzia AI<\/strong><\/h3>\n<ul>\n<li>\n<p>U\u017cyj czatu AI Visual Paradigm do pocz\u0105tkowej struktury diagramu<\/p>\n<\/li>\n<li>\n<p>Dopracuj i dostosuj za pomoc\u0105 VPasCode<\/p>\n<\/li>\n<\/ul>\n<h3>6.\u00a0<strong>Kontrola wersji<\/strong><\/h3>\n<ul>\n<li>\n<p>Zatwierdzaj pliki PlantUML w Git<\/p>\n<\/li>\n<li>\n<p>U\u017cywaj znacz\u0105cych wiadomo\u015bci zatwierdzenia opisuj\u0105cych zmiany w diagramach<\/p>\n<\/li>\n<\/ul>\n<hr\/>\n<h2>Pierwsze kroki z Visual Paradigm + VPasCode<\/h2>\n<ol>\n<li>\n<p><strong>Zainstaluj Visual Paradigm<\/strong>z wtyczk\u0105 VPasCode<\/p>\n<\/li>\n<li>\n<p><strong>Utw\u00f3rz nowy plik PlantUML<\/strong>(rozszerzenie .puml)<\/p>\n<\/li>\n<li>\n<p><strong>Zacznij wpisywa\u0107<\/strong>kod swojego diagramu<\/p>\n<\/li>\n<li>\n<p><strong>U\u017cyj czatu AI<\/strong> dla sugestii, opisuj\u0105c sw\u00f3j system<\/p>\n<\/li>\n<li>\n<p><strong>Podgl\u0105d w czasie rzeczywistym<\/strong> podczas edycji<\/p>\n<\/li>\n<li>\n<p><strong>Eksportuj<\/strong> do wybranego formatu (PNG, SVG, PDF)<\/p>\n<\/li>\n<\/ol>\n<hr\/>\n<h2>Podsumowanie<\/h2>\n<p>Po\u0142\u0105czenie PlantUML z czatbotem AI Visual Paradigm i VPasCode zapewnia pot\u0119\u017cne, przyjazne programi\u015bcie podej\u015bcie do tworzenia profesjonalnych diagram\u00f3w. Tekstowa natura rozwi\u0105zania zapewnia \u0142atw\u0105 konserwacj\u0119, kompatybilno\u015b\u0107 z systemami kontroli wersji i prost\u0105 wsp\u00f3\u0142prac\u0119, podczas gdy narz\u0119dzia wspierane przez AI przyspieszaj\u0105 tworzenie diagram\u00f3w i zapewniaj\u0105 przestrzeganie najlepszych praktyk.<\/p>\n<p class=\"\">Niezale\u017cnie od tego, czy dokumentujesz architektur\u0119 oprogramowania, planujesz projekty, czy komunikujesz projekty system\u00f3w, PlantUML oferuje kompleksowe rozwi\u0105zanie skalowalne zgodnie z Twoimi potrzebami.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Wst\u0119p: Opanowanie diagram\u00f3w jako kodu z wykorzystaniem PlantUML i Visual Paradigm We wsp\u00f3\u0142czesnym, dynamicznym \u015brodowisku rozwoju oprogramowania jasna komunikacja wizualna<\/p>\n","protected":false},"author":11,"featured_media":12246,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_yoast_wpseo_title":"","_yoast_wpseo_metadesc":"","footnotes":""},"categories":[80,117],"tags":[],"class_list":["post-12245","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ai-chatbot","category-vpascode"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Kompleksowy przewodnik po PlantUML: Diagramy jako kod - 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\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/\" \/>\n<meta property=\"og:locale\" content=\"pl_PL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Kompleksowy przewodnik po PlantUML: Diagramy jako kod - Cybermediana\" \/>\n<meta property=\"og:description\" content=\"Wst\u0119p: Opanowanie diagram\u00f3w jako kodu z wykorzystaniem PlantUML i Visual Paradigm We wsp\u00f3\u0142czesnym, dynamicznym \u015brodowisku rozwoju oprogramowania jasna komunikacja wizualna\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.cybermedian.com\/pl\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/\" \/>\n<meta property=\"og:site_name\" content=\"Cybermediana\" \/>\n<meta property=\"article:published_time\" content=\"2026-08-25T06:29:51+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-03T15:26:08+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d3691d85b8.png\" \/><meta property=\"og:image\" content=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d3691d85b8.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_6a8d3691d85b8.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=\"7 minut\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.cybermedian.com\/pl\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.cybermedian.com\/pl\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/\"},\"author\":{\"name\":\"curtis\",\"@id\":\"https:\/\/www.cybermedian.com\/pl\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d\"},\"headline\":\"Kompleksowy przewodnik po PlantUML: Diagramy jako kod\",\"datePublished\":\"2026-08-25T06:29:51+00:00\",\"dateModified\":\"2026-09-03T15:26:08+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.cybermedian.com\/pl\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/\"},\"wordCount\":1109,\"image\":{\"@id\":\"https:\/\/www.cybermedian.com\/pl\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.cybermedian.com\/pl\/wp-content\/uploads\/sites\/16\/2026\/08\/img_6a8d3691d85b8.png\",\"articleSection\":[\"AI Chatbot\",\"VPasCode\"],\"inLanguage\":\"pl-PL\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.cybermedian.com\/pl\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/\",\"url\":\"https:\/\/www.cybermedian.com\/pl\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/\",\"name\":\"Kompleksowy przewodnik po PlantUML: Diagramy jako kod - Cybermediana\",\"isPartOf\":{\"@id\":\"https:\/\/www.cybermedian.com\/pl\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.cybermedian.com\/pl\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.cybermedian.com\/pl\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.cybermedian.com\/pl\/wp-content\/uploads\/sites\/16\/2026\/08\/img_6a8d3691d85b8.png\",\"datePublished\":\"2026-08-25T06:29:51+00:00\",\"dateModified\":\"2026-09-03T15:26:08+00:00\",\"author\":{\"@id\":\"https:\/\/www.cybermedian.com\/pl\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.cybermedian.com\/pl\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/#breadcrumb\"},\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.cybermedian.com\/pl\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\/\/www.cybermedian.com\/pl\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/#primaryimage\",\"url\":\"https:\/\/www.cybermedian.com\/pl\/wp-content\/uploads\/sites\/16\/2026\/08\/img_6a8d3691d85b8.png\",\"contentUrl\":\"https:\/\/www.cybermedian.com\/pl\/wp-content\/uploads\/sites\/16\/2026\/08\/img_6a8d3691d85b8.png\",\"width\":1024,\"height\":572},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.cybermedian.com\/pl\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.cybermedian.com\/pl\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Kompleksowy przewodnik po PlantUML: Diagramy jako kod\"}]},{\"@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":"Kompleksowy przewodnik po PlantUML: Diagramy jako kod - 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\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/","og_locale":"pl_PL","og_type":"article","og_title":"Kompleksowy przewodnik po PlantUML: Diagramy jako kod - Cybermediana","og_description":"Wst\u0119p: Opanowanie diagram\u00f3w jako kodu z wykorzystaniem PlantUML i Visual Paradigm We wsp\u00f3\u0142czesnym, dynamicznym \u015brodowisku rozwoju oprogramowania jasna komunikacja wizualna","og_url":"https:\/\/www.cybermedian.com\/pl\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/","og_site_name":"Cybermediana","article_published_time":"2026-08-25T06:29:51+00:00","article_modified_time":"2026-09-03T15:26:08+00:00","og_image":[{"url":"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d3691d85b8.png","type":"","width":"","height":""},{"width":1024,"height":572,"url":"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d3691d85b8.png","type":"image\/png"}],"author":"curtis","twitter_card":"summary_large_image","twitter_image":"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d3691d85b8.png","twitter_misc":{"Napisane przez":"curtis","Szacowany czas czytania":"7 minut"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.cybermedian.com\/pl\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/#article","isPartOf":{"@id":"https:\/\/www.cybermedian.com\/pl\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/"},"author":{"name":"curtis","@id":"https:\/\/www.cybermedian.com\/pl\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d"},"headline":"Kompleksowy przewodnik po PlantUML: Diagramy jako kod","datePublished":"2026-08-25T06:29:51+00:00","dateModified":"2026-09-03T15:26:08+00:00","mainEntityOfPage":{"@id":"https:\/\/www.cybermedian.com\/pl\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/"},"wordCount":1109,"image":{"@id":"https:\/\/www.cybermedian.com\/pl\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/#primaryimage"},"thumbnailUrl":"https:\/\/www.cybermedian.com\/pl\/wp-content\/uploads\/sites\/16\/2026\/08\/img_6a8d3691d85b8.png","articleSection":["AI Chatbot","VPasCode"],"inLanguage":"pl-PL"},{"@type":"WebPage","@id":"https:\/\/www.cybermedian.com\/pl\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/","url":"https:\/\/www.cybermedian.com\/pl\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/","name":"Kompleksowy przewodnik po PlantUML: Diagramy jako kod - Cybermediana","isPartOf":{"@id":"https:\/\/www.cybermedian.com\/pl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.cybermedian.com\/pl\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/#primaryimage"},"image":{"@id":"https:\/\/www.cybermedian.com\/pl\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/#primaryimage"},"thumbnailUrl":"https:\/\/www.cybermedian.com\/pl\/wp-content\/uploads\/sites\/16\/2026\/08\/img_6a8d3691d85b8.png","datePublished":"2026-08-25T06:29:51+00:00","dateModified":"2026-09-03T15:26:08+00:00","author":{"@id":"https:\/\/www.cybermedian.com\/pl\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d"},"breadcrumb":{"@id":"https:\/\/www.cybermedian.com\/pl\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/#breadcrumb"},"inLanguage":"pl-PL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.cybermedian.com\/pl\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/"]}]},{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/www.cybermedian.com\/pl\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/#primaryimage","url":"https:\/\/www.cybermedian.com\/pl\/wp-content\/uploads\/sites\/16\/2026\/08\/img_6a8d3691d85b8.png","contentUrl":"https:\/\/www.cybermedian.com\/pl\/wp-content\/uploads\/sites\/16\/2026\/08\/img_6a8d3691d85b8.png","width":1024,"height":572},{"@type":"BreadcrumbList","@id":"https:\/\/www.cybermedian.com\/pl\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.cybermedian.com\/pl\/"},{"@type":"ListItem","position":2,"name":"Kompleksowy przewodnik po PlantUML: Diagramy jako kod"}]},{"@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\/12245","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=12245"}],"version-history":[{"count":0,"href":"https:\/\/www.cybermedian.com\/pl\/wp-json\/wp\/v2\/posts\/12245\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.cybermedian.com\/pl\/wp-json\/wp\/v2\/media\/12246"}],"wp:attachment":[{"href":"https:\/\/www.cybermedian.com\/pl\/wp-json\/wp\/v2\/media?parent=12245"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.cybermedian.com\/pl\/wp-json\/wp\/v2\/categories?post=12245"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.cybermedian.com\/pl\/wp-json\/wp\/v2\/tags?post=12245"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}