How To Create An Application Landscape with Views

An application landscape as single interactive diagram, or as set of views, is of added value when an organization wants to manage the complexity of how applications are related or if an organization wants to change the application landscape in a controlled way.

For instance, to cut costs, standardize it, deduplicate functionality or integrate applications more efficiently.

This tutorial supports you in creating a basic application landscape on Dragon1 with views.

The four main steps are:

1. Import Data
2. Create Model
3. Create View
4. Publish Visualization

Example Result Application Landscape

This is an example result application landscape. Click on it to view it in the Content Viewer.

Organizations often use more than 100 applications in their business processes. So unmanageable complexity is always around the corner.

This tutorial will make you familiar with the basic steps you need take in order to create a full scale dynamic and interactive Application Landscape on Dragon1 like the example above.

This tutorial will take about 15 minutes and is for evaluation purposes and educational purposes.

After completing all the steps in the tutorial, you should have a similar visualization like the one above.

You will have a basic application landscape where applications, application platforms, information objects and database are related and grouped into information domains.

On the visualization you will see five different types of shapes. Every shape symbolizes a different entityclass.

  • Information Domains
  • Application Platforms
  • Applications
  • Information Objects
  • Databases

Learning Objectives

The Learning objectives of this tutorial are:

  • Setup a Dossier Structure
  • Import or Enter Data
  • Creating a Model and Link Data to a Model
  • Create of Generate a View
  • Create or Generate a Visualization using a Template
  • Publish a Visualization
  • View and Comment the Visualization

In the next seven steps you will work towards creating a basic application landscape.

Dragon1 Introduction

Dragon1 is a SaaS platform for co-creating and managing enterprise architecture.

It is a suite of web applications that can be used for creating interactive content and products like: Enterprise Architecture, Business Models, Processes, Landscapes, Blueprints and Roadmaps.

In this tutorial you will be using four web applications:

Architecture Repository, Visual Designer, Content Viewer and Resource Center.

You can access each of these web applications by clicking on the corresponding label on the buttonbar above.

All the activities you do in the applications, you can view later on in your workplace dashboard.

Application: Architecture Repository

Create folder structures and enter data manually, enrich data or import data from files. Choose from 400+ entity classes.

Application: Visual Designer

Create meta models, models, views and visualizations. Use templates and shape libraries. Create and reuse patterns.

Application: Content Viewer

Watch content created by any user. Place comments onto the visualizations. Search, compare, trace and filter visualizations.

Application: Resource Center

Create your own resource center or intranet. Publish your input documents, strategy, architecture and transformation.

Step 1: Setup a Dossier Structure

Create Dossier

On Dragon1 data is stored in repositories. A repository consists of a cabinet with dossiers and every dossier consists of folders. Folders hold the data your enter.

We will use the Dragon1 web application Architecture Repository to setup a dossier structure. In this dossier structure we can store our data.

A basic folder structure for an application landscape dossier would be:

-Data
    -Information Domains
    -Application Platforms
    -Applications
    -Information Objects
    -Databases
-Models
-Views
-Visualizations
-Scenarios
-Atlases

Read more on the Help about creating a dossier structure.

Screenshot Architecture RepositoryExample screenshot of a dossier structure created in the Architecture Repository

Step 2: Collect and Import Data

Import Data

We need data to have something to show on an application landscape. You can enter data manually in the Architecture Repository or you can import data in the Import Application. Here you find an example excel sheet on what data you could collect:

Note: if you use the excelsheet to collect data, you save it as CSV File before you import it.

We will now use the Import Application or the Architecture Repository to import or enter some data in the correct folders.

Go to the Import Application to import your data as csv file: www.dragon1.com/create-trial-account

Do 3 steps: you will first choose a CSV file, next you choose a Cabinet/Dossier/Folder location for your data and finally you click om the Import button to import your data.

Now, go to the Architecture Repository. Open the correct cabinet. View your imported data by expanding your folder.

In the Architecture Repository you can add values for the attributes of your imported data entities, like cost, ownership, contract, vendor, lifecycle status and version.

Learn more by doing this guided demo about Enter and Edit Data.

Read here on the Dragon1 help system how to import a CSV file.

Screenshot Architecture RepositoryExample screenshot of the CSV import in the Import Application

Screenshot Architecture RepositoryExample screenshot of imported data in folders in the Architecture Repository

Step 3: Create a Model

Create Model

We will use the web applications Architecture Repository and Visual Designer to create a model or link the imported data to an existing model or a visualization template.

On Dragon1 we define a model as a set of related data entities.

Create a model entity with a clear name in the Architecture Repository in a specific folder of a cabinet. Next insert at least 3 relationships entities in a folder. Link the relationships to your model entity.

Now you go to the visual designer. If you select the model entity in the explorer, you will see a model graph generated showing the relationships you defined. These model relationships you can use in views and visualizations to generate views and visualizations.

Read here on the Dragon1 help system how to do this manually.

Screenshot Architecture RepositoryExample screenshot of creating relationships in the Architecture Repository

Screenshot Visual DesignerExample screenshot of a generated model in the Visual Designer

Step 4: Create a View

Create View

We will now use the Visual Designer to create a view.

On Dragon1 a view is defined as a filter of a model for certain data entities. For example purposes we will generate a view that only shows applications that have a certain value for an attribute (like an overview of applications with outdated platform or to high maintenance costs).

In practice architects often create 20 to 30 different views for the application landscape, all to serve the needs and interests that various stakeholders have. The goal is to support their decision making with (visualizations of) the views or to guide a project with (visualizations of) the views.

Read here on the Dragon1 help system how to create view.

Tip: Ask stakeholders for questions the views should answers. You will be surprised with what they will say to you.

Screenshot View Data Setup Visual DesignerExample screenshot of a View Data Setup in the Visual Designer

Screenshot View Data Setup Visual DesignerExample screenshot of a generated View in the Visual Designer (Click on the View Data button)

Step 5: Create a Visualization using a Template and Visual Items

Create Visualization

We will now use the Visual Designer to create a visualization (a canvas with shapes) and use template for that (to structure the layout of information).

On Dragon1, a visualization is defined as a graphical representation of a view or model. In the Visual Designer you can create a dynamic or static visualization from scratch or you can use a visualization template.

To create a canvas, select a folder and use the menu buttons to insert a visualization entity. Next you select a template from the File | New Menu. Next you place shapes on the canvas, from the libraries at the left bottom. Next you configure these shapes as visual items as described on the help. Make sure you press on save, to save your work.

When you configure a shape it will be a visual item. A visual item is shape/data placeholder, meaning Dragon1 will look for data in a folder, model or view to generate a certain layout (block, row, column, square, circle or triangle) of data using the shape icon.

You create many scenarios, like using one shape as grouping container, like a domain, and another shape as container content, like an application or process. You can work with groups and sub groups.

You can also turn shapes into button and when you click on them shapes or views are shown or hidden.

Read about creating a visualization using a template on the help.

Read about configuring shapes as visual items on the help.

Read about configuring shapes as buttons on the help.

Tip: Try to create a visualization yourself and visualize the view with different shapes.

Screenshot Visual DesignerExample screenshot of a Visualization Canvas with Shapes (visual items) in the Visual Designer

Step 6: Publish a Visualization

Publish Visualization

We will now use the Visual Designer to publish a visualization in the Content Viewer and the Resource Center, so it can be viewed and commented by others.

Click on the button below to publish your visualization in the Content Viewer. We will publish the visualization you created in the step before.

Select the visualization in the Visual Designer and click on the Publish button. Now the visualization is published to the Content Viewer.

To publish the visualization in the resource center, create a page and link the visualization to the page as is described here on the help

Screenshot Visual DesignerExample screenshot of publishing a visualization in the Visual Designer

Step 7: View a Visualization with Filters and Popup Dialogs

View Visualization

We will now use the Content Viewer and the Resource Center to watch your visualization.

Go to the Content Viewer and watch your visualization.

Click on an application and see the information bar at the left appear. Use the features in this bar to search for items or filter out items on the visualization. You can filter on any type of data that is in the visualization. If you enter a word in the search with = behind it, the content viewer will generate a clickable list showing the found items for that type of data.

Depending on how much data is available for attributes, on mouse over on a shape, a Popup dialog is generated.

Double click on the visualization to enter and leave a comment for other stakeholders to see and architects to process.

Screenshot Content Viewer FiltersExample screenshot of a published visualization with filters in the Content Viewer

Step 8: Update a Visualization

Update Visualization

You have created a dynamic visualization. So if you change the data in your folders, the change is automatically show in your visualization.

Go to the architecture repository. Open your cabinet and selected a data entity. Change its name and save the change.

Now go to the Content Viewer and watch your visualization. You will see the data has changed in your visualization.

Stakeholders can leave behind comments on the visualization by clicking on a canvas in the content viewer. Do this and leave a comment behind. Next go to the Visual Designer and process the comment.

Click on reports in the information bar and click on History. Now you see a list of changes made by people to this visualization.

Contact Us

If you have any questions about this tutorial or want training and support in creating a full scale application landscape, please email us on: servicedesk@dragon1.com


We are the digital platform for Enterprise Architecture. It is the best option a CIO has for Technology Innovation and Digital Transformation.

© 2019 Dragon1