PlantUML

Here are the diagrams in your workspace, converted to PlantUML format.

You can click the buttons to render individual diagrams, or render all diagrams. Please note that editing, viewing or rendering diagrams will send your diagram content to http://plantuml.com/plantuml.

System Landscape for Widgets Limited

The system landscape for Widgets Limited.

Download (raw) Download (encoded) Edit at http://plantuml.com/plantuml View at http://plantuml.com/plantuml

@startuml(id=SystemLandscape)
scale max 2000x1409
title System Landscape for Widgets Limited
caption The system landscape for Widgets Limited.

skinparam {
  shadowing false
  arrowColor #707070
  actorBorderColor #707070
  componentBorderColor #707070
  rectangleBorderColor #707070
  noteBackgroundColor #ffffff
  noteBorderColor #707070
}
actor "Customer" <<Person>> as 1 #ec5381
note right of 1
  A customer of Widgets
  Limited.
end note
rectangle 6 <<Software System>> #ec5381 [
  Braintree Payments
  --
  Processes credit card
  payments on behalf of Widgets
  Limited.
]
rectangle 7 <<Software System>> #ec5381 [
  Jersey Post
  --
  Calculates worldwide shipping
  costs for packages.
]
rectangle 5 <<Software System>> #ec5381 [
  Taxamo
  --
  Calculates local tax (for EU
  B2B customers) and acts as a
  front-end for Braintree
  Payments.
]
package "Widgets Limited" {
  actor "Customer Service Agent" <<Person>> as 2 #b60037
  note right of 2
    Deals with customer
    enquiries.
  end note
  rectangle 3 <<Software System>> #b60037 [
    E-commerce System
    --
    Allows customers to buy
    widgets online via the
    widgets.com website.
  ]
  rectangle 4 <<Software System>> #b60037 [
    Fulfilment System
    --
    Responsible for processing
    and shipping of customer
    orders.
  ]
}
2 .[#707070].> 3 : Looks up order information using
1 .[#707070].> 2 : <<Telephone>>\nAsks questions to
1 .[#707070].> 3 : Places orders for widgets using
3 .[#707070].> 4 : Sends order information to
3 .[#707070].> 5 : Delegates credit card processing to
4 .[#707070].> 7 : Gets shipping charges from
5 .[#707070].> 6 : Uses for credit card processing
@enduml

(please note that this will send your diagram content to http://plantuml.com/plantuml)

E-commerce System - System Context

The system context diagram for the Widgets Limited e-commerce system.

Download (raw) Download (encoded) Edit at http://plantuml.com/plantuml View at http://plantuml.com/plantuml

@startuml(id=EcommerceSystemContext)
scale max 2000x1409
title E-commerce System - System Context
caption The system context diagram for the Widgets Limited e-commerce system.

skinparam {
  shadowing false
  arrowColor #707070
  actorBorderColor #707070
  componentBorderColor #707070
  rectangleBorderColor #707070
  noteBackgroundColor #ffffff
  noteBorderColor #707070
}
actor "Customer" <<Person>> as 1 #ec5381
note right of 1
  A customer of Widgets
  Limited.
end note
rectangle 5 <<Software System>> #ec5381 [
  Taxamo
  --
  Calculates local tax (for EU
  B2B customers) and acts as a
  front-end for Braintree
  Payments.
]
package "Widgets Limited" {
  actor "Customer Service Agent" <<Person>> as 2 #b60037
  note right of 2
    Deals with customer
    enquiries.
  end note
  rectangle 3 <<Software System>> #b60037 [
    E-commerce System
    --
    Allows customers to buy
    widgets online via the
    widgets.com website.
  ]
  rectangle 4 <<Software System>> #b60037 [
    Fulfilment System
    --
    Responsible for processing
    and shipping of customer
    orders.
  ]
}
2 .[#707070].> 3 : Looks up order information using
1 .[#707070].> 3 : Places orders for widgets using
3 .[#707070].> 4 : Sends order information to
3 .[#707070].> 5 : Delegates credit card processing to
@enduml

(please note that this will send your diagram content to http://plantuml.com/plantuml)

Fulfilment System - System Context

The system context diagram for the Widgets Limited fulfilment system.

Download (raw) Download (encoded) Edit at http://plantuml.com/plantuml View at http://plantuml.com/plantuml

@startuml(id=FulfilmentSystemContext)
scale max 2000x1409
title Fulfilment System - System Context
caption The system context diagram for the Widgets Limited fulfilment system.

skinparam {
  shadowing false
  arrowColor #707070
  actorBorderColor #707070
  componentBorderColor #707070
  rectangleBorderColor #707070
  noteBackgroundColor #ffffff
  noteBorderColor #707070
}
rectangle 7 <<Software System>> #ec5381 [
  Jersey Post
  --
  Calculates worldwide shipping
  costs for packages.
]
package "Widgets Limited" {
  rectangle 3 <<Software System>> #b60037 [
    E-commerce System
    --
    Allows customers to buy
    widgets online via the
    widgets.com website.
  ]
  rectangle 4 <<Software System>> #b60037 [
    Fulfilment System
    --
    Responsible for processing
    and shipping of customer
    orders.
  ]
}
3 .[#707070].> 4 : Sends order information to
4 .[#707070].> 7 : Gets shipping charges from
@enduml

(please note that this will send your diagram content to http://plantuml.com/plantuml)

@startuml(id=CustomerSupportCall)
scale max 2000x1409
title Dynamic
caption A high-level overview of the customer support call process.

skinparam {
  shadowing false
  arrowColor #707070
  actorBorderColor #707070
  componentBorderColor #707070
  rectangleBorderColor #707070
  noteBackgroundColor #ffffff
  noteBorderColor #707070
}
actor "Customer" as 1 <<Person>> #ec5381
actor "Customer Service Agent" as 2 <<Person>> #b60037
participant "E-commerce System" as 3 <<Software System>> #b60037
1 -[#707070]> 2 : 1. Asks questions to
2 -[#707070]> 3 : 2. Looks up order information using
@enduml

(please note that this will send your diagram content to http://plantuml.com/plantuml)