week 4 improvement

Author: ucoruh

docs/week-4/assets/activity-notation.png

@@ -0,0 +1,33 @@
+@startuml activity-notation
+skinparam backgroundColor transparent
+skinparam defaultFontSize 13
+skinparam shadowing false
+skinparam ActivityBorderColor #2e86c1
+skinparam ActivityBackgroundColor #eaf2f8
+skinparam ArrowColor #1a5276
+skinparam ActivityDiamondBackgroundColor #f9e79f
+skinparam ActivityDiamondBorderColor #f39c12
+
+title Activity Diagram Notation
+
+start
+
+:Action 1;
+
+if (Decision?) then (yes)
+  :Action 2a;
+else (no)
+  :Action 2b;
+endif
+
+fork
+  :Parallel\nAction 3a;
+fork again
+  :Parallel\nAction 3b;
+end fork
+
+:Final Action;
+
+stop
+
+@enduml

docs/week-4/assets/activity-notation.puml

@@ -0,0 +1,57 @@
+@startuml association-aggregation-composition
+skinparam backgroundColor transparent
+skinparam defaultFontSize 14
+skinparam shadowing false
+skinparam ClassBorderColor #2e86c1
+skinparam ClassBackgroundColor #eaf2f8
+skinparam ClassFontColor #1a5276
+skinparam ClassHeaderBackgroundColor #2e86c1
+skinparam ClassHeaderFontColor white
+skinparam ArrowColor #1a5276
+skinparam NoteBorderColor #f39c12
+skinparam NoteBackgroundColor #fef9e7
+
+title Association vs Aggregation vs Composition
+
+package "Association" #f0f4f8 {
+  class Teacher {
+    - name: String
+    + teach()
+  }
+  class Student {
+    - name: String
+    + study()
+  }
+  Teacher "1..*" -- "1..*" Student : teaches >
+}
+
+package "Aggregation (has-a, weak)" #d5f5e3 {
+  class Car {
+    - model: String
+    + drive()
+  }
+  class Wheel {
+    - type: String
+    + rotate()
+  }
+  Car "1" o-- "4" Wheel : has >
+  note right of Wheel : Wheel can exist\nwithout Car
+}
+
+package "Composition (part-of, strong)" #fadbd8 {
+  class Person {
+    - name: String
+    + live()
+  }
+  class Heart {
+    + beat()
+  }
+  class Brain {
+    + think()
+  }
+  Person "1" *-- "1" Heart : owns >
+  Person "1" *-- "1" Brain : owns >
+  note right of Heart : Heart cannot exist\nwithout Person
+}
+
+@enduml

docs/week-4/assets/association-aggregation-composition.png

@@ -0,0 +1,24 @@
+@startuml behavioral-diagrams-overview
+skinparam backgroundColor transparent
+skinparam defaultFontSize 13
+skinparam shadowing false
+skinparam rectangleBorderColor #2e86c1
+skinparam rectangleFontColor #1a5276
+skinparam packageBorderColor #1a5276
+
+title Behavioral Diagrams
+
+package "Behavioral Diagrams" as bd #eaf2f8 {
+  rectangle "**State Machine**\nDiagram\nModels object states\n& transitions" as sm #d5f5e3
+
+  rectangle "**Activity**\nDiagram\nModels workflow\n& control flow" as act #d6eaf8
+
+  rectangle "**Use Case**\nDiagram\nModels user-system\ninteractions" as uc #fdebd0
+}
+
+note bottom of bd
+  Behavioral diagrams portray the
+  **dynamic view** of a system
+end note
+
+@enduml

docs/week-4/assets/association-aggregation-composition.puml

@@ -0,0 +1,34 @@
+@startuml class-diagram-notation
+skinparam backgroundColor transparent
+skinparam defaultFontSize 14
+skinparam shadowing false
+skinparam ClassBorderColor #2e86c1
+skinparam ClassBackgroundColor #eaf2f8
+skinparam ClassHeaderBackgroundColor #2e86c1
+skinparam ClassHeaderFontColor white
+skinparam ArrowColor #1a5276
+
+title Class Diagram: Three Sections
+
+class "**ClassName**\n(Upper Section)" as cls {
+  __Middle Section (Attributes)__
+  - privateAttr: Type
+  # protectedAttr: Type
+  + publicAttr: Type
+  ~ packageAttr: Type
+  ..
+  __Lower Section (Methods)__
+  + publicMethod(): ReturnType
+  - privateMethod(): void
+  # protectedMethod(): Type
+}
+
+note right of cls
+  **Visibility:**
+  + public
+  - private
+  # protected
+  ~ package
+end note
+
+@enduml

docs/week-4/assets/behavioral-diagrams-overview.png

@@ -0,0 +1,23 @@
+@startuml collaboration-notation
+skinparam backgroundColor transparent
+skinparam defaultFontSize 13
+skinparam shadowing false
+skinparam ObjectBorderColor #2e86c1
+skinparam ObjectBackgroundColor #eaf2f8
+skinparam ArrowColor #1a5276
+
+title Collaboration Diagram Notation
+
+object ":User" as user
+object ":LoginForm" as form
+object ":AuthService" as auth
+object ":Database" as db
+
+user --> form : 1: enterCredentials()
+form --> auth : 2: validate()
+auth --> db : 3: checkUser()
+db --> auth : 4: result
+auth --> form : 5: authResult
+form --> user : 6: displayResult()
+
+@enduml