803 lines
21 KiB
XML
803 lines
21 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="487.5px" preserveAspectRatio="none" style="width:366px;height:487px;background:#00000000;" version="1.1" viewBox="0 0 366 487" width="366.6667px" zoomAndPan="magnify"><defs><linearGradient id="g3egsegt5bi2a0" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#FFFFFF"/><stop offset="100%" stop-color="#EEEEEE"/></linearGradient><linearGradient id="g3egsegt5bi2a1" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#F08E41"/><stop offset="100%" stop-color="#EC7211"/></linearGradient></defs><g><rect fill="url(#g3egsegt5bi2a0)" height="46.1528" rx="4.1667" ry="4.1667" style="stroke:#EEEEEE;stroke-width:1.0416666666666667;" width="207.2917" x="72.3958" y="2.0833"/><text fill="#EC7211" font-family="Verdana" font-size="20.8333" lengthAdjust="spacing" textLength="180.2083" x="85.9375" y="33.4452">Usecase Diagram</text><!--MD5=[111002b242a260edbcaabc3e471064d0]
|
||
|
|
cluster checkout--><rect height="317.7083" rx="4.1667" ry="4.1667" style="stroke:#4E5D6C;stroke-width:2.0833333333333335;fill:none;" width="154.1667" x="120.8333" y="58.6528"/><text fill="#4E5D6C" font-family="Verdana" font-size="12.5" font-weight="bold" lengthAdjust="spacing" textLength="61.4583" x="167.1875" y="78.5116">checkout</text><ellipse cx="198.0774" cy="231.4481" fill="url(#g3egsegt5bi2a1)" rx="60.5774" ry="21.2328" style="stroke:#EC7211;stroke-width:2.0833333333333335;"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="58.3333" x="168.9108" y="234.336">checkout</text><ellipse cx="197.8617" cy="125.1981" fill="url(#g3egsegt5bi2a1)" rx="59.8409" ry="21.2328" style="stroke:#EC7211;stroke-width:2.0833333333333335;"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="57.2917" x="169.2159" y="128.086">payment</text><ellipse cx="198.0711" cy="337.6981" fill="url(#g3egsegt5bi2a1)" rx="39.2169" ry="21.2328" style="stroke:#EC7211;stroke-width:2.0833333333333335;"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="28.125" x="184.0086" y="340.586">help</text><!--MD5=[92848cbaf65985a669855153c5362c37]
|
||
|
|
entity customer--><ellipse cx="36.4583" cy="196.1528" fill="url(#g3egsegt5bi2a1)" rx="8.3333" ry="8.3333" style="stroke:#EC7211;stroke-width:1.5625;"/><path d="M36.4583,204.4861 L36.4583,232.6111 M22.9167,212.8194 L50,212.8194 M36.4583,232.6111 L22.9167,248.2361 M36.4583,232.6111 L50,248.2361 " fill="none" style="stroke:#EC7211;stroke-width:1.5625;"/><text fill="#4E5D6C" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="60.4167" x="6.25" y="268.6157">customer</text><!--MD5=[ebeabf449828f4e0b33bbb47961e644b]
|
||
|
|
entity clerk--><ellipse cx="344.2708" cy="196.1528" fill="url(#g3egsegt5bi2a1)" rx="8.3333" ry="8.3333" style="stroke:#EC7211;stroke-width:1.5625;"/><path d="M344.2708,204.4861 L344.2708,232.6111 M330.7292,212.8194 L357.8125,212.8194 M344.2708,232.6111 L330.7292,248.2361 M344.2708,232.6111 L357.8125,248.2361 " fill="none" style="stroke:#EC7211;stroke-width:1.5625;"/><text fill="#4E5D6C" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="30.2083" x="329.1667" y="268.6157">clerk</text><!--MD5=[852381a7bb976b86080137fb6d718ea9]
|
||
|
|
link customer to checkout--><path d="M72.0833,231.5694 C91.125,231.5694 115.2917,231.5694 137.2708,231.5694 " fill="none" id="customer-checkout" style="stroke:#EC7211;stroke-width:3.125;"/><!--MD5=[3ad5c6d5c608bfd6b87dc9c07c40a15f]
|
||
|
|
link checkout to payment--><path d="M197.9167,210.0694 C197.9167,193.3611 197.9167,170.1007 197.9167,152.1632 " fill="none" id="checkout-to-payment" style="stroke:#EC7211;stroke-width:3.125;stroke-dasharray:7.0,7.0;"/><polygon fill="#EC7211" points="197.9167,146.7882,193.75,156.1632,197.9167,151.9965,202.0833,156.1632,197.9167,146.7882" style="stroke:#EC7211;stroke-width:3.125;"/><text fill="#4E5D6C" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="45.8333" x="158.3333" y="183.7199">include</text><!--MD5=[739e7928149c8fe27c2b5850560351c7]
|
||
|
|
link help to checkout--><path d="M197.9167,316.3194 C197.9167,299.6111 197.9167,276.3507 197.9167,258.4132 " fill="none" id="help-to-checkout" style="stroke:#EC7211;stroke-width:3.125;stroke-dasharray:7.0,7.0;"/><polygon fill="#EC7211" points="197.9167,253.0382,193.75,262.4132,197.9167,258.2465,202.0833,262.4132,197.9167,253.0382" style="stroke:#EC7211;stroke-width:3.125;"/><text fill="#4E5D6C" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="53.125" x="154.6875" y="289.9699">extends</text><!--MD5=[b4c4ee8f2d94c159d2b9e04bd372cbe0]
|
||
|
|
link checkout to clerk--><path d="M258.4688,231.5694 C281.7604,231.5694 306.8542,231.5694 323.6458,231.5694 " fill="none" id="checkout-clerk" style="stroke:#EC7211;stroke-width:3.125;"/><rect height="81.5999" rx="5.2083" ry="5.2083" style="stroke:#BEBEBE;stroke-width:1.0416666666666667;fill:none;" width="246.875" x="52.6042" y="389.9028"/><text fill="#4E5D6C" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="112.5" x="64.0625" y="412.8866">This is my legend</text><text fill="#4E5D6C" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="223.9583" x="64.0625" y="428.0782">it can have a long list of stuff here</text><text fill="#4E5D6C" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="206.25" x="64.0625" y="443.2699">and it can go on and on and on</text><text fill="#4E5D6C" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="92.7083" x="64.0625" y="458.4615">that's about it</text><!--MD5=[d86d0c29e117bc76723ffc46bba581d2]
|
||
|
|
@startuml
|
||
|
|
!$PUML_THEME = "aws-orange"
|
||
|
|
!if %not(%variable_exists("$BGCOLOR"))
|
||
|
|
!$BGCOLOR = "transparent"
|
||
|
|
!endif
|
||
|
|
!if %not(%variable_exists("$PUML_MODE"))
|
||
|
|
!$PUML_MODE = "light"
|
||
|
|
!endif
|
||
|
|
!if %not(%variable_exists("$PUML_OUTLINE"))
|
||
|
|
!$PUML_OUTLINE = "false"
|
||
|
|
!endif
|
||
|
|
skinparam BackgroundColor $BGCOLOR
|
||
|
|
skinparam useBetaStyle false
|
||
|
|
!$WHITE = "#FFF"
|
||
|
|
!$GRAY_LIGHT = "#222"
|
||
|
|
!$GRAY = "#868e96"
|
||
|
|
!$PRIMARY = "#EC7211"
|
||
|
|
!$WARNING = "#EC7211"
|
||
|
|
!$LIGHT = "#abb6c2"
|
||
|
|
!$DARK = "#4E5D6C"
|
||
|
|
!if ($PUML_MODE == "light")
|
||
|
|
!$SECONDARY = "#eeeeee"
|
||
|
|
!$SECONDARY_DARK = "#bebebe"
|
||
|
|
!$SECONDARY_LIGHT = "#ffffff"
|
||
|
|
!$SUCCESS = "#1D8102"
|
||
|
|
!$SUCCESS_DARK = "#176702"
|
||
|
|
!$SUCCESS_LIGHT = "#4a9a35"
|
||
|
|
!$INFO = "#0073bb"
|
||
|
|
!$INFO_DARK = "#005c96"
|
||
|
|
!$INFO_LIGHT = "#338fc9"
|
||
|
|
!$DANGER = "#d13212"
|
||
|
|
!$DANGER_DARK = "#a7280e"
|
||
|
|
!$DANGER_LIGHT = "#da5b41"
|
||
|
|
!$SECONDARY_TEXT = $DARK
|
||
|
|
!$FGCOLOR = $DARK
|
||
|
|
!$DIAMOND_BD = $SECONDARY_DARK
|
||
|
|
!else
|
||
|
|
!$SECONDARY = "#2a2e33"
|
||
|
|
!$SECONDARY_DARK = "#222529"
|
||
|
|
!$SECONDARY_LIGHT = "#55585c"
|
||
|
|
!$SUCCESS = "#6aaf35"
|
||
|
|
!$SUCCESS_DARK = "#558c2a"
|
||
|
|
!$SUCCESS_LIGHT = "#88bf5d"
|
||
|
|
!$INFO = "#44b9d6"
|
||
|
|
!$INFO_DARK = "#3694ab"
|
||
|
|
!$INFO_LIGHT = "#69c7de"
|
||
|
|
!$DANGER = "#ff5d64"
|
||
|
|
!$DANGER_DARK = "#cc4a50"
|
||
|
|
!$DANGER_LIGHT = "#ff7d83"
|
||
|
|
!$SECONDARY_TEXT = $WHITE
|
||
|
|
!$FGCOLOR = $WHITE
|
||
|
|
!$DIAMOND_BD = $SECONDARY_LIGHT
|
||
|
|
!endif
|
||
|
|
!$PRIMARY_DARK = "#bd5b0e"
|
||
|
|
!$PRIMARY_LIGHT = "#f08e41"
|
||
|
|
|
||
|
|
!$INFO_TEXT = $WHITE
|
||
|
|
!$SUCCESS_TEXT = $WHITE
|
||
|
|
!$WARNING_DARK = "#bd5b0e"
|
||
|
|
!$WARNING_LIGHT = "#f08e41"
|
||
|
|
!$WARNING_TEXT = $WHITE
|
||
|
|
!$DANGER_TEXT = $WHITE
|
||
|
|
!$DARK_DARK = "#717d89"
|
||
|
|
!$DARK_LIGHT = "#3e4a56"
|
||
|
|
!$LIGHT_DARK = "#bcc5ce"
|
||
|
|
!$LIGHT_LIGHT = "#89929b"
|
||
|
|
!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()
|
||
|
|
!if ($PUML_OUTLINE == "true")
|
||
|
|
FontColor $PRIMARY
|
||
|
|
BorderColor $PRIMARY
|
||
|
|
BackgroundColor $BGCOLOR
|
||
|
|
!else
|
||
|
|
FontColor $PRIMARY_TEXT
|
||
|
|
BorderColor $PRIMARY
|
||
|
|
BackgroundColor $PRIMARY_LIGHT-$PRIMARY
|
||
|
|
!endif
|
||
|
|
!endprocedure
|
||
|
|
!procedure $secondary_scheme()
|
||
|
|
!if ($PUML_OUTLINE == "true")
|
||
|
|
FontColor $SECONDARY_DARK
|
||
|
|
BorderColor $SECONDARY_DARK
|
||
|
|
BackgroundColor $BGCOLOR
|
||
|
|
!else
|
||
|
|
FontColor $SECONDARY_TEXT
|
||
|
|
BorderColor $SECONDARY_DARK
|
||
|
|
BackgroundColor $SECONDARY_LIGHT-$SECONDARY
|
||
|
|
!endif
|
||
|
|
!endprocedure
|
||
|
|
!if ($PUML_OUTLINE == "true")
|
||
|
|
!$HEADER_TEXT = $PRIMARY_TEXT
|
||
|
|
!$PRIMARY_TEXT = $PRIMARY_LIGHT
|
||
|
|
!$INFO_TEXT = $INFO_LIGHT
|
||
|
|
!$WARNING_TEXT = $WARNING_LIGHT
|
||
|
|
!$DARK_BG = $BGCOLOR
|
||
|
|
!$INFO_BG = $BGCOLOR
|
||
|
|
!$DANGER_BG = $BGCOLOR
|
||
|
|
!$WARNING_BG = $BGCOLOR
|
||
|
|
!$SECONDARY_BG = $BGCOLOR
|
||
|
|
!else
|
||
|
|
!$DARK_BG = $DARK
|
||
|
|
!$INFO_BG = $INFO
|
||
|
|
!$DANGER_BG = $DANGER
|
||
|
|
!$WARNING_BG = $WARNING
|
||
|
|
!$SECONDARY_BG = $SECONDARY
|
||
|
|
!endif
|
||
|
|
!_POST = "<color #007a3e>POST</color>"
|
||
|
|
!_PUT = "<color #ea7400>PUT</color>"
|
||
|
|
!_DELETE = "<color #cf2a2a>DELETE</color>"
|
||
|
|
!_GET = "<color #009fdb>GET</color>"
|
||
|
|
!_PATCH = "<color #b5bd00>PATCH</color>"
|
||
|
|
!_HEAD = "<color #9012fe>HEAD</color>"
|
||
|
|
skinparam defaultFontName "Verdana"
|
||
|
|
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 {
|
||
|
|
FontSize 20
|
||
|
|
BorderRoundCorner 8
|
||
|
|
BorderThickness 1
|
||
|
|
BackgroundColor $SECONDARY_LIGHT-$SECONDARY
|
||
|
|
FontColor $PRIMARY
|
||
|
|
BorderColor $SECONDARY
|
||
|
|
}
|
||
|
|
|
||
|
|
skinparam legend {
|
||
|
|
$secondary_scheme()
|
||
|
|
BackgroundColor transparent
|
||
|
|
}
|
||
|
|
|
||
|
|
!startsub swimlane
|
||
|
|
skinparam swimlane {
|
||
|
|
BorderColor $INFO
|
||
|
|
BorderThickness 2
|
||
|
|
TitleBackgroundColor $SECONDARY_LIGHT-$SECONDARY
|
||
|
|
TitleFontColor $PRIMARY
|
||
|
|
}
|
||
|
|
!endsub
|
||
|
|
|
||
|
|
|
||
|
|
!startsub activity
|
||
|
|
skinparam activity {
|
||
|
|
$primary_scheme()
|
||
|
|
BarColor $SUCCESS
|
||
|
|
StartColor $INFO
|
||
|
|
EndColor $INFO
|
||
|
|
DiamondBackgroundColor $SECONDARY_BG
|
||
|
|
DiamondBorderColor $DIAMOND_BD
|
||
|
|
DiamondFontColor $SECONDARY_TEXT
|
||
|
|
}
|
||
|
|
!endsub
|
||
|
|
|
||
|
|
!startsub participant
|
||
|
|
skinparam participant {
|
||
|
|
$primary_scheme()
|
||
|
|
ParticipantBorderThickness 2
|
||
|
|
}
|
||
|
|
!endsub
|
||
|
|
|
||
|
|
!startsub actor
|
||
|
|
skinparam actor {
|
||
|
|
$primary_scheme()
|
||
|
|
FontColor $FGCOLOR
|
||
|
|
}
|
||
|
|
!endsub
|
||
|
|
|
||
|
|
!startsub arrow
|
||
|
|
skinparam arrow {
|
||
|
|
Thickness 3
|
||
|
|
Color $PRIMARY
|
||
|
|
FontColor $FGCOLOR
|
||
|
|
}
|
||
|
|
!endsub
|
||
|
|
|
||
|
|
!startsub sequence
|
||
|
|
skinparam sequence {
|
||
|
|
ArrowThickness 3
|
||
|
|
BorderColor $PRIMARY
|
||
|
|
TitleFontColor $PRIMARY
|
||
|
|
BackgroundColor $BGCOLOR
|
||
|
|
StartColor $PRIMARY
|
||
|
|
EndColor $PRIMARY
|
||
|
|
BoxBackgroundColor $BGCOLOR
|
||
|
|
BoxBorderColor $DARK
|
||
|
|
BoxFontColor $DARK
|
||
|
|
LifeLineBorderColor $LIGHT
|
||
|
|
LifeLineBorderThickness 2
|
||
|
|
LifeLineBackgroundColor $LIGHT_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
|
||
|
|
StereotypeFontColor $DARK
|
||
|
|
}
|
||
|
|
!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()
|
||
|
|
FontColor $DARK
|
||
|
|
}
|
||
|
|
!endsub
|
||
|
|
|
||
|
|
!startsub entity
|
||
|
|
skinparam entity {
|
||
|
|
$primary_scheme()
|
||
|
|
FontColor $DARK
|
||
|
|
}
|
||
|
|
!endsub
|
||
|
|
|
||
|
|
!startsub boundary
|
||
|
|
skinparam boundary {
|
||
|
|
$primary_scheme()
|
||
|
|
FontColor $DARK
|
||
|
|
}
|
||
|
|
!endsub
|
||
|
|
|
||
|
|
!startsub agent
|
||
|
|
skinparam agent {
|
||
|
|
BackgroundColor $WARNING
|
||
|
|
BorderColor $WARNING_LIGHT
|
||
|
|
FontColor $DARK
|
||
|
|
}
|
||
|
|
!endsub
|
||
|
|
|
||
|
|
!startsub note
|
||
|
|
skinparam note {
|
||
|
|
BorderThickness 1
|
||
|
|
BackgroundColor $INFO_BG
|
||
|
|
BorderColor $INFO_DARK
|
||
|
|
FontColor $INFO_TEXT
|
||
|
|
}
|
||
|
|
!endsub
|
||
|
|
|
||
|
|
!startsub artifact
|
||
|
|
skinparam artifact {
|
||
|
|
BackgroundColor $DARK_BG
|
||
|
|
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_BG
|
||
|
|
BorderColor $WARNING_DARK
|
||
|
|
FontColor $WARNING_TEXT
|
||
|
|
}
|
||
|
|
!endsub
|
||
|
|
|
||
|
|
!startsub node
|
||
|
|
skinparam node {
|
||
|
|
BackgroundColor $BGCOLOR
|
||
|
|
BorderColor $LIGHT
|
||
|
|
FontColor $LIGHT
|
||
|
|
}
|
||
|
|
!endsub
|
||
|
|
|
||
|
|
!startsub cloud
|
||
|
|
skinparam cloud {
|
||
|
|
BackgroundColor transparent
|
||
|
|
BorderColor $DARK
|
||
|
|
FontColor $FGCOLOR
|
||
|
|
}
|
||
|
|
!endsub
|
||
|
|
|
||
|
|
!startsub database
|
||
|
|
skinparam database {
|
||
|
|
$primary_scheme()
|
||
|
|
FontColor $FGCOLOR
|
||
|
|
}
|
||
|
|
!endsub
|
||
|
|
|
||
|
|
!startsub class
|
||
|
|
skinparam class {
|
||
|
|
$primary_scheme()
|
||
|
|
FontColor $HEADER_TEXT
|
||
|
|
HeaderBackgroundColor $PRIMARY_LIGHT-$PRIMARY
|
||
|
|
StereotypeFontColor $DARK
|
||
|
|
BorderThickness 1
|
||
|
|
AttributeFontColor $PRIMARY_TEXT
|
||
|
|
AttributeFontSize 11
|
||
|
|
}
|
||
|
|
!endsub
|
||
|
|
|
||
|
|
!startsub object
|
||
|
|
skinparam object {
|
||
|
|
$primary_scheme()
|
||
|
|
StereotypeFontColor $DARK
|
||
|
|
BorderThickness 1
|
||
|
|
AttributeFontColor $PRIMARY_TEXT
|
||
|
|
AttributeFontSize 11
|
||
|
|
}
|
||
|
|
!endsub
|
||
|
|
|
||
|
|
!startsub usecase
|
||
|
|
skinparam usecase {
|
||
|
|
$primary_scheme()
|
||
|
|
BorderThickness 2
|
||
|
|
StereotypeFontColor $PRIMARY
|
||
|
|
}
|
||
|
|
!endsub
|
||
|
|
|
||
|
|
!startsub rectangle
|
||
|
|
skinparam rectangle {
|
||
|
|
BackgroundColor $BGCOLOR
|
||
|
|
FontColor $SECONDARY_TEXT
|
||
|
|
BorderColor $SECONDARY_TEXT
|
||
|
|
BorderThickness 2
|
||
|
|
StereotypeFontColor $PRIMARY
|
||
|
|
}
|
||
|
|
!endsub
|
||
|
|
|
||
|
|
!startsub package
|
||
|
|
skinparam package {
|
||
|
|
BackgroundColor $BGCOLOR
|
||
|
|
BorderColor $SECONDARY_TEXT
|
||
|
|
FontColor $SECONDARY_TEXT
|
||
|
|
BorderThickness 2
|
||
|
|
}
|
||
|
|
!endsub
|
||
|
|
|
||
|
|
!startsub folder
|
||
|
|
skinparam folder {
|
||
|
|
BackgroundColor $SECONDARY_BG
|
||
|
|
BorderColor $WARNING
|
||
|
|
FontColor $WARNING
|
||
|
|
BorderThickness 2
|
||
|
|
}
|
||
|
|
!endsub
|
||
|
|
|
||
|
|
!startsub frame
|
||
|
|
skinparam frame {
|
||
|
|
BackgroundColor $SECONDARY_BG
|
||
|
|
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_BG
|
||
|
|
BorderColor $INFO_DARK
|
||
|
|
FontColor $INFO_TEXT
|
||
|
|
}
|
||
|
|
!endsub
|
||
|
|
|
||
|
|
!startsub file
|
||
|
|
skinparam file {
|
||
|
|
BackgroundColor $SECONDARY_BG
|
||
|
|
BorderColor $LIGHT
|
||
|
|
FontColor $FGCOLOR
|
||
|
|
}
|
||
|
|
!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
|
||
|
|
it can have a long list of stuff here
|
||
|
|
and it can go on and on and on
|
||
|
|
that's about it
|
||
|
|
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 defaultFontName "Verdana"
|
||
|
|
skinparam defaultFontSize 12
|
||
|
|
skinparam dpi 100
|
||
|
|
skinparam shadowing false
|
||
|
|
skinparam roundcorner 8
|
||
|
|
skinparam ParticipantPadding 40
|
||
|
|
skinparam BoxPadding 40
|
||
|
|
skinparam Padding 5
|
||
|
|
skinparam ArrowColor #4E5D6C
|
||
|
|
skinparam stereotype {
|
||
|
|
CBackgroundColor #ffffff
|
||
|
|
CBorderColor #bebebe
|
||
|
|
ABackgroundColor #4a9a35
|
||
|
|
ABorderColor #176702
|
||
|
|
IBackgroundColor #da5b41
|
||
|
|
IBorderColor #a7280e
|
||
|
|
EBackgroundColor #f08e41
|
||
|
|
EBorderColor #bd5b0e
|
||
|
|
NBackgroundColor #338fc9
|
||
|
|
NBorderColor #005c96
|
||
|
|
}
|
||
|
|
skinparam title {
|
||
|
|
FontSize 20
|
||
|
|
BorderRoundCorner 8
|
||
|
|
BorderThickness 1
|
||
|
|
BackgroundColor #ffffff-#eeeeee
|
||
|
|
FontColor #EC7211
|
||
|
|
BorderColor #eeeeee
|
||
|
|
}
|
||
|
|
|
||
|
|
skinparam legend {
|
||
|
|
FontColor #4E5D6C
|
||
|
|
BorderColor #bebebe
|
||
|
|
BackgroundColor #ffffff-#eeeeee
|
||
|
|
BackgroundColor transparent
|
||
|
|
}
|
||
|
|
|
||
|
|
skinparam swimlane {
|
||
|
|
BorderColor #0073bb
|
||
|
|
BorderThickness 2
|
||
|
|
TitleBackgroundColor #ffffff-#eeeeee
|
||
|
|
TitleFontColor #EC7211
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
skinparam activity {
|
||
|
|
FontColor $PRIMARY_TEXT
|
||
|
|
BorderColor #EC7211
|
||
|
|
BackgroundColor #f08e41-#EC7211
|
||
|
|
BarColor #1D8102
|
||
|
|
StartColor #0073bb
|
||
|
|
EndColor #0073bb
|
||
|
|
DiamondBackgroundColor #eeeeee
|
||
|
|
DiamondBorderColor #bebebe
|
||
|
|
DiamondFontColor #4E5D6C
|
||
|
|
}
|
||
|
|
|
||
|
|
skinparam participant {
|
||
|
|
FontColor $PRIMARY_TEXT
|
||
|
|
BorderColor #EC7211
|
||
|
|
BackgroundColor #f08e41-#EC7211
|
||
|
|
ParticipantBorderThickness 2
|
||
|
|
}
|
||
|
|
|
||
|
|
skinparam actor {
|
||
|
|
FontColor $PRIMARY_TEXT
|
||
|
|
BorderColor #EC7211
|
||
|
|
BackgroundColor #f08e41-#EC7211
|
||
|
|
FontColor #4E5D6C
|
||
|
|
}
|
||
|
|
|
||
|
|
skinparam arrow {
|
||
|
|
Thickness 3
|
||
|
|
Color #EC7211
|
||
|
|
FontColor #4E5D6C
|
||
|
|
}
|
||
|
|
|
||
|
|
skinparam sequence {
|
||
|
|
ArrowThickness 3
|
||
|
|
BorderColor #EC7211
|
||
|
|
TitleFontColor #EC7211
|
||
|
|
BackgroundColor transparent
|
||
|
|
StartColor #EC7211
|
||
|
|
EndColor #EC7211
|
||
|
|
BoxBackgroundColor transparent
|
||
|
|
BoxBorderColor #4E5D6C
|
||
|
|
BoxFontColor #4E5D6C
|
||
|
|
LifeLineBorderColor #abb6c2
|
||
|
|
LifeLineBorderThickness 2
|
||
|
|
LifeLineBackgroundColor #bcc5ce
|
||
|
|
GroupBorderColor #4E5D6C
|
||
|
|
GroupFontColor #4E5D6C
|
||
|
|
GroupHeaderFontColor #0073bb
|
||
|
|
GroupBackgroundColor #eeeeee
|
||
|
|
GroupBodyBackgroundColor transparent
|
||
|
|
GroupHeaderBackgroundColor transparent
|
||
|
|
DividerBackgroundColor #4E5D6C
|
||
|
|
DividerBorderColor #4E5D6C
|
||
|
|
DividerBorderThickness 2
|
||
|
|
DividerFontColor #abb6c2
|
||
|
|
ReferenceBackgroundColor transparent
|
||
|
|
ReferenceBorderColor #4E5D6C
|
||
|
|
ReferenceFontColor #4E5D6C
|
||
|
|
ReferenceHeaderFontColor #0073bb
|
||
|
|
ReferenceHeaderBackgroundColor #eeeeee
|
||
|
|
StereotypeFontColor #4E5D6C
|
||
|
|
}
|
||
|
|
|
||
|
|
skinparam partition {
|
||
|
|
BorderColor #EC7211
|
||
|
|
FontColor #EC7211
|
||
|
|
BackgroundColor transparent
|
||
|
|
}
|
||
|
|
|
||
|
|
skinparam collections {
|
||
|
|
FontColor $PRIMARY_TEXT
|
||
|
|
BorderColor #EC7211
|
||
|
|
BackgroundColor #f08e41-#EC7211
|
||
|
|
}
|
||
|
|
|
||
|
|
skinparam control {
|
||
|
|
FontColor $PRIMARY_TEXT
|
||
|
|
BorderColor #EC7211
|
||
|
|
BackgroundColor #f08e41-#EC7211
|
||
|
|
FontColor #4E5D6C
|
||
|
|
}
|
||
|
|
|
||
|
|
skinparam entity {
|
||
|
|
FontColor $PRIMARY_TEXT
|
||
|
|
BorderColor #EC7211
|
||
|
|
BackgroundColor #f08e41-#EC7211
|
||
|
|
FontColor #4E5D6C
|
||
|
|
}
|
||
|
|
|
||
|
|
skinparam boundary {
|
||
|
|
FontColor $PRIMARY_TEXT
|
||
|
|
BorderColor #EC7211
|
||
|
|
BackgroundColor #f08e41-#EC7211
|
||
|
|
FontColor #4E5D6C
|
||
|
|
}
|
||
|
|
|
||
|
|
skinparam agent {
|
||
|
|
BackgroundColor #EC7211
|
||
|
|
BorderColor #f08e41
|
||
|
|
FontColor #4E5D6C
|
||
|
|
}
|
||
|
|
|
||
|
|
skinparam note {
|
||
|
|
BorderThickness 1
|
||
|
|
BackgroundColor #0073bb
|
||
|
|
BorderColor #005c96
|
||
|
|
FontColor #FFF
|
||
|
|
}
|
||
|
|
|
||
|
|
skinparam artifact {
|
||
|
|
BackgroundColor #4E5D6C
|
||
|
|
BorderColor #717d89
|
||
|
|
FontColor #abb6c2
|
||
|
|
}
|
||
|
|
|
||
|
|
skinparam component {
|
||
|
|
FontColor $PRIMARY_TEXT
|
||
|
|
BorderColor #EC7211
|
||
|
|
BackgroundColor #f08e41-#EC7211
|
||
|
|
}
|
||
|
|
|
||
|
|
skinparam interface {
|
||
|
|
BackgroundColor #a7280e
|
||
|
|
BorderColor #d13212
|
||
|
|
FontColor #4E5D6C
|
||
|
|
}
|
||
|
|
|
||
|
|
skinparam storage {
|
||
|
|
BackgroundColor #EC7211
|
||
|
|
BorderColor #bd5b0e
|
||
|
|
FontColor #FFF
|
||
|
|
}
|
||
|
|
|
||
|
|
skinparam node {
|
||
|
|
BackgroundColor transparent
|
||
|
|
BorderColor #abb6c2
|
||
|
|
FontColor #abb6c2
|
||
|
|
}
|
||
|
|
|
||
|
|
skinparam cloud {
|
||
|
|
BackgroundColor transparent
|
||
|
|
BorderColor #4E5D6C
|
||
|
|
FontColor #4E5D6C
|
||
|
|
}
|
||
|
|
|
||
|
|
skinparam database {
|
||
|
|
FontColor $PRIMARY_TEXT
|
||
|
|
BorderColor #EC7211
|
||
|
|
BackgroundColor #f08e41-#EC7211
|
||
|
|
FontColor #4E5D6C
|
||
|
|
}
|
||
|
|
|
||
|
|
skinparam class {
|
||
|
|
FontColor $PRIMARY_TEXT
|
||
|
|
BorderColor #EC7211
|
||
|
|
BackgroundColor #f08e41-#EC7211
|
||
|
|
FontColor $HEADER_TEXT
|
||
|
|
HeaderBackgroundColor #f08e41-#EC7211
|
||
|
|
StereotypeFontColor #4E5D6C
|
||
|
|
BorderThickness 1
|
||
|
|
AttributeFontColor $PRIMARY_TEXT
|
||
|
|
AttributeFontSize 11
|
||
|
|
}
|
||
|
|
|
||
|
|
skinparam object {
|
||
|
|
FontColor $PRIMARY_TEXT
|
||
|
|
BorderColor #EC7211
|
||
|
|
BackgroundColor #f08e41-#EC7211
|
||
|
|
StereotypeFontColor #4E5D6C
|
||
|
|
BorderThickness 1
|
||
|
|
AttributeFontColor $PRIMARY_TEXT
|
||
|
|
AttributeFontSize 11
|
||
|
|
}
|
||
|
|
|
||
|
|
skinparam usecase {
|
||
|
|
FontColor $PRIMARY_TEXT
|
||
|
|
BorderColor #EC7211
|
||
|
|
BackgroundColor #f08e41-#EC7211
|
||
|
|
BorderThickness 2
|
||
|
|
StereotypeFontColor #EC7211
|
||
|
|
}
|
||
|
|
|
||
|
|
skinparam rectangle {
|
||
|
|
BackgroundColor transparent
|
||
|
|
FontColor #4E5D6C
|
||
|
|
BorderColor #4E5D6C
|
||
|
|
BorderThickness 2
|
||
|
|
StereotypeFontColor #EC7211
|
||
|
|
}
|
||
|
|
|
||
|
|
skinparam package {
|
||
|
|
BackgroundColor transparent
|
||
|
|
BorderColor #4E5D6C
|
||
|
|
FontColor #4E5D6C
|
||
|
|
BorderThickness 2
|
||
|
|
}
|
||
|
|
|
||
|
|
skinparam folder {
|
||
|
|
BackgroundColor #eeeeee
|
||
|
|
BorderColor #EC7211
|
||
|
|
FontColor #EC7211
|
||
|
|
BorderThickness 2
|
||
|
|
}
|
||
|
|
|
||
|
|
skinparam frame {
|
||
|
|
BackgroundColor #eeeeee
|
||
|
|
BorderColor #0073bb
|
||
|
|
FontColor #0073bb
|
||
|
|
BorderThickness 2
|
||
|
|
}
|
||
|
|
|
||
|
|
skinparam state {
|
||
|
|
FontColor $PRIMARY_TEXT
|
||
|
|
BorderColor #EC7211
|
||
|
|
BackgroundColor #f08e41-#EC7211
|
||
|
|
StartColor #0073bb
|
||
|
|
EndColor #0073bb
|
||
|
|
AttributeFontColor #4E5D6C
|
||
|
|
AttributeFontSize 11
|
||
|
|
}
|
||
|
|
|
||
|
|
skinparam queue {
|
||
|
|
FontColor $PRIMARY_TEXT
|
||
|
|
BorderColor #EC7211
|
||
|
|
BackgroundColor #f08e41-#EC7211
|
||
|
|
}
|
||
|
|
|
||
|
|
skinparam card {
|
||
|
|
BackgroundColor #0073bb
|
||
|
|
BorderColor #005c96
|
||
|
|
FontColor #FFF
|
||
|
|
}
|
||
|
|
|
||
|
|
skinparam file {
|
||
|
|
BackgroundColor #eeeeee
|
||
|
|
BorderColor #abb6c2
|
||
|
|
FontColor #4E5D6C
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
skinparam stack {
|
||
|
|
FontColor $PRIMARY_TEXT
|
||
|
|
BorderColor #EC7211
|
||
|
|
BackgroundColor #f08e41-#EC7211
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
title Usecase Diagram
|
||
|
|
|
||
|
|
legend
|
||
|
|
This is my legend
|
||
|
|
it can have a long list of stuff here
|
||
|
|
and it can go on and on and on
|
||
|
|
that's about it
|
||
|
|
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>
|