Designing an Integrated Architecture on HaydnCSF

Registering a Solution

HaydnCSF provides solution process management based on the Business Process Management (BPM) process engine. You can start solution design based on the process.

1. Log in to HaydnCSF and select the Solution design scenario.
   Figure 2 Scenario selection
   
2. Click New Solution. On the displayed page, select Create workspace, specify the workspace name, and click Confirm.
   Figure 3 Creating a solution
   
3. Enter information about the solution to be registered. You can specify yourself as the solution design owner.
   Figure 4 Registering a solution
   
4. After the solution is registered, locate it, choose More > Design in the Operation column to go to the solution design page.
   Figure 5 Going to the solution design page
   
5. Create an integrated architecture.
   Figure 6 New Integration Architecture
   
   Figure 7 Layout of the integrated architecture design
   

Intelligent Architecture Recommendation

The HaydnCSF Design Center can recommend the most suitable solution architecture to you based on the language you entered. You can reference the recommended architecture quickly. In the HaydnCSF Design Center, HaydnCSF intelligently recommends solutions or architectures based on your solution or architecture information. You can also enter keywords to search for and view the most matched architecture for secondary editing.

After entering the Design Center, you can use intelligent architecture recommendation to search for the architecture to be referenced. If you want to delete an architecture that is referenced, right-click the architecture and choose Clear canvas from the shortcut menu.

Adding Diagram Elements

The HaydnCSF Design Center provides three types of diagram elements: standard, color, and emboss diagram elements. There are standard black and white diagram elements for Huawei cloud services, third-party applications and components, and auxiliary diagram elements, to meet architects' technical architecture and information architecture design requirements. Different types of services have different colors, making the architecture more beautiful and hierarchical. You can select diagram elements as needed. There are also panel and sequence number diagram elements under the preceding three types of diagram elements, and they are used to mark the service classification, network attribute, and service flow sequence number of the architecture respectively.

• Adding a standard diagram element: Under Pent element library, select Standard and filter required icons, or enter keywords in the search box to search for required icons. Move the cursor to the diagram element to be selected and hold down the left mouse button to drag the diagram element to the canvas.
• Adding a color diagram element: The method of adding a color diagram element is the same as that of adding a standard diagram element, except selecting Color under Pent element library.
• Adding an emboss diagram element: The method of adding an emboss diagram element is the same as that of adding a standard diagram element, except selecting Emboss under Pent element library.
  Figure 10 Adding a diagram element
  
  

  HaydnCSF identifies deployment environment attributes for Huawei Cloud diagram elements. If you cannot find a diagram element, the possible cause is that the diagram element does not match the selected deployment environment. For example, DMS has only the Huawei public cloud attributes. If your current architecture uses Huawei Cloud Stack Online (HCS Online), you cannot find DMS in the diagram element list.

Adding Panel Diagram Elements

Panel diagram elements have been released in the standard and color diagram element modules. There are panel diagram elements for Huawei Cloud, region, AZ, Virtual Private Cloud (VPC), subnet, cluster, DMZ, service layer, account, Dedicated Computing Cluster (DCC), Dedicated Cloud (DeC), and Dedicated Host (DeH). In this example, a turnstile and edge server are deployed in the on-premises data center, and ROMA and DataArts Studio are deployed on Huawei Cloud.

You can also double-click a panel diagram element and modify the badge icon of the panel diagram element on the page that is displayed.

Figure 11 Adding a panel diagram element

Adjusting Diagram Elements

Quickly selecting and moving diagram elements

You can click a diagram element to select it. After selecting a diagram element, you can press Crtl and click the left mouse button to select other diagram elements. After selecting diagram elements, you can hold down the left mouse button to move the diagram elements. Or you can hold down the left mouse button and drag the mouse to quickly select diagram elements. As shown in the following figure, drag the mouse to select the area where the diagram elements are located. Release the mouse to select the diagram elements in this area. After that, hold down the left mouse button to drag the selected diagram elements.

Figure 12 Selecting and moving diagram elements

Aligning diagram elements

Connecting Diagram Elements

You can use straight lines or polylines to connect diagram elements that will be integrated. You can select straight lines, arrows, curves, or polylines from auxiliary diagram elements. You can also select a diagram element, drag a polyline from it, and connect it to other diagram elements. As shown in the following figure, select a diagram element. The connection nodes around the diagram element are displayed. Move the mouse pointer to the point to be connected, hold down the left mouse button, and drag the connection line to the diagram element to be connected.

One-Click Optimization (Adjusting Connection Lines to Straight Lines)

If the connection line between two diagram elements is not easy on the eyes, you can use Optimize to beautify the architecture diagram. The Optimize function will adjust connection lines that have not been aligned to straight lines.

It is applicable to scenarios where diagram elements on the canvas are not aligned.

Adding Service Flow Descriptions

After adding, modifying, and connecting diagram elements, you can add service flow descriptions for the architecture. The descriptions help clearly identify the relationships between diagram elements and the service flow direction on the architecture.

• You can double-click a connection line to add a description for it. You can move the left mouse button to adjust the position of the description on the connection line. You can also drag a text box from the diagram element library to the corresponding position to add a description.
• If you enable Path Description when connecting diagram elements, the designer automatically adds sequence numbers.

Figure 19 Adding the description of a service flow

Copying Diagram Elements Across Spaces

You can copy one or more diagram elements and paste them to the architecture design canvas in the current workspace or other workspaces.

Adjusting a Canvas

• On the toolbar of the canvas in the Design Center, click the zoom-in or zoom-out buttons to zoom in or zoom out the canvas. You can also press Ctrl and scroll the mouse wheel to zoom in or zoom out the canvas.
• The canvas scale and size can be adjusted.
• You can enter the full-screen mode to focus on design.

Figure 20 Adjusting a canvas

Quickly Moving a Canvas

On the canvas page of the Design Center, press the space bar and click the left mouse button to quickly move the canvas.

Hiding the Menu or Diagram Element Library

Figure 21 Hiding the menu or diagram element library

Checking the Design Quality in Real Time

Design rules are preset in the Design Center. The integration path connectivity is checked in real time to ensure the optimal solution design.

• Real-time check of integration paths: Integration paths can be checked in real time based on preset design rules, and check results can be provided.
• Accumulation of design rules: The Huawei Cloud solution team and service product departments will keep accumulating design rules.
• Life cycle management of design rules: The operations team updates the latest design rules and removes expired rules in a timely manner.

Diagram Element Recommendation

You can enable diagram element recommendation. As shown in the following figure, after Recommendation is enabled, HaydnCSF recommends paths for diagram elements with preset design rules.

Figure 23 Diagram element recommendation

Identifying Different Deployment Environments

The HaydnCSF platform allows you to select more than one deployment environment and use diagram elements of different deployment environments to design the architectures. If you select multiple deployment environments, services are filtered based on the deployment environments that match the created solution and architecture, and differences between deployment environments are identified during automatic deployment.

As shown in the following figure, diagram elements have deployment environment attributes. Only diagram elements of the corresponding deployment environment can be selected during HCS Online architecture design.

Auto Save

Integrated architectures are automatically saved every five minutes. During the saving, the architecture design is interrupted for a short time. You can also disable Auto Save.

Figure 25 Auto Save

Exporting PNG Images

You can export the designed architecture as a PNG image. On the menu bar of the canvas in the Design Center, click Export Image.

Figure 26 Exporting an image

Exporting a Solution

You can export the integrated architecture and deployment architecture as a .pptx file for demonstration.

Figure 27 Exporting architecture design as a .pptx file

Sharing Architecture

The HaydnCSF platform allows you to share architecture design through WeLink, WeChat, and email. You can view the shared architecture without login.

Figure 28 Sharing architecture

Referencing a Shared Architecture with One Click

You can view the shared architectures without logging in to HaydnCSF. To reference the shared integrated architecture, you can click Quick Reference, which allows you to quickly design the architecture without creating a workspace or solution. You can also click Refer to my-space, select the specified workspace and solution, and change the architecture name to reference to the specified workspace and solution.

Figure 30 Referencing a shared architecture with one click

Releasing an Integrated Architecture

You can release the designed architectures to the Solution Acceleration Field so that other HaydnCSF users can view or reference your architectures to quickly complete their architecture design. For details about the release process, see Releasing Architecture Template in Accelerator Field.

Figure 31 Releasing an integrated architecture