147 lines
7.5 KiB
XML
147 lines
7.5 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="345px" preserveAspectRatio="none" style="width:353px;height:345px;" version="1.1" viewBox="0 0 353 345" width="353px" zoomAndPan="magnify"><defs><filter height="300%" id="f17h64ka7w3oiz" width="300%" x="-1" y="-1"><feGaussianBlur result="blurOut" stdDeviation="2.0"/><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.0" dy="4.0" in="blurOut2" result="blurOut3"/><feBlend in="SourceGraphic" in2="blurOut3" mode="normal"/></filter></defs><g><rect fill="none" height="26.2969" style="stroke:none;stroke-width:1.0;" width="317" x="12" y="5"/><text fill="#000000" font-family="sans-serif" font-size="14" font-weight="bold" lengthAdjust="spacing" textLength="307" x="17" y="22.9951">Usecase Diagram - resume-light theme</text><!--MD5=[111002b242a260edbcaabc3e471064d0]
|
||
|
cluster checkout--><rect fill="#FFFFFF" filter="url(#f17h64ka7w3oiz)" height="243" rx="5" ry="5" style="stroke:#000000;stroke-width:2.0;" width="149" x="119" y="44.2969"/><text fill="#000000" font-family="sans-serif" font-size="14" font-weight="bold" lengthAdjust="spacing" textLength="73" x="157" y="59.292">checkout</text><ellipse cx="193.5731" cy="175.0588" fill="#FEFECE" rx="58.5731" ry="14.7619" style="stroke:#A80036;stroke-width:1.0;"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="65" x="158.0731" y="178.8064">checkout</text><ellipse cx="193.3402" cy="94.5307" fill="#FEFECE" rx="54.8402" ry="14.7338" style="stroke:#A80036;stroke-width:1.0;"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="60" x="160.3402" y="98.2782">payment</text><ellipse cx="193.6985" cy="256.3205" fill="#FEFECE" rx="32.6985" ry="14.5236" style="stroke:#A80036;stroke-width:1.0;"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="30" x="178.6709" y="259.1779">help</text><!--MD5=[92848cbaf65985a669855153c5362c37]
|
||
|
entity customer--><ellipse cx="39" cy="143.7969" fill="#FEFECE" filter="url(#f17h64ka7w3oiz)" rx="8" ry="8" style="stroke:#A80036;stroke-width:2.0;"/><path d="M39,151.7969 L39,178.7969 M26,159.7969 L52,159.7969 M39,178.7969 L26,193.7969 M39,178.7969 L52,193.7969 " fill="none" filter="url(#f17h64ka7w3oiz)" style="stroke:#A80036;stroke-width:2.0;"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="66" x="6" y="213.792">customer</text><!--MD5=[ebeabf449828f4e0b33bbb47961e644b]
|
||
|
entity clerk--><ellipse cx="331.5" cy="143.7969" fill="#FEFECE" filter="url(#f17h64ka7w3oiz)" rx="8" ry="8" style="stroke:#A80036;stroke-width:2.0;"/><path d="M331.5,151.7969 L331.5,178.7969 M318.5,159.7969 L344.5,159.7969 M331.5,178.7969 L318.5,193.7969 M331.5,178.7969 L344.5,193.7969 " fill="none" filter="url(#f17h64ka7w3oiz)" style="stroke:#A80036;stroke-width:2.0;"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="33" x="315" y="213.792">clerk</text><!--MD5=[852381a7bb976b86080137fb6d718ea9]
|
||
|
link customer to checkout--><path d="M72.34,175.2969 C90.53,175.2969 113.77,175.2969 134.95,175.2969 " fill="none" id="customer-checkout" style="stroke:#A80036;stroke-width:1.0;"/><!--MD5=[3ad5c6d5c608bfd6b87dc9c07c40a15f]
|
||
|
link checkout to payment--><path d="M193.5,160.0569 C193.5,147.1169 193.5,128.4369 193.5,114.2869 " fill="none" id="checkout-to-payment" style="stroke:#A80036;stroke-width:1.0;stroke-dasharray:7.0,7.0;"/><polygon fill="#A80036" points="193.5,108.9169,189.5,117.9169,193.5,113.9169,197.5,117.9169,193.5,108.9169" style="stroke:#A80036;stroke-width:1.0;"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacing" textLength="45" x="159.5" y="139.1138">include</text><!--MD5=[739e7928149c8fe27c2b5850560351c7]
|
||
|
link help to checkout--><path d="M193.5,241.4369 C193.5,228.5069 193.5,209.6369 193.5,195.3669 " fill="none" id="help-to-checkout" style="stroke:#A80036;stroke-width:1.0;stroke-dasharray:7.0,7.0;"/><polygon fill="#A80036" points="193.5,190.3369,189.5,199.3369,193.5,195.3369,197.5,199.3369,193.5,190.3369" style="stroke:#A80036;stroke-width:1.0;"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacing" textLength="51" x="156.5" y="220.6138">extends</text><!--MD5=[b4c4ee8f2d94c159d2b9e04bd372cbe0]
|
||
|
link checkout to clerk--><path d="M252.18,175.2969 C275.05,175.2969 299.53,175.2969 314.91,175.2969 " fill="none" id="checkout-clerk" style="stroke:#A80036;stroke-width:1.0;"/><rect fill="#DDDDDD" height="28.2969" rx="7.5" ry="7.5" style="stroke:#000000;stroke-width:1.0;" width="132" x="104.5" y="306.2969"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="120" x="110.5" y="325.292">This is my legend</text><!--MD5=[8a4ba57282fa99b89269e6a212680bcf]
|
||
|
@startuml
|
||
|
|
||
|
!$THEME = "resume-light"
|
||
|
|
||
|
!if %not(%variable_exists("$BGCOLOR"))
|
||
|
!$BGCOLOR = "transparent"
|
||
|
!endif
|
||
|
|
||
|
skinparam backgroundColor $BGCOLOR
|
||
|
skinparam useBetaStyle false
|
||
|
|
||
|
|
||
|
skinparam {
|
||
|
skinparam defaultFontName "Verdana"
|
||
|
skinparam defaultFontSize 12
|
||
|
defaultTextAlignment center
|
||
|
shadowing false
|
||
|
RoundCorner 10
|
||
|
TitleFontSize 18
|
||
|
}
|
||
|
<style>
|
||
|
wbsDiagram {
|
||
|
LineColor #f0f0f0
|
||
|
BorderThickness 3
|
||
|
BackgroundColor #f9f9f9
|
||
|
FontColor #6a9fb5
|
||
|
:depth(0) {
|
||
|
fontSize 16
|
||
|
fontStyle bold
|
||
|
}
|
||
|
:depth(1) {
|
||
|
fontSize 14
|
||
|
padding 5
|
||
|
fontStyle bold
|
||
|
}
|
||
|
:depth(2) {
|
||
|
fontSize 12
|
||
|
padding 3
|
||
|
}
|
||
|
:depth(3) {
|
||
|
fontSize 10
|
||
|
padding 2
|
||
|
}
|
||
|
|
||
|
}
|
||
|
</style>
|
||
|
|
||
|
!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 {
|
||
|
skinparam defaultFontName "Verdana"
|
||
|
skinparam defaultFontSize 12
|
||
|
defaultTextAlignment center
|
||
|
shadowing false
|
||
|
RoundCorner 10
|
||
|
TitleFontSize 18
|
||
|
}
|
||
|
<style>
|
||
|
wbsDiagram {
|
||
|
LineColor #f0f0f0
|
||
|
BorderThickness 3
|
||
|
BackgroundColor #f9f9f9
|
||
|
FontColor #6a9fb5
|
||
|
:depth(0) {
|
||
|
fontSize 16
|
||
|
fontStyle bold
|
||
|
}
|
||
|
:depth(1) {
|
||
|
fontSize 14
|
||
|
padding 5
|
||
|
fontStyle bold
|
||
|
}
|
||
|
:depth(2) {
|
||
|
fontSize 12
|
||
|
padding 3
|
||
|
}
|
||
|
:depth(3) {
|
||
|
fontSize 10
|
||
|
padding 2
|
||
|
}
|
||
|
|
||
|
}
|
||
|
</style>
|
||
|
|
||
|
title Usecase Diagram - resume-light 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>
|