Designing your best

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.

Watch the introduction video

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.
Click here to start 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.
Click here to start 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.
Click here to start 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.
Click here to start 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.
Click here to start lab 5

Lab 6 - Creating detailed diagram

Lab Goals: Designing a detailed diagram of business application service using the tooling.
Click here to start 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.
Click here to start 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 Technical Director
Contact: @ericschabell or https://www.schabell.org