Making Models Diagrams: Social Cues SOURCE: “80. Texting” posted by Ryan Smith on lolbrary UML uses ● Model business processes ● Show application structure ● Describe system architecture ● Capture system behavior ● Model data structure ● Sketch out ideas ● Build a detailed specification of a system ● Diagram an interaction sequence Component Diagram: iPhone5 If this were labeled, it would be a more sufficient Component Diagram SOURCE: “iPhone 5 Layout” by Andrew Optimus Goldberg Licensed under CC BY-NC-SA 3.0 Component Diagram This Component Diagram is much better! You should make ones like this. Activity Diagram Remind you of somthing? Decision Diagram This Decision Diagram is of first draft quality. This only count in the 'Ideation' phase of your work. Decision Diagram This Decision Diagram is much neater. You should make ones like these. How else can it be improved? SOURCE: “Watching Youtube Flowchart” by Best Infographics Communication Diagram Interaction Overview Diagram Sequence Diagram Sequence Diagram: industry Exploded Diagram While these are fun and can be quite beautiful, we won't be covering these in this course. But as always, feel free to explore! what diagram is this? UML Diagram Glossary STRUCTURE DIAGRAMS INTERACTION DIAGRAMS (subset of Behavior Diagram) ● Class Diagram {static, structure, object-oriented modelling, computer science}: Describes the structure ● Communication Diagram {dynamic, behavioral}: of a system by showing its classes, attributes, Models the interactions between objects or parts in operations and relationships among classes. terms of sequenced messages. ● Component Diagram {static, structure, hardware, ● Sequence Diagram {dynamic, behavioral}: software}: Demonstrates how components are wired Demonstrates how processes operation with one together to form larger components and or systems. another and in what order. Object interactions are ● Composite Structure Diagram {static, structure, arranged in a time sequence. computer science}: Shows the internal structure of a ● Interaction Overview Diagram {dynamic, class. A composite structure is a set of interconnected behavioral}:Similar to an Activity Diagram, the elements that collaborate at runtime to achieve some Interaction Overview Diagram is a larger version. An purpose. Activity Diagram can be nested inside. ● Object Diagram {static, structure, computer science}: ● Timing Diagram {dynamic, behavioral}: This Shows a complete or partial view of the structure of a diagram's focus is on timing constraints and it is a modeled system at a specific time. special form of Sequence Diagram. The graphical ● Package Diagram {static, structure, information representation of a Timing Diagram must be displayed architecture}: Shows the dependencies between from left to right with components arranged in packages that make up a model. separate compartments shown vertically. BEHAVIOR DIAGRAMS ● Activity Diagram {dynamic, behavioral}: Graphical representations of workflows of steps and actions, with support for choice, iteration, and concurrency. (decisions, versions, cooperative action). ● State Machine Diagram {computer science}: A type of diagram used in computer science and related fields to describe the behavior of systems. State diagrams require that the system described is composed of a finite number of states. A rigorous version of a flowchart. .