827 lines
18 KiB
XML
827 lines
18 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="441.6667px" preserveAspectRatio="none" style="width:490px;height:441px;background:#00000000;" version="1.1" viewBox="0 0 490 441" width="490.625px" zoomAndPan="magnify"><defs/><g><rect height="46.1528" rx="4.1667" ry="4.1667" style="stroke:#BABDBF;stroke-width:1.0416666666666667;fill:none;" width="478.125" x="2.0833" y="2.0833"/><text fill="#2FA4E7" font-family="Verdana" font-size="20.8333" lengthAdjust="spacing" textLength="451.0417" x="15.625" y="33.4452">Usecase Diagram - cerulean-outline theme</text><!--MD5=[111002b242a260edbcaabc3e471064d0]
|
|
cluster checkout--><rect height="317.7083" rx="4.1667" ry="4.1667" style="stroke:#2FA4E7;stroke-width:2.0833333333333335;fill:none;" width="154.1667" x="185.9375" y="58.6528"/><text fill="#2FA4E7" font-family="Verdana" font-size="12.5" font-weight="bold" lengthAdjust="spacing" textLength="61.4583" x="232.2917" y="78.5116">checkout</text><ellipse cx="263.1816" cy="231.4481" fill="none" rx="60.5774" ry="21.2328" style="stroke:#2FA4E7;stroke-width:2.0833333333333335;"/><text fill="#2FA4E7" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="58.3333" x="234.0149" y="234.336">checkout</text><ellipse cx="262.9659" cy="125.1981" fill="none" rx="59.8409" ry="21.2328" style="stroke:#2FA4E7;stroke-width:2.0833333333333335;"/><text fill="#2FA4E7" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="57.2917" x="234.32" y="128.086">payment</text><ellipse cx="263.1752" cy="337.6981" fill="none" rx="39.2169" ry="21.2328" style="stroke:#2FA4E7;stroke-width:2.0833333333333335;"/><text fill="#2FA4E7" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="28.125" x="249.1127" y="340.586">help</text><!--MD5=[92848cbaf65985a669855153c5362c37]
|
|
entity customer--><ellipse cx="101.5625" cy="196.1528" fill="none" rx="8.3333" ry="8.3333" style="stroke:#2FA4E7;stroke-width:1.5625;"/><path d="M101.5625,204.4861 L101.5625,232.6111 M88.0208,212.8194 L115.1042,212.8194 M101.5625,232.6111 L88.0208,248.2361 M101.5625,232.6111 L115.1042,248.2361 " fill="none" style="stroke:#2FA4E7;stroke-width:1.5625;"/><text fill="#2FA4E7" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="60.4167" x="71.3542" y="268.6157">customer</text><!--MD5=[ebeabf449828f4e0b33bbb47961e644b]
|
|
entity clerk--><ellipse cx="409.375" cy="196.1528" fill="none" rx="8.3333" ry="8.3333" style="stroke:#2FA4E7;stroke-width:1.5625;"/><path d="M409.375,204.4861 L409.375,232.6111 M395.8333,212.8194 L422.9167,212.8194 M409.375,232.6111 L395.8333,248.2361 M409.375,232.6111 L422.9167,248.2361 " fill="none" style="stroke:#2FA4E7;stroke-width:1.5625;"/><text fill="#2FA4E7" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="30.2083" x="394.2708" y="268.6157">clerk</text><!--MD5=[852381a7bb976b86080137fb6d718ea9]
|
|
link customer to checkout--><path d="M137.1875,231.5694 C156.2292,231.5694 180.3958,231.5694 202.375,231.5694 " fill="none" id="customer-checkout" style="stroke:#2FA4E7;stroke-width:3.125;"/><!--MD5=[3ad5c6d5c608bfd6b87dc9c07c40a15f]
|
|
link checkout to payment--><path d="M263.0208,210.0694 C263.0208,193.3611 263.0208,170.1007 263.0208,152.1632 " fill="none" id="checkout-to-payment" style="stroke:#2FA4E7;stroke-width:3.125;stroke-dasharray:7.0,7.0;"/><polygon fill="#2FA4E7" points="263.0208,146.7882,258.8542,156.1632,263.0208,151.9965,267.1875,156.1632,263.0208,146.7882" style="stroke:#2FA4E7;stroke-width:3.125;"/><text fill="#343A40" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="45.8333" x="223.4375" y="183.7199">include</text><!--MD5=[739e7928149c8fe27c2b5850560351c7]
|
|
link help to checkout--><path d="M263.0208,316.3194 C263.0208,299.6111 263.0208,276.3507 263.0208,258.4132 " fill="none" id="help-to-checkout" style="stroke:#2FA4E7;stroke-width:3.125;stroke-dasharray:7.0,7.0;"/><polygon fill="#2FA4E7" points="263.0208,253.0382,258.8542,262.4132,263.0208,258.2465,267.1875,262.4132,263.0208,253.0382" style="stroke:#2FA4E7;stroke-width:3.125;"/><text fill="#343A40" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="53.125" x="219.7917" y="289.9699">extends</text><!--MD5=[b4c4ee8f2d94c159d2b9e04bd372cbe0]
|
|
link checkout to clerk--><path d="M323.5729,231.5694 C346.8646,231.5694 371.9583,231.5694 388.75,231.5694 " fill="none" id="checkout-clerk" style="stroke:#2FA4E7;stroke-width:3.125;"/><rect height="36.025" rx="5.2083" ry="5.2083" style="stroke:#BABDBF;stroke-width:1.0416666666666667;fill:none;" width="135.4167" x="173.4375" y="389.9028"/><text fill="#343A40" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="112.5" x="184.8958" y="412.8866">This is my legend</text><!--MD5=[3e44a0ce870b5fb4e0fec709d36e18d3]
|
|
@startuml
|
|
|
|
!$THEME = "cerulean-outline"
|
|
|
|
!if %not(%variable_exists("$BGCOLOR"))
|
|
!$BGCOLOR = "transparent"
|
|
!endif
|
|
|
|
skinparam backgroundColor $BGCOLOR
|
|
skinparam useBetaStyle false
|
|
|
|
!$BLUE = "#033C73"
|
|
!$INDIGO = "#6610F2"
|
|
!$PURPLE = "#6F42C1"
|
|
!$PINK = "#E83E8C"
|
|
!$RED = "#C71C22"
|
|
!$ORANGE = "#FD7E14"
|
|
!$YELLOW = "#DD5600"
|
|
!$GREEN = "#73A839"
|
|
!$TEAL = "#20C997"
|
|
!$CYAN = "#2FA4E7"
|
|
!$WHITE = "#FFF"
|
|
!$GRAY_DARK = "#343A40"
|
|
!$GRAY = "#868E96"
|
|
!$PRIMARY = "#2FA4E7"
|
|
!$SECONDARY = "#E9ECEF"
|
|
!$SUCCESS = "#73A839"
|
|
!$INFO = "#033C73"
|
|
!$WARNING = "#DD5600"
|
|
!$DANGER = "#C71C22"
|
|
!$LIGHT = "#F8F9FA"
|
|
!$DARK = "#343A40"
|
|
|
|
!$FGCOLOR = $DARK
|
|
!$PRIMARY_LIGHT = "#59B6EC"
|
|
!$PRIMARY_DARK = "#2683B9"
|
|
!$PRIMARY_TEXT = $PRIMARY
|
|
!$SECONDARY_LIGHT = "#EDF0F2"
|
|
!$SECONDARY_DARK = "#BABDBF"
|
|
!$SECONDARY_TEXT = $SECONDARY_DARK
|
|
!$INFO_LIGHT = "#35638F"
|
|
!$INFO_TEXT = $INFO
|
|
!$SUCCESS_LIGHT = "#8FB961"
|
|
!$SUCCESS_TEXT = $SUCCESS
|
|
!$WARNING_LIGHT = "#E47833"
|
|
!$WARNING_TEXT = $WARNING
|
|
!$DANGER_LIGHT = "#D2494E"
|
|
!$DANGER_TEXT = $WHITE
|
|
|
|
!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 $BGCOLOR
|
|
!endprocedure
|
|
|
|
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 $GRAY
|
|
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 $PRIMARY
|
|
BorderColor $SECONDARY_DARK
|
|
FontSize 20
|
|
BorderRoundCorner 8
|
|
BorderThickness 1
|
|
BackgroundColor $BGCOLOR
|
|
}
|
|
|
|
skinparam legend {
|
|
BackgroundColor $BGCOLOR
|
|
BorderColor $SECONDARY_DARK
|
|
FontColor $DARK
|
|
}
|
|
|
|
!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 $BGCOLOR
|
|
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 $GRAY
|
|
BoxFontColor $DARK
|
|
LifeLineBorderColor $SECONDARY_DARK
|
|
LifeLineBorderThickness 2
|
|
LifeLineBackgroundColor $BGCOLOR
|
|
GroupBorderColor $GRAY
|
|
GroupFontColor $DARK
|
|
GroupHeaderFontColor $INFO_TEXT
|
|
GroupBackgroundColor $SECONDARY
|
|
GroupBodyBackgroundColor $BGCOLOR
|
|
GroupHeaderBackgroundColor $BGCOLOR
|
|
DividerBackgroundColor $BGCOLOR
|
|
DividerBorderColor $GRAY
|
|
DividerBorderThickness 2
|
|
DividerFontColor $DARK
|
|
ReferenceBackgroundColor $BGCOLOR
|
|
ReferenceBorderColor $GRAY
|
|
ReferenceFontColor $DARK
|
|
ReferenceHeaderFontColor $INFO_TEXT
|
|
}
|
|
!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 $BGCOLOR
|
|
BorderColor #999999
|
|
FontColor #333333
|
|
}
|
|
!endsub
|
|
|
|
!startsub note
|
|
|
|
skinparam note {
|
|
BorderThickness 1
|
|
BackgroundColor $BGCOLOR
|
|
BorderColor $INFO
|
|
FontColor $INFO_TEXT
|
|
}
|
|
!endsub
|
|
|
|
!startsub artifact
|
|
|
|
skinparam artifact {
|
|
BackgroundColor $BGCOLOR
|
|
BorderColor $GRAY
|
|
FontColor $GRAY
|
|
}
|
|
!endsub
|
|
|
|
!startsub component
|
|
|
|
skinparam component {
|
|
$primary_scheme()
|
|
}
|
|
!endsub
|
|
|
|
!startsub interface
|
|
|
|
skinparam interface {
|
|
BackgroundColor $BGCOLOR
|
|
BorderColor $DANGER
|
|
FontColor $DARK
|
|
}
|
|
!endsub
|
|
|
|
!startsub storage
|
|
|
|
skinparam storage {
|
|
BackgroundColor $BGCOLOR
|
|
BorderColor $WARNING
|
|
FontColor $WARNING_TEXT
|
|
}
|
|
!endsub
|
|
|
|
!startsub node
|
|
|
|
skinparam node {
|
|
BackgroundColor $BGCOLOR
|
|
BorderColor $DARK
|
|
FontColor $DARK
|
|
}
|
|
!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 $LIGHT
|
|
HeaderBackgroundColor $PRIMARY-$PRIMARY_DARK
|
|
StereotypeFontColor $DARK
|
|
BorderThickness 1
|
|
AttributeFontColor $DARK
|
|
AttributeFontSize 11
|
|
}
|
|
!endsub
|
|
|
|
!startsub object
|
|
|
|
skinparam object {
|
|
$primary_scheme()
|
|
StereotypeFontColor $DARK
|
|
BorderThickness 1
|
|
AttributeFontColor $SECONDARY_DARK
|
|
AttributeFontSize 11
|
|
}
|
|
!endsub
|
|
|
|
!startsub usecase
|
|
|
|
skinparam usecase {
|
|
$primary_scheme()
|
|
BorderThickness 2
|
|
StereotypeFontColor $PRIMARY
|
|
}
|
|
!endsub
|
|
|
|
!startsub rectangle
|
|
|
|
skinparam rectangle {
|
|
$primary_scheme()
|
|
BorderThickness 2
|
|
StereotypeFontColor $PRIMARY
|
|
}
|
|
!endsub
|
|
|
|
!startsub package
|
|
|
|
skinparam package {
|
|
BackgroundColor $BGCOLOR
|
|
BorderColor $PRIMARY
|
|
FontColor $PRIMARY
|
|
BorderThickness 2
|
|
}
|
|
!endsub
|
|
|
|
!startsub folder
|
|
|
|
skinparam folder {
|
|
BackgroundColor $BGCOLOR
|
|
BorderColor $WARNING
|
|
FontColor $WARNING
|
|
BorderThickness 2
|
|
}
|
|
!endsub
|
|
|
|
!startsub frame
|
|
|
|
skinparam frame {
|
|
BackgroundColor $BGCOLOR
|
|
BorderColor $INFO
|
|
FontColor $INFO_TEXT
|
|
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 $BGCOLOR
|
|
BorderColor $INFO
|
|
FontColor $INFO_TEXT
|
|
}
|
|
!endsub
|
|
|
|
!startsub file
|
|
|
|
skinparam file {
|
|
BackgroundColor $BGCOLOR
|
|
BorderColor $GRAY
|
|
FontColor $GRAY
|
|
}
|
|
!endsub
|
|
|
|
!startsub stack
|
|
|
|
skinparam stack {
|
|
$primary_scheme()
|
|
}
|
|
!endsub
|
|
|
|
!if (%variable_exists("LEGACY"))
|
|
!$LEGACY = "true"
|
|
!endif
|
|
|
|
!if (%getenv("LEGACY") == "true")
|
|
!$LEGACY = "true"
|
|
!endif
|
|
|
|
!if (%variable_exists("$LEGACY"))
|
|
|
|
skinparam useBetaStyle true
|
|
|
|
!startsub mindmap
|
|
|
|
<style>
|
|
style mindmapDiagram {
|
|
Margin 8
|
|
LineThickness 2.0
|
|
FontColor $PRIMARY_TEXT
|
|
LineColor $SECONDARY
|
|
BackGroundColor $PRIMARY_LIGHT-$PRIMARY
|
|
}
|
|
wbsDiagram {
|
|
Margin 8
|
|
LineThickness 2.0
|
|
FontColor $PRIMARY_TEXT
|
|
LineColor $PRIMARY
|
|
BackGroundColor $PRIMARY_LIGHT-$PRIMARY
|
|
}
|
|
</style>
|
|
!endsub
|
|
!endif
|
|
|
|
!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 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 #868E96
|
|
skinparam stereotype {
|
|
CBackgroundColor #EDF0F2
|
|
CBorderColor #BABDBF
|
|
ABackgroundColor #8FB961
|
|
ABorderColor $SUCCESS_DARK
|
|
IBackgroundColor #D2494E
|
|
IBorderColor $DANGER_DARK
|
|
EBackgroundColor #E47833
|
|
EBorderColor $WARNING_DARK
|
|
NBackgroundColor #35638F
|
|
NBorderColor $INFO_DARK
|
|
}
|
|
skinparam title {
|
|
FontColor #2FA4E7
|
|
BorderColor #BABDBF
|
|
FontSize 20
|
|
BorderRoundCorner 8
|
|
BorderThickness 1
|
|
BackgroundColor transparent
|
|
}
|
|
|
|
skinparam legend {
|
|
BackgroundColor transparent
|
|
BorderColor #BABDBF
|
|
FontColor #343A40
|
|
}
|
|
|
|
skinparam swimlane {
|
|
BorderColor #033C73
|
|
BorderThickness 2
|
|
TitleBackgroundColor #EDF0F2-#E9ECEF
|
|
TitleFontColor #2FA4E7
|
|
}
|
|
|
|
|
|
skinparam activity {
|
|
FontColor #2FA4E7
|
|
BorderColor #2FA4E7
|
|
BackgroundColor transparent
|
|
BarColor #73A839
|
|
StartColor #033C73
|
|
EndColor #033C73
|
|
DiamondBackgroundColor transparent
|
|
DiamondBorderColor #BABDBF
|
|
DiamondFontColor #BABDBF
|
|
}
|
|
|
|
|
|
skinparam participant {
|
|
FontColor #2FA4E7
|
|
BorderColor #2FA4E7
|
|
BackgroundColor transparent
|
|
ParticipantBorderThickness 2
|
|
}
|
|
|
|
|
|
skinparam actor {
|
|
FontColor #2FA4E7
|
|
BorderColor #2FA4E7
|
|
BackgroundColor transparent
|
|
}
|
|
|
|
|
|
skinparam arrow {
|
|
Thickness 3
|
|
Color #2FA4E7
|
|
FontColor #343A40
|
|
}
|
|
|
|
|
|
skinparam sequence {
|
|
BorderColor #2FA4E7
|
|
TitleFontColor #2FA4E7
|
|
BackgroundColor transparent
|
|
StartColor #2FA4E7
|
|
EndColor #2FA4E7
|
|
BoxBackgroundColor transparent
|
|
BoxBorderColor #868E96
|
|
BoxFontColor #343A40
|
|
LifeLineBorderColor #BABDBF
|
|
LifeLineBorderThickness 2
|
|
LifeLineBackgroundColor transparent
|
|
GroupBorderColor #868E96
|
|
GroupFontColor #343A40
|
|
GroupHeaderFontColor #033C73
|
|
GroupBackgroundColor #E9ECEF
|
|
GroupBodyBackgroundColor transparent
|
|
GroupHeaderBackgroundColor transparent
|
|
DividerBackgroundColor transparent
|
|
DividerBorderColor #868E96
|
|
DividerBorderThickness 2
|
|
DividerFontColor #343A40
|
|
ReferenceBackgroundColor transparent
|
|
ReferenceBorderColor #868E96
|
|
ReferenceFontColor #343A40
|
|
ReferenceHeaderFontColor #033C73
|
|
}
|
|
|
|
|
|
skinparam partition {
|
|
BorderColor #2FA4E7
|
|
FontColor #2FA4E7
|
|
BackgroundColor transparent
|
|
}
|
|
|
|
|
|
skinparam collections {
|
|
FontColor #2FA4E7
|
|
BorderColor #2FA4E7
|
|
BackgroundColor transparent
|
|
}
|
|
|
|
|
|
skinparam control {
|
|
FontColor #2FA4E7
|
|
BorderColor #2FA4E7
|
|
BackgroundColor transparent
|
|
}
|
|
|
|
|
|
skinparam entity {
|
|
FontColor #2FA4E7
|
|
BorderColor #2FA4E7
|
|
BackgroundColor transparent
|
|
}
|
|
|
|
|
|
skinparam boundary {
|
|
FontColor #2FA4E7
|
|
BorderColor #2FA4E7
|
|
BackgroundColor transparent
|
|
}
|
|
|
|
|
|
skinparam agent {
|
|
BackgroundColor transparent
|
|
BorderColor #999999
|
|
FontColor #333333
|
|
}
|
|
|
|
|
|
skinparam note {
|
|
BorderThickness 1
|
|
BackgroundColor transparent
|
|
BorderColor #033C73
|
|
FontColor #033C73
|
|
}
|
|
|
|
|
|
skinparam artifact {
|
|
BackgroundColor transparent
|
|
BorderColor #868E96
|
|
FontColor #868E96
|
|
}
|
|
|
|
|
|
skinparam component {
|
|
FontColor #2FA4E7
|
|
BorderColor #2FA4E7
|
|
BackgroundColor transparent
|
|
}
|
|
|
|
|
|
skinparam interface {
|
|
BackgroundColor transparent
|
|
BorderColor #C71C22
|
|
FontColor #343A40
|
|
}
|
|
|
|
|
|
skinparam storage {
|
|
BackgroundColor transparent
|
|
BorderColor #DD5600
|
|
FontColor #DD5600
|
|
}
|
|
|
|
|
|
skinparam node {
|
|
BackgroundColor transparent
|
|
BorderColor #343A40
|
|
FontColor #343A40
|
|
}
|
|
|
|
|
|
skinparam cloud {
|
|
BackgroundColor transparent
|
|
BorderColor #F2FCFE
|
|
FontColor #343A40
|
|
}
|
|
|
|
|
|
skinparam database {
|
|
FontColor #2FA4E7
|
|
BorderColor #2FA4E7
|
|
BackgroundColor transparent
|
|
}
|
|
|
|
|
|
skinparam class {
|
|
FontColor #2FA4E7
|
|
BorderColor #2FA4E7
|
|
BackgroundColor transparent
|
|
FontColor #F8F9FA
|
|
HeaderBackgroundColor #2FA4E7-#2683B9
|
|
StereotypeFontColor #343A40
|
|
BorderThickness 1
|
|
AttributeFontColor #343A40
|
|
AttributeFontSize 11
|
|
}
|
|
|
|
|
|
skinparam object {
|
|
FontColor #2FA4E7
|
|
BorderColor #2FA4E7
|
|
BackgroundColor transparent
|
|
StereotypeFontColor #343A40
|
|
BorderThickness 1
|
|
AttributeFontColor #BABDBF
|
|
AttributeFontSize 11
|
|
}
|
|
|
|
|
|
skinparam usecase {
|
|
FontColor #2FA4E7
|
|
BorderColor #2FA4E7
|
|
BackgroundColor transparent
|
|
BorderThickness 2
|
|
StereotypeFontColor #2FA4E7
|
|
}
|
|
|
|
|
|
skinparam rectangle {
|
|
FontColor #2FA4E7
|
|
BorderColor #2FA4E7
|
|
BackgroundColor transparent
|
|
BorderThickness 2
|
|
StereotypeFontColor #2FA4E7
|
|
}
|
|
|
|
|
|
skinparam package {
|
|
BackgroundColor transparent
|
|
BorderColor #2FA4E7
|
|
FontColor #2FA4E7
|
|
BorderThickness 2
|
|
}
|
|
|
|
|
|
skinparam folder {
|
|
BackgroundColor transparent
|
|
BorderColor #DD5600
|
|
FontColor #DD5600
|
|
BorderThickness 2
|
|
}
|
|
|
|
|
|
skinparam frame {
|
|
BackgroundColor transparent
|
|
BorderColor #033C73
|
|
FontColor #033C73
|
|
BorderThickness 2
|
|
}
|
|
|
|
|
|
skinparam state {
|
|
FontColor #2FA4E7
|
|
BorderColor #2FA4E7
|
|
BackgroundColor transparent
|
|
StartColor #033C73
|
|
EndColor #033C73
|
|
AttributeFontColor #BABDBF
|
|
AttributeFontSize 11
|
|
}
|
|
|
|
|
|
skinparam queue {
|
|
FontColor #2FA4E7
|
|
BorderColor #2FA4E7
|
|
BackgroundColor transparent
|
|
}
|
|
|
|
|
|
skinparam card {
|
|
BackgroundColor transparent
|
|
BorderColor #033C73
|
|
FontColor #033C73
|
|
}
|
|
|
|
|
|
skinparam file {
|
|
BackgroundColor transparent
|
|
BorderColor #868E96
|
|
FontColor #868E96
|
|
}
|
|
|
|
|
|
skinparam stack {
|
|
FontColor #2FA4E7
|
|
BorderColor #2FA4E7
|
|
BackgroundColor transparent
|
|
}
|
|
|
|
|
|
|
|
|
|
title Usecase Diagram - cerulean-outline 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> |