{"id":315,"date":"2022-11-29T21:54:09","date_gmt":"2022-11-29T21:54:09","guid":{"rendered":"http:\/\/learnlearn.uk\/ibcs\/?page_id=315"},"modified":"2023-04-25T10:36:02","modified_gmt":"2023-04-25T10:36:02","slug":"system-design-documentation","status":"publish","type":"page","link":"https:\/\/learnlearn.uk\/ibcs\/system-design-documentation\/","title":{"rendered":"System Design Documentation"},"content":{"rendered":"<div class=\"responsive-tabs\">\n<h2 class=\"tabtitle\"> (ERD)<\/h2>\n<div class=\"tabcontent\">\n\n<h3>Entity-Relationship Diagrams (ERD)<a href=\"https:\/\/commons.wikimedia.org\/wiki\/File:Hierachy_example_in_ER_diagram.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"size-medium wp-image-602 alignright\" src=\"https:\/\/learnlearn.uk\/ibcs\/wp-content\/uploads\/sites\/25\/2022\/11\/1200px-Hierachy_example_in_ER_diagram-300x217.jpg\" alt=\"\" width=\"300\" height=\"217\" srcset=\"https:\/\/learnlearn.uk\/ibcs\/wp-content\/uploads\/sites\/25\/2022\/11\/1200px-Hierachy_example_in_ER_diagram-300x217.jpg 300w, https:\/\/learnlearn.uk\/ibcs\/wp-content\/uploads\/sites\/25\/2022\/11\/1200px-Hierachy_example_in_ER_diagram-768x556.jpg 768w, https:\/\/learnlearn.uk\/ibcs\/wp-content\/uploads\/sites\/25\/2022\/11\/1200px-Hierachy_example_in_ER_diagram-1024x741.jpg 1024w, https:\/\/learnlearn.uk\/ibcs\/wp-content\/uploads\/sites\/25\/2022\/11\/1200px-Hierachy_example_in_ER_diagram.jpg 1200w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/h3>\n<p>Visual representation of entities and their relationships in a database<\/p>\n<p>Used to design and understand relational databases<\/p>\n<p>Includes entities, attributes, relationships and cardinality symbols<\/p>\n\n<\/div><h2 class=\"tabtitle\"> (DFD)<\/h2>\n<div class=\"tabcontent\">\n\n<h3>Data Flow Diagrams (DFD)<\/h3>\n<p>Visual representation of how data flows through a system<\/p>\n<p>Used to model \u201cas-is\u201d and \u201cto-be\u201d systems<\/p>\n<p>Includes external entities, processes, data stores, data flows and data transformations<\/p>\n\n<\/div><h2 class=\"tabtitle\"> (PFD)<\/h2>\n<div class=\"tabcontent\">\n\n<h3>Process Flow Diagrams (PFD)<\/h3>\n<p>Visual representation of how processes, equipment, instruments and controls work together to produce a product<\/p>\n<p>Used to understand and optimize processes<\/p>\n<p>Includes process and equipment symbols, instrumentation and controls<\/p>\n\n<\/div><h2 class=\"tabtitle\">Flowcharts<\/h2>\n<div class=\"tabcontent\">\n\n<h3>Flowcharts<img decoding=\"async\" loading=\"lazy\" class=\"size-medium wp-image-605 alignright\" src=\"https:\/\/learnlearn.uk\/ibcs\/wp-content\/uploads\/sites\/25\/2022\/11\/if-statement-example-flowchart-python-280x300.png\" alt=\"\" width=\"280\" height=\"300\" srcset=\"https:\/\/learnlearn.uk\/ibcs\/wp-content\/uploads\/sites\/25\/2022\/11\/if-statement-example-flowchart-python-280x300.png 280w, https:\/\/learnlearn.uk\/ibcs\/wp-content\/uploads\/sites\/25\/2022\/11\/if-statement-example-flowchart-python.png 668w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><\/h3>\n<p>Visual representation of a process<\/p>\n<p>Used to understand, evaluate and improve processes<\/p>\n<p>Includes process steps, decisions, inputs and outputs<\/p>\n\n<\/div><h2 class=\"tabtitle\">Use Case Diagrams<\/h2>\n<div class=\"tabcontent\">\n\n<h3>Use Case Diagrams<\/h3>\n<p>Visual representation of actors, use cases and their relationships in a system<\/p>\n<p>Used to understand and validate user requirements<\/p>\n<p>Includes actors, use cases, associations and multiplicity<\/p>\n\n<\/div><h2 class=\"tabtitle\">Mockups<\/h2>\n<div class=\"tabcontent\">\n\n<h3>Mockups<\/h3>\n<p>Visual representation of a user interface<\/p>\n<p>Used to communicate and validate design ideas with stakeholders<\/p>\n<p>Includes screen layouts, buttons, text, images and other elements<\/p>\n\n<\/div><h2 class=\"tabtitle\">Others<\/h2>\n<div class=\"tabcontent\">\n\n<h3>Others<\/h3>\n<p>Other commonly used visual modeling tools include: State diagrams, Activity diagrams, Sequence diagrams, Class diagrams, Object diagrams<\/p>\n<p>Used in different domains and contexts to represent various aspects of a system<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n\n<\/div><h2 class=\"tabtitle\">Resources<\/h2>\n<div class=\"tabcontent\">\n\n<h3>Resources<\/h3>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>Teacher Presentation<\/p>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Entity-Relationship Diagrams (ERD) Visual representation of entities and their relationships in a database Used to design and understand relational databases Includes entities, attributes, relationships and cardinality symbols Data Flow Diagrams (DFD) Visual representation of how data flows through a system Used to model \u201cas-is\u201d and \u201cto-be\u201d systems Includes external entities, processes, data stores, data flows&hellip;&nbsp;<a href=\"https:\/\/learnlearn.uk\/ibcs\/system-design-documentation\/\" class=\"\" rel=\"bookmark\">Read More &raquo;<span class=\"screen-reader-text\">System Design Documentation<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"on","neve_meta_content_width":86,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":""},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>System Design Documentation - IB Computer Science<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/learnlearn.uk\/ibcs\/system-design-documentation\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"System Design Documentation - IB Computer Science\" \/>\n<meta property=\"og:description\" content=\"Entity-Relationship Diagrams (ERD) Visual representation of entities and their relationships in a database Used to design and understand relational databases Includes entities, attributes, relationships and cardinality symbols Data Flow Diagrams (DFD) Visual representation of how data flows through a system Used to model \u201cas-is\u201d and \u201cto-be\u201d systems Includes external entities, processes, data stores, data flows&hellip;&nbsp;Read More &raquo;System Design Documentation\" \/>\n<meta property=\"og:url\" content=\"https:\/\/learnlearn.uk\/ibcs\/system-design-documentation\/\" \/>\n<meta property=\"og:site_name\" content=\"IB Computer Science\" \/>\n<meta property=\"article:modified_time\" content=\"2023-04-25T10:36:02+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/learnlearn.uk\/ibcs\/wp-content\/uploads\/sites\/25\/2022\/11\/1200px-Hierachy_example_in_ER_diagram-300x217.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/learnlearn.uk\/ibcs\/system-design-documentation\/\",\"url\":\"https:\/\/learnlearn.uk\/ibcs\/system-design-documentation\/\",\"name\":\"System Design Documentation - IB Computer Science\",\"isPartOf\":{\"@id\":\"https:\/\/learnlearn.uk\/ibcs\/#website\"},\"datePublished\":\"2022-11-29T21:54:09+00:00\",\"dateModified\":\"2023-04-25T10:36:02+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/learnlearn.uk\/ibcs\/system-design-documentation\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/learnlearn.uk\/ibcs\/system-design-documentation\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/learnlearn.uk\/ibcs\/system-design-documentation\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"IB Computer Science\",\"item\":\"https:\/\/learnlearn.uk\/ibcs\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"System Design Documentation\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/learnlearn.uk\/ibcs\/#website\",\"url\":\"https:\/\/learnlearn.uk\/ibcs\/\",\"name\":\"IB Computer Science\",\"description\":\"- learnlearn..uk\",\"publisher\":{\"@id\":\"https:\/\/learnlearn.uk\/ibcs\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/learnlearn.uk\/ibcs\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/learnlearn.uk\/ibcs\/#organization\",\"name\":\"IB Computer Science\",\"url\":\"https:\/\/learnlearn.uk\/ibcs\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/learnlearn.uk\/ibcs\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/learnlearn.uk\/ibcs\/wp-content\/uploads\/sites\/25\/2022\/09\/LearnLearnLogowhite-300x41.png\",\"contentUrl\":\"https:\/\/learnlearn.uk\/ibcs\/wp-content\/uploads\/sites\/25\/2022\/09\/LearnLearnLogowhite-300x41.png\",\"width\":300,\"height\":41,\"caption\":\"IB Computer Science\"},\"image\":{\"@id\":\"https:\/\/learnlearn.uk\/ibcs\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"System Design Documentation - IB Computer Science","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/learnlearn.uk\/ibcs\/system-design-documentation\/","og_locale":"en_GB","og_type":"article","og_title":"System Design Documentation - IB Computer Science","og_description":"Entity-Relationship Diagrams (ERD) Visual representation of entities and their relationships in a database Used to design and understand relational databases Includes entities, attributes, relationships and cardinality symbols Data Flow Diagrams (DFD) Visual representation of how data flows through a system Used to model \u201cas-is\u201d and \u201cto-be\u201d systems Includes external entities, processes, data stores, data flows&hellip;&nbsp;Read More &raquo;System Design Documentation","og_url":"https:\/\/learnlearn.uk\/ibcs\/system-design-documentation\/","og_site_name":"IB Computer Science","article_modified_time":"2023-04-25T10:36:02+00:00","og_image":[{"url":"https:\/\/learnlearn.uk\/ibcs\/wp-content\/uploads\/sites\/25\/2022\/11\/1200px-Hierachy_example_in_ER_diagram-300x217.jpg"}],"twitter_card":"summary_large_image","twitter_misc":{"Estimated reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/learnlearn.uk\/ibcs\/system-design-documentation\/","url":"https:\/\/learnlearn.uk\/ibcs\/system-design-documentation\/","name":"System Design Documentation - IB Computer Science","isPartOf":{"@id":"https:\/\/learnlearn.uk\/ibcs\/#website"},"datePublished":"2022-11-29T21:54:09+00:00","dateModified":"2023-04-25T10:36:02+00:00","breadcrumb":{"@id":"https:\/\/learnlearn.uk\/ibcs\/system-design-documentation\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/learnlearn.uk\/ibcs\/system-design-documentation\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/learnlearn.uk\/ibcs\/system-design-documentation\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"IB Computer Science","item":"https:\/\/learnlearn.uk\/ibcs\/"},{"@type":"ListItem","position":2,"name":"System Design Documentation"}]},{"@type":"WebSite","@id":"https:\/\/learnlearn.uk\/ibcs\/#website","url":"https:\/\/learnlearn.uk\/ibcs\/","name":"IB Computer Science","description":"- learnlearn..uk","publisher":{"@id":"https:\/\/learnlearn.uk\/ibcs\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/learnlearn.uk\/ibcs\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/learnlearn.uk\/ibcs\/#organization","name":"IB Computer Science","url":"https:\/\/learnlearn.uk\/ibcs\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/learnlearn.uk\/ibcs\/#\/schema\/logo\/image\/","url":"https:\/\/learnlearn.uk\/ibcs\/wp-content\/uploads\/sites\/25\/2022\/09\/LearnLearnLogowhite-300x41.png","contentUrl":"https:\/\/learnlearn.uk\/ibcs\/wp-content\/uploads\/sites\/25\/2022\/09\/LearnLearnLogowhite-300x41.png","width":300,"height":41,"caption":"IB Computer Science"},"image":{"@id":"https:\/\/learnlearn.uk\/ibcs\/#\/schema\/logo\/image\/"}}]}},"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"learnlearnadmin","author_link":"https:\/\/learnlearn.uk\/ibcs\/author\/learnlearnadmin\/"},"rttpg_comment":0,"rttpg_category":null,"rttpg_excerpt":"Entity-Relationship Diagrams (ERD) Visual representation of entities and their relationships in a database Used to design and understand relational databases Includes entities, attributes, relationships and cardinality symbols Data Flow Diagrams (DFD) Visual representation of how data flows through a system Used to model \u201cas-is\u201d and \u201cto-be\u201d systems Includes external entities, processes, data stores, data flows&hellip;&nbsp;Read&hellip;","_links":{"self":[{"href":"https:\/\/learnlearn.uk\/ibcs\/wp-json\/wp\/v2\/pages\/315"}],"collection":[{"href":"https:\/\/learnlearn.uk\/ibcs\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/learnlearn.uk\/ibcs\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/learnlearn.uk\/ibcs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/learnlearn.uk\/ibcs\/wp-json\/wp\/v2\/comments?post=315"}],"version-history":[{"count":6,"href":"https:\/\/learnlearn.uk\/ibcs\/wp-json\/wp\/v2\/pages\/315\/revisions"}],"predecessor-version":[{"id":606,"href":"https:\/\/learnlearn.uk\/ibcs\/wp-json\/wp\/v2\/pages\/315\/revisions\/606"}],"wp:attachment":[{"href":"https:\/\/learnlearn.uk\/ibcs\/wp-json\/wp\/v2\/media?parent=315"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}