From 754721b740a3296345463cec32bfce08be0cb548 Mon Sep 17 00:00:00 2001 From: Chris Charabaruk Date: Fri, 9 Nov 2018 21:50:45 -0500 Subject: [PATCH 1/4] Add database macros for system, container, and component Add the ability to use the PlantUML `database` shape for systems (including external systems), containers, and components. The following macros have been added: - `SystemDb` - `SystemDb_Ext` - `ContainerDb` - `ComponentDb` These macros take the same parameters as their regular counterparts. --- C4_Component.puml | 10 ++++++++++ C4_Container.puml | 10 ++++++++++ C4_Context.puml | 20 ++++++++++++++++++++ 3 files changed, 40 insertions(+) diff --git a/C4_Component.puml b/C4_Component.puml index a85761f..40a8a24 100644 --- a/C4_Component.puml +++ b/C4_Component.puml @@ -22,6 +22,13 @@ skinparam rectangle<> { BorderColor #78A8D8 } +skinparam database<> { + StereotypeFontColor ELEMENT_FONT_COLOR + FontColor #000000 + BackgroundColor COMPONENT_BG_COLOR + BorderColor #78A8D8 +} + ' Layout ' ################################## @@ -43,3 +50,6 @@ endlegend !define Component(e_alias, e_label, e_techn) rectangle "==e_label\n//[e_techn]//" <> as e_alias !define Component(e_alias, e_label, e_techn, e_descr) rectangle "==e_label\n//[e_techn]//\n\n e_descr" <> as e_alias + +!define ComponentDb(e_alias, e_label, e_techn) database "==e_label\n//[e_techn]//" <> as e_alias +!define ComponentDb(e_alias, e_label, e_techn, e_descr) database "==e_label\n//[e_techn]//\n\n e_descr" <> as e_alias diff --git a/C4_Container.puml b/C4_Container.puml index e049a8c..2bc697c 100644 --- a/C4_Container.puml +++ b/C4_Container.puml @@ -22,6 +22,13 @@ skinparam rectangle<> { BorderColor #3C7FC0 } +skinparam database<> { + StereotypeFontColor ELEMENT_FONT_COLOR + FontColor ELEMENT_FONT_COLOR + BackgroundColor CONTAINER_BG_COLOR + BorderColor #3C7FC0 +} + ' Layout ' ################################## @@ -43,6 +50,9 @@ endlegend !define Container(e_alias, e_label, e_techn) rectangle "==e_label\n//[e_techn]//" <> as e_alias !define Container(e_alias, e_label, e_techn, e_descr) rectangle "==e_label\n//[e_techn]//\n\n e_descr" <> as e_alias +!define ContainerDb(e_alias, e_label, e_techn) database "==e_label\n//[e_techn]//" <> as e_alias +!define ContainerDb(e_alias, e_label, e_techn, e_descr) database "==e_label\n//[e_techn]//\n\n e_descr" <> as e_alias + ' Boundaries ' ################################## diff --git a/C4_Context.puml b/C4_Context.puml index 1ee01b5..a28a9cb 100644 --- a/C4_Context.puml +++ b/C4_Context.puml @@ -46,6 +46,20 @@ skinparam rectangle<> { BorderColor #8A8A8A } +skinparam database<> { + StereotypeFontColor ELEMENT_FONT_COLOR + FontColor ELEMENT_FONT_COLOR + BackgroundColor SYSTEM_BG_COLOR + BorderColor #3C7FC0 +} + +skinparam database<> { + StereotypeFontColor ELEMENT_FONT_COLOR + FontColor ELEMENT_FONT_COLOR + BackgroundColor EXTERNAL_SYSTEM_BG_COLOR + BorderColor #8A8A8A +} + ' Layout ' ################################## @@ -75,6 +89,12 @@ endlegend !define System_Ext(e_alias, e_label) rectangle "==e_label" <> as e_alias !define System_Ext(e_alias, e_label, e_descr) rectangle "==e_label\n\n e_descr" <> as e_alias +!define SystemDb(e_alias, e_label) database "==e_label" <> as e_alias +!define SystemDb(e_alias, e_label, e_descr) database "==e_label\n\n e_descr" <> as e_alias + +!define SystemDb_Ext(e_alias, e_label) database "==e_label" <> as e_alias +!define SystemDb_Ext(e_alias, e_label, e_descr) database "==e_label\n\n e_descr" <> as e_alias + ' Boundaries ' ################################## From dab8056bf8cd0f554a6d725779cc18d7feaf346c Mon Sep 17 00:00:00 2001 From: Chris Charabaruk Date: Fri, 9 Nov 2018 21:51:00 -0500 Subject: [PATCH 2/4] Update docs and samples for database shape --- README.md | 6 +++--- samples/C4CoreDiagrams.md | 8 +++++--- samples/C4_Component Diagram Sample - bigbankplc.puml | 2 +- samples/C4_Container Diagram Sample - bigbankplc.puml | 2 +- samples/C4_Container Diagram Sample - message bus.puml | 4 ++-- samples/C4_Container Diagram Sample - techtribesjs.puml | 4 ++-- 6 files changed, 14 insertions(+), 12 deletions(-) diff --git a/README.md b/README.md index eb64de1..8c9264b 100644 --- a/README.md +++ b/README.md @@ -1,6 +1,6 @@ # C4-PlantUML -![Container diagram for Internet Banking System](http://www.plantuml.com/plantuml/png/bLN1Rjj83Bq7o3zmlOTD0IN60dlggOvjD6bZHusSfdiIg15j3pgQ4MP6Tet5_diviYHBSO3kwgIXoCT7yd7qmNcqlYhKvSLlKWjLvLHP1LllI_T-FBQulzb8lwsoof4LHdlI_aQOOlma1ThSB2MLfCRJlwvZXTe_Bnx61JfFbatfbFrHQh8tPPtX3wWqnnQC0NvBi3PAcRtK6r3i1QXp67oMrl6R0SuDoWXKwX10MgBmHehBYuV9tu_FgtJr6AUpnvSb1pIMIP8cd-UhwLtdytA_kaiVvX_dorc8zD8h1cqH8PUuiLWmJGltNBdLvE4MzVV0E3bmbKK8Yyawewz4vRmfo4OmxTv64sZDODPrKHd7Hx3dda9P1wAgRO12c4fxDteNG8_mwIsRShI7A_4dexqcCNe7_rnU03yTwQizPIcM9Nk_K0QJibGyA2-D7h7f4-umWgIqeOB5rscmpKZ97JEfsR4Ql1JG3BgUI31tYREs-dWIU0vJkvB1Hmb_LtGTuuP2-ZPj8gmiVGGJlQaKsc2EhTd9d1pmODzEisQz1Ewef3y49OYgRgQ3dSGG8YrmmP1PisTzdbCgJ2OLDGrPr8UMrFJt2BvXWToB8HaMOo4zvU2gp36PPd3_XPmxOtSa03djfA1pVZbwpD1Hc4Fp6iWaNnvWSFR6ChMmWs1f8vsto9b1QjPcKOytWYqxvu0LAqjOodb-4fMBWh38ELwW3H_8Yvjp6XcAxwHpxfCCeetltnREpB2RFSKD-lQB_eIMC738_MzFuFCV_eeAb2frjO4HvzSBFZSB5bAikFkoHkTTMKXXZJDh3_CVOekQLNQC3CWzq8R52PP1zPhNcLwjSA-_GOVDj0KRkafwRGRCJELFeuwwlOs0Xw8TrZNtEdrvyKIgTpkS5lJPaGlPxrQhE0ckGyVZElt2QI3mshTDcIv9RhQPwLq9HyHsuLkmsZfKG9iKtK6B23ubZylnW40_xVyBJM_P_SJjj013c2V2tC7QcgA-XFQMDvAlA1EW6-JPxVHKR43jjUMLf186Ta3NmLgZzBYyaj-GnZ2mSk7IxHWaYrNS8dK53UBFHDXs9m2CcnPzutzcrw4F7Ci_ify0 "Container diagram for Internet Banking System") +![Container diagram for Internet Banking System](http://www.plantuml.com/plantuml/png/pPLlRzis4CRVwrCStBVsxAHjcXMEKVzfi1RrvatUMg0jYhDqbebGf43ISTobttqKJQjIQ2FTaAAJtzXtl8S_FZoTNsY3ognp7kah9WfKc4DAIrnpCwSRC-Gi4pa90ma9GwgsQgEmUCjIiuBJNgyMp_5cIbfZHZ7xJ73oj9vKb1WK6IVuEmBxn5QJfDaMT2c5sHMSkenUOIetJ6ImHAuf-b9J6IebDrvXBBbKyEZCFIvIAeNHklwNGqJz_aAkHOfgEnZiwPeCnuXxmGPtC9wunqL7KgMaZiLZi-K4AUeLfSSe2r9Q2iSOydZXI_TK665qXCbLfihp-bpl_Cdfir68s7lsU7HsUOp5TWWfWVpJzu4wEoy_8TJviFmSWz9RRIX_Q9QJaxFpqIHaUJn-TZdktMlGzu7wsJtVP52A1XUeVxm_5Sh_mvxmpX8hZaoGUcYS9u_F9vEd_yQY7qfZP056ma8Q8oqHAorYKaGhbXBe2YBYb958GR5iPQBR2sWyzlVSBeBRwBRlXyp0Ps0tD5pAl-fLQjyOzJM-nGPkmQvXNDnVSr1RN-DFkwkjBBKfIxxZZmmpd61SvLA6MNaLIwdWbIWboLWNXRsZ368d7LLT0wsBY_5QMwD8VH0V10mXyJz1Bi6i21Qsj0qRPbR-KCXT3319xBKOtOBQS4TT2JHt2L3UxrW-jg3-3-O4Jdp7D0JUqWA6HS5PWeP9ozhjzZNxJCzFJWVlN-CrjY4kLAay_MlyiTyjSuDkrvrgGfnTMqHt86siGEBS9640HUh25U1YxzLis89c8rku3Iq-OL64V34hltLcc5796VB5YMA5QSDGP6kEwWxYJCbhbf86vFmmpt8jN2CZPsOBHbgZdSyQhXcM9KoLTB1GSgD97M3N1ORSKxbW_03o-54Rtc6EYecZgC1PpWobeDSBRL7byflHTS2Uxq1IkcO9XVG-NvdlHuqxmyH_RvuW_lqDx3DtZX0RgKZ3MfC2HHdJHg7b0oQMKkMkmTgmidKfuDgi856KaZ0CkMwNZKzQ0vUP_K4c-Ic4hUX2luUpL_VryKGcLwIgT_fOgzpZixFMxXRIsVLs0v5QBvaTc0sybvqfCku7XTjklY9Wmi-cAKkKr79fuELDih9LvCTL2yA_HRSNvSZsaUPMTYEnL9ZJdV5Klo7aVDzLYGrK9wrT5A0T7-PhIxMhoTG6er1eT9xukphAwPNtf7ivw7G6-vSUdfVO5tzgqirh-sK-dyLVRwdLhDO5_hVAMilN15hH7gUXxMUSJTkOgwxTyj7zKMz5qeRNyM-_TWEMslOFebUziltE0R4_25CDIoLpDvCtYXdIO6Hp0wy_6OqFkMQLEusEyzen2QjDdJ9JQhQY-Y9R5G05HMlDH7Q89PxEPtMMkf1rhTbNeN4rhQvtxztqJMZU2wkvpddq3m00 "Container diagram for Internet Banking System") C4-PlantUML combines the benefits of [PlantUML](http://en.plantuml.com/) and the [C4 model](https://c4model.com/) for providing a simple way of describing and communicate software architectures - especially during up-front design sessions - with an intuitive language using open source and platform independent tools. @@ -114,13 +114,13 @@ The core diagram samples from [c4model.com](https://c4model.com/#coreDiagrams) a Source: [C4_Container Diagram Sample - techtribesjs.puml](samples/C4_Container%20Diagram%20Sample%20-%20techtribesjs.puml) -![techtribesjs](http://www.plantuml.com/plantuml/png/xLhxSnev4lwTlwAN_92u2h-Js9TrgEM1O-zXxEDnlhqaHOcP1hGPfBcHnfYxtFz-qWZaOUIfAI3hgglQSHLCfEwllswrMe_mYv0aal4iABs61Wzu9DJBgyAdLFh9np5b2ArswwRLwGylRzL7uxPzsuLNbybJKaWzkGWecso8sMyrhZe6iNVzpnOSdvHAuXjb8Od839GGYGFPnqTP2-Y4pP19yDG7HccnUKJ2U-hBAPmS7QNQP-Jn1eKW4-pHVoCSlpjAQqNeIS8c0S9_Ig2Uda95BXSXNd8cZSP9qYEcnETpvHoCII2mzDyqJ2sA-Dn0cB32g_V9axHeABSrRK23kPmkBaOyPZw95jNgYb-6HGxd8yT2XiVRv4bQwppoCSfhroEAu1CnHL_JV0rjik2nt6o80wuOjsk_tGxwmrflsFjhgz-uIhay8jwtIQITNV9ejLhrPYCbCINCdqTKIcGWenZT1D7UTSWCeTpWC-f1Zp01DxrooUGAZ3dNNnTZhlD7c_aOeL-z9n5JyVnmSQWxgj28a4ZqbNW4FXLUB0Jbh08CqHSWEOmG7aX0VIrL-WcP_-IYzNVbQ__sRjYylUyelJ3HvL9onPZgCLQmMVbswx8_x5v_kkf3W6EfLI8wcSgKXWfytMG5nGqdxqfnyGQ7oWCYAe33W8mms4jDXFB7ZylMCgnb816mr2i6r2yw8vy7Xi-czsk-1ULP5mEYNHPJ6cxeg58ThZWTLrQW9slqR4W_bijxi19ETrWz-A39sx1iP4QYDsKxsVl23WylX9h77pA5ilfv2V_rub3tLmyFosinKDp64PzLb1XFZVMIjjjLWVB-VhMyLuXX7NF1N1cBkXQtkfhoRuo2qNO9kdsQuSN-lcPO3ENoB12ou6le7LGpSCIZROAfl2x2sZwepyVKsjWok0gp27Bt86U9DxS9hYwiJeIRkuSs7vlFMJxH7DF542x3GZSouHji4xx1dUFWOFVWvI67-HJpw1S3EDm66uMjlKtOz1BjkDVUFN3vs3YM-KHpJ1T0v31iRnI-xZRXqviRryVkZubV3hWgNlaHpFMZ6CCbMUp9qmuQhZ08SUC3c5AsrI61vNlBMWlxdwVKzv5zRUud7MiwWmATmJCwtGATxZCwxGATzb8dEIvwFCGFK0D1ansYu6Cv9v5wMGY9imCbSXVH6OaMW07gWv_u0Fsf8mYKWT1OMgCNXo6Ff49CATqX3vK1mloihbZkhOC5U9mnzOO-I0womCmrayXy9KjYdoBpb1-j1umM8-ulAdgZFuLanAb7WiGkusp_gILC25KKfA2-8SPZcRppyRfn7nymuA7sH44I5PPj3-zthMxljZEiVrgTt8_EtvwSrMr_wn_zLhTJQmyTmVVd-iyAzdxhzLitgVxZu_VdzQOBv0Z-9NaslIl8EHxhwSDPjUeUtkr9rxslI4GB1UgP4sac8kx9-UZijFx-ClSaZu-A72F1y0Kvsr4e97zUqt-vv4twlmXdcp1vL4yRPvUDe-8ulo1dDzkBuxpxFShzTVzgs6vzQdMQfQck6yAwM0fmWimtTmUbxnzXxL7_xYiX-5xwVf79ZEfI0aoM9YBMkppPLSZJIfb8L1D1CoJhe5Om3zGgAOUCMywbosjecKA_SJrC26zm6s8yNBkfA0BJBpuABteUzGlxmbOIEHQoV8UjHxa1PpiZYibhv5qSA3HdxVMIKTt02pkTNV8MR2VYhWMNxxQHBoQ_Q-GBpMr_RMWfRdXx29-DNlubt_Pxm0PdaYXgaO0vbLFAGBxShj2pndFsWVtCBc-RJTxFIiaBObyJja8aygPKAZAYib9GB0okUZEtfOV2k0f2al5u-yrYGorwjUjEgvlQlRqzFMyst_sWtPkDuuiiqjQTuht5dylpvikpKd8ZR73jEFynYxYj1ROkEQTkfq1jVgyEwNnD5x5DUDY2lZkXJF5toUrUzgr3crT-gxfXyRTUv9NzMSYPVa-NVQjKMF3JwyQRueK3zo0COW7XTik49PkpJFJSigvjf2hxBiNxvkwseyfYgdYVlwlNBuz-KF6stkrMl5yT9KzEnRO-v5RiCtMUQfx_NrNiFoksdSP_UCLU6N8gjiFZvIjs3hbIvgS3fTVExoQUoTTIANM28uopnOp7OXWBZ2fGhgqQOA0QodjBuJTaCebmGYJwLjAsP4Nz6MLKIBF9jE9hhIkLKlR0u1qhMHqE6T4HYeFVHNdF50tzaLevvpWQaZ1KqlSuWbeO1jHBeCkgwLVoG2hG2oDTqs_-tgX0dyzKDvmTFEh-MX3mkG1DJUWY_41nRkzPZULAajh8P0NmGNsfXj_vI8-xz0uWkQZMfJlWUlEk2LV0fnCgbrUurtqGw4ckdSmmZp0O-YF5OlMh1QNI99ACY41DxcRH-riRtXsyCrnx2WI5moxvXXdEHig7ALM1KAQ_YIpR4V4dMlmJbLVn228C-T87bzYO1cYcl39xIOFLSKwpkAprJqzIT0JgfGWey_4HXOl5kFXNeCGxN3kZtGEjQHnKDO4twt1oS99sqGIrs-iTrgHw6IFw0jwC0Zu1HLgAlIImSeuedp4OXpwHIQODpDig3-1CImaUeCwIiXLG8OruudB5W6QYfAsjSW0u0mB2cw8V1-Yhg0ggEEZ597KebtCg3OM-ULCIgMwL7DDOZxknijwftHIghww_jNSbbHtEz7nA-e50eNsvwlVlUafUIwVdQB6uCqyBL18TsvrAOkAReKi2De-e3gtaMbKD_U6lpNgZaWmWd9uUlTUsqpZfd4jXPSLCEgKbqeaqfn7gqPJSuqegETAUd1qTdorf3mSsFOg8AobIm3u5b-5_RvrtvAm3UU7Qm9qdrAUC-uJI9ZHGDkRHp1HQEsUCrMmIM2YRdHff7M74OmbXF58L5ZpkevaVLFA8OW6gIMi3QYTJhBVmUg8dvEnaNuVIlfh_M3GZbWwrwle5cH_FWly1 "techtribesjs") +![techtribesjs](http://www.plantuml.com/plantuml/png/pLLjZzCu4FxUNp7Q-t8dTRSlPRTxQAdeYmg7ZXEtBSS7G2iddYO6nyxP3jroyD_FiRCbRXeT813dIebgpppppEEPoKDjY395nk74O9mQnIBKR_H9Hxzb8YUAP41nGmfkrdXhffmb8aDX8BOFL3MhhIBv2qPD2iD-lxQVaTkdg3L9SCNU8mpEwuSAOqD4mX7-wO1TAuk9qknoN4fXlCFGdUYKKBbb8e4DuHex7sieKwNajaAOIouL_7JXbjifaPgxTVoFnnXTNKMo49IetMHonoxaqCQutmXmGEEUMsvt9XL5rRQ_CZkEG8bEaRQnp55fAJp71fyAUEbMI2FOdP7uRQBAVAkp_kMzuNZMfDWVZsONopOkja9G2S9llW-fYyloroHrEIr_RQJqJXlClZMNmU3YShPeSXdDnyjv_py5-ZwaVdNhimIYn928w1-kJq3b_o9FS6Un1ITCeFhMTEwDBXUByo-Hw8UoCJ878o6InaZBY9KICIawAQC8Ua-Ymp51GK6n93MT3myWMFR_sXh1Xyw7gsh8JAeJy4F37_bMtn_T5KPWuqjiuWnymVXzVyqDty36P-jzzvBQ8ylSy-_iAm1E7ZoO2YbscImqFDUeJk3Og2CQo9tPJM7D3Y2IH6523D8zHk2wFpxcIpCcc3QAb8eVzmzCZc1y-hgVlT7mSkN4U7q2mNVE0iK3NrRk4I2ym0YcUSvPx6Ay4htUbMRlyVvWE7dvXBmZNLZbYea4dlurxy9QPjOGncUthwzwfTsartjblM3AkTngA2dgigBUCTn2ZZBds0LFiUik1ONf0hwpBxlnHaRsYIO-WusI6PWKWSkOS2Wpwm9b2JFs7n4KVbk3jiobLIdi6A9XYz4DoNENNjLMBhjhv2uj2x6ejiCCd-vMV_uEvsVdZOHMDXBgHWhk3Hbc4IgTijpk4FvM7wOK4PgKve-OULn4e32NLQ97s2laDpHgtisIsRU_qv3rSheU3O_prKXKd08J56zH7mcsiQ2-QHfg_I6j64ueZtOWbHI9NCnWU3Pi4SlVuVLgrPkMqsI3I3Ny776PW4tVw5_SFPejeZd6J4ZzDs-gy3ot754rAnF6C9T2Iuvb1HymybuQSYLTnjqgRdWbZb1LbI054D1nYhJWIC6gmexHB3mVEpm3ckijC-PWZ7YTlPlnvw6JvzBgap2J5b7eChDowbQFg3pjX2CBJaydTnq2zos6rLIZ3WLzl5u_MttIyAGJpgwl1Ga7sDS3LGxEsRTBvNkDXFh2StUvLQoyTID3F5lNlIUBsRph2X56e_v52tgjFneH0aDVhWsRupspPGhBKZGobhmaeGmCn_t1kCwYAYmuVVxiix9qlVk5gOP1cic-kDClj0opRTNy6-HkGrMTKWLxX6RVnS34HghC5LDjbZWgxGNK2E3RgeuVu4QoC90N4MSnn9AY7nNCICNmIsFvXgo5sa-RGZEHbCFI9R8Vc6q1wlXLQPo-J1cbA5vVdzQd-aCKjCXuvry0 "techtribesjs") ### Message Bus and Microservices Source: [C4_Container Diagram Sample - message bus.puml](samples/C4_Container%20Diagram%20Sample%20-%20message%20bus.puml) -![messagebus](http://www.plantuml.com/plantuml/png/xLfjRziu4lwkNy5rFhG1d4tIbpRNIuprYz9art6obeFUNbiOj4JRH6LI8EcatklzznkADakR5WJPtG07h08a53dpp3D3SlWI_I8L5ce-IuDdgCrJBYGK3agV8FWf8MFA20gxuKtO6mmlR-5N-xPxsqS7b_aJ05Aa5YbbaugOWx1zrJE8qVM_GtJw8WZa5yeoBF0CWH2Ufsf0lgfcIYTiHfX2CVmYmXLx53ZxG1CrHIzEJfpw6VvwGwJ44nBHFmawVNtYQWaIAymcAK7_2H0y4Q0IhXOPkUHC6OqNUOkSueG_WdDeZ5D9Wl-wC4qX-AE1C6551s_o9w_HK7wjQq23-PpEpqTypX8i5et6Yjy6YmBE9vw53HwlyYUlRN6H455KhtkKe0JBAKaqpMUeYnTyhgfrSSg1SRVvn-tzODYCXj5luQ1zvRWyml6NYT3EBdc4OTZgj1s9AMR9ew1A4OQKc1D_W6ZlUdX6KAtDPpH64MOItKIrm8mLDEPS_paVSpr-j9aBGPB61omOnFFT-R5kQA2s85YH1CG5IgYCvr9Ipkg84P98f3WQ4VI0KvfegU0dmfBlBbf_LxuERk-6dTiFFT3BSbsk50V6LFSnm6xATyFBmR1__VvgW58oLbf5qCbKEHeG-9OP5PHKdBmhnSLpCWGFiAmZCapnYAI7paIeNLmiQsjeRGHYYPPwvO2we4VaTc3qqRH-BhO0dlL9YhNBSagpYew2wd35wRI-0dsnHi-6zA9MEqGhORV1wg5tchmDIoKpYiHJjfUzJ-pu-5p2F7wtaIWR7vVmdy-FTNlZ-BYs5WFWDXPyLWSnxlJrahRVL4UrewD6xR0KmphcW_ao5dKjRYsOyi-DWj7s2Vfjck7vqP5cM0xbyomHik1hw3q2Ct34nIx11AyBiVOFwjQOMXix1XSmIo3t3x8NuyukmTM9rOjmP__G5cFpHrP0jDYq3r7EiDIDZV3TxnA--plFmVlzWrU4d1LGB3Rh0vHpkwyKjkukOTDBjETUT__05MEJiIeWMcow0AA4ORTI-FgxX4zlRdmV-pyWViNWaBmA8rZiXuzHJhBSa-yxQ7H5qenKFe21iiqEEIm_HEOD7NsSqYGXx7FdA6zOqxalqRdVejClqUblqUcMw7INElbnCUOPUOUQID9yXoZvM3rY0OM5L6JsCuZS2Jh3Oe58IlJ1Jxv3WwadY2X3KcDfZMYUPLmeG7IKxWZFm01coQQkNEwjqmMAEMDG8WbI7AaICzTC4PQ0B9udbB0O_0WVY5YCUBAewut-5EKzJcESvdOPPqVVQxASK1qW9KqCCJvNUPcFruqdv86aFDEU02I6iEnwUByB-z5jRzXwlpgvdvozUl6sPTl3Vmt2Vg_P7Ng2RyxqZnMC_eW6uOtJVdhwvgpLyO4ymN_aJzMxWeBZiPu-d3KQ_k7TddJz-ufSj5IWjN4YtOY8Vt8-UVkozUQoy2HFlW8vXjFX4tAslL1A_gofVmh9c-7_59pjo2ga-hBzzh9zKXxd9-JiZ_RoEEz_Z_BXUd0rx8RlmrudcEgy8QsBGKecX2NcxY3uTe7M7dWVW13w5dmxtnWPZQK4CgCq5x7U5SckGkugRKIYaGkQBba7jO95e5O9739kUPSkpr1e4dtbV9WJhd0ROZnSkwae0zE5XCXOR4Vzn3wnbKIHXGqJm_2hgi3Popmkj8-yZmEbvgozAE_L2bxOwUoJjs1x4VSj-7ntZNmv-NqZNsPkZsj3Ix7YxI7wQFIAB_bstmEsELCOg0c97gcQKeRKq-qAOskyO1yusDZbxRB9-oSenIb00c4hX4KyfGh8oFfA0LWON2YPsz9ZQLn5Kk7nUFVDOXiMlUPrB-mxkxTNByywdTS_QFTcu_WaYxHrftnlyVVoN7rv1YK_mWRNzlDViuZRN63padVgzX9KzNjrv8vNDubLuM4J-lw4tEJlazihxNiELS_yLhLYyhTU5ANzMSQPBhjftogL9dnttNXUld2GGvIbSucotPO9IxPWcOZyjAvjE9bzd-HzStVRWxJe9E-prwtMvSaFIjxMk_sIzy59_XHaREj3OSP-2-Ufpjd_LSR-EsFRQVoNP-oL8JzZ-poUD6CNamisFXq8dddVJMmPhq6mF7x6SwduZ8WwQjjIhObMrVeVRvlR-VWKH5RIaAZ6NCpohMJj4AQsddFEseQpp9LkPbbAOoCDzR_Y1mpkqKpLKPDDvYaMkhgPflnHMX9IfyWPPdX2TAQa0cM2ZsbAWDs6kPNAK1BnG6FYsevCrSfk7KMPqEc-nRdIbVgYEEEKARtPnd5Cf4JWcwM1gEEgPtbcFXeQZkOIi6xC6shDfORkuz68gflVSpC2CwcNcXmSn2dJbiY3dXa-hY3BPSbngR-gSttgpqSB_TTya28HqrnJAac24gnmRis2eMmkCYx95eDwmL6EiQP-Tmsr3uv_xeK3NRmJ_84cO8oB2MPKvh4vUeGgbCEO3uzYca8HR1LtLp9oUwe3V4TOvjPk1OvJ_KbIhDyYnGMHPLtYXGxWtQYv-3UBwFUk0urNWVkJ9EY120dG-O18KzjPtmEA4pJbSPMuWXKdglfD6m-Xz-shvU9uX_28pzLob20rnGfDyGE1Nrb664d07YngVP8wCzhClNjWep6l1eExIDCo_tRA6xTCb_iCd2i8CTB-JpGObWiMrz6li1uThm5tlIcuuX4HbaZh0DSe7yWeul4Nea3RiFALdNbbGIotUKxM0Srnjg0u0ys6r_GYDOceqselNLYVoTkcNoa97yPqVXM87CEpxX3QweenlM7D7NbMmzWoEe7vvvrdROCt2Fu2lEUpz7y0 "messagebus") +![messagebus](http://www.plantuml.com/plantuml/png/pPPjJzj84CVV-rECqhVD9JmKk0gY9W6khKeVS4vzGH5QUmTdnMPtjRiEpHryzzkrZV76Jgz8hSH6YfIPyNz-EpCCVcCiqJPVSEWbB4k8k54yxKNcXWb5D5a0nMkISpl3xtRCMIOMA2oaxWjr8-fM4_MLKJk7xU6mOL-GxsTe3CamPlyWRBrgEZMcbeYC8_mRWJknqqHfLmfFfR3b0zk5nym9bRTCP71DkC7elg4orbhULWfJoQM65tl5AInUgTDQwzzt4HqU9Z8NbEZLQFH05p9i8Xws4gnXx1Qdi4wafgWtsMExuWYKc3dIJPGAjP6YPWnvAk7JueGOWNL2qfjC-_jMlk71xlR-f8qutD-Px9rkOd4JWbeGVlLxeFOE_ASDTJ3sdqrGPcKiBdurozRMti7akCsoCzq_dGx_jq2_1-hFulnKWIYn927cETIdGda-vGbxbZfnmWJgNuspktDmVFpgAILw1ZHFMFNUQQK2Ao6Hraft3URhogI8vemYc9eyufYXeA1PDhVHtH44n_sUkI2uY-uEgyqqgZnGRfhILUw7slKmJK5CEPUZ8g2Sij9UpaRhsI2cB57vRDq7vtBa9NzKZmtqZewckN6NHlrDV1CmXhJwsOF6qYQcjdS_3E_4jTGBugi65t51Szc3uB-J5zcgfg5RPAmKPwaNSIo3mQ5n_NczjJswU4-MnAIQAViInYBBET6NXmFl7Wq69JZdylQHqlXsBeWW6OAT8zEWjBnc77iG3gU38ahzW2b6lMGfjdbUGgmq4nbCfBHhDBCvWf9CM93NGD8KZG5NdneFs6EvsaHrs9KfaxVngW66IMv2idEI9CoUVLa7qaGO9RKjC9BSCE6PS8d2cWw2HQb_vIBRoS_HAxchTnVdF4zMQ-cd6eb50y9VcZE3jDWL1OokrLIkbJJOnLC7RIx9EAVCTXDDNmp--7WoMuFwhEMIKKSbTKO4CqKt-hVE1CHhbMzGAUFCiYweCYe0gXPWE477bJ5a-gH9olrhLxg65LkfqJnvL6WI48HzwaOuMyLVFdHd9rMhd8V24hLnsOjPvlnnUkeM4WfpcJwrapJPs4GF4RAUB55KZaxYPfc093AtrN23dHCBSx94zwKK2gIRM-cbelkehds_xxnAmMlFTlItGHDIlPtDFiUFFBt81_VFt_trTjOVjVwC7sGK9NP3Xy7NDWkJ4BCIwKju7t_wE6WbRENeVpWvdGNOCGfgwch8KFmh9h5CRz3-MBIwKdCl1EhrNVBYSe_PkiIQfQ59fLEsiPmfjhx-ZoVJ9b-JmgcrjyDFihM4oZ5ueaWxUyYquOgzACpMoE_ZmcUgT4nqfhkOCqfHN9xtrtRI6yUUBtZq7m00 "messagebus") ## Background diff --git a/samples/C4CoreDiagrams.md b/samples/C4CoreDiagrams.md index 0883965..249820c 100644 --- a/samples/C4CoreDiagrams.md +++ b/samples/C4CoreDiagrams.md @@ -14,13 +14,14 @@ Source: [C4_Context Diagram Sample - bigbankplc.puml](C4_Context%20Diagram%20Sam Source: [C4_Container Diagram Sample - bigbankplc.puml](C4_Container%20Diagram%20Sample%20-%20bigbankplc.puml) -![Container diagram for Internet Banking System](http://www.plantuml.com/plantuml/png/bLN1Rjj83Bq7o3zmlOTD0IN60dlggOvjD6bZHusSfdiIg15j3pgQ4MP6Tet5_diviYHBSO3kwgIXoCT7yd7qmNcqlYhKvSLlKWjLvLHP1LllI_T-FBQulzb8lwsoof4LHdlI_aQOOlma1ThSB2MLfCRJlwvZXTe_Bnx61JfFbatfbFrHQh8tPPtX3wWqnnQC0NvBi3PAcRtK6r3i1QXp67oMrl6R0SuDoWXKwX10MgBmHehBYuV9tu_FgtJr6AUpnvSb1pIMIP8cd-UhwLtdytA_kaiVvX_dorc8zD8h1cqH8PUuiLWmJGltNBdLvE4MzVV0E3bmbKK8Yyawewz4vRmfo4OmxTv64sZDODPrKHd7Hx3dda9P1wAgRO12c4fxDteNG8_mwIsRShI7A_4dexqcCNe7_rnU03yTwQizPIcM9Nk_K0QJibGyA2-D7h7f4-umWgIqeOB5rscmpKZ97JEfsR4Ql1JG3BgUI31tYREs-dWIU0vJkvB1Hmb_LtGTuuP2-ZPj8gmiVGGJlQaKsc2EhTd9d1pmODzEisQz1Ewef3y49OYgRgQ3dSGG8YrmmP1PisTzdbCgJ2OLDGrPr8UMrFJt2BvXWToB8HaMOo4zvU2gp36PPd3_XPmxOtSa03djfA1pVZbwpD1Hc4Fp6iWaNnvWSFR6ChMmWs1f8vsto9b1QjPcKOytWYqxvu0LAqjOodb-4fMBWh38ELwW3H_8Yvjp6XcAxwHpxfCCeetltnREpB2RFSKD-lQB_eIMC738_MzFuFCV_eeAb2frjO4HvzSBFZSB5bAikFkoHkTTMKXXZJDh3_CVOekQLNQC3CWzq8R52PP1zPhNcLwjSA-_GOVDj0KRkafwRGRCJELFeuwwlOs0Xw8TrZNtEdrvyKIgTpkS5lJPaGlPxrQhE0ckGyVZElt2QI3mshTDcIv9RhQPwLq9HyHsuLkmsZfKG9iKtK6B23ubZylnW40_xVyBJM_P_SJjj013c2V2tC7QcgA-XFQMDvAlA1EW6-JPxVHKR43jjUMLf186Ta3NmLgZzBYyaj-GnZ2mSk7IxHWaYrNS8dK53UBFHDXs9m2CcnPzutzcrw4F7Ci_ify0 "Container diagram for Internet Banking System") +![Container diagram for Internet Banking System](http://www.plantuml.com/plantuml/png/pPLlRzis4CRVwrCStBVsxAHjcXMEKVzfi1RrvatUMg0jYhDqbebGf43ISTobttqKJQjIQ2FTaAAJtzXtl8S_FZoTNsY3ognp7kah9WfKc4DAIrnpCwSRC-Gi4pa90ma9GwgsQgEmUCjIiuBJNgyMp_5cIbfZHZ7xJ73oj9vKb1WK6IVuEmBxn5QJfDaMT2c5sHMSkenUOIetJ6ImHAuf-b9J6IebDrvXBBbKyEZCFIvIAeNHklwNGqJz_aAkHOfgEnZiwPeCnuXxmGPtC9wunqL7KgMaZiLZi-K4AUeLfSSe2r9Q2iSOydZXI_TK665qXCbLfihp-bpl_Cdfir68s7lsU7HsUOp5TWWfWVpJzu4wEoy_8TJviFmSWz9RRIX_Q9QJaxFpqIHaUJn-TZdktMlGzu7wsJtVP52A1XUeVxm_5Sh_mvxmpX8hZaoGUcYS9u_F9vEd_yQY7qfZP056ma8Q8oqHAorYKaGhbXBe2YBYb958GR5iPQBR2sWyzlVSBeBRwBRlXyp0Ps0tD5pAl-fLQjyOzJM-nGPkmQvXNDnVSr1RN-DFkwkjBBKfIxxZZmmpd61SvLA6MNaLIwdWbIWboLWNXRsZ368d7LLT0wsBY_5QMwD8VH0V10mXyJz1Bi6i21Qsj0qRPbR-KCXT3319xBKOtOBQS4TT2JHt2L3UxrW-jg3-3-O4Jdp7D0JUqWA6HS5PWeP9ozhjzZNxJCzFJWVlN-CrjY4kLAay_MlyiTyjSuDkrvrgGfnTMqHt86siGEBS9640HUh25U1YxzLis89c8rku3Iq-OL64V34hltLcc5796VB5YMA5QSDGP6kEwWxYJCbhbf86vFmmpt8jN2CZPsOBHbgZdSyQhXcM9KoLTB1GSgD97M3N1ORSKxbW_03o-54Rtc6EYecZgC1PpWobeDSBRL7byflHTS2Uxq1IkcO9XVG-NvdlHuqxmyH_RvuW_lqDx3DtZX0RgKZ3MfC2HHdJHg7b0oQMKkMkmTgmidKfuDgi856KaZ0CkMwNZKzQ0vUP_K4c-Ic4hUX2luUpL_VryKGcLwIgT_fOgzpZixFMxXRIsVLs0v5QBvaTc0sybvqfCku7XTjklY9Wmi-cAKkKr79fuELDih9LvCTL2yA_HRSNvSZsaUPMTYEnL9ZJdV5Klo7aVDzLYGrK9wrT5A0T7-PhIxMhoTG6er1eT9xukphAwPNtf7ivw7G6-vSUdfVO5tzgqirh-sK-dyLVRwdLhDO5_hVAMilN15hH7gUXxMUSJTkOgwxTyj7zKMz5qeRNyM-_TWEMslOFebUziltE0R4_25CDIoLpDvCtYXdIO6Hp0wy_6OqFkMQLEusEyzen2QjDdJ9JQhQY-Y9R5G05HMlDH7Q89PxEPtMMkf1rhTbNeN4rhQvtxztqJMZU2wkvpddq3m00 "Container diagram for Internet Banking System") ### Component Diagram Source: [C4_Component Diagram Sample - bigbankplc.puml](C4_Component%20Diagram%20Sample%20-%20bigbankplc.puml) -![Component diagram for Internet Banking System - API Application](http://www.plantuml.com/plantuml/png/fLLBJnin4BuZyH-cERGW0Rdqr1CXq0BY4H7eunJDUYSRjtwiR2zfLFM_TyQRnoP55L9pYNSy_kQRRpxldiQ48JNMxE-zqKwPfgGc69YbLCSF_Nx0-KcbqwmfcaX1UPV8fHFbRVz1AmoblzDKa-aFtn-F3BhqT7lJjnWJ1GvDXjxMtic9EbTu1utZivOZa6O4Ks-CdsjNWT6E05q9MziwH5vvuDfWl49Z5WAo8WelbDZVknbyktzwd7ovUhoSt5nykhWxbsZIoV21LJQK6gk0bYa4kEAkWgC4P-X-29lnWZkmS0o3qHKCwjfmhqbx9q13rW2PRJY8DHv1Rym767c45NLJUxpr7Pyngg3hb5j3LpK6W-oCWd_M9KNWbdAhUaMXM5AOibA2WqQdXMYWcfYyfH3XMQESqG7cL40H_9n7Sz8xx7ApGktM5zfaLbBpAreCscsNP-6jJbH2R8h8vNtw3pgshRVyA-bPAzhXLHPS_XmJ5XX9g3oGmHOOLc4OgnbPbDrnye5fYlSWKALZ2ZcR2VBWR5uVmGpZZ5l0Xccuj1m0g42bFAA9Hu1AKOnieeeVAAbCgntpvE9dEh155C6Ov9HTGJjEw52HWVbf5abnO2rGXn1WuPkqKIXNzurBl6B-BcAMiaEaez3aZ3DB38i3h3MNtN5Wxn1-xUy1_zPMFeYwSjc8bMChWq05lbYKdNRxUGWFnDTe7PReGEvTgskKQGe4jo3B5ySVMnaETqjl6kiDbaiODvQDjdWLZxKHDtQQyzk6VHaPnJDAgpMRIwYiXVoRIIJL1FQc2B5SRdRp_EeWdPmHRb-1RMS7iIDxAMlYgdQoHw1cs3xK6EFSXx8pl6qURAGfAYpf7tQ2ZpdZ1LO3Q0y3YzIEmgunjcUnz8qKvokqz417XAT8QvKaOJEfBiFTh0r0lgWFX2MyXJc7Y2KHXjVdPyFkYGvQUuSofBnk-4jm-VWu6alsR-6Q2yWxSsdOLURr-FvkaxhEwdZhvSmsrxu6qBu6xvHSoT-GFm00 "Component diagram for Internet Banking System - API Application") + +![Component diagram for Internet Banking System - API Application](http://www.plantuml.com/plantuml/png/nPRhRzis4C2_wwyuPC0-9RFpzWh7g1ymrcBPWYXx06qndCIpp9KY1PAAwoxvtoU9CcTP5jQcBK9_YCHxy7UFO_JIMDGsJqLWtdEPeSOK62qm5_QEFjYnu8bCILg8ILhIMrehZTaVdDabdFJxM_ifVhWcOp2Xa7yaE3xV5cgABSf44FmJGB52IvgKNMSqLz8wWvDAOfR8r8hB11Oe30MFMrx6MgjLxM6gXDBmtKMrgftIqzvTx_zn7z5m6AbSCjJhqMX3rsJe8kwt3jZ1EAjMjJjHcf7ksW_jMX0mD4jYNPGPQQEaOspnr8xdrV8OxTq9nkyJNSPRo_g3ivFBIHknVtawkPXtiHGTGbgY-ElRG5qCobyRQZ0kVrrGPcqifL-RvVZuOZ2PjLbEfvVpQVz_4_Hje7wirYSbYA752CtpvyUZF7jwEceM5ywHIz9V6-ViT32RdNzcYfwPffsSD5EIf7qAJhzQ-t46vvF9lD_6kInADHjq9kUvQ9QS4HX_M20e8Sb0ysHfWuShQApY_QvGWeVWOLZVjADQ0kxcT29tttdHPZeQEcxEHfM2cngtxtgzPTlGSILtjhwldCW5x4G-guM897EX1PPRGJ3rCiOnAQknK1fUoV8qiZ11MPGfWT2TUWJZcrSmpZB1OxHSoS2t4XnSNOMyUhh1XBQLtifURsZuHtfnV39wypVUeuarpooWP50OvmBrks6lr1ZrUcyBVRZHwfupCe12W5qIy0rHL1CjSXcNpb5mkmQh8CwDLIbf0_SSInkkOKKHH5gj3EaV3g0vV6Z0PDWCu5f5N5JiJUO_CKNDPISa29voImnC7XcoeEmNGASEelx3w9x7j8y-nQ2Ud8fzLZytoMz9e3iHDWeGnajASIUOq2fD1d936ZGbt5XT6GAN2wNJwlaGbjMd361Ue4fRrnTYJQnyHM4E0UEOZ06XakA5RBmFdKKxUSVY58qfxJIS9wixGIsglCR5Xi_f5XzWf7Bha-fWL2vjyMGrIeDLzZrN-n-MIsnacdWxJGzlffjmtXr0upiJ3M36wxjhPpOIMSmLbAPQ2K6wMQZhtwTmIyQ2LzWfq5W8jN85CcNhcD8XbyNZ_bvp4Hr0yrP5Kncs-SPrfY3CqxG8vicWVYoscdl5xH8GJE5QwNLTHguhLb-ZDgeNxKadnRdcjiIiBPgKOQRB94m8EwUsEOow71HYBhCoSPrr2F4ItKk6ngoKPhvvsdcjaTgmNUqDSuoHqQUIZs5HwOEITT5JxxXPzHQUwsfdNlAvxZaw6dbgU56INlrco1oK6ZxtbPOtRgbv-rADHRNybf31zx0g90HMDIDyFPjC_mlDkV47R8xREcZdBhx-kVVJtTrDkEtYCJ0PbgOki2xRr-6llxIClQcF-FFCqoSVd7xHkIz9iZmLmRy0 "Component diagram for Internet Banking System - API Application") ## Supplementary Diagrams @@ -28,4 +29,5 @@ Source: [C4_Component Diagram Sample - bigbankplc.puml](C4_Component%20Diagram%2 Source: [C4_Context Diagram Sample - bigbankplc-landscape.puml](C4_Context%20Diagram%Sample%20-%20bigbankplc-landscape.puml) -![System Landscape diagram for Internet Banking System](http://www.plantuml.com/plantuml/png/jPPTRzis58Rl_IiEijjuTj8koGh7g9sFhS2o5hE3N2H1S28UIuGbKYFfEkxI_pwIfZGgiZ8KQEahyNoSvxnw8-IzDgZCgiXxUib5YGeBOBJ0LMxcz6GcEKz5GS90GiAGYhBM2iiRpam6XyDXT5_WqnLfZIdD-1U2Wr_YeAB4e4XpWdzwOC_Ca29fDYLTIc6s1OS-eZDaSir52WlCDVM-HbqcIibrw70cSwdWfoD__8thrBwD-t_THJGQFSgLOAWsut55rsJe8Xws1hp0UEkFlvrAnKXrtS_C9YTWg3DY3SeIaoMcRSPEdc-OtoL7IKfBqJ4eTBZqnyTttqujUAeST8WDJzuU7a_RBCFZDzEZoouMQqLI0lE77mDrTE9-RQYJYVjrGUcDDbHyRvQ3WwEJwNcRvStPyUNPy7y5-Z5Gl_hpYa0PPmIw7jRBAIN1GF4qCxtdKsWS-potIV3SUnu5Gun31BOls8V2Qwb3rOvnJf1hx1Esk_lxGDokhNCitXQoPxZ92MRRm1yec4xGqZ6EgLDv8HLCUMf54KieywHNomvxfwUVF0lcFkm-5MShRMH1waxS2PX04Xv1Bi1a18ysRH_Mt6HGXb9_1vWaLd2ZVzw3w6yFTTsXEJScWjiBOKYLYckwtuFuA-4R38CP6Wq-k191fW8F0conyrok_vkimKZup6aDN5Wr2ZHS2a0xnRYTk6fki0ye61Iu92XnKr2rL6rDrBx03WrsRTDDvbTT95uyfd0D2UhCTswx7pMWsT7tebyWhrpW9ymp0Yw2EwvuegIM2mCNJqbcgmWehkYUvf8wjxb2Avp2WdQ9FJDIaGRCyyeZYRse5DeXUIt6VYIvKIWq9YxDFf59NaCDD6tGohmm8_MP9sJXSB7mc7L8Xv1s8VyokAYjtPowoyOFeRuzt7rruEDYqPmxOGKNN1iL910CzAeifJBVIl1e-pz8tzz-iIeUw8zVk17UEPhJQqrwBqhxwyDllyzjCfeguoOOKNidmahR7b75gD-FRH6APYIO3gvoTjunegLLA9tefOQ_LwIT4gxsJWm68ys_qBk3m_7jd78gCodeVZHmb-F1OA_tOhN--SURF-s4rxcgLTogDLHjcqYVTl_NirkB1PwEzEYDGV_wKqTUuBpDE6Caxi_xq8HgXUilQgn2dN0T9RmdmTm_n_y2 "System Landscape diagram for Internet Banking System") \ No newline at end of file +![System Landscape diagram for Internet Banking System](http://www.plantuml.com/plantuml/png/jPPTRzis58Rl_IiEijjuTj8koGh7g9sFhS2o5hE3N2H1S28UIuGbKYFfEkxI_pwIfZGgiZ8KQEahyNoSvxnw8-IzDgZCgiXxUib5YGeBOBJ0LMxcz6GcEKz5GS90GiAGYhBM2iiRpam6XyDXT5_WqnLfZIdD-1U2Wr_YeAB4e4XpWdzwOC_Ca29fDYLTIc6s1OS-eZDaSir52WlCDVM-HbqcIibrw70cSwdWfoD__8thrBwD-t_THJGQFSgLOAWsut55rsJe8Xws1hp0UEkFlvrAnKXrtS_C9YTWg3DY3SeIaoMcRSPEdc-OtoL7IKfBqJ4eTBZqnyTttqujUAeST8WDJzuU7a_RBCFZDzEZoouMQqLI0lE77mDrTE9-RQYJYVjrGUcDDbHyRvQ3WwEJwNcRvStPyUNPy7y5-Z5Gl_hpYa0PPmIw7jRBAIN1GF4qCxtdKsWS-potIV3SUnu5Gun31BOls8V2Qwb3rOvnJf1hx1Esk_lxGDokhNCitXQoPxZ92MRRm1yec4xGqZ6EgLDv8HLCUMf54KieywHNomvxfwUVF0lcFkm-5MShRMH1waxS2PX04Xv1Bi1a18ysRH_Mt6HGXb9_1vWaLd2ZVzw3w6yFTTsXEJScWjiBOKYLYckwtuFuA-4R38CP6Wq-k191fW8F0conyrok_vkimKZup6aDN5Wr2ZHS2a0xnRYTk6fki0ye61Iu92XnKr2rL6rDrBx03WrsRTDDvbTT95uyfd0D2UhCTswx7pMWsT7tebyWhrpW9ymp0Yw2EwvuegIM2mCNJqbcgmWehkYUvf8wjxb2Avp2WdQ9FJDIaGRCyyeZYRse5DeXUIt6VYIvKIWq9YxDFf59NaCDD6tGohmm8_MP9sJXSB7mc7L8Xv1s8VyokAYjtPowoyOFeRuzt7rruEDYqPmxOGKNN1iL910CzAeifJBVIl1e-pz8tzz-iIeUw8zVk17UEPhJQqrwBqhxwyDllyzjCfeguoOOKNidmahR7b75gD-FRH6APYIO3gvoTjunegLLA9tefOQ_LwIT4gxsJWm68ys_qBk3m_7jd78gCodeVZHmb-F1OA_tOhN--SURF-s4rxcgLTogDLHjcqYVTl_NirkB1PwEzEYDGV_wKqTUuBpDE6Caxi_xq8HgXUilQgn2dN0T9RmdmTm_n_y2 "System Landscape diagram for Internet Banking System") + diff --git a/samples/C4_Component Diagram Sample - bigbankplc.puml b/samples/C4_Component Diagram Sample - bigbankplc.puml index 942bbb3..491a725 100644 --- a/samples/C4_Component Diagram Sample - bigbankplc.puml +++ b/samples/C4_Component Diagram Sample - bigbankplc.puml @@ -9,7 +9,7 @@ title Component diagram for Internet Banking System - API Application Container(spa, "Single Page Application", "javascript and angular", "Provides all the internet banking functionality to customers via their web browser.") Container(ma, "Mobile App", "Xamarin", "Provides a limited subset ot the internet banking functionality to customers via their mobile mobile device.") -Container(db, "Database", "Relational Database Schema", "Stores user registration information, hashed authentication credentials, access logs, etc.") +ContainerDb(db, "Database", "Relational Database Schema", "Stores user registration information, hashed authentication credentials, access logs, etc.") System_Ext(mbs, "Mainframe Banking System", "Stores all of the core banking information about customers, accounts, transactions, etc.") Container_Boundary(api, "API Application") { diff --git a/samples/C4_Container Diagram Sample - bigbankplc.puml b/samples/C4_Container Diagram Sample - bigbankplc.puml index 8bca5b5..56dccd9 100644 --- a/samples/C4_Container Diagram Sample - bigbankplc.puml +++ b/samples/C4_Container Diagram Sample - bigbankplc.puml @@ -15,7 +15,7 @@ System_Boundary(c1, "Internet Banking") { Container(web_app, "Web Application", "Java, Spring MVC", "Delivers the static content and the Internet banking SPA") Container(spa, "Single-Page App", "JavaScript, Angular", "Provides all the Internet banking functionality to cutomers via their web browser") Container(mobile_app, "Mobile App", "C#, Xamarin", "Provides a limited subset of the Internet banking functionality to customers via their mobile device") - Container(database, "Database", "SQL Database", "Stores user registraion information, hased auth credentials, access logs, etc.") + ContainerDb(database, "Database", "SQL Database", "Stores user registraion information, hased auth credentials, access logs, etc.") Container(backend_api, "API Application", "Java, Docker Container", "Provides Internet banking functionality via API") } diff --git a/samples/C4_Container Diagram Sample - message bus.puml b/samples/C4_Container Diagram Sample - message bus.puml index 198054d..d8485ff 100644 --- a/samples/C4_Container Diagram Sample - message bus.puml +++ b/samples/C4_Container Diagram Sample - message bus.puml @@ -25,9 +25,9 @@ System_Boundary(c1, "Customer Information") { Container(audit_service, "Audit Service", "C#/.NET", "Provides organisation-wide auditing facilities") - Container(customer_db, "Customer Database", "Oracle 12c", "Stores customer information") + ContainerDb(customer_db, "Customer Database", "Oracle 12c", "Stores customer information") - Container(reporting_db, "Reporting Database", "MySQL", "Stores a normalized version of all business data for ad hoc reporting purposes") + ContainerDb(reporting_db, "Reporting Database", "MySQL", "Stores a normalized version of all business data for ad hoc reporting purposes") Container(audit_store, "Audit Store", "Event Store", "Stores information about events that have happened") } diff --git a/samples/C4_Container Diagram Sample - techtribesjs.puml b/samples/C4_Container Diagram Sample - techtribesjs.puml index 466b873..dbd0569 100644 --- a/samples/C4_Container Diagram Sample - techtribesjs.puml +++ b/samples/C4_Container Diagram Sample - techtribesjs.puml @@ -16,11 +16,11 @@ System_Boundary(c1, "techtribes.js"){ Container(web_app, "Web Application", "Java, Spring MVC, Tomcat 7.x", "Allows users to view people, tribes, content, events, jobs, etc. from the local tech, digital and IT sector") - Container(rel_db, "Relational Database", "MySQL 5.5.x", "Stores people, tribes, tribe membership, talks, events, jobs, badges, GitHub repos, etc.") + ContainerDb(rel_db, "Relational Database", "MySQL 5.5.x", "Stores people, tribes, tribe membership, talks, events, jobs, badges, GitHub repos, etc.") Container(filesystem, "File System", "FAT32", "Stores search indexes") - Container(nosql, "NoSQL Data Store", "MongoDB 2.2.x", "Stores from RSS/Atom feeds (blog posts) and tweets") + ContainerDb(nosql, "NoSQL Data Store", "MongoDB 2.2.x", "Stores from RSS/Atom feeds (blog posts) and tweets") Container(updater, "Updater", "Java 7 Console App", "Updates profiles, tweets, GitHub repos and content on a scheduled basis") } From 850a917303730e88a82d2cfb8eab12cefca35b0c Mon Sep 17 00:00:00 2001 From: Chris Charabaruk Date: Thu, 13 Dec 2018 14:42:36 -0500 Subject: [PATCH 3/4] Remove shadow from database elements --- C4.puml | 5 +++++ README.md | 4 ++-- samples/C4CoreDiagrams.md | 4 ++-- 3 files changed, 9 insertions(+), 4 deletions(-) diff --git a/C4.puml b/C4.puml index cd5f6e9..0696467 100644 --- a/C4.puml +++ b/C4.puml @@ -18,6 +18,11 @@ skinparam rectangle { shadowing false } +skinparam database { + StereotypeFontSize 12 + shadowing false +} + skinparam Arrow { Color #666666 FontColor #666666 diff --git a/README.md b/README.md index 8c9264b..d165320 100644 --- a/README.md +++ b/README.md @@ -114,13 +114,13 @@ The core diagram samples from [c4model.com](https://c4model.com/#coreDiagrams) a Source: [C4_Container Diagram Sample - techtribesjs.puml](samples/C4_Container%20Diagram%20Sample%20-%20techtribesjs.puml) -![techtribesjs](http://www.plantuml.com/plantuml/png/pLLjZzCu4FxUNp7Q-t8dTRSlPRTxQAdeYmg7ZXEtBSS7G2iddYO6nyxP3jroyD_FiRCbRXeT813dIebgpppppEEPoKDjY395nk74O9mQnIBKR_H9Hxzb8YUAP41nGmfkrdXhffmb8aDX8BOFL3MhhIBv2qPD2iD-lxQVaTkdg3L9SCNU8mpEwuSAOqD4mX7-wO1TAuk9qknoN4fXlCFGdUYKKBbb8e4DuHex7sieKwNajaAOIouL_7JXbjifaPgxTVoFnnXTNKMo49IetMHonoxaqCQutmXmGEEUMsvt9XL5rRQ_CZkEG8bEaRQnp55fAJp71fyAUEbMI2FOdP7uRQBAVAkp_kMzuNZMfDWVZsONopOkja9G2S9llW-fYyloroHrEIr_RQJqJXlClZMNmU3YShPeSXdDnyjv_py5-ZwaVdNhimIYn928w1-kJq3b_o9FS6Un1ITCeFhMTEwDBXUByo-Hw8UoCJ878o6InaZBY9KICIawAQC8Ua-Ymp51GK6n93MT3myWMFR_sXh1Xyw7gsh8JAeJy4F37_bMtn_T5KPWuqjiuWnymVXzVyqDty36P-jzzvBQ8ylSy-_iAm1E7ZoO2YbscImqFDUeJk3Og2CQo9tPJM7D3Y2IH6523D8zHk2wFpxcIpCcc3QAb8eVzmzCZc1y-hgVlT7mSkN4U7q2mNVE0iK3NrRk4I2ym0YcUSvPx6Ay4htUbMRlyVvWE7dvXBmZNLZbYea4dlurxy9QPjOGncUthwzwfTsartjblM3AkTngA2dgigBUCTn2ZZBds0LFiUik1ONf0hwpBxlnHaRsYIO-WusI6PWKWSkOS2Wpwm9b2JFs7n4KVbk3jiobLIdi6A9XYz4DoNENNjLMBhjhv2uj2x6ejiCCd-vMV_uEvsVdZOHMDXBgHWhk3Hbc4IgTijpk4FvM7wOK4PgKve-OULn4e32NLQ97s2laDpHgtisIsRU_qv3rSheU3O_prKXKd08J56zH7mcsiQ2-QHfg_I6j64ueZtOWbHI9NCnWU3Pi4SlVuVLgrPkMqsI3I3Ny776PW4tVw5_SFPejeZd6J4ZzDs-gy3ot754rAnF6C9T2Iuvb1HymybuQSYLTnjqgRdWbZb1LbI054D1nYhJWIC6gmexHB3mVEpm3ckijC-PWZ7YTlPlnvw6JvzBgap2J5b7eChDowbQFg3pjX2CBJaydTnq2zos6rLIZ3WLzl5u_MttIyAGJpgwl1Ga7sDS3LGxEsRTBvNkDXFh2StUvLQoyTID3F5lNlIUBsRph2X56e_v52tgjFneH0aDVhWsRupspPGhBKZGobhmaeGmCn_t1kCwYAYmuVVxiix9qlVk5gOP1cic-kDClj0opRTNy6-HkGrMTKWLxX6RVnS34HghC5LDjbZWgxGNK2E3RgeuVu4QoC90N4MSnn9AY7nNCICNmIsFvXgo5sa-RGZEHbCFI9R8Vc6q1wlXLQPo-J1cbA5vVdzQd-aCKjCXuvry0 "techtribesjs") +![techtribesjs](http://www.plantuml.com/plantuml/png/pLLjRzis4FxkNt78lco04x-uYRCYDUeNk5sn3btihX_Q8g34iyIM8ZMIgkEk_U-ZICKJBGjRaHOT3KWGUVVSSm_lpe-r8SeK6U_ezqpaH94CA6v8mSqQRysKiqHaA0p4ze6gPhLL97_5g4bXsE_NzZDo-nor9Wcks4U4mNdzK65iY4WumbyTi6jbCL6QNOvBAOnt6BeJdH8gjqmai25SO-TpdI0n92BwVY1JfUIsGfXBBXNySE6MsocHchjr_C_7qhgwYcGXA56xoUIENSYXZN6_4U20nWEttEvCAeggRNzbTXo14fqYRMEPez9IU8uDFXNmqgs0HhWx8_7xH9NvLcVzomV3yQn9iJyUpIwMRLnicQ4IXDzy6r8Nb-MlIUfoMlxQIEcTDfXzRIw3mSNbRD7aCfgFb_F-lmhqRKZzx5QxGCt6-zxwX5J-9_A4TnPRSC84ggzDvy7eSh4u_nA9lYiR8tCm4Y9fZBICM2aHawAJCegWzoGw71CK51HBKjFvz0Y2PR_NrWW-TJvTLKDcKfs07nh-oBVw_kYkC08RNs8JP-0Bnk_xQsxu1ZO-M--xbzGUMUQUVsTV0N3owD5KIB7BPA7XfKPr0iT67T50xink2cjs094a2XDYaEun0jVzyJ5VcZ71j56aLFouVs1o1CDWd1h58jHdxpIyNZantfv0y3zdWUA1Bolt211UOGJJFESiTZ7UY5xlIhEF-70mdBn-HZwGBgnonKG2p_-OTs4jCsi8uxFRjrUzqcxIwxsnNZ3bN6urb1HrML4V66uXHvbpx8Ads7MNWi9q0J_Obzru9oFxH1EVmKR934oAm6LCE9IPTO6oX1dxHGI5NzQWBNDfLGexXcZOOdH3yjobLxMLo-uQkKlBGYogxJ33vxlLxx_2-Tbv8w6LZOIwaO9xGuPPX4gdBBSxXB_NXob5X2Qb-HDcdXOHACnbbUWHzWhv3OsQTxDazktlD6IzdAv7m-DyDH8Lfy04nLlKHu9jBAXlcePQlqahXXFAenr89KKY5pCOdWrRnF9tUBrQzQRbDDaWKWq_HbmcODCt-YTtZsQBQ8un4rB_oPiglCmjHrJDoeGnpANGacDPmGUCl9U6N4cNSRUA6rw98rHL9KW117IS8YquKh2gi6Cq2y_73i-0vdhBZ3aO8rvdxsRyUUZakRJw9CoaHHIwpAoSkjKZAayxuSY2qzF9NOV0GujXDTMeGq6VhjSlLlzeUDAfpQvxW0G3x1v0bODpzkrI-LuZeRxmt5rk5IjltSWGpzPrxzbYDk-wGeJHg7_HWbxhZqQ4mD2NQyFcUCzicSAo58sC9Iz9A0F3SNymhhEe2WjENxxuJrcwtltIL8CWpMHVtUaNMeRPjcj-_znjgAfJgc1FqEox69ZOI9MvOghD4aUbjO2Q0NnRrV13t4WM1l8YuYo6M5Bqeu8PgHX-QIpVaBLG-sbJQ2QISbYwHFO3ior07RygZTFNAQCKnTlhq_fKVuo25Xd_6m00 "techtribesjs") ### Message Bus and Microservices Source: [C4_Container Diagram Sample - message bus.puml](samples/C4_Container%20Diagram%20Sample%20-%20message%20bus.puml) -![messagebus](http://www.plantuml.com/plantuml/png/pPPjJzj84CVV-rECqhVD9JmKk0gY9W6khKeVS4vzGH5QUmTdnMPtjRiEpHryzzkrZV76Jgz8hSH6YfIPyNz-EpCCVcCiqJPVSEWbB4k8k54yxKNcXWb5D5a0nMkISpl3xtRCMIOMA2oaxWjr8-fM4_MLKJk7xU6mOL-GxsTe3CamPlyWRBrgEZMcbeYC8_mRWJknqqHfLmfFfR3b0zk5nym9bRTCP71DkC7elg4orbhULWfJoQM65tl5AInUgTDQwzzt4HqU9Z8NbEZLQFH05p9i8Xws4gnXx1Qdi4wafgWtsMExuWYKc3dIJPGAjP6YPWnvAk7JueGOWNL2qfjC-_jMlk71xlR-f8qutD-Px9rkOd4JWbeGVlLxeFOE_ASDTJ3sdqrGPcKiBdurozRMti7akCsoCzq_dGx_jq2_1-hFulnKWIYn927cETIdGda-vGbxbZfnmWJgNuspktDmVFpgAILw1ZHFMFNUQQK2Ao6Hraft3URhogI8vemYc9eyufYXeA1PDhVHtH44n_sUkI2uY-uEgyqqgZnGRfhILUw7slKmJK5CEPUZ8g2Sij9UpaRhsI2cB57vRDq7vtBa9NzKZmtqZewckN6NHlrDV1CmXhJwsOF6qYQcjdS_3E_4jTGBugi65t51Szc3uB-J5zcgfg5RPAmKPwaNSIo3mQ5n_NczjJswU4-MnAIQAViInYBBET6NXmFl7Wq69JZdylQHqlXsBeWW6OAT8zEWjBnc77iG3gU38ahzW2b6lMGfjdbUGgmq4nbCfBHhDBCvWf9CM93NGD8KZG5NdneFs6EvsaHrs9KfaxVngW66IMv2idEI9CoUVLa7qaGO9RKjC9BSCE6PS8d2cWw2HQb_vIBRoS_HAxchTnVdF4zMQ-cd6eb50y9VcZE3jDWL1OokrLIkbJJOnLC7RIx9EAVCTXDDNmp--7WoMuFwhEMIKKSbTKO4CqKt-hVE1CHhbMzGAUFCiYweCYe0gXPWE477bJ5a-gH9olrhLxg65LkfqJnvL6WI48HzwaOuMyLVFdHd9rMhd8V24hLnsOjPvlnnUkeM4WfpcJwrapJPs4GF4RAUB55KZaxYPfc093AtrN23dHCBSx94zwKK2gIRM-cbelkehds_xxnAmMlFTlItGHDIlPtDFiUFFBt81_VFt_trTjOVjVwC7sGK9NP3Xy7NDWkJ4BCIwKju7t_wE6WbRENeVpWvdGNOCGfgwch8KFmh9h5CRz3-MBIwKdCl1EhrNVBYSe_PkiIQfQ59fLEsiPmfjhx-ZoVJ9b-JmgcrjyDFihM4oZ5ueaWxUyYquOgzACpMoE_ZmcUgT4nqfhkOCqfHN9xtrtRI6yUUBtZq7m00 "messagebus") +![messagebus](http://www.plantuml.com/plantuml/png/pPPjRzis4CVV-rCStBVnx3mqoOh4gEqaQukc3v67laY3W18l4X6P94ZAgRVqku-K55aofMx6MY0qOC2yq_z-l3iVzLeReaosI7lwdd5955a0nJkIfMQEtymaPJ5V83SGsIzKDQy7HUGNHaq2UwDHRNz1lbsYrYJ6WFs5iFkoRbGO6SBZ5E7l7jWLM4qKPYNnGd1JFB2NMtH2g7XWF8OxachiVQy34aD2el-Vo4GfyL0gp4Gg5Bmup5U-uvJytRh-zxPZdPo48kEKgDLu_4JNPEWY7da1DZ0EyfNlJeMYgBhs0xDA4IZH2T8kIebA2rumUZoby4M-AWn_TqgY-rYvyvQsqV71tj7KHnmTxKyFBxfOR9kXuYIz_JLGXyVkuqCTJzod2qgljC75psRPtJqydfxvBFkpeulPw5yJz6kWVizNTuByFzvpo4-9ydpIqwnPPCK9uwX-Dix1_l7PsSjjKlGCQBQuBvpH20b6G2YC4VOOpEML2TvB64NG5NalnHWv1SNYnFGUJw6nxE-vTOB7tkD9EPd6fGMAILEOYlbGcPwwgU5JzEKuToYwhDWlUiDxjk5JfAXujgg3DLdoWh-tlXJxfwUpJDj3e_hAltAOG5J-x4DjQ1DTxRS_36_vdL0Buh86rq5ESzE7nktaH7RBRcWNcKYPiiY9M9RXy4JR-hpQtHjVloDBeYF5fDc12O-pbAYRaw4pZuV30ZnDnSEQKhjoBWWdCO99a2cGIjon5FlGR4uBHQJy0LE0QiaYz7bs893AtR9J8Sm6pJn1a89n0-8EI1IXrc3pK-41MwVB9whSRdKHtCSh6nYccMwINP4mPERoyoQG8bnBeKoE4MQQSSU4I-H6jn0i2lrRw-a7lqAdP8_UdfohB5njX9yf90OrS7Veb6ca-Qp8OLIb9ZCbXSOsdigfEoMJZ3BJJZHxCVpjm_by0-gJ4aj6BPLGCU5CvzKOFDWj84whU8EAMCeCQuCgl1f0vG1iTj1PkTba-gX8bBhNhcW3Ap12eTwwLMZe4LHrwa2uN0MVtxT79sMfh8N24fMsqVDUJjDrzrGb91GI4MrRIHfs5j51D5dFbyXBGpjnBKr0Gf6Pihd19CH0GfPelwH4ZhIxb4xAtY5LxWS3QvKINZcsqpyrwYRLc_dyKx3cwVUSy-3gxHzlveEnzpT-af6Kc8uAWyjjt0n2z8f7E_0k-FXXw0NqOWpUdr_C6zW1SgghR8Yc-1SC0n7Te_cnQ7ca-bneg5TdoVB3hQErYTLJGyDIfoXZqLDiS_oVJMTrlZg5LVEdmtzayuIADjXIn8_UPEeuOh_NY5QFx_oQpvJX66yDTvqmIf7VN0qsPj9hovujqdy0 "messagebus") ## Background diff --git a/samples/C4CoreDiagrams.md b/samples/C4CoreDiagrams.md index 249820c..0551e8c 100644 --- a/samples/C4CoreDiagrams.md +++ b/samples/C4CoreDiagrams.md @@ -14,14 +14,14 @@ Source: [C4_Context Diagram Sample - bigbankplc.puml](C4_Context%20Diagram%20Sam Source: [C4_Container Diagram Sample - bigbankplc.puml](C4_Container%20Diagram%20Sample%20-%20bigbankplc.puml) -![Container diagram for Internet Banking System](http://www.plantuml.com/plantuml/png/pPLlRzis4CRVwrCStBVsxAHjcXMEKVzfi1RrvatUMg0jYhDqbebGf43ISTobttqKJQjIQ2FTaAAJtzXtl8S_FZoTNsY3ognp7kah9WfKc4DAIrnpCwSRC-Gi4pa90ma9GwgsQgEmUCjIiuBJNgyMp_5cIbfZHZ7xJ73oj9vKb1WK6IVuEmBxn5QJfDaMT2c5sHMSkenUOIetJ6ImHAuf-b9J6IebDrvXBBbKyEZCFIvIAeNHklwNGqJz_aAkHOfgEnZiwPeCnuXxmGPtC9wunqL7KgMaZiLZi-K4AUeLfSSe2r9Q2iSOydZXI_TK665qXCbLfihp-bpl_Cdfir68s7lsU7HsUOp5TWWfWVpJzu4wEoy_8TJviFmSWz9RRIX_Q9QJaxFpqIHaUJn-TZdktMlGzu7wsJtVP52A1XUeVxm_5Sh_mvxmpX8hZaoGUcYS9u_F9vEd_yQY7qfZP056ma8Q8oqHAorYKaGhbXBe2YBYb958GR5iPQBR2sWyzlVSBeBRwBRlXyp0Ps0tD5pAl-fLQjyOzJM-nGPkmQvXNDnVSr1RN-DFkwkjBBKfIxxZZmmpd61SvLA6MNaLIwdWbIWboLWNXRsZ368d7LLT0wsBY_5QMwD8VH0V10mXyJz1Bi6i21Qsj0qRPbR-KCXT3319xBKOtOBQS4TT2JHt2L3UxrW-jg3-3-O4Jdp7D0JUqWA6HS5PWeP9ozhjzZNxJCzFJWVlN-CrjY4kLAay_MlyiTyjSuDkrvrgGfnTMqHt86siGEBS9640HUh25U1YxzLis89c8rku3Iq-OL64V34hltLcc5796VB5YMA5QSDGP6kEwWxYJCbhbf86vFmmpt8jN2CZPsOBHbgZdSyQhXcM9KoLTB1GSgD97M3N1ORSKxbW_03o-54Rtc6EYecZgC1PpWobeDSBRL7byflHTS2Uxq1IkcO9XVG-NvdlHuqxmyH_RvuW_lqDx3DtZX0RgKZ3MfC2HHdJHg7b0oQMKkMkmTgmidKfuDgi856KaZ0CkMwNZKzQ0vUP_K4c-Ic4hUX2luUpL_VryKGcLwIgT_fOgzpZixFMxXRIsVLs0v5QBvaTc0sybvqfCku7XTjklY9Wmi-cAKkKr79fuELDih9LvCTL2yA_HRSNvSZsaUPMTYEnL9ZJdV5Klo7aVDzLYGrK9wrT5A0T7-PhIxMhoTG6er1eT9xukphAwPNtf7ivw7G6-vSUdfVO5tzgqirh-sK-dyLVRwdLhDO5_hVAMilN15hH7gUXxMUSJTkOgwxTyj7zKMz5qeRNyM-_TWEMslOFebUziltE0R4_25CDIoLpDvCtYXdIO6Hp0wy_6OqFkMQLEusEyzen2QjDdJ9JQhQY-Y9R5G05HMlDH7Q89PxEPtMMkf1rhTbNeN4rhQvtxztqJMZU2wkvpddq3m00 "Container diagram for Internet Banking System") +![Container diagram for Internet Banking System](http://www.plantuml.com/plantuml/png/pPLjZzCu4CVVzrECojlssbrWsKFTYZwmEX2zwrrw1n8WD4ccgOLZHxQpfHnyztDSDoJhLjp3eYChhTePpzy__psPFj46bIbptj7lcIXGOGufhR7aPaKVp8IpJEGa32Js7wd6ggt2uYLBpGREXyD6FCSF2z8QCuhOHuApXysaeiIWo3Z1dnsmJsGrIPfTGTTIc7t1kSle3QPooqG6Q-IQEf-RW6WmHltVH2PAoQrNc4ak5ToxS8-BL4fXjAd_-TYnHgDObY95jHkF3tHjXbF4ms23MnWFtEEYKwbIKgVYaTbnWXJrXj9Jb0KfBOLZ37cyyBLxQemmEiNaVQQgy_hSyFB1-QDfY3XyT7zwSNsAnROPAO7ytRU1khYi_aAeoqdrTmfAxxIX_AvPpiukBgVpaEN-xD7rRFXLWxuDr8_kEMrG-E9z3_vubE_4dk3E4YkEJ92wQvm7zo_dyuV_qAB_ZyR80eo4M1eZBH6hB69IT3Oi9T0rH8TJHY85nRADwNowWjPZlw_i8lZK-JJoGsRiCx0V6YxbN_KwTMYCvXhVOcEtODymBkwlEQXjhl6dtTVMbjgK9T_pTmmpd61MvrA6MNKLQwdWcQWaoLWNXRsZ328dtQcx1hfNLxDIMwD8lH5l14mWyLz1hi5i269RseCjCnj_AEGk1fWazbgCxa9ZkAEk1Tgx12Ylzonlkz3y1NC2PxvZMW8lAOP9KN2Me67IiWu68yq-qkEpy_7hvtY3FOWALIal_fYz7Gsgt7WmSAUQ4sSt5j4TI1iha3WtIHX0aRfm3HWVl5fEkj1kP0ktfVWT5aN85x7gKt-96LMS8L-KA5QO7an4Ld9Kjn2NIjwmb3GWvyTvrgLmZOoScHqOQOrsFckuOLYLC5NHGQpaLfCwmguB3BaNCcRy2FBiNWzUOOwAYPEem5dE3AMWorXRLBd-s-WwOC_t82dTi8H2Uf-lpVUZnfrXxZ-tJn3z-W8EcLj7Y8nKfA7Kf41HnhHHQFc0YRLKkMkm7cniNGfOcWqaYb8IXY7NlQhnIMlWChDVo2G_XB0rNUZtPFdiQtqybybxKlKxVQfLlkApizRkTeGkHhk1IAsNp0xC5jxJ_W8PzuF2RRVQ433XPzE29KfgkJRmz4EoiLNanrKNmfz5jnVbo0wHzbPs8x5McDEjyTIy8UJyq5M93TGdRLmKO2nBywMbUlLawe5HA3GwJ_nTdUJqoWVIWnpq--F3Im-FA-ohtpNfzhNzj5ejeo-tr6rNwmB_NMMZvHi2tSu1fwNjPvnDsvYhRjpooVrHxqJIW-VHBpyF0fR6zdUYLx-oe_uHiTy8Kmrh9NCtaxUA6T9WP7i3hp-VpewvPfNxhOxpsX49gqtzAbDfTZlDHROg00gAIir4TembMgoMJPQca7MjtLTDumAjWNVlrU95QDuJgrdc_2y0 "Container diagram for Internet Banking System") ### Component Diagram Source: [C4_Component Diagram Sample - bigbankplc.puml](C4_Component%20Diagram%20Sample%20-%20bigbankplc.puml) -![Component diagram for Internet Banking System - API Application](http://www.plantuml.com/plantuml/png/nPRhRzis4C2_wwyuPC0-9RFpzWh7g1ymrcBPWYXx06qndCIpp9KY1PAAwoxvtoU9CcTP5jQcBK9_YCHxy7UFO_JIMDGsJqLWtdEPeSOK62qm5_QEFjYnu8bCILg8ILhIMrehZTaVdDabdFJxM_ifVhWcOp2Xa7yaE3xV5cgABSf44FmJGB52IvgKNMSqLz8wWvDAOfR8r8hB11Oe30MFMrx6MgjLxM6gXDBmtKMrgftIqzvTx_zn7z5m6AbSCjJhqMX3rsJe8kwt3jZ1EAjMjJjHcf7ksW_jMX0mD4jYNPGPQQEaOspnr8xdrV8OxTq9nkyJNSPRo_g3ivFBIHknVtawkPXtiHGTGbgY-ElRG5qCobyRQZ0kVrrGPcqifL-RvVZuOZ2PjLbEfvVpQVz_4_Hje7wirYSbYA752CtpvyUZF7jwEceM5ywHIz9V6-ViT32RdNzcYfwPffsSD5EIf7qAJhzQ-t46vvF9lD_6kInADHjq9kUvQ9QS4HX_M20e8Sb0ysHfWuShQApY_QvGWeVWOLZVjADQ0kxcT29tttdHPZeQEcxEHfM2cngtxtgzPTlGSILtjhwldCW5x4G-guM897EX1PPRGJ3rCiOnAQknK1fUoV8qiZ11MPGfWT2TUWJZcrSmpZB1OxHSoS2t4XnSNOMyUhh1XBQLtifURsZuHtfnV39wypVUeuarpooWP50OvmBrks6lr1ZrUcyBVRZHwfupCe12W5qIy0rHL1CjSXcNpb5mkmQh8CwDLIbf0_SSInkkOKKHH5gj3EaV3g0vV6Z0PDWCu5f5N5JiJUO_CKNDPISa29voImnC7XcoeEmNGASEelx3w9x7j8y-nQ2Ud8fzLZytoMz9e3iHDWeGnajASIUOq2fD1d936ZGbt5XT6GAN2wNJwlaGbjMd361Ue4fRrnTYJQnyHM4E0UEOZ06XakA5RBmFdKKxUSVY58qfxJIS9wixGIsglCR5Xi_f5XzWf7Bha-fWL2vjyMGrIeDLzZrN-n-MIsnacdWxJGzlffjmtXr0upiJ3M36wxjhPpOIMSmLbAPQ2K6wMQZhtwTmIyQ2LzWfq5W8jN85CcNhcD8XbyNZ_bvp4Hr0yrP5Kncs-SPrfY3CqxG8vicWVYoscdl5xH8GJE5QwNLTHguhLb-ZDgeNxKadnRdcjiIiBPgKOQRB94m8EwUsEOow71HYBhCoSPrr2F4ItKk6ngoKPhvvsdcjaTgmNUqDSuoHqQUIZs5HwOEITT5JxxXPzHQUwsfdNlAvxZaw6dbgU56INlrco1oK6ZxtbPOtRgbv-rADHRNybf31zx0g90HMDIDyFPjC_mlDkV47R8xREcZdBhx-kVVJtTrDkEtYCJ0PbgOki2xRr-6llxIClQcF-FFCqoSVd7xHkIz9iZmLmRy0 "Component diagram for Internet Banking System - API Application") +![Component diagram for Internet Banking System - API Application](http://www.plantuml.com/plantuml/png/nPRhRzis4C2_-wyuPC0-9RFpzeh4g1ymrcBPWZZR2hJ5S1BFCbUA54WghhlaVnybognbMLYRj0ZpeHBlSRzxdEgNngAsUIewvWEN6MfCWT4SSs5lwQCT2fx8bAI5cAGblQ6rr9ZznPbTm56ljt6VuiShCWOJcl5F18Udcq9DiKMP289_E-3EpFaaPLSPJPMqtk2eb9W5ChNaCe4v2aETXqr0j1YXUPgJeTPgMNaOAw4q_71MdlAcyBJpDlX_s9NMnKMaSibGhmQ3DLsTeOsurmYmXN5Idl9sf3GZtNO_ioj1mD0iYBLHPgIDafwnmLCvdfOdO3HlHnX_I7IHRoNhzK-EpaTDnDxvyUXisiRYneoqHF7tzu4wwnT_JQZ-iFXhWp8hOodzrYo7XsVzqQJ9SZm-duvx_rkWxmFrStdQ2zHSlEUlJq1vxlAqzInspf5BqjyQv-IuFvcSVcM9dfccMPmqKvAaVGnEhpoxSVgdez6qryGvTwsQz5kByrmq2yu8J0ZM4PIGPA1vih2T-qke7VT-wvJWldD_KNrf1vK4_9VJY_ptBeZMsr7JyNisA1NyrlXxF-iDsvgERxct3NFbHJvXBmfLTIAIpAVMiTmAWd6GCOv9qOsvql1A5j78mWYbQrC2Cn_r08RNhs2OPOB7QBcIdJ1Ai7TvEUFbqpKcjAdqJdQx5uP_eXU7HuEt_-0TcbZpp09A1iuu5wZVNtGBZK6t-yxfmxLMTvoH0HG2x8A0hucYYcYUoxXmZeBR5LW5SMwiIaaRkEDOs70DIueWqcffIF-q1_NbGmCcmte2LohYecIlCx_153MNhP0WUCejCJ1vPCY2ia-0JZr4zG-ZEnxJBleKEzNcbEoJwhbEVaC2VKHOAy0iNb2AMydChD9a83UaGLF2ZTMb8N3f9Y8jd_TXKVwK0SmTghHLVo7Mn8fN56OVC8x9610gSIzaurteBDggExee6bFQ6hX0Las2cfTrZTr5gEa67s2aSXkAwc5KBgrxiXgbmRBwWQlv7vOlR6JgU5j33s_7wtJUEoVXTwQtnenNtwwjtKYasoieJBKIWdIzKLT_Zk66ZFsiiDMWeH1gwHjaYj4nXKCktUFkMVCPxK7zgugcD6po3QjAmInFKvVCeq73McmCzvBR1I0OvrhfLTL6halMqACcQX3jA2V5kUQsmAmiwfIpJ1T5616sRcrz6NMnACHyPMNY9siVuWNwbmoDMIhDml0qwreXDM7RnXkc62EZBoKVmhpK1oMhfgV1SRth3Jm_rTwyuFFJSt0m2DJmeY2z_CEGsIiqGkrBhM3SK0lsXHgBAlaD8OCVOUaa15RLCtmz6Oq_f-RTX03hS1k1wjPlhdxj_d9xUptRTF7GCHaMfZwnDjlNizz_QnW7qv3nrvcdZmwSFYdkIv8iJyL_ "Component diagram for Internet Banking System - API Application") ## Supplementary Diagrams From 3d58d2df3332c9d2d27a238f0de8f71a26e33fc3 Mon Sep 17 00:00:00 2001 From: Chris Charabaruk Date: Thu, 13 Dec 2018 14:42:59 -0500 Subject: [PATCH 4/4] Include DB macros in readme lists --- README.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/README.md b/README.md index d165320..fc817c8 100644 --- a/README.md +++ b/README.md @@ -75,13 +75,13 @@ Rel(web_app, twitter, "Gets tweets from", "HTTPS") * System Context & System Landscape diagrams * Import: `!includeurl https://raw.githubusercontent.com/RicardoNiepel/C4-PlantUML/master/C4_Context.puml` - * Macros: `Person`, `Person_Ext`, `System`, `System_Ext`, `Boundary`, `System_Boundary`, `Enterprise_Boundary` + * Macros: `Person`, `Person_Ext`, `System`, `System_Ext`, `SystemDb`, `SystemDb_Ext`, `Boundary`, `System_Boundary`, `Enterprise_Boundary` * Container diagram * Import: `!includeurl https://raw.githubusercontent.com/RicardoNiepel/C4-PlantUML/master/C4_Container.puml` - * Additional Macros: `Container`, `Container_Boundary` + * Additional Macros: `Container`, `ContainerDb`, `Container_Boundary` * Component diagram * Import: `!includeurl https://raw.githubusercontent.com/RicardoNiepel/C4-PlantUML/master/C4_Component.puml` - * Additional Macros: `Component` + * Additional Macros: `Component`, `ComponentDb` Take a look at each of the [C4 Model Diagram Samples](samples/C4CoreDiagrams.md).