@startuml title integration options left to right direction actor "User" as USER rectangle "Process" as PROCESS { usecase "Login Page" as LG usecase "Product Search" as PS usecase "Product Information" as PI usecase "Previous orders" as PO usecase "Purchase Product" as PP usecase "Related Products" as RP usecase "Payment" as PAY usecase "Shipping" as SHIP usecase "Tracking" as TRACK usecase "Describtion" as DES usecase "Image and or Video" as IMG usecase "Price" as PRICE usecase "Stock" as STOCK usecase "Credit Card" as CC usecase "On Account" as OA } Rectangle INT #white [ <b>Integrations {{ usecase "API 1" as A1 usecase "API 2" as A2 A1 -[hidden]-> A2 }} ] rectangle "Data" as DATA { usecase "Point 1" as BS usecase "Point 2" as DAL usecase "Point 3" as GO } USER ---> LG USER ---> PS USER ---> PI USER ---> PO USER ---> PP USER ---> RP USER ---> PAY USER ---> SHIP USER ---> TRACK PI --> DES PI --> IMG PI --> PRICE PI --> STOCK PAY --> CC PAY --> OA CC --> INT OA --> INT INT ---> DAL INT ---> BS DES ---> INT IMG ---> INT PRICE ---> INT STOCK ---> INT @enduml
Decode URL
Submit
amiga
aws-orange
black-knight
bluegray
blueprint
cerulean-outline
cerulean
crt-amber
crt-green
cyborg-outline
cyborg
hacker
lightgray
mars
materia-outline
materia
metal
mimeograph
minty
plain
reddress-darkblue
reddress-darkgreen
reddress-darkorange
reddress-darkred
reddress-lightblue
reddress-lightgreen
reddress-lightorange
reddress-lightred
sandstone
silver
sketchy-outline
sketchy
spacelab
spacelab-white
superhero-outline
superhero
toy
united
vibrant
Pure Javascript
PNG
SVG
ASCII Art