Demo Flow¶

Demo Flow

Overview¶

This Step by Step Demo Guide will give you compact Instructions how to demo DevOps Loop. For more detailed information about the Capabilities and Steps links to the indepth enablement Guide has been added.

Loop ¶

Step	Details	Additional Information
1	Open DevOps Loop in Browser	example URL= 'https://devops.automation.techzone.ibm.com/automation'
2	Enter Your Credentials in the Login Screen Example: User: 'demo@devops.loop' Password: 'Passw0rd'
3	Click on the Sign In Button

The Home Page¶

Step	Details	Additional Information
1	After you have been logged in you will be directed to your homepage
2	If no Teamspace or Loop has been created follow: Creation of a Teamspace and Loops instructions
3	if a Teamspace and Loop exists it will provide you an overview about metrics from your Loops
4	If you are in a different TeamSpace, click on TeamSpace Icon and switch to Demo
5	If you are not on the Home Page page, click on Home Button in the side bar to switch to the Home Page

Dashboards and Metrics¶

Step	Details	Additional Information
1	The Home Page provides metrics and dashboards over all of accessible Loops
2	Showing data from Plan - Ratio of Issues created versus closed
3	Number of Build Jobs failed and successeful finished
4	Count of Deployments and how many of them were successfull or failed
5	Top contributors in Control
6	Two DORA (DevOps Research and Assessment) metrics for
6.1	Lead Time: In general, lead-time reflects the time from the start of a project until its final disposition
6.2	Cycle Time: In general, cycle-time reflects the time project elements take to resolve or complete
6.3	Find out more about DORA Metrics here

Plan ¶

Plan Overview¶

Switch to Plan ¶

Step	Details	Additional Information
1	You can always switch using the central app switcher on the top left of your screen
2	Or You can switch directly to Plan by using the button/link from What would you like to do today section

Show My board ¶

Step	Details	Additional Information
	To open the board use the Project Board icon on the Sidebar
	The initial view is your My Board view which will show worktitems that are assigned to you. As we newly started the board may be empty

Show how to filter out Epics ¶

Step	Details	Additional Information
1	Show how to filter out Epics by using the Type filter
2	Uncheck Epic from the list of Types
3	Click on an empty field to trigger filter
4	Filtered Board (Epics are hidden) is shown
5	Clear the filter by pressing Clear Button

Show all work items ¶

Step	Details	Additional Information
	Click on the Work Items Tab to view all Work Items (WI) of the project
	Let's view a Work Item and it's Details. Please select item in the Closed column of the board

	Scroll down to show SCM Events Section and click on it
	Click on the first entry to show the link between work item to code changes
	and explain how easy it is to have traceability
	Optional: Use AI for Exploratory Test creation

Use Plan AI Assistant ¶

For More about AI Assistant follow this link

AI Assistant Chat Dialog¶

Step	Details	Additional Information
1	Select the AI Assistant Icon from the Sidebar
2	Accept the terms of service !
3	The AI Assistant Chat Dialog opens
4	Enter Now a prompt, you can use the example prompts, or enter your prompt
5	Click on the Next Button

AI Assistant Type of Output¶

Step	Details	Additional Information
1	Now select the type of Output:
2	We will select Generate Action Items from the Applying Prompts page
3	This will generate a set of responses
4	Click the Select Button and select Break Down into Titles
5	This will convert the list of responses to a list with checkboxes:
6	Select a few you like from the list

AI Assistant Create Records from Responses¶

Step	Details	Additional Information
	Click the Select Record Type Button
	to select Workitem from the list
	In the next Dialog select the right Project and Workitem Type
	for example Project: Echologic and Type: Epic
	Press the Create Records Button to get the Epics created
	A few seconds later all newly created records are now created
	Press Done to finish using the AI Assistant

Control - Work with Repository ¶

Step	Details	Additional Information
1	Click on CODE Button to get an expanded Menue.
2	Click on Open with VSCode
3	In the following Dialog Window allow to open Link
4	VSCode will ask you for a location to clone the folder
5	VSCode will ask for Control Userid, enter demo@devops.loop
6	VSCode will ask for Control Token, enter your Access Token
7	which you created in the Access Token Section

Code ¶

Step	Details	Additional Information
1	Explain that we showed the link between a work item and the code in control
2	Switch to CODE if it is not visible	NOTE: use VScode for now, Switch to DevOps Code later when WCAx is integrated
3	Use WCA to explain code and generate some new code

4	Push code and add comment with work item number
5	Open Control and show the update

Control ¶

Step	Details	Additional Information
1	Open Control
2	Show the Update in the activity report of the repository
3	Git Commit Details

Build ¶

Step	Details	Additional Information
1	Open Build
2	Show overview on build runs and results
3	Show build process
4	Show Templates
5	Show Build Template Detail
6	Show Build Template Definition

Deploy ¶

Deploy Overview ¶

Step	Details	Additional Information
1	Open Deploy
2	Show the landing page and explain the metrics
3	Show process of Applications and Components
4	Switch to Applications View by clicking on the Sidebar
4.1	View for all Applications is shown
4.2	Click on the EchoLogic Application to show details
4.3	Switch to Processes View by clicking on click on "Processes" Tab
4.4	Available application processes are shown
4.5	Show the Deploy Process by clicking on it
4.6	Talk about Application Processes
5	Switch to Components View
5.1	In the sidebar select the Components Icon
5.2	All components are shown
5.3	click on Echo component to view details
5.4	click on Processes Tab
5.5	Available Component processes are shown
5.6	show a process which executes a TEST	and is setting quality tag on deployed version
5.7	Click on Deploy with Test Passed

Run a Deplyoment¶

Step	Details	Additional Information
1	Run a Process and view results of steps
2	Open the Applicationslist by clicking on Applications Icon
3	Click on EchoLogic Name (Link)
4	All Environments of Application will be shown
5	Run a Deployment
5.1	Use the DEV environment
5.2	click on Request Process Button:
5.3	Select Deploy with Test Passed
5.4	Uncheck Deploy Only Changed to deploy same versions again
5.5	click on Choose Component Versions button
5.6	Select the Versions of the Components for deployment
5.7	Select Version 1.1 for the Echo Component
5.8	Select Version 2.0.1 for the Logic Component
5.9	Press the Submit button to start the deployment process
6	Process is started and you can View the running Process
6.1	In this View the details of the executed steps are shown by clicking on Expand All
6.2	To view the detailed output of a step click on 3 dots menue of the step
6.3	View the output of the step
6.4	When the deplyoment finishes the Result will be shown
7	The deployment run successfully
7.1	Show Environment and its new configuration
7.2	Switch to the Environment View of the Application and view the updated configuration
7.3	Click on the Component Echo to Details
7.4	Status in the Versionlist of the component will be shown

Use the Deployment Genie ¶

Step	Details	Additional Information
1	Use Deploy Genie to understand why the deployment failed
2	To simulate a failed deployment request a new deployment process but now select the following:
3	Deployment Process Failing Deployment
4	Select following Versions for Echo select 1.0 for Logic select 2.0.0
5	Press the Submit button to start the deployment process
6	The result will be a failed deployment as one step has failed
7	Click on the 3 dots to get menue of the failed step
8	Click on Deployment Genie after a few moments the step will be analyzed and the results shown

Show the Plug-Ins Page¶

Step	Details	Additional Information
1	Show the plug-ins page
	and explain how easy it is to integrate with 3rd parties out of the box
2	Switch to Settings by using the Settings Icon
3	In the Settings View in the Section Automation
	View installed and available Plugins
4	By clicking on Available Plugins a list of all available Plug-Ins is shown

Test ¶

Step	Details	Additional Information
1	Explain that you are now playing the role of a tester
2	Open Test
2.1	You can switch to Test by either pressing "Let's go to Test" button on its tile
2.2	Or you can always switch using the central app switcher on the top left of your screen
3	Switch Teamspace and select Project if needed
3.1	Should you see a different Teamspace or Project than expected (Demo and EchoLogic), click on Teamspace Icon
3.2	and Select Demo. A list of Projects is shown:
3.3	click on EchoLogic Project to open landing page
3.4	Show the test landing page and metrics
6	Run a test
6.1	click on Execute Section in the Sidebar
6.2	List of Scripts is shown
6.3	click on Run Button on the right of Script DemoTest
6.4	Dialog is opened to select a Browser, use the default settings
6.5	Click on Execute Button to start Test Execution
6.6	Run will take a few moments
7	Show the analysis of the test results
7.1	click on Analyze section in Sidebar to get list of Menue
7.2	click on Results to get Results View
8	Show how we can create or edit a test
8.1	click on Author section on Test Editor menue entry
8.2	Test Editor View opens and select the DemoTestFail script
8.3	Test Script will be shown
8.4	click on the verification step to view step details
9	Run a new test that will fail
9.1	click on Execute Section in the Sidebar
9.2	List of Scripts is shown
9.3	click on Run Button on the right of Script DemoTestFail
9.4	Testexecution will take a few moments.
10	Create a defect in Plan and show that is has all the data automatically
10.1	Switch to Results View using the Analyze Section menue
10.2	In the Results View select the DemoTestFail run
10.3	Click on DevOps Plan Icon on the right side of the row
10.4	A WorkItem creation Dialog opens, select Workitem in the Type field
10.5	Select Project "EchoLogic", Workitem Type "Defect" and enter a Title
10.6	In the Results View click on the DemoTestFail name to get a Detailed View
10.7	Explain that everything is traceable
11	Generate test data
11.1	Open Author section on Test Editor menue entry and click on Data
11.2	Data Definitions and Schemas are shown
11.3	click on CRM-System in the Schema folder
11.4	the CRM-System Data Schema is shown
11.5	Click on the Preview Icon
11.6	Click on the Generate Icon
11.7	Download the generated Data by clicking on Downlad Button
11.8	Unzip and open the create folder
11.9	Two files are created Customers and Orders
11.10	Open one Orders.csv to view gnerated Data

Measure ¶

Step	Details	Additional Information
1	Open Measure
	Explain that we have built, deployed and tested so now we need to coordinate releases
2	Show and talk about pipeline(s) with environments and Gates
2.1	click on in the Tabbar to view Pipelines
2.2	Delivery Pipelines linked to this VSM are shown
2.3	Create simple new Gate
2.4	click on the 3 Dots of the QA environment to view its menue
2.5	click on Add Gate to create an approver gate

3	Explain that we have been shoeing individual roles but we can look across roles and track the value of our delivery work
3.1	Open the VSM for the project by clicking on Value Stream in the Tabmenue
3.2	The ValueStream of EchoLogic Project is shown
3.3	click on a dot to get more information
3.4	This view will give you a complate Audit information of this item

4	click on Swimlane in tabbar
4.1	The Swimlane view opens and gives more information about the distribution of items

Release ¶

Step	Details	Additional Information
1	Open Release
	You can switch to Release by either pressing "Let's go to Release" button on its tile
	Or you can always switch using the central app switcher on the top left of your screen:
2	The Releases View and a Calender is shown
2.1	Switch to Tiles view by clicking on
	So how do we ensure everyone understands the state of our project. Well we can generate a release readiness report. – Generate the report