File size: 2,642 Bytes
7e8b8ca |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 |
<svg width="800" height="600" xmlns="http://www.w3.org/2000/svg">
<!-- Background -->
<rect width="100%" height="100%" fill="#f0f0f0"/>
<!-- Title -->
<text x="400" y="50" font-family="Arial" font-size="24" text-anchor="middle" fill="#333">Software Architecture Concepts</text>
<!-- Coupling -->
<rect x="50" y="100" width="200" height="150" fill="#ff9999" rx="10" ry="10"/>
<text x="150" y="140" font-family="Arial" font-size="18" text-anchor="middle" fill="#333">Coupling</text>
<text x="150" y="170" font-family="Arial" font-size="14" text-anchor="middle" fill="#333">Tight Coupling</text>
<text x="150" y="200" font-family="Arial" font-size="14" text-anchor="middle" fill="#333">Loose Coupling</text>
<!-- Cohesion -->
<rect x="300" y="100" width="200" height="150" fill="#99ff99" rx="10" ry="10"/>
<text x="400" y="140" font-family="Arial" font-size="18" text-anchor="middle" fill="#333">Cohesion</text>
<text x="400" y="170" font-family="Arial" font-size="14" text-anchor="middle" fill="#333">Functional Cohesion</text>
<text x="400" y="200" font-family="Arial" font-size="14" text-anchor="middle" fill="#333">Sequential Cohesion</text>
<!-- Monolithic Architecture -->
<rect x="550" y="100" width="200" height="150" fill="#9999ff" rx="10" ry="10"/>
<text x="650" y="140" font-family="Arial" font-size="18" text-anchor="middle" fill="#333">Monolithic</text>
<text x="650" y="170" font-family="Arial" font-size="14" text-anchor="middle" fill="#333">Single Codebase</text>
<text x="650" y="200" font-family="Arial" font-size="14" text-anchor="middle" fill="#333">Shared Database</text>
<!-- Arrows -->
<line x1="150" y1="250" x2="150" y2="300" stroke="#333" stroke-width="2"/>
<line x1="400" y1="250" x2="400" y2="300" stroke="#333" stroke-width="2"/>
<line x1="650" y1="250" x2="650" y2="300" stroke="#333" stroke-width="2"/>
<!-- Bottom Box -->
<rect x="50" y="300" width="700" height="250" fill="#e0e0e0" rx="10" ry="10"/>
<text x="400" y="340" font-family="Arial" font-size="20" text-anchor="middle" fill="#333">Software System</text>
<text x="400" y="380" font-family="Arial" font-size="16" text-anchor="middle" fill="#333">Balancing Coupling and Cohesion</text>
<text x="400" y="420" font-family="Arial" font-size="16" text-anchor="middle" fill="#333">Choosing Appropriate Architecture</text>
<text x="400" y="460" font-family="Arial" font-size="16" text-anchor="middle" fill="#333">Scalability and Maintainability</text>
<text x="400" y="500" font-family="Arial" font-size="16" text-anchor="middle" fill="#333">Performance and Reliability</text>
</svg>
|