doc/images/banking_apiComponentView.svg

<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" contentStyleType="text/css" height="1053px" preserveAspectRatio="none" style="width:976px;height:1053px;background:#FFFFFF;" version="1.1" viewBox="0 0 976 1053" width="976px" zoomAndPan="magnify"><defs/><g><rect fill="none" height="26.2969" id="_title" style="stroke:none;stroke-width:1.0;" width="319" x="321.785" y="5"/><text fill="#000000" font-family="sans-serif" font-size="14" font-weight="bold" lengthAdjust="spacing" textLength="309" x="326.785" y="22.9951">Component View of the API Application</text><!--MD5=[2dce055d3a8855edeb8e5f972f4543ac]
cluster banking_apiApplication--><g id="cluster_banking_apiApplication"><rect fill="none" height="412" rx="2.5" ry="2.5" style="stroke:#444444;stroke-width:1.0;stroke-dasharray:7.0,7.0;" width="743" x="77.57" y="272.2969"/><text fill="#444444" font-family="sans-serif" font-size="16" font-weight="bold" lengthAdjust="spacing" textLength="132" x="383.07" y="289.1484">API Application</text><text fill="#444444" font-family="sans-serif" font-size="12" font-weight="bold" lengthAdjust="spacing" textLength="80" x="409.07" y="304.0605">[Container]</text></g><!--MD5=[9cbd0ae4f0fbb4eb7a711fc04d4b4148]
entity banking_signInController--><g id="elem_banking_signInController"><rect fill="#85BBF0" height="101.4844" rx="2.5" ry="2.5" style="stroke:#78A8D8;stroke-width:0.5;" width="218" x="93.57" y="340.7969"/><text fill="#000000" font-family="sans-serif" font-size="16" font-weight="bold" lengthAdjust="spacing" textLength="154" x="125.57" y="365.6484">Sign In Controller</text><text fill="#000000" font-family="sans-serif" font-size="12" font-style="italic" lengthAdjust="spacing" textLength="129" x="138.07" y="380.5605">[Clojure namespace]</text><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="4" x="200.57" y="396.3857"> </text><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="198" x="103.57" y="412.6826">Allows users to sign in to the</text><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="113" x="146.07" y="428.9795">banking system.</text></g><!--MD5=[5b3def8e53fa700457394208ceaf07b8]
entity banking_securityComponent--><g id="elem_banking_securityComponent"><rect fill="#85BBF0" height="117.7813" rx="2.5" ry="2.5" style="stroke:#78A8D8;stroke-width:0.5;" width="217" x="94.07" y="542.2969"/><text fill="#000000" font-family="sans-serif" font-size="16" font-weight="bold" lengthAdjust="spacing" textLength="181" x="112.07" y="567.1484">Security Component</text><text fill="#000000" font-family="sans-serif" font-size="12" font-style="italic" lengthAdjust="spacing" textLength="129" x="138.07" y="582.0605">[Clojure namespace]</text><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="4" x="200.57" y="597.8857"> </text><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="197" x="104.07" y="614.1826">Provides functionality related</text><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="156" x="122.57" y="630.4795">to signing in, changing</text><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="109" x="148.07" y="646.7764">passwords, etc.</text></g><!--MD5=[eeef916e41d9345334c58e2e5ee410c9]
entity banking_resetPasswordController--><g id="elem_banking_resetPasswordController"><rect fill="#85BBF0" height="136.4063" rx="2.5" ry="2.5" style="stroke:#78A8D8;stroke-width:0.5;" width="218" x="346.57" y="323.2969"/><text fill="#000000" font-family="sans-serif" font-size="16" font-weight="bold" lengthAdjust="spacing" textLength="145" x="380.07" y="348.1484">Reset Password</text><text fill="#000000" font-family="sans-serif" font-size="16" font-weight="bold" lengthAdjust="spacing" textLength="88" x="411.57" y="366.7734">Controller</text><text fill="#000000" font-family="sans-serif" font-size="12" font-style="italic" lengthAdjust="spacing" textLength="129" x="391.07" y="381.6855">[Clojure namespace]</text><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="4" x="453.57" y="397.5107"> </text><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="179" x="364.07" y="413.8076">Allows users to reset their</text><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="194" x="356.57" y="430.1045">passwords with a single use</text><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="31" x="440.07" y="446.4014">URL.</text></g><!--MD5=[729d1a563a632577ec8f9f86ccbab7b5]
entity banking_emailComponent--><g id="elem_banking_emailComponent"><rect fill="#85BBF0" height="85.1875" rx="2.5" ry="2.5" style="stroke:#78A8D8;stroke-width:0.5;" width="179" x="366.07" y="558.7969"/><text fill="#000000" font-family="sans-serif" font-size="16" font-weight="bold" lengthAdjust="spacing" textLength="159" x="376.07" y="583.6484">E-mail Component</text><text fill="#000000" font-family="sans-serif" font-size="12" font-style="italic" lengthAdjust="spacing" textLength="129" x="391.07" y="598.5605">[Clojure namespace]</text><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="4" x="453.57" y="614.3857"> </text><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="154" x="378.57" y="630.6826">Sends e-mail to users.</text></g><!--MD5=[4f0172c0faf0e8703bcd4d24183818c4]
entity banking_accountsSummaryController--><g id="elem_banking_accountsSummaryController"><rect fill="#85BBF0" height="136.4063" rx="2.5" ry="2.5" style="stroke:#78A8D8;stroke-width:0.5;" width="205" x="600.07" y="323.2969"/><text fill="#000000" font-family="sans-serif" font-size="16" font-weight="bold" lengthAdjust="spacing" textLength="171" x="614.07" y="348.1484">Accounts Summary</text><text fill="#000000" font-family="sans-serif" font-size="16" font-weight="bold" lengthAdjust="spacing" textLength="88" x="658.57" y="366.7734">Controller</text><text fill="#000000" font-family="sans-serif" font-size="12" font-style="italic" lengthAdjust="spacing" textLength="130" x="637.57" y="381.6855">[Clojure Namespace]</text><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="4" x="700.57" y="397.5107"> </text><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="181" x="610.07" y="413.8076">Provides customers with a</text><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="153" x="624.07" y="430.1045">summary of their bank</text><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="68" x="668.57" y="446.4014">accounts.</text></g><!--MD5=[407cd5647976c53466448b847b101f8e]
entity banking_mainframeBankingSystemFacade--><g id="elem_banking_mainframeBankingSystemFacade"><rect fill="#85BBF0" height="134.0781" rx="2.5" ry="2.5" style="stroke:#78A8D8;stroke-width:0.5;" width="218" x="586.57" y="534.2969"/><text fill="#000000" font-family="sans-serif" font-size="16" font-weight="bold" lengthAdjust="spacing" textLength="169" x="608.07" y="559.1484">Mainframe Banking</text><text fill="#000000" font-family="sans-serif" font-size="16" font-weight="bold" lengthAdjust="spacing" textLength="134" x="628.57" y="577.7734">System Facade</text><text fill="#000000" font-family="sans-serif" font-size="12" font-style="italic" lengthAdjust="spacing" textLength="129" x="629.07" y="592.6855">[Clojure Namespace,</text><text fill="#000000" font-family="sans-serif" font-size="12" font-style="italic" lengthAdjust="spacing" textLength="69" x="661.07" y="606.6543">http-client]</text><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="4" x="693.57" y="622.4795"> </text><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="198" x="596.57" y="638.7764">A facade onto the mainframe</text><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="113" x="639.07" y="655.0732">banking system.</text></g><!--MD5=[4b1f63f958a363aa23d5e826df8bdb67]
entity banking_singlePageApp--><g id="elem_banking_singlePageApp"><rect fill="#438DD5" height="152.7031" rx="2.5" ry="2.5" style="stroke:#3C7FC0;stroke-width:0.5;" width="203" x="98.07" y="44.2969"/><text fill="#FFFFFF" font-family="sans-serif" font-size="16" font-weight="bold" lengthAdjust="spacing" textLength="103" x="145.07" y="69.1484">Single-Page</text><text fill="#FFFFFF" font-family="sans-serif" font-size="16" font-weight="bold" lengthAdjust="spacing" textLength="96" x="151.57" y="87.7734">Application</text><text fill="#FFFFFF" font-family="sans-serif" font-size="12" font-style="italic" lengthAdjust="spacing" textLength="180" x="109.57" y="102.6855">[ClojureScript and Re-Frame]</text><text fill="#FFFFFF" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="4" x="197.57" y="118.5107"> </text><text fill="#FFFFFF" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="179" x="108.07" y="134.8076">Provides all of the internet</text><text fill="#FFFFFF" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="159" x="118.07" y="151.1045">banking functionality to</text><text fill="#FFFFFF" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="164" x="115.57" y="167.4014">customers via their web</text><text fill="#FFFFFF" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="60" x="169.57" y="183.6982">browser.</text></g><!--MD5=[c0307190e1689443645e72b879da821a]
entity banking_mobileApp--><g id="elem_banking_mobileApp"><rect fill="#438DD5" height="134.0781" rx="2.5" ry="2.5" style="stroke:#3C7FC0;stroke-width:0.5;" width="220" x="596.57" y="53.7969"/><text fill="#FFFFFF" font-family="sans-serif" font-size="16" font-weight="bold" lengthAdjust="spacing" textLength="97" x="658.07" y="78.6484">Mobile App</text><text fill="#FFFFFF" font-family="sans-serif" font-size="12" font-style="italic" lengthAdjust="spacing" textLength="174" x="619.57" y="93.5605">[ClojureScript and Reagent]</text><text fill="#FFFFFF" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="4" x="704.57" y="109.3857"> </text><text fill="#FFFFFF" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="189" x="610.07" y="125.6826">Provides a limited subset of</text><text fill="#FFFFFF" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="140" x="634.57" y="141.9795">the internet banking</text><text fill="#FFFFFF" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="200" x="606.57" y="158.2764">functionality to customers via</text><text fill="#FFFFFF" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="134" x="639.57" y="174.5732">their mobile device.</text></g><!--MD5=[477c019157dfb7fe8908ede52c1f0078]
entity banking_database--><g id="elem_banking_database"><path d="M96.07,783.2969 C96.07,773.2969 202.57,773.2969 202.57,773.2969 C202.57,773.2969 309.07,773.2969 309.07,783.2969 L309.07,906.375 C309.07,916.375 202.57,916.375 202.57,916.375 C202.57,916.375 96.07,916.375 96.07,906.375 L96.07,783.2969 " fill="#438DD5" style="stroke:#3C7FC0;stroke-width:0.5;"/><path d="M96.07,783.2969 C96.07,793.2969 202.57,793.2969 202.57,793.2969 C202.57,793.2969 309.07,793.2969 309.07,783.2969 " fill="none" style="stroke:#3C7FC0;stroke-width:0.5;"/><text fill="#FFFFFF" font-family="sans-serif" font-size="16" font-weight="bold" lengthAdjust="spacing" textLength="83" x="161.07" y="812.1484">Database</text><text fill="#FFFFFF" font-family="sans-serif" font-size="12" font-style="italic" lengthAdjust="spacing" textLength="61" x="172.07" y="827.0605">[Datomic]</text><text fill="#FFFFFF" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="4" x="200.57" y="842.8857"> </text><text fill="#FFFFFF" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="189" x="106.07" y="859.1826">Stores the user registration</text><text fill="#FFFFFF" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="137" x="132.07" y="875.4795">information, hashed</text><text fill="#FFFFFF" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="183" x="109.07" y="891.7764">authentication credentials,</text><text fill="#FFFFFF" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="116" x="144.57" y="908.0732">access logs, etc.</text></g><!--MD5=[0c43ff08bbfd02a37d69b4183c1b0e34]
entity banking_emailSystem--><g id="elem_banking_emailSystem"><rect fill="#999999" height="87.5156" rx="2.5" ry="2.5" style="stroke:#8A8A8A;stroke-width:0.5;" width="186" x="362.57" y="800.7969"/><text fill="#FFFFFF" font-family="sans-serif" font-size="16" font-weight="bold" lengthAdjust="spacing" textLength="123" x="394.07" y="825.6484">E-mail System</text><text fill="#FFFFFF" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="4" x="453.57" y="842.417"> </text><text fill="#FFFFFF" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="149" x="379.07" y="858.7139">The internal Microsoft</text><text fill="#FFFFFF" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="166" x="372.57" y="875.0107">Exchange email system.</text></g><!--MD5=[8250ffdafb811e06eedbcbea72883f86]
entity banking_mainframeBankingSystem--><g id="elem_banking_mainframeBankingSystem"><rect fill="#999999" height="138.7344" rx="2.5" ry="2.5" style="stroke:#8A8A8A;stroke-width:0.5;" width="208" x="591.57" y="775.2969"/><text fill="#FFFFFF" font-family="sans-serif" font-size="16" font-weight="bold" lengthAdjust="spacing" textLength="169" x="608.07" y="800.1484">Mainframe Banking</text><text fill="#FFFFFF" font-family="sans-serif" font-size="16" font-weight="bold" lengthAdjust="spacing" textLength="66" x="662.57" y="818.7734">System</text><text fill="#FFFFFF" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="4" x="693.57" y="835.542"> </text><text fill="#FFFFFF" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="184" x="601.57" y="851.8389">Stores all the core banking</text><text fill="#FFFFFF" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="121" x="633.07" y="868.1357">information about</text><text fill="#FFFFFF" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="150" x="618.57" y="884.4326">customers, accounts,</text><text fill="#FFFFFF" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="119" x="636.07" y="900.7295">transactions, etc.</text></g><!--MD5=[17d2f091d4396d586b71a22509968ff1]
link banking_singlePageApp to banking_signInController--><g id="link_banking_singlePageApp_banking_signInController"><path d="M98.02,156.1469 C49.42,178.9069 6,212.6169 27.57,256.2969 C43.48,288.5169 71.26,315.1269 100.06,335.9069 " fill="none" id="banking_singlePageApp-to-banking_signInController" style="stroke:#666666;stroke-width:1.0;"/><polygon fill="#666666" points="106.61,340.5269,101.8013,333.4646,98.3433,338.3679,106.61,340.5269" style="stroke:#666666;stroke-width:1.0;"/><text fill="#666666" font-family="sans-serif" font-size="12" font-weight="bold" lengthAdjust="spacing" textLength="127" x="28.57" y="239.4355">Makes API calls to</text><text fill="#666666" font-family="sans-serif" font-size="12" font-style="italic" lengthAdjust="spacing" textLength="94" x="45.07" y="253.4043">[Transit/HTTPS]</text></g><!--MD5=[0085bba901817d141f09b1216cdee67c]
link banking_singlePageApp to banking_resetPasswordController--><g id="link_banking_singlePageApp_banking_resetPasswordController"><path d="M179.32,197.4069 C178.09,218.8769 181.84,240.6469 196.57,256.2969 C206.64,266.9969 315.16,258.2969 328.57,264.2969 C355.26,276.2469 379.49,296.4469 399.47,317.2169 " fill="none" id="banking_singlePageApp-to-banking_resetPasswordController" style="stroke:#666666;stroke-width:1.0;"/><polygon fill="#666666" points="404.99,323.0869,401.6917,315.2052,397.3225,319.3174,404.99,323.0869" style="stroke:#666666;stroke-width:1.0;"/><text fill="#666666" font-family="sans-serif" font-size="12" font-weight="bold" lengthAdjust="spacing" textLength="127" x="197.57" y="239.4355">Makes API calls to</text><text fill="#666666" font-family="sans-serif" font-size="12" font-style="italic" lengthAdjust="spacing" textLength="94" x="214.07" y="253.4043">[Transit/HTTPS]</text></g><!--MD5=[c18bbc0e7ad96a58840c96b99194bb84]
link banking_singlePageApp to banking_accountsSummaryController--><g id="link_banking_singlePageApp_banking_accountsSummaryController"><path d="M301.25,146.7769 C361.26,164.1169 437.23,190.7169 498.57,227.2969 C515.05,237.1269 513.25,248.0169 530.57,256.2969 C551.27,266.1969 561.23,253.6869 581.57,264.2969 C606.29,277.1869 628.86,297.0669 647.63,317.2569 " fill="none" id="banking_singlePageApp-to-banking_accountsSummaryController" style="stroke:#666666;stroke-width:1.0;"/><polygon fill="#666666" points="653.08,323.2369,649.9118,315.302,645.4755,319.3418,653.08,323.2369" style="stroke:#666666;stroke-width:1.0;"/><text fill="#666666" font-family="sans-serif" font-size="12" font-weight="bold" lengthAdjust="spacing" textLength="127" x="531.57" y="239.4355">Makes API calls to</text><text fill="#666666" font-family="sans-serif" font-size="12" font-style="italic" lengthAdjust="spacing" textLength="94" x="548.07" y="253.4043">[Transit/HTTPS]</text></g><!--MD5=[312e203415935b997d1863fa3d4ada9f]
link banking_mobileApp to banking_signInController--><g id="link_banking_mobileApp_banking_signInController"><path d="M596.2,140.8169 C525.43,156.4669 433.64,183.3769 361.57,227.2969 C348.81,235.0769 295.65,290.5369 254.27,334.6269 " fill="none" id="banking_mobileApp-to-banking_signInController" style="stroke:#666666;stroke-width:1.0;"/><polygon fill="#666666" points="248.77,340.4969,256.4326,336.7174,252.0581,332.6109,248.77,340.4969" style="stroke:#666666;stroke-width:1.0;"/><text fill="#666666" font-family="sans-serif" font-size="12" font-weight="bold" lengthAdjust="spacing" textLength="127" x="362.57" y="239.4355">Makes API calls to</text><text fill="#666666" font-family="sans-serif" font-size="12" font-style="italic" lengthAdjust="spacing" textLength="94" x="379.07" y="253.4043">[Transit/HTTPS]</text></g><!--MD5=[4264fb0dbfd6fdf7cb1799cde3c83254]
link banking_mobileApp to banking_resetPasswordController--><g id="link_banking_mobileApp_banking_resetPasswordController"><path d="M702.82,187.8969 C697.9,213.0069 687.8,239.5569 667.57,256.2969 C652.95,268.3869 599.75,256.2569 582.57,264.2969 C556.21,276.6269 532.14,296.8069 512.2,317.4469 " fill="none" id="banking_mobileApp-to-banking_resetPasswordController" style="stroke:#666666;stroke-width:1.0;"/><polygon fill="#666666" points="506.69,323.2769,514.3716,319.5362,510.0179,315.4076,506.69,323.2769" style="stroke:#666666;stroke-width:1.0;"/><text fill="#666666" font-family="sans-serif" font-size="12" font-weight="bold" lengthAdjust="spacing" textLength="127" x="689.57" y="239.4355">Makes API calls to</text><text fill="#666666" font-family="sans-serif" font-size="12" font-style="italic" lengthAdjust="spacing" textLength="94" x="706.07" y="253.4043">[Transit/HTTPS]</text></g><!--MD5=[5f47f2e3ef232b9b66e8e553fee61daa]
link banking_mobileApp to banking_accountsSummaryController--><g id="link_banking_mobileApp_banking_accountsSummaryController"><path d="M816.89,187.1769 C836.22,207.1269 847.2,230.6469 836.57,256.2969 C827.29,278.6869 812.26,299.2969 795.55,317.2769 " fill="none" id="banking_mobileApp-to-banking_accountsSummaryController" style="stroke:#666666;stroke-width:1.0;"/><polygon fill="#666666" points="789.82,323.2769,797.5158,319.5655,793.1779,315.4204,789.82,323.2769" style="stroke:#666666;stroke-width:1.0;"/><text fill="#666666" font-family="sans-serif" font-size="12" font-weight="bold" lengthAdjust="spacing" textLength="127" x="841.57" y="239.4355">Makes API calls to</text><text fill="#666666" font-family="sans-serif" font-size="12" font-style="italic" lengthAdjust="spacing" textLength="94" x="858.07" y="253.4043">[Transit/HTTPS]</text></g><!--MD5=[109c5afd44cd2d0448d8a11b4f8840a3]
link banking_signInController to banking_securityComponent--><g id="link_banking_signInController_banking_securityComponent"><path d="M202.57,441.8569 C202.57,469.4269 202.57,504.0969 202.57,533.9769 " fill="none" id="banking_signInController-to-banking_securityComponent" style="stroke:#666666;stroke-width:1.0;"/><polygon fill="#666666" points="202.57,542.2669,205.57,534.2669,199.57,534.2669,202.57,542.2669" style="stroke:#666666;stroke-width:1.0;"/><text fill="#666666" font-family="sans-serif" font-size="12" font-weight="bold" lengthAdjust="spacing" textLength="35" x="203.57" y="501.4355">Uses</text></g><!--MD5=[4506c761d596107355397fe58cea6e90]
link banking_resetPasswordController to banking_emailComponent--><g id="link_banking_resetPasswordController_banking_emailComponent"><path d="M455.57,459.5369 C455.57,489.1169 455.57,523.2569 455.57,550.4969 " fill="none" id="banking_resetPasswordController-to-banking_emailComponent" style="stroke:#666666;stroke-width:1.0;"/><polygon fill="#666666" points="455.57,558.7169,458.57,550.7169,452.57,550.7169,455.57,558.7169" style="stroke:#666666;stroke-width:1.0;"/><text fill="#666666" font-family="sans-serif" font-size="12" font-weight="bold" lengthAdjust="spacing" textLength="35" x="456.57" y="501.4355">Uses</text></g><!--MD5=[c2b985e70e1ed29ce47f748fe1ea02e4]
link banking_accountsSummaryController to banking_mainframeBankingSystemFacade--><g id="link_banking_accountsSummaryController_banking_mainframeBankingSystemFacade"><path d="M700.31,459.5369 C699.59,480.6969 698.8,504.1769 698.08,525.8069 " fill="none" id="banking_accountsSummaryController-to-banking_mainframeBankingSystemFacade" style="stroke:#666666;stroke-width:1.0;"/><polygon fill="#666666" points="697.8,533.9969,701.0695,526.1032,695.073,525.8997,697.8,533.9969" style="stroke:#666666;stroke-width:1.0;"/><text fill="#666666" font-family="sans-serif" font-size="12" font-weight="bold" lengthAdjust="spacing" textLength="35" x="700.57" y="501.4355">Uses</text></g><!--MD5=[333e0fe0d32bdde0e673a4f352608c21]
link banking_securityComponent to banking_database--><g id="link_banking_securityComponent_banking_database"><path d="M202.57,660.4469 C202.57,691.8469 202.57,731.0469 202.57,765.1369 " fill="none" id="banking_securityComponent-to-banking_database" style="stroke:#666666;stroke-width:1.0;"/><polygon fill="#666666" points="202.57,773.2269,205.57,765.2269,199.57,765.2269,202.57,773.2269" style="stroke:#666666;stroke-width:1.0;"/><text fill="#666666" font-family="sans-serif" font-size="12" font-weight="bold" lengthAdjust="spacing" textLength="111" x="203.57" y="712.4355">Reads from and</text><text fill="#666666" font-family="sans-serif" font-size="12" font-weight="bold" lengthAdjust="spacing" textLength="64" x="229.07" y="726.4043">writes to</text><text fill="#666666" font-family="sans-serif" font-size="12" font-style="italic" lengthAdjust="spacing" textLength="59" x="231.57" y="740.373">[Datalog]</text></g><!--MD5=[db4ac3909b1ec0b93440d61647d1d21c]
link banking_emailComponent to banking_emailSystem--><g id="link_banking_emailComponent_banking_emailSystem"><path d="M455.57,643.8169 C455.57,685.0769 455.57,748.4369 455.57,792.7469 " fill="none" id="banking_emailComponent-to-banking_emailSystem" style="stroke:#666666;stroke-width:1.0;"/><polygon fill="#666666" points="455.57,800.7969,458.57,792.7969,452.57,792.7969,455.57,800.7969" style="stroke:#666666;stroke-width:1.0;"/><text fill="#666666" font-family="sans-serif" font-size="12" font-weight="bold" lengthAdjust="spacing" textLength="134" x="456.57" y="726.4355">Sends e-mail using</text></g><!--MD5=[fede3c7ecc3ec75051bab7429e817eb9]
link banking_mainframeBankingSystemFacade to banking_mainframeBankingSystem--><g id="link_banking_mainframeBankingSystemFacade_banking_mainframeBankingSystem"><path d="M695.57,668.6069 C695.57,698.9869 695.57,735.1769 695.57,766.7569 " fill="none" id="banking_mainframeBankingSystemFacade-to-banking_mainframeBankingSystem" style="stroke:#666666;stroke-width:1.0;"/><polygon fill="#666666" points="695.57,775.1069,698.57,767.1069,692.57,767.1069,695.57,775.1069" style="stroke:#666666;stroke-width:1.0;"/><text fill="#666666" font-family="sans-serif" font-size="12" font-weight="bold" lengthAdjust="spacing" textLength="127" x="696.57" y="719.4355">Makes API calls to</text><text fill="#666666" font-family="sans-serif" font-size="12" font-style="italic" lengthAdjust="spacing" textLength="77" x="721.57" y="733.4043">[XML/HTTPS]</text></g><rect fill="none" height="97.4844" id="_legend" rx="7.5" ry="7.5" style="stroke:none;stroke-width:1.0;" width="217" x="737.57" y="940.375"/><rect height="16.2969" style="stroke:none;stroke-width:1.0;fill:none;" width="205" x="743.57" y="948.375"/><text fill="#000000" font-family="sans-serif" font-size="14" font-weight="bold" lengthAdjust="spacing" textLength="59" x="743.57" y="961.3701">Legend</text><text fill="#FFFFFF" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="4" x="802.57" y="961.3701"> </text><rect fill="#438DD5" height="16.2969" style="stroke:none;stroke-width:1.0;" width="205" x="743.57" y="964.6719"/><text fill="#3C7FC0" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="8" x="747.57" y="977.667">▯</text><text fill="#FFFFFF" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="4" x="755.57" y="977.667"> </text><text fill="#FFFFFF" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="65" x="763.57" y="977.667">container</text><text fill="#FFFFFF" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="4" x="832.57" y="977.667"> </text><rect fill="#85BBF0" height="16.2969" style="stroke:none;stroke-width:1.0;" width="205" x="743.57" y="980.9688"/><text fill="#78A8D8" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="8" x="747.57" y="993.9639">▯</text><text fill="#FFFFFF" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="4" x="755.57" y="993.9639"> </text><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="80" x="763.57" y="993.9639">component</text><text fill="#FFFFFF" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="4" x="847.57" y="993.9639"> </text><rect fill="#999999" height="16.2969" style="stroke:none;stroke-width:1.0;" width="205" x="743.57" y="997.2656"/><text fill="#8A8A8A" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="8" x="747.57" y="1010.2607">▯</text><text fill="#FFFFFF" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="4" x="755.57" y="1010.2607"> </text><text fill="#FFFFFF" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="112" x="763.57" y="1010.2607">external_system</text><text fill="#FFFFFF" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="4" x="879.57" y="1010.2607"> </text><rect height="16.2969" style="stroke:none;stroke-width:1.0;fill:none;" width="205" x="743.57" y="1013.5625"/><text fill="#444444" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="8" x="747.57" y="1026.5576">▯</text><text fill="#FFFFFF" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="4" x="755.57" y="1026.5576"> </text><text fill="#444444" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="134" x="763.57" y="1026.5576">container boundary</text><text fill="#444444" font-family="sans-serif" font-size="10" lengthAdjust="spacing" textLength="43" x="901.57" y="1027.501">(dashed)</text><text fill="#FFFFFF" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="4" x="944.57" y="1026.5576"> </text><line style="stroke:#00000000;stroke-width:1.0;" x1="743.57" x2="948.57" y1="948.375" y2="948.375"/><line style="stroke:#00000000;stroke-width:1.0;" x1="743.57" x2="948.57" y1="964.6719" y2="964.6719"/><line style="stroke:#00000000;stroke-width:1.0;" x1="743.57" x2="948.57" y1="980.9688" y2="980.9688"/><line style="stroke:#00000000;stroke-width:1.0;" x1="743.57" x2="948.57" y1="997.2656" y2="997.2656"/><line style="stroke:#00000000;stroke-width:1.0;" x1="743.57" x2="948.57" y1="1013.5625" y2="1013.5625"/><line style="stroke:#00000000;stroke-width:1.0;" x1="743.57" x2="948.57" y1="1029.8594" y2="1029.8594"/><line style="stroke:#00000000;stroke-width:1.0;" x1="743.57" x2="743.57" y1="948.375" y2="1029.8594"/><line style="stroke:#00000000;stroke-width:1.0;" x1="948.57" x2="948.57" y1="948.375" y2="1029.8594"/><!--MD5=[5621556b824bac0f1907b960353d1b0c]
@startuml banking_apiComponentView
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Component.puml




title Component View of the API Application
Container(banking_singlePageApp, "Single-Page Application", $techn="ClojureScript and Re-Frame", $descr="Provides all of the internet banking functionality to customers via their web browser.")
Container(banking_mobileApp, "Mobile App", $techn="ClojureScript and Reagent", $descr="Provides a limited subset of the internet banking functionality to customers via their mobile device.")
Container_Boundary(banking_apiApplication, "API Application") {
  Component(banking_signInController, "Sign In Controller", $techn="Clojure namespace", $descr="Allows users to sign in to the banking system.")
  Component(banking_securityComponent, "Security Component", $techn="Clojure namespace", $descr="Provides functionality related to signing in, changing passwords, etc.")
  Component(banking_resetPasswordController, "Reset Password Controller", $techn="Clojure namespace", $descr="Allows users to reset their passwords with a single use URL.")
  Component(banking_emailComponent, "E-mail Component", $techn="Clojure namespace", $descr="Sends e-mail to users.")
  Component(banking_accountsSummaryController, "Accounts Summary Controller", $techn="Clojure Namespace", $descr="Provides customers with a summary of their bank accounts.")
  Component(banking_mainframeBankingSystemFacade, "Mainframe Banking System Facade", $techn="Clojure Namespace, http-client", $descr="A facade onto the mainframe banking system.")
}
ContainerDb(banking_database, "Database", $techn="Datomic", $descr="Stores the user registration information, hashed authentication credentials, access logs, etc.")
System_Ext(banking_emailSystem, "E-mail System", $descr="The internal Microsoft Exchange email system.")
System_Ext(banking_mainframeBankingSystem, "Mainframe Banking System", $descr="Stores all the core banking information about customers, accounts, transactions, etc.")
Rel(banking_singlePageApp, banking_signInController, "Makes API calls to", $techn="Transit/HTTPS")
Rel(banking_singlePageApp, banking_resetPasswordController, "Makes API calls to", $techn="Transit/HTTPS")
Rel(banking_singlePageApp, banking_accountsSummaryController, "Makes API calls to", $techn="Transit/HTTPS")
Rel(banking_mobileApp, banking_signInController, "Makes API calls to", $techn="Transit/HTTPS")
Rel(banking_mobileApp, banking_resetPasswordController, "Makes API calls to", $techn="Transit/HTTPS")
Rel(banking_mobileApp, banking_accountsSummaryController, "Makes API calls to", $techn="Transit/HTTPS")
Rel(banking_signInController, banking_securityComponent, "Uses")
Rel(banking_resetPasswordController, banking_emailComponent, "Uses")
Rel(banking_accountsSummaryController, banking_mainframeBankingSystemFacade, "Uses")
Rel(banking_securityComponent, banking_database, "Reads from and writes to", $techn="Datalog")
Rel(banking_emailComponent, banking_emailSystem, "Sends e-mail using")
Rel(banking_mainframeBankingSystemFacade, banking_mainframeBankingSystem, "Makes API calls to", $techn="XML/HTTPS")
SHOW_LEGEND()
@enduml

@startuml banking_apiComponentView






















skinparam defaultTextAlignment center

skinparam wrapWidth 200
skinparam maxMessageSize 150

skinparam LegendFontColor #FFFFFF
skinparam LegendBackgroundColor transparent
skinparam LegendBorderColor transparent

skinparam rectangle<<legendArea>> {
    backgroundcolor transparent
    bordercolor transparent
}

skinparam rectangle {
    StereotypeFontSize 12
}

skinparam database {
    StereotypeFontSize 12
}

skinparam queue {
    StereotypeFontSize 12
}

skinparam arrow {
    Color #666666
    FontColor #666666
    FontSize 12
}

skinparam person {
    StereotypeFontSize 12
}

skinparam actor {
    StereotypeFontSize 12
    style awesome
}

skinparam rectangle<<boundary>> {
    StereotypeFontSize 6
    StereotypeFontColor transparent
    BorderStyle dashed
}

skinparam package {
    StereotypeFontSize 6
    StereotypeFontColor transparent
    FontStyle plain
    BackgroundColor transparent
}

























































































skinparam rectangle<<boundary>> {
    FontColor #444444
    BackgroundColor transparent
    BorderColor #444444
}
skinparam database<<boundary>> {
    FontColor #444444
    BackgroundColor transparent
    BorderColor #444444
}
skinparam queue<<boundary>> {
    FontColor #444444
    BackgroundColor transparent
    BorderColor #444444
}
skinparam person<<boundary>> {
    FontColor #444444
    BackgroundColor transparent
    BorderColor #444444
}
skinparam actor<<boundary>> {
    FontColor transparent
    BackgroundColor transparent
    BorderColor #444444
}
skinparam package<<boundary>>StereotypeFontColor transparent
skinparam rectangle<<boundary>>StereotypeFontColor transparent

skinparam rectangle<<enterprise_boundary>> {
    FontColor #444444
    BackgroundColor transparent
    BorderColor #444444
}
skinparam database<<enterprise_boundary>> {
    FontColor #444444
    BackgroundColor transparent
    BorderColor #444444
}
skinparam queue<<enterprise_boundary>> {
    FontColor #444444
    BackgroundColor transparent
    BorderColor #444444
}
skinparam person<<enterprise_boundary>> {
    FontColor #444444
    BackgroundColor transparent
    BorderColor #444444
}
skinparam actor<<enterprise_boundary>> {
    FontColor transparent
    BackgroundColor transparent
    BorderColor #444444
}
skinparam package<<enterprise_boundary>>StereotypeFontColor transparent
skinparam rectangle<<enterprise_boundary>>StereotypeFontColor transparent


skinparam rectangle<<system_boundary>> {
    FontColor #444444
    BackgroundColor transparent
    BorderColor #444444
}
skinparam database<<system_boundary>> {
    FontColor #444444
    BackgroundColor transparent
    BorderColor #444444
}
skinparam queue<<system_boundary>> {
    FontColor #444444
    BackgroundColor transparent
    BorderColor #444444
}
skinparam person<<system_boundary>> {
    FontColor #444444
    BackgroundColor transparent
    BorderColor #444444
}
skinparam actor<<system_boundary>> {
    FontColor transparent
    BackgroundColor transparent
    BorderColor #444444
}
skinparam package<<system_boundary>>StereotypeFontColor transparent
skinparam rectangle<<system_boundary>>StereotypeFontColor transparent


skinparam rectangle<<container_boundary>> {
    FontColor #444444
    BackgroundColor transparent
    BorderColor #444444
}
skinparam database<<container_boundary>> {
    FontColor #444444
    BackgroundColor transparent
    BorderColor #444444
}
skinparam queue<<container_boundary>> {
    FontColor #444444
    BackgroundColor transparent
    BorderColor #444444
}
skinparam person<<container_boundary>> {
    FontColor #444444
    BackgroundColor transparent
    BorderColor #444444
}
skinparam actor<<container_boundary>> {
    FontColor transparent
    BackgroundColor transparent
    BorderColor #444444
}
skinparam package<<container_boundary>>StereotypeFontColor transparent
skinparam rectangle<<container_boundary>>StereotypeFontColor transparent




































skinparam rectangle<<person>> {
    StereotypeFontColor #FFFFFF
    FontColor #FFFFFF
    BackgroundColor #08427B
    BorderColor #073B6F
}
skinparam database<<person>> {
    StereotypeFontColor #FFFFFF
    FontColor #FFFFFF
    BackgroundColor #08427B
    BorderColor #073B6F
}
skinparam queue<<person>> {
    StereotypeFontColor #FFFFFF
    FontColor #FFFFFF
    BackgroundColor #08427B
    BorderColor #073B6F
}
skinparam person<<person>> {
    StereotypeFontColor #FFFFFF
    FontColor #FFFFFF
    BackgroundColor #08427B
    BorderColor #073B6F
}
skinparam actor<<person>> {
    StereotypeFontColor #08427B
    FontColor #08427B
    BackgroundColor #08427B
    BorderColor #073B6F
}

skinparam rectangle<<external_person>> {
    StereotypeFontColor #FFFFFF
    FontColor #FFFFFF
    BackgroundColor #686868
    BorderColor #8A8A8A
}
skinparam database<<external_person>> {
    StereotypeFontColor #FFFFFF
    FontColor #FFFFFF
    BackgroundColor #686868
    BorderColor #8A8A8A
}
skinparam queue<<external_person>> {
    StereotypeFontColor #FFFFFF
    FontColor #FFFFFF
    BackgroundColor #686868
    BorderColor #8A8A8A
}
skinparam person<<external_person>> {
    StereotypeFontColor #FFFFFF
    FontColor #FFFFFF
    BackgroundColor #686868
    BorderColor #8A8A8A
}
skinparam actor<<external_person>> {
    StereotypeFontColor #686868
    FontColor #686868
    BackgroundColor #686868
    BorderColor #8A8A8A
}

skinparam rectangle<<system>> {
    StereotypeFontColor #FFFFFF
    FontColor #FFFFFF
    BackgroundColor #1168BD
    BorderColor #3C7FC0
}
skinparam database<<system>> {
    StereotypeFontColor #FFFFFF
    FontColor #FFFFFF
    BackgroundColor #1168BD
    BorderColor #3C7FC0
}
skinparam queue<<system>> {
    StereotypeFontColor #FFFFFF
    FontColor #FFFFFF
    BackgroundColor #1168BD
    BorderColor #3C7FC0
}
skinparam person<<system>> {
    StereotypeFontColor #FFFFFF
    FontColor #FFFFFF
    BackgroundColor #1168BD
    BorderColor #3C7FC0
}
skinparam actor<<system>> {
    StereotypeFontColor #1168BD
    FontColor #1168BD
    BackgroundColor #1168BD
    BorderColor #3C7FC0
}

skinparam rectangle<<external_system>> {
    StereotypeFontColor #FFFFFF
    FontColor #FFFFFF
    BackgroundColor #999999
    BorderColor #8A8A8A
}
skinparam database<<external_system>> {
    StereotypeFontColor #FFFFFF
    FontColor #FFFFFF
    BackgroundColor #999999
    BorderColor #8A8A8A
}
skinparam queue<<external_system>> {
    StereotypeFontColor #FFFFFF
    FontColor #FFFFFF
    BackgroundColor #999999
    BorderColor #8A8A8A
}
skinparam person<<external_system>> {
    StereotypeFontColor #FFFFFF
    FontColor #FFFFFF
    BackgroundColor #999999
    BorderColor #8A8A8A
}
skinparam actor<<external_system>> {
    StereotypeFontColor #999999
    FontColor #999999
    BackgroundColor #999999
    BorderColor #8A8A8A
}


skinparam rectangle<<system_boundary>> {
    FontColor #444444
    BackgroundColor transparent
    BorderColor #444444
}
skinparam database<<system_boundary>> {
    FontColor #444444
    BackgroundColor transparent
    BorderColor #444444
}
skinparam queue<<system_boundary>> {
    FontColor #444444
    BackgroundColor transparent
    BorderColor #444444
}
skinparam person<<system_boundary>> {
    FontColor #444444
    BackgroundColor transparent
    BorderColor #444444
}
skinparam actor<<system_boundary>> {
    FontColor transparent
    BackgroundColor transparent
    BorderColor #444444
}
skinparam package<<system_boundary>>StereotypeFontColor transparent
skinparam rectangle<<system_boundary>>StereotypeFontColor transparent


skinparam rectangle<<enterprise_boundary>> {
    FontColor #444444
    BackgroundColor transparent
    BorderColor #444444
}
skinparam database<<enterprise_boundary>> {
    FontColor #444444
    BackgroundColor transparent
    BorderColor #444444
}
skinparam queue<<enterprise_boundary>> {
    FontColor #444444
    BackgroundColor transparent
    BorderColor #444444
}
skinparam person<<enterprise_boundary>> {
    FontColor #444444
    BackgroundColor transparent
    BorderColor #444444
}
skinparam actor<<enterprise_boundary>> {
    FontColor transparent
    BackgroundColor transparent
    BorderColor #444444
}
skinparam package<<enterprise_boundary>>StereotypeFontColor transparent
skinparam rectangle<<enterprise_boundary>>StereotypeFontColor transparent






sprite $person [48x48/16] {
000000000000000000000000000000000000000000000000
000000000000000000000000000000000000000000000000
0000000000000000000049BCCA7200000000000000000000
0000000000000000006EFFFFFFFFB3000000000000000000
00000000000000001CFFFFFFFFFFFF700000000000000000
0000000000000001EFFFFFFFFFFFFFF80000000000000000
000000000000000CFFFFFFFFFFFFFFFF6000000000000000
000000000000007FFFFFFFFFFFFFFFFFF100000000000000
00000000000001FFFFFFFFFFFFFFFFFFF900000000000000
00000000000006FFFFFFFFFFFFFFFFFFFF00000000000000
0000000000000BFFFFFFFFFFFFFFFFFFFF40000000000000
0000000000000EFFFFFFFFFFFFFFFFFFFF70000000000000
0000000000000FFFFFFFFFFFFFFFFFFFFF80000000000000
0000000000000FFFFFFFFFFFFFFFFFFFFF80000000000000
0000000000000DFFFFFFFFFFFFFFFFFFFF60000000000000
0000000000000AFFFFFFFFFFFFFFFFFFFF40000000000000
00000000000006FFFFFFFFFFFFFFFFFFFE00000000000000
00000000000000EFFFFFFFFFFFFFFFFFF800000000000000
000000000000007FFFFFFFFFFFFFFFFFF100000000000000
000000000000000BFFFFFFFFFFFFFFFF5000000000000000
0000000000000001DFFFFFFFFFFFFFF70000000000000000
00000000000000000BFFFFFFFFFFFF500000000000000000
0000000000000000005DFFFFFFFFA1000000000000000000
0000000000000000000037ABB96100000000000000000000
000000000000000000000000000000000000000000000000
000000000000000000000000000000000000000000000000
000000000000025788300000000005886410000000000000
000000000007DFFFFFFD9643347BFFFFFFFB400000000000
0000000004EFFFFFFFFFFFFFFFFFFFFFFFFFFB1000000000
000000007FFFFFFFFFFFFFFFFFFFFFFFFFFFFFD200000000
00000006FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFE10000000
0000003FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFB0000000
000000BFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF5000000
000003FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFD000000
000009FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF200000
00000DFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF600000
00000FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF800000
00001FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFA00000
00001FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFB00000
00001FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFB00000
00001FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFB00000
00001FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFA00000
00000EFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF700000
000006FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFE100000
0000008FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFD3000000
000000014555555555555555555555555555555300000000
000000000000000000000000000000000000000000000000
000000000000000000000000000000000000000000000000
}

sprite $person2 [48x48/16] {
0000000000000000000049BCCA7200000000000000000000
0000000000000000006EFFFFFFFFB3000000000000000000
00000000000000001CFFFFFFFFFFFF700000000000000000
0000000000000001EFFFFFFFFFFFFFF80000000000000000
000000000000000CFFFFFFFFFFFFFFFF6000000000000000
000000000000007FFFFFFFFFFFFFFFFFF100000000000000
00000000000001FFFFFFFFFFFFFFFFFFF900000000000000
00000000000006FFFFFFFFFFFFFFFFFFFF00000000000000
0000000000000BFFFFFFFFFFFFFFFFFFFF40000000000000
0000000000000EFFFFFFFFFFFFFFFFFFFF70000000000000
0000000000000FFFFFFFFFFFFFFFFFFFFF80000000000000
0000000000000FFFFFFFFFFFFFFFFFFFFF80000000000000
0000000000000DFFFFFFFFFFFFFFFFFFFF60000000000000
0000000000000AFFFFFFFFFFFFFFFFFFFF40000000000000
00000000000006FFFFFFFFFFFFFFFFFFFE00000000000000
00000000000000EFFFFFFFFFFFFFFFFFF800000000000000
000000000000007FFFFFFFFFFFFFFFFFF100000000000000
000000000000000BFFFFFFFFFFFFFFFF5000000000000000
0000000000000001DFFFFFFFFFFFFFF70000000000000000
00000000000000000BFFFFFFFFFFFF500000000000000000
0000000000000000005DFFFFFFFFA1000000000000000000
0000000000000000000037ABB96100000000000000000000
000000000002578888300000000005888864100000000000
0000000007DFFFFFFFFD9643347BFFFFFFFFFB4000000000
00000004EFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFB10000000
0000007FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFD2000000
000006FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFE100000
00003FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFB00000
0000BFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF50000
0003FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFD0000
0009FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF2000
000DFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF6000
000FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF8000
001FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFB000
001FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFB000
001FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFB000
001FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFA000
000FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF8000
000DFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF6000
0009FFFFFFFF8FFFFFFFFFFFFFFFFFFFFFF8FFFFFFFF2000
0003FFFFFFFF8FFFFFFFFFFFFFFFFFFFFFF8FFFFFFFD0000
0000BFFFFFFF8FFFFFFFFFFFFFFFFFFFFFF8FFFFFFF50000
00003FFFFFFF8FFFFFFFFFFFFFFFFFFFFFF8FFFFFFB00000
000006FFFFFF8FFFFFFFFFFFFFFFFFFFFFF8FFFFFE100000
0000007FFFFF8FFFFFFFFFFFFFFFFFFFFFF8FFFFD2000000
00000004EFFF8FFFFFFFFFFFFFFFFFFFFFF8FFFB10000000
0000000007DF8FFFFFFFFFFFFFFFFFFFFFF8FB4000000000
000000000002578888888888888888888864100000000000
}

sprite $robot [48x48/16] {
000000000000000000000000000000000000000000000000
000000000000000000000000000000000000000000000000
000000000000000000000000000000000000000000000000
000000000000000000000000000000000000000000000000
000000000000000000000000000000000000000000000000
000000000000000000000000000000000000000000000000
000000000000000000000000000000000000000000000000
000000000000000000000000000000000000000000000000
000000000000000000000000000000000000000000000000
000000000000000000000000000000000000000000000000
000000000005BFFFFFFFFFFFFFFFFFFFFFE9100000000000
0000000000AFFFFFFFFFFFFFFFFFFFFFFFFFE30000000000
0000000007FFFFFFFFFFFFFFFFFFFFFFFFFFFE1000000000
000000000FFFFFFFFFFFFFFFFFFFFFFFFFFFFF8000000000
000000004FFFFFFFFFFFFFFFFFFFFFFFFFFFFFC000000000
000000005FFFFFFFFFFFFFFFFFFFFFFFFFFFFFD000000000
000000005FFFFFFFFFFFFFFFFFFFFFFFFFFFFFE000000000
000000005FFFFFFFFFFFFFFFFFFFFFFFFFFFFFE000000000
000699405FFFFFFC427FFFFFFFFFC427FFFFFFE009982000
008FFF705FFFFFE10006FFFFFFFE00007FFFFFE00FFFF100
00CFFF705FFFFFA00001FFFFFFF900002FFFFFE00FFFF500
00DFFF705FFFFFB00002FFFFFFFA00003FFFFFE00FFFF500
00DFFF705FFFFFF4000AFFFFFFFF3000BFFFFFE00FFFF500
00DFFF705FFFFFFFA8DFFFFFFFFFFA8DFFFFFFE00FFFF500
00DFFF705FFFFFFFFFFFFFFFFFFFFFFFFFFFFFE00FFFF500
00DFFF705FFFFFFFFFFFFFFFFFFFFFFFFFFFFFE00FFFF500
00DFFF705FFFFFFFFFFFFFFFFFFFFFFFFFFFFFE00FFFF500
00DFFF705FFFFFFFFFFFFFFFFFFFFFFFFFFFFFE00FFFF500
00DFFF705FFFFFFFFFFFFFFFFFFFFFFFFFFFFFE00FFFF500
00CFFF705FFFFFF87777777777777777CFFFFFE00FFFF500
008FFF705FFFFFF100000000000000009FFFFFE00FFFF100
000699405FFFFFF76666666666666666CFFFFFE009982000
000000005FFFFFFFFFFFFFFFFFFFFFFFFFFFFFE000000000
000000005FFFFFFFFFFFFFFFFFFFFFFFFFFFFFE000000000
000000004FFFFFFFFFFFFFFFFFFFFFFFFFFFFFC000000000
000000000EFFFFFFFFFFFFFFFFFFFFFFFFFFFF7000000000
0000000005FFFFFFFFFFFFFFFFFFFFFFFFFFFD0000000000
00000000004CFFFFFFFFFFFFFFFFFFFFFFFF910000000000
000000000000011111111111111111111110000000000000
000000000000000000000000000000000000000000000000
000000000000000000000000000000000000000000000000
000000000000000000000000000000000000000000000000
000000000000000000000000000000000000000000000000
000000000000000000000000000000000000000000000000
000000000000000000000000000000000000000000000000
000000000000000000000000000000000000000000000000
000000000000000000000000000000000000000000000000
000000000000000000000000000000000000000000000000
}

sprite $robot2 [48x48/16] {
000000000000000088888888888888880000000000000000
000000000000000AFFFFFFFFFFFFFFFFA000000000000000
00000000000000CFFFFFFFFFFFFFFFFFFC00000000000000
00000000000004EFFFFFFFFFFFFFFFFFFE40000000000000
0000000000000AFFFFFFFFFFFFFFFFFFFFA0000000000000
00000000000008FFFFFFFFFFFFFFFFFFFF80000000000000
00000000000008FFFFFFFFFFFFFFFFFFFF80000000000000
00000000000008FFFFFFFFFFFFFFFFFFFF80000000000000
00000000000888FFFFFFFFFFFFFFFFFFFF88800000000000
00000000008FF8FFFFFFFFFFFFFFFFFFFF8FF80000000000
00000000008FF8FFFFFFFFFFFFFFFFFFFF8FF80000000000
00000000008FF8FFFFFFFFFFFFFFFFFFFF8FF80000000000
00000000008FF8FFFFFFFFFFFFFFFFFFFF8FF80000000000
00000000008FF8FFFFFFFFFFFFFFFFFFFF8FF80000000000
00000000008FF8FFFFFFFFFFFFFFFFFFFF8FF80000000000
00000000000888FFFFFFFFFFFFFFFFFFFF88800000000000
00000000000008FFFFFFFFFFFFFFFFFFFF80000000000000
00000000000008FFFFFFFFFFFFFFFFFFFF80000000000000
00000000000008FFFFFFFFFFFFFFFFFFFF80000000000000
00000000000008FFFFFFFFFFFFFFFFFFFF80000000000000
00000000000008FFFFFFFFFFFFFFFFFFFF80000000000000
00000000000004CFFFFFFFFFFFFFFFFFFC40000000000000
000000488888848CFFFFFFFFFFFFFFFFC848888884000000
00000CFFFFFFFFC888888888888888888CFFFFFFFFC00000
00008FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF80000
0000CFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFC0000
0008FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF8000
0008FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF8000
0008FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF8000
0008FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF8000
0008FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF8000
0008FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF8000
0008FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF8000
0008FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF8000
0008FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF8000
0008FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF8000
0008FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF8000
0008FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF8000
0008FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF8000
0008FFFFFFFF8FFFFFFFFFFFFFFFFFFFFFF8FFFFFFFF8000
0008FFFFFFFF8FFFFFFFFFFFFFFFFFFFFFF8FFFFFFFF8000
0008FFFFFFFF8FFFFFFFFFFFFFFFFFFFFFF8FFFFFFFF8000
0008FFFFFFFF8FFFFFFFFFFFFFFFFFFFFFF8FFFFFFFF8000
0000CFFFFFFF8FFFFFFFFFFFFFFFFFFFFFF8FFFFFFFC0000
00008FFFFFFF8FFFFFFFFFFFFFFFFFFFFFF8FFFFFFF80000
00000CFFFFFF8FFFFFFFFFFFFFFFFFFFFFF8FFFFFFC00000
000000488887578888888888888888888864688884000000
000000000000000000000000000000000000000000000000
}




skinparam rectangle<<person>> {
    StereotypeFontColor #FFFFFF
    FontColor #FFFFFF
    BackgroundColor #08427B
    BorderColor #073B6F
}
skinparam database<<person>> {
    StereotypeFontColor #FFFFFF
    FontColor #FFFFFF
    BackgroundColor #08427B
    BorderColor #073B6F
}
skinparam queue<<person>> {
    StereotypeFontColor #FFFFFF
    FontColor #FFFFFF
    BackgroundColor #08427B
    BorderColor #073B6F
}
skinparam person<<person>> {
    StereotypeFontColor #FFFFFF
    FontColor #FFFFFF
    BackgroundColor #08427B
    BorderColor #073B6F
}
skinparam actor<<person>> {
    StereotypeFontColor #08427B
    FontColor #08427B
    BackgroundColor #08427B
    BorderColor #073B6F
}


skinparam rectangle<<external_person>> {
    StereotypeFontColor #FFFFFF
    FontColor #FFFFFF
    BackgroundColor #686868
    BorderColor #8A8A8A
}
skinparam database<<external_person>> {
    StereotypeFontColor #FFFFFF
    FontColor #FFFFFF
    BackgroundColor #686868
    BorderColor #8A8A8A
}
skinparam queue<<external_person>> {
    StereotypeFontColor #FFFFFF
    FontColor #FFFFFF
    BackgroundColor #686868
    BorderColor #8A8A8A
}
skinparam person<<external_person>> {
    StereotypeFontColor #FFFFFF
    FontColor #FFFFFF
    BackgroundColor #686868
    BorderColor #8A8A8A
}
skinparam actor<<external_person>> {
    StereotypeFontColor #686868
    FontColor #686868
    BackgroundColor #686868
    BorderColor #8A8A8A
}



























skinparam rectangle<<container>> {
    StereotypeFontColor #FFFFFF
    FontColor #FFFFFF
    BackgroundColor #438DD5
    BorderColor #3C7FC0
}
skinparam database<<container>> {
    StereotypeFontColor #FFFFFF
    FontColor #FFFFFF
    BackgroundColor #438DD5
    BorderColor #3C7FC0
}
skinparam queue<<container>> {
    StereotypeFontColor #FFFFFF
    FontColor #FFFFFF
    BackgroundColor #438DD5
    BorderColor #3C7FC0
}
skinparam person<<container>> {
    StereotypeFontColor #FFFFFF
    FontColor #FFFFFF
    BackgroundColor #438DD5
    BorderColor #3C7FC0
}
skinparam actor<<container>> {
    StereotypeFontColor #438DD5
    FontColor #438DD5
    BackgroundColor #438DD5
    BorderColor #3C7FC0
}

skinparam rectangle<<external_container>> {
    StereotypeFontColor #FFFFFF
    FontColor #FFFFFF
    BackgroundColor #B3B3B3
    BorderColor #A6A6A6
}
skinparam database<<external_container>> {
    StereotypeFontColor #FFFFFF
    FontColor #FFFFFF
    BackgroundColor #B3B3B3
    BorderColor #A6A6A6
}
skinparam queue<<external_container>> {
    StereotypeFontColor #FFFFFF
    FontColor #FFFFFF
    BackgroundColor #B3B3B3
    BorderColor #A6A6A6
}
skinparam person<<external_container>> {
    StereotypeFontColor #FFFFFF
    FontColor #FFFFFF
    BackgroundColor #B3B3B3
    BorderColor #A6A6A6
}
skinparam actor<<external_container>> {
    StereotypeFontColor #B3B3B3
    FontColor #B3B3B3
    BackgroundColor #B3B3B3
    BorderColor #A6A6A6
}


skinparam rectangle<<container_boundary>> {
    FontColor #444444
    BackgroundColor transparent
    BorderColor #444444
}
skinparam database<<container_boundary>> {
    FontColor #444444
    BackgroundColor transparent
    BorderColor #444444
}
skinparam queue<<container_boundary>> {
    FontColor #444444
    BackgroundColor transparent
    BorderColor #444444
}
skinparam person<<container_boundary>> {
    FontColor #444444
    BackgroundColor transparent
    BorderColor #444444
}
skinparam actor<<container_boundary>> {
    FontColor transparent
    BackgroundColor transparent
    BorderColor #444444
}
skinparam package<<container_boundary>>StereotypeFontColor transparent
skinparam rectangle<<container_boundary>>StereotypeFontColor transparent























skinparam rectangle<<component>> {
    StereotypeFontColor #000000
    FontColor #000000
    BackgroundColor #85BBF0
    BorderColor #78A8D8
}
skinparam database<<component>> {
    StereotypeFontColor #000000
    FontColor #000000
    BackgroundColor #85BBF0
    BorderColor #78A8D8
}
skinparam queue<<component>> {
    StereotypeFontColor #000000
    FontColor #000000
    BackgroundColor #85BBF0
    BorderColor #78A8D8
}
skinparam person<<component>> {
    StereotypeFontColor #000000
    FontColor #000000
    BackgroundColor #85BBF0
    BorderColor #78A8D8
}
skinparam actor<<component>> {
    StereotypeFontColor #85BBF0
    FontColor #85BBF0
    BackgroundColor #85BBF0
    BorderColor #78A8D8
}

skinparam rectangle<<external_component>> {
    StereotypeFontColor #000000
    FontColor #000000
    BackgroundColor #CCCCCC
    BorderColor #BFBFBF
}
skinparam database<<external_component>> {
    StereotypeFontColor #000000
    FontColor #000000
    BackgroundColor #CCCCCC
    BorderColor #BFBFBF
}
skinparam queue<<external_component>> {
    StereotypeFontColor #000000
    FontColor #000000
    BackgroundColor #CCCCCC
    BorderColor #BFBFBF
}
skinparam person<<external_component>> {
    StereotypeFontColor #000000
    FontColor #000000
    BackgroundColor #CCCCCC
    BorderColor #BFBFBF
}
skinparam actor<<external_component>> {
    StereotypeFontColor #CCCCCC
    FontColor #CCCCCC
    BackgroundColor #CCCCCC
    BorderColor #BFBFBF
}

















title Component View of the API Application
rectangle "== Single-Page Application\n//<size:12>[ClojureScript and Re-Frame]</size>//\n\nProvides all of the internet banking functionality to customers via their web browser." <<container>> as banking_singlePageApp 
rectangle "== Mobile App\n//<size:12>[ClojureScript and Reagent]</size>//\n\nProvides a limited subset of the internet banking functionality to customers via their mobile device." <<container>> as banking_mobileApp 
  rectangle "== API Application\n<size:12>[Container]</size>" <<container_boundary>><<boundary>> as banking_apiApplication  {
  rectangle "== Sign In Controller\n//<size:12>[Clojure namespace]</size>//\n\nAllows users to sign in to the banking system." <<component>> as banking_signInController 
  rectangle "== Security Component\n//<size:12>[Clojure namespace]</size>//\n\nProvides functionality related to signing in, changing passwords, etc." <<component>> as banking_securityComponent 
  rectangle "== Reset Password Controller\n//<size:12>[Clojure namespace]</size>//\n\nAllows users to reset their passwords with a single use URL." <<component>> as banking_resetPasswordController 
  rectangle "== E-mail Component\n//<size:12>[Clojure namespace]</size>//\n\nSends e-mail to users." <<component>> as banking_emailComponent 
  rectangle "== Accounts Summary Controller\n//<size:12>[Clojure Namespace]</size>//\n\nProvides customers with a summary of their bank accounts." <<component>> as banking_accountsSummaryController 
  rectangle "== Mainframe Banking System Facade\n//<size:12>[Clojure Namespace, http-client]</size>//\n\nA facade onto the mainframe banking system." <<component>> as banking_mainframeBankingSystemFacade 
}
database "== Database\n//<size:12>[Datomic]</size>//\n\nStores the user registration information, hashed authentication credentials, access logs, etc." <<container>> as banking_database 
rectangle "== E-mail System\n\nThe internal Microsoft Exchange email system." <<external_system>> as banking_emailSystem 
rectangle "== Mainframe Banking System\n\nStores all the core banking information about customers, accounts, transactions, etc." <<external_system>> as banking_mainframeBankingSystem 
banking_singlePageApp - ->> banking_signInController : **Makes API calls to**\n//<size:12>[Transit/HTTPS]</size>//
banking_singlePageApp - ->> banking_resetPasswordController : **Makes API calls to**\n//<size:12>[Transit/HTTPS]</size>//
banking_singlePageApp - ->> banking_accountsSummaryController : **Makes API calls to**\n//<size:12>[Transit/HTTPS]</size>//
banking_mobileApp - ->> banking_signInController : **Makes API calls to**\n//<size:12>[Transit/HTTPS]</size>//
banking_mobileApp - ->> banking_resetPasswordController : **Makes API calls to**\n//<size:12>[Transit/HTTPS]</size>//
banking_mobileApp - ->> banking_accountsSummaryController : **Makes API calls to**\n//<size:12>[Transit/HTTPS]</size>//
banking_signInController - ->> banking_securityComponent : **Uses**
banking_resetPasswordController - ->> banking_emailComponent : **Uses**
banking_accountsSummaryController - ->> banking_mainframeBankingSystemFacade : **Uses**
banking_securityComponent - ->> banking_database : **Reads from and writes to**\n//<size:12>[Datalog]</size>//
banking_emailComponent - ->> banking_emailSystem : **Sends e-mail using**
banking_mainframeBankingSystemFacade - ->> banking_mainframeBankingSystem : **Makes API calls to**\n//<size:12>[XML/HTTPS]</size>//
hide stereotype
legend right
<#transparent,#transparent>|<color:#000000>**Legend**</color> |
|<#438DD5><color:#3C7FC0> <U+25AF></color> <color:#FFFFFF> container <size:10></size></color> |
|<#85BBF0><color:#78A8D8> <U+25AF></color> <color:#000000> component <size:10></size></color> |
|<#999999><color:#8A8A8A> <U+25AF></color> <color:#FFFFFF> external_system <size:10></size></color> |
|<#transparent><color:#444444> <U+25AF></color> <color:#444444> container boundary <size:10>(dashed)</size></color> |
endlegend
@enduml

PlantUML version 1.2022.7(Mon Aug 22 19:01:30 CEST 2022)
(GPL source distribution)
Java Runtime: OpenJDK Runtime Environment
JVM: OpenJDK 64-Bit Server VM
Default Encoding: UTF-8
Language: en
Country: US
--></g></svg>