1. Runtime Modernization Diagram Template
August 6th 2019
IBM Cloud Architecture Center
Runtime Modernization Diagram Template
Using the Diagram Template
This template is for use in creating a visual representation of Runtime Modernization
You may add numbers (which are provided on page 4) to the diagram to correspond to the runtime flow steps in your architecture.
See instructions on how to gray out icons and lines on Page 5

2. Runtime Modernization Using WebSphere Liberty- Analyze
NEXT GEN
DEVELOPMENT
EXPERIENCE
ACCELERATIONS
EXISTING WEBSPHERE
ENVIRONMENT
TRANSFORMATION
ADVISOR
APPLICATION
DATA
COLLECTOR 5 1 4
IDE
SOURCE CODE
REPOSITORY 6 2
WEBSPHERE 3
ANALASIS &
RECOMENDATIONS 7
OPINIONATED
CONTAINER
TEMPLATES 8
LEGEND
Application
Analytics

3. Runtime Modernization -Build and Deploy
OPENSHIFT
CONTAINER
PLATFORM
APPLICATION
DEV PROJECT
Maven Build & Test
JENKINS
Docker Build Image
Deploy to Dev
Deploy to Staging
Deploy to Prod
BUILD PROJECT
DOCKER
REGISTRY 7 3 9
ENTERPRISE
DEVELOPER
SOURCE CODE
REPOSITORY 1 2 4 5
APPLICATION
STAGING PROJECT 6 8 12 11 10
APPLICATION
PROD PROJECT
LEGEND
User
Application

4. CustomerOrderServices
Runtime Modernization Using WebSphere Liberty- Run and Manage
PUBLIC
ROUTE
SERVICE
DEVELOPMENT 2 3 4 5
OPENSHIFT
ROUTE
BROWSER
KUBERNETES
SERVICE
KUBE-DNS
LIBERTY
CustomerOrderServices
Application
ORDER
DATABASE 1 6
COMMON OPERATIONAL SERVICES 7
METERING
LOGGING
MONITORING
LEGEND
User
Service management
Data store

5. Runtime numbers IBM Cloud Architecture Center 1 2 3 4 5 6 7 8 9 10 1112 13 14 15 16 17 18 19 20

6. Gray Icons and Arrows for Background
IBM Cloud Architecture Center
Gray Icons and Arrows for Background
OFFLINE
CAPABILITIES
Select icon and ungroup.
Select the icon background and change the fill color to R221, G221, B221. This is a standard color. See the picture.
Change the text to the same color.
Regroup the icon.
Change background arrows to the same color.