This is the slide used by me, created based on Simon Brown's C4 concepts, to present in Kerala Microsoft Users Group TechDay - August 2017

1. Diagramming the
Architecture
Praveen Nair
K-MUG TechDay 19 August 2017

2. About the Speaker
Praveen

3. SSADM, RUP, UML…

4. Why
• “What types of diagram should we draw?”
• “What notation should we use?”
• “What level of detail should we present?”
• “Who is the audience for these diagrams?”
• “What technology?”
• “What are the meanings of boxes and arrows?”

5. A Shared Vocabulary

7. C1 – System Context
• The system users & dependencies
C2 – Containers
• Overall shape & Technology Choices
C3 – Components
• Logical components & their interactions
C4 – Classes
• [optional] – class diagrams
Overview first,
zoom and filter,
then details-on-demand

8. Example: Reporting Tool

9. Context Diagram
MyReports v1.0
[Software System]
HRMS 2017
[Software System]
Triton 01
[Software System]
Triton 02
[Software System]
Finance Dept.
User
[Person]
Employee from
finance dept.
HR User
[Person]
User from HR Dept.
Administrator
[Person]
A system admin user
View, download, print
finance reports
View HR reports
Add/remove users,
Manage roles
Get employee
data from
Get Kochi specific
finance data from
Get Mumbai specific
finance data from

10. Container Diagram
Relational Database
[Container: SQL Server 2016]
Stores HR and Triton Data
HRMS 2017
[Software System]
Triton 01
[Software System]
Triton 02
[Software System]
Finance Dept.
User
[Person]
HR User
[Person]
Administrator
[Person]
Content Updater
[Container: SSIS]
Data Synchronizer
Reporting Tool
[Container: Power BI]
Allows users to view reports
Uses
[HTTPS]
Uses
[HTTPS]
Uses
[HTTPS]
Reads data from
[SQL, Port: 1433]
Writes to
Reads data from
[SQL Server, Port: 1433] Reads data from
[SQL Server, Port: 1433]
Reads data from
[SQL Server, Port: 1433]
System boundary

11. Example: techtribes.je

12. Context Diagram

13. Context Diagram

14. Context Diagram

15. Sources
• http://www.codingthearchitecture.com/
• https://c4model.com/
• Simon Brown’s books