Workshops for creating impactful

architectural diagrams

Navigation tips - Table of contents

Each lab provided by this workshop has a table of contents. Using this table of contents and general navigation provided for your ease of use.

Keyboard:
  • 'm' key = open / close table of contents
  • arrow keys = move forward / back through slides


Mouse click on:
  • bottom left icon = open table of contents
  • bottom right arrow icons = move forward / back through slides

Beginners guide - Introduction

This workshop will teach you how to use, design, and create architectural diagrams based on the draw.io tooling and Red Hat Portfolio Architecture design elements. You'll leverage existing portfolio architecture diagrams as starting points.

Lab 1 - Explore diagramming tool

Lab Goals: This lab introduces you to the diagramming tool, it's location and getting you stared with your first diagram.
Let's get started with lab 1

Lab 2 - Asset library and color palette

Lab Goals: This lab walks through the Red Hat asset library and color palette. These are provided by default and are what you'll use to design future architectural diagrams.
Let's get started with lab 2

Lab 3 - Creating high level logical diagram

Lab Goals: This lab teaches how to create a high level diagram known as a logical diagram. You'll design and use elements of the Red Hat Template in the diagram tool to create your first logical diagram for a simple web application.
Get started with lab 3

Lab 4 - Exporting and importing diagrams

Lab Goals: This lab teaches you how to export individual components from a diagram and also how to export an entire diagram in a single image. You'll be able to import these images into almost any document or project, such as slide decks, documents, blog posts, etc.
Get started with lab 4

Lab 5 - Creating schematic diagram

Lab Goals: This lab teaches how to connect the various elements of the logical diagram created in the previous lab into a format known as a schematic diagram. You'll design and use elements of the Red Hat Template in the diagram tool to create your first schematic diagram, showing the relationships, networking and data connections.
Get started with lab 5

Lab 6 - Creating detailed diagram

Lab Goals: Designing a detailed diagram of business application service using the tooling.
Get started with lab 6

Lab 7 - Using examples and other tips

Lab Goals: Learn about the examples repository, how to import them, and other tips for designing your architecture diagrams.
Get started with lab 7

The End

This completes the workshop, thanks for your time and feedback is welcome!
Ishu Verma
Technical Marketing Manager Emerging Technologies
Contact: @IoT_Ishu

Eric D. Schabell
Portfolio Architect Director
Contact: @ericschabell or http://schabell.org

William Henry
Senior Distinguished Engineer
Contact: @ipbabble