820 lines
19 KiB
XML
820 lines
19 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="497.9167px" preserveAspectRatio="none" style="width:385px;height:497px;background:#00000000;" version="1.1" viewBox="0 0 385 497" width="385.4167px" zoomAndPan="magnify"><defs><linearGradient id="g1okk96a0bmsts0" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#CDCDCD"/><stop offset="100%" stop-color="#9A9A9A"/></linearGradient><linearGradient id="g1okk96a0bmsts1" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#FDFDFD"/><stop offset="100%" stop-color="#F2F2F2"/></linearGradient><linearGradient id="g1okk96a0bmsts2" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#E5E4E2"/><stop offset="100%" stop-color="#B7B6B5"/></linearGradient><linearGradient id="g1okk96a0bmsts3" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#EAE9E8"/><stop offset="100%" stop-color="#E5E4E2"/></linearGradient></defs><g><rect fill="url(#g1okk96a0bmsts0)" height="52.4028" rx="4.1667" ry="4.1667" style="stroke:#9A9A9A;stroke-width:1.0416666666666667;" width="370.8333" x="2.0833" y="2.0833"/><text fill="#FDFDFD" font-family="Verdana" font-size="20.8333" lengthAdjust="spacing" textLength="337.5" x="18.75" y="36.5702">Usecase Diagram - metal theme</text><!--MD5=[111002b242a260edbcaabc3e471064d0]
|
|
cluster checkout--><rect fill="url(#g1okk96a0bmsts1)" height="361.4583" rx="7.8125" ry="7.8125" style="stroke:#B7B6B5;stroke-width:2.0833333333333335;" width="163.5417" x="127.6042" y="64.9028"/><text fill="#4682B4" font-family="Verdana" font-size="12.5" font-weight="bold" lengthAdjust="spacing" textLength="61.4583" x="178.6458" y="87.8866">checkout</text><ellipse cx="209.2677" cy="262.9508" fill="url(#g1okk96a0bmsts2)" rx="64.9968" ry="25.6522" style="stroke:#B7B6B5;stroke-width:2.0833333333333335;"/><text fill="#4682B4" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="58.3333" x="180.101" y="265.8388">checkout</text><ellipse cx="209.5728" cy="142.1175" fill="url(#g1okk96a0bmsts2)" rx="64.2603" ry="25.6522" style="stroke:#B7B6B5;stroke-width:2.0833333333333335;"/><text fill="#4682B4" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="57.2917" x="180.9269" y="145.0055">payment</text><ellipse cx="209.2613" cy="383.7841" fill="url(#g1okk96a0bmsts2)" rx="43.6363" ry="25.6522" style="stroke:#B7B6B5;stroke-width:2.0833333333333335;"/><text fill="#4682B4" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="28.125" x="195.1988" y="386.6721">help</text><!--MD5=[92848cbaf65985a669855153c5362c37]
|
|
entity customer--><ellipse cx="40.1042" cy="224.2778" fill="url(#g1okk96a0bmsts2)" rx="8.3333" ry="8.3333" style="stroke:#B7B6B5;stroke-width:1.5625;"/><path d="M40.1042,232.6111 L40.1042,260.7361 M26.5625,240.9444 L53.6458,240.9444 M40.1042,260.7361 L26.5625,276.3611 M40.1042,260.7361 L53.6458,276.3611 " fill="none" style="stroke:#B7B6B5;stroke-width:1.5625;"/><text fill="#4D4D4D" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="60.4167" x="9.8958" y="299.8657">customer</text><!--MD5=[ebeabf449828f4e0b33bbb47961e644b]
|
|
entity clerk--><ellipse cx="363.5417" cy="224.2778" fill="url(#g1okk96a0bmsts2)" rx="8.3333" ry="8.3333" style="stroke:#B7B6B5;stroke-width:1.5625;"/><path d="M363.5417,232.6111 L363.5417,260.7361 M350,240.9444 L377.0833,240.9444 M363.5417,260.7361 L350,276.3611 M363.5417,260.7361 L377.0833,276.3611 " fill="none" style="stroke:#B7B6B5;stroke-width:1.5625;"/><text fill="#4D4D4D" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="30.2083" x="348.4375" y="299.8657">clerk</text><!--MD5=[852381a7bb976b86080137fb6d718ea9]
|
|
link customer to checkout--><path d="M78.6667,262.8194 C97.9167,262.8194 121.9167,262.8194 144.0104,262.8194 " fill="none" id="customer-checkout" style="stroke:#E5E4E2;stroke-width:3.125;"/><!--MD5=[3ad5c6d5c608bfd6b87dc9c07c40a15f]
|
|
link checkout to payment--><path d="M209.375,237.1944 C209.375,218.4548 209.375,192.934 209.375,173.0278 " fill="none" id="checkout-to-payment" style="stroke:#E5E4E2;stroke-width:3.125;stroke-dasharray:7.0,7.0;"/><polygon fill="#E5E4E2" points="209.375,167.5798,205.2083,176.9548,209.375,172.7882,213.5417,176.9548,209.375,167.5798" style="stroke:#E5E4E2;stroke-width:3.125;"/><text fill="#4D4D4D" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="45.8333" x="166.6667" y="207.6782">include</text><!--MD5=[739e7928149c8fe27c2b5850560351c7]
|
|
link help to checkout--><path d="M209.375,358.0278 C209.375,339.2882 209.375,313.7673 209.375,293.8611 " fill="none" id="help-to-checkout" style="stroke:#E5E4E2;stroke-width:3.125;stroke-dasharray:7.0,7.0;"/><polygon fill="#E5E4E2" points="209.375,288.4132,205.2083,297.7882,209.375,293.6215,213.5417,297.7882,209.375,288.4132" style="stroke:#E5E4E2;stroke-width:3.125;"/><text fill="#4D4D4D" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="53.125" x="163.0208" y="328.5116">extends</text><!--MD5=[b4c4ee8f2d94c159d2b9e04bd372cbe0]
|
|
link checkout to clerk--><path d="M274.9167,262.8194 C298.0625,262.8194 322.6875,262.8194 339.9063,262.8194 " fill="none" id="checkout-clerk" style="stroke:#E5E4E2;stroke-width:3.125;"/><rect fill="url(#g1okk96a0bmsts3)" height="42.275" rx="5.2083" ry="5.2083" style="stroke:#9A9A9A;stroke-width:1.0416666666666667;" width="141.6667" x="116.6667" y="439.9028"/><text fill="#4682B4" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="112.5" x="131.25" y="466.0116">This is my legend</text><!--MD5=[3bbb993ce141ab590bb08275f248092c]
|
|
@startuml
|
|
|
|
!$THEME = "metal"
|
|
|
|
!if %not(%variable_exists("$BGCOLOR"))
|
|
!$BGCOLOR = "transparent"
|
|
!endif
|
|
|
|
skinparam backgroundColor $BGCOLOR
|
|
skinparam useBetaStyle false
|
|
|
|
!$WHITE = "#fdfdfd"
|
|
!$GRAY_DARK = "#4d4d4d"
|
|
!$GRAY = "#737373"
|
|
!$LIGHT = "#f2f2f2"
|
|
!$DARK = "#4d4d4d"
|
|
|
|
!$SILVER = "#c0c0c0"
|
|
!$COPPER = "#B87333c"
|
|
!$STEELBLUE = "#4682b4"
|
|
!$LIGHTSTEELBLUE = "#B0C4DE"
|
|
!$LIGHTSTEELBLUE_DARK = "#8d9db2"
|
|
!$LIGHTSTEELBLUE_LIGHT = "#c0d0e5"
|
|
!$ALUMINUM = "#c9ced0"
|
|
!$ALUMINUM_DARK = "#a1a5a6"
|
|
!$ALUMINUM_LIGHT = "#d4d8d9"
|
|
!$BRONZE = "#CD7F32"
|
|
!$BRONZE_DARK = "#a46628"
|
|
!$BRONZE_LIGHT = "#d7995b"
|
|
!$GOLD = "#FFD700"
|
|
!$PLATINUM = "#E5E4E2"
|
|
!$RUST = "#B7410E"
|
|
|
|
|
|
|
|
!$FGCOLOR = $DARK
|
|
!$PRIMARY = $PLATINUM
|
|
!$PRIMARY_LIGHT = "#eae9e8"
|
|
!$PRIMARY_DARK = "#b7b6b5"
|
|
!$PRIMARY_TEXT = $STEELBLUE
|
|
!$SECONDARY = $SILVER
|
|
!$SECONDARY_LIGHT = "#cdcdcd"
|
|
!$SECONDARY_DARK = "#9a9a9a"
|
|
!$SECONDARY_TEXT = $WHITE
|
|
!$INFO = $STEELBLUE
|
|
!$INFO_LIGHT = "#5c85ad"
|
|
!$INFO_DARK = "#29527a"
|
|
!$INFO_TEXT = $WHITE
|
|
!$SUCCESS = "#339933"
|
|
!$SUCCESS_LIGHT = "#5cad5c"
|
|
!$SUCCESS_DARK = "#297a29"
|
|
!$SUCCESS_TEXT = $WHITE
|
|
!$WARNING = $GOLD
|
|
!$WARNING_LIGHT = "#ffdf33"
|
|
!$WARNING_DARK = "#ccac00"
|
|
!$WARNING_TEXT = $WHITE
|
|
!$DANGER = $RUST
|
|
!$DANGER_LIGHT = "#c5673e"
|
|
!$DANGER_DARK = "#92340b"
|
|
!$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_DARK
|
|
BackgroundColor $PRIMARY-$PRIMARY_DARK
|
|
!endprocedure
|
|
|
|
skinparam defaultFontName "Verdana"
|
|
skinparam defaultFontSize 12
|
|
skinparam dpi 100
|
|
skinparam shadowing false
|
|
skinparam roundcorner 15
|
|
skinparam ParticipantPadding 30
|
|
skinparam BoxPadding 30
|
|
skinparam Padding 8
|
|
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 $WHITE
|
|
BorderColor $SECONDARY_DARK
|
|
FontSize 20
|
|
BorderRoundCorner 8
|
|
BorderThickness 1
|
|
BackgroundColor $SECONDARY_LIGHT-$SECONDARY_DARK
|
|
}
|
|
|
|
|
|
skinparam legend {
|
|
BackgroundColor $PRIMARY_LIGHT-$PRIMARY
|
|
BorderColor $SECONDARY_DARK
|
|
FontColor $PRIMARY_TEXT
|
|
}
|
|
|
|
!startsub swimlane
|
|
skinparam swimlane {
|
|
BorderColor $INFO
|
|
BorderThickness 2
|
|
TitleBackgroundColor $SECONDARY_LIGHT-$SECONDARY
|
|
TitleFontColor $PRIMARY
|
|
}
|
|
!endsub
|
|
|
|
!startsub activity
|
|
|
|
skinparam activity {
|
|
$primary_scheme()
|
|
BarColor $BRONZE
|
|
StartColor $INFO
|
|
EndColor $INFO
|
|
DiamondBackgroundColor $SECONDARY-$SECONDARY_DARK
|
|
DiamondBorderColor $SECONDARY_DARK
|
|
DiamondFontColor $SECONDARY_TEXT
|
|
}
|
|
!endsub
|
|
|
|
!startsub participant
|
|
|
|
skinparam participant {
|
|
$primary_scheme()
|
|
ParticipantBorderThickness 2
|
|
}
|
|
!endsub
|
|
|
|
!startsub actor
|
|
|
|
skinparam actor {
|
|
$primary_scheme()
|
|
FontColor $DARK
|
|
}
|
|
!endsub
|
|
|
|
!startsub arrow
|
|
|
|
skinparam arrow {
|
|
Thickness 3
|
|
Color $PRIMARY
|
|
FontColor $FGCOLOR
|
|
}
|
|
!endsub
|
|
|
|
!startsub sequence
|
|
|
|
skinparam sequence {
|
|
BorderColor $PRIMARY
|
|
TitleFontColor $WHITE
|
|
BackgroundColor $BGCOLOR
|
|
StartColor $PRIMARY
|
|
EndColor $PRIMARY
|
|
BoxBackgroundColor $BGCOLOR
|
|
BoxBorderColor $GRAY
|
|
BoxFontColor $DARK
|
|
LifeLineBorderColor $SECONDARY_DARK
|
|
LifeLineBorderThickness 3
|
|
LifeLineBackgroundColor $SECONDARY_LIGHT-$SECONDARY_DARK
|
|
GroupBorderColor $GRAY
|
|
GroupFontColor $DARK
|
|
GroupHeaderFontColor $INFO
|
|
GroupBackgroundColor $BGCOLOR
|
|
GroupBodyBackgroundColor $BGCOLOR
|
|
GroupHeaderBackgroundColor $BGCOLOR
|
|
DividerBackgroundColor $WHITE-$LIGHT
|
|
DividerBorderColor $GRAY
|
|
DividerBorderThickness 2
|
|
DividerFontColor $DARK
|
|
ReferenceBackgroundColor $BGCOLOR
|
|
ReferenceBorderColor $GRAY
|
|
ReferenceFontColor $DARK
|
|
ReferenceHeaderFontColor $INFO
|
|
}
|
|
!endsub
|
|
|
|
!startsub partition
|
|
|
|
skinparam partition {
|
|
BorderColor $PRIMARY
|
|
FontColor $PRIMARY_DARK
|
|
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 #orange
|
|
BorderColor #999999
|
|
FontColor #333333
|
|
}
|
|
!endsub
|
|
|
|
!startsub note
|
|
|
|
skinparam note {
|
|
BorderThickness 1
|
|
BackgroundColor $LIGHTSTEELBLUE_LIGHT-$LIGHTSTEELBLUE_DARK
|
|
BorderColor $LIGHTSTEELBLUE_DARK
|
|
FontColor $WHITE
|
|
}
|
|
!endsub
|
|
|
|
!startsub artifact
|
|
|
|
skinparam artifact {
|
|
BackgroundColor $SECONDARY_LIGHT-$SECONDARY_DARK
|
|
BorderColor $SECONDARY_DARK
|
|
FontColor $SECONDARY_TEXT
|
|
}
|
|
!endsub
|
|
|
|
!startsub component
|
|
|
|
skinparam component {
|
|
$primary_scheme()
|
|
}
|
|
!endsub
|
|
|
|
!startsub interface
|
|
|
|
skinparam interface {
|
|
BackgroundColor $DANGER_LIGHT
|
|
BorderColor $DANGER
|
|
FontColor $DARK
|
|
}
|
|
!endsub
|
|
|
|
!startsub storage
|
|
|
|
skinparam storage {
|
|
BackgroundColor $WARNING_LIGHT-$WARNING_DARK
|
|
BorderColor $WARNING_DARK
|
|
FontColor $WARNING_TEXT
|
|
}
|
|
!endsub
|
|
|
|
!startsub node
|
|
|
|
skinparam node {
|
|
BackgroundColor $PRIMARY_LIGHT-$PRIMARY
|
|
BorderColor $PRIMARY
|
|
FontColor $DARK
|
|
}
|
|
!endsub
|
|
|
|
!startsub cloud
|
|
|
|
skinparam cloud {
|
|
BackgroundColor transparent
|
|
BorderColor #F2FCFE
|
|
FontColor $DARK
|
|
}
|
|
!endsub
|
|
|
|
!startsub database
|
|
|
|
skinparam database {
|
|
$primary_scheme()
|
|
FontColor $DARK
|
|
}
|
|
!endsub
|
|
|
|
!startsub class
|
|
|
|
skinparam class {
|
|
$primary_scheme()
|
|
HeaderBackgroundColor $PRIMARY_LIGHT-$PRIMARY_DARK
|
|
StereotypeFontColor $DARK
|
|
BorderThickness 1
|
|
AttributeFontColor $DARK
|
|
AttributeFontSize 11
|
|
}
|
|
!endsub
|
|
|
|
!startsub object
|
|
|
|
skinparam object {
|
|
$primary_scheme()
|
|
StereotypeFontColor $LIGHT
|
|
BorderThickness 1
|
|
AttributeFontColor $WHITE
|
|
AttributeFontSize 11
|
|
}
|
|
!endsub
|
|
|
|
!startsub usecase
|
|
|
|
skinparam usecase {
|
|
$primary_scheme()
|
|
BorderThickness 2
|
|
StereotypeFontColor $PRIMARY
|
|
}
|
|
!endsub
|
|
|
|
!startsub rectangle
|
|
|
|
skinparam rectangle {
|
|
$primary_scheme()
|
|
BackgroundColor $WHITE-$LIGHT
|
|
BorderThickness 2
|
|
StereotypeFontColor $PRIMARY
|
|
}
|
|
!endsub
|
|
|
|
!startsub package
|
|
|
|
skinparam package {
|
|
$primary_scheme()
|
|
BackgroundColor $PRIMARY_LIGHT-$PRIMARY
|
|
BorderThickness 2
|
|
}
|
|
!endsub
|
|
|
|
!startsub folder
|
|
|
|
skinparam folder {
|
|
BackgroundColor $PRIMARY_LIGHT-$PRIMARY
|
|
BorderColor $RUST
|
|
FontColor $RUST
|
|
BorderThickness 2
|
|
}
|
|
!endsub
|
|
|
|
!startsub frame
|
|
|
|
skinparam frame {
|
|
BackgroundColor $PRIMARY_LIGHT-$PRIMARY
|
|
BorderColor $INFO
|
|
FontColor $INFO
|
|
BorderThickness 2
|
|
}
|
|
!endsub
|
|
|
|
!startsub state
|
|
|
|
skinparam state {
|
|
$primary_scheme()
|
|
StartColor $INFO
|
|
EndColor $INFO
|
|
AttributeFontColor $SECONDARY
|
|
AttributeFontSize 11
|
|
}
|
|
!endsub
|
|
|
|
!startsub queue
|
|
|
|
skinparam queue {
|
|
$primary_scheme()
|
|
}
|
|
!endsub
|
|
|
|
!startsub card
|
|
|
|
skinparam card {
|
|
BackgroundColor $INFO_LIGHT-$INFO_DARK
|
|
BorderColor $INFO
|
|
FontColor $INFO_TEXT
|
|
}
|
|
!endsub
|
|
|
|
!startsub file
|
|
|
|
skinparam file {
|
|
BackgroundColor $SECONDARY_LIGHT-$SECONDARY_DARK
|
|
BorderColor $GRAY
|
|
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 defaultFontName "Verdana"
|
|
skinparam defaultFontSize 12
|
|
skinparam dpi 100
|
|
skinparam shadowing false
|
|
skinparam roundcorner 15
|
|
skinparam ParticipantPadding 30
|
|
skinparam BoxPadding 30
|
|
skinparam Padding 8
|
|
skinparam ArrowColor #737373
|
|
skinparam stereotype {
|
|
CBackgroundColor #cdcdcd
|
|
CBorderColor #9a9a9a
|
|
ABackgroundColor #5cad5c
|
|
ABorderColor #297a29
|
|
IBackgroundColor #c5673e
|
|
IBorderColor #92340b
|
|
EBackgroundColor #ffdf33
|
|
EBorderColor #ccac00
|
|
NBackgroundColor #5c85ad
|
|
NBorderColor #29527a
|
|
}
|
|
skinparam title {
|
|
FontColor #fdfdfd
|
|
BorderColor #9a9a9a
|
|
FontSize 20
|
|
BorderRoundCorner 8
|
|
BorderThickness 1
|
|
BackgroundColor #cdcdcd-#9a9a9a
|
|
}
|
|
|
|
|
|
skinparam legend {
|
|
BackgroundColor #eae9e8-#E5E4E2
|
|
BorderColor #9a9a9a
|
|
FontColor #4682b4
|
|
}
|
|
|
|
skinparam swimlane {
|
|
BorderColor #4682b4
|
|
BorderThickness 2
|
|
TitleBackgroundColor #cdcdcd-#c0c0c0
|
|
TitleFontColor #E5E4E2
|
|
}
|
|
|
|
|
|
skinparam activity {
|
|
FontColor #4682b4
|
|
BorderColor #b7b6b5
|
|
BackgroundColor #E5E4E2-#b7b6b5
|
|
BarColor #CD7F32
|
|
StartColor #4682b4
|
|
EndColor #4682b4
|
|
DiamondBackgroundColor #c0c0c0-#9a9a9a
|
|
DiamondBorderColor #9a9a9a
|
|
DiamondFontColor #fdfdfd
|
|
}
|
|
|
|
|
|
skinparam participant {
|
|
FontColor #4682b4
|
|
BorderColor #b7b6b5
|
|
BackgroundColor #E5E4E2-#b7b6b5
|
|
ParticipantBorderThickness 2
|
|
}
|
|
|
|
|
|
skinparam actor {
|
|
FontColor #4682b4
|
|
BorderColor #b7b6b5
|
|
BackgroundColor #E5E4E2-#b7b6b5
|
|
FontColor #4d4d4d
|
|
}
|
|
|
|
|
|
skinparam arrow {
|
|
Thickness 3
|
|
Color #E5E4E2
|
|
FontColor #4d4d4d
|
|
}
|
|
|
|
|
|
skinparam sequence {
|
|
BorderColor #E5E4E2
|
|
TitleFontColor #fdfdfd
|
|
BackgroundColor transparent
|
|
StartColor #E5E4E2
|
|
EndColor #E5E4E2
|
|
BoxBackgroundColor transparent
|
|
BoxBorderColor #737373
|
|
BoxFontColor #4d4d4d
|
|
LifeLineBorderColor #9a9a9a
|
|
LifeLineBorderThickness 3
|
|
LifeLineBackgroundColor #cdcdcd-#9a9a9a
|
|
GroupBorderColor #737373
|
|
GroupFontColor #4d4d4d
|
|
GroupHeaderFontColor #4682b4
|
|
GroupBackgroundColor transparent
|
|
GroupBodyBackgroundColor transparent
|
|
GroupHeaderBackgroundColor transparent
|
|
DividerBackgroundColor #fdfdfd-#f2f2f2
|
|
DividerBorderColor #737373
|
|
DividerBorderThickness 2
|
|
DividerFontColor #4d4d4d
|
|
ReferenceBackgroundColor transparent
|
|
ReferenceBorderColor #737373
|
|
ReferenceFontColor #4d4d4d
|
|
ReferenceHeaderFontColor #4682b4
|
|
}
|
|
|
|
|
|
skinparam partition {
|
|
BorderColor #E5E4E2
|
|
FontColor #b7b6b5
|
|
BackgroundColor transparent
|
|
}
|
|
|
|
|
|
skinparam collections {
|
|
FontColor #4682b4
|
|
BorderColor #b7b6b5
|
|
BackgroundColor #E5E4E2-#b7b6b5
|
|
}
|
|
|
|
|
|
skinparam control {
|
|
FontColor #4682b4
|
|
BorderColor #b7b6b5
|
|
BackgroundColor #E5E4E2-#b7b6b5
|
|
FontColor #4d4d4d
|
|
}
|
|
|
|
|
|
skinparam entity {
|
|
FontColor #4682b4
|
|
BorderColor #b7b6b5
|
|
BackgroundColor #E5E4E2-#b7b6b5
|
|
FontColor #4d4d4d
|
|
}
|
|
|
|
|
|
skinparam boundary {
|
|
FontColor #4682b4
|
|
BorderColor #b7b6b5
|
|
BackgroundColor #E5E4E2-#b7b6b5
|
|
FontColor #4d4d4d
|
|
}
|
|
|
|
|
|
skinparam agent {
|
|
BackgroundColor #orange
|
|
BorderColor #999999
|
|
FontColor #333333
|
|
}
|
|
|
|
|
|
skinparam note {
|
|
BorderThickness 1
|
|
BackgroundColor #c0d0e5-#8d9db2
|
|
BorderColor #8d9db2
|
|
FontColor #fdfdfd
|
|
}
|
|
|
|
|
|
skinparam artifact {
|
|
BackgroundColor #cdcdcd-#9a9a9a
|
|
BorderColor #9a9a9a
|
|
FontColor #fdfdfd
|
|
}
|
|
|
|
|
|
skinparam component {
|
|
FontColor #4682b4
|
|
BorderColor #b7b6b5
|
|
BackgroundColor #E5E4E2-#b7b6b5
|
|
}
|
|
|
|
|
|
skinparam interface {
|
|
BackgroundColor #c5673e
|
|
BorderColor #B7410E
|
|
FontColor #4d4d4d
|
|
}
|
|
|
|
|
|
skinparam storage {
|
|
BackgroundColor #ffdf33-#ccac00
|
|
BorderColor #ccac00
|
|
FontColor #fdfdfd
|
|
}
|
|
|
|
|
|
skinparam node {
|
|
BackgroundColor #eae9e8-#E5E4E2
|
|
BorderColor #E5E4E2
|
|
FontColor #4d4d4d
|
|
}
|
|
|
|
|
|
skinparam cloud {
|
|
BackgroundColor transparent
|
|
BorderColor #F2FCFE
|
|
FontColor #4d4d4d
|
|
}
|
|
|
|
|
|
skinparam database {
|
|
FontColor #4682b4
|
|
BorderColor #b7b6b5
|
|
BackgroundColor #E5E4E2-#b7b6b5
|
|
FontColor #4d4d4d
|
|
}
|
|
|
|
|
|
skinparam class {
|
|
FontColor #4682b4
|
|
BorderColor #b7b6b5
|
|
BackgroundColor #E5E4E2-#b7b6b5
|
|
HeaderBackgroundColor #eae9e8-#b7b6b5
|
|
StereotypeFontColor #4d4d4d
|
|
BorderThickness 1
|
|
AttributeFontColor #4d4d4d
|
|
AttributeFontSize 11
|
|
}
|
|
|
|
|
|
skinparam object {
|
|
FontColor #4682b4
|
|
BorderColor #b7b6b5
|
|
BackgroundColor #E5E4E2-#b7b6b5
|
|
StereotypeFontColor #f2f2f2
|
|
BorderThickness 1
|
|
AttributeFontColor #fdfdfd
|
|
AttributeFontSize 11
|
|
}
|
|
|
|
|
|
skinparam usecase {
|
|
FontColor #4682b4
|
|
BorderColor #b7b6b5
|
|
BackgroundColor #E5E4E2-#b7b6b5
|
|
BorderThickness 2
|
|
StereotypeFontColor #E5E4E2
|
|
}
|
|
|
|
|
|
skinparam rectangle {
|
|
FontColor #4682b4
|
|
BorderColor #b7b6b5
|
|
BackgroundColor #E5E4E2-#b7b6b5
|
|
BackgroundColor #fdfdfd-#f2f2f2
|
|
BorderThickness 2
|
|
StereotypeFontColor #E5E4E2
|
|
}
|
|
|
|
|
|
skinparam package {
|
|
FontColor #4682b4
|
|
BorderColor #b7b6b5
|
|
BackgroundColor #E5E4E2-#b7b6b5
|
|
BackgroundColor #eae9e8-#E5E4E2
|
|
BorderThickness 2
|
|
}
|
|
|
|
|
|
skinparam folder {
|
|
BackgroundColor #eae9e8-#E5E4E2
|
|
BorderColor #B7410E
|
|
FontColor #B7410E
|
|
BorderThickness 2
|
|
}
|
|
|
|
|
|
skinparam frame {
|
|
BackgroundColor #eae9e8-#E5E4E2
|
|
BorderColor #4682b4
|
|
FontColor #4682b4
|
|
BorderThickness 2
|
|
}
|
|
|
|
|
|
skinparam state {
|
|
FontColor #4682b4
|
|
BorderColor #b7b6b5
|
|
BackgroundColor #E5E4E2-#b7b6b5
|
|
StartColor #4682b4
|
|
EndColor #4682b4
|
|
AttributeFontColor #c0c0c0
|
|
AttributeFontSize 11
|
|
}
|
|
|
|
|
|
skinparam queue {
|
|
FontColor #4682b4
|
|
BorderColor #b7b6b5
|
|
BackgroundColor #E5E4E2-#b7b6b5
|
|
}
|
|
|
|
|
|
skinparam card {
|
|
BackgroundColor #5c85ad-#29527a
|
|
BorderColor #4682b4
|
|
FontColor #fdfdfd
|
|
}
|
|
|
|
|
|
skinparam file {
|
|
BackgroundColor #cdcdcd-#9a9a9a
|
|
BorderColor #737373
|
|
FontColor #f2f2f2
|
|
|
|
}
|
|
|
|
|
|
skinparam stack {
|
|
FontColor #4682b4
|
|
BorderColor #b7b6b5
|
|
BackgroundColor #E5E4E2-#b7b6b5
|
|
}
|
|
|
|
title Usecase Diagram - metal 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> |