{"id":10391,"date":"2025-12-03T13:43:13","date_gmt":"2025-12-03T05:43:13","guid":{"rendered":"https:\/\/www.cybermedian.com\/pl\/%f0%9f%a7%a0-a-comprehensive-guide-to-visual-paradigms-ai-powered-c4-plantuml-studio\/"},"modified":"2026-04-14T18:57:33","modified_gmt":"2026-04-14T10:57:33","slug":"%f0%9f%a7%a0-a-comprehensive-guide-to-visual-paradigms-ai-powered-c4-plantuml-studio","status":"publish","type":"post","link":"https:\/\/www.cybermedian.com\/pl\/%f0%9f%a7%a0-a-comprehensive-guide-to-visual-paradigms-ai-powered-c4-plantuml-studio\/","title":{"rendered":"\ud83e\udde0 Kompletny przewodnik po AI-zaszyfrowanym Studio C4 PlantUML firmy Visual Paradigm"},"content":{"rendered":"
\n

Rozja\u015bnianie projektowania diagram\u00f3w architektury wspomaganych przez AI \u2014 dlaczego to wi\u0119cej ni\u017c tylko czatbot<\/em><\/p>\n<\/div>\n

\n\n<\/div>\n
\n

\ud83d\udd0d Wprowadzenie: Zatory dokumentacji architektury<\/h2>\n<\/div>\n
\n

Architektura oprogramowania to projekt Twojego systemu. Bez jasnych, sp\u00f3jnych i aktualnych diagram\u00f3w zr\u00f3wnowa\u017cenie techniczne si\u0119 rozpadnie \u2014 szczeg\u00f3lnie w zespo\u0142ach agilnych, gdzie architektura szybko si\u0119 zmienia.<\/p>\n

\"\"<\/p>\n

Ponadto\u00a0model C4<\/strong>\u00a0(Kontekst, Kontenery, Komponenty, Kod) wy\u0142oni\u0142o si\u0119 jako standard z\u0142oty dla strukturalnej, warstwowej wizualizacji architektury. Jednak jego przyj\u0119cie zosta\u0142o utrudnione przez jeden problem:<\/p>\n<\/div>\n

\n
\n

Pisanie i utrzymywanie sk\u0142adni PlantUML \u2014 zw\u0142aszcza dla wielopoziomowych diagram\u00f3w C4 \u2014 jest m\u0119cz\u0105ce, podatne na b\u0142\u0119dy i czasoch\u0142onne.<\/strong><\/p>\n<\/blockquote>\n<\/div>\n

\n

Wprowadzamy\u00a0Studio C4 PlantUML z AI firmy Visual Paradigm<\/strong><\/a>, wydane 14 listopada 2025 roku \u2014 narz\u0119dzie stworzone specjalnie, kt\u00f3re przekszta\u0142ca\u00a0j\u0119zyk naturalny<\/em>\u00a0w\u00a0poprawne, warstwowe diagramy C4<\/em>. Ale w jaki spos\u00f3b r\u00f3\u017cni si\u0119 to od pro\u015bby do ChatGPT lub Claude o \u201enarysowanie diagramu systemu\u201d? I\u00a0czy<\/em>\u00a0w rzeczywisto\u015bci mo\u017ce wygenerowa\u0107 poprawny C4?<\/p>\n

\"Side-by-side<\/p>\n<\/div>\n

\n

Rozwa\u017cmy to wszystko.<\/p>\n<\/div>\n

\n\n<\/div>\n
\n

\ud83c\udf10 Dlaczego Studio C4 z AI firmy Visual Paradigm? (A nie po prostu darmowy czatbot?)<\/h2>\n<\/div>\n
\n
\n\n\n\n\n\n\n\n\n\n\n
Funkcja<\/th>\nStudio C4 z AI firmy Visual Paradigm \u2705<\/th>\nOg\u00f3lny czat z AI (np. ChatGPT, Claude) \u274c<\/th>\n<\/tr>\n<\/thead>\n
Zgodno\u015b\u0107 z modelem C4<\/strong><\/td>\n\u2705 Wbudowana weryfikacja zgodno\u015bci z zasadami strukturalnymi C4 (np. Osoba \u2192 System w kontek\u015bcie; System \u2192 Kontener w diagramie kontenera).<\/td>\n\u274c Cz\u0119sto generuje po\u0142\u0105czone\/niepoprawne poziomy (np. miesza komponenty z kontekstem) \u2014 narusza warstwy abstrakcji C4.<\/td>\n<\/tr>\n
Poprawno\u015b\u0107 sk\u0142adni PlantUML<\/strong><\/td>\n\u2705 Automatycznie generuje\u00a0poprawny<\/em>, uruchomiony kod PlantUML \u2014 bez debugowania sk\u0142adni.<\/td>\n\u274c Cz\u0119sto generuje niepoprawny\/malformowany kod PlantUML (brakuj\u0105ce nawiasy, liter\u00f3wki, nieobs\u0142ugiwane s\u0142owa kluczowe).<\/td>\n<\/tr>\n
Edytor i nawigator interaktywny<\/strong><\/td>\n\u2705 Podgl\u0105d w czasie rzeczywistym + zwinne nawigowanie drzewem na wszystkich 4 poziomach C4. Edytor obok siebie w stylu markdown.<\/td>\n\u274c Tylko tekst. Aby renderowa\u0107, musisz kopiowa\u0107 i wkleja\u0107 do zewn\u0119trznych narz\u0119dzi (z ryzykiem b\u0142\u0119d\u00f3w).<\/td>\n<\/tr>\n
Wzmacnianie sp\u00f3jno\u015bci<\/strong><\/td>\n\u2705 Relacje s\u0105 \u015bledzone na poziomach: np.\u00a0Kontener A<\/em>\u00a0w kontek\u015bcie = ten sam\u00a0Kontener A<\/em>\u00a0na diagramie kontenera.<\/td>\n\u274c Brak sp\u00f3jno\u015bci mi\u0119dzy diagramami \u2014 ka\u017cdy prompt jest bezstanowy \u2192 niesp\u00f3jno\u015b\u0107 mi\u0119dzy diagramami.<\/td>\n<\/tr>\n
Tw\u00f3rca sformu\u0142owania problemu<\/strong><\/td>\n\u2705 Przekszta\u0142ca nazw\u0119 projektu na wysokim poziomie + opis w zorganizowany kontekst problemu\u00a0przed<\/em>\u00a0rysowania diagram\u00f3w. Okre\u015bla zakres diagramu.<\/td>\n\u274c Brak szkieletu \u2014 musisz r\u0119cznie okre\u015bli\u0107 zakres, aktor\u00f3w, cele.<\/td>\n<\/tr>\n
Przep\u0142yw wzbogacania<\/strong><\/td>\n\u2705 Edytuj PlantUML bezpo\u015brednio; diagram aktualizuje si\u0119 w czasie rzeczywistym. AI pomaga stopniowo (np. \u201edodaj kolejk\u0119 Kafka mi\u0119dzy us\u0142ug\u0105 Auth i us\u0142ug\u0105 User\u201d).<\/td>\n\u274c Generowanie ponowne cz\u0119sto nadpisuje wcze\u015bniejsz\u0105 prac\u0119 \u2192 brak wsp\u00f3lnej iteracyjnej edycji.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n
\n
\n

\ud83d\udca1\u00a0Kluczowa obserwacja<\/strong>: Narz\u0119dzie VP nie jest\u00a0po prostu<\/em>\u00a0modelem AI otoczonym interfejsem \u2014 to\u00a0wsp\u00f3\u0142pracownik specjalistyczny dla dziedziny<\/strong>\u00a0z g\u0142\u0119bokimi semantykami C4 wbudowanymi. Og\u00f3lne modele LLM\u00a0przybli\u017caj\u0105<\/em>\u00a0diagramy; VP\u00a0wymusza<\/em>\u00a0rygor architektoniczny.<\/p>\n<\/blockquote>\n<\/div>\n

\n\n<\/div>\n
\n

\ud83d\udd11 Kluczowe koncepcje modelu C4 (framework Simon Brown)<\/h2>\n<\/div>\n
\n

Model C4 to\u00a0strukturalny<\/em>,\u00a0hierarchiczny<\/em>, i\u00a0skupiony na odbiorcach<\/em> podej\u015bcie do dokumentacji architektury oprogramowania.<\/p>\n<\/div>\n

\n
\n\n\n\n\n\n\n\n\n
Poziom<\/th>\nCel<\/th>\nOdbiorca<\/th>\nPrzyk\u0142ad notacji<\/th>\n<\/tr>\n<\/thead>\n
1. Kontekst systemu (C1)<\/strong><\/td>\nPoka\u017c system\u00a0w zakresie<\/em> jako czarn\u0105 skrzynk\u0119 z zewn\u0119trznymi u\u017cytkownikami i systemami, z kt\u00f3rymi si\u0119 komunikuje.<\/td>\nKierownicy, klienci, uczestnicy niebior\u0105cy udzia\u0142u w technice<\/td>\nOsoba(klient)<\/code>,\u00a0System(eCommerce)<\/code><\/td>\n<\/tr>\n
2. Kontenery (C2)<\/strong><\/td>\nRoz\u0142\u00f3\u017c\u00a0jeden<\/em> system na\u00a0kontenery<\/em> (np. aplikacja internetowa, baza danych, interfejs API, kolejka). Wyr\u00f3\u017cnia stosy technologiczne i protoko\u0142y.<\/td>\nKierownicy zespo\u0142\u00f3w programist\u00f3w, architekci, zespo\u0142y operacyjne<\/td>\nKontener(web, \"Aplikacja internetowa\", \"React\")<\/code>,\u00a0--> \"HTTPS\"<\/code><\/td>\n<\/tr>\n
3. Komponenty (C3)<\/strong><\/td>\nRozbij na\u00a0kontener<\/em>\u00a0na\u00a0sk\u0142adowe<\/em>\u00a0(np. modu\u0142y, us\u0142ugi, klasy), z interfejsami i zale\u017cno\u015bciami.<\/td>\nProgrami\u015bci, recenzenci<\/td>\nKomponent(orderSvc, \"OrderService\", \"Spring Boot\")<\/code><\/td>\n<\/tr>\n
4. Kod (C4)<\/strong>\u00a0(Opcjonalnie)<\/em><\/td>\nSzczeg\u00f3\u0142owe diagramy UML na poziomie klasy\/metody (np. diagramy sekwencji, diagramy klas). Rzadko stosowane w praktyce.<\/td>\nStarszy programista, recenzent kodu<\/td>\nSk\u0142adnia PlantUML dla diagram\u00f3w klas i sekwencji<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n
\n
\n

\u2705\u00a0Zasada Z\u0142ota<\/strong>: Ka\u017cdy poziom diagramu\u00a0przybli\u017ca<\/em>\u00a0dok\u0142adnie\u00a0jeden<\/strong>\u00a0element z poziomu wy\u017cej \u2014 zachowuj\u0105c zakres i przejrzysto\u015b\u0107.<\/p>\n<\/blockquote>\n<\/div>\n

\n\n<\/div>\n
\n

\ud83e\udde9 Typy diagram\u00f3w i kiedy je stosowa\u0107 (z rzeczywistymi przyk\u0142adami)<\/h2>\n<\/div>\n
\n

\ud83e\udded 1. Diagram kontekstu systemu (C1)<\/h3>\n

\"describe<\/p>\n<\/div>\n

\n

Kiedy?<\/strong>\u00a0Na starcie projektu, do wyr\u00f3wnania interes\u00f3w stakeholder\u00f3w lub podczas okre\u015blania MVP.<\/p>\n<\/div>\n

\n
\n

\u274c\u00a0Z\u0142y<\/em>: W\u0142\u0105czenie wewn\u0119trznych mikroserwis\u00f3w lub baz danych
\n\u2705\u00a0Dobry<\/em>: Tylko\u00a0zewn\u0119trzne jednostki<\/strong>\u00a0+\u00a0Tw\u00f3j system jako jedna skrzynka<\/strong><\/p>\n<\/blockquote>\n<\/div>\n

\n
@startuml\r\n!include https:\/\/raw.githubusercontent.com\/plantuml-stdlib\/C4-PlantUML\/master\/C4_Context.puml\r\n\r\nPerson(customer, \"Klient\", \"Chce kupi\u0107 produkty\")\r\nSystem(eCommerce, \"System e-commerce\", \"Platforma sklepu internetowego\")\r\nSystem(email, \"Us\u0142uga e-mailowa\", \"Wysy\u0142a paragony\")\r\n\r\nRel(customer, eCommerce, \"U\u017cywa\", \"HTTPS\")\r\nRel(eCommerce, email, \"Wysy\u0142a\", \"SMTP\")\r\n@enduml\r\n<\/code><\/pre>\n<\/div>\n
\n
\u27a1\ufe0f\u00a0Zaproszenie AI do VP Studio<\/em>:<\/p>\n<\/div>\n
\n
\n
\u201eE-bookstore online, w kt\u00f3rym klienci przegl\u0105daj\u0105, kupuj\u0105 i otrzymuj\u0105 paragony e-mailowe. Integruje si\u0119 z us\u0142ug\u0105 e-mailow\u0105 zewn\u0119trznej firmy.\u201d<\/p>\n<\/blockquote>\n<\/div>\n
\n\n<\/div>\n
\n
\ud83d\udce6 2. Diagram kontener\u00f3w (C2)<\/h3>\n<\/div>\n
\n
Kiedy?<\/strong>W trakcie projektowania technicznego, planowania sprintu lub onboardingu \u2014 pokazujejak<\/em>z jakich element\u00f3w sk\u0142ada si\u0119 system.<\/p>\n
\"Select<\/p>\n<\/div>\n
\n
\n
\u274c\u00a0Z\u0142y<\/em>: Mieszanie komponent\u00f3w front-end (React hooks) lub tabel bazy danych
\n\u2705\u00a0Dobry<\/em>: Tylkopliki wykonywalne\/wdra\u017calne<\/em>: aplikacje, bazy danych, kolejki, interfejsy API<\/p>\n<\/blockquote>\n<\/div>\n
\n
@startuml\r\n!include https:\/\/raw.githubusercontent.com\/plantuml-stdlib\/C4-PlantUML\/master\/C4_Container.puml\r\n\r\nPerson(customer, \"Klient\")\r\nSystem_Boundary(c1, \"System e-commerce\") {\r\n  Container(web, \"Aplikacja internetowa\", \"React\", \"Obs\u0142uguje interfejs u\u017cytkownika\")\r\n  Container(api, \"Brama interfejs\u00f3w API\", \"Node.js\", \"Przekierowuje \u017c\u0105dania\")\r\n  Container(orderSvc, \"Us\u0142uga zam\u00f3wie\u0144\", \"Java\", \"Przetwarza zam\u00f3wienia\")\r\n  Container(db, \"Baza danych zam\u00f3wie\u0144\", \"PostgreSQL\", \"Przechowuje zam\u00f3wienia\")\r\n  Container_Ext(email, \"Us\u0142uga e-mailowa\", \"Interfejs API SMTP\")\r\n}\r\n\r\nRel(customer, web, \"U\u017cywa\", \"HTTPS\")\r\nRel(web, api, \"Wywo\u0142uje\", \"HTTPS\")\r\nRel(api, orderSvc, \"Przekazuje\", \"REST\")\r\nRel(orderSvc, db, \"Odczytuje\/Zapisuje\", \"JDBC\")\r\nRel(orderSvc, email, \"Wysy\u0142a paragon\", \"SMTP\")\r\n@enduml\r\n<\/code><\/pre>\n<\/div>\n
\n
\u27a1\ufe0f\u00a0Zaproszenie AI<\/em>:<\/p>\n<\/div>\n
\n
\n
\u201eAplikacja internetowa komunikuje si\u0119 z bram\u0105 interfejs\u00f3w API, kt\u00f3ra przekierowuje do us\u0142ugi zam\u00f3wie\u0144 w j\u0119zyku Java. Zam\u00f3wienia s\u0105 przechowywane w PostgreSQL. Us\u0142uga zam\u00f3wie\u0144 wywo\u0142uje r\u00f3wnie\u017c zewn\u0119trzny interfejs API e-mailowy.\u201d<\/p>\n<\/blockquote>\n<\/div>\n
\n\n<\/div>\n
\n
\u2699\ufe0f 3. Diagram komponent\u00f3w (C3)<\/h3>\n<\/div>\n
\n
Kiedy?<\/strong>W trakcie szczeg\u00f3\u0142owego projektowania, przygotowania do przegl\u0105du kodu lub refaktoryzacji \u2014 dla konkretnegokonkretnego kontenera<\/em>.<\/p>\n<\/div>\n
\n
\n
\u274c\u00a0Z\u0142y<\/em>: Pokazuje ekranu interfejsu u\u017cytkownika lub szczeg\u00f3\u0142y infrastruktury (balansery obci\u0105\u017cenia)
\n\u2705\u00a0Dobry<\/em>: Kluczowe klasy\/modu\u0142y z\u00a0interfejsy<\/em>\u00a0(np. punkty ko\u0144cowe REST, tematy pub\/sub)<\/p>\n<\/blockquote>\n<\/div>\n
\n
@startuml\r\n!include https:\/\/raw.githubusercontent.com\/plantuml-stdlib\/C4-PlantUML\/master\/C4_Component.puml\r\n\r\nBoundary_Boundary(orderSvc, \"Us\u0142uga Zam\u00f3wie\u0144\") {\r\n  Komponent(orderController, \"OrderController\", \"REST\", \"Akceptuje POST \/orders\")\r\n  Komponent(orderValidator, \"OrderValidator\", \"Spring\", \"Weryfikuje dane wej\u015bciowe\")\r\n  Komponent(paymentClient, \"PaymentClient\", \"Feign\", \"Wywo\u0142uje interfejs API p\u0142atno\u015bci\")\r\n  Komponent(orderRepo, \"OrderRepository\", \"JPA\", \"Dost\u0119p do bazy danych\")\r\n}\r\n\r\nRel(orderController, orderValidator, \"Weryfikuje\")\r\nRel(orderController, paymentClient, \"Wymaga uwierzytelnienia\")\r\nRel(orderController, orderRepo, \"Zapisuje\")\r\nRel(paymentClient, \"Us\u0142uga P\u0142atno\u015bci\", \"HTTPS\", \"Zewn\u0119trzna\")\r\n@enduml\r\n<\/code><\/pre>\n<\/div>\n
\n
\u27a1\ufe0f\u00a0Zaproszenie do AI<\/em>:<\/p>\n<\/div>\n
\n
\n
\u201eWewn\u0105trz us\u0142ugi Zam\u00f3wie\u0144: kontroler REST, kt\u00f3ry weryfikuje dane wej\u015bciowe, wywo\u0142uje us\u0142ug\u0119 p\u0142atno\u015bci za pomoc\u0105 klienta Feign i zapisuje do bazy danych przy u\u017cyciu repozytorium.\u201d<\/p>\n<\/blockquote>\n<\/div>\n
\n\n<\/div>\n
\n
\u2753 Czy narz\u0119dzia AI generuj\u0105\u00a0Poprawne<\/em>\u00a0diagramy C4?<\/h2>\n<\/div>\n
\n
\n\n\n\n\n\n\n
Typ narz\u0119dzia<\/th>\nDok\u0142adno\u015b\u0107<\/th>\nDlaczego?<\/th>\n<\/tr>\n<\/thead>\n
Visual Paradigm AI C4 Studio<\/strong><\/td>\n\u2705\u00a0Wysoka (85\u201395%)<\/strong><\/td>\n\u2013 U\u017cywa szablon\u00f3w i ogranicze\u0144 specyficznych dla C4
\n\u2013 Weryfikuje zawieranie hierarchiczne
\n\u2013 Wymusza sk\u0142adni\u0119 PlantUML+stdlib
\n\u2013 Sztuczna inteligencja szkolona\/dostosowana na podstawie rzeczywistych dokument\u00f3w architektury<\/td>\n<\/tr>\n
Og\u00f3lny model j\u0119zykowy (GPT-4, Claude 3)<\/strong><\/td>\n\u26a0\ufe0f\u00a0\u015arednia\u2013niska (40\u201360%)<\/strong><\/td>\n\u2013 Brakuje specyficznych dla C4strukturalne zabezpieczenia<\/em>\u00a0\u2192 cz\u0119sto \u0142\u0105czy poziomy
\n\u2013 Nie wymusza\u00a0Granica_systemu<\/code>,\u00a0Granica_kontenera<\/code>\u00a0zakres
\n\u2013 Pr\u00f3buje odgadn\u0105\u0107 sk\u0142adni\u0119 PlantUML (nie dzia\u0142a w przypadkach granicznych)
\n\u2013 Brak p\u0119tli zwrotnej dla sp\u00f3jno\u015bci<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n
\n
\n
\ud83d\udcca\u00a0Przyk\u0142ad niepowodzenia z og\u00f3lnego AI<\/em>:
\nZaproszenie:\u00a0\u201eNarysuj diagram kontekstowy dla aplikacji do dostawy jedzenia\u201d<\/em>
\nWyj\u015bcie: Pokazuje \u201eKlient \u2192 Aplikacja mobilna \u2192 Us\u0142uga uwierzytelniania \u2192 PostgreSQL\u201d \u2192 \u274c\u00a0Us\u0142uga uwierzytelniania i baza danych NIE powinny si\u0119 pojawia\u0107 w kontek\u015bcie!<\/strong>\u00a0(Jest to kontenery, a nie systemy).<\/p>\n<\/blockquote>\n<\/div>\n
\n
AI wiceprezesa zrezygnowa\u0142aby zodrzuci\u0107<\/em>\u00a0tego wyj\u015bcia i zaproszenia:<\/p>\n<\/div>\n
\n
\n
\u201eW diagramie kontekstowym pokazuj tylko systemy zewn\u0119trzne. Czy zamiast tego wygenerowa\u0107 diagram kontenera?\u201d<\/em><\/p>\n<\/blockquote>\n<\/div>\n
\n\n<\/div>\n
\n
\ud83d\udccb Tabele podsumowuj\u0105ce<\/h2>\n<\/div>\n
\n
\u2705 Lista kontrolna diagram\u00f3w C4<\/h3>\n<\/div>\n
\n
\n\n\n\n\n\n\n\n\n
Diagram<\/th>\n\u2705 Powinno zawiera\u0107<\/th>\n\u274c Nigdy nie zawiera\u0107<\/th>\n<\/tr>\n<\/thead>\n
Kontekst (C1)<\/strong><\/td>\nOsoby zewn\u0119trzne, systemy zewn\u0119trzne<\/td>\nWewn\u0119trzne kontenery, stos technologiczny, bazy danych<\/td>\n<\/tr>\n
Kontener (C2)<\/strong><\/td>\nAplikacje, bazy danych, interfejsy API, kolejki (z technologiami)<\/td>\nEkranu interfejsu u\u017cytkownika, klasy, w\u0119z\u0142y infrastruktury<\/td>\n<\/tr>\n
Komponent (C3)<\/strong><\/td>\nKluczowe modu\u0142y, interfejsy, zale\u017cno\u015bciw jednym kontenerze<\/em><\/td>\nLinki mi\u0119dzy kontenerami, szczeg\u00f3\u0142y wdro\u017cenia<\/td>\n<\/tr>\n
Kod (C4)<\/strong><\/td>\nDiagramy klas, przep\u0142ywy sekwencyjne<\/td>\nElementy architektury najwy\u017cszego poziomu<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n
\n\n<\/div>\n
\n
\ud83d\udd27 Kiedy u\u017cywa\u0107 Visual Paradigm AI C4 Studio<\/h3>\n<\/div>\n
\n
\n\n\n\n\n\n\n\n\n\n
Scenariusz<\/th>\nZalecenie<\/th>\n<\/tr>\n<\/thead>\n
Pierwszy sprint architektury<\/td>\n\u2705 Zacznij od stwierdzenia problemu \u2192 kontekst \u2192 kontener w mniej ni\u017c 10 minut<\/td>\n<\/tr>\n
Wprowadzanie nowych in\u017cynier\u00f3w<\/td>\n\u2705 Wygeneruj wszystkie 3 poziomy \u2192 udost\u0119pnij za pomoc\u0105 linku do nawigatora<\/td>\n<\/tr>\n
Dokumentowanie system\u00f3w dziedziczonych<\/td>\n\u2705 Opisz s\u0142ownie \u2192 AI wyprowadza struktur\u0119 \u2192 stopniowo j\u0105 ulepsz<\/td>\n<\/tr>\n
Weryfikacja zgodno\u015bci \/ przegl\u0105d architektury<\/td>\n\u2705 Eksportuj diagramy jako PNG\/PDF + \u017ar\u00f3d\u0142o PlantUML do \u015bledzenia audytu<\/td>\n<\/tr>\n
Projektowanie eksploracyjne (\u201eA co je\u015bli dodamy Kafka?\u201d)<\/td>\n\u2705 Edytuj kod:Kontener(kafka, \"Kafka\", \"Przesy\u0142anie zdarze\u0144\")<\/code>\u2192 aktualizacja w czasie rzeczywistym<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n
\n\n<\/div>\n
\n
\ud83d\ude80 Rozpocz\u0119cie pracy: 4-krokowy przep\u0142yw w VP AI Studio<\/h2>\n<\/div>\n
\n
    \n
  1. Opisz<\/strong>
    \n
    \n
    \u201eAplikacja fitness, w kt\u00f3rej u\u017cytkownicy rejestruj\u0105 treningi. Dane synchronizowane s\u0105 z chmury. Admini przegl\u0105daj\u0105 analizy.\u201d<\/em><\/p>\n<\/blockquote>\n<\/li>\n
  2. AI generuje<\/strong>\n