Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Diagramming the Architecture

131 views

Published on

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

Published in: Technology
  • Be the first to comment

Diagramming the Architecture

  1. 1. Diagramming the Architecture Praveen Nair K-MUG TechDay 19 August 2017
  2. 2. About the Speaker Praveen
  3. 3. SSADM, RUP, UML…
  4. 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. 5. A Shared Vocabulary
  6. 6. 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
  7. 7. Example: Reporting Tool
  8. 8. 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
  9. 9. 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
  10. 10. Example: techtribes.je
  11. 11. Context Diagram
  12. 12. Context Diagram
  13. 13. Context Diagram
  14. 14. Sources • http://www.codingthearchitecture.com/ • https://c4model.com/ • Simon Brown’s books

×