This document provides an agenda for a meetup on visualizing software architecture using the C4 model. The agenda includes an introduction, a presentation from a YouTube video by Simon Brown on the C4 model, and a drawing session where attendees will draw software architecture diagrams and discuss them. The C4 model is a technique for visualizing and communicating software architecture through diagrams. It is important for documenting significant design decisions that impact a system's quality, performance, and maintenance.

1. Visualizing
Software Architecture
with the C4-model
Haarlem Software Developer Meetup
@mcbeelen

2. KvK 53479335
Lichtfabriekplein 1, 2031 TE Haarlem
P.O. Box 2031 , 2002 CA Haarlem
+31 (0)88 248 1632,
info@ximedes.com
www.ximedes.com
Meetup
Sponsor:

3. Agenda
1. Introduction
2. Presentation from YouTube by Simon Brown
3. Drawing Session
4. Show drawings and retro

4. Visualizing
Software Architecture
with the C4-model

5. Visualization is
any technique for
creating images, diagrams,
or animations
to communicate a
message

6. It’s about the questions,
where if you get the
answers wrong
it might just be
the end of your
.... project!
.... product.
.... carrier?

7. Architecture represents
the significant design decisions
that shape a system,
where significant is measured
by cost of change
Grady Booch
Best known for developing UML
with Ivar Jacobson and James Rumbaugh

8. What is Software Architecture?
Software application architecture is the
processof defining a structured solution
that meets all of the technical and operational requirements,
while optimizing common quality attributes
such as performance, security, and manageability.
It involves a series of decisions based on a wide range of factors,
and each of these decisions can have considerable impact
on the quality, performance, maintainability, and overall success of the application.

10. 1: Why
2: What
3: How
Feature:
Document the Software Architecture
In order to ……
As a …….
I want to ……
Scenario:
Scenario:

11. Target Audience

13. http://www.disciplinedagiledelivery.com/

14. https://www.youtube.com/watch?v=Ym9nhVZs89o

15. Drawing
https://structurizr.com/express
Text to Image Code to ImageBy Hand

19. Auxiliary Tools
www.websequencediagrams.com
https://erdplus.com
www.planttext.com

20. Credits
Simon Brown (@simonbrown)
http://www.codingthearchitecture.com/
https://c4model.com/

21. https://leanpub.com
/visualising-software-architecture
/c/HaarlemSoftwareDevelopmentMeetup