From e9c028632d867e6c2d80bd3b813a10745d820e7a Mon Sep 17 00:00:00 2001
From: "github-actions[bot]"
 <41898282+github-actions[bot]@users.noreply.github.com>
Date: Mon, 13 Nov 2023 20:51:53 +0000
Subject: [PATCH] deploy: 6801c93cd08ccbb2adf05f71b3ec7d4b2447b53b

---
 AboutUs.html                                |  2 +-
 AboutUs.page-vue-render.js                  |  2 +-
 Configuration.html                          |  2 +-
 Configuration.page-vue-render.js            |  2 +-
 DevOps.html                                 |  2 +-
 DevOps.page-vue-render.js                   |  2 +-
 DeveloperGuide.html                         | 21 +++++++++------------
 DeveloperGuide.page-vue-render.js           | 18 +++++++++---------
 Documentation.html                          |  2 +-
 Documentation.page-vue-render.js            |  2 +-
 Logging.html                                |  2 +-
 Logging.page-vue-render.js                  |  2 +-
 SettingUp.html                              |  2 +-
 SettingUp.page-vue-render.js                |  2 +-
 Testing.html                                |  2 +-
 Testing.page-vue-render.js                  |  2 +-
 UserGuide.html                              |  2 +-
 UserGuide.page-vue-render.js                |  2 +-
 index.html                                  |  2 +-
 index.page-vue-render.js                    |  4 ++--
 siteData.json                               |  2 +-
 team/feifeiraindrops.html                   |  2 +-
 team/feifeiraindrops.page-vue-render.js     |  2 +-
 team/marioalvaro.html                       |  2 +-
 team/marioalvaro.page-vue-render.js         |  2 +-
 team/seraphimstreets.html                   |  2 +-
 team/seraphimstreets.page-vue-render.js     |  2 +-
 team/sinhavedant.html                       |  6 +++++-
 team/sinhavedant.page-vue-render.js         |  4 ++--
 team/siqirua.html                           |  2 +-
 team/siqirua.page-vue-render.js             |  2 +-
 tutorials/AddRemark.html                    |  2 +-
 tutorials/AddRemark.page-vue-render.js      |  2 +-
 tutorials/RemovingFields.html               |  2 +-
 tutorials/RemovingFields.page-vue-render.js |  2 +-
 tutorials/TracingCode.html                  |  2 +-
 tutorials/TracingCode.page-vue-render.js    |  2 +-
 37 files changed, 59 insertions(+), 58 deletions(-)

diff --git a/AboutUs.html b/AboutUs.html
index c0e2e3db021..e5c2de6f175 100644
--- a/AboutUs.html
+++ b/AboutUs.html
@@ -28,7 +28,7 @@
 [<a href="/tp/team/seraphimstreets.html">portfolio</a>]</p> <ul><li>Role: Team Lead</li> <li>Responsibilities: Models, UI/UX</li></ul> <h3 id="li-siqi">Li Siqi<a href="#li-siqi" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <img src="/tp/images/siqirua.png" width="200px"> <p>[<a href="http://github.com/siqirua">github</a>]
 [<a href="/tp/team/siqirua.html">portfolio</a>]</p> <ul><li>Role: Developer</li> <li>Responsibilities: Data</li></ul> <h3 id="mario-alvaro">Mario Alvaro<a href="#mario-alvaro" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <img src="/tp/images/marioalvaro.png" width="200px"> <p>[<a href="http://github.com/marioalvaro">github</a>] [<a href="/tp/team/marioalvaro.html">portfolio</a>]</p> <ul><li>Role: Developer</li> <li>Responsibilities: Data</li></ul> <h3 id="yufei-sun">Yufei Sun<a href="#yufei-sun" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <img src="/tp/images/feifeiraindrops.png" width="200px"> <p>[<a href="http://github.com/feifeiraindrops">github</a>]
 [<a href="/tp/team/feifeiraindrops.html">portfolio</a>]</p> <ul><li>Role: Developer</li> <li>Responsibilities: Dev Ops</li></ul> <h3 id="vedant-sinha">Vedant Sinha<a href="#vedant-sinha" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <img src="/tp/images/sinhavedant.png" width="200px"> <p>[<a href="https://github.com/SinhaVedant">github</a>]
-[<a href="/tp/team/sinhavedant.html">portfolio</a>]</p> <ul><li>Role: Testing</li> <li>Responsibilities: UI</li></ul></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 4:27:59 GMT+8]</small></div></footer></div>
+[<a href="/tp/team/sinhavedant.html">portfolio</a>]</p> <ul><li>Role: Testing</li> <li>Responsibilities: UI</li></ul></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 4:51:16 GMT+8]</small></div></footer></div>
 </body><script src="/tp/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/AboutUs.page-vue-render.js b/AboutUs.page-vue-render.js
index 80d5dc82bea..90199748209 100644
--- a/AboutUs.page-vue-render.js
+++ b/AboutUs.page-vue-render.js
@@ -8,6 +8,6 @@ with(this){return _c('div',{attrs:{"id":"app"}},[_c('header',{attrs:{"sticky":""
 with(this){return _c('div',{attrs:{"id":"content-wrapper"}},[_c('h1',{attrs:{"id":"about-us"}},[_v("About Us"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#about-us","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_v("We are a team based in the "),_c('a',{attrs:{"href":"http://www.comp.nus.edu.sg"}},[_v("School of Computing, National University of Singapore")]),_v(".")]),_v(" "),_c('p',[_v("You can reach us at the email "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("seer[at]comp.nus.edu.sg")])]),_v(" "),_c('h2',{attrs:{"id":"project-team"}},[_v("Project team"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#project-team","onclick":"event.stopPropagation()"}})]),_v(" "),_c('h3',{attrs:{"id":"edison-siow"}},[_v("Edison Siow"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#edison-siow","onclick":"event.stopPropagation()"}})]),_v(" "),_c('img',{attrs:{"src":"/tp/images/seraphimstreets.png","width":"200px"}}),_v(" "),_c('p',[_v("["),_c('a',{attrs:{"href":"https://github.com/seraphimstreets"}},[_v("github")]),_v("]\n["),_c('a',{attrs:{"href":"/tp/team/seraphimstreets.html"}},[_v("portfolio")]),_v("]")]),_v(" "),_c('ul',[_c('li',[_v("Role: Team Lead")]),_v(" "),_c('li',[_v("Responsibilities: Models, UI/UX")])]),_v(" "),_c('h3',{attrs:{"id":"li-siqi"}},[_v("Li Siqi"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#li-siqi","onclick":"event.stopPropagation()"}})]),_v(" "),_c('img',{attrs:{"src":"/tp/images/siqirua.png","width":"200px"}}),_v(" "),_c('p',[_v("["),_c('a',{attrs:{"href":"http://github.com/siqirua"}},[_v("github")]),_v("]\n["),_c('a',{attrs:{"href":"/tp/team/siqirua.html"}},[_v("portfolio")]),_v("]")]),_v(" "),_c('ul',[_c('li',[_v("Role: Developer")]),_v(" "),_c('li',[_v("Responsibilities: Data")])]),_v(" "),_c('h3',{attrs:{"id":"mario-alvaro"}},[_v("Mario Alvaro"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#mario-alvaro","onclick":"event.stopPropagation()"}})]),_v(" "),_c('img',{attrs:{"src":"/tp/images/marioalvaro.png","width":"200px"}}),_v(" "),_c('p',[_v("["),_c('a',{attrs:{"href":"http://github.com/marioalvaro"}},[_v("github")]),_v("] ["),_c('a',{attrs:{"href":"/tp/team/marioalvaro.html"}},[_v("portfolio")]),_v("]")]),_v(" "),_c('ul',[_c('li',[_v("Role: Developer")]),_v(" "),_c('li',[_v("Responsibilities: Data")])]),_v(" "),_c('h3',{attrs:{"id":"yufei-sun"}},[_v("Yufei Sun"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#yufei-sun","onclick":"event.stopPropagation()"}})]),_v(" "),_c('img',{attrs:{"src":"/tp/images/feifeiraindrops.png","width":"200px"}}),_v(" "),_c('p',[_v("["),_c('a',{attrs:{"href":"http://github.com/feifeiraindrops"}},[_v("github")]),_v("]\n["),_c('a',{attrs:{"href":"/tp/team/feifeiraindrops.html"}},[_v("portfolio")]),_v("]")]),_v(" "),_c('ul',[_c('li',[_v("Role: Developer")]),_v(" "),_c('li',[_v("Responsibilities: Dev Ops")])]),_v(" "),_c('h3',{attrs:{"id":"vedant-sinha"}},[_v("Vedant Sinha"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#vedant-sinha","onclick":"event.stopPropagation()"}})]),_v(" "),_c('img',{attrs:{"src":"/tp/images/sinhavedant.png","width":"200px"}}),_v(" "),_c('p',[_v("["),_c('a',{attrs:{"href":"https://github.com/SinhaVedant"}},[_v("github")]),_v("]\n["),_c('a',{attrs:{"href":"/tp/team/sinhavedant.html"}},[_v("portfolio")]),_v("]")]),_v(" "),_c('ul',[_c('li',[_v("Role: Testing")]),_v(" "),_c('li',[_v("Responsibilities: UI")])])])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 4:27:59 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 4:51:16 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/Configuration.html b/Configuration.html
index 21edbc64b36..71cc43896c5 100644
--- a/Configuration.html
+++ b/Configuration.html
@@ -24,7 +24,7 @@
       Search
     </div> <ul class="dropdown-menu search-dropdown-menu d-none dropdown-menu-end" data-v-01e11c9b></ul></div></form></li></ul></div></nav> <div class="lower-navbar-container" style="display:none;" data-v-73b4aa16><!----> <!----></div></div></header> <div id="flex-body"><nav id="site-nav" data-v-e6005420><div class="site-nav-top" data-v-e6005420><div class="fw-bold mb-2" style="font-size:1.25rem;" data-v-e6005420>Site Map</div></div> <div class="nav-component slim-scroll" data-v-e6005420><div class="site-nav-root"><ul class="site-nav-list site-nav-list-root" data-v-e6005420><li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-0" data-v-e6005420><a href="/tp/index.html" data-v-e6005420>Home</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-0" data-v-e6005420><a href="/tp/UserGuide.html" data-v-e6005420>User Guide</a> <div class="site-nav-dropdown-btn-container" data-v-e6005420><i onclick="handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();" class="site-nav-dropdown-btn-icon site-nav-rotate-icon" data-v-e6005420><span aria-hidden="true" class="glyphicon glyphicon-menu-down" data-v-e6005420></span></i></div></div><ul class="site-nav-dropdown-container site-nav-dropdown-container-open site-nav-list" data-v-e6005420><li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/UserGuide.html#quick-start" data-v-e6005420>Quick Start</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/UserGuide.html#features" data-v-e6005420>Features</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/UserGuide.html#faq" data-v-e6005420>FAQ</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/UserGuide.html#faq" data-v-e6005420>Command Summary</a></div></li></ul></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-0" data-v-e6005420><a href="/tp/DeveloperGuide.html" data-v-e6005420>Developer Guide</a> <div class="site-nav-dropdown-btn-container" data-v-e6005420><i onclick="handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();" class="site-nav-dropdown-btn-icon site-nav-rotate-icon" data-v-e6005420><span aria-hidden="true" class="glyphicon glyphicon-menu-down" data-v-e6005420></span></i></div></div><ul class="site-nav-dropdown-container site-nav-dropdown-container-open site-nav-list" data-v-e6005420><li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#acknowledgements" data-v-e6005420>Acknowledgements</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#setting-up-getting-started" data-v-e6005420>Setting Up</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#design" data-v-e6005420>Design</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#implementation" data-v-e6005420>Implementation</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#documentation-logging-testing-configuration-dev-ops" data-v-e6005420>Documentation, logging, testing, configuration, dev-ops</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#appendix-requirements" data-v-e6005420>Appendix: Requirements</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#appendix-instructions-for-manual-testing" data-v-e6005420>Appendix: Instructions for manual testing</a></div></li></ul></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-0" data-v-e6005420>Tutorials
 
-<div class="site-nav-dropdown-btn-container" data-v-e6005420><i onclick="handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();" class="site-nav-dropdown-btn-icon" data-v-e6005420><span aria-hidden="true" class="glyphicon glyphicon-menu-down" data-v-e6005420></span></i></div></div><ul class="site-nav-dropdown-container site-nav-list" data-v-e6005420><li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/tutorials/TracingCode.html" data-v-e6005420>Tracing code</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/tutorials/AddRemark.html" data-v-e6005420>Adding a command</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/tutorials/RemovingFields.html" data-v-e6005420>Removing Fields</a></div></li></ul></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-0" data-v-e6005420><a href="/tp/AboutUs.html" data-v-e6005420>About Us</a></div></li> <!----></ul></div></div> <!----></nav> <div id="content-wrapper"><h1 id="configuration-guide">Configuration guide<a href="#configuration-guide" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <p>Certain properties of the application can be controlled (e.g user preferences file location, logging level) through the configuration file (default: <code class="hljs inline no-lang">config.json</code>).</p></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 4:27:59 GMT+8]</small></div></footer></div>
+<div class="site-nav-dropdown-btn-container" data-v-e6005420><i onclick="handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();" class="site-nav-dropdown-btn-icon" data-v-e6005420><span aria-hidden="true" class="glyphicon glyphicon-menu-down" data-v-e6005420></span></i></div></div><ul class="site-nav-dropdown-container site-nav-list" data-v-e6005420><li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/tutorials/TracingCode.html" data-v-e6005420>Tracing code</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/tutorials/AddRemark.html" data-v-e6005420>Adding a command</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/tutorials/RemovingFields.html" data-v-e6005420>Removing Fields</a></div></li></ul></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-0" data-v-e6005420><a href="/tp/AboutUs.html" data-v-e6005420>About Us</a></div></li> <!----></ul></div></div> <!----></nav> <div id="content-wrapper"><h1 id="configuration-guide">Configuration guide<a href="#configuration-guide" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <p>Certain properties of the application can be controlled (e.g user preferences file location, logging level) through the configuration file (default: <code class="hljs inline no-lang">config.json</code>).</p></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 4:51:16 GMT+8]</small></div></footer></div>
 </body><script src="/tp/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/Configuration.page-vue-render.js b/Configuration.page-vue-render.js
index 267e49bfa1c..81e3921a4e2 100644
--- a/Configuration.page-vue-render.js
+++ b/Configuration.page-vue-render.js
@@ -8,6 +8,6 @@ with(this){return _c('div',{attrs:{"id":"app"}},[_c('header',{attrs:{"sticky":""
 with(this){return _c('div',{attrs:{"id":"content-wrapper"}},[_c('h1',{attrs:{"id":"configuration-guide"}},[_v("Configuration guide"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#configuration-guide","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_v("Certain properties of the application can be controlled (e.g user preferences file location, logging level) through the configuration file (default: "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("config.json")]),_v(").")])])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 4:27:59 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 4:51:16 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/DevOps.html b/DevOps.html
index c93ac3d1730..d6d98b6763e 100644
--- a/DevOps.html
+++ b/DevOps.html
@@ -26,7 +26,7 @@
 
 <div class="site-nav-dropdown-btn-container" data-v-e6005420><i onclick="handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();" class="site-nav-dropdown-btn-icon" data-v-e6005420><span aria-hidden="true" class="glyphicon glyphicon-menu-down" data-v-e6005420></span></i></div></div><ul class="site-nav-dropdown-container site-nav-list" data-v-e6005420><li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/tutorials/TracingCode.html" data-v-e6005420>Tracing code</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/tutorials/AddRemark.html" data-v-e6005420>Adding a command</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/tutorials/RemovingFields.html" data-v-e6005420>Removing Fields</a></div></li></ul></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-0" data-v-e6005420><a href="/tp/AboutUs.html" data-v-e6005420>About Us</a></div></li> <!----></ul></div></div> <!----></nav> <div id="content-wrapper"><h1 id="devops-guide">DevOps guide<a href="#devops-guide" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <div class="page-nav-print d-none d-print-block"></div> <h2 id="build-automation">Build automation<a href="#build-automation" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>This project uses Gradle for <strong>build automation and dependency management</strong>. <strong>You are recommended to read <a href="https://se-education.org/guides/tutorials/gradle.html">this Gradle Tutorial from the se-edu/guides</a></strong>.</p> <p>Given below are how to use Gradle for some important project tasks.</p> <ul><li><p><strong><code class="hljs inline no-lang">clean</code></strong>: Deletes the files created during the previous build tasks (e.g. files in the <code class="hljs inline no-lang">build</code> folder).<br>
 e.g. <code class="hljs inline no-lang">./gradlew clean</code></p></li> <li><p><strong><code class="hljs inline no-lang">shadowJar</code></strong>: Uses the ShadowJar plugin to creat a fat JAR file in the <code class="hljs inline no-lang">build/lib</code> folder, <em>if the current file is outdated</em>.<br>
-e.g. <code class="hljs inline no-lang">./gradlew shadowJar</code>.</p></li> <li><p><strong><code class="hljs inline no-lang">run</code></strong>: Builds and runs the application.<br> <strong><code class="hljs inline no-lang">runShadow</code></strong>: Builds the application as a fat JAR, and then runs it.</p></li> <li><p><strong><code class="hljs inline no-lang">checkstyleMain</code></strong>: Runs the code style check for the main code base.<br> <strong><code class="hljs inline no-lang">checkstyleTest</code></strong>: Runs the code style check for the test code base.</p></li> <li><p><strong><code class="hljs inline no-lang">test</code></strong>: Runs all tests.</p> <ul><li><code class="hljs inline no-lang">./gradlew test</code> — Runs all tests</li> <li><code class="hljs inline no-lang">./gradlew clean test</code> — Cleans the project and runs tests</li></ul></li></ul> <hr> <h2 id="continuous-integration-ci">Continuous integration (CI)<a href="#continuous-integration-ci" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>This project uses GitHub Actions for CI. The project comes with the necessary GitHub Actions configurations files (in the <code class="hljs inline no-lang">.github/workflows</code> folder). No further setting up required.</p> <h3 id="code-coverage">Code coverage<a href="#code-coverage" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>As part of CI, this project uses Codecov to generate coverage reports. When CI runs, it will generate code coverage data (based on the tests run by CI) and upload that data to the CodeCov website, which in turn can provide you more info about the coverage of your tests.</p> <p>However, because Codecov is known to run into intermittent problems (e.g., report upload fails) due to issues on the Codecov service side, the CI is configured to pass even if the Codecov task failed. Therefore, developers are advised to check the code coverage levels periodically and take corrective actions if the coverage level falls below desired levels.</p> <p>To enable Codecov for forks of this project, follow the steps given in <a href="https://se-education.org/guides/tutorials/codecov.html">this se-edu guide</a>.</p> <h3 id="repository-wide-checks">Repository-wide checks<a href="#repository-wide-checks" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>In addition to running Gradle checks, CI includes some repository-wide checks. Unlike the Gradle checks which only cover files used in the build process, these repository-wide checks cover all files in the repository. They check for repository rules which are hard to enforce on development machines such as line ending requirements.</p> <p>These checks are implemented as POSIX shell scripts, and thus can only be run on POSIX-compliant operating systems such as macOS and Linux. To run all checks locally on these operating systems, execute the following in the repository root directory:</p> <p><code class="hljs inline no-lang">./config/travis/run-checks.sh</code></p> <p>Any warnings or errors will be printed out to the console.</p> <p><strong>If adding new checks:</strong></p> <ul><li><p>Checks are implemented as executable <code class="hljs inline no-lang">check-*</code> scripts within the <code class="hljs inline no-lang">.github</code> directory. The <code class="hljs inline no-lang">run-checks.sh</code> script will automatically pick up and run files named as such. That is, you can add more such files if you need and the CI will do the rest.</p></li> <li><p>Check scripts should print out errors in the format <code class="hljs inline no-lang">SEVERITY:FILENAME:LINE: MESSAGE</code></p> <ul><li>SEVERITY is either ERROR or WARN.</li> <li>FILENAME is the path to the file relative to the current directory.</li> <li>LINE is the line of the file where the error occurred and MESSAGE is the message explaining the error.</li></ul></li> <li><p>Check scripts must exit with a non-zero exit code if any errors occur.</p></li></ul> <hr> <h2 id="making-a-release">Making a release<a href="#making-a-release" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>Here are the steps to create a new release.</p> <ol><li>Update the version number in <a href="https://github.com/se-edu/addressbook-level3/tree/master/src/main/java/seedu/address/MainApp.java"><code class="hljs inline no-lang">MainApp.java</code></a>.</li> <li>Generate a fat JAR file using Gradle (i.e., <code class="hljs inline no-lang">gradlew shadowJar</code>).</li> <li>Tag the repo with the version number. e.g. <code class="hljs inline no-lang">v0.1</code></li> <li><a href="https://help.github.com/articles/creating-releases/">Create a new release using GitHub</a>. Upload the JAR file you created.</li></ol></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#devops-guide" data-v-e6005420>DevOps guide‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#build-automation" data-v-e6005420>Build automation‎</a> <a class="nav-link py-1" href="#continuous-integration-ci" data-v-e6005420>Continuous integration (CI)‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#code-coverage" data-v-e6005420>Code coverage‎</a> <a class="nav-link py-1" href="#repository-wide-checks" data-v-e6005420>Repository-wide checks‎</a></nav> <a class="nav-link py-1" href="#making-a-release" data-v-e6005420>Making a release‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 4:27:59 GMT+8]</small></div></footer></div>
+e.g. <code class="hljs inline no-lang">./gradlew shadowJar</code>.</p></li> <li><p><strong><code class="hljs inline no-lang">run</code></strong>: Builds and runs the application.<br> <strong><code class="hljs inline no-lang">runShadow</code></strong>: Builds the application as a fat JAR, and then runs it.</p></li> <li><p><strong><code class="hljs inline no-lang">checkstyleMain</code></strong>: Runs the code style check for the main code base.<br> <strong><code class="hljs inline no-lang">checkstyleTest</code></strong>: Runs the code style check for the test code base.</p></li> <li><p><strong><code class="hljs inline no-lang">test</code></strong>: Runs all tests.</p> <ul><li><code class="hljs inline no-lang">./gradlew test</code> — Runs all tests</li> <li><code class="hljs inline no-lang">./gradlew clean test</code> — Cleans the project and runs tests</li></ul></li></ul> <hr> <h2 id="continuous-integration-ci">Continuous integration (CI)<a href="#continuous-integration-ci" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>This project uses GitHub Actions for CI. The project comes with the necessary GitHub Actions configurations files (in the <code class="hljs inline no-lang">.github/workflows</code> folder). No further setting up required.</p> <h3 id="code-coverage">Code coverage<a href="#code-coverage" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>As part of CI, this project uses Codecov to generate coverage reports. When CI runs, it will generate code coverage data (based on the tests run by CI) and upload that data to the CodeCov website, which in turn can provide you more info about the coverage of your tests.</p> <p>However, because Codecov is known to run into intermittent problems (e.g., report upload fails) due to issues on the Codecov service side, the CI is configured to pass even if the Codecov task failed. Therefore, developers are advised to check the code coverage levels periodically and take corrective actions if the coverage level falls below desired levels.</p> <p>To enable Codecov for forks of this project, follow the steps given in <a href="https://se-education.org/guides/tutorials/codecov.html">this se-edu guide</a>.</p> <h3 id="repository-wide-checks">Repository-wide checks<a href="#repository-wide-checks" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>In addition to running Gradle checks, CI includes some repository-wide checks. Unlike the Gradle checks which only cover files used in the build process, these repository-wide checks cover all files in the repository. They check for repository rules which are hard to enforce on development machines such as line ending requirements.</p> <p>These checks are implemented as POSIX shell scripts, and thus can only be run on POSIX-compliant operating systems such as macOS and Linux. To run all checks locally on these operating systems, execute the following in the repository root directory:</p> <p><code class="hljs inline no-lang">./config/travis/run-checks.sh</code></p> <p>Any warnings or errors will be printed out to the console.</p> <p><strong>If adding new checks:</strong></p> <ul><li><p>Checks are implemented as executable <code class="hljs inline no-lang">check-*</code> scripts within the <code class="hljs inline no-lang">.github</code> directory. The <code class="hljs inline no-lang">run-checks.sh</code> script will automatically pick up and run files named as such. That is, you can add more such files if you need and the CI will do the rest.</p></li> <li><p>Check scripts should print out errors in the format <code class="hljs inline no-lang">SEVERITY:FILENAME:LINE: MESSAGE</code></p> <ul><li>SEVERITY is either ERROR or WARN.</li> <li>FILENAME is the path to the file relative to the current directory.</li> <li>LINE is the line of the file where the error occurred and MESSAGE is the message explaining the error.</li></ul></li> <li><p>Check scripts must exit with a non-zero exit code if any errors occur.</p></li></ul> <hr> <h2 id="making-a-release">Making a release<a href="#making-a-release" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>Here are the steps to create a new release.</p> <ol><li>Update the version number in <a href="https://github.com/se-edu/addressbook-level3/tree/master/src/main/java/seedu/address/MainApp.java"><code class="hljs inline no-lang">MainApp.java</code></a>.</li> <li>Generate a fat JAR file using Gradle (i.e., <code class="hljs inline no-lang">gradlew shadowJar</code>).</li> <li>Tag the repo with the version number. e.g. <code class="hljs inline no-lang">v0.1</code></li> <li><a href="https://help.github.com/articles/creating-releases/">Create a new release using GitHub</a>. Upload the JAR file you created.</li></ol></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#devops-guide" data-v-e6005420>DevOps guide‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#build-automation" data-v-e6005420>Build automation‎</a> <a class="nav-link py-1" href="#continuous-integration-ci" data-v-e6005420>Continuous integration (CI)‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#code-coverage" data-v-e6005420>Code coverage‎</a> <a class="nav-link py-1" href="#repository-wide-checks" data-v-e6005420>Repository-wide checks‎</a></nav> <a class="nav-link py-1" href="#making-a-release" data-v-e6005420>Making a release‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 4:51:16 GMT+8]</small></div></footer></div>
 </body><script src="/tp/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/DevOps.page-vue-render.js b/DevOps.page-vue-render.js
index d0692c22fcb..1a314b4f30b 100644
--- a/DevOps.page-vue-render.js
+++ b/DevOps.page-vue-render.js
@@ -8,6 +8,6 @@ with(this){return _c('div',{attrs:{"id":"app"}},[_c('header',{attrs:{"sticky":""
 with(this){return _c('div',{attrs:{"id":"content-wrapper"}},[_c('h1',{attrs:{"id":"devops-guide"}},[_v("DevOps guide"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#devops-guide","onclick":"event.stopPropagation()"}})]),_v(" "),_c('div',{pre:true,attrs:{"class":"page-nav-print d-none d-print-block"}}),_v(" "),_c('h2',{attrs:{"id":"build-automation"}},[_v("Build automation"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#build-automation","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_v("This project uses Gradle for "),_c('strong',[_v("build automation and dependency management")]),_v(". "),_c('strong',[_v("You are recommended to read "),_c('a',{attrs:{"href":"https://se-education.org/guides/tutorials/gradle.html"}},[_v("this Gradle Tutorial from the se-edu/guides")])]),_v(".")]),_v(" "),_c('p',[_v("Given below are how to use Gradle for some important project tasks.")]),_v(" "),_c('ul',[_c('li',[_c('p',[_c('strong',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("clean")])]),_v(": Deletes the files created during the previous build tasks (e.g. files in the "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("build")]),_v(" folder)."),_c('br'),_v("\ne.g. "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("./gradlew clean")])])]),_v(" "),_c('li',[_c('p',[_c('strong',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("shadowJar")])]),_v(": Uses the ShadowJar plugin to creat a fat JAR file in the "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("build/lib")]),_v(" folder, "),_c('em',[_v("if the current file is outdated")]),_v("."),_c('br'),_v("\ne.g. "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("./gradlew shadowJar")]),_v(".")])]),_v(" "),_c('li',[_c('p',[_c('strong',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("run")])]),_v(": Builds and runs the application."),_c('br'),_v(" "),_c('strong',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("runShadow")])]),_v(": Builds the application as a fat JAR, and then runs it.")])]),_v(" "),_c('li',[_c('p',[_c('strong',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("checkstyleMain")])]),_v(": Runs the code style check for the main code base."),_c('br'),_v(" "),_c('strong',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("checkstyleTest")])]),_v(": Runs the code style check for the test code base.")])]),_v(" "),_c('li',[_c('p',[_c('strong',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("test")])]),_v(": Runs all tests.")]),_v(" "),_c('ul',[_c('li',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("./gradlew test")]),_v(" — Runs all tests")]),_v(" "),_c('li',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("./gradlew clean test")]),_v(" — Cleans the project and runs tests")])])])]),_v(" "),_c('hr'),_v(" "),_c('h2',{attrs:{"id":"continuous-integration-ci"}},[_v("Continuous integration (CI)"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#continuous-integration-ci","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_v("This project uses GitHub Actions for CI. The project comes with the necessary GitHub Actions configurations files (in the "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v(".github/workflows")]),_v(" folder). No further setting up required.")]),_v(" "),_c('h3',{attrs:{"id":"code-coverage"}},[_v("Code coverage"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#code-coverage","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_v("As part of CI, this project uses Codecov to generate coverage reports. When CI runs, it will generate code coverage data (based on the tests run by CI) and upload that data to the CodeCov website, which in turn can provide you more info about the coverage of your tests.")]),_v(" "),_c('p',[_v("However, because Codecov is known to run into intermittent problems (e.g., report upload fails) due to issues on the Codecov service side, the CI is configured to pass even if the Codecov task failed. Therefore, developers are advised to check the code coverage levels periodically and take corrective actions if the coverage level falls below desired levels.")]),_v(" "),_c('p',[_v("To enable Codecov for forks of this project, follow the steps given in "),_c('a',{attrs:{"href":"https://se-education.org/guides/tutorials/codecov.html"}},[_v("this se-edu guide")]),_v(".")]),_v(" "),_c('h3',{attrs:{"id":"repository-wide-checks"}},[_v("Repository-wide checks"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#repository-wide-checks","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_v("In addition to running Gradle checks, CI includes some repository-wide checks. Unlike the Gradle checks which only cover files used in the build process, these repository-wide checks cover all files in the repository. They check for repository rules which are hard to enforce on development machines such as line ending requirements.")]),_v(" "),_c('p',[_v("These checks are implemented as POSIX shell scripts, and thus can only be run on POSIX-compliant operating systems such as macOS and Linux. To run all checks locally on these operating systems, execute the following in the repository root directory:")]),_v(" "),_c('p',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("./config/travis/run-checks.sh")])]),_v(" "),_c('p',[_v("Any warnings or errors will be printed out to the console.")]),_v(" "),_c('p',[_c('strong',[_v("If adding new checks:")])]),_v(" "),_c('ul',[_c('li',[_c('p',[_v("Checks are implemented as executable "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("check-*")]),_v(" scripts within the "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v(".github")]),_v(" directory. The "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("run-checks.sh")]),_v(" script will automatically pick up and run files named as such. That is, you can add more such files if you need and the CI will do the rest.")])]),_v(" "),_c('li',[_c('p',[_v("Check scripts should print out errors in the format "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("SEVERITY:FILENAME:LINE: MESSAGE")])]),_v(" "),_c('ul',[_c('li',[_v("SEVERITY is either ERROR or WARN.")]),_v(" "),_c('li',[_v("FILENAME is the path to the file relative to the current directory.")]),_v(" "),_c('li',[_v("LINE is the line of the file where the error occurred and MESSAGE is the message explaining the error.")])])]),_v(" "),_c('li',[_c('p',[_v("Check scripts must exit with a non-zero exit code if any errors occur.")])])]),_v(" "),_c('hr'),_v(" "),_c('h2',{attrs:{"id":"making-a-release"}},[_v("Making a release"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#making-a-release","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_v("Here are the steps to create a new release.")]),_v(" "),_c('ol',[_c('li',[_v("Update the version number in "),_c('a',{attrs:{"href":"https://github.com/se-edu/addressbook-level3/tree/master/src/main/java/seedu/address/MainApp.java"}},[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("MainApp.java")])]),_v(".")]),_v(" "),_c('li',[_v("Generate a fat JAR file using Gradle (i.e., "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("gradlew shadowJar")]),_v(").")]),_v(" "),_c('li',[_v("Tag the repo with the version number. e.g. "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("v0.1")])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"https://help.github.com/articles/creating-releases/"}},[_v("Create a new release using GitHub")]),_v(". Upload the JAR file you created.")])])])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 4:27:59 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 4:51:16 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/DeveloperGuide.html b/DeveloperGuide.html
index 44bd3a68df0..bb528535732 100644
--- a/DeveloperGuide.html
+++ b/DeveloperGuide.html
@@ -68,11 +68,7 @@
 <ul><li>Pros: Cleaner and extendable code implementation.</li> <li>Cons: require change of implementation on multiple classes.</li></ul></li></ul> <h3 id="proposed-undo-redo-feature">[Proposed] Undo/redo feature<a href="#proposed-undo-redo-feature" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <h4 id="proposed-implementation">Proposed Implementation<a href="#proposed-implementation" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h4> <p>Since <code class="hljs inline no-lang">Student</code>, <code class="hljs inline no-lang">StudentGrade</code> and <code class="hljs inline no-lang">GradedComponent</code> have similar dependencies and behavior, we will use <code class="hljs inline no-lang">Ssc</code> to refer these three classes and their related classes in the following discussion. In other words, <code class="hljs inline no-lang">VersionedSscBook</code> means <code class="hljs inline no-lang">VersionedStudentBook</code>, <code class="hljs inline no-lang">VersionedStudentScoreBook</code> and <code class="hljs inline no-lang">VersionedGradedComponentBook</code>.
 The proposed undo/redo mechanism is facilitated by <code class="hljs inline no-lang">VersionedSscBook</code>. It extends <code class="hljs inline no-lang">SscBook</code> with an undo/redo history, stored internally as an <code class="hljs inline no-lang">sscStateList</code> and <code class="hljs inline no-lang">currentStatePointer</code>. Additionally, it implements the following operations:</p> <ul><li><code class="hljs inline no-lang">VersionedSscBook#commit()</code> — Saves the current ssc book state in its history.</li> <li><code class="hljs inline no-lang">VersionedSscBook#undo()</code> — Restores the previous ssc book state from its history.</li> <li><code class="hljs inline no-lang">VersionedSscBook#redo()</code> — Restores a previously undone ssc book state from its history.</li></ul> <p>These operations are exposed in the <code class="hljs inline no-lang">Model</code> interface as <code class="hljs inline no-lang">Model#commitSscBook()</code>, <code class="hljs inline no-lang">Model#undoSscBook()</code> and <code class="hljs inline no-lang">Model#redoSscBook()</code> respectively.</p> <p>Given below is an example usage scenario and how the undo/redo mechanism behaves at each step.</p> <p>Step 1. The user launches the application for the first time. The <code class="hljs inline no-lang">VersionedSscBook</code> will be initialized with the initial Ssc book state, and the <code class="hljs inline no-lang">currentStatePointer</code> pointing to that single Ssc book state.</p> <span class="image-wrapper"><img src="/tp/diagrams/UndoRedoState0.png" alt="UndoRedoState0" width="" class="img-fluid rounded"> <span class="image-caption"></span></span> <p>Step 2. The user executes <code class="hljs inline no-lang">deleteStu 5</code> command to delete the 5th student in the Ssc book. The <code class="hljs inline no-lang">deleteStu</code> command calls <code class="hljs inline no-lang">Model#commitSscBook()</code>, causing the modified state of the address book after the <code class="hljs inline no-lang">delete 5</code> command executes to be saved in the <code class="hljs inline no-lang">SscBookStateList</code>, and the <code class="hljs inline no-lang">currentStatePointer</code> is shifted to the newly inserted Ssc book state.</p> <span class="image-wrapper"><img src="/tp/diagrams/UndoRedoState1.png" alt="UndoRedoState1" width="" class="img-fluid rounded"> <span class="image-caption"></span></span> <p>Step 3. The user executes <code class="hljs inline no-lang">addStu n/David …​</code> to add a new person. The <code class="hljs inline no-lang">addStu</code> command also calls <code class="hljs inline no-lang">Model#commitSscBook()</code>, causing another modified address book state to be saved into the <code class="hljs inline no-lang">sscBookStateList</code>.</p> <span class="image-wrapper"><img src="/tp/diagrams/UndoRedoState2.png" alt="UndoRedoState2" width="" class="img-fluid rounded"> <span class="image-caption"></span></span> <div class="alert box-container seamless" data-v-4d146e2c><!----> <div class="header-and-body" data-v-4d146e2c><!----> <div class="box-body-wrapper" data-v-4d146e2c><div class="icon-wrapper  text-info" data-v-4d146e2c><i class="fas fa-info" data-v-4d146e2c></i></div> <div aria-hidden="true" class="vertical-divider alert-info" data-v-4d146e2c></div> <div class="contents" data-v-4d146e2c><p data-v-4d146e2c><strong data-v-4d146e2c>Note:</strong> If a command fails its execution, it will not call <code class="hljs inline no-lang" data-v-4d146e2c>Model#commitSscBook()</code>, so the ssc book state will not be saved into the <code class="hljs inline no-lang" data-v-4d146e2c>sscBookStateList</code>.</p></div> <!----></div></div></div> <p>Step 4. The user now decides that adding the student was a mistake, and decides to undo that action by executing the <code class="hljs inline no-lang">undo</code> command. The <code class="hljs inline no-lang">undo</code> command will call <code class="hljs inline no-lang">Model#undoSscBook()</code>, which will shift the <code class="hljs inline no-lang">currentStatePointer</code> once to the left, pointing it to the previous ssc book state, and restores the ssc book to that state.</p> <span class="image-wrapper"><img src="/tp/diagrams/UndoRedoState3.png" alt="UndoRedoState3" width="" class="img-fluid rounded"> <span class="image-caption"></span></span> <div class="alert box-container seamless" data-v-4d146e2c><!----> <div class="header-and-body" data-v-4d146e2c><!----> <div class="box-body-wrapper" data-v-4d146e2c><div class="icon-wrapper  text-info" data-v-4d146e2c><i class="fas fa-info" data-v-4d146e2c></i></div> <div aria-hidden="true" class="vertical-divider alert-info" data-v-4d146e2c></div> <div class="contents" data-v-4d146e2c><p data-v-4d146e2c><strong data-v-4d146e2c>Note:</strong> If the <code class="hljs inline no-lang" data-v-4d146e2c>currentStatePointer</code> is at index 0, pointing to the initial SscBook state, then there are no previous SscBook states to restore. The <code class="hljs inline no-lang" data-v-4d146e2c>undo</code> command uses <code class="hljs inline no-lang" data-v-4d146e2c>Model#canUndoSscBook()</code> to check if this is the case. If so, it will return an error to the user rather
 than attempting to perform the undo.</p></div> <!----></div></div></div> <p>The following sequence diagram shows how the undo operation works:</p> <span class="image-wrapper"><img src="/tp/diagrams/UndoSequenceDiagram.png" alt="UndoSequenceDiagram" width="" class="img-fluid rounded"> <span class="image-caption"></span></span> <div class="alert box-container seamless" data-v-4d146e2c><!----> <div class="header-and-body" data-v-4d146e2c><!----> <div class="box-body-wrapper" data-v-4d146e2c><div class="icon-wrapper  text-info" data-v-4d146e2c><i class="fas fa-info" data-v-4d146e2c></i></div> <div aria-hidden="true" class="vertical-divider alert-info" data-v-4d146e2c></div> <div class="contents" data-v-4d146e2c><p data-v-4d146e2c><strong data-v-4d146e2c>Note:</strong> The lifeline for <code class="hljs inline no-lang" data-v-4d146e2c>UndoCommand</code> should end at the destroy marker (X) but due to a limitation of PlantUML, the lifeline reaches the end of diagram.</p></div> <!----></div></div></div> <p>The <code class="hljs inline no-lang">redo</code> command does the opposite — it calls <code class="hljs inline no-lang">Model#redoSscBook()</code>, which shifts the <code class="hljs inline no-lang">currentStatePointer</code> once to the right, pointing to the previously undone state, and restores the ssc book to that state.</p> <div class="alert box-container seamless" data-v-4d146e2c><!----> <div class="header-and-body" data-v-4d146e2c><!----> <div class="box-body-wrapper" data-v-4d146e2c><div class="icon-wrapper  text-info" data-v-4d146e2c><i class="fas fa-info" data-v-4d146e2c></i></div> <div aria-hidden="true" class="vertical-divider alert-info" data-v-4d146e2c></div> <div class="contents" data-v-4d146e2c><p data-v-4d146e2c><strong data-v-4d146e2c>Note:</strong> If the <code class="hljs inline no-lang" data-v-4d146e2c>currentStatePointer</code> is at index <code class="hljs inline no-lang" data-v-4d146e2c>sscBookStateList.size() - 1</code>, pointing to the latest address book state, then there are no undone SscBook states to restore. The <code class="hljs inline no-lang" data-v-4d146e2c>redo</code> command uses <code class="hljs inline no-lang" data-v-4d146e2c>Model#canRedoSscBook()</code> to check if this is the case. If so, it will return an error to the user rather than attempting to perform the redo.</p></div> <!----></div></div></div> <p>Step 5. The user then decides to execute the command <code class="hljs inline no-lang">listAll</code>. Commands that do not modify the address book, such as <code class="hljs inline no-lang">list</code>, will usually not call <code class="hljs inline no-lang">Model#commitSscBook()</code>, <code class="hljs inline no-lang">Model#undoSscBook()</code> or <code class="hljs inline no-lang">Model#redoSscBook()</code>. Thus, the <code class="hljs inline no-lang">sscBookStateList</code> remains unchanged.</p> <span class="image-wrapper"><img src="/tp/diagrams/UndoRedoState4.png" alt="UndoRedoState4" width="" class="img-fluid rounded"> <span class="image-caption"></span></span> <p>Step 6. The user executes <code class="hljs inline no-lang">clearAll</code>, which calls <code class="hljs inline no-lang">Model#commitSscBook()</code>. Since the <code class="hljs inline no-lang">currentStatePointer</code> is not pointing at the end of the <code class="hljs inline no-lang">sscBookStateList</code>, all address book states after the <code class="hljs inline no-lang">currentStatePointer</code> will be purged. Reason: It no longer makes sense to redo the <code class="hljs inline no-lang">add n/David …​</code> command. This is the behavior that most modern desktop applications follow.</p> <span class="image-wrapper"><img src="/tp/diagrams/UndoRedoState5.png" alt="UndoRedoState5" width="" class="img-fluid rounded"> <span class="image-caption"></span></span> <p>The following activity diagram summarizes what happens when a user executes a new command:</p> <span class="image-wrapper"><img src="/tp/diagrams/CommitActivityDiagram.png" width="250" class="img-fluid rounded"> <span class="image-caption"></span></span> <h4 id="design-considerations-2">Design considerations:<a href="#design-considerations-2" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h4> <p><strong>Aspect: How undo &amp; redo executes:</strong></p> <ul><li><p><strong>Alternative 1 (current choice):</strong> Saves the entire ssc book.</p> <ul><li>Pros: Easy to implement.</li> <li>Cons: May have performance issues in terms of memory usage.</li></ul></li> <li><p><strong>Alternative 2:</strong> Individual command knows how to undo/redo by
-itself.</p> <ul><li>Pros: Will use less memory (e.g. for <code class="hljs inline no-lang">deleteStu</code>, just save the student being deleted).</li> <li>Cons: We must ensure that the implementation of each individual command are correct.</li></ul></li></ul> <hr> <h2 id="documentation-logging-testing-configuration-dev-ops"><strong>Documentation, logging, testing, configuration, dev-ops</strong><a href="#documentation-logging-testing-configuration-dev-ops" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <ul><li><a href="/tp/Documentation.html">Documentation guide</a></li> <li><a href="/tp/Testing.html">Testing guide</a></li> <li><a href="/tp/Logging.html">Logging guide</a></li> <li><a href="/tp/Configuration.html">Configuration guide</a></li> <li><a href="/tp/DevOps.html">DevOps guide</a></li></ul> <hr> <h2 id="appendix-requirements"><strong>Appendix: Requirements</strong><a href="#appendix-requirements" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <h3 id="product-scope">Product scope<a href="#product-scope" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p><strong>Target user profile</strong></p> <p>NUS professors who:</p> <ul><li>have a need to manage a significant number of students and assessments in a single module</li> <li>are beginners to intermediate in spreadsheet technology</li> <li>prefer typing over interacting with the GUI with the mouse</li> <li>is reasonably comfortable using CLI apps</li></ul> <p><strong>Value proposition</strong>:</p> <ul><li>NUS professors need a convenient system to manage students and assessments. We propose a program to track students and their performance on graded components, utility functions to get statistics on the cohort and certain subgroups, ability to tag students (e.g. dropped module, potential TA etc.), alongside general GUI improvements.</li></ul> <h3 id="user-stories">User stories<a href="#user-stories" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>Priorities: High (must have) - <code class="hljs inline no-lang">* * *</code>, Medium (nice to have) - <code class="hljs inline no-lang">* *</code>, Low (unlikely to have) - <code class="hljs inline no-lang">*</code></p> <div class="table-responsive"><table class="markbind-table table table-bordered table-striped"><thead><tr><th>Priority</th> <th>As a …​</th> <th>I want to …​</th> <th>So that I can…​</th></tr></thead> <tbody><tr><td><code class="hljs inline no-lang">* * *</code></td> <td>NUS professor</td> <td>add a new student</td> <td>track all students taking my course.</td></tr> <tr><td><code class="hljs inline no-lang">* * *</code></td> <td>NUS professor</td> <td>add a new graded component</td> <td>track all graded components in my course thus far.</td></tr> <tr><td><code class="hljs inline no-lang">* * *</code></td> <td>NUS professor</td> <td>add a new student score</td> <td>track individual student performance on this module's graded components.</td></tr> <tr><td><code class="hljs inline no-lang">* * *</code></td> <td>NUS professor</td> <td>delete a student</td> <td>remove students dropping the course/wrongly assigned.</td></tr> <tr><td><code class="hljs inline no-lang">* * *</code></td> <td>NUS professor</td> <td>delete a graded component</td> <td>remove a graded component if I feel it is no longer necessary.</td></tr> <tr><td><code class="hljs inline no-lang">* * *</code></td> <td>NUS professor</td> <td>delete a student score</td> <td></td></tr> <tr><td><code class="hljs inline no-lang">* * *</code></td> <td>NUS professor</td> <td>save changes made</td> <td>so I can update student grade information throughout the semester.</td></tr> <tr><td><code class="hljs inline no-lang">* * *</code></td> <td>NUS professor</td> <td>load information</td> <td>so I can update student grade information throughout the semester.</td></tr> <tr><td><code class="hljs inline no-lang">* *</code></td> <td>NUS professor</td> <td>edit a student</td> <td>update outdated student information or correct mistakes.</td></tr> <tr><td><code class="hljs inline no-lang">* *</code></td> <td>NUS professor</td> <td>edit a graded component</td> <td>make changes to a component (eg. modify weightage) or correct mistakes.</td></tr> <tr><td><code class="hljs inline no-lang">* *</code></td> <td>NUS professor</td> <td>edit a student score</td> <td>regrade student scripts or correct mistakes.</td></tr> <tr><td><code class="hljs inline no-lang">* *</code></td> <td>NUS professor</td> <td>find student and associated scores by ID</td> <td>quickly find information about a student and their scores without having to search through the list</td></tr> <tr><td><code class="hljs inline no-lang">* *</code></td> <td>NUS professor</td> <td>find graded component and associated scores by ID</td> <td>quickly find information about a graded component and student scores without having to search through the list</td></tr> <tr><td><code class="hljs inline no-lang">* *</code></td> <td>NUS professor</td> <td>quickly calculate the overall statistics of student grades</td> <td>have a quick insight of how my students are performing</td></tr> <tr><td><code class="hljs inline no-lang">* *</code></td> <td>NUS professor</td> <td>sort students with specific order</td> <td>find the top students easily</td></tr> <tr><td><code class="hljs inline no-lang">* *</code></td> <td>NUS professor</td> <td>sort student scores with specific order</td> <td>find the top students with their associated scores easily</td></tr> <tr><td><code class="hljs inline no-lang">* *</code></td> <td>NUS professor</td> <td>automatically grade students based on their total score, the grading method I want to use, and the passing value for each grade</td> <td>significantly reduce the time needed to grade the students and avoid manually grading each student.</td></tr> <tr><td><code class="hljs inline no-lang">*</code></td> <td>NUS professor</td> <td>toggle between dark and light mode</td> <td>have a pleasant user experience.</td></tr></tbody></table></div><h3 id="use-cases">Use cases<a href="#use-cases" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>(For all use cases below, the <strong>System</strong> is the <code class="hljs inline no-lang">ModuLight</code> and the <strong>Actor</strong> is the <code class="hljs inline no-lang">user</code>, unless specified otherwise)</p> <p><strong>Use case: Add a student</strong></p> <p><strong>MSS</strong></p> <ol><li><p>User enters the details to add a student.</p></li> <li><p>ModuLight adds the student with entered details to the student list.<br></p> <p>Use case ends.</p></li></ol> <p><strong>Extensions</strong></p> <ul><li><p>1a. There is some error in the entered data.</p> <ul><li><p>1a1. ModuLight shows an error message. <br></p> <p>Use case ends.</p></li></ul></li> <li><p>2a. There are already some existing graded components.</p> <ul><li><p>2a1. ModuLight creates student scores correspond to the new student for every graded component.</p> <p>Use case ends.</p></li></ul></li></ul> <p><strong>Use case: Edit a student's information</strong></p> <p><strong>MSS</strong></p> <ol><li><p>User requests to list students.</p></li> <li><p>ModuLight shows a list of students.</p></li> <li><p>User requests to edit the details of a specific student.</p></li> <li><p>ModuLight updates the detail of that student with entered data.</p> <p>Use case ends.</p></li></ol> <p><strong>Extensions</strong></p> <ul><li><p>2a. The list is empty.</p> <p>Use case ends.</p></li> <li><p>3a. The given index is invalid.</p> <ul><li><p>3a1. ModuLight shows an error message.</p> <p>Use case resumes at step 2.</p></li></ul></li> <li><p>3b. The given parameter is of invalid format</p> <ul><li><p>3b1. ModuLight shows an error message.</p> <p>Use case resumes at step 2.</p></li></ul></li> <li><p>3c. The edited student number already exists.</p> <ul><li><p>3c1. ModuLight shows an error message.</p> <p>Use case resumes at step 2.</p></li></ul></li></ul> <p><strong>Use case: Delete a student and the associated scores</strong></p> <p><strong>MSS</strong></p> <ol><li><p>User requests to list students.</p></li> <li><p>ModuLight shows a list of students.</p></li> <li><p>User requests to delete a specific student in the list.</p></li> <li><p>ModuLight deletes the student.</p></li> <li><p>ModuLight shows a list of updated students.</p> <p>Use case ends.</p></li></ol> <p><strong>Extensions</strong></p> <ul><li><p>2a. The list is empty.</p> <p>Use case ends.</p></li> <li><p>3a. The given index is invalid.</p> <ul><li><p>3a1. ModuLight shows an error message.</p> <p>Use case resumes at step 2.</p></li></ul></li> <li><p>3b. The selected student has some associated student scores.</p> <ul><li>3b1. ModuLight deletes all associated students scores.</li> <li>3b2. ModuLight shows a list of updated student scores.<br>
-Use case resumes at step 4.</li></ul></li></ul> <p><strong>Use case: Add a new graded component</strong></p> <p><strong>MSS</strong></p> <ol><li><p>User creates new Graded Component.</p></li> <li><p>ModuLight adds the graded component with entered details to the graded component list.</p></li> <li><p>ModuLight shows lists of updated graded components and student scores.</p> <p>Use case ends.</p></li></ol> <p><strong>Extensions</strong></p> <ul><li><p>1a. There is some error in the entered data.</p> <ul><li><p>1a1. ModuLight shows an error message.</p> <p>Use case ends.</p></li></ul></li> <li><p>2a. There are already some existing students.</p> <ul><li><p>2a1. ModuLight creates student scores correspond to the new graded component for every student.</p> <p>Use case ends.</p></li></ul></li></ul> <p><strong>Use case: Edit a student score</strong></p> <p><strong>MSS</strong></p> <ol><li><p>User requests to list student scores.</p></li> <li><p>ModuLight shows a list of student scores.</p></li> <li><p>User requests to edit the details of a specific student score.</p></li> <li><p>ModuLight updates the detail of that student score with entered data.</p></li> <li><p>ModuLight shows a list of updated student scores.</p> <p>Use case ends.</p></li></ol> <p><strong>Extensions</strong></p> <ul><li><p>2a. The list is empty.</p> <p>Use case ends.</p></li> <li><p>3a. The given index is invalid.</p> <ul><li><p>3a1. ModuLight shows an error message.</p> <p>Use case resumes at step 2.</p></li></ul></li> <li><p>3b. There is some error in the entered data.</p> <ul><li><p>3b1. ModuLight shows an error message.</p> <p>Use case resumes at step 2.</p></li></ul></li></ul> <p><strong>Use case: List all</strong></p> <p><strong>MSS</strong></p> <ol><li><p>User requests to list all students, student scores and graded components.</p></li> <li><p>ModuLight shows lists of all students, student scores and graded components.</p> <p>Use case ends.</p></li></ol> <p><strong>Use case: Delete a graded component and its associated scores</strong></p> <p><strong>MSS</strong></p> <ol><li><p>User requests to list graded components.</p></li> <li><p>ModuLight shows a list of graded components.</p></li> <li><p>User requests to delete a specific graded component in the list.</p></li> <li><p>ModuLight deletes the graded component.</p></li> <li><p>ModuLight shows a list of updated graded components.</p> <p>Use case ends.</p></li></ol> <p><strong>Extensions</strong></p> <ul><li><p>2a. The list is empty.</p> <p>Use case ends.</p></li> <li><p>3a. The given index is invalid.</p> <ul><li><p>3a1. ModuLight shows an error message.</p> <p>Use case resumes at step 2.</p></li></ul></li> <li><p>3b. The selected graded component has some associated student scores.</p> <ul><li><p>3b1. ModuLight deletes all associated students scores.</p></li> <li><p>3b2. ModuLight shows a list of updated student scores.<br></p> <p>Use case resumes at step 4.</p></li></ul></li></ul> <p><strong>Use case: Find student(s)</strong></p> <p><strong>MSS</strong></p> <ol><li><p>User requests to find a student or students with the specific keywords.</p></li> <li><p>ModuLight shows a list of students that fulfilling the searching criteria and a list of student scores belonging to the listed students.</p> <p>Use case ends.</p></li></ol> <p><strong>Extensions</strong></p> <ul><li>1a. There are some unsupported or incorrect keywords.
-<ul><li><p>1a1. ModuLight shows an error message.</p> <p>Use case ends.</p></li></ul></li> <li>1b. There are no keywords given
-<ul><li>1b1. ModuLight shows all students, scores and graded components.
-Use case ends.</li></ul></li></ul> <p><strong>Use case: Sort student(s)</strong></p> <p><strong>MSS</strong></p> <ol><li><p>User requests to sort the displayed student list with the specific order.</p></li> <li><p>ModuLight shows a list of sorted students.</p> <p>Use case ends.</p></li></ol> <p><strong>Extensions</strong></p> <ul><li>1a. The given sorting order is unsupported.
+itself.</p> <ul><li>Pros: Will use less memory (e.g. for <code class="hljs inline no-lang">deleteStu</code>, just save the student being deleted).</li> <li>Cons: We must ensure that the implementation of each individual command are correct.</li></ul></li></ul> <hr> <h2 id="documentation-logging-testing-configuration-dev-ops"><strong>Documentation, logging, testing, configuration, dev-ops</strong><a href="#documentation-logging-testing-configuration-dev-ops" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <ul><li><a href="/tp/Documentation.html">Documentation guide</a></li> <li><a href="/tp/Testing.html">Testing guide</a></li> <li><a href="/tp/Logging.html">Logging guide</a></li> <li><a href="/tp/Configuration.html">Configuration guide</a></li> <li><a href="/tp/DevOps.html">DevOps guide</a></li></ul> <hr> <h2 id="appendix-requirements"><strong>Appendix: Requirements</strong><a href="#appendix-requirements" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <h3 id="product-scope">Product scope<a href="#product-scope" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p><strong>Target user profile</strong></p> <p>NUS professors who:</p> <ul><li>have a need to manage a significant number of students and assessments in a single module</li> <li>are beginners to intermediate in spreadsheet technology</li> <li>prefer typing over interacting with the GUI with the mouse</li> <li>is reasonably comfortable using CLI apps</li></ul> <p><strong>Value proposition</strong>:</p> <ul><li>NUS professors need a convenient system to manage students and assessments. We propose a program to track students and their performance on graded components, utility functions to get statistics on the cohort and certain subgroups, ability to tag students (e.g. dropped module, potential TA etc.), alongside general GUI improvements.</li></ul> <h3 id="user-stories">User stories<a href="#user-stories" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>Priorities: High (must have) - <code class="hljs inline no-lang">* * *</code>, Medium (nice to have) - <code class="hljs inline no-lang">* *</code>, Low (unlikely to have) - <code class="hljs inline no-lang">*</code></p> <div class="table-responsive"><table class="markbind-table table table-bordered table-striped"><thead><tr><th>Priority</th> <th>As a …​</th> <th>I want to …​</th> <th>So that I can…​</th></tr></thead> <tbody><tr><td><code class="hljs inline no-lang">* * *</code></td> <td>NUS professor</td> <td>add a new student</td> <td>track all students taking my course.</td></tr> <tr><td><code class="hljs inline no-lang">* * *</code></td> <td>NUS professor</td> <td>add a new graded component</td> <td>track all graded components in my course thus far.</td></tr> <tr><td><code class="hljs inline no-lang">* * *</code></td> <td>NUS professor</td> <td>add a new student score</td> <td>track individual student performance on this module's graded components.</td></tr> <tr><td><code class="hljs inline no-lang">* * *</code></td> <td>NUS professor</td> <td>delete a student</td> <td>remove students dropping the course/wrongly assigned.</td></tr> <tr><td><code class="hljs inline no-lang">* * *</code></td> <td>NUS professor</td> <td>delete a graded component</td> <td>remove a graded component if I feel it is no longer necessary.</td></tr> <tr><td><code class="hljs inline no-lang">* * *</code></td> <td>NUS professor</td> <td>delete a student score</td> <td></td></tr> <tr><td><code class="hljs inline no-lang">* * *</code></td> <td>NUS professor</td> <td>save changes made</td> <td>so I can update student grade information throughout the semester.</td></tr> <tr><td><code class="hljs inline no-lang">* * *</code></td> <td>NUS professor</td> <td>load information</td> <td>so I can update student grade information throughout the semester.</td></tr> <tr><td><code class="hljs inline no-lang">* *</code></td> <td>NUS professor</td> <td>edit a student</td> <td>update outdated student information or correct mistakes.</td></tr> <tr><td><code class="hljs inline no-lang">* *</code></td> <td>NUS professor</td> <td>edit a graded component</td> <td>make changes to a component (eg. modify weightage) or correct mistakes.</td></tr> <tr><td><code class="hljs inline no-lang">* *</code></td> <td>NUS professor</td> <td>edit a student score</td> <td>regrade student scripts or correct mistakes.</td></tr> <tr><td><code class="hljs inline no-lang">* *</code></td> <td>NUS professor</td> <td>find student and associated scores by ID</td> <td>quickly find information about a student and their scores without having to search through the list</td></tr> <tr><td><code class="hljs inline no-lang">* *</code></td> <td>NUS professor</td> <td>find graded component and associated scores by ID</td> <td>quickly find information about a graded component and student scores without having to search through the list</td></tr> <tr><td><code class="hljs inline no-lang">* *</code></td> <td>NUS professor</td> <td>quickly calculate the overall statistics of student grades</td> <td>have a quick insight of how my students are performing</td></tr> <tr><td><code class="hljs inline no-lang">* *</code></td> <td>NUS professor</td> <td>sort students with specific order</td> <td>find the top students easily</td></tr> <tr><td><code class="hljs inline no-lang">* *</code></td> <td>NUS professor</td> <td>sort student scores with specific order</td> <td>find the top students with their associated scores easily</td></tr> <tr><td><code class="hljs inline no-lang">* *</code></td> <td>NUS professor</td> <td>automatically grade students based on their total score, the grading method I want to use, and the passing value for each grade</td> <td>significantly reduce the time needed to grade the students and avoid manually grading each student.</td></tr> <tr><td><code class="hljs inline no-lang">*</code></td> <td>NUS professor</td> <td>toggle between dark and light mode</td> <td>have a pleasant user experience.</td></tr></tbody></table></div><h3 id="use-cases">Use cases<a href="#use-cases" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>(For all use cases below, the <strong>System</strong> is the <code class="hljs inline no-lang">ModuLight</code> and the <strong>Actor</strong> is the <code class="hljs inline no-lang">user</code>, unless specified otherwise)</p> <p><strong>Use case: Add a student</strong></p> <p><strong>MSS</strong></p> <ol><li><p>User enters the details to add a student.</p></li> <li><p>ModuLight adds the student with entered details to the student list.<br></p> <p>Use case ends.</p></li></ol> <p><strong>Extensions</strong></p> <ul><li><p>1a. There is some error in the entered data.</p> <ul><li><p>1a1. ModuLight shows an error message. <br></p> <p>Use case ends.</p></li></ul></li> <li><p>2a. There are already some existing graded components.</p> <ul><li><p>2a1. ModuLight creates student scores correspond to the new student for every graded component.</p> <p>Use case ends.</p></li></ul></li></ul> <p><strong>Use case: Edit a student's information</strong></p> <p><strong>MSS</strong></p> <ol><li><p>User requests to list students.</p></li> <li><p>ModuLight shows a list of students.</p></li> <li><p>User requests to edit the details of a specific student.</p></li> <li><p>ModuLight updates the detail of that student with entered data.</p> <p>Use case ends.</p></li></ol> <p><strong>Extensions</strong></p> <ul><li><p>2a. The list is empty.</p> <p>Use case ends.</p></li> <li><p>3a. The given index is invalid.</p> <ul><li><p>3a1. ModuLight shows an error message.</p> <p>Use case resumes at step 2.</p></li></ul></li> <li><p>3b. The given parameter is of invalid format</p> <ul><li><p>3b1. ModuLight shows an error message.</p> <p>Use case resumes at step 2.</p></li></ul></li> <li><p>3c. The edited student number already exists.</p> <ul><li><p>3c1. ModuLight shows an error message.</p> <p>Use case resumes at step 2.</p></li></ul></li></ul> <p><strong>Use case: Delete a student and the associated scores</strong></p> <p><strong>MSS</strong></p> <ol><li><p>User requests to list students.</p></li> <li><p>ModuLight shows a list of students.</p></li> <li><p>User requests to delete a specific student in the list.</p></li> <li><p>ModuLight deletes the student.</p></li> <li><p>ModuLight shows a list of updated students.</p> <p>Use case ends.</p></li></ol> <p><strong>Extensions</strong></p> <ul><li><p>2a. The list is empty.</p> <p>Use case ends.</p></li> <li><p>3a. The given index is invalid.</p> <ul><li><p>3a1. ModuLight shows an error message.</p> <p>Use case resumes at step 2.</p></li></ul></li> <li><p>3b. The selected student has some associated student scores.</p> <ul><li><p>3b1. ModuLight deletes all associated students scores.</p></li> <li><p>3b2. ModuLight shows a list of updated student scores.<br></p> <p>Use case resumes at step 4.</p></li></ul></li></ul> <p><strong>Use case: Add a new graded component</strong></p> <p><strong>MSS</strong></p> <ol><li><p>User creates new Graded Component.</p></li> <li><p>ModuLight adds the graded component with entered details to the graded component list.</p></li> <li><p>ModuLight shows lists of updated graded components and student scores.</p> <p>Use case ends.</p></li></ol> <p><strong>Extensions</strong></p> <ul><li><p>1a. There is some error in the entered data.</p> <ul><li><p>1a1. ModuLight shows an error message.</p> <p>Use case ends.</p></li></ul></li> <li><p>2a. There are already some existing students.</p> <ul><li><p>2a1. ModuLight creates student scores correspond to the new graded component for every student.</p> <p>Use case ends.</p></li></ul></li></ul> <p><strong>Use case: Edit a student score</strong></p> <p><strong>MSS</strong></p> <ol><li><p>User requests to list student scores.</p></li> <li><p>ModuLight shows a list of student scores.</p></li> <li><p>User requests to edit the details of a specific student score.</p></li> <li><p>ModuLight updates the detail of that student score with entered data.</p></li> <li><p>ModuLight shows a list of updated student scores.</p> <p>Use case ends.</p></li></ol> <p><strong>Extensions</strong></p> <ul><li><p>2a. The list is empty.</p> <p>Use case ends.</p></li> <li><p>3a. The given index is invalid.</p> <ul><li><p>3a1. ModuLight shows an error message.</p> <p>Use case resumes at step 2.</p></li></ul></li> <li><p>3b. There is some error in the entered data.</p> <ul><li><p>3b1. ModuLight shows an error message.</p> <p>Use case resumes at step 2.</p></li></ul></li></ul> <p><strong>Use case: List all</strong></p> <p><strong>MSS</strong></p> <ol><li><p>User requests to list all students, student scores and graded components.</p></li> <li><p>ModuLight shows lists of all students, student scores and graded components.</p> <p>Use case ends.</p></li></ol> <p><strong>Use case: Delete a graded component and its associated scores</strong></p> <p><strong>MSS</strong></p> <ol><li><p>User requests to list graded components.</p></li> <li><p>ModuLight shows a list of graded components.</p></li> <li><p>User requests to delete a specific graded component in the list.</p></li> <li><p>ModuLight deletes the graded component.</p></li> <li><p>ModuLight shows a list of updated graded components.</p> <p>Use case ends.</p></li></ol> <p><strong>Extensions</strong></p> <ul><li><p>2a. The list is empty.</p> <p>Use case ends.</p></li> <li><p>3a. The given index is invalid.</p> <ul><li><p>3a1. ModuLight shows an error message.</p> <p>Use case resumes at step 2.</p></li></ul></li> <li><p>3b. The selected graded component has some associated student scores.</p> <ul><li><p>3b1. ModuLight deletes all associated students scores.</p></li> <li><p>3b2. ModuLight shows a list of updated student scores.<br></p> <p>Use case resumes at step 4.</p></li></ul></li></ul> <p><strong>Use case: Find student(s)</strong></p> <p><strong>MSS</strong></p> <ol><li><p>User requests to find a student or students with the specific keywords.</p></li> <li><p>ModuLight shows a list of students that fulfilling the searching criteria and a list of student scores belonging to the listed students.</p> <p>Use case ends.</p></li></ol> <p><strong>Extensions</strong></p> <ul><li><p>1a. There are some unsupported or incorrect keywords.</p> <ul><li><p>1a1. ModuLight shows an error message.</p> <p>Use case ends.</p></li></ul></li> <li><p>1b. There are no keywords given</p> <ul><li><p>1b1. ModuLight shows all students, scores and graded components.</p> <p>Use case ends.</p></li></ul></li></ul> <p><strong>Use case: Sort student(s)</strong></p> <p><strong>MSS</strong></p> <ol><li><p>User requests to sort the displayed student list with the specific order.</p></li> <li><p>ModuLight shows a list of sorted students.</p> <p>Use case ends.</p></li></ol> <p><strong>Extensions</strong></p> <ul><li>1a. The given sorting order is unsupported.
 <ul><li><p>1a1. ModuLight shows an error message.</p> <p>Use case ends.</p></li></ul></li></ul> <p><strong>Use case: Calculate the overall stats of student performance</strong></p> <p><strong>MSS</strong></p> <ol><li><p>User requests to calculate the overall statistics of student performance</p></li> <li><p>ModuLight shows a summary of statistics</p> <p>Use case ends.</p></li></ol> <p><strong>Extensions</strong></p> <ul><li><p>1a. There is currently no student scores.</p> <ul><li><p>1a1. ModuLight shows an error message.</p> <p>Use case ends.</p></li></ul></li> <li><p>1b. User requests to calculate a non-supported statistical measure.</p> <ul><li><p>1b1. ModuLight shows an error message and a list of supported statistical measures.</p> <p>Use case ends.</p></li></ul></li></ul> <p><strong>Use case: Automatically grade students based on their total score</strong></p> <p><strong>MSS</strong></p> <ol><li><p>User requests to automatically grade student using AutoGradeCommand.</p></li> <li><p>Modulight automatically grade every student command based on their total score, grading method, and passing value.</p></li> <li><p>Modulight automatically sort students based on their total score for convenience.</p> <p>Use case ends.</p></li></ol> <p><strong>Extensions</strong></p> <ul><li><p>1a. User request to use unsupported grading method.</p> <ul><li><p>1a1. Modulight shows an error message and a list of supported grading method available.</p> <p>Use case ends.</p></li></ul></li> <li><p>1b. User inputted non-decreasing values for passing value.</p> <ul><li><p>1b1. Modulight shows an error message specifying that the values inputted is non-decreasing.</p> <p>Use case ends.</p></li></ul></li> <li><p>1c. User inputted passing values outside the bound of 0 and 100 inclusively.</p> <ul><li><p>1c1. Modulight shows an error message specifying that the values must be between 0 and 100 inclusively.</p> <p>Use case ends.</p></li></ul></li> <li><p>1d. User inputted too many passing values.</p> <ul><li><p>1d1. Modulight shows an error message specifying that there are too many passing values inputted.</p> <p>Use case ends.</p></li></ul></li></ul> <p><em>{More to be added}</em></p> <h3 id="non-functional-requirements">Non-Functional Requirements<a href="#non-functional-requirements" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <ol><li>Should work on any <em>mainstream OS</em> as long as it has Java <code class="hljs inline no-lang">11</code> or above installed.</li> <li>Should be able to hold up to 1000 students, 10000 student scores and 10 graded components without a noticeable
 sluggishness in performance for typical usage.</li> <li>A user with above average typing speed for regular English text (i.e. not code, not system admin commands) should be
 able to accomplish most of the tasks faster using commands than using the mouse.</li> <li>Should respond to user requests within 2 seconds.</li> <li>The user interface shall be intuitive and user-friendly.</li> <li>Should allow edit only by authorized users.</li> <li>Should not take more than 128MB memory while in operation.</li></ol> <p><em>{More to be added}</em></p> <h3 id="glossary">Glossary<a href="#glossary" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <ul><li><strong>Mainstream OS</strong>: Windows, Linux, Unix, OS-X</li> <li><strong>Confidential Grade</strong>: A grade detail that is not meant to be shared with students</li></ul> <hr> <h2 id="appendix-instructions-for-manual-testing"><strong>Appendix: Instructions for manual testing</strong><a href="#appendix-instructions-for-manual-testing" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>Given below are instructions to test the app manually.</p> <div class="alert box-container seamless" data-v-4d146e2c><!----> <div class="header-and-body" data-v-4d146e2c><!----> <div class="box-body-wrapper" data-v-4d146e2c><div class="icon-wrapper  text-info" data-v-4d146e2c><i class="fas fa-info" data-v-4d146e2c></i></div> <div aria-hidden="true" class="vertical-divider alert-info" data-v-4d146e2c></div> <div class="contents" data-v-4d146e2c><p data-v-4d146e2c><strong data-v-4d146e2c>Note:</strong> These instructions only provide a starting point for testers to work on;
@@ -87,16 +83,16 @@
 Expected: An error message of Invalid command format will be displayed in the feedback box, as the student id parameter is missing.</p></li></ol></li></ol> <h3 id="deleting-a-student">Deleting a student<a href="#deleting-a-student" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <ol><li><p>Deleting a student while all students are being shown</p> <ol><li><p>Prerequisites: List all students using the <code class="hljs inline no-lang">listAll</code> command. Multiple students in the list.</p> <ol><li><p>Test case: <code class="hljs inline no-lang">deleteStu 1</code><br>
 Expected: First student is deleted from the student list. All related scores are deleted from the score list. Details of the deleted student shown in the status message. Timestamp in the status bar is updated.</p></li> <li><p>Test case: <code class="hljs inline no-lang">deleteStu 0</code><br>
 Expected: No student is deleted. Error details shown in the status message. Status bar remains the same.</p></li> <li><p>Other incorrect delete commands to try: <code class="hljs inline no-lang">deleteStu</code>, <code class="hljs inline no-lang">deleteStu x</code>, <code class="hljs inline no-lang">...</code> (where x is larger than the list size)<br>
-Expected: Similar to previous.</p></li></ol></li></ol></li></ol> <h3 id="finding-a-student">Finding a student<a href="#finding-a-student" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <ol><li><p>Find a student in ModuLight</p> <ol><li><p>Prerequisite: student list is not empty.</p> <ol start="2"><li><p>Test case: <code class="hljs inline no-lang">findStu g/T00</code>
-Expected: All students from tutorial group <code class="hljs inline no-lang">T00</code> will be displayed. All graded components and all scores related to the displayed students should be displayed.</p></li> <li><p>Test case: <code class="hljs inline no-lang">findStu</code>
+Expected: Similar to previous.</p></li></ol></li></ol></li></ol> <h3 id="finding-a-student">Finding a student<a href="#finding-a-student" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <ol><li><p>Find a student in ModuLight</p> <ol><li><p>Prerequisite: student list is not empty.</p> <ol><li><p>Test case: <code class="hljs inline no-lang">findStu g/T00</code>
+Expected: All students from tutorial group <code class="hljs inline no-lang">T00</code> will be displayed. All graded components and all scores related to the displayed students should be displayed.</p> <ol><li><p>Test case: <code class="hljs inline no-lang">findStu</code>
 Expected: Since there is no search words given, all students, student scores and graded components will be displayed.</p></li> <li><p>Test case: <code class="hljs inline no-lang">findStu n/John n/Amy</code>
 Expected: All students whose name contains <code class="hljs inline no-lang">John</code> or <code class="hljs inline no-lang">Amy</code> (case-insensitive) will be displayed. All graded components and all scores related to the displayed students should be displayed.</p></li> <li><p>Test case: <code class="hljs inline no-lang">findStu n/John g/T00</code>
-Expected: All students whose name contains <code class="hljs inline no-lang">John</code> (case-insensitive) and is from <code class="hljs inline no-lang">T00</code> will be displayed. All graded components and all scores related to the displayed students should be displayed.</p></li></ol></li></ol></li></ol> <h3 id="sorting-students">Sorting Students<a href="#sorting-students" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <ol><li>Sort students in ModuLight
-<ol><li><p>Prerequisite: displayed student list is not empty.</p> <ol start="2"><li><p>Test case: <code class="hljs inline no-lang">sortStu</code>
+Expected: All students whose name contains <code class="hljs inline no-lang">John</code> (case-insensitive) and is from <code class="hljs inline no-lang">T00</code> will be displayed. All graded components and all scores related to the displayed students should be displayed.</p></li></ol></li></ol></li></ol></li></ol> <h3 id="sorting-students">Sorting Students<a href="#sorting-students" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <ol><li>Sort students in ModuLight
+<ol><li><p>Prerequisite: displayed student list is not empty.</p> <ol><li><p>Test case: <code class="hljs inline no-lang">sortStu</code>
 Expected: The displayed students are sorted by their total scores.</p></li> <li><p>Test case: <code class="hljs inline no-lang">sortStu o/n r/t</code>
 Expected: The displayed students are sorted by their names in the reverse alphabetical order.</p></li> <li><p>Test case: <code class="hljs inline no-lang">sortStu o/wrongInput</code>
 Expected: An error message that states &quot;Invalid command format!&quot; and the correct usage is shown.</p></li></ol></li></ol></li></ol> <h3 id="sorting-student-scores">Sorting Student Scores<a href="#sorting-student-scores" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <ol><li>Sort student scores in ModuLight
-<ol><li><p>Prerequisite: displayed student list and student score list are not empty and a graded component with name &quot;Midterm&quot; is created.</p> <ol start="2"><li><p>Test case: <code class="hljs inline no-lang">sortScore c/Midterm</code>
+<ol><li><p>Prerequisite: displayed student list and student score list are not empty and a graded component with name &quot;Midterm&quot; is created.</p> <ol><li><p>Test case: <code class="hljs inline no-lang">sortScore c/Midterm</code>
 Expected: Only Midterm student scores are shown, and they are sorted in the ascending order.</p></li> <li><p>Test case: <code class="hljs inline no-lang">sortScore c/Final</code> (Assuming there is no such graded component with name &quot;Final&quot;)
 Expected: An error message that states &quot;This graded component is not created. Please check if the information is correct&quot; is shown.</p></li></ol></li></ol></li></ol> <h3 id="calculating-statistics">Calculating Statistics<a href="#calculating-statistics" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <ol><li>Calculate overall statistics of students' total scores
 <ol><li><p>Prerequisite: student list and student score list are not empty and there is at least a valid score in Tut <code class="hljs inline no-lang">T01</code>.</p> <ol><li><p>Test case: <code class="hljs inline no-lang">stats</code>
@@ -104,10 +100,11 @@
 Expected: A message that states the max and min is shown.</p></li> <li><p>Test case: <code class="hljs inline no-lang">stats g/T01</code>
 Expected: A message that states all relevant statistical measures of Tut <code class="hljs inline no-lang">T01</code> is shown.</p></li> <li><p>Test case: <code class="hljs inline no-lang">stats st/wrongInput</code>
 Expected: An error message that states &quot;Some statistic measures are not supported yet.&quot; and all supported statistical measures are shown.</p></li></ol></li> <li><p>Prerequisite: student score list is empty</p> <ol><li>Test case: <code class="hljs inline no-lang">stats</code>
-Expected: An error message that state &quot;Please have at least one score fulfilling the condition.&quot; is shown.</li></ol></li></ol></li></ol> <h3 id="saving-data">Saving data<a href="#saving-data" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <ol><li><p>Dealing with missing files</p> <ol><li><p>Delete all three json files <code class="hljs inline no-lang">studentBook.json</code>, <code class="hljs inline no-lang">gradedComponentBook.json</code>, <code class="hljs inline no-lang">scoreBook.json</code>.</p></li> <li><p>Run the program. <br>
+Expected: An error message that state &quot;Please have at least one score fulfilling the condition.&quot; is shown.</li></ol></li></ol></li></ol> <h3 id="saving-and-loading-data">Saving and Loading data<a href="#saving-and-loading-data" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <ol><li><p>Dealing with missing files</p> <ol><li><p>Delete all three json files <code class="hljs inline no-lang">studentBook.json</code>, <code class="hljs inline no-lang">gradedComponentBook.json</code>, <code class="hljs inline no-lang">scoreBook.json</code>.</p></li> <li><p>Run the program. <br>
 Expected: The program will load with the original sample data just like it was run for the first time.</p></li></ol></li> <li><p>Dealing with corrupted files</p> <ol><li><p>Open <code class="hljs inline no-lang">studentBook.json</code>.</p></li> <li><p>Edit any &quot;studentName&quot; field and input &quot;R@chel&quot;.</p></li> <li><p>Run the program. <br>
 Expected: The program will load with completely empty data instead of edited data.</p></li> <li><p>Other ways to corrupt the files are to change &quot;tutorialGroup&quot; to &quot;AAA&quot;, &quot;gcName&quot; (in <code class="hljs inline no-lang">gradedComponentBook. json</code>) to &quot;@Quiz&quot;, ...</p></li> <li><p>Run the program. <br>
-Expected: Similar to previous.</p></li></ol></li></ol> <h2 id="appendix-planned-enhancements"><strong>Appendix: Planned Enhancements</strong><a href="#appendix-planned-enhancements" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <ol><li>Support special characters in student name parameter as some people's legal name do include some special characters(e.g. &quot;s/o&quot;).</li> <li>Allow the Student List Panel, Student Score List Panel and Graded Component List Panel to automatically scroll down when adding new Student, Student Grade or Graded Component.</li></ol></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#modulight-developer-guide" data-v-e6005420>ModuLight Developer Guide‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#acknowledgements" data-v-e6005420>Acknowledgements‎</a> <a class="nav-link py-1" href="#setting-up-getting-started" data-v-e6005420>Setting up, getting started‎</a> <a class="nav-link py-1" href="#design" data-v-e6005420>Design‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#architecture" data-v-e6005420>Architecture‎</a> <a class="nav-link py-1" href="#ui-component" data-v-e6005420>UI component‎</a> <a class="nav-link py-1" href="#logic-component" data-v-e6005420>Logic component‎</a> <a class="nav-link py-1" href="#model-component" data-v-e6005420>Model component‎</a> <a class="nav-link py-1" href="#storage-component" data-v-e6005420>Storage component‎</a> <a class="nav-link py-1" href="#common-classes" data-v-e6005420>Common classes‎</a></nav> <a class="nav-link py-1" href="#implementation" data-v-e6005420>Implementation‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#add-student" data-v-e6005420>Add Student‎</a> <a class="nav-link py-1" href="#edit-student" data-v-e6005420>Edit Student‎</a> <a class="nav-link py-1" href="#find-commands" data-v-e6005420>Find Commands‎</a> <a class="nav-link py-1" href="#list-commands" data-v-e6005420>List Commands‎</a> <a class="nav-link py-1" href="#add-graded-component" data-v-e6005420>Add Graded Component‎</a> <a class="nav-link py-1" href="#edit-graded-component" data-v-e6005420>Edit Graded Component‎</a> <a class="nav-link py-1" href="#sort-commands" data-v-e6005420>Sort Commands‎</a> <a class="nav-link py-1" href="#stats-commands" data-v-e6005420>Stats Commands‎</a> <a class="nav-link py-1" href="#auto-grading" data-v-e6005420>Auto-grading‎</a> <a class="nav-link py-1" href="#proposed-undo-redo-feature" data-v-e6005420>[Proposed] Undo/redo feature‎</a></nav> <a class="nav-link py-1" href="#documentation-logging-testing-configuration-dev-ops" data-v-e6005420>Documentation, logging, testing, configuration, dev-ops‎</a> <a class="nav-link py-1" href="#appendix-requirements" data-v-e6005420>Appendix: Requirements‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#product-scope" data-v-e6005420>Product scope‎</a> <a class="nav-link py-1" href="#user-stories" data-v-e6005420>User stories‎</a> <a class="nav-link py-1" href="#use-cases" data-v-e6005420>Use cases‎</a> <a class="nav-link py-1" href="#non-functional-requirements" data-v-e6005420>Non-Functional Requirements‎</a> <a class="nav-link py-1" href="#glossary" data-v-e6005420>Glossary‎</a></nav> <a class="nav-link py-1" href="#appendix-instructions-for-manual-testing" data-v-e6005420>Appendix: Instructions for manual testing‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#launch-and-shutdown" data-v-e6005420>Launch and shutdown‎</a> <a class="nav-link py-1" href="#adding-a-student" data-v-e6005420>Adding a student‎</a> <a class="nav-link py-1" href="#deleting-a-student" data-v-e6005420>Deleting a student‎</a> <a class="nav-link py-1" href="#finding-a-student" data-v-e6005420>Finding a student‎</a> <a class="nav-link py-1" href="#sorting-students" data-v-e6005420>Sorting Students‎</a> <a class="nav-link py-1" href="#sorting-student-scores" data-v-e6005420>Sorting Student Scores‎</a> <a class="nav-link py-1" href="#calculating-statistics" data-v-e6005420>Calculating Statistics‎</a> <a class="nav-link py-1" href="#saving-data" data-v-e6005420>Saving data‎</a></nav> <a class="nav-link py-1" href="#appendix-planned-enhancements" data-v-e6005420>Appendix: Planned Enhancements‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 4:27:59 GMT+8]</small></div></footer></div>
+Expected: Similar to previous.</p></li></ol></li> <li><p>Manually editing data files</p> <ol><li><p>Open <code class="hljs inline no-lang">studentBook.json</code>.</p></li> <li><p>Edit any &quot;studentName&quot; field and input &quot;Rachel&quot; or some other name which contains alphanumeric characters.</p></li> <li><p>Run the program. <br>
+Expected: The program will load with the updated studentName.</p></li></ol></li></ol> <h2 id="appendix-planned-enhancements"><strong>Appendix: Planned Enhancements</strong><a href="#appendix-planned-enhancements" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <ol><li>Support special characters in student name parameter as some people's legal name do include some special characters(e.g. &quot;s/o&quot;).</li> <li>Allow the Student List Panel, Student Score List Panel and Graded Component List Panel to automatically scroll down when adding new Student, Student Grade or Graded Component.</li></ol></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#modulight-developer-guide" data-v-e6005420>ModuLight Developer Guide‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#acknowledgements" data-v-e6005420>Acknowledgements‎</a> <a class="nav-link py-1" href="#setting-up-getting-started" data-v-e6005420>Setting up, getting started‎</a> <a class="nav-link py-1" href="#design" data-v-e6005420>Design‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#architecture" data-v-e6005420>Architecture‎</a> <a class="nav-link py-1" href="#ui-component" data-v-e6005420>UI component‎</a> <a class="nav-link py-1" href="#logic-component" data-v-e6005420>Logic component‎</a> <a class="nav-link py-1" href="#model-component" data-v-e6005420>Model component‎</a> <a class="nav-link py-1" href="#storage-component" data-v-e6005420>Storage component‎</a> <a class="nav-link py-1" href="#common-classes" data-v-e6005420>Common classes‎</a></nav> <a class="nav-link py-1" href="#implementation" data-v-e6005420>Implementation‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#add-student" data-v-e6005420>Add Student‎</a> <a class="nav-link py-1" href="#edit-student" data-v-e6005420>Edit Student‎</a> <a class="nav-link py-1" href="#find-commands" data-v-e6005420>Find Commands‎</a> <a class="nav-link py-1" href="#list-commands" data-v-e6005420>List Commands‎</a> <a class="nav-link py-1" href="#add-graded-component" data-v-e6005420>Add Graded Component‎</a> <a class="nav-link py-1" href="#edit-graded-component" data-v-e6005420>Edit Graded Component‎</a> <a class="nav-link py-1" href="#sort-commands" data-v-e6005420>Sort Commands‎</a> <a class="nav-link py-1" href="#stats-commands" data-v-e6005420>Stats Commands‎</a> <a class="nav-link py-1" href="#auto-grading" data-v-e6005420>Auto-grading‎</a> <a class="nav-link py-1" href="#proposed-undo-redo-feature" data-v-e6005420>[Proposed] Undo/redo feature‎</a></nav> <a class="nav-link py-1" href="#documentation-logging-testing-configuration-dev-ops" data-v-e6005420>Documentation, logging, testing, configuration, dev-ops‎</a> <a class="nav-link py-1" href="#appendix-requirements" data-v-e6005420>Appendix: Requirements‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#product-scope" data-v-e6005420>Product scope‎</a> <a class="nav-link py-1" href="#user-stories" data-v-e6005420>User stories‎</a> <a class="nav-link py-1" href="#use-cases" data-v-e6005420>Use cases‎</a> <a class="nav-link py-1" href="#non-functional-requirements" data-v-e6005420>Non-Functional Requirements‎</a> <a class="nav-link py-1" href="#glossary" data-v-e6005420>Glossary‎</a></nav> <a class="nav-link py-1" href="#appendix-instructions-for-manual-testing" data-v-e6005420>Appendix: Instructions for manual testing‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#launch-and-shutdown" data-v-e6005420>Launch and shutdown‎</a> <a class="nav-link py-1" href="#adding-a-student" data-v-e6005420>Adding a student‎</a> <a class="nav-link py-1" href="#deleting-a-student" data-v-e6005420>Deleting a student‎</a> <a class="nav-link py-1" href="#finding-a-student" data-v-e6005420>Finding a student‎</a> <a class="nav-link py-1" href="#sorting-students" data-v-e6005420>Sorting Students‎</a> <a class="nav-link py-1" href="#sorting-student-scores" data-v-e6005420>Sorting Student Scores‎</a> <a class="nav-link py-1" href="#calculating-statistics" data-v-e6005420>Calculating Statistics‎</a> <a class="nav-link py-1" href="#saving-and-loading-data" data-v-e6005420>Saving and Loading data‎</a></nav> <a class="nav-link py-1" href="#appendix-planned-enhancements" data-v-e6005420>Appendix: Planned Enhancements‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 4:51:16 GMT+8]</small></div></footer></div>
 </body><script src="/tp/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/DeveloperGuide.page-vue-render.js b/DeveloperGuide.page-vue-render.js
index b2930e195a4..863dac14221 100644
--- a/DeveloperGuide.page-vue-render.js
+++ b/DeveloperGuide.page-vue-render.js
@@ -1,7 +1,7 @@
 
     var pageVueRenderFn = function anonymous(
 ) {
-with(this){return _c('div',{attrs:{"id":"app"}},[_c('header',{attrs:{"sticky":""}},[_c('navbar',{attrs:{"type":"dark"},scopedSlots:_u([{key:"brand",fn:function(){return [_c('a',{staticClass:"navbar-brand",attrs:{"href":"/tp/index.html","title":"Home"}},[_v("ModuLight")])]},proxy:true},{key:"right",fn:function(){return [_c('li',[_c('form',{staticClass:"navbar-form"},[_c('searchbar',{attrs:{"data":searchData,"placeholder":"Search","on-hit":searchCallback,"menu-align-right":""}})],1)])]},proxy:true}])},[_v(" "),_c('li',[_c('a',{staticClass:"nav-link",attrs:{"href":"/tp/UserGuide.html"}},[_v("User Guide")])]),_v(" "),_c('li',[_c('a',{staticClass:"nav-link",attrs:{"href":"/tp/DeveloperGuide.html"}},[_v("Developer Guide")])]),_v(" "),_c('li',[_c('a',{staticClass:"nav-link",attrs:{"href":"/tp/AboutUs.html"}},[_v("About Us")])]),_v(" "),_c('li',[_c('a',{staticClass:"nav-link",attrs:{"href":"https://github.com/AY2324S1-CS2103T-W08-2/tp","target":"_blank"}},[_c('span',[_c('span',{staticClass:"fab fa-github",attrs:{"aria-hidden":"true"}})])])])])],1),_v(" "),_c('div',{attrs:{"id":"flex-body"}},[_c('overlay-source',{attrs:{"id":"site-nav","tag-name":"nav","to":"site-nav"}},[_c('div',{staticClass:"site-nav-top"},[_c('div',{staticClass:"fw-bold mb-2",staticStyle:{"font-size":"1.25rem"}},[_v("Site Map")])]),_v(" "),_c('div',{staticClass:"nav-component slim-scroll"},[_c('site-nav',[_c('overlay-source',{staticClass:"site-nav-list site-nav-list-root",attrs:{"tag-name":"ul","to":"mb-site-nav"}},[_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-0",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/tp/index.html"}},[_v("Home")])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-0",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/tp/UserGuide.html"}},[_v("User Guide")]),_v(" "),_c('div',{staticClass:"site-nav-dropdown-btn-container"},[_c('i',{staticClass:"site-nav-dropdown-btn-icon site-nav-rotate-icon",attrs:{"onclick":"handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();"}},[_c('span',{staticClass:"glyphicon glyphicon-menu-down",attrs:{"aria-hidden":"true"}})])])]),_c('ul',{staticClass:"site-nav-dropdown-container site-nav-dropdown-container-open site-nav-list"},[_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-1",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/tp/UserGuide.html#quick-start"}},[_v("Quick Start")])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-1",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/tp/UserGuide.html#features"}},[_v("Features")])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-1",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/tp/UserGuide.html#faq"}},[_v("FAQ")])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-1",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/tp/UserGuide.html#faq"}},[_v("Command Summary")])])])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-0",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/tp/DeveloperGuide.html"}},[_v("Developer Guide")]),_v(" "),_c('div',{staticClass:"site-nav-dropdown-btn-container"},[_c('i',{staticClass:"site-nav-dropdown-btn-icon site-nav-rotate-icon",attrs:{"onclick":"handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();"}},[_c('span',{staticClass:"glyphicon glyphicon-menu-down",attrs:{"aria-hidden":"true"}})])])]),_c('ul',{staticClass:"site-nav-dropdown-container site-nav-dropdown-container-open site-nav-list"},[_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-1",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/tp/DeveloperGuide.html#acknowledgements"}},[_v("Acknowledgements")])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-1",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/tp/DeveloperGuide.html#setting-up-getting-started"}},[_v("Setting Up")])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-1",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/tp/DeveloperGuide.html#design"}},[_v("Design")])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-1",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/tp/DeveloperGuide.html#implementation"}},[_v("Implementation")])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-1",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/tp/DeveloperGuide.html#documentation-logging-testing-configuration-dev-ops"}},[_v("Documentation, logging, testing, configuration, dev-ops")])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-1",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/tp/DeveloperGuide.html#appendix-requirements"}},[_v("Appendix: Requirements")])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-1",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/tp/DeveloperGuide.html#appendix-instructions-for-manual-testing"}},[_v("Appendix: Instructions for manual testing")])])])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-0",attrs:{"onclick":"handleSiteNavClick(this)"}},[_v("Tutorials\n\n"),_c('div',{staticClass:"site-nav-dropdown-btn-container"},[_c('i',{staticClass:"site-nav-dropdown-btn-icon",attrs:{"onclick":"handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();"}},[_c('span',{staticClass:"glyphicon glyphicon-menu-down",attrs:{"aria-hidden":"true"}})])])]),_c('ul',{staticClass:"site-nav-dropdown-container site-nav-list"},[_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-1",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/tp/tutorials/TracingCode.html"}},[_v("Tracing code")])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-1",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/tp/tutorials/AddRemark.html"}},[_v("Adding a command")])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-1",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/tp/tutorials/RemovingFields.html"}},[_v("Removing Fields")])])])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-0",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/tp/AboutUs.html"}},[_v("About Us")])])])])],1)],1)]),_v(" "),_c('div',{attrs:{"id":"content-wrapper"}},[_m(0),_v(" "),_c('hr'),_v(" "),_m(1),_v(" "),_c('hr'),_v(" "),_m(2),_v(" "),_m(3),_v(" "),_c('hr'),_v(" "),_m(4),_v(" "),_m(5),_v(" "),_c('hr'),_v(" "),_m(6),_v(" "),_m(7),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/ArchitectureDiagram.png","width":"280"}}),_v(" "),_m(8),_v(" "),_c('p',[_v("Given below is a quick overview of main components and how they interact with each other.")]),_v(" "),_m(9),_v(" "),_m(10),_v(" "),_m(11),_v(" "),_c('p',[_v("The bulk of the app's work is done by the following four components:")]),_v(" "),_m(12),_v(" "),_m(13),_v(" "),_m(14),_v(" "),_m(15),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/ArchitectureSequenceDiagram.png","width":"574"}}),_v(" "),_c('p',[_v("Each of the four main components (also shown in the diagram above),")]),_v(" "),_m(16),_v(" "),_m(17),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/ComponentManagers.png","width":"300"}}),_v(" "),_c('p',[_v("The sections below give more details of each component.")]),_v(" "),_m(18),_v(" "),_m(19),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/UiClassDiagram.png","alt":"Structure of the UI Component"}}),_v(" "),_m(20),_v(" "),_m(21),_v(" "),_m(22),_v(" "),_m(23),_v(" "),_m(24),_v(" "),_m(25),_v(" "),_m(26),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/LogicClassDiagram.png","width":"550"}}),_v(" "),_m(27),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/DeleteSequenceDiagram.png","alt":"Interactions Inside the Logic Component for the `delete 1` Command"}}),_v(" "),_c('box',{attrs:{"type":"info","seamless":""}},[_c('p',[_c('strong',[_v("Note:")]),_v(" The lifeline for "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("DeleteCommandParser")]),_v(" should end at the destroy marker (X) but due to a limitation of PlantUML, the lifeline reaches the end of diagram.")])]),_v(" "),_m(28),_v(" "),_m(29),_v(" "),_m(30),_v(" "),_m(31),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/ParserClasses.png","width":"600"}}),_v(" "),_c('p',[_v("How the parsing works:")]),_v(" "),_m(32),_v(" "),_m(33),_v(" "),_m(34),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/ModelClassDiagram.png","width":"600"}}),_v(" "),_c('p',[_v("Note that Student, StudentGrade and GradeComponent classes have similar structures and dependencies, thus, we use Ssc class to represent these three and their related classes in the class diagram above.")]),_v(" "),_c('p',[_v("Here are the class diagrams for Ssc (Student, StudentGrade, GradedComponent) classes respectively.")]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/StudentModelDiagram.png","width":"450"}}),_v(" "),_c('br'),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/StudentScoreModelDiagram.png","width":"300"}}),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/GradedComponentModelDiagram.png","width":"300"}}),_v(" "),_m(35),_v(" "),_m(36),_v(" "),_c('box',{attrs:{"type":"info","seamless":""}},[_c('p',[_c('strong',[_v("Note:")]),_v(" For student and student score, an alternative (arguably, a more OOP) model is given below. It has a "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Tag")]),_v(" list in the "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Student")]),_v(", which "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Student")]),_v(" references. This allows "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("AddressBook")]),_v(" to only require one "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Tag")]),_v(" object per unique tag, instead of each "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Person")]),_v(" needing their own "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Tag")]),_v(" objects."),_c('br')]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/BetterModelClassDiagram.png","width":"450"}})],1),_v(" "),_m(37),_v(" "),_m(38),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/StorageClassDiagram.png"}}),_v(" "),_c('p',[_v("Here are the complete class diagrams of StudentBook Storage, StudentScoreBook Storage and GradedComponentBook Storage.")]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/StudentAndScoreBookStorage.png"}}),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/GradedComponentBookStorage.png"}}),_v(" "),_m(39),_v(" "),_m(40),_v(" "),_m(41),_v(" "),_m(42),_v(" "),_c('hr'),_v(" "),_m(43),_v(" "),_c('p',[_v("This section describes some noteworthy details on how certain features are implemented.")]),_v(" "),_m(44),_v(" "),_m(45),_v(" "),_m(46),_v(" "),_m(47),_v(" "),_m(48),_v(" "),_m(49),_v(" "),_m(50),_v(" "),_m(51),_v(" "),_m(52),_v(" "),_m(53),_v(" "),_m(54),_v(" "),_m(55),_v(" "),_c('p',[_v("It displays both the matching students and relevant student scores that belongs to the student.\nAll graded components are displayed since they are considered relevant to the student.")]),_v(" "),_m(56),_v(" "),_m(57),_v(" "),_m(58),_v(" "),_m(59),_v(" "),_m(60),_v(" "),_m(61),_v(" "),_m(62),_v(" "),_m(63),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/AddGradedComponentSequenceDiagram.png","width":"450"}}),_v(" "),_m(64),_v(" "),_m(65),_v(" "),_c('p',[_v("Alternative Implementations:")]),_v(" "),_m(66),_v(" "),_m(67),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/EditGradedComponent.png","width":"450"}}),_v(" "),_m(68),_v(" "),_m(69),_v(" "),_c('p',[_v("Alternative Implementations:")]),_v(" "),_m(70),_v(" "),_m(71),_v(" "),_m(72),_v(" "),_m(73),_v(" "),_m(74),_v(" "),_m(75),_v(" "),_m(76),_v(" "),_m(77),_v(" "),_m(78),_v(" "),_m(79),_v(" "),_m(80),_v(" "),_m(81),_v(" "),_m(82),_v(" "),_m(83),_v(" "),_m(84),_v(" "),_m(85),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/SortScoreCommandSequenceDiagram.png","alt":"SortScoreCommandSequenceDiagram"}}),_v(" "),_m(86),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/SortScoreAcitivityDiagram.png","alt":"SortScoreActivityDiagram"}}),_v(" "),_m(87),_v(" "),_m(88),_v(" "),_m(89),_v(" "),_m(90),_v(" "),_m(91),_v(" "),_m(92),_v(" "),_m(93),_v(" "),_m(94),_v(" "),_m(95),_v(" "),_m(96),_v(" "),_m(97),_v(" "),_m(98),_v(" "),_m(99),_v(" "),_m(100),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/CompStatsCommandSequenceDiagram.png","alt":"SortScoreCommandSequenceDiagram"}}),_v(" "),_m(101),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/CompStatsAcitivityDiagram.png","alt":"CompStatsActivityDiagram"}}),_v(" "),_m(102),_v(" "),_m(103),_v(" "),_m(104),_v(" "),_c('p',[_v("There are 2 possible method of grading:")]),_v(" "),_m(105),_v(" "),_m(106),_v(" "),_m(107),_v(" "),_c('p',[_v("Given below is an example usage scenario and how the auto-grading mechanism for percentile calculation behaves at each step.")]),_v(" "),_c('p',[_v("Step 1. The user launch the application for the first time.")]),_v(" "),_c('p',[_v("Step 2. The user creates the desired graded components, adds all the students in the cohort, and assign them with scores.")]),_v(" "),_m(108),_v(" "),_c('box',{attrs:{"type":"info","seamless":""}},[_c('p',[_c('strong',[_v("Note:")]),_v(" The value for "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("ag/")]),_v(" can be type "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("absolute")]),_v(" which determines the grade based on the passing score of the student's total score.")])]),_v(" "),_c('p',[_v("This step will first trigger the parse function and several things will be executed")]),_v(" "),_m(109),_v(" "),_m(110),_v(" "),_m(111),_v(" "),_c('p',[_v("The following sequence diagram shows how the auto-grading mechanism works:")]),_v(" "),_m(112),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/AutoGradeParserSequenceDiagram.png","alt":"AutoGradeParserSequenceDiagram"}}),_v(" "),_m(113),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/AutoGradeCommandSequenceDiagram.png","alt":"AutoGradeCommandSequenceDiagram"}}),_v(" "),_m(114),_v(" "),_m(115),_v(" "),_m(116),_v(" "),_m(117),_v(" "),_m(118),_v(" "),_m(119),_v(" "),_m(120),_v(" "),_m(121),_v(" "),_c('p',[_v("Given below is an example usage scenario and how the undo/redo mechanism behaves at each step.")]),_v(" "),_m(122),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/UndoRedoState0.png","alt":"UndoRedoState0"}}),_v(" "),_m(123),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/UndoRedoState1.png","alt":"UndoRedoState1"}}),_v(" "),_m(124),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/UndoRedoState2.png","alt":"UndoRedoState2"}}),_v(" "),_c('box',{attrs:{"type":"info","seamless":""}},[_c('p',[_c('strong',[_v("Note:")]),_v(" If a command fails its execution, it will not call "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Model#commitSscBook()")]),_v(", so the ssc book state will not be saved into the "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("sscBookStateList")]),_v(".")])]),_v(" "),_m(125),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/UndoRedoState3.png","alt":"UndoRedoState3"}}),_v(" "),_c('box',{attrs:{"type":"info","seamless":""}},[_c('p',[_c('strong',[_v("Note:")]),_v(" If the "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("currentStatePointer")]),_v(" is at index 0, pointing to the initial SscBook state, then there are no previous SscBook states to restore. The "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("undo")]),_v(" command uses "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Model#canUndoSscBook()")]),_v(" to check if this is the case. If so, it will return an error to the user rather\nthan attempting to perform the undo.")])]),_v(" "),_c('p',[_v("The following sequence diagram shows how the undo operation works:")]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/UndoSequenceDiagram.png","alt":"UndoSequenceDiagram"}}),_v(" "),_c('box',{attrs:{"type":"info","seamless":""}},[_c('p',[_c('strong',[_v("Note:")]),_v(" The lifeline for "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("UndoCommand")]),_v(" should end at the destroy marker (X) but due to a limitation of PlantUML, the lifeline reaches the end of diagram.")])]),_v(" "),_m(126),_v(" "),_c('box',{attrs:{"type":"info","seamless":""}},[_c('p',[_c('strong',[_v("Note:")]),_v(" If the "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("currentStatePointer")]),_v(" is at index "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("sscBookStateList.size() - 1")]),_v(", pointing to the latest address book state, then there are no undone SscBook states to restore. The "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("redo")]),_v(" command uses "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Model#canRedoSscBook()")]),_v(" to check if this is the case. If so, it will return an error to the user rather than attempting to perform the redo.")])]),_v(" "),_m(127),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/UndoRedoState4.png","alt":"UndoRedoState4"}}),_v(" "),_m(128),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/UndoRedoState5.png","alt":"UndoRedoState5"}}),_v(" "),_c('p',[_v("The following activity diagram summarizes what happens when a user executes a new command:")]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/CommitActivityDiagram.png","width":"250"}}),_v(" "),_m(129),_v(" "),_m(130),_v(" "),_m(131),_v(" "),_c('hr'),_v(" "),_m(132),_v(" "),_m(133),_v(" "),_c('hr'),_v(" "),_m(134),_v(" "),_m(135),_v(" "),_m(136),_v(" "),_c('p',[_v("NUS professors who:")]),_v(" "),_m(137),_v(" "),_m(138),_v(" "),_m(139),_v(" "),_m(140),_v(" "),_m(141),_v(" "),_m(142),_m(143),_v(" "),_m(144),_v(" "),_m(145),_v(" "),_m(146),_v(" "),_m(147),_v(" "),_m(148),_v(" "),_m(149),_v(" "),_m(150),_v(" "),_m(151),_v(" "),_m(152),_v(" "),_m(153),_v(" "),_m(154),_v(" "),_m(155),_v(" "),_m(156),_v(" "),_m(157),_v(" "),_m(158),_v(" "),_m(159),_v(" "),_m(160),_v(" "),_m(161),_v(" "),_m(162),_v(" "),_m(163),_v(" "),_m(164),_v(" "),_m(165),_v(" "),_m(166),_v(" "),_m(167),_v(" "),_m(168),_v(" "),_m(169),_v(" "),_m(170),_v(" "),_m(171),_v(" "),_m(172),_v(" "),_m(173),_v(" "),_m(174),_v(" "),_m(175),_v(" "),_m(176),_v(" "),_m(177),_v(" "),_m(178),_v(" "),_m(179),_v(" "),_m(180),_v(" "),_m(181),_v(" "),_m(182),_v(" "),_m(183),_v(" "),_m(184),_v(" "),_m(185),_v(" "),_m(186),_v(" "),_m(187),_v(" "),_m(188),_v(" "),_m(189),_v(" "),_m(190),_v(" "),_m(191),_v(" "),_m(192),_v(" "),_m(193),_v(" "),_m(194),_v(" "),_m(195),_v(" "),_m(196),_v(" "),_m(197),_v(" "),_m(198),_v(" "),_m(199),_v(" "),_m(200),_v(" "),_m(201),_v(" "),_m(202),_v(" "),_m(203),_v(" "),_c('hr'),_v(" "),_m(204),_v(" "),_c('p',[_v("Given below are instructions to test the app manually.")]),_v(" "),_c('box',{attrs:{"type":"info","seamless":""}},[_c('p',[_c('strong',[_v("Note:")]),_v(" These instructions only provide a starting point for testers to work on;\ntesters are expected to do more "),_c('em',[_v("exploratory")]),_v(" testing.")])]),_v(" "),_m(205),_v(" "),_m(206),_v(" "),_m(207),_v(" "),_m(208),_v(" "),_m(209),_v(" "),_m(210),_v(" "),_m(211),_v(" "),_m(212),_v(" "),_m(213),_v(" "),_m(214),_v(" "),_m(215),_v(" "),_m(216),_v(" "),_m(217),_v(" "),_m(218),_v(" "),_m(219),_v(" "),_m(220),_v(" "),_m(221),_v(" "),_m(222)],1),_v(" "),_c('overlay-source',{attrs:{"id":"page-nav","tag-name":"nav","to":"page-nav"}},[_c('div',{staticClass:"nav-component slim-scroll"},[_c('overlay-source',{staticClass:"nav nav-pills flex-column my-0 small no-flex-wrap",attrs:{"id":"mb-page-nav","tag-name":"nav","to":"mb-page-nav"}},[_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#modulight-developer-guide"}},[_v("ModuLight Developer Guide‎")]),_v(" "),_c('nav',{staticClass:"nav nav-pills flex-column my-0 nested no-flex-wrap"},[_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#acknowledgements"}},[_v("Acknowledgements‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#setting-up-getting-started"}},[_v("Setting up, getting started‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#design"}},[_v("Design‎")]),_v(" "),_c('nav',{staticClass:"nav nav-pills flex-column my-0 nested no-flex-wrap"},[_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#architecture"}},[_v("Architecture‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#ui-component"}},[_v("UI component‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#logic-component"}},[_v("Logic component‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#model-component"}},[_v("Model component‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#storage-component"}},[_v("Storage component‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#common-classes"}},[_v("Common classes‎")])]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#implementation"}},[_v("Implementation‎")]),_v(" "),_c('nav',{staticClass:"nav nav-pills flex-column my-0 nested no-flex-wrap"},[_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#add-student"}},[_v("Add Student‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#edit-student"}},[_v("Edit Student‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#find-commands"}},[_v("Find Commands‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#list-commands"}},[_v("List Commands‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#add-graded-component"}},[_v("Add Graded Component‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#edit-graded-component"}},[_v("Edit Graded Component‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#sort-commands"}},[_v("Sort Commands‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#stats-commands"}},[_v("Stats Commands‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#auto-grading"}},[_v("Auto-grading‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#proposed-undo-redo-feature"}},[_v("[Proposed] Undo/redo feature‎")])]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#documentation-logging-testing-configuration-dev-ops"}},[_v("Documentation, logging, testing, configuration, dev-ops‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#appendix-requirements"}},[_v("Appendix: Requirements‎")]),_v(" "),_c('nav',{staticClass:"nav nav-pills flex-column my-0 nested no-flex-wrap"},[_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#product-scope"}},[_v("Product scope‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#user-stories"}},[_v("User stories‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#use-cases"}},[_v("Use cases‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#non-functional-requirements"}},[_v("Non-Functional Requirements‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#glossary"}},[_v("Glossary‎")])]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#appendix-instructions-for-manual-testing"}},[_v("Appendix: Instructions for manual testing‎")]),_v(" "),_c('nav',{staticClass:"nav nav-pills flex-column my-0 nested no-flex-wrap"},[_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#launch-and-shutdown"}},[_v("Launch and shutdown‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#adding-a-student"}},[_v("Adding a student‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#deleting-a-student"}},[_v("Deleting a student‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#finding-a-student"}},[_v("Finding a student‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#sorting-students"}},[_v("Sorting Students‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#sorting-student-scores"}},[_v("Sorting Student Scores‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#calculating-statistics"}},[_v("Calculating Statistics‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#saving-data"}},[_v("Saving data‎")])]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#appendix-planned-enhancements"}},[_v("Appendix: Planned Enhancements‎")])])])],1)]),_v(" "),_c('scroll-top-button')],1),_v(" "),_m(223)])}
+with(this){return _c('div',{attrs:{"id":"app"}},[_c('header',{attrs:{"sticky":""}},[_c('navbar',{attrs:{"type":"dark"},scopedSlots:_u([{key:"brand",fn:function(){return [_c('a',{staticClass:"navbar-brand",attrs:{"href":"/tp/index.html","title":"Home"}},[_v("ModuLight")])]},proxy:true},{key:"right",fn:function(){return [_c('li',[_c('form',{staticClass:"navbar-form"},[_c('searchbar',{attrs:{"data":searchData,"placeholder":"Search","on-hit":searchCallback,"menu-align-right":""}})],1)])]},proxy:true}])},[_v(" "),_c('li',[_c('a',{staticClass:"nav-link",attrs:{"href":"/tp/UserGuide.html"}},[_v("User Guide")])]),_v(" "),_c('li',[_c('a',{staticClass:"nav-link",attrs:{"href":"/tp/DeveloperGuide.html"}},[_v("Developer Guide")])]),_v(" "),_c('li',[_c('a',{staticClass:"nav-link",attrs:{"href":"/tp/AboutUs.html"}},[_v("About Us")])]),_v(" "),_c('li',[_c('a',{staticClass:"nav-link",attrs:{"href":"https://github.com/AY2324S1-CS2103T-W08-2/tp","target":"_blank"}},[_c('span',[_c('span',{staticClass:"fab fa-github",attrs:{"aria-hidden":"true"}})])])])])],1),_v(" "),_c('div',{attrs:{"id":"flex-body"}},[_c('overlay-source',{attrs:{"id":"site-nav","tag-name":"nav","to":"site-nav"}},[_c('div',{staticClass:"site-nav-top"},[_c('div',{staticClass:"fw-bold mb-2",staticStyle:{"font-size":"1.25rem"}},[_v("Site Map")])]),_v(" "),_c('div',{staticClass:"nav-component slim-scroll"},[_c('site-nav',[_c('overlay-source',{staticClass:"site-nav-list site-nav-list-root",attrs:{"tag-name":"ul","to":"mb-site-nav"}},[_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-0",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/tp/index.html"}},[_v("Home")])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-0",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/tp/UserGuide.html"}},[_v("User Guide")]),_v(" "),_c('div',{staticClass:"site-nav-dropdown-btn-container"},[_c('i',{staticClass:"site-nav-dropdown-btn-icon site-nav-rotate-icon",attrs:{"onclick":"handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();"}},[_c('span',{staticClass:"glyphicon glyphicon-menu-down",attrs:{"aria-hidden":"true"}})])])]),_c('ul',{staticClass:"site-nav-dropdown-container site-nav-dropdown-container-open site-nav-list"},[_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-1",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/tp/UserGuide.html#quick-start"}},[_v("Quick Start")])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-1",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/tp/UserGuide.html#features"}},[_v("Features")])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-1",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/tp/UserGuide.html#faq"}},[_v("FAQ")])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-1",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/tp/UserGuide.html#faq"}},[_v("Command Summary")])])])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-0",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/tp/DeveloperGuide.html"}},[_v("Developer Guide")]),_v(" "),_c('div',{staticClass:"site-nav-dropdown-btn-container"},[_c('i',{staticClass:"site-nav-dropdown-btn-icon site-nav-rotate-icon",attrs:{"onclick":"handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();"}},[_c('span',{staticClass:"glyphicon glyphicon-menu-down",attrs:{"aria-hidden":"true"}})])])]),_c('ul',{staticClass:"site-nav-dropdown-container site-nav-dropdown-container-open site-nav-list"},[_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-1",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/tp/DeveloperGuide.html#acknowledgements"}},[_v("Acknowledgements")])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-1",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/tp/DeveloperGuide.html#setting-up-getting-started"}},[_v("Setting Up")])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-1",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/tp/DeveloperGuide.html#design"}},[_v("Design")])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-1",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/tp/DeveloperGuide.html#implementation"}},[_v("Implementation")])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-1",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/tp/DeveloperGuide.html#documentation-logging-testing-configuration-dev-ops"}},[_v("Documentation, logging, testing, configuration, dev-ops")])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-1",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/tp/DeveloperGuide.html#appendix-requirements"}},[_v("Appendix: Requirements")])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-1",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/tp/DeveloperGuide.html#appendix-instructions-for-manual-testing"}},[_v("Appendix: Instructions for manual testing")])])])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-0",attrs:{"onclick":"handleSiteNavClick(this)"}},[_v("Tutorials\n\n"),_c('div',{staticClass:"site-nav-dropdown-btn-container"},[_c('i',{staticClass:"site-nav-dropdown-btn-icon",attrs:{"onclick":"handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();"}},[_c('span',{staticClass:"glyphicon glyphicon-menu-down",attrs:{"aria-hidden":"true"}})])])]),_c('ul',{staticClass:"site-nav-dropdown-container site-nav-list"},[_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-1",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/tp/tutorials/TracingCode.html"}},[_v("Tracing code")])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-1",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/tp/tutorials/AddRemark.html"}},[_v("Adding a command")])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-1",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/tp/tutorials/RemovingFields.html"}},[_v("Removing Fields")])])])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-0",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/tp/AboutUs.html"}},[_v("About Us")])])])])],1)],1)]),_v(" "),_c('div',{attrs:{"id":"content-wrapper"}},[_m(0),_v(" "),_c('hr'),_v(" "),_m(1),_v(" "),_c('hr'),_v(" "),_m(2),_v(" "),_m(3),_v(" "),_c('hr'),_v(" "),_m(4),_v(" "),_m(5),_v(" "),_c('hr'),_v(" "),_m(6),_v(" "),_m(7),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/ArchitectureDiagram.png","width":"280"}}),_v(" "),_m(8),_v(" "),_c('p',[_v("Given below is a quick overview of main components and how they interact with each other.")]),_v(" "),_m(9),_v(" "),_m(10),_v(" "),_m(11),_v(" "),_c('p',[_v("The bulk of the app's work is done by the following four components:")]),_v(" "),_m(12),_v(" "),_m(13),_v(" "),_m(14),_v(" "),_m(15),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/ArchitectureSequenceDiagram.png","width":"574"}}),_v(" "),_c('p',[_v("Each of the four main components (also shown in the diagram above),")]),_v(" "),_m(16),_v(" "),_m(17),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/ComponentManagers.png","width":"300"}}),_v(" "),_c('p',[_v("The sections below give more details of each component.")]),_v(" "),_m(18),_v(" "),_m(19),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/UiClassDiagram.png","alt":"Structure of the UI Component"}}),_v(" "),_m(20),_v(" "),_m(21),_v(" "),_m(22),_v(" "),_m(23),_v(" "),_m(24),_v(" "),_m(25),_v(" "),_m(26),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/LogicClassDiagram.png","width":"550"}}),_v(" "),_m(27),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/DeleteSequenceDiagram.png","alt":"Interactions Inside the Logic Component for the `delete 1` Command"}}),_v(" "),_c('box',{attrs:{"type":"info","seamless":""}},[_c('p',[_c('strong',[_v("Note:")]),_v(" The lifeline for "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("DeleteCommandParser")]),_v(" should end at the destroy marker (X) but due to a limitation of PlantUML, the lifeline reaches the end of diagram.")])]),_v(" "),_m(28),_v(" "),_m(29),_v(" "),_m(30),_v(" "),_m(31),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/ParserClasses.png","width":"600"}}),_v(" "),_c('p',[_v("How the parsing works:")]),_v(" "),_m(32),_v(" "),_m(33),_v(" "),_m(34),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/ModelClassDiagram.png","width":"600"}}),_v(" "),_c('p',[_v("Note that Student, StudentGrade and GradeComponent classes have similar structures and dependencies, thus, we use Ssc class to represent these three and their related classes in the class diagram above.")]),_v(" "),_c('p',[_v("Here are the class diagrams for Ssc (Student, StudentGrade, GradedComponent) classes respectively.")]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/StudentModelDiagram.png","width":"450"}}),_v(" "),_c('br'),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/StudentScoreModelDiagram.png","width":"300"}}),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/GradedComponentModelDiagram.png","width":"300"}}),_v(" "),_m(35),_v(" "),_m(36),_v(" "),_c('box',{attrs:{"type":"info","seamless":""}},[_c('p',[_c('strong',[_v("Note:")]),_v(" For student and student score, an alternative (arguably, a more OOP) model is given below. It has a "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Tag")]),_v(" list in the "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Student")]),_v(", which "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Student")]),_v(" references. This allows "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("AddressBook")]),_v(" to only require one "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Tag")]),_v(" object per unique tag, instead of each "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Person")]),_v(" needing their own "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Tag")]),_v(" objects."),_c('br')]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/BetterModelClassDiagram.png","width":"450"}})],1),_v(" "),_m(37),_v(" "),_m(38),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/StorageClassDiagram.png"}}),_v(" "),_c('p',[_v("Here are the complete class diagrams of StudentBook Storage, StudentScoreBook Storage and GradedComponentBook Storage.")]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/StudentAndScoreBookStorage.png"}}),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/GradedComponentBookStorage.png"}}),_v(" "),_m(39),_v(" "),_m(40),_v(" "),_m(41),_v(" "),_m(42),_v(" "),_c('hr'),_v(" "),_m(43),_v(" "),_c('p',[_v("This section describes some noteworthy details on how certain features are implemented.")]),_v(" "),_m(44),_v(" "),_m(45),_v(" "),_m(46),_v(" "),_m(47),_v(" "),_m(48),_v(" "),_m(49),_v(" "),_m(50),_v(" "),_m(51),_v(" "),_m(52),_v(" "),_m(53),_v(" "),_m(54),_v(" "),_m(55),_v(" "),_c('p',[_v("It displays both the matching students and relevant student scores that belongs to the student.\nAll graded components are displayed since they are considered relevant to the student.")]),_v(" "),_m(56),_v(" "),_m(57),_v(" "),_m(58),_v(" "),_m(59),_v(" "),_m(60),_v(" "),_m(61),_v(" "),_m(62),_v(" "),_m(63),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/AddGradedComponentSequenceDiagram.png","width":"450"}}),_v(" "),_m(64),_v(" "),_m(65),_v(" "),_c('p',[_v("Alternative Implementations:")]),_v(" "),_m(66),_v(" "),_m(67),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/EditGradedComponent.png","width":"450"}}),_v(" "),_m(68),_v(" "),_m(69),_v(" "),_c('p',[_v("Alternative Implementations:")]),_v(" "),_m(70),_v(" "),_m(71),_v(" "),_m(72),_v(" "),_m(73),_v(" "),_m(74),_v(" "),_m(75),_v(" "),_m(76),_v(" "),_m(77),_v(" "),_m(78),_v(" "),_m(79),_v(" "),_m(80),_v(" "),_m(81),_v(" "),_m(82),_v(" "),_m(83),_v(" "),_m(84),_v(" "),_m(85),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/SortScoreCommandSequenceDiagram.png","alt":"SortScoreCommandSequenceDiagram"}}),_v(" "),_m(86),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/SortScoreAcitivityDiagram.png","alt":"SortScoreActivityDiagram"}}),_v(" "),_m(87),_v(" "),_m(88),_v(" "),_m(89),_v(" "),_m(90),_v(" "),_m(91),_v(" "),_m(92),_v(" "),_m(93),_v(" "),_m(94),_v(" "),_m(95),_v(" "),_m(96),_v(" "),_m(97),_v(" "),_m(98),_v(" "),_m(99),_v(" "),_m(100),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/CompStatsCommandSequenceDiagram.png","alt":"SortScoreCommandSequenceDiagram"}}),_v(" "),_m(101),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/CompStatsAcitivityDiagram.png","alt":"CompStatsActivityDiagram"}}),_v(" "),_m(102),_v(" "),_m(103),_v(" "),_m(104),_v(" "),_c('p',[_v("There are 2 possible method of grading:")]),_v(" "),_m(105),_v(" "),_m(106),_v(" "),_m(107),_v(" "),_c('p',[_v("Given below is an example usage scenario and how the auto-grading mechanism for percentile calculation behaves at each step.")]),_v(" "),_c('p',[_v("Step 1. The user launch the application for the first time.")]),_v(" "),_c('p',[_v("Step 2. The user creates the desired graded components, adds all the students in the cohort, and assign them with scores.")]),_v(" "),_m(108),_v(" "),_c('box',{attrs:{"type":"info","seamless":""}},[_c('p',[_c('strong',[_v("Note:")]),_v(" The value for "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("ag/")]),_v(" can be type "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("absolute")]),_v(" which determines the grade based on the passing score of the student's total score.")])]),_v(" "),_c('p',[_v("This step will first trigger the parse function and several things will be executed")]),_v(" "),_m(109),_v(" "),_m(110),_v(" "),_m(111),_v(" "),_c('p',[_v("The following sequence diagram shows how the auto-grading mechanism works:")]),_v(" "),_m(112),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/AutoGradeParserSequenceDiagram.png","alt":"AutoGradeParserSequenceDiagram"}}),_v(" "),_m(113),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/AutoGradeCommandSequenceDiagram.png","alt":"AutoGradeCommandSequenceDiagram"}}),_v(" "),_m(114),_v(" "),_m(115),_v(" "),_m(116),_v(" "),_m(117),_v(" "),_m(118),_v(" "),_m(119),_v(" "),_m(120),_v(" "),_m(121),_v(" "),_c('p',[_v("Given below is an example usage scenario and how the undo/redo mechanism behaves at each step.")]),_v(" "),_m(122),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/UndoRedoState0.png","alt":"UndoRedoState0"}}),_v(" "),_m(123),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/UndoRedoState1.png","alt":"UndoRedoState1"}}),_v(" "),_m(124),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/UndoRedoState2.png","alt":"UndoRedoState2"}}),_v(" "),_c('box',{attrs:{"type":"info","seamless":""}},[_c('p',[_c('strong',[_v("Note:")]),_v(" If a command fails its execution, it will not call "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Model#commitSscBook()")]),_v(", so the ssc book state will not be saved into the "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("sscBookStateList")]),_v(".")])]),_v(" "),_m(125),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/UndoRedoState3.png","alt":"UndoRedoState3"}}),_v(" "),_c('box',{attrs:{"type":"info","seamless":""}},[_c('p',[_c('strong',[_v("Note:")]),_v(" If the "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("currentStatePointer")]),_v(" is at index 0, pointing to the initial SscBook state, then there are no previous SscBook states to restore. The "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("undo")]),_v(" command uses "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Model#canUndoSscBook()")]),_v(" to check if this is the case. If so, it will return an error to the user rather\nthan attempting to perform the undo.")])]),_v(" "),_c('p',[_v("The following sequence diagram shows how the undo operation works:")]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/UndoSequenceDiagram.png","alt":"UndoSequenceDiagram"}}),_v(" "),_c('box',{attrs:{"type":"info","seamless":""}},[_c('p',[_c('strong',[_v("Note:")]),_v(" The lifeline for "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("UndoCommand")]),_v(" should end at the destroy marker (X) but due to a limitation of PlantUML, the lifeline reaches the end of diagram.")])]),_v(" "),_m(126),_v(" "),_c('box',{attrs:{"type":"info","seamless":""}},[_c('p',[_c('strong',[_v("Note:")]),_v(" If the "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("currentStatePointer")]),_v(" is at index "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("sscBookStateList.size() - 1")]),_v(", pointing to the latest address book state, then there are no undone SscBook states to restore. The "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("redo")]),_v(" command uses "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Model#canRedoSscBook()")]),_v(" to check if this is the case. If so, it will return an error to the user rather than attempting to perform the redo.")])]),_v(" "),_m(127),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/UndoRedoState4.png","alt":"UndoRedoState4"}}),_v(" "),_m(128),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/UndoRedoState5.png","alt":"UndoRedoState5"}}),_v(" "),_c('p',[_v("The following activity diagram summarizes what happens when a user executes a new command:")]),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/CommitActivityDiagram.png","width":"250"}}),_v(" "),_m(129),_v(" "),_m(130),_v(" "),_m(131),_v(" "),_c('hr'),_v(" "),_m(132),_v(" "),_m(133),_v(" "),_c('hr'),_v(" "),_m(134),_v(" "),_m(135),_v(" "),_m(136),_v(" "),_c('p',[_v("NUS professors who:")]),_v(" "),_m(137),_v(" "),_m(138),_v(" "),_m(139),_v(" "),_m(140),_v(" "),_m(141),_v(" "),_m(142),_m(143),_v(" "),_m(144),_v(" "),_m(145),_v(" "),_m(146),_v(" "),_m(147),_v(" "),_m(148),_v(" "),_m(149),_v(" "),_m(150),_v(" "),_m(151),_v(" "),_m(152),_v(" "),_m(153),_v(" "),_m(154),_v(" "),_m(155),_v(" "),_m(156),_v(" "),_m(157),_v(" "),_m(158),_v(" "),_m(159),_v(" "),_m(160),_v(" "),_m(161),_v(" "),_m(162),_v(" "),_m(163),_v(" "),_m(164),_v(" "),_m(165),_v(" "),_m(166),_v(" "),_m(167),_v(" "),_m(168),_v(" "),_m(169),_v(" "),_m(170),_v(" "),_m(171),_v(" "),_m(172),_v(" "),_m(173),_v(" "),_m(174),_v(" "),_m(175),_v(" "),_m(176),_v(" "),_m(177),_v(" "),_m(178),_v(" "),_m(179),_v(" "),_m(180),_v(" "),_m(181),_v(" "),_m(182),_v(" "),_m(183),_v(" "),_m(184),_v(" "),_m(185),_v(" "),_m(186),_v(" "),_m(187),_v(" "),_m(188),_v(" "),_m(189),_v(" "),_m(190),_v(" "),_m(191),_v(" "),_m(192),_v(" "),_m(193),_v(" "),_m(194),_v(" "),_m(195),_v(" "),_m(196),_v(" "),_m(197),_v(" "),_m(198),_v(" "),_m(199),_v(" "),_m(200),_v(" "),_m(201),_v(" "),_m(202),_v(" "),_m(203),_v(" "),_c('hr'),_v(" "),_m(204),_v(" "),_c('p',[_v("Given below are instructions to test the app manually.")]),_v(" "),_c('box',{attrs:{"type":"info","seamless":""}},[_c('p',[_c('strong',[_v("Note:")]),_v(" These instructions only provide a starting point for testers to work on;\ntesters are expected to do more "),_c('em',[_v("exploratory")]),_v(" testing.")])]),_v(" "),_m(205),_v(" "),_m(206),_v(" "),_m(207),_v(" "),_m(208),_v(" "),_m(209),_v(" "),_m(210),_v(" "),_m(211),_v(" "),_m(212),_v(" "),_m(213),_v(" "),_m(214),_v(" "),_m(215),_v(" "),_m(216),_v(" "),_m(217),_v(" "),_m(218),_v(" "),_m(219),_v(" "),_m(220),_v(" "),_m(221),_v(" "),_m(222)],1),_v(" "),_c('overlay-source',{attrs:{"id":"page-nav","tag-name":"nav","to":"page-nav"}},[_c('div',{staticClass:"nav-component slim-scroll"},[_c('overlay-source',{staticClass:"nav nav-pills flex-column my-0 small no-flex-wrap",attrs:{"id":"mb-page-nav","tag-name":"nav","to":"mb-page-nav"}},[_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#modulight-developer-guide"}},[_v("ModuLight Developer Guide‎")]),_v(" "),_c('nav',{staticClass:"nav nav-pills flex-column my-0 nested no-flex-wrap"},[_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#acknowledgements"}},[_v("Acknowledgements‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#setting-up-getting-started"}},[_v("Setting up, getting started‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#design"}},[_v("Design‎")]),_v(" "),_c('nav',{staticClass:"nav nav-pills flex-column my-0 nested no-flex-wrap"},[_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#architecture"}},[_v("Architecture‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#ui-component"}},[_v("UI component‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#logic-component"}},[_v("Logic component‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#model-component"}},[_v("Model component‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#storage-component"}},[_v("Storage component‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#common-classes"}},[_v("Common classes‎")])]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#implementation"}},[_v("Implementation‎")]),_v(" "),_c('nav',{staticClass:"nav nav-pills flex-column my-0 nested no-flex-wrap"},[_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#add-student"}},[_v("Add Student‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#edit-student"}},[_v("Edit Student‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#find-commands"}},[_v("Find Commands‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#list-commands"}},[_v("List Commands‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#add-graded-component"}},[_v("Add Graded Component‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#edit-graded-component"}},[_v("Edit Graded Component‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#sort-commands"}},[_v("Sort Commands‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#stats-commands"}},[_v("Stats Commands‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#auto-grading"}},[_v("Auto-grading‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#proposed-undo-redo-feature"}},[_v("[Proposed] Undo/redo feature‎")])]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#documentation-logging-testing-configuration-dev-ops"}},[_v("Documentation, logging, testing, configuration, dev-ops‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#appendix-requirements"}},[_v("Appendix: Requirements‎")]),_v(" "),_c('nav',{staticClass:"nav nav-pills flex-column my-0 nested no-flex-wrap"},[_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#product-scope"}},[_v("Product scope‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#user-stories"}},[_v("User stories‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#use-cases"}},[_v("Use cases‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#non-functional-requirements"}},[_v("Non-Functional Requirements‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#glossary"}},[_v("Glossary‎")])]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#appendix-instructions-for-manual-testing"}},[_v("Appendix: Instructions for manual testing‎")]),_v(" "),_c('nav',{staticClass:"nav nav-pills flex-column my-0 nested no-flex-wrap"},[_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#launch-and-shutdown"}},[_v("Launch and shutdown‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#adding-a-student"}},[_v("Adding a student‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#deleting-a-student"}},[_v("Deleting a student‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#finding-a-student"}},[_v("Finding a student‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#sorting-students"}},[_v("Sorting Students‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#sorting-student-scores"}},[_v("Sorting Student Scores‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#calculating-statistics"}},[_v("Calculating Statistics‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#saving-and-loading-data"}},[_v("Saving and Loading data‎")])]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#appendix-planned-enhancements"}},[_v("Appendix: Planned Enhancements‎")])])])],1)]),_v(" "),_c('scroll-top-button')],1),_v(" "),_m(223)])}
 };
     var pageVueStaticRenderFns = [function anonymous(
 ) {
@@ -482,7 +482,7 @@ with(this){return _c('ol',[_c('li',[_c('p',[_v("User requests to list students."
 with(this){return _c('p',[_c('strong',[_v("Extensions")])])}
 },function anonymous(
 ) {
-with(this){return _c('ul',[_c('li',[_c('p',[_v("2a. The list is empty.")]),_v(" "),_c('p',[_v("Use case ends.")])]),_v(" "),_c('li',[_c('p',[_v("3a. The given index is invalid.")]),_v(" "),_c('ul',[_c('li',[_c('p',[_v("3a1. ModuLight shows an error message.")]),_v(" "),_c('p',[_v("Use case resumes at step 2.")])])])]),_v(" "),_c('li',[_c('p',[_v("3b. The selected student has some associated student scores.")]),_v(" "),_c('ul',[_c('li',[_v("3b1. ModuLight deletes all associated students scores.")]),_v(" "),_c('li',[_v("3b2. ModuLight shows a list of updated student scores."),_c('br'),_v("\nUse case resumes at step 4.")])])])])}
+with(this){return _c('ul',[_c('li',[_c('p',[_v("2a. The list is empty.")]),_v(" "),_c('p',[_v("Use case ends.")])]),_v(" "),_c('li',[_c('p',[_v("3a. The given index is invalid.")]),_v(" "),_c('ul',[_c('li',[_c('p',[_v("3a1. ModuLight shows an error message.")]),_v(" "),_c('p',[_v("Use case resumes at step 2.")])])])]),_v(" "),_c('li',[_c('p',[_v("3b. The selected student has some associated student scores.")]),_v(" "),_c('ul',[_c('li',[_c('p',[_v("3b1. ModuLight deletes all associated students scores.")])]),_v(" "),_c('li',[_c('p',[_v("3b2. ModuLight shows a list of updated student scores."),_c('br')]),_v(" "),_c('p',[_v("Use case resumes at step 4.")])])])])])}
 },function anonymous(
 ) {
 with(this){return _c('p',[_c('strong',[_v("Use case: Add a new graded component")])])}
@@ -551,7 +551,7 @@ with(this){return _c('ol',[_c('li',[_c('p',[_v("User requests to find a student
 with(this){return _c('p',[_c('strong',[_v("Extensions")])])}
 },function anonymous(
 ) {
-with(this){return _c('ul',[_c('li',[_v("1a. There are some unsupported or incorrect keywords.\n"),_c('ul',[_c('li',[_c('p',[_v("1a1. ModuLight shows an error message.")]),_v(" "),_c('p',[_v("Use case ends.")])])])]),_v(" "),_c('li',[_v("1b. There are no keywords given\n"),_c('ul',[_c('li',[_v("1b1. ModuLight shows all students, scores and graded components.\nUse case ends.")])])])])}
+with(this){return _c('ul',[_c('li',[_c('p',[_v("1a. There are some unsupported or incorrect keywords.")]),_v(" "),_c('ul',[_c('li',[_c('p',[_v("1a1. ModuLight shows an error message.")]),_v(" "),_c('p',[_v("Use case ends.")])])])]),_v(" "),_c('li',[_c('p',[_v("1b. There are no keywords given")]),_v(" "),_c('ul',[_c('li',[_c('p',[_v("1b1. ModuLight shows all students, scores and graded components.")]),_v(" "),_c('p',[_v("Use case ends.")])])])])])}
 },function anonymous(
 ) {
 with(this){return _c('p',[_c('strong',[_v("Use case: Sort student(s)")])])}
@@ -641,19 +641,19 @@ with(this){return _c('ol',[_c('li',[_c('p',[_v("Deleting a student while all stu
 with(this){return _c('h3',{attrs:{"id":"finding-a-student"}},[_v("Finding a student"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#finding-a-student","onclick":"event.stopPropagation()"}})])}
 },function anonymous(
 ) {
-with(this){return _c('ol',[_c('li',[_c('p',[_v("Find a student in ModuLight")]),_v(" "),_c('ol',[_c('li',[_c('p',[_v("Prerequisite: student list is not empty.")]),_v(" "),_c('ol',{attrs:{"start":"2"}},[_c('li',[_c('p',[_v("Test case: "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("findStu g/T00")]),_v("\nExpected: All students from tutorial group "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("T00")]),_v(" will be displayed. All graded components and all scores related to the displayed students should be displayed.")])]),_v(" "),_c('li',[_c('p',[_v("Test case: "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("findStu")]),_v("\nExpected: Since there is no search words given, all students, student scores and graded components will be displayed.")])]),_v(" "),_c('li',[_c('p',[_v("Test case: "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("findStu n/John n/Amy")]),_v("\nExpected: All students whose name contains "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("John")]),_v(" or "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Amy")]),_v(" (case-insensitive) will be displayed. All graded components and all scores related to the displayed students should be displayed.")])]),_v(" "),_c('li',[_c('p',[_v("Test case: "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("findStu n/John g/T00")]),_v("\nExpected: All students whose name contains "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("John")]),_v(" (case-insensitive) and is from "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("T00")]),_v(" will be displayed. All graded components and all scores related to the displayed students should be displayed.")])])])])])])])}
+with(this){return _c('ol',[_c('li',[_c('p',[_v("Find a student in ModuLight")]),_v(" "),_c('ol',[_c('li',[_c('p',[_v("Prerequisite: student list is not empty.")]),_v(" "),_c('ol',[_c('li',[_c('p',[_v("Test case: "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("findStu g/T00")]),_v("\nExpected: All students from tutorial group "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("T00")]),_v(" will be displayed. All graded components and all scores related to the displayed students should be displayed.")]),_v(" "),_c('ol',[_c('li',[_c('p',[_v("Test case: "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("findStu")]),_v("\nExpected: Since there is no search words given, all students, student scores and graded components will be displayed.")])]),_v(" "),_c('li',[_c('p',[_v("Test case: "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("findStu n/John n/Amy")]),_v("\nExpected: All students whose name contains "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("John")]),_v(" or "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Amy")]),_v(" (case-insensitive) will be displayed. All graded components and all scores related to the displayed students should be displayed.")])]),_v(" "),_c('li',[_c('p',[_v("Test case: "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("findStu n/John g/T00")]),_v("\nExpected: All students whose name contains "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("John")]),_v(" (case-insensitive) and is from "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("T00")]),_v(" will be displayed. All graded components and all scores related to the displayed students should be displayed.")])])])])])])])])])}
 },function anonymous(
 ) {
 with(this){return _c('h3',{attrs:{"id":"sorting-students"}},[_v("Sorting Students"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#sorting-students","onclick":"event.stopPropagation()"}})])}
 },function anonymous(
 ) {
-with(this){return _c('ol',[_c('li',[_v("Sort students in ModuLight\n"),_c('ol',[_c('li',[_c('p',[_v("Prerequisite: displayed student list is not empty.")]),_v(" "),_c('ol',{attrs:{"start":"2"}},[_c('li',[_c('p',[_v("Test case: "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("sortStu")]),_v("\nExpected: The displayed students are sorted by their total scores.")])]),_v(" "),_c('li',[_c('p',[_v("Test case: "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("sortStu o/n r/t")]),_v("\nExpected: The displayed students are sorted by their names in the reverse alphabetical order.")])]),_v(" "),_c('li',[_c('p',[_v("Test case: "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("sortStu o/wrongInput")]),_v("\nExpected: An error message that states \"Invalid command format!\" and the correct usage is shown.")])])])])])])])}
+with(this){return _c('ol',[_c('li',[_v("Sort students in ModuLight\n"),_c('ol',[_c('li',[_c('p',[_v("Prerequisite: displayed student list is not empty.")]),_v(" "),_c('ol',[_c('li',[_c('p',[_v("Test case: "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("sortStu")]),_v("\nExpected: The displayed students are sorted by their total scores.")])]),_v(" "),_c('li',[_c('p',[_v("Test case: "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("sortStu o/n r/t")]),_v("\nExpected: The displayed students are sorted by their names in the reverse alphabetical order.")])]),_v(" "),_c('li',[_c('p',[_v("Test case: "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("sortStu o/wrongInput")]),_v("\nExpected: An error message that states \"Invalid command format!\" and the correct usage is shown.")])])])])])])])}
 },function anonymous(
 ) {
 with(this){return _c('h3',{attrs:{"id":"sorting-student-scores"}},[_v("Sorting Student Scores"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#sorting-student-scores","onclick":"event.stopPropagation()"}})])}
 },function anonymous(
 ) {
-with(this){return _c('ol',[_c('li',[_v("Sort student scores in ModuLight\n"),_c('ol',[_c('li',[_c('p',[_v("Prerequisite: displayed student list and student score list are not empty and a graded component with name \"Midterm\" is created.")]),_v(" "),_c('ol',{attrs:{"start":"2"}},[_c('li',[_c('p',[_v("Test case: "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("sortScore c/Midterm")]),_v("\nExpected: Only Midterm student scores are shown, and they are sorted in the ascending order.")])]),_v(" "),_c('li',[_c('p',[_v("Test case: "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("sortScore c/Final")]),_v(" (Assuming there is no such graded component with name \"Final\")\nExpected: An error message that states \"This graded component is not created. Please check if the information is correct\" is shown.")])])])])])])])}
+with(this){return _c('ol',[_c('li',[_v("Sort student scores in ModuLight\n"),_c('ol',[_c('li',[_c('p',[_v("Prerequisite: displayed student list and student score list are not empty and a graded component with name \"Midterm\" is created.")]),_v(" "),_c('ol',[_c('li',[_c('p',[_v("Test case: "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("sortScore c/Midterm")]),_v("\nExpected: Only Midterm student scores are shown, and they are sorted in the ascending order.")])]),_v(" "),_c('li',[_c('p',[_v("Test case: "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("sortScore c/Final")]),_v(" (Assuming there is no such graded component with name \"Final\")\nExpected: An error message that states \"This graded component is not created. Please check if the information is correct\" is shown.")])])])])])])])}
 },function anonymous(
 ) {
 with(this){return _c('h3',{attrs:{"id":"calculating-statistics"}},[_v("Calculating Statistics"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#calculating-statistics","onclick":"event.stopPropagation()"}})])}
@@ -662,10 +662,10 @@ with(this){return _c('h3',{attrs:{"id":"calculating-statistics"}},[_v("Calculati
 with(this){return _c('ol',[_c('li',[_v("Calculate overall statistics of students' total scores\n"),_c('ol',[_c('li',[_c('p',[_v("Prerequisite: student list and student score list are not empty and there is at least a valid score in Tut "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("T01")]),_v(".")]),_v(" "),_c('ol',[_c('li',[_c('p',[_v("Test case: "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("stats")]),_v("\nExpected: A message that states  all relevant statistical measures (The exhaustive list can be found in "),_c('a',{attrs:{"href":"https://ay2324s1-cs2103t-w08-2.github.io/tp/UserGuide.html#calculating-overall-statistics-stats"}},[_v("UG")]),_v(") are shown.")])]),_v(" "),_c('li',[_c('p',[_v("Test case: "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("stats st/max st/min")]),_v("\nExpected: A message that states the max and min is shown.")])]),_v(" "),_c('li',[_c('p',[_v("Test case: "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("stats g/T01")]),_v("\nExpected: A message that states all relevant statistical measures of Tut "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("T01")]),_v(" is shown.")])]),_v(" "),_c('li',[_c('p',[_v("Test case: "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("stats st/wrongInput")]),_v("\nExpected: An error message that states \"Some statistic measures are not supported yet.\" and all supported statistical measures are shown.")])])])]),_v(" "),_c('li',[_c('p',[_v("Prerequisite: student score list is empty")]),_v(" "),_c('ol',[_c('li',[_v("Test case: "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("stats")]),_v("\nExpected: An error message that state \"Please have at least one score fulfilling the condition.\" is shown.")])])])])])])}
 },function anonymous(
 ) {
-with(this){return _c('h3',{attrs:{"id":"saving-data"}},[_v("Saving data"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#saving-data","onclick":"event.stopPropagation()"}})])}
+with(this){return _c('h3',{attrs:{"id":"saving-and-loading-data"}},[_v("Saving and Loading data"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#saving-and-loading-data","onclick":"event.stopPropagation()"}})])}
 },function anonymous(
 ) {
-with(this){return _c('ol',[_c('li',[_c('p',[_v("Dealing with missing files")]),_v(" "),_c('ol',[_c('li',[_c('p',[_v("Delete all three json files "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("studentBook.json")]),_v(", "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("gradedComponentBook.json")]),_v(", "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("scoreBook.json")]),_v(".")])]),_v(" "),_c('li',[_c('p',[_v("Run the program. "),_c('br'),_v("\nExpected: The program will load with the original sample data just like it was run for the first time.")])])])]),_v(" "),_c('li',[_c('p',[_v("Dealing with corrupted files")]),_v(" "),_c('ol',[_c('li',[_c('p',[_v("Open "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("studentBook.json")]),_v(".")])]),_v(" "),_c('li',[_c('p',[_v("Edit any \"studentName\" field and input \"R@chel\".")])]),_v(" "),_c('li',[_c('p',[_v("Run the program. "),_c('br'),_v("\nExpected: The program will load with completely empty data instead of edited data.")])]),_v(" "),_c('li',[_c('p',[_v("Other ways to corrupt the files are to change \"tutorialGroup\" to \"AAA\", \"gcName\" (in "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("gradedComponentBook. json")]),_v(") to \"@Quiz\", ...")])]),_v(" "),_c('li',[_c('p',[_v("Run the program. "),_c('br'),_v("\nExpected: Similar to previous.")])])])])])}
+with(this){return _c('ol',[_c('li',[_c('p',[_v("Dealing with missing files")]),_v(" "),_c('ol',[_c('li',[_c('p',[_v("Delete all three json files "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("studentBook.json")]),_v(", "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("gradedComponentBook.json")]),_v(", "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("scoreBook.json")]),_v(".")])]),_v(" "),_c('li',[_c('p',[_v("Run the program. "),_c('br'),_v("\nExpected: The program will load with the original sample data just like it was run for the first time.")])])])]),_v(" "),_c('li',[_c('p',[_v("Dealing with corrupted files")]),_v(" "),_c('ol',[_c('li',[_c('p',[_v("Open "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("studentBook.json")]),_v(".")])]),_v(" "),_c('li',[_c('p',[_v("Edit any \"studentName\" field and input \"R@chel\".")])]),_v(" "),_c('li',[_c('p',[_v("Run the program. "),_c('br'),_v("\nExpected: The program will load with completely empty data instead of edited data.")])]),_v(" "),_c('li',[_c('p',[_v("Other ways to corrupt the files are to change \"tutorialGroup\" to \"AAA\", \"gcName\" (in "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("gradedComponentBook. json")]),_v(") to \"@Quiz\", ...")])]),_v(" "),_c('li',[_c('p',[_v("Run the program. "),_c('br'),_v("\nExpected: Similar to previous.")])])])]),_v(" "),_c('li',[_c('p',[_v("Manually editing data files")]),_v(" "),_c('ol',[_c('li',[_c('p',[_v("Open "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("studentBook.json")]),_v(".")])]),_v(" "),_c('li',[_c('p',[_v("Edit any \"studentName\" field and input \"Rachel\" or some other name which contains alphanumeric characters.")])]),_v(" "),_c('li',[_c('p',[_v("Run the program. "),_c('br'),_v("\nExpected: The program will load with the updated studentName.")])])])])])}
 },function anonymous(
 ) {
 with(this){return _c('h2',{attrs:{"id":"appendix-planned-enhancements"}},[_c('strong',[_v("Appendix: Planned Enhancements")]),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#appendix-planned-enhancements","onclick":"event.stopPropagation()"}})])}
@@ -674,6 +674,6 @@ with(this){return _c('h2',{attrs:{"id":"appendix-planned-enhancements"}},[_c('st
 with(this){return _c('ol',[_c('li',[_v("Support special characters in student name parameter as some people's legal name do include some special characters(e.g. \"s/o\").")]),_v(" "),_c('li',[_v("Allow the Student List Panel, Student Score List Panel and Graded Component List Panel to automatically scroll down when adding new Student, Student Grade or Graded Component.")])])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 4:27:59 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 4:51:16 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/Documentation.html b/Documentation.html
index 9253573f55b..1c58a052f33 100644
--- a/Documentation.html
+++ b/Documentation.html
@@ -24,7 +24,7 @@
       Search
     </div> <ul class="dropdown-menu search-dropdown-menu d-none dropdown-menu-end" data-v-01e11c9b></ul></div></form></li></ul></div></nav> <div class="lower-navbar-container" style="display:none;" data-v-73b4aa16><!----> <!----></div></div></header> <div id="flex-body"><nav id="site-nav" data-v-e6005420><div class="site-nav-top" data-v-e6005420><div class="fw-bold mb-2" style="font-size:1.25rem;" data-v-e6005420>Site Map</div></div> <div class="nav-component slim-scroll" data-v-e6005420><div class="site-nav-root"><ul class="site-nav-list site-nav-list-root" data-v-e6005420><li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-0" data-v-e6005420><a href="/tp/index.html" data-v-e6005420>Home</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-0" data-v-e6005420><a href="/tp/UserGuide.html" data-v-e6005420>User Guide</a> <div class="site-nav-dropdown-btn-container" data-v-e6005420><i onclick="handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();" class="site-nav-dropdown-btn-icon site-nav-rotate-icon" data-v-e6005420><span aria-hidden="true" class="glyphicon glyphicon-menu-down" data-v-e6005420></span></i></div></div><ul class="site-nav-dropdown-container site-nav-dropdown-container-open site-nav-list" data-v-e6005420><li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/UserGuide.html#quick-start" data-v-e6005420>Quick Start</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/UserGuide.html#features" data-v-e6005420>Features</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/UserGuide.html#faq" data-v-e6005420>FAQ</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/UserGuide.html#faq" data-v-e6005420>Command Summary</a></div></li></ul></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-0" data-v-e6005420><a href="/tp/DeveloperGuide.html" data-v-e6005420>Developer Guide</a> <div class="site-nav-dropdown-btn-container" data-v-e6005420><i onclick="handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();" class="site-nav-dropdown-btn-icon site-nav-rotate-icon" data-v-e6005420><span aria-hidden="true" class="glyphicon glyphicon-menu-down" data-v-e6005420></span></i></div></div><ul class="site-nav-dropdown-container site-nav-dropdown-container-open site-nav-list" data-v-e6005420><li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#acknowledgements" data-v-e6005420>Acknowledgements</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#setting-up-getting-started" data-v-e6005420>Setting Up</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#design" data-v-e6005420>Design</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#implementation" data-v-e6005420>Implementation</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#documentation-logging-testing-configuration-dev-ops" data-v-e6005420>Documentation, logging, testing, configuration, dev-ops</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#appendix-requirements" data-v-e6005420>Appendix: Requirements</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#appendix-instructions-for-manual-testing" data-v-e6005420>Appendix: Instructions for manual testing</a></div></li></ul></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-0" data-v-e6005420>Tutorials
 
-<div class="site-nav-dropdown-btn-container" data-v-e6005420><i onclick="handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();" class="site-nav-dropdown-btn-icon" data-v-e6005420><span aria-hidden="true" class="glyphicon glyphicon-menu-down" data-v-e6005420></span></i></div></div><ul class="site-nav-dropdown-container site-nav-list" data-v-e6005420><li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/tutorials/TracingCode.html" data-v-e6005420>Tracing code</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/tutorials/AddRemark.html" data-v-e6005420>Adding a command</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/tutorials/RemovingFields.html" data-v-e6005420>Removing Fields</a></div></li></ul></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-0" data-v-e6005420><a href="/tp/AboutUs.html" data-v-e6005420>About Us</a></div></li> <!----></ul></div></div> <!----></nav> <div id="content-wrapper"><h1 id="documentation-guide">Documentation Guide<a href="#documentation-guide" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <ul><li>We use <a href="https://markbind.org/"><strong>MarkBind</strong></a> to manage documentation.</li> <li>The <code class="hljs inline no-lang">docs/</code> folder contains the source files for the documentation website.</li> <li>To learn how set it up and maintain the project website, follow the guide <a href="https://se-education.org/guides/tutorials/markbind-forked-sites.html">[se-edu/guides] Working with Forked MarkBind sites</a> for project documentation.</li></ul> <p><strong>Style guidance:</strong></p> <ul><li>Follow the <a href="https://developers.google.com/style"><strong><em>Google developer documentation style guide</em></strong></a>.</li> <li>Also relevant is the <a href="https://se-education.org/guides/conventions/markdown.html"><em>se-edu/guides <strong>Markdown coding standard</strong></em></a>.</li></ul> <p><strong>Converting to PDF</strong></p> <ul><li>See the guide <a href="https://se-education.org/guides/tutorials/savingPdf.html"><em>se-edu/guides <strong>Saving web documents as PDF files</strong></em></a>.</li></ul></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#documentation-guide" data-v-e6005420>Documentation Guide‎</a> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 4:27:59 GMT+8]</small></div></footer></div>
+<div class="site-nav-dropdown-btn-container" data-v-e6005420><i onclick="handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();" class="site-nav-dropdown-btn-icon" data-v-e6005420><span aria-hidden="true" class="glyphicon glyphicon-menu-down" data-v-e6005420></span></i></div></div><ul class="site-nav-dropdown-container site-nav-list" data-v-e6005420><li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/tutorials/TracingCode.html" data-v-e6005420>Tracing code</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/tutorials/AddRemark.html" data-v-e6005420>Adding a command</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/tutorials/RemovingFields.html" data-v-e6005420>Removing Fields</a></div></li></ul></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-0" data-v-e6005420><a href="/tp/AboutUs.html" data-v-e6005420>About Us</a></div></li> <!----></ul></div></div> <!----></nav> <div id="content-wrapper"><h1 id="documentation-guide">Documentation Guide<a href="#documentation-guide" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <ul><li>We use <a href="https://markbind.org/"><strong>MarkBind</strong></a> to manage documentation.</li> <li>The <code class="hljs inline no-lang">docs/</code> folder contains the source files for the documentation website.</li> <li>To learn how set it up and maintain the project website, follow the guide <a href="https://se-education.org/guides/tutorials/markbind-forked-sites.html">[se-edu/guides] Working with Forked MarkBind sites</a> for project documentation.</li></ul> <p><strong>Style guidance:</strong></p> <ul><li>Follow the <a href="https://developers.google.com/style"><strong><em>Google developer documentation style guide</em></strong></a>.</li> <li>Also relevant is the <a href="https://se-education.org/guides/conventions/markdown.html"><em>se-edu/guides <strong>Markdown coding standard</strong></em></a>.</li></ul> <p><strong>Converting to PDF</strong></p> <ul><li>See the guide <a href="https://se-education.org/guides/tutorials/savingPdf.html"><em>se-edu/guides <strong>Saving web documents as PDF files</strong></em></a>.</li></ul></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#documentation-guide" data-v-e6005420>Documentation Guide‎</a> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 4:51:16 GMT+8]</small></div></footer></div>
 </body><script src="/tp/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/Documentation.page-vue-render.js b/Documentation.page-vue-render.js
index 5026f3ff383..10b04c5c8d0 100644
--- a/Documentation.page-vue-render.js
+++ b/Documentation.page-vue-render.js
@@ -8,6 +8,6 @@ with(this){return _c('div',{attrs:{"id":"app"}},[_c('header',{attrs:{"sticky":""
 with(this){return _c('div',{attrs:{"id":"content-wrapper"}},[_c('h1',{attrs:{"id":"documentation-guide"}},[_v("Documentation Guide"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#documentation-guide","onclick":"event.stopPropagation()"}})]),_v(" "),_c('ul',[_c('li',[_v("We use "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_c('strong',[_v("MarkBind")])]),_v(" to manage documentation.")]),_v(" "),_c('li',[_v("The "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("docs/")]),_v(" folder contains the source files for the documentation website.")]),_v(" "),_c('li',[_v("To learn how set it up and maintain the project website, follow the guide "),_c('a',{attrs:{"href":"https://se-education.org/guides/tutorials/markbind-forked-sites.html"}},[_v("[se-edu/guides] Working with Forked MarkBind sites")]),_v(" for project documentation.")])]),_v(" "),_c('p',[_c('strong',[_v("Style guidance:")])]),_v(" "),_c('ul',[_c('li',[_v("Follow the "),_c('a',{attrs:{"href":"https://developers.google.com/style"}},[_c('strong',[_c('em',[_v("Google developer documentation style guide")])])]),_v(".")]),_v(" "),_c('li',[_v("Also relevant is the "),_c('a',{attrs:{"href":"https://se-education.org/guides/conventions/markdown.html"}},[_c('em',[_v("se-edu/guides "),_c('strong',[_v("Markdown coding standard")])])]),_v(".")])]),_v(" "),_c('p',[_c('strong',[_v("Converting to PDF")])]),_v(" "),_c('ul',[_c('li',[_v("See the guide "),_c('a',{attrs:{"href":"https://se-education.org/guides/tutorials/savingPdf.html"}},[_c('em',[_v("se-edu/guides "),_c('strong',[_v("Saving web documents as PDF files")])])]),_v(".")])])])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 4:27:59 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 4:51:16 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/Logging.html b/Logging.html
index c9f14286fd3..88af7d33763 100644
--- a/Logging.html
+++ b/Logging.html
@@ -24,7 +24,7 @@
       Search
     </div> <ul class="dropdown-menu search-dropdown-menu d-none dropdown-menu-end" data-v-01e11c9b></ul></div></form></li></ul></div></nav> <div class="lower-navbar-container" style="display:none;" data-v-73b4aa16><!----> <!----></div></div></header> <div id="flex-body"><nav id="site-nav" data-v-e6005420><div class="site-nav-top" data-v-e6005420><div class="fw-bold mb-2" style="font-size:1.25rem;" data-v-e6005420>Site Map</div></div> <div class="nav-component slim-scroll" data-v-e6005420><div class="site-nav-root"><ul class="site-nav-list site-nav-list-root" data-v-e6005420><li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-0" data-v-e6005420><a href="/tp/index.html" data-v-e6005420>Home</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-0" data-v-e6005420><a href="/tp/UserGuide.html" data-v-e6005420>User Guide</a> <div class="site-nav-dropdown-btn-container" data-v-e6005420><i onclick="handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();" class="site-nav-dropdown-btn-icon site-nav-rotate-icon" data-v-e6005420><span aria-hidden="true" class="glyphicon glyphicon-menu-down" data-v-e6005420></span></i></div></div><ul class="site-nav-dropdown-container site-nav-dropdown-container-open site-nav-list" data-v-e6005420><li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/UserGuide.html#quick-start" data-v-e6005420>Quick Start</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/UserGuide.html#features" data-v-e6005420>Features</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/UserGuide.html#faq" data-v-e6005420>FAQ</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/UserGuide.html#faq" data-v-e6005420>Command Summary</a></div></li></ul></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-0" data-v-e6005420><a href="/tp/DeveloperGuide.html" data-v-e6005420>Developer Guide</a> <div class="site-nav-dropdown-btn-container" data-v-e6005420><i onclick="handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();" class="site-nav-dropdown-btn-icon site-nav-rotate-icon" data-v-e6005420><span aria-hidden="true" class="glyphicon glyphicon-menu-down" data-v-e6005420></span></i></div></div><ul class="site-nav-dropdown-container site-nav-dropdown-container-open site-nav-list" data-v-e6005420><li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#acknowledgements" data-v-e6005420>Acknowledgements</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#setting-up-getting-started" data-v-e6005420>Setting Up</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#design" data-v-e6005420>Design</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#implementation" data-v-e6005420>Implementation</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#documentation-logging-testing-configuration-dev-ops" data-v-e6005420>Documentation, logging, testing, configuration, dev-ops</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#appendix-requirements" data-v-e6005420>Appendix: Requirements</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#appendix-instructions-for-manual-testing" data-v-e6005420>Appendix: Instructions for manual testing</a></div></li></ul></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-0" data-v-e6005420>Tutorials
 
-<div class="site-nav-dropdown-btn-container" data-v-e6005420><i onclick="handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();" class="site-nav-dropdown-btn-icon" data-v-e6005420><span aria-hidden="true" class="glyphicon glyphicon-menu-down" data-v-e6005420></span></i></div></div><ul class="site-nav-dropdown-container site-nav-list" data-v-e6005420><li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/tutorials/TracingCode.html" data-v-e6005420>Tracing code</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/tutorials/AddRemark.html" data-v-e6005420>Adding a command</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/tutorials/RemovingFields.html" data-v-e6005420>Removing Fields</a></div></li></ul></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-0" data-v-e6005420><a href="/tp/AboutUs.html" data-v-e6005420>About Us</a></div></li> <!----></ul></div></div> <!----></nav> <div id="content-wrapper"><h1 id="logging-guide">Logging guide<a href="#logging-guide" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <ul><li>We are using <code class="hljs inline no-lang">java.util.logging</code> package for logging.</li> <li>The <code class="hljs inline no-lang">LogsCenter</code> class is used to manage the logging levels and logging destinations.</li> <li>The <code class="hljs inline no-lang">Logger</code> for a class can be obtained using <code class="hljs inline no-lang">LogsCenter.getLogger(Class)</code> which will log messages according to the specified logging level.</li> <li>Log messages are output through the console and to a <code class="hljs inline no-lang">.log</code> file.</li> <li>The output logging level can be controlled using the <code class="hljs inline no-lang">logLevel</code> setting in the configuration file (See the <a href="/tp/Configuration.html">Configuration guide</a> section).</li> <li><strong>When choosing a level for a log message</strong>, follow the conventions given in <a href="https://se-education.org/guides/conventions/java/logging.html"><em>[se-edu/guides] Java: Logging conventions</em></a>.</li></ul></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 4:27:59 GMT+8]</small></div></footer></div>
+<div class="site-nav-dropdown-btn-container" data-v-e6005420><i onclick="handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();" class="site-nav-dropdown-btn-icon" data-v-e6005420><span aria-hidden="true" class="glyphicon glyphicon-menu-down" data-v-e6005420></span></i></div></div><ul class="site-nav-dropdown-container site-nav-list" data-v-e6005420><li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/tutorials/TracingCode.html" data-v-e6005420>Tracing code</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/tutorials/AddRemark.html" data-v-e6005420>Adding a command</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/tutorials/RemovingFields.html" data-v-e6005420>Removing Fields</a></div></li></ul></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-0" data-v-e6005420><a href="/tp/AboutUs.html" data-v-e6005420>About Us</a></div></li> <!----></ul></div></div> <!----></nav> <div id="content-wrapper"><h1 id="logging-guide">Logging guide<a href="#logging-guide" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <ul><li>We are using <code class="hljs inline no-lang">java.util.logging</code> package for logging.</li> <li>The <code class="hljs inline no-lang">LogsCenter</code> class is used to manage the logging levels and logging destinations.</li> <li>The <code class="hljs inline no-lang">Logger</code> for a class can be obtained using <code class="hljs inline no-lang">LogsCenter.getLogger(Class)</code> which will log messages according to the specified logging level.</li> <li>Log messages are output through the console and to a <code class="hljs inline no-lang">.log</code> file.</li> <li>The output logging level can be controlled using the <code class="hljs inline no-lang">logLevel</code> setting in the configuration file (See the <a href="/tp/Configuration.html">Configuration guide</a> section).</li> <li><strong>When choosing a level for a log message</strong>, follow the conventions given in <a href="https://se-education.org/guides/conventions/java/logging.html"><em>[se-edu/guides] Java: Logging conventions</em></a>.</li></ul></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 4:51:16 GMT+8]</small></div></footer></div>
 </body><script src="/tp/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/Logging.page-vue-render.js b/Logging.page-vue-render.js
index bce8645e0eb..ed748b2cef6 100644
--- a/Logging.page-vue-render.js
+++ b/Logging.page-vue-render.js
@@ -8,6 +8,6 @@ with(this){return _c('div',{attrs:{"id":"app"}},[_c('header',{attrs:{"sticky":""
 with(this){return _c('div',{attrs:{"id":"content-wrapper"}},[_c('h1',{attrs:{"id":"logging-guide"}},[_v("Logging guide"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#logging-guide","onclick":"event.stopPropagation()"}})]),_v(" "),_c('ul',[_c('li',[_v("We are using "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("java.util.logging")]),_v(" package for logging.")]),_v(" "),_c('li',[_v("The "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("LogsCenter")]),_v(" class is used to manage the logging levels and logging destinations.")]),_v(" "),_c('li',[_v("The "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Logger")]),_v(" for a class can be obtained using "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("LogsCenter.getLogger(Class)")]),_v(" which will log messages according to the specified logging level.")]),_v(" "),_c('li',[_v("Log messages are output through the console and to a "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v(".log")]),_v(" file.")]),_v(" "),_c('li',[_v("The output logging level can be controlled using the "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("logLevel")]),_v(" setting in the configuration file (See the "),_c('a',{attrs:{"href":"/tp/Configuration.html"}},[_v("Configuration guide")]),_v(" section).")]),_v(" "),_c('li',[_c('strong',[_v("When choosing a level for a log message")]),_v(", follow the conventions given in "),_c('a',{attrs:{"href":"https://se-education.org/guides/conventions/java/logging.html"}},[_c('em',[_v("[se-edu/guides] Java: Logging conventions")])]),_v(".")])])])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 4:27:59 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 4:51:16 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/SettingUp.html b/SettingUp.html
index 17adc49ac2d..a77fb0ce1d8 100644
--- a/SettingUp.html
+++ b/SettingUp.html
@@ -30,7 +30,7 @@
 </div> <!----></div></div></div></li> <li><strong>Verify the setup</strong>:
 <ol><li>Run the <code class="hljs inline no-lang">seedu.modulight.Main</code> and try a few commands.</li> <li><a href="/tp/Testing.html">Run the tests</a> to ensure they all pass.</li></ol></li></ol> <hr> <h2 id="before-writing-code">Before writing code<a href="#before-writing-code" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <ol><li><p><strong>Configure the coding style</strong></p> <p>If using IDEA, follow the guide <a href="https://se-education.org/guides/tutorials/intellijCodeStyle.html"><em>[se-edu/guides] IDEA: Configuring the code style</em></a> to set up IDEA's coding style to match ours.</p> <div class="alert box-container seamless" data-v-4d146e2c><!----> <div class="header-and-body" data-v-4d146e2c><!----> <div class="box-body-wrapper" data-v-4d146e2c><div class="icon-wrapper  text-success" data-v-4d146e2c><i class="fas fa-lightbulb" data-v-4d146e2c></i></div> <div aria-hidden="true" class="vertical-divider alert-success" data-v-4d146e2c></div> <div class="contents" data-v-4d146e2c><p data-v-4d146e2c><strong data-v-4d146e2c>Tip:</strong>
 Optionally, you can follow the guide <a href="https://se-education.org/guides/tutorials/checkstyle.html" data-v-4d146e2c><em data-v-4d146e2c>[se-edu/guides] Using Checkstyle</em></a> to find how to use the CheckStyle within IDEA e.g., to report problems <em data-v-4d146e2c>as</em> you write code.</p></div> <!----></div></div></div></li> <li><p><strong>Set up CI</strong></p> <p>This project comes with a GitHub Actions config files (in <code class="hljs inline no-lang">.github/workflows</code> folder). When GitHub detects those files, it will run the CI for your project automatically at each push to the <code class="hljs inline no-lang">master</code> branch or to any PR. No set up required.</p></li> <li><p><strong>Learn the design</strong></p> <p>When you are ready to start coding, we recommend that you get some sense of the overall design by reading about <a href="/tp/DeveloperGuide.html#architecture">AddressBook’s architecture</a>.</p></li> <li><p><strong>Do the tutorials</strong>
-These tutorials will help you get acquainted with the codebase.</p> <ul><li><a href="/tp/tutorials/TracingCode.html">Tracing code</a></li> <li><a href="/tp/tutorials/AddRemark.html">Adding a new command</a></li> <li><a href="/tp/tutorials/RemovingFields.html">Removing fields</a></li></ul></li></ol></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#setting-up-and-getting-started" data-v-e6005420>Setting up and getting started‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#setting-up-the-project-in-your-computer" data-v-e6005420>Setting up the project in your computer‎</a> <a class="nav-link py-1" href="#before-writing-code" data-v-e6005420>Before writing code‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 4:27:59 GMT+8]</small></div></footer></div>
+These tutorials will help you get acquainted with the codebase.</p> <ul><li><a href="/tp/tutorials/TracingCode.html">Tracing code</a></li> <li><a href="/tp/tutorials/AddRemark.html">Adding a new command</a></li> <li><a href="/tp/tutorials/RemovingFields.html">Removing fields</a></li></ul></li></ol></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#setting-up-and-getting-started" data-v-e6005420>Setting up and getting started‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#setting-up-the-project-in-your-computer" data-v-e6005420>Setting up the project in your computer‎</a> <a class="nav-link py-1" href="#before-writing-code" data-v-e6005420>Before writing code‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 4:51:16 GMT+8]</small></div></footer></div>
 </body><script src="/tp/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/SettingUp.page-vue-render.js b/SettingUp.page-vue-render.js
index f2e85dda9b3..e1f59f1c0cb 100644
--- a/SettingUp.page-vue-render.js
+++ b/SettingUp.page-vue-render.js
@@ -41,6 +41,6 @@ with(this){return _c('li',[_c('p',[_c('strong',[_v("Learn the design")])]),_v("
 with(this){return _c('li',[_c('p',[_c('strong',[_v("Do the tutorials")]),_v("\nThese tutorials will help you get acquainted with the codebase.")]),_v(" "),_c('ul',[_c('li',[_c('a',{attrs:{"href":"/tp/tutorials/TracingCode.html"}},[_v("Tracing code")])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"/tp/tutorials/AddRemark.html"}},[_v("Adding a new command")])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"/tp/tutorials/RemovingFields.html"}},[_v("Removing fields")])])])])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 4:27:59 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 4:51:16 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/Testing.html b/Testing.html
index a16621f30ee..cfb95c876fb 100644
--- a/Testing.html
+++ b/Testing.html
@@ -28,7 +28,7 @@
 test class, or a test and choose <code class="hljs inline no-lang">Run 'ABC'</code></li></ul></li> <li><strong>Method 2: Using Gradle</strong> <ul><li>Open a console and run the command <code class="hljs inline no-lang">gradlew clean test</code> (Mac/Linux: <code class="hljs inline no-lang">./gradlew clean test</code>)</li></ul></li></ul> <div class="alert box-container seamless" data-v-4d146e2c><!----> <div class="header-and-body" data-v-4d146e2c><!----> <div class="box-body-wrapper" data-v-4d146e2c><div class="icon-wrapper  text-info" data-v-4d146e2c><i class="fas fa-info" data-v-4d146e2c></i></div> <div aria-hidden="true" class="vertical-divider alert-info" data-v-4d146e2c></div> <div class="contents" data-v-4d146e2c><p data-v-4d146e2c><strong data-v-4d146e2c>Link</strong>: Read <a href="https://se-education.org/guides/tutorials/gradle.html" data-v-4d146e2c>this Gradle Tutorial from the se-edu/guides</a> to learn more about using Gradle.</p></div> <!----></div></div></div> <hr> <h2 id="types-of-tests">Types of tests<a href="#types-of-tests" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>This project has three types of tests:</p> <ol><li><em>Unit tests</em> targeting the lowest level methods/classes.<br>
 e.g. <code class="hljs inline no-lang">seedu.modulight.commons.StringUtilTest</code></li> <li><em>Integration tests</em> that are checking the integration of multiple code units (those code units are assumed to be working).<br>
 e.g. <code class="hljs inline no-lang">seedu.modulight.storage.StorageManagerTest</code></li> <li>Hybrids of unit and integration tests. These test are checking multiple code units as well as how the are connected together.<br>
-e.g. <code class="hljs inline no-lang">seedu.modulight.logic.LogicManagerTest</code></li></ol></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#testing-guide" data-v-e6005420>Testing guide‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#running-tests" data-v-e6005420>Running tests‎</a> <a class="nav-link py-1" href="#types-of-tests" data-v-e6005420>Types of tests‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 4:27:59 GMT+8]</small></div></footer></div>
+e.g. <code class="hljs inline no-lang">seedu.modulight.logic.LogicManagerTest</code></li></ol></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#testing-guide" data-v-e6005420>Testing guide‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#running-tests" data-v-e6005420>Running tests‎</a> <a class="nav-link py-1" href="#types-of-tests" data-v-e6005420>Types of tests‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 4:51:16 GMT+8]</small></div></footer></div>
 </body><script src="/tp/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/Testing.page-vue-render.js b/Testing.page-vue-render.js
index cfbcb0a62c3..465dd536e43 100644
--- a/Testing.page-vue-render.js
+++ b/Testing.page-vue-render.js
@@ -20,6 +20,6 @@ with(this){return _c('h2',{attrs:{"id":"types-of-tests"}},[_v("Types of tests"),
 with(this){return _c('ol',[_c('li',[_c('em',[_v("Unit tests")]),_v(" targeting the lowest level methods/classes."),_c('br'),_v("\ne.g. "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("seedu.modulight.commons.StringUtilTest")])]),_v(" "),_c('li',[_c('em',[_v("Integration tests")]),_v(" that are checking the integration of multiple code units (those code units are assumed to be working)."),_c('br'),_v("\ne.g. "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("seedu.modulight.storage.StorageManagerTest")])]),_v(" "),_c('li',[_v("Hybrids of unit and integration tests. These test are checking multiple code units as well as how the are connected together."),_c('br'),_v("\ne.g. "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("seedu.modulight.logic.LogicManagerTest")])])])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 4:27:59 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 4:51:16 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/UserGuide.html b/UserGuide.html
index b27b3f3163d..8af0e6c48d9 100644
--- a/UserGuide.html
+++ b/UserGuide.html
@@ -67,7 +67,7 @@
 measures: <code class="hljs inline no-lang">mean</code>, <code class="hljs inline no-lang">standardDeviation</code>, <code class="hljs inline no-lang">upperQuartile</code>, <code class="hljs inline no-lang">lowerQuartile</code>, <code class="hljs inline no-lang">max</code>, <code class="hljs inline no-lang">min</code>, <code class="hljs inline no-lang">skewness</code>.</li> <li>For the calculation of upper and lower quartile, we use Method 4 introduced
 in <a href="https://en.wikipedia.org/wiki/Quartile">Wikipedia</a>.</li> <li>If there is only valid score matching the criteria, skewness will be displayed as <code class="hljs inline no-lang">NaN</code> because skewness for one data
 is meaningless.</li> <li>Multiple stats keywords are allowed, but only 0 or 1 tutorial group keyword is allowed.</li></ul> <p>Examples:</p> <ul><li><code class="hljs inline no-lang">compStats st/upperQuartile st/lowerQuartile c/Midterm</code> returns the upper and lower quartile of the
-student grades in Midterm.</li></ul> <h2 id="other-commands">Other Commands<a href="#other-commands" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <h3 id="viewing-help-help">Viewing help : <code class="hljs inline no-lang">help</code><a href="#viewing-help-help" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>Shows a message explaining how to access the help page.</p> <p><a href="/tp/images/helpMessage.png" target="_self"><img src="/tp/images/helpMessage.png" alt="help message" class="img-fluid"></a></p> <p>Format: <code class="hljs inline no-lang">help</code></p> <h3 id="list-all-listall">List all : <code class="hljs inline no-lang">listAll</code><a href="#list-all-listall" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>Shows all students, student scores and graded components in their lists respectively. This removes all the filter applied from the find command.</p> <p>Format: <code class="hljs inline no-lang">listAll</code></p> <p>Example: <code class="hljs inline no-lang">listAll</code></p> <h3 id="clearing-all-entries-clearall">Clearing all entries : <code class="hljs inline no-lang">clearAll</code><a href="#clearing-all-entries-clearall" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>Clears all data from ModuLight.</p> <p>Format: <code class="hljs inline no-lang">clearAll</code></p> <ul><li>The clearing process is irreversible.</li></ul> <h3 id="exiting-the-program-exit">Exiting the program : <code class="hljs inline no-lang">exit</code><a href="#exiting-the-program-exit" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>Exits the program.</p> <p>Format: <code class="hljs inline no-lang">exit</code></p> <h3 id="saving-the-data">Saving the data<a href="#saving-the-data" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>ModuLight data is saved in the hard disk automatically after any command that changes the data. There is no need to save manually.</p> <h3 id="loading-the-previous-data">Loading the previous data<a href="#loading-the-previous-data" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>There is no need to manually load data stored on the hard disc. It will be available automatically everytime the program starts.</p> <hr> <h2 id="command-summary">Command summary<a href="#command-summary" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <div class="table-responsive"><table class="markbind-table table table-bordered table-striped"><thead><tr><th>Action</th> <th>Format, Examples</th></tr></thead> <tbody><tr><td><strong>Add a student</strong></td> <td><code class="hljs inline no-lang">addStu s/STUDENT_NO n/NAME e/EMAIL [g/TUTORIAL_GRP] [t/tags…]</code> <br> e.g., <code class="hljs inline no-lang">addStu s/A1234567Y n/Andy Ong g/T03 e/andy_ong@u.nus.edu</code></td></tr> <tr><td><strong>Add a graded component</strong></td> <td><code class="hljs inline no-lang">addComp c/COMP_NAME w/WEIGHTAGE mm/MAX_MARKS</code> <br> e.g., <code class="hljs inline no-lang">addComp c/Midterm w/30 mm/70</code></td></tr> <tr><td><strong>Edit a student</strong></td> <td><code class="hljs inline no-lang">editStu INDEX [s/STUDENT_NO] [g/TUTORIAL_GRP] [n/NAME] [e/EMAIL] [t/tags…]​</code> <br> e.g., <code class="hljs inline no-lang">editStu 1 s/A1234567Y g/T03</code></td></tr> <tr><td><strong>Edit a graded component</strong></td> <td><code class="hljs inline no-lang">editComp INDEX [c/COMP_NAME] [w/WEIGHTAGE] [mm/MAX_MARKS]</code> <br> e.g., <code class="hljs inline no-lang">editComp 1 c/Midterms mm/55</code></td></tr> <tr><td><strong>Edit a student score</strong></td> <td><code class="hljs inline no-lang">editScore INDEX [m/SCORE] [x/comment]</code> <br> e.g., <code class="hljs inline no-lang">editScore 1 m/57</code></td></tr> <tr><td><strong>Delete a student</strong></td> <td><code class="hljs inline no-lang">deleteStu INDEX</code> <br> e.g., <code class="hljs inline no-lang">deleteStu 2</code></td></tr> <tr><td><strong>Delete a graded component</strong></td> <td><code class="hljs inline no-lang">deleteComp INDEX</code> <br> e.g., <code class="hljs inline no-lang">deleteComp 1</code></td></tr> <tr><td><strong>Delete everything</strong></td> <td><code class="hljs inline no-lang">clearAll</code></td></tr> <tr><td><strong>Find a student</strong></td> <td><code class="hljs inline no-lang">findStu [s/STUDENT_NO...] [n/NAME...] [e/EMAIL...] [g/TUTORIAL_GRP...] [t/TAG...]</code><br> e.g., <code class="hljs inline no-lang">findStu n/Alice n/Bob g/T01</code></td></tr> <tr><td><strong>Find a graded component</strong></td> <td><code class="hljs inline no-lang">findComp [c/COMP_NAME]</code><br> e.g., <code class="hljs inline no-lang">findComp c/Midterms</code></td></tr> <tr><td><strong>Find a student score</strong></td> <td><code class="hljs inline no-lang">findScore  [s/STUDENT_NO] [n/NAME] [e/EMAIL] [g/TUTORIAL_GRP] [c/COMP_NAME][x/comments][t/tags]...</code><br> e.g., <code class="hljs inline no-lang">findScore c/Midterms</code></td></tr> <tr><td><strong>List all students, scores and graded components</strong></td> <td><code class="hljs inline no-lang">listAll</code></td></tr> <tr><td><strong>Sort student</strong></td> <td><code class="hljs inline no-lang">sortStu [o/SORTING_ORDER] [r/REVERSE_ORDER]</code> <br> e.g., <code class="hljs inline no-lang">sortStu o/name r/true</code></td></tr> <tr><td><strong>Sort student score</strong></td> <td><code class="hljs inline no-lang">sortScore [o/SORTING_ORDER] [r/REVERSE_ORDER]</code> <br> e.g., <code class="hljs inline no-lang">sortScore o/name r/true</code></td></tr> <tr><td><strong>Auto grading all the students</strong></td> <td><code class="hljs inline no-lang">autoGrade ag/METHOD pg/PASING_VALUE</code> <br> e.g., <code class="hljs inline no-lang">autoGrade ag/absolute pg/95 80 70 55 40 20</code></td></tr> <tr><td><strong>Calculate overall statistics</strong></td> <td><code class="hljs inline no-lang">stats [st/STATS] [g/TUTORIAL_GRP]</code> <br> e.g., <code class="hljs inline no-lang">stats st/upperQuartile st/lowerQuartile g/T01</code></td></tr> <tr><td><strong>Calculate component statistics</strong></td> <td><code class="hljs inline no-lang">compStats [c/COMP_NAME] [st/STATS] [g/TUTORIAL_GRP]</code> <br> e.g., <code class="hljs inline no-lang">compStats c/midterm st/upperQuartile st/lowerQuartile</code></td></tr> <tr><td><strong>Help</strong></td> <td><code class="hljs inline no-lang">help</code></td></tr></tbody></table></div><hr> <h2 id="faq">FAQ<a href="#faq" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <ol><li><p><strong>Q</strong>: How do I transfer my data to another Computer?<br> <strong>A</strong>: Install the app in the other computer and overwrite the empty data file it creates with the file that contains the data of your previous ModuLight home folder.</p></li> <li><p><strong>Q</strong>: How does the calculation of scores work?<br> <strong>A</strong>: Refer to the <a href="#notes-on-score-calculation">notes on score calculations</a>.</p></li> <li><p><strong>Q</strong>: Does the display update information (e.g. name, mean) in real time?<br> <strong>A</strong>: Yes.</p></li> <li><p><strong>Q</strong>: What should I do if the application GUI opens off-screen when switching from multiple screens to a single screen?<br> <strong>A</strong>: If you move the application to a secondary screen and later switch to using only the primary screen, the GUI may open off-screen. To resolve this issue, delete the <code class="hljs inline no-lang">preferences.json</code> file created by the application before running it again. This ensures that the GUI is properly displayed on the primary screen.</p></li> <li><p><strong>Q</strong>: How do I open a terminal?<br> <strong>A</strong>: It depends on the operating system.</p> <ul><li><strong>Mac</strong>: Open launchpad and search for terminal. Click the app icon to open terminal.</li> <li><strong>Windows</strong>: In Windows Search, search for terminal and select Windows Terminal from the search results.</li></ul></li></ol> <hr> <h2 id="glossary">Glossary<a href="#glossary" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <h3 id="definitions">Definitions<a href="#definitions" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <div class="table-responsive"><table class="markbind-table table table-bordered table-striped"><thead><tr><th>Term</th> <th>Definition</th></tr></thead> <tbody><tr><td>Command</td> <td>An input written by the user to tell Modulight to perform a certain action.</td></tr> <tr><td>Command Terminal</td> <td>A text input and output environment that allows us to enter commands that the computer processes.</td></tr> <tr><td>Parameter</td> <td>A value that must be inputted by the user to complete a command.</td></tr> <tr><td>Index</td> <td>A number that refers to the position of the components in an ordering. Modulight uses a 1-based index, which means the first number in an order is 1.</td></tr> <tr><td>Command Line Interface</td> <td>It is a text-based user interface that accepts text inputs to execute commands.</td></tr> <tr><td>Graphical User Interface</td> <td>It is a digital interface where the users interact with the system using graphical components, such as icons and buttons.</td></tr> <tr><td>User Interface</td> <td>It is the point in which a human user interacts with a computer. It can be a physical device or software program.</td></tr> <tr><td>Component</td> <td>A component is a part of the user interface.</td></tr> <tr><td>JSON file</td> <td>JavaScript Object Notation(JSON) is a file used for data storage in ModuLight. For more information, please refer to the guide <a href="https://www.oracle.com/sg/database/what-is-json/">here</a>.</td></tr> <tr><td>Alphanumeric</td> <td>A piece of alphanumeric text should consist of only alphabets and numeric values. For instance,  the text “ABC11” is alphanumeric whereas “(**)” is not.</td></tr> <tr><td>Domain</td> <td>A domain is a digital address of a website. For emails, domain is the web address that comes after the @ symbol. For example, the domain in the email address <a href="mailto:123@gmail.com">123@gmail.com</a> is gmail.com</td></tr></tbody></table></div></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#user-guide-modulight" data-v-e6005420>User Guide: ModuLight‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#welcome-to-modulight" data-v-e6005420>Welcome to ModuLight‎</a> <a class="nav-link py-1" href="#how-to-use-this-guide" data-v-e6005420>How to use this guide‎</a> <a class="nav-link py-1" href="#quick-start" data-v-e6005420>Quick start‎</a> <a class="nav-link py-1" href="#parameter-information" data-v-e6005420>Parameter Information‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#student-parameters" data-v-e6005420>Student Parameters‎</a> <a class="nav-link py-1" href="#graded-component-parameters" data-v-e6005420>Graded Component Parameters‎</a> <a class="nav-link py-1" href="#student-score-parameters" data-v-e6005420>Student Score Parameters‎</a> <a class="nav-link py-1" href="#command-related-parameters" data-v-e6005420>Command Related Parameters‎</a></nav> <a class="nav-link py-1" href="#navigating-the-graphical-user-interface-gui" data-v-e6005420>Navigating the Graphical User Interface (GUI)‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#quick-orientation" data-v-e6005420>Quick Orientation:‎</a></nav> <a class="nav-link py-1" href="#command-format" data-v-e6005420>Command Format‎</a> <a class="nav-link py-1" href="#features" data-v-e6005420>Features‎</a> <a class="nav-link py-1" href="#add-commands" data-v-e6005420>Add Commands‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#add-a-student-addstu" data-v-e6005420>Add a student: addStu‎</a> <a class="nav-link py-1" href="#add-a-graded-component-addcomp" data-v-e6005420>Add a graded component: addComp‎</a></nav> <a class="nav-link py-1" href="#edit-commands" data-v-e6005420>Edit Commands‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#edit-a-student-editstu" data-v-e6005420>Edit a student : editStu‎</a> <a class="nav-link py-1" href="#edit-a-graded-component-editcomp" data-v-e6005420>Edit a graded component: editComp‎</a> <a class="nav-link py-1" href="#edit-student-score-editscore" data-v-e6005420>Edit student score: editScore‎</a></nav> <a class="nav-link py-1" href="#delete-commands" data-v-e6005420>Delete Commands‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#delete-a-student-deletestu" data-v-e6005420>Delete a student : deleteStu‎</a> <a class="nav-link py-1" href="#delete-a-graded-component-deletecomp" data-v-e6005420>Delete a graded component: deleteComp‎</a></nav> <a class="nav-link py-1" href="#find-commands" data-v-e6005420>Find Commands‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#parameters" data-v-e6005420>Parameters‎</a> <a class="nav-link py-1" href="#find-students-findstu" data-v-e6005420>Find students: findStu‎</a> <a class="nav-link py-1" href="#find-students-findcomp" data-v-e6005420>Find students : findComp‎</a> <a class="nav-link py-1" href="#find-students-findscore" data-v-e6005420>Find students : findScore‎</a></nav> <a class="nav-link py-1" href="#sort-commands" data-v-e6005420>Sort Commands‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#sorting-students-sortstu" data-v-e6005420>Sorting students: sortStu‎</a> <a class="nav-link py-1" href="#sorting-students-scores-sortscore" data-v-e6005420>Sorting students scores: sortScore‎</a></nav> <a class="nav-link py-1" href="#statistics-and-auto-grading-commands" data-v-e6005420>Statistics and Auto Grading Commands‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#auto-grading-all-the-students-autograde" data-v-e6005420>Auto grading all the students: autoGrade‎</a> <a class="nav-link py-1" href="#calculating-overall-statistics-stats" data-v-e6005420>Calculating overall statistics: stats‎</a> <a class="nav-link py-1" href="#calculating-statistics-of-a-graded-component-compstats" data-v-e6005420>Calculating statistics of a graded component : compStats‎</a></nav> <a class="nav-link py-1" href="#other-commands" data-v-e6005420>Other Commands‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#viewing-help-help" data-v-e6005420>Viewing help : help‎</a> <a class="nav-link py-1" href="#list-all-listall" data-v-e6005420>List all : listAll‎</a> <a class="nav-link py-1" href="#clearing-all-entries-clearall" data-v-e6005420>Clearing all entries : clearAll‎</a> <a class="nav-link py-1" href="#exiting-the-program-exit" data-v-e6005420>Exiting the program : exit‎</a> <a class="nav-link py-1" href="#saving-the-data" data-v-e6005420>Saving the data‎</a> <a class="nav-link py-1" href="#loading-the-previous-data" data-v-e6005420>Loading the previous data‎</a></nav> <a class="nav-link py-1" href="#command-summary" data-v-e6005420>Command summary‎</a> <a class="nav-link py-1" href="#faq" data-v-e6005420>FAQ‎</a> <a class="nav-link py-1" href="#glossary" data-v-e6005420>Glossary‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#definitions" data-v-e6005420>Definitions‎</a></nav></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 4:27:59 GMT+8]</small></div></footer></div>
+student grades in Midterm.</li></ul> <h2 id="other-commands">Other Commands<a href="#other-commands" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <h3 id="viewing-help-help">Viewing help : <code class="hljs inline no-lang">help</code><a href="#viewing-help-help" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>Shows a message explaining how to access the help page.</p> <p><a href="/tp/images/helpMessage.png" target="_self"><img src="/tp/images/helpMessage.png" alt="help message" class="img-fluid"></a></p> <p>Format: <code class="hljs inline no-lang">help</code></p> <h3 id="list-all-listall">List all : <code class="hljs inline no-lang">listAll</code><a href="#list-all-listall" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>Shows all students, student scores and graded components in their lists respectively. This removes all the filter applied from the find command.</p> <p>Format: <code class="hljs inline no-lang">listAll</code></p> <p>Example: <code class="hljs inline no-lang">listAll</code></p> <h3 id="clearing-all-entries-clearall">Clearing all entries : <code class="hljs inline no-lang">clearAll</code><a href="#clearing-all-entries-clearall" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>Clears all data from ModuLight.</p> <p>Format: <code class="hljs inline no-lang">clearAll</code></p> <ul><li>The clearing process is irreversible.</li></ul> <h3 id="exiting-the-program-exit">Exiting the program : <code class="hljs inline no-lang">exit</code><a href="#exiting-the-program-exit" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>Exits the program.</p> <p>Format: <code class="hljs inline no-lang">exit</code></p> <h3 id="saving-the-data">Saving the data<a href="#saving-the-data" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>ModuLight data is saved in the hard disk automatically after any command that changes the data. There is no need to save manually.</p> <h3 id="loading-the-previous-data">Loading the previous data<a href="#loading-the-previous-data" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>There is no need to manually load data stored on the hard disc. It will be available automatically everytime the program starts.</p> <hr> <h2 id="command-summary">Command summary<a href="#command-summary" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <div class="table-responsive"><table class="markbind-table table table-bordered table-striped"><thead><tr><th>Action</th> <th>Format, Examples</th></tr></thead> <tbody><tr><td><strong>Add a student</strong></td> <td><code class="hljs inline no-lang">addStu s/STUDENT_NO n/NAME e/EMAIL [g/TUTORIAL_GRP] [t/tags…]</code> <br> e.g., <code class="hljs inline no-lang">addStu s/A1234567Y n/Andy Ong g/T03 e/andy_ong@u.nus.edu</code></td></tr> <tr><td><strong>Add a graded component</strong></td> <td><code class="hljs inline no-lang">addComp c/COMP_NAME w/WEIGHTAGE mm/MAX_MARKS</code> <br> e.g., <code class="hljs inline no-lang">addComp c/Midterm w/30 mm/70</code></td></tr> <tr><td><strong>Edit a student</strong></td> <td><code class="hljs inline no-lang">editStu INDEX [s/STUDENT_NO] [g/TUTORIAL_GRP] [n/NAME] [e/EMAIL] [t/tags…]​</code> <br> e.g., <code class="hljs inline no-lang">editStu 1 s/A1234567Y g/T03</code></td></tr> <tr><td><strong>Edit a graded component</strong></td> <td><code class="hljs inline no-lang">editComp INDEX [c/COMP_NAME] [w/WEIGHTAGE] [mm/MAX_MARKS]</code> <br> e.g., <code class="hljs inline no-lang">editComp 1 c/Midterms mm/55</code></td></tr> <tr><td><strong>Edit a student score</strong></td> <td><code class="hljs inline no-lang">editScore INDEX [m/SCORE] [x/comment]</code> <br> e.g., <code class="hljs inline no-lang">editScore 1 m/57</code></td></tr> <tr><td><strong>Delete a student</strong></td> <td><code class="hljs inline no-lang">deleteStu INDEX</code> <br> e.g., <code class="hljs inline no-lang">deleteStu 2</code></td></tr> <tr><td><strong>Delete a graded component</strong></td> <td><code class="hljs inline no-lang">deleteComp INDEX</code> <br> e.g., <code class="hljs inline no-lang">deleteComp 1</code></td></tr> <tr><td><strong>Delete everything</strong></td> <td><code class="hljs inline no-lang">clearAll</code></td></tr> <tr><td><strong>Find a student</strong></td> <td><code class="hljs inline no-lang">findStu [s/STUDENT_NO...] [n/NAME...] [e/EMAIL...] [g/TUTORIAL_GRP...] [t/TAG...]</code><br> e.g., <code class="hljs inline no-lang">findStu n/Alice n/Bob g/T01</code></td></tr> <tr><td><strong>Find a graded component</strong></td> <td><code class="hljs inline no-lang">findComp [c/COMP_NAME]</code><br> e.g., <code class="hljs inline no-lang">findComp c/Midterms</code></td></tr> <tr><td><strong>Find a student score</strong></td> <td><code class="hljs inline no-lang">findScore  [s/STUDENT_NO] [n/NAME] [e/EMAIL] [g/TUTORIAL_GRP] [c/COMP_NAME][x/comments][t/tags]...</code><br> e.g., <code class="hljs inline no-lang">findScore c/Midterms</code></td></tr> <tr><td><strong>List all students, scores and graded components</strong></td> <td><code class="hljs inline no-lang">listAll</code></td></tr> <tr><td><strong>Sort student</strong></td> <td><code class="hljs inline no-lang">sortStu [o/SORTING_ORDER] [r/REVERSE_ORDER]</code> <br> e.g., <code class="hljs inline no-lang">sortStu o/name r/true</code></td></tr> <tr><td><strong>Sort student score</strong></td> <td><code class="hljs inline no-lang">sortScore [o/SORTING_ORDER] [r/REVERSE_ORDER]</code> <br> e.g., <code class="hljs inline no-lang">sortScore o/name r/true</code></td></tr> <tr><td><strong>Auto grading all the students</strong></td> <td><code class="hljs inline no-lang">autoGrade ag/METHOD pg/PASING_VALUE</code> <br> e.g., <code class="hljs inline no-lang">autoGrade ag/absolute pg/95 80 70 55 40 20</code></td></tr> <tr><td><strong>Calculate overall statistics</strong></td> <td><code class="hljs inline no-lang">stats [st/STATS] [g/TUTORIAL_GRP]</code> <br> e.g., <code class="hljs inline no-lang">stats st/upperQuartile st/lowerQuartile g/T01</code></td></tr> <tr><td><strong>Calculate component statistics</strong></td> <td><code class="hljs inline no-lang">compStats [c/COMP_NAME] [st/STATS] [g/TUTORIAL_GRP]</code> <br> e.g., <code class="hljs inline no-lang">compStats c/midterm st/upperQuartile st/lowerQuartile</code></td></tr> <tr><td><strong>Help</strong></td> <td><code class="hljs inline no-lang">help</code></td></tr></tbody></table></div><hr> <h2 id="faq">FAQ<a href="#faq" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <ol><li><p><strong>Q</strong>: How do I transfer my data to another Computer?<br> <strong>A</strong>: Install the app in the other computer and overwrite the empty data file it creates with the file that contains the data of your previous ModuLight home folder.</p></li> <li><p><strong>Q</strong>: How does the calculation of scores work?<br> <strong>A</strong>: Refer to the <a href="#notes-on-score-calculation">notes on score calculations</a>.</p></li> <li><p><strong>Q</strong>: Does the display update information (e.g. name, mean) in real time?<br> <strong>A</strong>: Yes.</p></li> <li><p><strong>Q</strong>: What should I do if the application GUI opens off-screen when switching from multiple screens to a single screen?<br> <strong>A</strong>: If you move the application to a secondary screen and later switch to using only the primary screen, the GUI may open off-screen. To resolve this issue, delete the <code class="hljs inline no-lang">preferences.json</code> file created by the application before running it again. This ensures that the GUI is properly displayed on the primary screen.</p></li> <li><p><strong>Q</strong>: How do I open a terminal?<br> <strong>A</strong>: It depends on the operating system.</p> <ul><li><strong>Mac</strong>: Open launchpad and search for terminal. Click the app icon to open terminal.</li> <li><strong>Windows</strong>: In Windows Search, search for terminal and select Windows Terminal from the search results.</li></ul></li></ol> <hr> <h2 id="glossary">Glossary<a href="#glossary" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <h3 id="definitions">Definitions<a href="#definitions" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <div class="table-responsive"><table class="markbind-table table table-bordered table-striped"><thead><tr><th>Term</th> <th>Definition</th></tr></thead> <tbody><tr><td>Command</td> <td>An input written by the user to tell Modulight to perform a certain action.</td></tr> <tr><td>Command Terminal</td> <td>A text input and output environment that allows us to enter commands that the computer processes.</td></tr> <tr><td>Parameter</td> <td>A value that must be inputted by the user to complete a command.</td></tr> <tr><td>Index</td> <td>A number that refers to the position of the components in an ordering. Modulight uses a 1-based index, which means the first number in an order is 1.</td></tr> <tr><td>Command Line Interface</td> <td>It is a text-based user interface that accepts text inputs to execute commands.</td></tr> <tr><td>Graphical User Interface</td> <td>It is a digital interface where the users interact with the system using graphical components, such as icons and buttons.</td></tr> <tr><td>User Interface</td> <td>It is the point in which a human user interacts with a computer. It can be a physical device or software program.</td></tr> <tr><td>Component</td> <td>A component is a part of the user interface.</td></tr> <tr><td>JSON file</td> <td>JavaScript Object Notation(JSON) is a file used for data storage in ModuLight. For more information, please refer to the guide <a href="https://www.oracle.com/sg/database/what-is-json/">here</a>.</td></tr> <tr><td>Alphanumeric</td> <td>A piece of alphanumeric text should consist of only alphabets and numeric values. For instance,  the text “ABC11” is alphanumeric whereas “(**)” is not.</td></tr> <tr><td>Domain</td> <td>A domain is a digital address of a website. For emails, domain is the web address that comes after the @ symbol. For example, the domain in the email address <a href="mailto:123@gmail.com">123@gmail.com</a> is gmail.com</td></tr></tbody></table></div></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#user-guide-modulight" data-v-e6005420>User Guide: ModuLight‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#welcome-to-modulight" data-v-e6005420>Welcome to ModuLight‎</a> <a class="nav-link py-1" href="#how-to-use-this-guide" data-v-e6005420>How to use this guide‎</a> <a class="nav-link py-1" href="#quick-start" data-v-e6005420>Quick start‎</a> <a class="nav-link py-1" href="#parameter-information" data-v-e6005420>Parameter Information‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#student-parameters" data-v-e6005420>Student Parameters‎</a> <a class="nav-link py-1" href="#graded-component-parameters" data-v-e6005420>Graded Component Parameters‎</a> <a class="nav-link py-1" href="#student-score-parameters" data-v-e6005420>Student Score Parameters‎</a> <a class="nav-link py-1" href="#command-related-parameters" data-v-e6005420>Command Related Parameters‎</a></nav> <a class="nav-link py-1" href="#navigating-the-graphical-user-interface-gui" data-v-e6005420>Navigating the Graphical User Interface (GUI)‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#quick-orientation" data-v-e6005420>Quick Orientation:‎</a></nav> <a class="nav-link py-1" href="#command-format" data-v-e6005420>Command Format‎</a> <a class="nav-link py-1" href="#features" data-v-e6005420>Features‎</a> <a class="nav-link py-1" href="#add-commands" data-v-e6005420>Add Commands‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#add-a-student-addstu" data-v-e6005420>Add a student: addStu‎</a> <a class="nav-link py-1" href="#add-a-graded-component-addcomp" data-v-e6005420>Add a graded component: addComp‎</a></nav> <a class="nav-link py-1" href="#edit-commands" data-v-e6005420>Edit Commands‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#edit-a-student-editstu" data-v-e6005420>Edit a student : editStu‎</a> <a class="nav-link py-1" href="#edit-a-graded-component-editcomp" data-v-e6005420>Edit a graded component: editComp‎</a> <a class="nav-link py-1" href="#edit-student-score-editscore" data-v-e6005420>Edit student score: editScore‎</a></nav> <a class="nav-link py-1" href="#delete-commands" data-v-e6005420>Delete Commands‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#delete-a-student-deletestu" data-v-e6005420>Delete a student : deleteStu‎</a> <a class="nav-link py-1" href="#delete-a-graded-component-deletecomp" data-v-e6005420>Delete a graded component: deleteComp‎</a></nav> <a class="nav-link py-1" href="#find-commands" data-v-e6005420>Find Commands‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#parameters" data-v-e6005420>Parameters‎</a> <a class="nav-link py-1" href="#find-students-findstu" data-v-e6005420>Find students: findStu‎</a> <a class="nav-link py-1" href="#find-students-findcomp" data-v-e6005420>Find students : findComp‎</a> <a class="nav-link py-1" href="#find-students-findscore" data-v-e6005420>Find students : findScore‎</a></nav> <a class="nav-link py-1" href="#sort-commands" data-v-e6005420>Sort Commands‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#sorting-students-sortstu" data-v-e6005420>Sorting students: sortStu‎</a> <a class="nav-link py-1" href="#sorting-students-scores-sortscore" data-v-e6005420>Sorting students scores: sortScore‎</a></nav> <a class="nav-link py-1" href="#statistics-and-auto-grading-commands" data-v-e6005420>Statistics and Auto Grading Commands‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#auto-grading-all-the-students-autograde" data-v-e6005420>Auto grading all the students: autoGrade‎</a> <a class="nav-link py-1" href="#calculating-overall-statistics-stats" data-v-e6005420>Calculating overall statistics: stats‎</a> <a class="nav-link py-1" href="#calculating-statistics-of-a-graded-component-compstats" data-v-e6005420>Calculating statistics of a graded component : compStats‎</a></nav> <a class="nav-link py-1" href="#other-commands" data-v-e6005420>Other Commands‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#viewing-help-help" data-v-e6005420>Viewing help : help‎</a> <a class="nav-link py-1" href="#list-all-listall" data-v-e6005420>List all : listAll‎</a> <a class="nav-link py-1" href="#clearing-all-entries-clearall" data-v-e6005420>Clearing all entries : clearAll‎</a> <a class="nav-link py-1" href="#exiting-the-program-exit" data-v-e6005420>Exiting the program : exit‎</a> <a class="nav-link py-1" href="#saving-the-data" data-v-e6005420>Saving the data‎</a> <a class="nav-link py-1" href="#loading-the-previous-data" data-v-e6005420>Loading the previous data‎</a></nav> <a class="nav-link py-1" href="#command-summary" data-v-e6005420>Command summary‎</a> <a class="nav-link py-1" href="#faq" data-v-e6005420>FAQ‎</a> <a class="nav-link py-1" href="#glossary" data-v-e6005420>Glossary‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#definitions" data-v-e6005420>Definitions‎</a></nav></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 4:51:16 GMT+8]</small></div></footer></div>
 </body><script src="/tp/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/UserGuide.page-vue-render.js b/UserGuide.page-vue-render.js
index 20974bf46d6..e704a2976e7 100644
--- a/UserGuide.page-vue-render.js
+++ b/UserGuide.page-vue-render.js
@@ -410,6 +410,6 @@ with(this){return _c('h3',{attrs:{"id":"definitions"}},[_v("Definitions"),_c('a'
 with(this){return _c('div',{staticClass:"table-responsive"},[_c('table',{staticClass:"markbind-table table table-bordered table-striped"},[_c('thead',[_c('tr',[_c('th',[_v("Term")]),_v(" "),_c('th',[_v("Definition")])])]),_v(" "),_c('tbody',[_c('tr',[_c('td',[_v("Command")]),_v(" "),_c('td',[_v("An input written by the user to tell Modulight to perform a certain action.")])]),_v(" "),_c('tr',[_c('td',[_v("Command Terminal")]),_v(" "),_c('td',[_v("A text input and output environment that allows us to enter commands that the computer processes.")])]),_v(" "),_c('tr',[_c('td',[_v("Parameter")]),_v(" "),_c('td',[_v("A value that must be inputted by the user to complete a command.")])]),_v(" "),_c('tr',[_c('td',[_v("Index")]),_v(" "),_c('td',[_v("A number that refers to the position of the components in an ordering. Modulight uses a 1-based index, which means the first number in an order is 1.")])]),_v(" "),_c('tr',[_c('td',[_v("Command Line Interface")]),_v(" "),_c('td',[_v("It is a text-based user interface that accepts text inputs to execute commands.")])]),_v(" "),_c('tr',[_c('td',[_v("Graphical User Interface")]),_v(" "),_c('td',[_v("It is a digital interface where the users interact with the system using graphical components, such as icons and buttons.")])]),_v(" "),_c('tr',[_c('td',[_v("User Interface")]),_v(" "),_c('td',[_v("It is the point in which a human user interacts with a computer. It can be a physical device or software program.")])]),_v(" "),_c('tr',[_c('td',[_v("Component")]),_v(" "),_c('td',[_v("A component is a part of the user interface.")])]),_v(" "),_c('tr',[_c('td',[_v("JSON file")]),_v(" "),_c('td',[_v("JavaScript Object Notation(JSON) is a file used for data storage in ModuLight. For more information, please refer to the guide "),_c('a',{attrs:{"href":"https://www.oracle.com/sg/database/what-is-json/"}},[_v("here")]),_v(".")])]),_v(" "),_c('tr',[_c('td',[_v("Alphanumeric")]),_v(" "),_c('td',[_v("A piece of alphanumeric text should consist of only alphabets and numeric values. For instance,  the text “ABC11” is alphanumeric whereas “(**)” is not.")])]),_v(" "),_c('tr',[_c('td',[_v("Domain")]),_v(" "),_c('td',[_v("A domain is a digital address of a website. For emails, domain is the web address that comes after the @ symbol. For example, the domain in the email address "),_c('a',{attrs:{"href":"mailto:123@gmail.com"}},[_v("123@gmail.com")]),_v(" is gmail.com")])])])])])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 4:27:59 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 4:51:16 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/index.html b/index.html
index 65efd1b57ba..d85247e47b6 100644
--- a/index.html
+++ b/index.html
@@ -24,7 +24,7 @@
       Search
     </div> <ul class="dropdown-menu search-dropdown-menu d-none dropdown-menu-end" data-v-01e11c9b></ul></div></form></li></ul></div></nav> <div class="lower-navbar-container" style="display:none;" data-v-73b4aa16><!----> <!----></div></div></header> <div id="flex-body"><nav id="site-nav" data-v-e6005420><div class="site-nav-top" data-v-e6005420><div class="fw-bold mb-2" style="font-size:1.25rem;" data-v-e6005420>Site Map</div></div> <div class="nav-component slim-scroll" data-v-e6005420><div class="site-nav-root"><ul class="site-nav-list site-nav-list-root" data-v-e6005420><li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-0" data-v-e6005420><a href="/tp/index.html" data-v-e6005420>Home</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-0" data-v-e6005420><a href="/tp/UserGuide.html" data-v-e6005420>User Guide</a> <div class="site-nav-dropdown-btn-container" data-v-e6005420><i onclick="handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();" class="site-nav-dropdown-btn-icon site-nav-rotate-icon" data-v-e6005420><span aria-hidden="true" class="glyphicon glyphicon-menu-down" data-v-e6005420></span></i></div></div><ul class="site-nav-dropdown-container site-nav-dropdown-container-open site-nav-list" data-v-e6005420><li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/UserGuide.html#quick-start" data-v-e6005420>Quick Start</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/UserGuide.html#features" data-v-e6005420>Features</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/UserGuide.html#faq" data-v-e6005420>FAQ</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/UserGuide.html#faq" data-v-e6005420>Command Summary</a></div></li></ul></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-0" data-v-e6005420><a href="/tp/DeveloperGuide.html" data-v-e6005420>Developer Guide</a> <div class="site-nav-dropdown-btn-container" data-v-e6005420><i onclick="handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();" class="site-nav-dropdown-btn-icon site-nav-rotate-icon" data-v-e6005420><span aria-hidden="true" class="glyphicon glyphicon-menu-down" data-v-e6005420></span></i></div></div><ul class="site-nav-dropdown-container site-nav-dropdown-container-open site-nav-list" data-v-e6005420><li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#acknowledgements" data-v-e6005420>Acknowledgements</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#setting-up-getting-started" data-v-e6005420>Setting Up</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#design" data-v-e6005420>Design</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#implementation" data-v-e6005420>Implementation</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#documentation-logging-testing-configuration-dev-ops" data-v-e6005420>Documentation, logging, testing, configuration, dev-ops</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#appendix-requirements" data-v-e6005420>Appendix: Requirements</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#appendix-instructions-for-manual-testing" data-v-e6005420>Appendix: Instructions for manual testing</a></div></li></ul></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-0" data-v-e6005420>Tutorials
 
-<div class="site-nav-dropdown-btn-container" data-v-e6005420><i onclick="handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();" class="site-nav-dropdown-btn-icon" data-v-e6005420><span aria-hidden="true" class="glyphicon glyphicon-menu-down" data-v-e6005420></span></i></div></div><ul class="site-nav-dropdown-container site-nav-list" data-v-e6005420><li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/tutorials/TracingCode.html" data-v-e6005420>Tracing code</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/tutorials/AddRemark.html" data-v-e6005420>Adding a command</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/tutorials/RemovingFields.html" data-v-e6005420>Removing Fields</a></div></li></ul></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-0" data-v-e6005420><a href="/tp/AboutUs.html" data-v-e6005420>About Us</a></div></li> <!----></ul></div></div> <!----></nav> <div id="content-wrapper"><h1 id="modulight">ModuLight<a href="#modulight" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <p><a href="https://github.com/AY2324S1-CS2103T-W08-2/tp/actions"><img src="https://github.com/AY2324S1-CS2103T-W08-2/tp/workflows/Java%20CI/badge.svg" alt="CI Status" class="img-fluid"></a> <a href="https://codecov.io/gh/AY2324S1-CS2103T-W08-2/tp"><img src="https://codecov.io/gh/AY2324S1-CS2103T-W08-2/tp/graph/badge.svg?token=DAJLBHDPYQ" alt="codecov" class="img-fluid"></a></p> <p><a href="/tp/images/Ui_navigate.png" target="_self"><img src="/tp/images/Ui_navigate.png" alt="Ui" class="img-fluid"></a></p> <p><strong>A ModuLight is a desktop student grades system application.</strong> While it has a GUI, most of the user interactions happen using a CLI (Command Line Interface).</p> <ul><li>If you are interested in using ModuLight, head over to the <a href="/tp/UserGuide.html#Quick-start"><em>Quick Start</em> section of the <strong>User Guide</strong></a>.</li> <li>If you are interested about developing ModuLight, the <a href="/tp/DeveloperGuide.html"><strong>Developer Guide</strong></a> is a good place to start.</li></ul> <p><strong>Acknowledgements</strong></p> <ul><li>Libraries used: <a href="https://openjfx.io/">JavaFX</a>, <a href="https://github.com/FasterXML/jackson">Jackson</a>, <a href="https://github.com/junit-team/junit5">JUnit5</a></li></ul></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 4:27:59 GMT+8]</small></div></footer></div>
+<div class="site-nav-dropdown-btn-container" data-v-e6005420><i onclick="handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();" class="site-nav-dropdown-btn-icon" data-v-e6005420><span aria-hidden="true" class="glyphicon glyphicon-menu-down" data-v-e6005420></span></i></div></div><ul class="site-nav-dropdown-container site-nav-list" data-v-e6005420><li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/tutorials/TracingCode.html" data-v-e6005420>Tracing code</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/tutorials/AddRemark.html" data-v-e6005420>Adding a command</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/tutorials/RemovingFields.html" data-v-e6005420>Removing Fields</a></div></li></ul></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-0" data-v-e6005420><a href="/tp/AboutUs.html" data-v-e6005420>About Us</a></div></li> <!----></ul></div></div> <!----></nav> <div id="content-wrapper"><h1 id="modulight">ModuLight<a href="#modulight" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <p><a href="https://github.com/AY2324S1-CS2103T-W08-2/tp/actions"><img src="https://github.com/AY2324S1-CS2103T-W08-2/tp/workflows/Java%20CI/badge.svg" alt="CI Status" class="img-fluid"></a> <a href="https://codecov.io/gh/AY2324S1-CS2103T-W08-2/tp"><img src="https://codecov.io/gh/AY2324S1-CS2103T-W08-2/tp/graph/badge.svg?token=DAJLBHDPYQ" alt="codecov" class="img-fluid"></a></p> <p><a href="/tp/images/Ui_navigate.png" target="_self"><img src="/tp/images/Ui_navigate.png" alt="Ui" class="img-fluid"></a></p> <p><strong>ModuLight is a desktop student grades system application.</strong> While it has a GUI, most of the user interactions happen using a CLI (Command Line Interface).</p> <ul><li>If you are interested in using ModuLight, head over to the <a href="/tp/UserGuide.html#Quick-start"><em>Quick Start</em> section of the <strong>User Guide</strong></a>.</li> <li>If you are interested about developing ModuLight, the <a href="/tp/DeveloperGuide.html"><strong>Developer Guide</strong></a> is a good place to start.</li></ul> <p><strong>Acknowledgements</strong></p> <ul><li>Libraries used: <a href="https://openjfx.io/">JavaFX</a>, <a href="https://github.com/FasterXML/jackson">Jackson</a>, <a href="https://github.com/junit-team/junit5">JUnit5</a></li></ul></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 4:51:16 GMT+8]</small></div></footer></div>
 </body><script src="/tp/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/index.page-vue-render.js b/index.page-vue-render.js
index 600232e664e..9b122be3505 100644
--- a/index.page-vue-render.js
+++ b/index.page-vue-render.js
@@ -5,9 +5,9 @@ with(this){return _c('div',{attrs:{"id":"app"}},[_c('header',{attrs:{"sticky":""
 };
     var pageVueStaticRenderFns = [function anonymous(
 ) {
-with(this){return _c('div',{attrs:{"id":"content-wrapper"}},[_c('h1',{attrs:{"id":"modulight"}},[_v("ModuLight"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#modulight","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_c('a',{attrs:{"href":"https://github.com/AY2324S1-CS2103T-W08-2/tp/actions"}},[_c('img',{staticClass:"img-fluid",attrs:{"src":"https://github.com/AY2324S1-CS2103T-W08-2/tp/workflows/Java%20CI/badge.svg","alt":"CI Status"}})]),_v(" "),_c('a',{attrs:{"href":"https://codecov.io/gh/AY2324S1-CS2103T-W08-2/tp"}},[_c('img',{staticClass:"img-fluid",attrs:{"src":"https://codecov.io/gh/AY2324S1-CS2103T-W08-2/tp/graph/badge.svg?token=DAJLBHDPYQ","alt":"codecov"}})])]),_v(" "),_c('p',[_c('a',{attrs:{"href":"/tp/images/Ui_navigate.png","target":"_self"}},[_c('img',{staticClass:"img-fluid",attrs:{"src":"/tp/images/Ui_navigate.png","alt":"Ui"}})])]),_v(" "),_c('p',[_c('strong',[_v("A ModuLight is a desktop student grades system application.")]),_v(" While it has a GUI, most of the user interactions happen using a CLI (Command Line Interface).")]),_v(" "),_c('ul',[_c('li',[_v("If you are interested in using ModuLight, head over to the "),_c('a',{attrs:{"href":"/tp/UserGuide.html#Quick-start"}},[_c('em',[_v("Quick Start")]),_v(" section of the "),_c('strong',[_v("User Guide")])]),_v(".")]),_v(" "),_c('li',[_v("If you are interested about developing ModuLight, the "),_c('a',{attrs:{"href":"/tp/DeveloperGuide.html"}},[_c('strong',[_v("Developer Guide")])]),_v(" is a good place to start.")])]),_v(" "),_c('p',[_c('strong',[_v("Acknowledgements")])]),_v(" "),_c('ul',[_c('li',[_v("Libraries used: "),_c('a',{attrs:{"href":"https://openjfx.io/"}},[_v("JavaFX")]),_v(", "),_c('a',{attrs:{"href":"https://github.com/FasterXML/jackson"}},[_v("Jackson")]),_v(", "),_c('a',{attrs:{"href":"https://github.com/junit-team/junit5"}},[_v("JUnit5")])])])])}
+with(this){return _c('div',{attrs:{"id":"content-wrapper"}},[_c('h1',{attrs:{"id":"modulight"}},[_v("ModuLight"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#modulight","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_c('a',{attrs:{"href":"https://github.com/AY2324S1-CS2103T-W08-2/tp/actions"}},[_c('img',{staticClass:"img-fluid",attrs:{"src":"https://github.com/AY2324S1-CS2103T-W08-2/tp/workflows/Java%20CI/badge.svg","alt":"CI Status"}})]),_v(" "),_c('a',{attrs:{"href":"https://codecov.io/gh/AY2324S1-CS2103T-W08-2/tp"}},[_c('img',{staticClass:"img-fluid",attrs:{"src":"https://codecov.io/gh/AY2324S1-CS2103T-W08-2/tp/graph/badge.svg?token=DAJLBHDPYQ","alt":"codecov"}})])]),_v(" "),_c('p',[_c('a',{attrs:{"href":"/tp/images/Ui_navigate.png","target":"_self"}},[_c('img',{staticClass:"img-fluid",attrs:{"src":"/tp/images/Ui_navigate.png","alt":"Ui"}})])]),_v(" "),_c('p',[_c('strong',[_v("ModuLight is a desktop student grades system application.")]),_v(" While it has a GUI, most of the user interactions happen using a CLI (Command Line Interface).")]),_v(" "),_c('ul',[_c('li',[_v("If you are interested in using ModuLight, head over to the "),_c('a',{attrs:{"href":"/tp/UserGuide.html#Quick-start"}},[_c('em',[_v("Quick Start")]),_v(" section of the "),_c('strong',[_v("User Guide")])]),_v(".")]),_v(" "),_c('li',[_v("If you are interested about developing ModuLight, the "),_c('a',{attrs:{"href":"/tp/DeveloperGuide.html"}},[_c('strong',[_v("Developer Guide")])]),_v(" is a good place to start.")])]),_v(" "),_c('p',[_c('strong',[_v("Acknowledgements")])]),_v(" "),_c('ul',[_c('li',[_v("Libraries used: "),_c('a',{attrs:{"href":"https://openjfx.io/"}},[_v("JavaFX")]),_v(", "),_c('a',{attrs:{"href":"https://github.com/FasterXML/jackson"}},[_v("Jackson")]),_v(", "),_c('a',{attrs:{"href":"https://github.com/junit-team/junit5"}},[_v("JUnit5")])])])])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 4:27:59 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 4:51:16 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/siteData.json b/siteData.json
index ddda3708d2f..249a1850174 100644
--- a/siteData.json
+++ b/siteData.json
@@ -76,7 +76,7 @@
         "sorting-students": "Sorting Students",
         "sorting-student-scores": "Sorting Student Scores",
         "calculating-statistics": "Calculating Statistics",
-        "saving-data": "Saving data",
+        "saving-and-loading-data": "Saving and Loading data",
         "appendix-planned-enhancements": "Appendix: Planned Enhancements"
       },
       "headingKeywords": {}
diff --git a/team/feifeiraindrops.html b/team/feifeiraindrops.html
index 0e60857448e..6bef7a048fd 100644
--- a/team/feifeiraindrops.html
+++ b/team/feifeiraindrops.html
@@ -33,7 +33,7 @@
 The student and graded component list will be emptied.</li> <li><strong>Justification</strong>: A student score is related to one graded component and one student, thus it can ab found by keywords of both classes.
 We assume that the user is only interested in the particular student scores when using this command. If they are interested in the students and graded components as well, findStu or findComp should be used instead.</li> <li><strong>Highlights</strong>: Implementing this feature requires a good design of the algorithm and understanding or the project models to show the correct student scores.</li></ul></li> <li><p><strong>New Feature</strong>: <code class="hljs inline no-lang">findComp</code> - find a graded component based on the keywords</p> <ul><li><strong>What it does</strong>:  Find a graded component in the database based on component name. All students are displayed as they are all relevant.
 All student scores related to the component will be displayed as well.</li> <li><strong>Justification</strong>: Since student score is related to students, they are also displayed so that the user does not need rto do another search for them.</li> <li><strong>Highlights</strong>: Implementing this feature requires a good design of the algorithm and understanding or the project models to show the correct graded components.</li></ul></li> <li><p><strong>New Feature</strong>: <code class="hljs inline no-lang">listAll</code> - list all students, student scores and graded components</p> <ul><li><strong>What it does</strong>:  Displays all students, student scores and graded components in the respective lists</li> <li><strong>Justification</strong>: This feature is useful in resetting the display after a find command</li></ul></li> <li><p><strong>Code contributed</strong>:</p> <ul><li>Highlights: designed and implemented tutorial group and student id classes, which are unique to the project</li> <li><a href="https://nus-cs2103-ay2324s1.github.io/tp-dashboard/?search=&amp;sort=groupTitle&amp;sortWithin=title&amp;timeframe=commit&amp;mergegroup=&amp;groupSelect=groupByRepos&amp;breakdown=true&amp;checkedFileTypes=docs~functional-code~test-code&amp;since=2023-09-22&amp;tabOpen=true&amp;tabType=authorship&amp;tabAuthor=feifeiraindrops&amp;tabRepo=AY2324S1-CS2103T-W08-2%2Ftp%5Bmaster%5D&amp;authorshipIsMergeGroup=false&amp;authorshipFileTypes=docs~functional-code~test-code&amp;authorshipIsBinaryFileTypeChecked=false&amp;authorshipIsIgnoredFilesChecked=false">RepoSense link</a></li></ul></li> <li><p><strong>Project management</strong>:</p> <ul><li>Setting up team repository, website and relevant tools to be used</li> <li>Setting up zoom for weekly meeting</li></ul></li> <li><p><strong>Documentation</strong>:</p> <ul><li><p>User Guide:</p> <ul><li>Documented the CRUD features for student and find features</li> <li>Organised and formatted the content</li> <li>Added comprehensive UI demonstration</li></ul></li> <li><p>Developer Guide:</p> <ul><li>Documented implementation of the logic component</li> <li>Documented implementation of addStu, editStu, findStu commands</li> <li>Documented manual test of addStu, editStu, findStu commands</li> <li>Updated UML diagrams for proposed implementation and better oop</li></ul></li></ul></li> <li><p><strong>Testing</strong>:</p> <ul><li>Implemented testing for models, commands and parsers related to student CRUD features, the find features and list feature.</li></ul></li> <li><p><strong>Community</strong>:</p> <ul><li>Reviewed 14 PRs
-<ul><li>3 with non-trivial comment</li></ul></li></ul></li></ul></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 4:27:59 GMT+8]</small></div></footer></div>
+<ul><li>3 with non-trivial comment</li></ul></li></ul></li></ul></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 4:51:16 GMT+8]</small></div></footer></div>
 </body><script src="/tp/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/team/feifeiraindrops.page-vue-render.js b/team/feifeiraindrops.page-vue-render.js
index ad5343ac2f9..5bdecf68621 100644
--- a/team/feifeiraindrops.page-vue-render.js
+++ b/team/feifeiraindrops.page-vue-render.js
@@ -8,6 +8,6 @@ with(this){return _c('div',{attrs:{"id":"app"}},[_c('header',{attrs:{"sticky":""
 with(this){return _c('div',{attrs:{"id":"content-wrapper"}},[_c('h3',{attrs:{"id":"project-modulight"}},[_v("Project: ModuLight"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#project-modulight","onclick":"event.stopPropagation()"}})]),_v(" "),_c('ul',[_c('li',[_c('p',[_c('strong',[_v("New Feature")]),_v(": "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("addStu")]),_v(" - Add a student to the database")]),_v(" "),_c('ul',[_c('li',[_c('strong',[_v("What it does")]),_v(": Adds a student to the database. An empty score of the student will be added to all existing\ngraded components as well. It requires the student name, student id, and email, while the tutorial group and tag are optional.")]),_v(" "),_c('li',[_c('strong',[_v("Justification")]),_v(": A student might be added after the graded components are set up, thus it is necessary to add\nscores to graded components. Furthermore, a tutorial group is optional as it might be undetermined at the start of the semester.")]),_v(" "),_c('li',[_c('strong',[_v("Highlights")]),_v(": Implementing this feature requires the creation of new classes such as tutorial groups and student id.\nIt requires a good understanding to make sure that they only accept the correct inputs.")])])]),_v(" "),_c('li',[_c('p',[_c('strong',[_v("New Feature")]),_v(": "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("editStu")]),_v(" - edit the student information")]),_v(" "),_c('ul',[_c('li',[_c('strong',[_v("What it does")]),_v(": Edit a student's name, student id, email, tutorial group or tag, as indicated by the index. All student scores related to this student wil be updated as well.")]),_v(" "),_c('li',[_c('strong',[_v("Justification")]),_v(": There might be changes to a student's information.")]),_v(" "),_c('li',[_c('strong',[_v("Highlights")]),_v(": Implementing this feature requires a good understanding of the project model. Since a student score is related to a student, it has to be updated when the student is edited.")])])]),_v(" "),_c('li',[_c('p',[_c('strong',[_v("New Feature")]),_v(": "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("deleteStu")]),_v(" - delete a student and related student scores from the database")]),_v(" "),_c('ul',[_c('li',[_c('strong',[_v("What it does")]),_v(": Delete a student as all related student scores as indicated by the index.")]),_v(" "),_c('li',[_c('strong',[_v("Justification")]),_v(": A student can drop the module.")]),_v(" "),_c('li',[_c('strong',[_v("Highlights")]),_v(": Implementing this feature requires a good understanding of the project model. Since a student score is related to a student, it should be removed when the student no longer exists.")])])]),_v(" "),_c('li',[_c('p',[_c('strong',[_v("New Feature")]),_v(": "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("findStu")]),_v(" - find a student based on the keywords")]),_v(" "),_c('ul',[_c('li',[_c('strong',[_v("What it does")]),_v(": Find a student in the database based on the name, student id, tutorial group, email or tag keywords.\nAll student scores related to the student will be displayed as well. All graded components are displayed as they are all relevant.")]),_v(" "),_c('li',[_c('strong',[_v("Justification")]),_v(": The user might be interested to find the students with one or many attributes. Allowing search\nby attributes increases the flexibility of the search. Since student score is related to students, they are also displayed so that the user does not need rto do another search for them.")]),_v(" "),_c('li',[_c('strong',[_v("Highlights")]),_v(": Implementing this feature requires a good design of the algorithm and understanding or the project models to show the correct student and student scores.")])])]),_v(" "),_c('li',[_c('p',[_c('strong',[_v("New Feature")]),_v(": "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("findScore")]),_v(" - find a student score based on the keywords")]),_v(" "),_c('ul',[_c('li',[_c('strong',[_v("What it does")]),_v(": Find a student score in the database based on graded component name, student name, student id, tutorial group, email or tag keywords.\nThe student and graded component list will be emptied.")]),_v(" "),_c('li',[_c('strong',[_v("Justification")]),_v(": A student score is related to one graded component and one student, thus it can ab found by keywords of both classes.\nWe assume that the user is only interested in the particular student scores when using this command. If they are interested in the students and graded components as well, findStu or findComp should be used instead.")]),_v(" "),_c('li',[_c('strong',[_v("Highlights")]),_v(": Implementing this feature requires a good design of the algorithm and understanding or the project models to show the correct student scores.")])])]),_v(" "),_c('li',[_c('p',[_c('strong',[_v("New Feature")]),_v(": "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("findComp")]),_v(" - find a graded component based on the keywords")]),_v(" "),_c('ul',[_c('li',[_c('strong',[_v("What it does")]),_v(":  Find a graded component in the database based on component name. All students are displayed as they are all relevant.\nAll student scores related to the component will be displayed as well.")]),_v(" "),_c('li',[_c('strong',[_v("Justification")]),_v(": Since student score is related to students, they are also displayed so that the user does not need rto do another search for them.")]),_v(" "),_c('li',[_c('strong',[_v("Highlights")]),_v(": Implementing this feature requires a good design of the algorithm and understanding or the project models to show the correct graded components.")])])]),_v(" "),_c('li',[_c('p',[_c('strong',[_v("New Feature")]),_v(": "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("listAll")]),_v(" - list all students, student scores and graded components")]),_v(" "),_c('ul',[_c('li',[_c('strong',[_v("What it does")]),_v(":  Displays all students, student scores and graded components in the respective lists")]),_v(" "),_c('li',[_c('strong',[_v("Justification")]),_v(": This feature is useful in resetting the display after a find command")])])]),_v(" "),_c('li',[_c('p',[_c('strong',[_v("Code contributed")]),_v(":")]),_v(" "),_c('ul',[_c('li',[_v("Highlights: designed and implemented tutorial group and student id classes, which are unique to the project")]),_v(" "),_c('li',[_c('a',{attrs:{"href":"https://nus-cs2103-ay2324s1.github.io/tp-dashboard/?search=&sort=groupTitle&sortWithin=title&timeframe=commit&mergegroup=&groupSelect=groupByRepos&breakdown=true&checkedFileTypes=docs~functional-code~test-code&since=2023-09-22&tabOpen=true&tabType=authorship&tabAuthor=feifeiraindrops&tabRepo=AY2324S1-CS2103T-W08-2%2Ftp%5Bmaster%5D&authorshipIsMergeGroup=false&authorshipFileTypes=docs~functional-code~test-code&authorshipIsBinaryFileTypeChecked=false&authorshipIsIgnoredFilesChecked=false"}},[_v("RepoSense link")])])])]),_v(" "),_c('li',[_c('p',[_c('strong',[_v("Project management")]),_v(":")]),_v(" "),_c('ul',[_c('li',[_v("Setting up team repository, website and relevant tools to be used")]),_v(" "),_c('li',[_v("Setting up zoom for weekly meeting")])])]),_v(" "),_c('li',[_c('p',[_c('strong',[_v("Documentation")]),_v(":")]),_v(" "),_c('ul',[_c('li',[_c('p',[_v("User Guide:")]),_v(" "),_c('ul',[_c('li',[_v("Documented the CRUD features for student and find features")]),_v(" "),_c('li',[_v("Organised and formatted the content")]),_v(" "),_c('li',[_v("Added comprehensive UI demonstration")])])]),_v(" "),_c('li',[_c('p',[_v("Developer Guide:")]),_v(" "),_c('ul',[_c('li',[_v("Documented implementation of the logic component")]),_v(" "),_c('li',[_v("Documented implementation of addStu, editStu, findStu commands")]),_v(" "),_c('li',[_v("Documented manual test of addStu, editStu, findStu commands")]),_v(" "),_c('li',[_v("Updated UML diagrams for proposed implementation and better oop")])])])])]),_v(" "),_c('li',[_c('p',[_c('strong',[_v("Testing")]),_v(":")]),_v(" "),_c('ul',[_c('li',[_v("Implemented testing for models, commands and parsers related to student CRUD features, the find features and list feature.")])])]),_v(" "),_c('li',[_c('p',[_c('strong',[_v("Community")]),_v(":")]),_v(" "),_c('ul',[_c('li',[_v("Reviewed 14 PRs\n"),_c('ul',[_c('li',[_v("3 with non-trivial comment")])])])])])])])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 4:27:59 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 4:51:16 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/team/marioalvaro.html b/team/marioalvaro.html
index 73e7664a31b..1aa3ed433fe 100644
--- a/team/marioalvaro.html
+++ b/team/marioalvaro.html
@@ -44,7 +44,7 @@
 Furthermore, values less than zero or more than 100 will cause an exception to be thrown as the total mark of a student is in percentage.
 Further check on values must be decreasing is also available as lower grades cannot have higher grade threshold.</li> <li>The parser then will return a new <code class="hljs inline no-lang">AutoGradeCommand</code> object.</li></ol> <p>Step 4. The <code class="hljs inline no-lang">AutoGradeCommand</code> returned will then be executed and several other things will be executed</p> <ol><li>This step will first trigger the <code class="hljs inline no-lang">sortStuCommand</code> and causes the filtered student list to be updated into the sorted form.</li> <li>A check will be done to ensure that the inputted array of float does not pass the maximum number of values. An exception will be thrown otherwise.</li> <li>As the grading method used in this example is <code class="hljs inline no-lang">PERCENTILE</code>, it will then trigger <code class="hljs inline no-lang">AutoGradeCommand#setGradeThresholdPercentile()</code> to be executed in order to calculate the
 grade threshold.</li> <li>It will then create an <code class="hljs inline no-lang">EditStudentDescriptor</code> for each student in the filtered list and the assigned grade.
-The grade is determined by comparing the student's total score and the grade threshold.</li> <li><code class="hljs inline no-lang">EditStudentCommand</code> will be created and executed for each student and the grade will be added.</li></ol> <p>The following sequence diagram shows how the auto-grading mechanism works:</p> <ul><li>The parser implementation (Command execution is hidden):</li></ul> <span class="image-wrapper"><img src="/tp/team/diagrams/AutoGradeParserSequenceDiagram.puml" width="" class="img-fluid rounded"> <span class="image-caption"></span></span> <ul><li>The command implementation :</li></ul> <span class="image-wrapper"><img src="/tp/team/diagrams/AutoGradeCommandSequenceDiagram.puml" width="" class="img-fluid rounded"> <span class="image-caption"></span></span> <p><strong>Use case: Edit a student score</strong></p> <p><strong>MSS</strong></p> <ol><li><p>User requests to list student scores.</p></li> <li><p>ModuLight shows a list of student scores.</p></li> <li><p>User requests to edit the details of a specific student score.</p></li> <li><p>ModuLight updates the detail of that student score with entered data.</p></li> <li><p>ModuLight shows a list of updated student scores.</p> <p>Use case ends.</p></li></ol> <p><strong>Extensions</strong></p> <ul><li><p>2a. The list is empty.</p> <p>Use case ends.</p></li> <li><p>3a. The given index is invalid.</p> <ul><li><p>3a1. ModuLight shows an error message.</p> <p>Use case resumes at step 2.</p></li></ul></li> <li><p>3b. There is some error in the entered data.</p> <ul><li>3b1. ModuLight shows an error message.</li></ul> <p>Use case resumes at step 2.</p></li></ul> <p><strong>Use case: Automatically grade students based on their total score</strong></p> <p><strong>MSS</strong></p> <ol><li><p>User requests to automatically grade student using AutoGradeCommand.</p></li> <li><p>Modulight automatically grade every student command based on their total score, grading method, and passing value.</p></li> <li><p>Modulight automatically sort students based on their total score for convenience.</p> <p>Use case ends.</p></li></ol> <p><strong>Extensions</strong></p> <ul><li><p>1a. User request to use unsupported grading method.</p> <ul><li><p>1a1. Modulight shows an error message and a list of supported grading method available.</p> <p>Use case ends</p></li></ul></li> <li><p>1b. User inputted non-decreasing values for passing value.</p> <ul><li><p>1b1. Modulight shows an error message specifying that the values inputted is non-decreasing.</p> <p>Use case ends</p></li></ul></li> <li><p>1c. User inputted passing values outside the bound of 0 and 100 inclusively.</p> <ul><li><p>1c1. Modulight shows an error message specifying that the values must be between 0 and 100 inclusively.</p> <p>Use case ends</p></li></ul></li> <li><p>1d. User inputted too many passing values.</p> <ul><li><p>1d1. Modulight shows an error message specifying that there are too many passing values inputted.</p> <p>Use case ends</p></li></ul></li></ul></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 4:27:59 GMT+8]</small></div></footer></div>
+The grade is determined by comparing the student's total score and the grade threshold.</li> <li><code class="hljs inline no-lang">EditStudentCommand</code> will be created and executed for each student and the grade will be added.</li></ol> <p>The following sequence diagram shows how the auto-grading mechanism works:</p> <ul><li>The parser implementation (Command execution is hidden):</li></ul> <span class="image-wrapper"><img src="/tp/team/diagrams/AutoGradeParserSequenceDiagram.puml" width="" class="img-fluid rounded"> <span class="image-caption"></span></span> <ul><li>The command implementation :</li></ul> <span class="image-wrapper"><img src="/tp/team/diagrams/AutoGradeCommandSequenceDiagram.puml" width="" class="img-fluid rounded"> <span class="image-caption"></span></span> <p><strong>Use case: Edit a student score</strong></p> <p><strong>MSS</strong></p> <ol><li><p>User requests to list student scores.</p></li> <li><p>ModuLight shows a list of student scores.</p></li> <li><p>User requests to edit the details of a specific student score.</p></li> <li><p>ModuLight updates the detail of that student score with entered data.</p></li> <li><p>ModuLight shows a list of updated student scores.</p> <p>Use case ends.</p></li></ol> <p><strong>Extensions</strong></p> <ul><li><p>2a. The list is empty.</p> <p>Use case ends.</p></li> <li><p>3a. The given index is invalid.</p> <ul><li><p>3a1. ModuLight shows an error message.</p> <p>Use case resumes at step 2.</p></li></ul></li> <li><p>3b. There is some error in the entered data.</p> <ul><li>3b1. ModuLight shows an error message.</li></ul> <p>Use case resumes at step 2.</p></li></ul> <p><strong>Use case: Automatically grade students based on their total score</strong></p> <p><strong>MSS</strong></p> <ol><li><p>User requests to automatically grade student using AutoGradeCommand.</p></li> <li><p>Modulight automatically grade every student command based on their total score, grading method, and passing value.</p></li> <li><p>Modulight automatically sort students based on their total score for convenience.</p> <p>Use case ends.</p></li></ol> <p><strong>Extensions</strong></p> <ul><li><p>1a. User request to use unsupported grading method.</p> <ul><li><p>1a1. Modulight shows an error message and a list of supported grading method available.</p> <p>Use case ends</p></li></ul></li> <li><p>1b. User inputted non-decreasing values for passing value.</p> <ul><li><p>1b1. Modulight shows an error message specifying that the values inputted is non-decreasing.</p> <p>Use case ends</p></li></ul></li> <li><p>1c. User inputted passing values outside the bound of 0 and 100 inclusively.</p> <ul><li><p>1c1. Modulight shows an error message specifying that the values must be between 0 and 100 inclusively.</p> <p>Use case ends</p></li></ul></li> <li><p>1d. User inputted too many passing values.</p> <ul><li><p>1d1. Modulight shows an error message specifying that there are too many passing values inputted.</p> <p>Use case ends</p></li></ul></li></ul></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 4:51:16 GMT+8]</small></div></footer></div>
 </body><script src="/tp/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/team/marioalvaro.page-vue-render.js b/team/marioalvaro.page-vue-render.js
index 2dfe041a577..454528ace37 100644
--- a/team/marioalvaro.page-vue-render.js
+++ b/team/marioalvaro.page-vue-render.js
@@ -128,6 +128,6 @@ with(this){return _c('p',[_c('strong',[_v("Extensions")])])}
 with(this){return _c('ul',[_c('li',[_c('p',[_v("1a. User request to use unsupported grading method.")]),_v(" "),_c('ul',[_c('li',[_c('p',[_v("1a1. Modulight shows an error message and a list of supported grading method available.")]),_v(" "),_c('p',[_v("Use case ends")])])])]),_v(" "),_c('li',[_c('p',[_v("1b. User inputted non-decreasing values for passing value.")]),_v(" "),_c('ul',[_c('li',[_c('p',[_v("1b1. Modulight shows an error message specifying that the values inputted is non-decreasing.")]),_v(" "),_c('p',[_v("Use case ends")])])])]),_v(" "),_c('li',[_c('p',[_v("1c. User inputted passing values outside the bound of 0 and 100 inclusively.")]),_v(" "),_c('ul',[_c('li',[_c('p',[_v("1c1. Modulight shows an error message specifying that the values must be between 0 and 100 inclusively.")]),_v(" "),_c('p',[_v("Use case ends")])])])]),_v(" "),_c('li',[_c('p',[_v("1d. User inputted too many passing values.")]),_v(" "),_c('ul',[_c('li',[_c('p',[_v("1d1. Modulight shows an error message specifying that there are too many passing values inputted.")]),_v(" "),_c('p',[_v("Use case ends")])])])])])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 4:27:59 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 4:51:16 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/team/seraphimstreets.html b/team/seraphimstreets.html
index 0f53f469a41..b91bf7edfaf 100644
--- a/team/seraphimstreets.html
+++ b/team/seraphimstreets.html
@@ -35,7 +35,7 @@
 and component A has weightage 30, and component B weightage 20, then component A currently represents 20/(20+30) = 60% of
 the student’s overall score. This is modified as components are added and removed. Note that the total weightage of all graded components should be less than or equal to 100.</p></li> <li><p>If a graded component has a maximum mark of 0, the relative score for any associated student scores will be 0.</p></li></ul> <h3 id="add-a-graded-component-addcomp">Add a graded component: <code class="hljs inline no-lang">addComp</code><a href="#add-a-graded-component-addcomp" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>Adds a graded component to the database. The graded component name (case-sensitve) cannot match any other existing graded component names in the database. If successful, an acknowledgement message will be shown in the output box and data is saved. Otherwise, a failure message is shown instead specifying the cause of failure.</p> <p>Upon successful creation of a graded component, a corresponding student score will be created for each student in the database. For instance, if a graded component with name “Midterms” is created and there are two students with student numbers “A1234567X” and “A1234567Y” in the database, then two student scores are created with titles  “A1234567X - Midterm” and “A1234567Y - Midterm”.</p> <p>Weightage represents how much this component contributes when tabulating students’ total marks, and is calculated relative to the sum of all other component weightages. For instance, if there are only 2 components in the system currently, and component A has weightage 30, and component B weightage 20, then component A currently represents 60% of the grade. This is modified as components are added and removed.</p> <p>Format: <code class="hljs inline no-lang">addComp c/COMP_NAME w/WEIGHTAGE mm/MAX_MARKS</code></p> <p>Examples: <code class="hljs inline no-lang">addComp c/Midterm w/30 mm/70</code>  adds a graded component called “Midterm” with a weightage of 30 and a maximum mark of 70.</p> <h3 id="edit-a-graded-component-editcomp">Edit a graded component: <code class="hljs inline no-lang">editComp</code><a href="#edit-a-graded-component-editcomp" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>Edits an existing graded component’s details in the database, based on the 1-based index of the graded component shown in the Graded Components list. If successful, an acknowledgement message will be shown in the output box and data is saved. Otherwise, a failure message is shown instead specifying the cause of failure.
 1 or more fields to be edited must be provided in the command. The index provided must be more than 0 and not exceed the number of graded components displayed in the Graded Components list. If the component name is being edited, the component name cannot match the component name of any other graded component already in the database.</p> <p>Format: <code class="hljs inline no-lang">editComp INDEX [c/COMP_NAME] [w/WEIGHTAGE] [mm/MAX_MARKS]</code></p> <p>Examples: <code class="hljs inline no-lang">editComp 4 c/Midterm Exam mm/55</code> edits the fourth graded component in the Graded Components list to have a name of “Midterm Exam”, and a maximum mark of 55.</p> <h3 id="delete-a-graded-component-deletecomp">Delete a graded component: <code class="hljs inline no-lang">deleteComp</code><a href="#delete-a-graded-component-deletecomp" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>Deletes an existing graded component in the database, based on the 1-based index of the graded component shown in the Graded Components list.
-If successful, an acknowledgement message will be shown in the output box and data is saved. Otherwise, a failure message is shown instead specifying the cause of failure.</p> <p>The index provided must be more than 0 and not exceed the number of graded components displayed in the Graded Components list.</p> <p>Format: <code class="hljs inline no-lang">deleteComp INDEX</code></p> <p>Examples: <code class="hljs inline no-lang">deleteComp 2</code> deletes the second graded component in the displayed Graded Components List</p> <h3 id="contributions-to-developer-guide">Contributions to Developer Guide<a href="#contributions-to-developer-guide" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 4:27:59 GMT+8]</small></div></footer></div>
+If successful, an acknowledgement message will be shown in the output box and data is saved. Otherwise, a failure message is shown instead specifying the cause of failure.</p> <p>The index provided must be more than 0 and not exceed the number of graded components displayed in the Graded Components list.</p> <p>Format: <code class="hljs inline no-lang">deleteComp INDEX</code></p> <p>Examples: <code class="hljs inline no-lang">deleteComp 2</code> deletes the second graded component in the displayed Graded Components List</p> <h3 id="contributions-to-developer-guide">Contributions to Developer Guide<a href="#contributions-to-developer-guide" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 4:51:16 GMT+8]</small></div></footer></div>
 </body><script src="/tp/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/team/seraphimstreets.page-vue-render.js b/team/seraphimstreets.page-vue-render.js
index b19f38733de..d1045c0daad 100644
--- a/team/seraphimstreets.page-vue-render.js
+++ b/team/seraphimstreets.page-vue-render.js
@@ -8,6 +8,6 @@ with(this){return _c('div',{attrs:{"id":"app"}},[_c('header',{attrs:{"sticky":""
 with(this){return _c('div',{attrs:{"id":"content-wrapper"}},[_c('h3',{attrs:{"id":"project-modulight"}},[_v("Project: ModuLight"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#project-modulight","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_v("ModuLight is a lightweight application for professors to manage and\nperform statistical analysis on the educational records of students.\nGiven below are my contributions to the project.")]),_v(" "),_c('ul',[_c('li',[_c('p',[_c('strong',[_v("New Features")]),_v(":")]),_v(" "),_c('ul',[_c('li',[_c('p',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("addGradedComponent")]),_v(": allows users to add a graded component into the app.")])]),_v(" "),_c('li',[_c('p',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("editGradedComponent")]),_v(": allows users to edit a graded component in the app.")])]),_v(" "),_c('li',[_c('p',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("deleteGradedComponent")]),_v(": allows users to delete a graded component in the app.")])])])]),_v(" "),_c('li',[_c('p',[_c('strong',[_v("Code contributed:")]),_v(":")]),_v(" "),_c('ul',[_c('li',[_v("Major highlights:\n"),_c('ul',[_c('li',[_v("Modified the UI and JavaFX code to accommodate three entities\nand dynamically update the UI whenever changes are made.")]),_v(" "),_c('li',[_v("Designed the class infrastructure to link Student, GradedComponent,StudentScore\nand calculate mean scores.")])])]),_v(" "),_c('li',[_v("For more details, refer to: "),_c('a',{attrs:{"href":"https://nus-cs2103-ay2324s1.github.io/tp-dashboard/?search=seraphimstreets&breakdown=false&sort=groupTitle%20dsc&sortWithin=title&since=2023-09-22&timeframe=commit&mergegroup=&groupSelect=groupByRepos"}},[_v("https://nus-cs2103-ay2324s1.github.io/tp-dashboard/?search=seraphimstreets&breakdown=false&sort=groupTitle dsc&sortWithin=title&since=2023-09-22&timeframe=commit&mergegroup=&groupSelect=groupByRepos")])])])]),_v(" "),_c('li',[_c('p',[_c('strong',[_v("Project management")]),_v(":")]),_v(" "),_c('ul',[_c('li',[_v("As group leader, delegated tasks and managed issue tracker.")])])])]),_v(" "),_c('h3',{attrs:{"id":"contributions-to-user-guide"}},[_v("Contributions to User Guide"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#contributions-to-user-guide","onclick":"event.stopPropagation()"}})]),_v(" "),_c('h3',{attrs:{"id":"graded-component-parameters"}},[_v("Graded Component Parameters"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#graded-component-parameters","onclick":"event.stopPropagation()"}})]),_v(" "),_c('div',{staticClass:"table-responsive"},[_c('table',{staticClass:"markbind-table table table-bordered table-striped"},[_c('thead',[_c('tr',[_c('th',[_v("Parameter")]),_v(" "),_c('th',[_v("Description")]),_v(" "),_c('th',[_v("Constraints")]),_v(" "),_c('th',[_v("Valid Examples")]),_v(" "),_c('th',[_v("Invalid Examples")])])]),_v(" "),_c('tbody',[_c('tr',[_c('td',[_v("c/")]),_v(" "),_c('td',[_v("Name of the graded component")]),_v(" "),_c('td',[_v("Must only contain alphanumeric characters and must not be empty")]),_v(" "),_c('td',[_v("Midterm Exam, CA2")]),_v(" "),_c('td',[_v("高考, CA2/Oral, Practical-Exam")])]),_v(" "),_c('tr',[_c('td',[_v("w/")]),_v(" "),_c('td',[_v("Weightage of the graded component")]),_v(" "),_c('td',[_v("Must be a non-negative number less than or equal to 100. Decimals are allowed.")]),_v(" "),_c('td',[_v("0, 0.25, 20")]),_v(" "),_c('td',[_v("-0.3, 1/2, (20), 1000.8, NIL")])]),_v(" "),_c('tr',[_c('td',[_v("mm/")]),_v(" "),_c('td',[_v("Maximum marks for the graded component, in absolute terms")]),_v(" "),_c('td',[_v("Must be a non-negative number less than or equal to 10000.")]),_v(" "),_c('td',[_v("0.0, 28, 100, 200.0")]),_v(" "),_c('td',[_v("-0.3, 1/2, (20), NIL")])])])])]),_c('p',[_c('strong',[_v("Notes on Graded Component and Student Score parameters for score calculation")]),_c('br')]),_v(" "),_c('ul',[_c('li',[_c('p',[_v("The maximum marks of a graded component and marks of a student score are both absolute values and are used together to\ndetermine the relative performance of a student for a component. For instance, if the maximum marks for a component Midterms is 50, and the marks for the student is 35, then the student scored 35/50 =70% on this graded component.")])]),_v(" "),_c('li',[_c('p',[_v("The weightage of a graded component is used to determine its contribution to a student’s overall score, and is calculated\nrelative to the sum of all other component weightages. For instance, if there are only 2 components in the system currently,\nand component A has weightage 30, and component B weightage 20, then component A currently represents 20/(20+30) = 60% of\nthe student’s overall score. This is modified as components are added and removed. Note that the total weightage of all graded components should be less than or equal to 100.")])]),_v(" "),_c('li',[_c('p',[_v("If a graded component has a maximum mark of 0, the relative score for any associated student scores will be 0.")])])]),_v(" "),_c('h3',{attrs:{"id":"add-a-graded-component-addcomp"}},[_v("Add a graded component: "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("addComp")]),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#add-a-graded-component-addcomp","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_v("Adds a graded component to the database. The graded component name (case-sensitve) cannot match any other existing graded component names in the database. If successful, an acknowledgement message will be shown in the output box and data is saved. Otherwise, a failure message is shown instead specifying the cause of failure.")]),_v(" "),_c('p',[_v("Upon successful creation of a graded component, a corresponding student score will be created for each student in the database. For instance, if a graded component with name “Midterms” is created and there are two students with student numbers “A1234567X” and “A1234567Y” in the database, then two student scores are created with titles  “A1234567X - Midterm” and “A1234567Y - Midterm”.")]),_v(" "),_c('p',[_v("Weightage represents how much this component contributes when tabulating students’ total marks, and is calculated relative to the sum of all other component weightages. For instance, if there are only 2 components in the system currently, and component A has weightage 30, and component B weightage 20, then component A currently represents 60% of the grade. This is modified as components are added and removed.")]),_v(" "),_c('p',[_v("Format: "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("addComp c/COMP_NAME w/WEIGHTAGE mm/MAX_MARKS")])]),_v(" "),_c('p',[_v("Examples: "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("addComp c/Midterm w/30 mm/70")]),_v("  adds a graded component called “Midterm” with a weightage of 30 and a maximum mark of 70.")]),_v(" "),_c('h3',{attrs:{"id":"edit-a-graded-component-editcomp"}},[_v("Edit a graded component: "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("editComp")]),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#edit-a-graded-component-editcomp","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_v("Edits an existing graded component’s details in the database, based on the 1-based index of the graded component shown in the Graded Components list. If successful, an acknowledgement message will be shown in the output box and data is saved. Otherwise, a failure message is shown instead specifying the cause of failure.\n1 or more fields to be edited must be provided in the command. The index provided must be more than 0 and not exceed the number of graded components displayed in the Graded Components list. If the component name is being edited, the component name cannot match the component name of any other graded component already in the database.")]),_v(" "),_c('p',[_v("Format: "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("editComp INDEX [c/COMP_NAME] [w/WEIGHTAGE] [mm/MAX_MARKS]")])]),_v(" "),_c('p',[_v("Examples: "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("editComp 4 c/Midterm Exam mm/55")]),_v(" edits the fourth graded component in the Graded Components list to have a name of “Midterm Exam”, and a maximum mark of 55.")]),_v(" "),_c('h3',{attrs:{"id":"delete-a-graded-component-deletecomp"}},[_v("Delete a graded component: "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("deleteComp")]),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#delete-a-graded-component-deletecomp","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_v("Deletes an existing graded component in the database, based on the 1-based index of the graded component shown in the Graded Components list.\nIf successful, an acknowledgement message will be shown in the output box and data is saved. Otherwise, a failure message is shown instead specifying the cause of failure.")]),_v(" "),_c('p',[_v("The index provided must be more than 0 and not exceed the number of graded components displayed in the Graded Components list.")]),_v(" "),_c('p',[_v("Format: "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("deleteComp INDEX")])]),_v(" "),_c('p',[_v("Examples: "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("deleteComp 2")]),_v(" deletes the second graded component in the displayed Graded Components List")]),_v(" "),_c('h3',{attrs:{"id":"contributions-to-developer-guide"}},[_v("Contributions to Developer Guide"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#contributions-to-developer-guide","onclick":"event.stopPropagation()"}})])])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 4:27:59 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 4:51:16 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/team/sinhavedant.html b/team/sinhavedant.html
index 103f078890f..2ac0027b2de 100644
--- a/team/sinhavedant.html
+++ b/team/sinhavedant.html
@@ -25,7 +25,11 @@
     </div> <ul class="dropdown-menu search-dropdown-menu d-none dropdown-menu-end" data-v-01e11c9b></ul></div></form></li></ul></div></nav> <div class="lower-navbar-container" style="display:none;" data-v-73b4aa16><!----> <!----></div></div></header> <div id="flex-body"><nav id="site-nav" data-v-e6005420><div class="site-nav-top" data-v-e6005420><div class="fw-bold mb-2" style="font-size:1.25rem;" data-v-e6005420>Site Map</div></div> <div class="nav-component slim-scroll" data-v-e6005420><div class="site-nav-root"><ul class="site-nav-list site-nav-list-root" data-v-e6005420><li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-0" data-v-e6005420><a href="/tp/index.html" data-v-e6005420>Home</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-0" data-v-e6005420><a href="/tp/UserGuide.html" data-v-e6005420>User Guide</a> <div class="site-nav-dropdown-btn-container" data-v-e6005420><i onclick="handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();" class="site-nav-dropdown-btn-icon site-nav-rotate-icon" data-v-e6005420><span aria-hidden="true" class="glyphicon glyphicon-menu-down" data-v-e6005420></span></i></div></div><ul class="site-nav-dropdown-container site-nav-dropdown-container-open site-nav-list" data-v-e6005420><li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/UserGuide.html#quick-start" data-v-e6005420>Quick Start</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/UserGuide.html#features" data-v-e6005420>Features</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/UserGuide.html#faq" data-v-e6005420>FAQ</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/UserGuide.html#faq" data-v-e6005420>Command Summary</a></div></li></ul></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-0" data-v-e6005420><a href="/tp/DeveloperGuide.html" data-v-e6005420>Developer Guide</a> <div class="site-nav-dropdown-btn-container" data-v-e6005420><i onclick="handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();" class="site-nav-dropdown-btn-icon site-nav-rotate-icon" data-v-e6005420><span aria-hidden="true" class="glyphicon glyphicon-menu-down" data-v-e6005420></span></i></div></div><ul class="site-nav-dropdown-container site-nav-dropdown-container-open site-nav-list" data-v-e6005420><li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#acknowledgements" data-v-e6005420>Acknowledgements</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#setting-up-getting-started" data-v-e6005420>Setting Up</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#design" data-v-e6005420>Design</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#implementation" data-v-e6005420>Implementation</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#documentation-logging-testing-configuration-dev-ops" data-v-e6005420>Documentation, logging, testing, configuration, dev-ops</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#appendix-requirements" data-v-e6005420>Appendix: Requirements</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/DeveloperGuide.html#appendix-instructions-for-manual-testing" data-v-e6005420>Appendix: Instructions for manual testing</a></div></li></ul></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-0" data-v-e6005420>Tutorials
 
 <div class="site-nav-dropdown-btn-container" data-v-e6005420><i onclick="handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();" class="site-nav-dropdown-btn-icon" data-v-e6005420><span aria-hidden="true" class="glyphicon glyphicon-menu-down" data-v-e6005420></span></i></div></div><ul class="site-nav-dropdown-container site-nav-list" data-v-e6005420><li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/tutorials/TracingCode.html" data-v-e6005420>Tracing code</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/tutorials/AddRemark.html" data-v-e6005420>Adding a command</a></div></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-1" data-v-e6005420><a href="/tp/tutorials/RemovingFields.html" data-v-e6005420>Removing Fields</a></div></li></ul></li> <li data-v-e6005420><div onclick="handleSiteNavClick(this)" class="site-nav-default-list-item site-nav-list-item-0" data-v-e6005420><a href="/tp/AboutUs.html" data-v-e6005420>About Us</a></div></li> <!----></ul></div></div> <!----></nav> <div id="content-wrapper"><h3 id="project-modulight">Project: ModuLight<a href="#project-modulight" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>ModuLight is a lightweight application for educators to manage and
-perform statistical analysis on the educational records of students.</p> <p>Given below are my contributions to the project.</p> <ul><li><p><strong>Code contributed</strong>:</p> <ul><li>to be added</li> <li>Here I will add my code contribution by Monday.</li></ul></li> <li><p><strong>Enhancements implemented</strong>:</p> <ul><li>to be added</li> <li>Here I will add my enhancements implemented by Monday</li></ul></li> <li><p><strong>Contributions to the UG</strong>:</p> <ul><li>to be added</li> <li>Here I will add my contribution to the UG after we fill the form on the CS2101 side so that it is the same as that.</li></ul></li> <li><p><strong>Contributions to the DG</strong>:</p> <ul><li>To be added</li> <li>Here I will add my contribution to DG by Monday</li></ul></li> <li><p><strong>Review contributions</strong>:</p> <ul><li>To be added</li> <li>Here I will add my review contribution by Monday.</li></ul></li></ul> <p>Just so that it surely gets detected by the scripts here I</p> <p>am adding some</p> <p>extra lines.</p></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 4:27:59 GMT+8]</small></div></footer></div>
+perform statistical analysis on the educational records of students.</p> <p>Given below are my contributions to the project.</p> <ul><li><p><strong>Code contributed</strong>:</p> <ul><li>Here is my <a href="https://nus-cs2103-ay2324s1.github.io/tp-dashboard/?search=sinhavedant&amp;breakdown=true">Code Contributed</a></li></ul></li> <li><p><strong>Enhancements implemented</strong>:</p> <ul><li>I mainly worked on the Storage component. Our project stores the data in 3 json files namely <code class="hljs inline no-lang">studentBook. json</code>, <code class="hljs inline no-lang">gradedComponentBook.json</code> and <code class="hljs inline no-lang">scoreBook.json</code>. I wrote code for <code class="hljs inline no-lang">studentBook.json</code> and
+<code class="hljs inline no-lang">gradedComponentBook.json</code>.</li> <li>I also edited parts of <code class="hljs inline no-lang">scoreBook.json</code> related code.</li> <li>The code follows similar style as the AB3 but writing it for multiple storage files required proper
+understanding of the AB3 Storage code.</li> <li>I implemented complete testing for code related to <code class="hljs inline no-lang">studentBook.json</code> and partial testing for code related to
+other storage classes.</li></ul></li> <li><p><strong>Contributions to the UG</strong>:</p> <ul><li>Added How to use the guide section.</li> <li>Added Quick Start Guide.</li> <li>Added Saving the data and Loading the previous data section.</li></ul></li> <li><p><strong>Contributions to the DG</strong>:</p> <ul><li>Updated the Storage Component</li> <li>Added 3 puml files all inside Storage Component</li> <li>Added Instructions for manual testing for Saving and Loading Data.</li></ul></li> <li><p><strong>Review contributions</strong>:</p> <ul><li>Reviewed multiple PRs.</li> <li>There was one instance where I realised a PR had commits with wrong formatting so I requested the teammate to
+edit the commit name before merging the PR.</li></ul></li></ul></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 4:51:16 GMT+8]</small></div></footer></div>
 </body><script src="/tp/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/team/sinhavedant.page-vue-render.js b/team/sinhavedant.page-vue-render.js
index 662b78ea36e..4f8553857bc 100644
--- a/team/sinhavedant.page-vue-render.js
+++ b/team/sinhavedant.page-vue-render.js
@@ -5,9 +5,9 @@ with(this){return _c('div',{attrs:{"id":"app"}},[_c('header',{attrs:{"sticky":""
 };
     var pageVueStaticRenderFns = [function anonymous(
 ) {
-with(this){return _c('div',{attrs:{"id":"content-wrapper"}},[_c('h3',{attrs:{"id":"project-modulight"}},[_v("Project: ModuLight"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#project-modulight","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_v("ModuLight is a lightweight application for educators to manage and\nperform statistical analysis on the educational records of students.")]),_v(" "),_c('p',[_v("Given below are my contributions to the project.")]),_v(" "),_c('ul',[_c('li',[_c('p',[_c('strong',[_v("Code contributed")]),_v(":")]),_v(" "),_c('ul',[_c('li',[_v("to be added")]),_v(" "),_c('li',[_v("Here I will add my code contribution by Monday.")])])]),_v(" "),_c('li',[_c('p',[_c('strong',[_v("Enhancements implemented")]),_v(":")]),_v(" "),_c('ul',[_c('li',[_v("to be added")]),_v(" "),_c('li',[_v("Here I will add my enhancements implemented by Monday")])])]),_v(" "),_c('li',[_c('p',[_c('strong',[_v("Contributions to the UG")]),_v(":")]),_v(" "),_c('ul',[_c('li',[_v("to be added")]),_v(" "),_c('li',[_v("Here I will add my contribution to the UG after we fill the form on the CS2101 side so that it is the same as that.")])])]),_v(" "),_c('li',[_c('p',[_c('strong',[_v("Contributions to the DG")]),_v(":")]),_v(" "),_c('ul',[_c('li',[_v("To be added")]),_v(" "),_c('li',[_v("Here I will add my contribution to DG by Monday")])])]),_v(" "),_c('li',[_c('p',[_c('strong',[_v("Review contributions")]),_v(":")]),_v(" "),_c('ul',[_c('li',[_v("To be added")]),_v(" "),_c('li',[_v("Here I will add my review contribution by Monday.")])])])]),_v(" "),_c('p',[_v("Just so that it surely gets detected by the scripts here I")]),_v(" "),_c('p',[_v("am adding some")]),_v(" "),_c('p',[_v("extra lines.")])])}
+with(this){return _c('div',{attrs:{"id":"content-wrapper"}},[_c('h3',{attrs:{"id":"project-modulight"}},[_v("Project: ModuLight"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#project-modulight","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_v("ModuLight is a lightweight application for educators to manage and\nperform statistical analysis on the educational records of students.")]),_v(" "),_c('p',[_v("Given below are my contributions to the project.")]),_v(" "),_c('ul',[_c('li',[_c('p',[_c('strong',[_v("Code contributed")]),_v(":")]),_v(" "),_c('ul',[_c('li',[_v("Here is my "),_c('a',{attrs:{"href":"https://nus-cs2103-ay2324s1.github.io/tp-dashboard/?search=sinhavedant&breakdown=true"}},[_v("Code Contributed")])])])]),_v(" "),_c('li',[_c('p',[_c('strong',[_v("Enhancements implemented")]),_v(":")]),_v(" "),_c('ul',[_c('li',[_v("I mainly worked on the Storage component. Our project stores the data in 3 json files namely "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("studentBook. json")]),_v(", "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("gradedComponentBook.json")]),_v(" and "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("scoreBook.json")]),_v(". I wrote code for "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("studentBook.json")]),_v(" and\n"),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("gradedComponentBook.json")]),_v(".")]),_v(" "),_c('li',[_v("I also edited parts of "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("scoreBook.json")]),_v(" related code.")]),_v(" "),_c('li',[_v("The code follows similar style as the AB3 but writing it for multiple storage files required proper\nunderstanding of the AB3 Storage code.")]),_v(" "),_c('li',[_v("I implemented complete testing for code related to "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("studentBook.json")]),_v(" and partial testing for code related to\nother storage classes.")])])]),_v(" "),_c('li',[_c('p',[_c('strong',[_v("Contributions to the UG")]),_v(":")]),_v(" "),_c('ul',[_c('li',[_v("Added How to use the guide section.")]),_v(" "),_c('li',[_v("Added Quick Start Guide.")]),_v(" "),_c('li',[_v("Added Saving the data and Loading the previous data section.")])])]),_v(" "),_c('li',[_c('p',[_c('strong',[_v("Contributions to the DG")]),_v(":")]),_v(" "),_c('ul',[_c('li',[_v("Updated the Storage Component")]),_v(" "),_c('li',[_v("Added 3 puml files all inside Storage Component")]),_v(" "),_c('li',[_v("Added Instructions for manual testing for Saving and Loading Data.")])])]),_v(" "),_c('li',[_c('p',[_c('strong',[_v("Review contributions")]),_v(":")]),_v(" "),_c('ul',[_c('li',[_v("Reviewed multiple PRs.")]),_v(" "),_c('li',[_v("There was one instance where I realised a PR had commits with wrong formatting so I requested the teammate to\nedit the commit name before merging the PR.")])])])])])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 4:27:59 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 4:51:16 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/team/siqirua.html b/team/siqirua.html
index 9e2ca249e7f..72f72dc6b0a 100644
--- a/team/siqirua.html
+++ b/team/siqirua.html
@@ -37,7 +37,7 @@
 allow our users to quickly identify the top scores. Meanwhile, the associated students will also be displayed in the
 corresponding order. In addition, this command is also necessary to make the displayed data more neat.</li></ul></li> <li><p><strong>Enhancements to existing features</strong>:</p></li> <li><p>Did cosmetic tweaks to the existing <code class="hljs inline no-lang">help</code> features <a href="https://github.com/AY2324S1-CS2103T-W08-2/tp/pull/142">#142</a></p></li> <li><p><strong>Code contributed</strong>:</p> <ul><li>Please refer to this <a href="https://nus-cs2103-ay2324s1.github.io/tp-dashboard/?search=siqirua&amp;breakdown=true">RepoSense Link</a></li></ul></li> <li><p><strong>Documentation</strong>:</p> <ul><li>User Guide:
 <ul><li>Added documentation for the features <code class="hljs inline no-lang">findStu</code>, <code class="hljs inline no-lang">stats</code>, <code class="hljs inline no-lang">compStats</code>, <code class="hljs inline no-lang">sortStu</code>, <code class="hljs inline no-lang">sortScore</code> <a href="https://github.com/AY2324S1-CS2103T-W08-2/tp/pull/11">#11</a>, <a href="https://github.com/AY2324S1-CS2103T-W08-2/tp/pull/90">#90</a></li> <li>Added documentation for the parameters <code class="hljs inline no-lang">o/</code>, <code class="hljs inline no-lang">r/</code>, <code class="hljs inline no-lang">st/</code> <a href="https://github.com/AY2324S1-CS2103T-W08-2/tp/pull/163">#163</a></li></ul></li> <li>Developer Guide:
-<ul><li>Added use cases, non-functional requirements and glossary sections <a href="https://github.com/AY2324S1-CS2103T-W08-2/tp/pull/10">#10</a>.</li> <li>Created UML diagrams for most parts <a href="https://github.com/AY2324S1-CS2103T-W08-2/tp/pull/162">#162</a></li> <li>Did cosmetic tweaks to the proposed <code class="hljs inline no-lang">Redo</code>/<code class="hljs inline no-lang">Undo</code> features <a href="https://github.com/AY2324S1-CS2103T-W08-2/tp/pull/169">#169</a></li> <li>Add Implementations of sort related commands and stats related command <a href="https://github.com/AY2324S1-CS2103T-W08-2/tp/pull/188">#188</a></li></ul></li></ul></li> <li><p><strong>Contributions to team-based tasks</strong>:</p> <ul><li>Renamed the package, method name and class name from address book related to modulight related</li> <li>Released JAR file for V1.3 trial</li> <li>Created Milestone v1.4</li> <li>Added table of content to User Guide and Developer Guide</li> <li>Added target user profile, value proposition to Developer Guide</li> <li>Added Planned Enhancement to Developer Guide</li> <li>Updated README.md in GitHub repository</li></ul></li> <li><p><strong>Community</strong>:</p> <ul><li>Reviewed peers’ tP (CS2103T-F10-3) and reported bugs/flaws for PED</li></ul></li></ul></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 4:27:59 GMT+8]</small></div></footer></div>
+<ul><li>Added use cases, non-functional requirements and glossary sections <a href="https://github.com/AY2324S1-CS2103T-W08-2/tp/pull/10">#10</a>.</li> <li>Created UML diagrams for most parts <a href="https://github.com/AY2324S1-CS2103T-W08-2/tp/pull/162">#162</a></li> <li>Did cosmetic tweaks to the proposed <code class="hljs inline no-lang">Redo</code>/<code class="hljs inline no-lang">Undo</code> features <a href="https://github.com/AY2324S1-CS2103T-W08-2/tp/pull/169">#169</a></li> <li>Add Implementations of sort related commands and stats related command <a href="https://github.com/AY2324S1-CS2103T-W08-2/tp/pull/188">#188</a></li></ul></li></ul></li> <li><p><strong>Contributions to team-based tasks</strong>:</p> <ul><li>Renamed the package, method name and class name from address book related to modulight related</li> <li>Released JAR file for V1.3 trial</li> <li>Created Milestone v1.4</li> <li>Added table of content to User Guide and Developer Guide</li> <li>Added target user profile, value proposition to Developer Guide</li> <li>Added Planned Enhancement to Developer Guide</li> <li>Updated README.md in GitHub repository</li></ul></li> <li><p><strong>Community</strong>:</p> <ul><li>Reviewed peers’ tP (CS2103T-F10-3) and reported bugs/flaws for PED</li></ul></li></ul></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 4:51:16 GMT+8]</small></div></footer></div>
 </body><script src="/tp/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/team/siqirua.page-vue-render.js b/team/siqirua.page-vue-render.js
index b26cc207576..50872227b9c 100644
--- a/team/siqirua.page-vue-render.js
+++ b/team/siqirua.page-vue-render.js
@@ -8,6 +8,6 @@ with(this){return _c('div',{attrs:{"id":"app"}},[_c('header',{attrs:{"sticky":""
 with(this){return _c('div',{attrs:{"id":"content-wrapper"}},[_c('h3',{attrs:{"id":"project-modulight"}},[_v("Project: ModuLight"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#project-modulight","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_v("ModuLight is a desktop student grades system application.\nThe user interacts with it using a CLI, and it has a GUI created with JavaFX. It is written in Java, and has about 10 kLoC.")]),_v(" "),_c('p',[_v("Given below are my contributions to the project.")]),_v(" "),_c('ul',[_c('li',[_c('p',[_c('strong',[_v("New Feature")]),_v(": "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("calculate statistics")]),_v(" - Added command to calculate the statistics "),_c('a',{attrs:{"href":"https://github.com/AY2324S1-CS2103T-W08-2/tp/pull/76"}},[_v("#76")]),_v(", "),_c('a',{attrs:{"href":"https://github.com/AY2324S1-CS2103T-W08-2/tp/pull/86"}},[_v("#86")]),_v(".")]),_v(" "),_c('ul',[_c('li',[_v("What it does: Generates a statistics summary of the overall grades of all students or a selected tutorial group\n"),_c('ul',[_c('li',[_v("Justification: As a professor or teaching assistant, our target users may be interested in the overall performance\nof all students in terms of various statistical measures, such as max, min, quartile and standard deviation. This\ncommand allows the user to easily view a summary of statistics with one single command. In addition, I also\nimplemented the command to calculate the statistics of a specific graded component instead of the overall score.")])])])])]),_v(" "),_c('li',[_c('p',[_c('strong',[_v("New Feature")]),_v(": "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("sort students")]),_v(" - Added command to sort the students "),_c('a',{attrs:{"href":"https://github.com/AY2324S1-CS2103T-W08-2/tp/pull/69"}},[_v("#69")]),_v(".")]),_v(" "),_c('ul',[_c('li',[_v("What it does: Sorts the students based on a given sorting order.")]),_v(" "),_c('li',[_v("Justification: When the number of student grows, it will be hard for our users to find the top performing\nstudents. Thus, we implement this command to allow our users to quickly identify the top students. In addition, this\ncommand is also necessary to make the displayed data more neat.")])])]),_v(" "),_c('li',[_c('p',[_c('strong',[_v("New Feature")]),_v(": "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("sort scores")]),_v(" - Added command to sort the student scores "),_c('a',{attrs:{"href":"https://github.com/AY2324S1-CS2103T-W08-2/tp/pull/88"}},[_v("#88")]),_v(".")]),_v(" "),_c('ul',[_c('li',[_v("What it does: Sorts the students scores of a given graded component and display the associated students in the\ncorresponding order.")]),_v(" "),_c('li',[_v("Justification: Similar to the previous feature, when the number of student scores grows, it will be hard for our\nusers to find the top performing students in one specific graded component. Thus, we implement this command to\nallow our users to quickly identify the top scores. Meanwhile, the associated students will also be displayed in the\ncorresponding order. In addition, this command is also necessary to make the displayed data more neat.")])])]),_v(" "),_c('li',[_c('p',[_c('strong',[_v("Enhancements to existing features")]),_v(":")])]),_v(" "),_c('li',[_c('p',[_v("Did cosmetic tweaks to the existing "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("help")]),_v(" features "),_c('a',{attrs:{"href":"https://github.com/AY2324S1-CS2103T-W08-2/tp/pull/142"}},[_v("#142")])])]),_v(" "),_c('li',[_c('p',[_c('strong',[_v("Code contributed")]),_v(":")]),_v(" "),_c('ul',[_c('li',[_v("Please refer to this "),_c('a',{attrs:{"href":"https://nus-cs2103-ay2324s1.github.io/tp-dashboard/?search=siqirua&breakdown=true"}},[_v("RepoSense Link")])])])]),_v(" "),_c('li',[_c('p',[_c('strong',[_v("Documentation")]),_v(":")]),_v(" "),_c('ul',[_c('li',[_v("User Guide:\n"),_c('ul',[_c('li',[_v("Added documentation for the features "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("findStu")]),_v(", "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("stats")]),_v(", "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("compStats")]),_v(", "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("sortStu")]),_v(", "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("sortScore")]),_v(" "),_c('a',{attrs:{"href":"https://github.com/AY2324S1-CS2103T-W08-2/tp/pull/11"}},[_v("#11")]),_v(", "),_c('a',{attrs:{"href":"https://github.com/AY2324S1-CS2103T-W08-2/tp/pull/90"}},[_v("#90")])]),_v(" "),_c('li',[_v("Added documentation for the parameters "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("o/")]),_v(", "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("r/")]),_v(", "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("st/")]),_v(" "),_c('a',{attrs:{"href":"https://github.com/AY2324S1-CS2103T-W08-2/tp/pull/163"}},[_v("#163")])])])]),_v(" "),_c('li',[_v("Developer Guide:\n"),_c('ul',[_c('li',[_v("Added use cases, non-functional requirements and glossary sections "),_c('a',{attrs:{"href":"https://github.com/AY2324S1-CS2103T-W08-2/tp/pull/10"}},[_v("#10")]),_v(".")]),_v(" "),_c('li',[_v("Created UML diagrams for most parts "),_c('a',{attrs:{"href":"https://github.com/AY2324S1-CS2103T-W08-2/tp/pull/162"}},[_v("#162")])]),_v(" "),_c('li',[_v("Did cosmetic tweaks to the proposed "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Redo")]),_v("/"),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Undo")]),_v(" features "),_c('a',{attrs:{"href":"https://github.com/AY2324S1-CS2103T-W08-2/tp/pull/169"}},[_v("#169")])]),_v(" "),_c('li',[_v("Add Implementations of sort related commands and stats related command "),_c('a',{attrs:{"href":"https://github.com/AY2324S1-CS2103T-W08-2/tp/pull/188"}},[_v("#188")])])])])])]),_v(" "),_c('li',[_c('p',[_c('strong',[_v("Contributions to team-based tasks")]),_v(":")]),_v(" "),_c('ul',[_c('li',[_v("Renamed the package, method name and class name from address book related to modulight related")]),_v(" "),_c('li',[_v("Released JAR file for V1.3 trial")]),_v(" "),_c('li',[_v("Created Milestone v1.4")]),_v(" "),_c('li',[_v("Added table of content to User Guide and Developer Guide")]),_v(" "),_c('li',[_v("Added target user profile, value proposition to Developer Guide")]),_v(" "),_c('li',[_v("Added Planned Enhancement to Developer Guide")]),_v(" "),_c('li',[_v("Updated README.md in GitHub repository")])])]),_v(" "),_c('li',[_c('p',[_c('strong',[_v("Community")]),_v(":")]),_v(" "),_c('ul',[_c('li',[_v("Reviewed peers’ tP (CS2103T-F10-3) and reported bugs/flaws for PED")])])])])])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 4:27:59 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 4:51:16 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/tutorials/AddRemark.html b/tutorials/AddRemark.html
index 9832227736c..a4660461794 100644
--- a/tutorials/AddRemark.html
+++ b/tutorials/AddRemark.html
@@ -181,7 +181,7 @@
 </span><span>        <span class="hljs-keyword">return</span> String.format(message, personToEdit);
 </span><span>    }
 </span></code></pre><p><a href="/tp/images/add-remark/RemarkComplete.png" target="_self"><img src="/tp/images/add-remark/RemarkComplete.png" alt="Congratulations!" class="img-fluid"></a></p> <h2 id="writing-tests">Writing tests<a href="#writing-tests" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>Tests are crucial to ensuring that bugs don’t slip into the codebase unnoticed. This is especially true for large code bases where a change might lead to unintended behavior.</p> <p>Let’s verify the correctness of our code by writing some tests!</p> <p>Of course you can simply add the test cases manually, like you've been doing all along this tutorial. The result would be like the test cases in <a href="https://github.com/se-edu/addressbook-level3/commit/fac8f3fd855d55831ca0cc73313b5943d49d4d6e#diff-ff58f7c10338b34f76645df49b71ecb2bafaf7611b20e7ff59ebc98475538a01">here</a>. Alternatively, you can get the help of IntelliJ to generate the skeletons of the test cases, as explained in the next section.</p> <h3 id="automatically-generating-tests">Automatically generating tests<a href="#automatically-generating-tests" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>The goal is to write effective and efficient tests to ensure that <code class="hljs inline no-lang">RemarkCommand#execute()</code> behaves as expected.</p> <p>The convention for test names is <code class="hljs inline no-lang">methodName_testScenario_expectedResult</code>. An example would be
-<code class="hljs inline no-lang">execute_filteredList_success</code>.</p> <p>Let’s create a test for <code class="hljs inline no-lang">RemarkCommand#execute()</code> to test that adding a remark works. On <code class="hljs inline no-lang">IntelliJ IDEA</code> you can bring up the context menu and choose to <code class="hljs inline no-lang">Go To</code> &gt; <code class="hljs inline no-lang">Test</code> or use the appropriate keyboard shortcut.</p> <p><a href="/tp/images/add-remark/ContextMenu.png" target="_self"><img src="/tp/images/add-remark/ContextMenu.png" alt="Using the context menu to jump to tests" class="img-fluid"></a></p> <p>Then, create a test for the <code class="hljs inline no-lang">execute</code> method.</p> <p><a href="/tp/images/add-remark/CreateTest.png" target="_self"><img src="/tp/images/add-remark/CreateTest.png" alt="Creating a test for `execute`." class="img-fluid"></a></p> <p>Following convention, let’s change the name of the generated method to <code class="hljs inline no-lang">execute_addRemarkUnfilteredList_success</code>.</p> <p>Let’s use the utility functions provided in <code class="hljs inline no-lang">CommandTestUtil</code>. The functions ensure that commands produce the expected <code class="hljs inline no-lang">CommandResult</code> and output the correct message. In this case, <code class="hljs inline no-lang">CommandTestUtil#assertCommandSuccess</code> is the best fit as we are testing that a <code class="hljs inline no-lang">RemarkCommand</code> will successfully add a <code class="hljs inline no-lang">Remark</code>.</p> <p>You should end up with a test that looks something like <a href="https://github.com/se-edu/addressbook-level3/commit/fac8f3fd855d55831ca0cc73313b5943d49d4d6e#diff-ff58f7c10338b34f76645df49b71ecb2bafaf7611b20e7ff59ebc98475538a01R36-R49">this</a>.</p> <h2 id="conclusion">Conclusion<a href="#conclusion" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>This concludes the tutorial for adding a new <code class="hljs inline no-lang">Command</code> to AddressBook.</p></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#tutorial-adding-a-command" data-v-e6005420>Tutorial: Adding a command‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#create-a-new-remark-command" data-v-e6005420>Create a new remark command‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#hook-remarkcommand-into-the-application" data-v-e6005420>Hook RemarkCommand into the application‎</a> <a class="nav-link py-1" href="#run-the-application" data-v-e6005420>Run the application‎</a></nav> <a class="nav-link py-1" href="#change-remarkcommand-to-throw-an-exception" data-v-e6005420>Change RemarkCommand to throw an exception‎</a> <a class="nav-link py-1" href="#enhancing-remarkcommand" data-v-e6005420>Enhancing RemarkCommand‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#make-the-command-accept-parameters" data-v-e6005420>Make the command accept parameters‎</a> <a class="nav-link py-1" href="#parse-user-input" data-v-e6005420>Parse user input‎</a></nav> <a class="nav-link py-1" href="#add-remark-to-the-model" data-v-e6005420>Add Remark to the model‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#add-a-new-remark-class" data-v-e6005420>Add a new Remark class‎</a> <a class="nav-link py-1" href="#make-use-of-remark" data-v-e6005420>Make use of Remark‎</a></nav> <a class="nav-link py-1" href="#add-a-placeholder-element-for-remark-to-the-ui" data-v-e6005420>Add a placeholder element for remark to the UI‎</a> <a class="nav-link py-1" href="#modify-person-to-support-a-remark-field" data-v-e6005420>Modify Person to support a Remark field‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#modify-person" data-v-e6005420>Modify Person‎</a> <a class="nav-link py-1" href="#update-other-usages-of-person" data-v-e6005420>Update other usages of Person‎</a></nav> <a class="nav-link py-1" href="#updating-storage" data-v-e6005420>Updating Storage‎</a> <a class="nav-link py-1" href="#finalizing-the-ui" data-v-e6005420>Finalizing the UI‎</a> <a class="nav-link py-1" href="#putting-everything-together" data-v-e6005420>Putting everything together‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#update-remarkcommand-and-remarkcommandparser" data-v-e6005420>Update RemarkCommand and RemarkCommandParser‎</a></nav> <a class="nav-link py-1" href="#writing-tests" data-v-e6005420>Writing tests‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#automatically-generating-tests" data-v-e6005420>Automatically generating tests‎</a></nav> <a class="nav-link py-1" href="#conclusion" data-v-e6005420>Conclusion‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 4:27:59 GMT+8]</small></div></footer></div>
+<code class="hljs inline no-lang">execute_filteredList_success</code>.</p> <p>Let’s create a test for <code class="hljs inline no-lang">RemarkCommand#execute()</code> to test that adding a remark works. On <code class="hljs inline no-lang">IntelliJ IDEA</code> you can bring up the context menu and choose to <code class="hljs inline no-lang">Go To</code> &gt; <code class="hljs inline no-lang">Test</code> or use the appropriate keyboard shortcut.</p> <p><a href="/tp/images/add-remark/ContextMenu.png" target="_self"><img src="/tp/images/add-remark/ContextMenu.png" alt="Using the context menu to jump to tests" class="img-fluid"></a></p> <p>Then, create a test for the <code class="hljs inline no-lang">execute</code> method.</p> <p><a href="/tp/images/add-remark/CreateTest.png" target="_self"><img src="/tp/images/add-remark/CreateTest.png" alt="Creating a test for `execute`." class="img-fluid"></a></p> <p>Following convention, let’s change the name of the generated method to <code class="hljs inline no-lang">execute_addRemarkUnfilteredList_success</code>.</p> <p>Let’s use the utility functions provided in <code class="hljs inline no-lang">CommandTestUtil</code>. The functions ensure that commands produce the expected <code class="hljs inline no-lang">CommandResult</code> and output the correct message. In this case, <code class="hljs inline no-lang">CommandTestUtil#assertCommandSuccess</code> is the best fit as we are testing that a <code class="hljs inline no-lang">RemarkCommand</code> will successfully add a <code class="hljs inline no-lang">Remark</code>.</p> <p>You should end up with a test that looks something like <a href="https://github.com/se-edu/addressbook-level3/commit/fac8f3fd855d55831ca0cc73313b5943d49d4d6e#diff-ff58f7c10338b34f76645df49b71ecb2bafaf7611b20e7ff59ebc98475538a01R36-R49">this</a>.</p> <h2 id="conclusion">Conclusion<a href="#conclusion" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>This concludes the tutorial for adding a new <code class="hljs inline no-lang">Command</code> to AddressBook.</p></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#tutorial-adding-a-command" data-v-e6005420>Tutorial: Adding a command‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#create-a-new-remark-command" data-v-e6005420>Create a new remark command‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#hook-remarkcommand-into-the-application" data-v-e6005420>Hook RemarkCommand into the application‎</a> <a class="nav-link py-1" href="#run-the-application" data-v-e6005420>Run the application‎</a></nav> <a class="nav-link py-1" href="#change-remarkcommand-to-throw-an-exception" data-v-e6005420>Change RemarkCommand to throw an exception‎</a> <a class="nav-link py-1" href="#enhancing-remarkcommand" data-v-e6005420>Enhancing RemarkCommand‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#make-the-command-accept-parameters" data-v-e6005420>Make the command accept parameters‎</a> <a class="nav-link py-1" href="#parse-user-input" data-v-e6005420>Parse user input‎</a></nav> <a class="nav-link py-1" href="#add-remark-to-the-model" data-v-e6005420>Add Remark to the model‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#add-a-new-remark-class" data-v-e6005420>Add a new Remark class‎</a> <a class="nav-link py-1" href="#make-use-of-remark" data-v-e6005420>Make use of Remark‎</a></nav> <a class="nav-link py-1" href="#add-a-placeholder-element-for-remark-to-the-ui" data-v-e6005420>Add a placeholder element for remark to the UI‎</a> <a class="nav-link py-1" href="#modify-person-to-support-a-remark-field" data-v-e6005420>Modify Person to support a Remark field‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#modify-person" data-v-e6005420>Modify Person‎</a> <a class="nav-link py-1" href="#update-other-usages-of-person" data-v-e6005420>Update other usages of Person‎</a></nav> <a class="nav-link py-1" href="#updating-storage" data-v-e6005420>Updating Storage‎</a> <a class="nav-link py-1" href="#finalizing-the-ui" data-v-e6005420>Finalizing the UI‎</a> <a class="nav-link py-1" href="#putting-everything-together" data-v-e6005420>Putting everything together‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#update-remarkcommand-and-remarkcommandparser" data-v-e6005420>Update RemarkCommand and RemarkCommandParser‎</a></nav> <a class="nav-link py-1" href="#writing-tests" data-v-e6005420>Writing tests‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#automatically-generating-tests" data-v-e6005420>Automatically generating tests‎</a></nav> <a class="nav-link py-1" href="#conclusion" data-v-e6005420>Conclusion‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 4:51:16 GMT+8]</small></div></footer></div>
 </body><script src="/tp/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/tutorials/AddRemark.page-vue-render.js b/tutorials/AddRemark.page-vue-render.js
index bb57dcc3da0..f2832febee4 100644
--- a/tutorials/AddRemark.page-vue-render.js
+++ b/tutorials/AddRemark.page-vue-render.js
@@ -290,6 +290,6 @@ with(this){return _c('h2',{attrs:{"id":"conclusion"}},[_v("Conclusion"),_c('a',{
 with(this){return _c('p',[_v("This concludes the tutorial for adding a new "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Command")]),_v(" to AddressBook.")])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 4:27:59 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 4:51:16 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/tutorials/RemovingFields.html b/tutorials/RemovingFields.html
index 1459efada4f..e8a7a74bd33 100644
--- a/tutorials/RemovingFields.html
+++ b/tutorials/RemovingFields.html
@@ -44,7 +44,7 @@
 </span><span>    <span class="hljs-attr">&quot;address&quot;</span>: <span class="hljs-string">&quot;4th street&quot;</span>
 </span><span>  } ]
 </span><span>}
-</span></code></pre><p>You can go through each individual <code class="hljs inline no-lang">json</code> file and manually remove the <code class="hljs inline no-lang">address</code> field.</p></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#tutorial-removing-fields" data-v-e6005420>Tutorial: Removing Fields‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#safely-deleting-address" data-v-e6005420>Safely deleting Address‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#assisted-refactoring" data-v-e6005420>Assisted refactoring‎</a> <a class="nav-link py-1" href="#manual-refactoring" data-v-e6005420>Manual refactoring‎</a></nav> <a class="nav-link py-1" href="#tidying-up" data-v-e6005420>Tidying up‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 4:27:59 GMT+8]</small></div></footer></div>
+</span></code></pre><p>You can go through each individual <code class="hljs inline no-lang">json</code> file and manually remove the <code class="hljs inline no-lang">address</code> field.</p></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#tutorial-removing-fields" data-v-e6005420>Tutorial: Removing Fields‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#safely-deleting-address" data-v-e6005420>Safely deleting Address‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#assisted-refactoring" data-v-e6005420>Assisted refactoring‎</a> <a class="nav-link py-1" href="#manual-refactoring" data-v-e6005420>Manual refactoring‎</a></nav> <a class="nav-link py-1" href="#tidying-up" data-v-e6005420>Tidying up‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 4:51:16 GMT+8]</small></div></footer></div>
 </body><script src="/tp/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/tutorials/RemovingFields.page-vue-render.js b/tutorials/RemovingFields.page-vue-render.js
index eca41b09424..b84eafc17ce 100644
--- a/tutorials/RemovingFields.page-vue-render.js
+++ b/tutorials/RemovingFields.page-vue-render.js
@@ -107,6 +107,6 @@ with(this){return _c('pre',[_c('code',{pre:true,attrs:{"class":"hljs json"}},[_c
 with(this){return _c('p',[_v("You can go through each individual "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("json")]),_v(" file and manually remove the "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("address")]),_v(" field.")])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 4:27:59 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 4:51:16 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/tutorials/TracingCode.html b/tutorials/TracingCode.html
index efbcded73ee..bc521ec3f09 100644
--- a/tutorials/TracingCode.html
+++ b/tutorials/TracingCode.html
@@ -109,7 +109,7 @@
 do you think will happen if we traced the following commands
 instead? What exceptions do you think will be thrown (if any), where
 will the exceptions be thrown and where will they be handled?</p> <ol><li><p><code class="hljs inline no-lang">redit 1 n/Alice Yu</code></p></li> <li><p><code class="hljs inline no-lang">edit 0 n/Alice Yu</code></p></li> <li><p><code class="hljs inline no-lang">edit 1 n/Alex Yeoh</code></p></li> <li><p><code class="hljs inline no-lang">edit 1</code></p></li> <li><p><code class="hljs inline no-lang">edit 1 n/アリス ユー</code></p></li> <li><p><code class="hljs inline no-lang">edit 1 t/one t/two t/three t/one</code></p></li></ol></li> <li><p>What components will you have to modify to perform the following
-enhancements to the application?</p> <ol><li><p>Make command words case-insensitive</p></li> <li><p>Allow <code class="hljs inline no-lang">delete</code> to remove more than one index at a time</p></li> <li><p>Save the address book in the CSV format instead</p></li> <li><p>Add a new command</p></li> <li><p>Add a new field to <code class="hljs inline no-lang">Person</code></p></li> <li><p>Add a new entity to the address book</p></li></ol></li></ol></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#tutorial-tracing-code" data-v-e6005420>Tutorial: Tracing code‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#before-we-start" data-v-e6005420>Before we start‎</a> <a class="nav-link py-1" href="#setting-a-breakpoint" data-v-e6005420>Setting a breakpoint‎</a> <a class="nav-link py-1" href="#tracing-the-execution-path" data-v-e6005420>Tracing the execution path‎</a> <a class="nav-link py-1" href="#conclusion" data-v-e6005420>Conclusion‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 4:27:59 GMT+8]</small></div></footer></div>
+enhancements to the application?</p> <ol><li><p>Make command words case-insensitive</p></li> <li><p>Allow <code class="hljs inline no-lang">delete</code> to remove more than one index at a time</p></li> <li><p>Save the address book in the CSV format instead</p></li> <li><p>Add a new command</p></li> <li><p>Add a new field to <code class="hljs inline no-lang">Person</code></p></li> <li><p>Add a new entity to the address book</p></li></ol></li></ol></div> <nav id="page-nav" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#tutorial-tracing-code" data-v-e6005420>Tutorial: Tracing code‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#before-we-start" data-v-e6005420>Before we start‎</a> <a class="nav-link py-1" href="#setting-a-breakpoint" data-v-e6005420>Setting a breakpoint‎</a> <a class="nav-link py-1" href="#tracing-the-execution-path" data-v-e6005420>Tracing the execution path‎</a> <a class="nav-link py-1" href="#conclusion" data-v-e6005420>Conclusion‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[<span><strong>Powered by</strong></span> <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.1.0</a>, generated on Tue, 14 Nov 2023, 4:51:16 GMT+8]</small></div></footer></div>
 </body><script src="/tp/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/tutorials/TracingCode.page-vue-render.js b/tutorials/TracingCode.page-vue-render.js
index 5023c47b8df..0ef4e6c9449 100644
--- a/tutorials/TracingCode.page-vue-render.js
+++ b/tutorials/TracingCode.page-vue-render.js
@@ -164,6 +164,6 @@ with(this){return _c('h2',{attrs:{"id":"conclusion"}},[_v("Conclusion"),_c('a',{
 with(this){return _c('ol',[_c('li',[_c('p',[_v("In this tutorial, we traced the \"happy path\" (i.e., no errors). What\ndo you think will happen if we traced the following commands\ninstead? What exceptions do you think will be thrown (if any), where\nwill the exceptions be thrown and where will they be handled?")]),_v(" "),_c('ol',[_c('li',[_c('p',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("redit 1 n/Alice Yu")])])]),_v(" "),_c('li',[_c('p',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("edit 0 n/Alice Yu")])])]),_v(" "),_c('li',[_c('p',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("edit 1 n/Alex Yeoh")])])]),_v(" "),_c('li',[_c('p',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("edit 1")])])]),_v(" "),_c('li',[_c('p',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("edit 1 n/アリス ユー")])])]),_v(" "),_c('li',[_c('p',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("edit 1 t/one t/two t/three t/one")])])])])]),_v(" "),_c('li',[_c('p',[_v("What components will you have to modify to perform the following\nenhancements to the application?")]),_v(" "),_c('ol',[_c('li',[_c('p',[_v("Make command words case-insensitive")])]),_v(" "),_c('li',[_c('p',[_v("Allow "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("delete")]),_v(" to remove more than one index at a time")])]),_v(" "),_c('li',[_c('p',[_v("Save the address book in the CSV format instead")])]),_v(" "),_c('li',[_c('p',[_v("Add a new command")])]),_v(" "),_c('li',[_c('p',[_v("Add a new field to "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Person")])])]),_v(" "),_c('li',[_c('p',[_v("Add a new entity to the address book")])])])])])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 4:27:59 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("["),_c('span',[_c('strong',[_v("Powered by")])]),_v(" "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.1.0")]),_v(", generated on Tue, 14 Nov 2023, 4:51:16 GMT+8]")])])])}
 }];
   
\ No newline at end of file