Component diagrams in Software Engineering - Mini Project: Build & Apply

Understanding Component Diagrams

📖 Scenario: You are designing a simple software system for a library. The system has different parts like a user interface, a database, and a search engine. You want to show how these parts connect and work together.

🎯 Goal: Build a clear component diagram that shows the main parts of the library system and how they interact.

📋 What You'll Learn

Create a list called components with the names of the main parts of the system

Create a list called connections that shows which components connect to each other

Use a loop to pair each component with the components it connects to

Add a final summary that lists all components and their connections

💡 Why This Matters

🌍 Real World

Component diagrams help software teams understand how different parts of a system work together. This is useful when planning, building, or explaining software.

💼 Career

Knowing how to create and read component diagrams is important for software architects, developers, and project managers to communicate system design clearly.

1

Create the list of components

Create a list called components with these exact strings: 'User Interface', 'Database', 'Search Engine', 'Authentication Service'

Software Engineering

# Create the list of components
# Your code here

Hint

Use square brackets [] to create a list and put each component name inside quotes.

2

Define the connections between components

Create a list called connections with these exact tuples showing connections: ('User Interface', 'Authentication Service'), ('User Interface', 'Search Engine'), ('Search Engine', 'Database'), ('Authentication Service', 'Database')

Software Engineering

components = ['User Interface', 'Database', 'Search Engine', 'Authentication Service']
# Create the list of connections
# Your code here

Hint

Use tuples inside a list to show pairs of connected components.

3

Create a dictionary to map components to their connections

Create a dictionary called component_map where each key is a component from components and the value is a list of components it connects to. Use a for loop with variables component and connected to fill the dictionary based on connections.

Software Engineering

components = ['User Interface', 'Database', 'Search Engine', 'Authentication Service']
connections = [('User Interface', 'Authentication Service'), ('User Interface', 'Search Engine'), ('Search Engine', 'Database'), ('Authentication Service', 'Database')]
# Create the component_map dictionary
# Your code here

Hint

Start with an empty list for each component, then add connected components inside the loop.

4

Add a summary of components and their connections

Create a variable called summary that is a list of strings. Each string should say: "Component: [component], connects to: [list of connected components]" using a for loop with variables component and connections_list iterating over component_map.items().

Software Engineering

components = ['User Interface', 'Database', 'Search Engine', 'Authentication Service']
connections = [('User Interface', 'Authentication Service'), ('User Interface', 'Search Engine'), ('Search Engine', 'Database'), ('Authentication Service', 'Database')]
component_map = {component: [] for component in components}
for component, connected in connections:
    component_map[component].append(connected)
# Create the summary list
# Your code here

Hint

Use an f-string inside the loop to create the summary strings.