807 lines
28 KiB
XML
807 lines
28 KiB
XML
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" contentScriptType="application/ecmascript" contentStyleType="text/css" height="433.3333px" preserveAspectRatio="none" style="width:394px;height:433px;background:#00000000;" version="1.1" viewBox="0 0 394 433" width="394.7917px" zoomAndPan="magnify"><defs><linearGradient id="gcfntp1nnacb00" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#666666"/><stop offset="100%" stop-color="#555555"/></linearGradient></defs><g><polygon fill="url(#gcfntp1nnacb00)" points="6.25,2.0833,6.25,2.3023,16.6377,1.6517,27.0255,2.2847,37.4132,2.4997,47.8009,1.3402,58.1887,2.0024,68.5764,1.6391,78.9641,1.6839,89.3519,2.0123,99.7396,1.3632,110.1273,2.66,120.515,1.4268,130.9028,1.8773,141.2905,2.5333,151.6782,1.994,162.066,2.1544,172.4537,2.0501,182.8414,2.2693,193.2292,2.3324,203.6169,2.6934,214.0046,2.7823,224.3924,2.7909,234.7801,2.3486,245.1678,2.5662,255.5556,2.8148,265.9433,1.3321,276.331,2.7901,286.7188,1.7745,297.1065,2.6394,307.4942,1.5677,317.8819,2.012,328.2697,2.8558,338.6574,2.0326,349.0451,2.193,359.4329,2.4361,369.8206,2.5169,380.2083,2.0833,380.2078,2.0821,380.8358,2.4195,381.3108,2.3879,382.0139,2.9068,382.6382,3.2355,383.1546,3.3037,383.2972,3.3628,383.5953,3.9744,383.4878,4.418,383.6776,4.9848,383.9316,5.5782,384.375,6.25,384.3546,6.25,384.3068,13.6003,384.6116,20.9505,384.3143,28.3008,384.2559,35.651,384.375,43.0013,384.4482,43.0316,383.917,43.502,383.7203,44.1108,383.8509,44.8553,383.5384,45.4162,383.1546,45.9476,383.2522,46.1832,382.5226,46.0884,382.0185,46.5381,381.4653,46.8692,380.7348,46.7723,380.2083,47.168,380.2083,47.0681,369.8206,47.2992,359.4329,47.8469,349.0451,47.1636,338.6574,47.6498,328.2697,46.5911,317.8819,46.4625,307.4942,47.6926,297.1065,46.4212,286.7188,47.6981,276.331,47.3832,265.9433,46.8889,255.5556,46.7995,245.1678,47.6458,234.7801,46.8562,224.3924,47.7845,214.0046,46.5922,203.6169,47.8111,193.2292,47.6725,182.8414,47.4231,172.4537,47.2172,162.066,47.9249,151.6782,47.8071,141.2905,47.3443,130.9028,47.4473,120.515,47.0323,110.1273,47.9143,99.7396,47.3293,89.3519,47.3477,78.9641,46.5343,68.5764,46.7459,58.1887,47.7208,47.8009,47.6156,37.4132,47.1232,27.0255,46.8324,16.6377,46.9399,6.25,47.168,6.1588,46.9478,5.7159,47.0569,5.1698,46.9171,4.5522,46.6046,3.9853,46.4146,3.3037,45.9476,3.2599,45.9294,3.0876,45.3699,2.6912,44.7176,2.6626,44.2176,2.4066,43.6233,2.0833,43.0013,2.2751,43.0013,2.0036,35.651,2.0367,28.3008,2.2373,20.9505,2.2803,13.6003,2.0833,6.25,1.9189,6.1819,2.2652,5.635,2.6194,5.0913,2.6196,4.4011,3.173,3.9399,3.3037,3.3037,3.338,3.3865,3.8796,3.0273,4.5011,2.8612,5.1683,2.8052,5.6192,2.227,6.25,2.0833" style="stroke:#4D4D4D;stroke-width:1.0416666666666667;"/><text fill="#FFFFFF" font-family="Segoe Print" font-size="20.8333" lengthAdjust="spacing" textLength="355.2083" x="15.625" y="31.838">Usecase Diagram - sketchy theme</text><!--MD5=[111002b242a260edbcaabc3e471064d0]
|
||
|
cluster checkout--><polygon fill="#666666" points="140.625,57.5846,140.625,57.8036,151.2649,57.1531,161.9048,57.786,172.5446,58.001,183.1845,56.8415,193.8244,57.5037,204.4643,57.1404,215.1042,57.1852,225.744,57.5136,236.3839,56.8645,247.0238,58.1613,257.6637,56.9281,268.3036,57.3786,278.9435,58.0346,289.5833,57.5846,289.5719,57.5571,290.1817,57.8506,290.7576,58.0625,291.3748,58.3741,291.9721,58.6377,292.5296,58.805,292.7175,58.8828,292.989,59.4834,293.2357,60.0738,293.3435,60.6066,293.6546,61.2236,293.75,61.7513,294.4815,61.7513,292.9988,72.168,294.4568,82.5846,293.4411,93.0013,294.3061,103.418,293.2344,113.8346,293.6786,124.2513,294.5225,134.668,293.6992,145.0846,293.8597,155.5013,294.1027,165.918,294.1836,176.3346,293.7459,186.7513,294.0492,197.168,293.1537,207.5846,294.0462,218.0013,294.321,228.418,294.2131,238.8346,294.3886,249.2513,293.2468,259.668,293.0706,270.0846,293.1027,280.5013,293.6887,290.918,293.5453,301.3346,294.4598,311.7513,293.568,322.168,293.3927,332.5846,293.9878,343.0013,293.0554,353.418,293.75,363.8346,293.5835,363.7657,293.7141,364.5101,293.4016,365.071,293.2534,365.7,292.6705,366.1489,292.5296,366.7809,292.572,366.8833,292.0188,367.2144,291.2883,367.1175,290.7491,367.4824,290.1893,367.7976,289.5833,368.0013,289.5833,368.6802,278.9435,367.9969,268.3036,368.4831,257.6637,367.4244,247.0238,367.2958,236.3839,368.5259,225.744,367.2545,215.1042,368.5315,204.4643,368.2165,193.8244,367.7222,183.1845,367.6328,172.5446,368.4792,161.9048,367.6895,151.2649,368.6178,140.625,368.0013,140.5516,367.824,140.1178,367.9553,139.5108,367.6685,138.8898,367.3477,138.2743,367.0401,137.6787,366.7809,137.9118,366.8775,137.6315,366.2732,137.2449,365.6249,137.0325,365.0488,136.6606,364.4066,136.4583,363.8346,137.2046,363.8346,136.6197,353.418,136.6381,343.0013,135.8246,332.5846,136.0362,322.168,137.0112,311.7513,136.906,301.3346,136.4136,290.918,136.1227,280.5013,136.2303,270.0846,135.7436,259.668,136.8904,249.2513,137.2287,238.8346,137.0067,228.418,137.1822,218.0013,136.3159,207.5846,136.5492,197.168,136.0546,186.7513,136.7542,176.3346,136.7154,165.918,137.0337,155.5013,136.2191,145.0846,136.3183,134.668,136.9203,124.2513,137.0493,113.8346,135.9244,103.418,136.2564,93.0013,136.6138,82.5846,135.822,72.168,136.4583,61.7513,136.5717,61.7983,136.7852,61.1963,136.9142,60.5594,137.2362,60.0024,137.6684,59.4911,137.6787,58.805,137.6371,58.7047,138.3098,58.662,138.8952,58.4085,139.4619,58.1099,140.0545,57.8739,140.625,57.5846" style="stroke:#333333;stroke-width:2.0833333333333335;"/><text fill="#FFFFFF" font-family="Segoe Print" font-size="12.5" font-weight="bold" lengthAdjust="spacing" textLength="66.6667" x="181.7708" y="76.4791">checkout</text><polygon fill="#474747" points="276.1144,229.4151,274.8747,232.9318,270.1432,235.6076,264.7142,238.2735,260.2324,241.3697,251.7766,243.1351,244.0516,245.0321,234.9848,246.2561,224.9952,246.8425,216.3196,247.4437,204.5526,246.498,197.0438,246.3928,187.3324,244.9053,177.9884,242.8527,171.4411,241.0219,164.8627,238.4571,159.941,235.7324,155.8666,232.6033,153.4933,229.3991,152.1559,225.9564,152.7786,222.6585,155.038,219.4833,159.4668,216.7061,164.2085,213.8101,170.1372,211.1984,179.8965,209.8695,185.8825,207.3902,196.4915,206.6826,204.5854,205.4613,215.9947,205.7756,224.9958,205.7951,233.1231,206.1074,243.4266,207.7932,251.4737,209.4115,258.4916,211.3999,264.6868,213.8363,270.4695,216.8494,273.7139,219.7005,277.4094,223.3475,276.7556,226.1234" style="stroke:#333333;stroke-width:2.0833333333333335;"/><text fill="#FFFFFF" font-family="Segoe Print" font-size="12.5" lengthAdjust="spacing" textLength="60.4167" x="184.9672" y="228.525">checkout</text><polygon fill="#474747" points="273.3996,125.2485,272.2188,128.7651,267.712,131.4409,262.5407,134.1068,258.2717,137.203,250.2174,138.9684,242.8593,140.8654,234.223,142.0894,224.7077,142.6759,216.444,143.277,205.2357,142.3313,198.0835,142.2262,188.8332,140.7387,179.9329,138.686,173.6964,136.8553,167.4304,134.2904,162.7423,131.5658,158.8614,128.4366,156.6008,125.2324,155.3269,121.7897,155.92,118.4918,158.0722,115.3166,162.2907,112.5394,166.8073,109.6434,
|
||
|
entity customer--><polygon fill="#474747" points="59.9419,193.4658,58.7203,195.1349,57.2755,197.5795,55.2092,199.227,53.0378,200.1279,51.3064,200.2061,49.0812,199.0794,46.9816,198.3433,45.3879,196.8488,44.5519,195.1379,44.0562,193.7756,43.5705,191.9962,42.7822,190.4649,43.388,188.9699,43.9187,187.3322,45.9105,186.0369,47.3117,184.3563,49.0461,183.7982,51.108,183.3176,53.7522,183.6032,55.2004,184.2862,56.8842,184.5958,58.9316,186.6933,59.6453,188.9077,59.9554,190.4186,59.6041,192.9084" style="stroke:#333333;stroke-width:1.5625;"/><path d="M51.5625,199.7721 L51.7571,199.7721 L51.1789,205.3971 L51.7415,211.0221 L51.9326,216.6471 L50.9019,222.2721 L51.5625,227.8971 M38.0208,208.1055 L38.0208,208.0335 L43.4375,207.7106 L48.8542,207.7504 L54.2708,208.0424 L59.6875,207.4653 L65.1042,208.1055 M51.5625,227.8971 L51.9499,228.2329 L48.4132,230.6399 L46.0075,234.0272 L43.7397,237.5341 L40.6691,240.3451 L38.0208,243.5221 M51.5625,227.8971 L51.6102,227.9385 L54.2485,231.0028 L57.1041,234.2554 L59.8548,237.4172 L62.8056,240.7523 L65.1042,243.5221 " fill="none" style="stroke:#333333;stroke-width:1.5625;"/><text fill="#FFFFFF" font-family="Segoe Print" font-size="12.5" lengthAdjust="spacing" textLength="61.4583" x="20.8333" y="262.9374">customer</text><!--MD5=[ebeabf449828f4e0b33bbb47961e644b]
|
||
|
entity clerk--><polygon fill="#474747" points="371.921,193.4658,370.6995,195.1349,369.2547,197.5795,367.1883,199.227,365.017,200.1279,363.2856,200.2061,361.0604,199.0794,358.9607,198.3433,357.3671,196.8488,356.5311,195.1379,356.0354,193.7756,355.5497,191.9962,354.7614,190.4649,355.3671,188.9699,355.8979,187.3322,357.8896,186.0369,359.2909,184.3563,361.0253,183.7982,363.0872,183.3176,365.7314,183.6032,367.1796,184.2862,368.8634,184.5958,370.9107,186.6933,371.6244,188.9077,371.9345,190.4186,371.5833,192.9084" style="stroke:#333333;stroke-width:1.5625;"/><path d="M363.5417,199.7721 L363.7363,199.7721 L363.158,205.3971 L363.7206,211.0221 L363.9117,216.6471 L362.8811,222.2721 L363.5417,227.8971 M350,208.1055 L350,208.0335 L355.4167,207.7106 L360.8333,207.7504 L366.25,208.0424 L371.6667,207.4653 L377.0833,208.1055 M363.5417,227.8971 L363.9291,228.2329 L360.3923,230.6399 L357.9866,234.0272 L355.7189,237.5341 L352.6483,240.3451 L350,243.5221 M363.5417,227.8971 L363.5894,227.9385 L366.2276,231.0028 L369.0833,234.2554 L371.834,237.4172 L374.7848,240.7523 L377.0833,243.5221 " fill="none" style="stroke:#333333;stroke-width:1.5625;"/><text fill="#FFFFFF" font-family="Segoe Print" font-size="12.5" lengthAdjust="spacing" textLength="31.25" x="347.9167" y="262.9374">clerk</text><!--MD5=[852381a7bb976b86080137fb6d718ea9]
|
||
|
link customer to checkout--><path d="M87.6354,226.3346 L87.6354,226.6266 L98.5365,225.7592 L109.4375,226.6031 L120.3385,226.8897 L131.2396,225.3438 L142.1406,226.2267 L153.0417,226.3346 " fill="none" style="stroke:#333333;stroke-width:3.125;"/><!--MD5=[3ad5c6d5c608bfd6b87dc9c07c40a15f]
|
||
|
link checkout to payment--><path d="M215.1042,205.2513 L215.3961,205.2513 L214.5287,193.8992 L215.3726,182.5471 L215.6593,171.1951 L214.1133,159.843 L215.1042,148.4909 " fill="none" style="stroke:#333333;stroke-width:3.125;stroke-dasharray:7.0,7.0;"/><polygon fill="#333333" points="215.1042,143.2201,215.1709,143.2497,214.1394,145.0366,213.4988,146.9973,212.731,148.9014,211.5445,150.6194,210.9375,152.5951,210.9184,152.576,211.6661,151.657,212.51,150.8342,213.4208,150.0783,214.1011,149.092,215.1042,148.4284,215.2401,148.5643,215.7828,149.107,216.7223,150.0465,217.7102,151.0344,218.4164,151.7407,219.2708,152.5951,219.2925,152.6047,218.4274,150.7155,217.6608,148.8702,216.8467,147.0038,216.1233,145.1776,215.1042,143.2201" style="stroke:#333333;stroke-width:3.125;"/><text fill="#FFFFFF" font-family="Segoe Print" font-size="12.5" lengthAdjust="spacing" textLength="46.875" x="175.5208" y="179.0833">include</text><!--MD5=[739e7928149c8fe27c2b5850560351c7]
|
||
|
link help to checkout--><path d="M215.1042,309.418 L215.3961,309.418 L214.5287,298.0659 L215.3726,286.7138 L215.6593,275.3617 L214.1133,264.0096 L215.1042,252.6576 " fill="none" style="stroke:#333333;stroke-width:3.125;stroke-dasharray:7.0,7.0;"/><polygon fill="#333333" points="215.1042,247.3867,215.1709,247.4164,214.1394,249.2033,213.4988,251.164,212.731,253.0681,211.5445,254.7861,210.9375,256.7617,210.9184,256.7426,211.6661,255.8237,212.51,255.0009,213.4208,254.245,214.1011,253.2586,215.1042,252.5951,215.2401,252.731,215.7828,253.2736,216.7223,254.2132,217.7102,255.2011,218.4164,255.9073,219.2708,256.7617,219.2925,256.7713,218.4274,254.8822,217.6608,253.0369,216.8467,251.1704,216.1233,249.3443,215.1042,247.3867" style="stroke:#333333;stroke-width:3.125;"/><text fill="#FFFFFF" font-family="Segoe Print" font-size="12.5" lengthAdjust="spacing" textLength="52.0833" x="172.9167" y="283.2499">extends</text><!--MD5=[b4c4ee8f2d94c159d2b9e04bd372cbe0]
|
||
|
link checkout to clerk--><path d="M277.3646,226.3346 L277.3646,226.6266 L288.2292,225.7592 L299.0938,226.6031 L309.9583,226.8897 L320.8229,225.3438 L331.6875,226.2267 L342.5521,226.3346 " fill="none" style="stroke:#333333;stroke-width:3.125;"/><polygon fill="#555555" points="131.25,381.543,131.25,381.7619,141.5799,381.1114,151.9097,381.7443,162.2396,381.9593,172.5694,380.7998,182.8993,381.462,193.2292,381.0987,203.559,381.1435,213.8889,381.472,224.2188,380.8228,234.5486,382.1197,244.8785,380.8864,255.2083,381.543,255.1821,381.4795,256.0023,381.9866,256.6701,382.1256,257.4271,382.4802,258.1504,382.7531,258.8912,383.0685,258.9485,383.0922,259.273,383.8368,259.6893,384.6194,260.0217,385.3673,260.3295,386.105,260.4167,386.7513,260.5051,386.7513,260.5776,391.7448,260.6605,396.7383,260.1663,401.7318,260.6523,406.7253,260.4167,411.7188,260.3216,411.6794,260.2828,412.5263,259.6477,413.1261,259.4794,413.9194,259.4342,414.7636,258.8912,415.4016,258.8847,415.386,258.1686,415.7405,257.463,416.1204,256.7368,416.4504,255.9444,416.6207,255.2083,416.9271,255.2083,417.2263,244.8785,416.3308,234.5486,417.2233,224.2188,417.4981,213.8889,417.3901,203.559,417.5657,193.2292,416.4239,182.8993,416.2477,172.5694,416.2798,162.2396,416.8657,151.9097,416.7224,141.5799,417.6369,131.25,416.9271,131.2268,416.871,130.4678,416.5119,129.8072,416.3901,128.9517,415.7979,128.2347,415.5402,127.5672,415.4016,127.7753,415.4878,127.4018,414.7229,127.1926,414.0261,126.5486,413.1491,126.4492,412.4977,126.0417,411.7188,126.2467,411.7188,125.8776,406.7253,126.0084,401.7318,126.0854,396.7383,126.268,391.7448,126.0417,386.7513,126.0403,386.7507,126.4952,386.0762,126.4742,385.2046,126.7397,384.4516,127.4236,383.8719,127.5672,383.0685,127.4719,382.8385,128.3714,382.9266,129.0677,382.5245,129.7413,382.0672,130.4664,381.7346,131.25,381.543" style="stroke:#4D4D4D;stroke-width:1.0416666666666667;"/><text fill="#FFFFFF" font-family="Segoe Print" font-size="12.5" lengthAdjust="spacing" textLength="111.4583" x="137.5" y="403.5624">This is my legend</text><!--MD5=[8eac3dc81fd376d7d53b7bfa379164e6]
|
||
|
@startuml
|
||
|
|
||
|
!$THEME = "sketchy"
|
||
|
|
||
|
!if %not(%variable_exists("$BGCOLOR"))
|
||
|
!$BGCOLOR = "transparent"
|
||
|
!endif
|
||
|
|
||
|
skinparam backgroundColor $BGCOLOR
|
||
|
skinparam useBetaStyle false
|
||
|
skinparam handwritten true
|
||
|
skinparam shadowing false
|
||
|
|
||
|
!$BLUE = "#007bff"
|
||
|
!$INDIGO = "#6610f2"
|
||
|
!$PURPLE = "#6f42c1"
|
||
|
!$PINK = "#e83e8c"
|
||
|
!$RED = "#dc3545"
|
||
|
!$ORANGE = "#fd7e14"
|
||
|
!$YELLOW = "#ffc107"
|
||
|
!$GREEN = "#28a745"
|
||
|
!$TEAL = "#20c997"
|
||
|
!$CYAN = "#17a2b8"
|
||
|
!$WHITE = "#ffffff"
|
||
|
!$GRAY = "#868e96"
|
||
|
!$GRAYDARK = "#333333"
|
||
|
!$PRIMARY = "#333333"
|
||
|
!$SECONDARY = "#555555"
|
||
|
!$SUCCESS = "#28a745"
|
||
|
!$INFO = "#17a2b8"
|
||
|
!$WARNING = "#ffc107"
|
||
|
!$DANGER = "#dc3545"
|
||
|
!$LIGHT = "#ffffff"
|
||
|
!$DARK = "#555555"
|
||
|
|
||
|
!$FGCOLOR = $WHITE
|
||
|
!$PRIMARY_DARK = "#2e2e2e"
|
||
|
!$PRIMARY_LIGHT = "#474747"
|
||
|
!$PRIMARY_TEXT = $WHITE
|
||
|
!$SECONDARY_DARK = "#4d4d4d"
|
||
|
!$SECONDARY_LIGHT = "#666666"
|
||
|
!$SECONDARY_TEXT = $WHITE
|
||
|
!$INFO_DARK = "#1592a6"
|
||
|
!$INFO_LIGHT = "#2eabbf"
|
||
|
!$INFO_TEXT = $WHITE
|
||
|
!$SUCCESS_DARK = "#24963e"
|
||
|
!$SUCCESS_LIGHT = "#3eb058"
|
||
|
!$SUCCESS_TEXT = $WHITE
|
||
|
!$WARNING_DARK = "#e6ae06"
|
||
|
!$WARNING_LIGHT = "#ffc720"
|
||
|
!$WARNING_TEXT = $WHITE
|
||
|
!$DANGER_DARK = "#c6303e"
|
||
|
!$DANGER_LIGHT = "#e04958"
|
||
|
!$DANGER_TEXT = $WHITE
|
||
|
!$DARK_DARK = "#4d4d4d"
|
||
|
!$DARK_LIGHT = "#666666"
|
||
|
!$LIGHT_DARK = "#e6e6e6"
|
||
|
!$LIGHT_LIGHT = "#ffffff"
|
||
|
|
||
|
!procedure $success($msg)
|
||
|
<font color=$SUCCESS><b>$msg
|
||
|
!endprocedure
|
||
|
|
||
|
!procedure $failure($msg)
|
||
|
<font color=$DANGER><b>$msg
|
||
|
!endprocedure
|
||
|
|
||
|
!procedure $warning($msg)
|
||
|
<font color=$WARNING><b>$msg
|
||
|
!endprocedure
|
||
|
|
||
|
!procedure $primary_scheme()
|
||
|
FontColor $PRIMARY_TEXT
|
||
|
BorderColor $PRIMARY
|
||
|
BackgroundColor $PRIMARY_LIGHT
|
||
|
!endprocedure
|
||
|
|
||
|
skinparam defaultFontName "Segoe Print"
|
||
|
skinparam defaultFontSize 12
|
||
|
skinparam dpi 100
|
||
|
skinparam shadowing false
|
||
|
skinparam roundcorner 8
|
||
|
skinparam ParticipantPadding 40
|
||
|
skinparam BoxPadding 40
|
||
|
skinparam Padding 5
|
||
|
skinparam ArrowColor $DARK
|
||
|
skinparam stereotype {
|
||
|
CBackgroundColor $SECONDARY_LIGHT
|
||
|
CBorderColor $SECONDARY_DARK
|
||
|
ABackgroundColor $SUCCESS_LIGHT
|
||
|
ABorderColor $SUCCESS_DARK
|
||
|
IBackgroundColor $DANGER_LIGHT
|
||
|
IBorderColor $DANGER_DARK
|
||
|
EBackgroundColor $WARNING_LIGHT
|
||
|
EBorderColor $WARNING_DARK
|
||
|
NBackgroundColor $INFO_LIGHT
|
||
|
NBorderColor $INFO_DARK
|
||
|
}
|
||
|
skinparam title {
|
||
|
FontColor $FGCOLOR
|
||
|
BorderColor $SECONDARY_DARK
|
||
|
FontSize 20
|
||
|
BorderRoundCorner 8
|
||
|
BorderThickness 1
|
||
|
BackgroundColor $SECONDARY_LIGHT-$SECONDARY
|
||
|
}
|
||
|
|
||
|
skinparam legend {
|
||
|
BackgroundColor $SECONDARY
|
||
|
BorderColor $SECONDARY_DARK
|
||
|
FontColor $LIGHT
|
||
|
}
|
||
|
|
||
|
!startsub swimlane
|
||
|
skinparam swimlane {
|
||
|
BorderColor $INFO
|
||
|
BorderThickness 2
|
||
|
TitleBackgroundColor $SECONDARY_LIGHT-$SECONDARY
|
||
|
TitleFontColor $FGCOLOR
|
||
|
}
|
||
|
!endsub
|
||
|
|
||
|
!startsub activity
|
||
|
|
||
|
skinparam activity {
|
||
|
$primary_scheme()
|
||
|
BarColor $SUCCESS
|
||
|
StartColor $INFO
|
||
|
EndColor $INFO
|
||
|
DiamondBackgroundColor $SECONDARY_LIGHT
|
||
|
DiamondBorderColor $SECONDARY_DARK
|
||
|
DiamondFontColor $SECONDARY_TEXT
|
||
|
}
|
||
|
!endsub
|
||
|
|
||
|
!startsub participant
|
||
|
|
||
|
skinparam participant {
|
||
|
$primary_scheme()
|
||
|
ParticipantBorderThickness 2
|
||
|
}
|
||
|
!endsub
|
||
|
|
||
|
!startsub actor
|
||
|
|
||
|
skinparam actor {
|
||
|
$primary_scheme()
|
||
|
}
|
||
|
!endsub
|
||
|
|
||
|
!startsub arrow
|
||
|
|
||
|
skinparam arrow {
|
||
|
Thickness 3
|
||
|
Color $PRIMARY
|
||
|
FontColor $FGCOLOR
|
||
|
}
|
||
|
!endsub
|
||
|
|
||
|
!startsub sequence
|
||
|
|
||
|
skinparam sequence {
|
||
|
BorderColor $PRIMARY
|
||
|
TitleFontColor $PRIMARY
|
||
|
BackgroundColor $BGCOLOR
|
||
|
StartColor $PRIMARY
|
||
|
EndColor $PRIMARY
|
||
|
BoxBackgroundColor $BGCOLOR
|
||
|
BoxBorderColor $DARK
|
||
|
BoxFontColor $DARk
|
||
|
LifeLineBorderColor $SECONDARY
|
||
|
LifeLineBorderThickness 2
|
||
|
LifeLineBackgroundColor $SECONDARY_DARK
|
||
|
GroupBorderColor $DARK
|
||
|
GroupFontColor $DARK
|
||
|
GroupHeaderFontColor $INFO
|
||
|
GroupBackgroundColor $SECONDARY
|
||
|
GroupBodyBackgroundColor $BGCOLOR
|
||
|
GroupHeaderBackgroundColor $BGCOLOR
|
||
|
DividerBackgroundColor $DARK
|
||
|
DividerBorderColor $DARK
|
||
|
DividerBorderThickness 2
|
||
|
DividerFontColor $LIGHT
|
||
|
ReferenceBackgroundColor $BGCOLOR
|
||
|
ReferenceBorderColor $DARK
|
||
|
ReferenceFontColor $DARK
|
||
|
ReferenceHeaderFontColor $INFO
|
||
|
ReferenceHeaderBackgroundColor $SECONDARY
|
||
|
}
|
||
|
!endsub
|
||
|
|
||
|
!startsub partition
|
||
|
|
||
|
skinparam partition {
|
||
|
BorderColor $PRIMARY
|
||
|
FontColor $PRIMARY
|
||
|
BackgroundColor $BGCOLOR
|
||
|
}
|
||
|
!endsub
|
||
|
|
||
|
!startsub collections
|
||
|
|
||
|
skinparam collections {
|
||
|
$primary_scheme()
|
||
|
}
|
||
|
!endsub
|
||
|
|
||
|
!startsub control
|
||
|
|
||
|
skinparam control {
|
||
|
$primary_scheme()
|
||
|
}
|
||
|
!endsub
|
||
|
|
||
|
!startsub entity
|
||
|
|
||
|
skinparam entity {
|
||
|
$primary_scheme()
|
||
|
}
|
||
|
!endsub
|
||
|
|
||
|
!startsub boundary
|
||
|
|
||
|
skinparam boundary {
|
||
|
$primary_scheme()
|
||
|
}
|
||
|
!endsub
|
||
|
|
||
|
!startsub agent
|
||
|
|
||
|
skinparam agent {
|
||
|
BackgroundColor $WARNING
|
||
|
BorderColor $WARNING_LIGHT
|
||
|
FontColor $DARK
|
||
|
}
|
||
|
!endsub
|
||
|
|
||
|
!startsub note
|
||
|
|
||
|
skinparam note {
|
||
|
BorderThickness 1
|
||
|
BackgroundColor $INFO
|
||
|
BorderColor $INFO_DARK
|
||
|
FontColor $WHITE
|
||
|
}
|
||
|
!endsub
|
||
|
|
||
|
!startsub artifact
|
||
|
|
||
|
skinparam artifact {
|
||
|
BackgroundColor $DARK
|
||
|
BorderColor $DARK_DARK
|
||
|
FontColor $LIGHT
|
||
|
}
|
||
|
!endsub
|
||
|
|
||
|
!startsub component
|
||
|
|
||
|
skinparam component {
|
||
|
$primary_scheme()
|
||
|
}
|
||
|
!endsub
|
||
|
|
||
|
!startsub interface
|
||
|
|
||
|
skinparam interface {
|
||
|
BackgroundColor $DANGER_DARK
|
||
|
BorderColor $DANGER
|
||
|
FontColor $DARK
|
||
|
}
|
||
|
!endsub
|
||
|
|
||
|
!startsub storage
|
||
|
|
||
|
skinparam storage {
|
||
|
BackgroundColor $WARNING
|
||
|
BorderColor $WARNING_DARK
|
||
|
FontColor $WARNING_TEXT
|
||
|
}
|
||
|
!endsub
|
||
|
|
||
|
!startsub node
|
||
|
|
||
|
skinparam node {
|
||
|
BackgroundColor $SECONDARY
|
||
|
BorderColor $LIGHT
|
||
|
FontColor $LIGHT
|
||
|
}
|
||
|
!endsub
|
||
|
|
||
|
!startsub cloud
|
||
|
|
||
|
skinparam cloud {
|
||
|
BackgroundColor transparent
|
||
|
BorderColor #F2FCFE
|
||
|
FontColor $DARK
|
||
|
}
|
||
|
!endsub
|
||
|
|
||
|
!startsub database
|
||
|
|
||
|
skinparam database {
|
||
|
$primary_scheme()
|
||
|
}
|
||
|
!endsub
|
||
|
|
||
|
!startsub class
|
||
|
|
||
|
skinparam class {
|
||
|
$primary_scheme()
|
||
|
FontColor $FGCOLOR
|
||
|
HeaderBackgroundColor $PRIMARY_LIGHT
|
||
|
StereotypeFontColor $DARK
|
||
|
BorderThickness 1
|
||
|
AttributeFontColor $LIGHT
|
||
|
AttributeFontSize 11
|
||
|
}
|
||
|
!endsub
|
||
|
|
||
|
!startsub object
|
||
|
|
||
|
skinparam object {
|
||
|
$primary_scheme()
|
||
|
StereotypeFontColor $DARK
|
||
|
BorderThickness 1
|
||
|
AttributeFontColor $SECONDARY_TEXT
|
||
|
AttributeFontSize 11
|
||
|
}
|
||
|
!endsub
|
||
|
|
||
|
!startsub usecase
|
||
|
|
||
|
skinparam usecase {
|
||
|
$primary_scheme()
|
||
|
BorderThickness 2
|
||
|
StereotypeFontColor $PRIMARY
|
||
|
}
|
||
|
!endsub
|
||
|
|
||
|
!startsub rectangle
|
||
|
|
||
|
skinparam rectangle {
|
||
|
$primary_scheme()
|
||
|
BackgroundColor $SECONDARY_LIGHT
|
||
|
BorderThickness 2
|
||
|
StereotypeFontColor $PRIMARY
|
||
|
}
|
||
|
!endsub
|
||
|
|
||
|
!startsub package
|
||
|
|
||
|
skinparam package {
|
||
|
BackgroundColor $SECONDARY
|
||
|
BorderColor $PRIMARY
|
||
|
FontColor $PRIMARY
|
||
|
BorderThickness 2
|
||
|
}
|
||
|
!endsub
|
||
|
|
||
|
!startsub folder
|
||
|
|
||
|
skinparam folder {
|
||
|
BackgroundColor $SECONDARY_LIGHT
|
||
|
BorderColor $WARNING
|
||
|
FontColor $WARNING
|
||
|
BorderThickness 2
|
||
|
}
|
||
|
!endsub
|
||
|
|
||
|
!startsub frame
|
||
|
|
||
|
skinparam frame {
|
||
|
BackgroundColor $SECONDARY_LIGHT
|
||
|
BorderColor $INFO
|
||
|
FontColor $INFO
|
||
|
BorderThickness 2
|
||
|
}
|
||
|
!endsub
|
||
|
|
||
|
!startsub state
|
||
|
|
||
|
skinparam state {
|
||
|
$primary_scheme()
|
||
|
StartColor $INFO
|
||
|
EndColor $INFO
|
||
|
AttributeFontColor $SECONDARY_TEXT
|
||
|
AttributeFontSize 11
|
||
|
}
|
||
|
!endsub
|
||
|
|
||
|
!startsub queue
|
||
|
|
||
|
skinparam queue {
|
||
|
$primary_scheme()
|
||
|
}
|
||
|
!endsub
|
||
|
|
||
|
!startsub card
|
||
|
|
||
|
skinparam card {
|
||
|
BackgroundColor $INFO
|
||
|
BorderColor $INFO_DARK
|
||
|
FontColor $INFO_TEXT
|
||
|
}
|
||
|
!endsub
|
||
|
|
||
|
!startsub file
|
||
|
|
||
|
skinparam file {
|
||
|
BackgroundColor $SECONDARY_DARK
|
||
|
BorderColor $LIGHT
|
||
|
FontColor $LIGHT
|
||
|
}
|
||
|
!endsub
|
||
|
|
||
|
!startsub stack
|
||
|
|
||
|
skinparam stack {
|
||
|
$primary_scheme()
|
||
|
}
|
||
|
!endsub
|
||
|
|
||
|
!if %variable_exists("$THEME")
|
||
|
title Usecase Diagram - $THEME theme
|
||
|
!else
|
||
|
title Usecase Diagram
|
||
|
!endif
|
||
|
|
||
|
legend
|
||
|
This is my legend
|
||
|
endlegend
|
||
|
|
||
|
'skinparam BackgroundColor transparent
|
||
|
|
||
|
left to right direction
|
||
|
actor customer
|
||
|
actor clerk
|
||
|
rectangle checkout {
|
||
|
customer - - (checkout)
|
||
|
(checkout) .> (payment) : include
|
||
|
(help) .> (checkout) : extends
|
||
|
(checkout) - - clerk
|
||
|
}
|
||
|
@enduml
|
||
|
|
||
|
@startuml
|
||
|
|
||
|
|
||
|
|
||
|
skinparam backgroundColor transparent
|
||
|
skinparam useBetaStyle false
|
||
|
skinparam handwritten true
|
||
|
skinparam shadowing false
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
skinparam defaultFontName "Segoe Print"
|
||
|
skinparam defaultFontSize 12
|
||
|
skinparam dpi 100
|
||
|
skinparam shadowing false
|
||
|
skinparam roundcorner 8
|
||
|
skinparam ParticipantPadding 40
|
||
|
skinparam BoxPadding 40
|
||
|
skinparam Padding 5
|
||
|
skinparam ArrowColor #555555
|
||
|
skinparam stereotype {
|
||
|
CBackgroundColor #666666
|
||
|
CBorderColor #4d4d4d
|
||
|
ABackgroundColor #3eb058
|
||
|
ABorderColor #24963e
|
||
|
IBackgroundColor #e04958
|
||
|
IBorderColor #c6303e
|
||
|
EBackgroundColor #ffc720
|
||
|
EBorderColor #e6ae06
|
||
|
NBackgroundColor #2eabbf
|
||
|
NBorderColor #1592a6
|
||
|
}
|
||
|
skinparam title {
|
||
|
FontColor #ffffff
|
||
|
BorderColor #4d4d4d
|
||
|
FontSize 20
|
||
|
BorderRoundCorner 8
|
||
|
BorderThickness 1
|
||
|
BackgroundColor #666666-#555555
|
||
|
}
|
||
|
|
||
|
skinparam legend {
|
||
|
BackgroundColor #555555
|
||
|
BorderColor #4d4d4d
|
||
|
FontColor #ffffff
|
||
|
}
|
||
|
|
||
|
skinparam swimlane {
|
||
|
BorderColor #17a2b8
|
||
|
BorderThickness 2
|
||
|
TitleBackgroundColor #666666-#555555
|
||
|
TitleFontColor #ffffff
|
||
|
}
|
||
|
|
||
|
|
||
|
skinparam activity {
|
||
|
FontColor #ffffff
|
||
|
BorderColor #333333
|
||
|
BackgroundColor #474747
|
||
|
BarColor #28a745
|
||
|
StartColor #17a2b8
|
||
|
EndColor #17a2b8
|
||
|
DiamondBackgroundColor #666666
|
||
|
DiamondBorderColor #4d4d4d
|
||
|
DiamondFontColor #ffffff
|
||
|
}
|
||
|
|
||
|
|
||
|
skinparam participant {
|
||
|
FontColor #ffffff
|
||
|
BorderColor #333333
|
||
|
BackgroundColor #474747
|
||
|
ParticipantBorderThickness 2
|
||
|
}
|
||
|
|
||
|
|
||
|
skinparam actor {
|
||
|
FontColor #ffffff
|
||
|
BorderColor #333333
|
||
|
BackgroundColor #474747
|
||
|
}
|
||
|
|
||
|
|
||
|
skinparam arrow {
|
||
|
Thickness 3
|
||
|
Color #333333
|
||
|
FontColor #ffffff
|
||
|
}
|
||
|
|
||
|
|
||
|
skinparam sequence {
|
||
|
BorderColor #333333
|
||
|
TitleFontColor #333333
|
||
|
BackgroundColor transparent
|
||
|
StartColor #333333
|
||
|
EndColor #333333
|
||
|
BoxBackgroundColor transparent
|
||
|
BoxBorderColor #555555
|
||
|
BoxFontColor $DARk
|
||
|
LifeLineBorderColor #555555
|
||
|
LifeLineBorderThickness 2
|
||
|
LifeLineBackgroundColor #4d4d4d
|
||
|
GroupBorderColor #555555
|
||
|
GroupFontColor #555555
|
||
|
GroupHeaderFontColor #17a2b8
|
||
|
GroupBackgroundColor #555555
|
||
|
GroupBodyBackgroundColor transparent
|
||
|
GroupHeaderBackgroundColor transparent
|
||
|
DividerBackgroundColor #555555
|
||
|
DividerBorderColor #555555
|
||
|
DividerBorderThickness 2
|
||
|
DividerFontColor #ffffff
|
||
|
ReferenceBackgroundColor transparent
|
||
|
ReferenceBorderColor #555555
|
||
|
ReferenceFontColor #555555
|
||
|
ReferenceHeaderFontColor #17a2b8
|
||
|
ReferenceHeaderBackgroundColor #555555
|
||
|
}
|
||
|
|
||
|
|
||
|
skinparam partition {
|
||
|
BorderColor #333333
|
||
|
FontColor #333333
|
||
|
BackgroundColor transparent
|
||
|
}
|
||
|
|
||
|
|
||
|
skinparam collections {
|
||
|
FontColor #ffffff
|
||
|
BorderColor #333333
|
||
|
BackgroundColor #474747
|
||
|
}
|
||
|
|
||
|
|
||
|
skinparam control {
|
||
|
FontColor #ffffff
|
||
|
BorderColor #333333
|
||
|
BackgroundColor #474747
|
||
|
}
|
||
|
|
||
|
|
||
|
skinparam entity {
|
||
|
FontColor #ffffff
|
||
|
BorderColor #333333
|
||
|
BackgroundColor #474747
|
||
|
}
|
||
|
|
||
|
|
||
|
skinparam boundary {
|
||
|
FontColor #ffffff
|
||
|
BorderColor #333333
|
||
|
BackgroundColor #474747
|
||
|
}
|
||
|
|
||
|
|
||
|
skinparam agent {
|
||
|
BackgroundColor #ffc107
|
||
|
BorderColor #ffc720
|
||
|
FontColor #555555
|
||
|
}
|
||
|
|
||
|
|
||
|
skinparam note {
|
||
|
BorderThickness 1
|
||
|
BackgroundColor #17a2b8
|
||
|
BorderColor #1592a6
|
||
|
FontColor #ffffff
|
||
|
}
|
||
|
|
||
|
|
||
|
skinparam artifact {
|
||
|
BackgroundColor #555555
|
||
|
BorderColor #4d4d4d
|
||
|
FontColor #ffffff
|
||
|
}
|
||
|
|
||
|
|
||
|
skinparam component {
|
||
|
FontColor #ffffff
|
||
|
BorderColor #333333
|
||
|
BackgroundColor #474747
|
||
|
}
|
||
|
|
||
|
|
||
|
skinparam interface {
|
||
|
BackgroundColor #c6303e
|
||
|
BorderColor #dc3545
|
||
|
FontColor #555555
|
||
|
}
|
||
|
|
||
|
|
||
|
skinparam storage {
|
||
|
BackgroundColor #ffc107
|
||
|
BorderColor #e6ae06
|
||
|
FontColor #ffffff
|
||
|
}
|
||
|
|
||
|
|
||
|
skinparam node {
|
||
|
BackgroundColor #555555
|
||
|
BorderColor #ffffff
|
||
|
FontColor #ffffff
|
||
|
}
|
||
|
|
||
|
|
||
|
skinparam cloud {
|
||
|
BackgroundColor transparent
|
||
|
BorderColor #F2FCFE
|
||
|
FontColor #555555
|
||
|
}
|
||
|
|
||
|
|
||
|
skinparam database {
|
||
|
FontColor #ffffff
|
||
|
BorderColor #333333
|
||
|
BackgroundColor #474747
|
||
|
}
|
||
|
|
||
|
|
||
|
skinparam class {
|
||
|
FontColor #ffffff
|
||
|
BorderColor #333333
|
||
|
BackgroundColor #474747
|
||
|
FontColor #ffffff
|
||
|
HeaderBackgroundColor #474747
|
||
|
StereotypeFontColor #555555
|
||
|
BorderThickness 1
|
||
|
AttributeFontColor #ffffff
|
||
|
AttributeFontSize 11
|
||
|
}
|
||
|
|
||
|
|
||
|
skinparam object {
|
||
|
FontColor #ffffff
|
||
|
BorderColor #333333
|
||
|
BackgroundColor #474747
|
||
|
StereotypeFontColor #555555
|
||
|
BorderThickness 1
|
||
|
AttributeFontColor #ffffff
|
||
|
AttributeFontSize 11
|
||
|
}
|
||
|
|
||
|
|
||
|
skinparam usecase {
|
||
|
FontColor #ffffff
|
||
|
BorderColor #333333
|
||
|
BackgroundColor #474747
|
||
|
BorderThickness 2
|
||
|
StereotypeFontColor #333333
|
||
|
}
|
||
|
|
||
|
|
||
|
skinparam rectangle {
|
||
|
FontColor #ffffff
|
||
|
BorderColor #333333
|
||
|
BackgroundColor #474747
|
||
|
BackgroundColor #666666
|
||
|
BorderThickness 2
|
||
|
StereotypeFontColor #333333
|
||
|
}
|
||
|
|
||
|
|
||
|
skinparam package {
|
||
|
BackgroundColor #555555
|
||
|
BorderColor #333333
|
||
|
FontColor #333333
|
||
|
BorderThickness 2
|
||
|
}
|
||
|
|
||
|
|
||
|
skinparam folder {
|
||
|
BackgroundColor #666666
|
||
|
BorderColor #ffc107
|
||
|
FontColor #ffc107
|
||
|
BorderThickness 2
|
||
|
}
|
||
|
|
||
|
|
||
|
skinparam frame {
|
||
|
BackgroundColor #666666
|
||
|
BorderColor #17a2b8
|
||
|
FontColor #17a2b8
|
||
|
BorderThickness 2
|
||
|
}
|
||
|
|
||
|
|
||
|
skinparam state {
|
||
|
FontColor #ffffff
|
||
|
BorderColor #333333
|
||
|
BackgroundColor #474747
|
||
|
StartColor #17a2b8
|
||
|
EndColor #17a2b8
|
||
|
AttributeFontColor #ffffff
|
||
|
AttributeFontSize 11
|
||
|
}
|
||
|
|
||
|
|
||
|
skinparam queue {
|
||
|
FontColor #ffffff
|
||
|
BorderColor #333333
|
||
|
BackgroundColor #474747
|
||
|
}
|
||
|
|
||
|
|
||
|
skinparam card {
|
||
|
BackgroundColor #17a2b8
|
||
|
BorderColor #1592a6
|
||
|
FontColor #ffffff
|
||
|
}
|
||
|
|
||
|
|
||
|
skinparam file {
|
||
|
BackgroundColor #4d4d4d
|
||
|
BorderColor #ffffff
|
||
|
FontColor #ffffff
|
||
|
}
|
||
|
|
||
|
|
||
|
skinparam stack {
|
||
|
FontColor #ffffff
|
||
|
BorderColor #333333
|
||
|
BackgroundColor #474747
|
||
|
}
|
||
|
|
||
|
title Usecase Diagram - sketchy theme
|
||
|
|
||
|
legend
|
||
|
This is my legend
|
||
|
endlegend
|
||
|
|
||
|
|
||
|
left to right direction
|
||
|
actor customer
|
||
|
actor clerk
|
||
|
rectangle checkout {
|
||
|
customer - - (checkout)
|
||
|
(checkout) .> (payment) : include
|
||
|
(help) .> (checkout) : extends
|
||
|
(checkout) - - clerk
|
||
|
}
|
||
|
@enduml
|
||
|
|
||
|
PlantUML version 1.2021.01(Mon Feb 01 23:55:08 PST 2021)
|
||
|
(GPL source distribution)
|
||
|
Java Runtime: OpenJDK Runtime Environment
|
||
|
JVM: OpenJDK 64-Bit Server VM
|
||
|
Default Encoding: UTF-8
|
||
|
Language: en
|
||
|
Country: US
|
||
|
--></g></svg>
|