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.
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.
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.
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.
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.
Lab 6 - Creating detailed diagram
Lab Goals: Designing a detailed diagram of business application service using the tooling.
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.
The End
This completes the workshop, thanks for your time and feedback is welcome!