first
This commit is contained in:
chenp
802
puml/materia-outline/usecase-ex.svg
Normal file
802
puml/materia-outline/usecase-ex.svg
Normal file
@@ -0,0 +1,802 @@
|
||||
<?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="543.75px" preserveAspectRatio="none" style="width:491px;height:543px;background:#00000000;" version="1.1" viewBox="0 0 491 543" width="491.6667px" zoomAndPan="magnify"><defs><filter height="300%" id="fp2jnejxs496b" width="300%" x="-1" y="-1"><feGaussianBlur result="blurOut" stdDeviation="2.0833333333333335"/><feColorMatrix in="blurOut" result="blurOut2" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .4 0"/><feOffset dx="4.166666666666667" dy="4.166666666666667" in="blurOut2" result="blurOut3"/><feBlend in="SourceGraphic" in2="blurOut3" mode="normal"/></filter></defs><g><rect height="56.5694" rx="4.1667" ry="4.1667" style="stroke:#CCCCCC;stroke-width:1.0416666666666667;fill:none;" width="479.1667" x="2.0833" y="2.0833"/><text fill="#2196F3" font-family="Verdana" font-size="20.8333" lengthAdjust="spacing" textLength="441.6667" x="20.8333" y="38.6536">Usecase Diagram - materia-outline theme</text><!--MD5=[111002b242a260edbcaabc3e471064d0]
|
||||
cluster checkout--><rect filter="url(#fp2jnejxs496b)" height="392.7083" rx="4.1667" ry="4.1667" style="stroke:#2196F3;stroke-width:2.0833333333333335;fill:none;" width="168.75" x="179.1667" y="69.0694"/><text fill="#2196F3" font-family="Verdana" font-size="12.5" font-weight="bold" lengthAdjust="spacing" textLength="61.4583" x="232.8125" y="94.1366">checkout</text><ellipse cx="263.7765" cy="284.6471" fill="none" filter="url(#fp2jnejxs496b)" rx="67.9431" ry="28.5985" style="stroke:#2196F3;stroke-width:2.0833333333333335;"/><text fill="#2196F3" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="58.3333" x="234.6098" y="287.5351">checkout</text><ellipse cx="263.5607" cy="153.3971" fill="none" filter="url(#fp2jnejxs496b)" rx="67.2066" ry="28.5985" style="stroke:#2196F3;stroke-width:2.0833333333333335;"/><text fill="#2196F3" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="57.2917" x="234.9149" y="156.2851">payment</text><ellipse cx="263.7701" cy="415.8971" fill="none" filter="url(#fp2jnejxs496b)" rx="46.5826" ry="28.5985" style="stroke:#2196F3;stroke-width:2.0833333333333335;"/><text fill="#2196F3" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="28.125" x="249.7076" y="418.7851">help</text><!--MD5=[92848cbaf65985a669855153c5362c37]
|
||||
entity customer--><ellipse cx="89.5833" cy="242.5069" fill="none" filter="url(#fp2jnejxs496b)" rx="8.3333" ry="8.3333" style="stroke:#2196F3;stroke-width:1.5625;"/><path d="M89.5833,250.8403 L89.5833,278.9653 M76.0417,259.1736 L103.125,259.1736 M89.5833,278.9653 L76.0417,294.5903 M89.5833,278.9653 L103.125,294.5903 " fill="none" filter="url(#fp2jnejxs496b)" style="stroke:#2196F3;stroke-width:1.5625;"/><text fill="#2196F3" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="60.4167" x="59.375" y="323.3032">customer</text><!--MD5=[ebeabf449828f4e0b33bbb47961e644b]
|
||||
entity clerk--><ellipse cx="422.3958" cy="242.5069" fill="none" filter="url(#fp2jnejxs496b)" rx="8.3333" ry="8.3333" style="stroke:#2196F3;stroke-width:1.5625;"/><path d="M422.3958,250.8403 L422.3958,278.9653 M408.8542,259.1736 L435.9375,259.1736 M422.3958,278.9653 L408.8542,294.5903 M422.3958,278.9653 L435.9375,294.5903 " fill="none" filter="url(#fp2jnejxs496b)" style="stroke:#2196F3;stroke-width:1.5625;"/><text fill="#2196F3" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="30.2083" x="407.2917" y="323.3032">clerk</text><!--MD5=[852381a7bb976b86080137fb6d718ea9]
|
||||
link customer to checkout--><path d="M130.4896,284.6944 C149.8229,284.6944 173.5833,284.6944 195.5833,284.6944 " fill="none" id="customer-checkout" style="stroke:#2196F3;stroke-width:3.125;"/><!--MD5=[3ad5c6d5c608bfd6b87dc9c07c40a15f]
|
||||
link checkout to payment--><path d="M263.5417,255.8923 C263.5417,235.7153 263.5417,208.684 263.5417,187.4444 " fill="none" id="checkout-to-payment" style="stroke:#2196F3;stroke-width:3.125;stroke-dasharray:7.0,7.0;"/><polygon fill="#2196F3" points="263.5417,182.184,259.375,191.559,263.5417,187.3923,267.7083,191.559,263.5417,182.184" style="stroke:#2196F3;stroke-width:3.125;"/><text fill="#222222" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="45.8333" x="218.75" y="224.3449">include</text><!--MD5=[739e7928149c8fe27c2b5850560351c7]
|
||||
link help to checkout--><path d="M263.5417,387.1423 C263.5417,366.9653 263.5417,339.934 263.5417,318.6944 " fill="none" id="help-to-checkout" style="stroke:#2196F3;stroke-width:3.125;stroke-dasharray:7.0,7.0;"/><polygon fill="#2196F3" points="263.5417,313.434,259.375,322.809,263.5417,318.6423,267.7083,322.809,263.5417,313.434" style="stroke:#2196F3;stroke-width:3.125;"/><text fill="#222222" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="53.125" x="215.1042" y="355.5949">extends</text><!--MD5=[b4c4ee8f2d94c159d2b9e04bd372cbe0]
|
||||
link checkout to clerk--><path d="M331.5208,284.6944 C354.6563,284.6944 379.1563,284.6944 396.7083,284.6944 " fill="none" id="checkout-clerk" style="stroke:#2196F3;stroke-width:3.125;"/><rect height="46.4417" rx="5.2083" ry="5.2083" style="stroke:#CCCCCC;stroke-width:1.0416666666666667;fill:none;" width="145.8333" x="168.75" y="481.5694"/><text fill="#222222" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="112.5" x="185.4167" y="509.7616">This is my legend</text><!--MD5=[fa3ab615848a11b668c5be8073ed5a67]
|
||||
@startuml
|
||||
|
||||
!$THEME = "materia-outline"
|
||||
|
||||
!if %not(%variable_exists("$BGCOLOR"))
|
||||
!$BGCOLOR = "transparent"
|
||||
!endif
|
||||
|
||||
skinparam backgroundColor $BGCOLOR
|
||||
skinparam useBetaStyle false
|
||||
|
||||
!$BLUE = "#2196F3"
|
||||
!$INDIGO = "#6610f2"
|
||||
!$PURPLE = "#6f42c1"
|
||||
!$PINK = "#e83e8c"
|
||||
!$RED = "#e51c23"
|
||||
!$ORANGE = "#fd7e14"
|
||||
!$YELLOW = "#ff9800"
|
||||
!$GREEN = "#4CAF50"
|
||||
!$TEAL = "#20c997"
|
||||
!$CYAN = "#9C27B0"
|
||||
!$WHITE = "#FFF"
|
||||
!$GRAY_DARK = "#222"
|
||||
!$GRAY = "#666"
|
||||
!$PRIMARY = "#2196F3"
|
||||
!$SECONDARY = "#fff"
|
||||
!$SUCCESS = "#4CAF50"
|
||||
!$INFO = "#9C27B0"
|
||||
!$WARNING = "#ff9800"
|
||||
!$DANGER = "#e51c23"
|
||||
!$LIGHT = "#fff"
|
||||
!$DARK = "#222"
|
||||
|
||||
!$FGCOLOR = $DARK
|
||||
!$PRIMARY_LIGHT = "#4dabf5"
|
||||
!$PRIMARY_DARK = "#1a78c2"
|
||||
!$PRIMARY_TEXT = $PRIMARY
|
||||
!$SECONDARY_LIGHT = "#fff"
|
||||
!$SECONDARY_DARK = "#cccccc"
|
||||
!$SECONDARY_TEXT = $SECONDARY_DARK
|
||||
!$INFO_LIGHT = "#b052c0"
|
||||
!$INFO_DARK = "#7D1F8D"
|
||||
!$INFO_TEXT = $INFO
|
||||
!$SUCCESS_LIGHT = "#70bf73"
|
||||
!$SUCCESS_DARK = "#3D8C40"
|
||||
!$SUCCESS_TEXT = $SUCCESS
|
||||
!$WARNING_LIGHT = "#ffad33"
|
||||
!$WARNING_DARK = "#CC7A00"
|
||||
!$WARNING_TEXT = $WARNING
|
||||
!$DANGER_LIGHT = "#B7161C"
|
||||
!$DANGER_TEXT = $DANGER
|
||||
|
||||
!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 true
|
||||
skinparam roundcorner 8
|
||||
skinparam ParticipantPadding 40
|
||||
skinparam BoxPadding 40
|
||||
skinparam Padding 10
|
||||
skinparam TitleFontColor $DARK
|
||||
skinparam TitleFontSize 20
|
||||
skinparam TitleBorderThickness 0
|
||||
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
|
||||
GroupBackgroundColor $BGCOLOR
|
||||
GroupBodyBackgroundColor $BGCOLOR
|
||||
GroupHeaderBackgroundColor $BGCOLOR
|
||||
DividerBackgroundColor $BGCOLOR
|
||||
DividerBorderColor $GRAY
|
||||
DividerBorderThickness 2
|
||||
DividerFontColor $DARK
|
||||
ReferenceBackgroundColor $BGCOLOR
|
||||
ReferenceBorderColor $GRAY
|
||||
ReferenceFontColor $DARK
|
||||
ReferenceHeaderFontColor $INFO
|
||||
}
|
||||
!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
|
||||
}
|
||||
!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
|
||||
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("$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 true
|
||||
skinparam roundcorner 8
|
||||
skinparam ParticipantPadding 40
|
||||
skinparam BoxPadding 40
|
||||
skinparam Padding 10
|
||||
skinparam TitleFontColor #222
|
||||
skinparam TitleFontSize 20
|
||||
skinparam TitleBorderThickness 0
|
||||
skinparam ArrowColor #666
|
||||
skinparam stereotype {
|
||||
CBackgroundColor #fff
|
||||
CBorderColor #cccccc
|
||||
ABackgroundColor #70bf73
|
||||
ABorderColor #3D8C40
|
||||
IBackgroundColor #B7161C
|
||||
IBorderColor $DANGER_DARK
|
||||
EBackgroundColor #ffad33
|
||||
EBorderColor #CC7A00
|
||||
NBackgroundColor #b052c0
|
||||
NBorderColor #7D1F8D
|
||||
}
|
||||
skinparam title {
|
||||
FontColor #2196F3
|
||||
BorderColor #cccccc
|
||||
FontSize 20
|
||||
BorderRoundCorner 8
|
||||
BorderThickness 1
|
||||
BackgroundColor transparent
|
||||
}
|
||||
|
||||
skinparam legend {
|
||||
BackgroundColor transparent
|
||||
BorderColor #cccccc
|
||||
FontColor #222
|
||||
}
|
||||
|
||||
skinparam swimlane {
|
||||
BorderColor #9C27B0
|
||||
BorderThickness 2
|
||||
TitleBackgroundColor #fff-#fff
|
||||
TitleFontColor #2196F3
|
||||
}
|
||||
|
||||
|
||||
skinparam activity {
|
||||
FontColor #2196F3
|
||||
BorderColor #2196F3
|
||||
BackgroundColor transparent
|
||||
BarColor #4CAF50
|
||||
StartColor #9C27B0
|
||||
EndColor #9C27B0
|
||||
DiamondBackgroundColor transparent
|
||||
DiamondBorderColor #cccccc
|
||||
DiamondFontColor #cccccc
|
||||
}
|
||||
|
||||
|
||||
skinparam participant {
|
||||
FontColor #2196F3
|
||||
BorderColor #2196F3
|
||||
BackgroundColor transparent
|
||||
ParticipantBorderThickness 2
|
||||
}
|
||||
|
||||
|
||||
skinparam actor {
|
||||
FontColor #2196F3
|
||||
BorderColor #2196F3
|
||||
BackgroundColor transparent
|
||||
}
|
||||
|
||||
|
||||
skinparam arrow {
|
||||
Thickness 3
|
||||
Color #2196F3
|
||||
FontColor #222
|
||||
}
|
||||
|
||||
|
||||
skinparam sequence {
|
||||
BorderColor #2196F3
|
||||
TitleFontColor #2196F3
|
||||
BackgroundColor transparent
|
||||
StartColor #2196F3
|
||||
EndColor #2196F3
|
||||
BoxBackgroundColor transparent
|
||||
BoxBorderColor #666
|
||||
BoxFontColor #222
|
||||
LifeLineBorderColor #cccccc
|
||||
LifeLineBorderThickness 2
|
||||
LifeLineBackgroundColor transparent
|
||||
GroupBorderColor #666
|
||||
GroupFontColor #222
|
||||
GroupHeaderFontColor #9C27B0
|
||||
GroupBackgroundColor transparent
|
||||
GroupBodyBackgroundColor transparent
|
||||
GroupHeaderBackgroundColor transparent
|
||||
DividerBackgroundColor transparent
|
||||
DividerBorderColor #666
|
||||
DividerBorderThickness 2
|
||||
DividerFontColor #222
|
||||
ReferenceBackgroundColor transparent
|
||||
ReferenceBorderColor #666
|
||||
ReferenceFontColor #222
|
||||
ReferenceHeaderFontColor #9C27B0
|
||||
}
|
||||
|
||||
|
||||
skinparam partition {
|
||||
BorderColor #2196F3
|
||||
FontColor #2196F3
|
||||
BackgroundColor transparent
|
||||
}
|
||||
|
||||
|
||||
skinparam collections {
|
||||
FontColor #2196F3
|
||||
BorderColor #2196F3
|
||||
BackgroundColor transparent
|
||||
}
|
||||
|
||||
|
||||
skinparam control {
|
||||
FontColor #2196F3
|
||||
BorderColor #2196F3
|
||||
BackgroundColor transparent
|
||||
}
|
||||
|
||||
|
||||
skinparam entity {
|
||||
FontColor #2196F3
|
||||
BorderColor #2196F3
|
||||
BackgroundColor transparent
|
||||
}
|
||||
|
||||
|
||||
skinparam boundary {
|
||||
FontColor #2196F3
|
||||
BorderColor #2196F3
|
||||
BackgroundColor transparent
|
||||
}
|
||||
|
||||
|
||||
skinparam agent {
|
||||
BackgroundColor transparent
|
||||
BorderColor #999999
|
||||
FontColor #333333
|
||||
}
|
||||
|
||||
|
||||
skinparam note {
|
||||
BorderThickness 1
|
||||
BackgroundColor transparent
|
||||
BorderColor #9C27B0
|
||||
FontColor #9C27B0
|
||||
}
|
||||
|
||||
|
||||
skinparam artifact {
|
||||
BackgroundColor transparent
|
||||
BorderColor #666
|
||||
FontColor #666
|
||||
}
|
||||
|
||||
|
||||
skinparam component {
|
||||
FontColor #2196F3
|
||||
BorderColor #2196F3
|
||||
BackgroundColor transparent
|
||||
}
|
||||
|
||||
|
||||
skinparam interface {
|
||||
BackgroundColor transparent
|
||||
BorderColor #e51c23
|
||||
FontColor #222
|
||||
}
|
||||
|
||||
|
||||
skinparam storage {
|
||||
BackgroundColor transparent
|
||||
BorderColor #ff9800
|
||||
FontColor #ff9800
|
||||
}
|
||||
|
||||
|
||||
skinparam node {
|
||||
BackgroundColor transparent
|
||||
BorderColor #222
|
||||
FontColor #222
|
||||
}
|
||||
|
||||
|
||||
skinparam cloud {
|
||||
BackgroundColor transparent
|
||||
BorderColor #F2FCFE
|
||||
FontColor #222
|
||||
}
|
||||
|
||||
|
||||
skinparam database {
|
||||
FontColor #2196F3
|
||||
BorderColor #2196F3
|
||||
BackgroundColor transparent
|
||||
}
|
||||
|
||||
|
||||
skinparam class {
|
||||
FontColor #2196F3
|
||||
BorderColor #2196F3
|
||||
BackgroundColor transparent
|
||||
FontColor #fff
|
||||
HeaderBackgroundColor #2196F3-#1a78c2
|
||||
StereotypeFontColor #222
|
||||
BorderThickness 1
|
||||
AttributeFontColor #222
|
||||
AttributeFontSize 11
|
||||
}
|
||||
|
||||
|
||||
skinparam object {
|
||||
FontColor #2196F3
|
||||
BorderColor #2196F3
|
||||
BackgroundColor transparent
|
||||
StereotypeFontColor #222
|
||||
BorderThickness 1
|
||||
AttributeFontColor #cccccc
|
||||
AttributeFontSize 11
|
||||
}
|
||||
|
||||
|
||||
skinparam usecase {
|
||||
FontColor #2196F3
|
||||
BorderColor #2196F3
|
||||
BackgroundColor transparent
|
||||
BorderThickness 2
|
||||
StereotypeFontColor #2196F3
|
||||
}
|
||||
|
||||
|
||||
skinparam rectangle {
|
||||
FontColor #2196F3
|
||||
BorderColor #2196F3
|
||||
BackgroundColor transparent
|
||||
BorderThickness 2
|
||||
StereotypeFontColor #2196F3
|
||||
}
|
||||
|
||||
|
||||
skinparam package {
|
||||
BackgroundColor transparent
|
||||
BorderColor #2196F3
|
||||
FontColor #2196F3
|
||||
BorderThickness 2
|
||||
}
|
||||
|
||||
|
||||
skinparam folder {
|
||||
BackgroundColor transparent
|
||||
BorderColor #ff9800
|
||||
FontColor #ff9800
|
||||
BorderThickness 2
|
||||
}
|
||||
|
||||
|
||||
skinparam frame {
|
||||
BackgroundColor transparent
|
||||
BorderColor #9C27B0
|
||||
FontColor #9C27B0
|
||||
BorderThickness 2
|
||||
}
|
||||
|
||||
|
||||
skinparam state {
|
||||
FontColor #2196F3
|
||||
BorderColor #2196F3
|
||||
BackgroundColor transparent
|
||||
StartColor #9C27B0
|
||||
EndColor #9C27B0
|
||||
AttributeFontColor #cccccc
|
||||
AttributeFontSize 11
|
||||
}
|
||||
|
||||
|
||||
skinparam queue {
|
||||
FontColor #2196F3
|
||||
BorderColor #2196F3
|
||||
BackgroundColor transparent
|
||||
}
|
||||
|
||||
|
||||
skinparam card {
|
||||
BackgroundColor transparent
|
||||
BorderColor #9C27B0
|
||||
FontColor #9C27B0
|
||||
}
|
||||
|
||||
|
||||
skinparam file {
|
||||
BackgroundColor transparent
|
||||
BorderColor #666
|
||||
FontColor #666
|
||||
|
||||
}
|
||||
|
||||
|
||||
skinparam stack {
|
||||
FontColor #2196F3
|
||||
BorderColor #2196F3
|
||||
BackgroundColor transparent
|
||||
}
|
||||
|
||||
title Usecase Diagram - materia-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>
|
||||
|
After Width: | Height: | Size: 18 KiB |
Reference in New Issue
Block a user