diff --git a/AboutUs.html b/AboutUs.html
index 955f40c2e5c..0ffcf18fd03 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 + Threading</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 Mon, 13 Nov 2023, 21:17:19 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 Mon, 13 Nov 2023, 22:29:14 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 36d0fabfd6e..59db9dbc576 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 + Threading")])]),_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 Mon, 13 Nov 2023, 21:17:19 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 Mon, 13 Nov 2023, 22:29:14 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/Configuration.html b/Configuration.html
index 9411e083419..dfd16e99b04 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 Mon, 13 Nov 2023, 21:17:19 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 Mon, 13 Nov 2023, 22:29:14 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 c63f05a0f7f..89fa1fa4f49 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 Mon, 13 Nov 2023, 21:17:19 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 Mon, 13 Nov 2023, 22:29:14 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/DevOps.html b/DevOps.html
index 99e7631fdb9..81b8113b6d2 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 Mon, 13 Nov 2023, 21:17:19 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 Mon, 13 Nov 2023, 22:29:14 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 b0894639fc7..8bf033d7240 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 Mon, 13 Nov 2023, 21:17:19 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 Mon, 13 Nov 2023, 22:29:14 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/DeveloperGuide.html b/DeveloperGuide.html
index e849fa61aed..4054c08cb69 100644
--- a/DeveloperGuide.html
+++ b/DeveloperGuide.html
@@ -29,7 +29,7 @@
 <code class="hljs inline no-lang">GradedComponentListPanel</code>, <code class="hljs inline no-lang">StudentScoreListPanel</code>, <code class="hljs inline no-lang">StatusBarFooter</code> etc. All these, including the <code class="hljs inline no-lang">MainWindow</code>, inherit from the abstract <code class="hljs inline no-lang">UiPart</code> class which captures the commonalities between classes that represent parts of the visible GUI.</p> <p>The <code class="hljs inline no-lang">UI</code> component uses the JavaFx UI framework. The layout of these UI parts are defined in matching <code class="hljs inline no-lang">.fxml</code> files that are in the <code class="hljs inline no-lang">src/main/resources/view</code> folder. For example, the layout of the <a href="https://github.com/se-edu/addressbook-level3/tree/master/src/main/java/seedu/address/ui/MainWindow.java"><code class="hljs inline no-lang">MainWindow</code></a> is specified in <a href="https://github.com/se-edu/addressbook-level3/tree/master/src/main/resources/view/MainWindow.fxml"><code class="hljs inline no-lang">MainWindow.fxml</code></a></p> <p>The <code class="hljs inline no-lang">UI</code> component,</p> <ul><li>executes user commands using the <code class="hljs inline no-lang">Logic</code> component.</li> <li>listens for changes to <code class="hljs inline no-lang">Model</code> data so that the UI can be updated with the modified data.</li> <li>keeps a reference to the <code class="hljs inline no-lang">Logic</code> component, because the <code class="hljs inline no-lang">UI</code> relies on the <code class="hljs inline no-lang">Logic</code> to execute commands.</li> <li>depends on some classes in the <code class="hljs inline no-lang">Model</code> component, as it displays <code class="hljs inline no-lang">Student</code>, <code class="hljs inline no-lang">GradedComponent</code> and <code class="hljs inline no-lang">StudentScore</code>objects residing in the <code class="hljs inline no-lang">Model</code>.</li></ul> <h3 id="logic-component">Logic component<a href="#logic-component" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p><strong>API</strong> : <a href="https://github.com/se-edu/addressbook-level3/tree/master/src/main/java/seedu/address/logic/Logic.java"><code class="hljs inline no-lang">Logic.java</code></a></p> <p>Here's a (partial) class diagram of the <code class="hljs inline no-lang">Logic</code> component:</p> <span class="image-wrapper"><img src="/tp/diagrams/LogicClassDiagram.png" width="550" class="img-fluid rounded"> <span class="image-caption"></span></span> <p>The sequence diagram below illustrates the interactions within the <code class="hljs inline no-lang">Logic</code> component, taking <code class="hljs inline no-lang">execute(&quot;deleteStu 1&quot;)</code> API call as an example.</p> <span class="image-wrapper"><img src="/tp/diagrams/DeleteSequenceDiagram.png" alt="Interactions Inside the Logic Component for the `delete 1` Command" 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>DeleteCommandParser</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>How the <code class="hljs inline no-lang">Logic</code> component works:</p> <ol><li>When <code class="hljs inline no-lang">Logic</code> is called upon to execute a command, it is passed to an <code class="hljs inline no-lang">ModuLightParser</code> object which in turn creates a parser that matches the command (e.g., <code class="hljs inline no-lang">DeleteStudentCommandParser</code>) and uses it to parse the command.</li> <li>This results in a <code class="hljs inline no-lang">Command</code> object (more precisely, an object of one of its subclasses e.g., <code class="hljs inline no-lang">DeleteStudentCommand</code>) which is executed by the <code class="hljs inline no-lang">LogicManager</code>.</li> <li>The command can communicate with the <code class="hljs inline no-lang">Model</code> when it is executed (e.g. to delete a student).</li> <li>The result of the command execution is encapsulated as a <code class="hljs inline no-lang">CommandResult</code> object which is returned back from <code class="hljs inline no-lang">Logic</code>.</li></ol> <p><strong>Note:</strong> There are three different model objects, namely the StudentBook, the StudentScoreBook and the GradedComponentBook.
 The command might interact with one or more model objects. For example, when a student is deleted, the command will communicate
 with the StudentBook to delete this student, as well as the StudentScoreBook, to delete all the student scores relevant to this student.</p> <p>Here are the other classes in <code class="hljs inline no-lang">Logic</code> (omitted from the class diagram above) that are used for parsing a user command:</p> <span class="image-wrapper"><img src="/tp/diagrams/ParserClasses.png" width="600" class="img-fluid rounded"> <span class="image-caption"></span></span> <p>How the parsing works:</p> <ul><li>When called upon to parse a user command, the <code class="hljs inline no-lang">ModuLightParser</code> class creates an <code class="hljs inline no-lang">XYZCommandParser</code> (<code class="hljs inline no-lang">XYZ</code> is a placeholder for the specific command name e.g., <code class="hljs inline no-lang">AddCommandParser</code>) which uses the other classes shown above to parse the user command and create a <code class="hljs inline no-lang">XYZCommand</code> object (e.g., <code class="hljs inline no-lang">AddCommand</code>) which the <code class="hljs inline no-lang">ModuLightParser</code> returns back as a <code class="hljs inline no-lang">Command</code> object.</li> <li>All <code class="hljs inline no-lang">XYZCommandParser</code> classes (e.g., <code class="hljs inline no-lang">AddStudentCommandParser</code>, <code class="hljs inline no-lang">DeleteStudentCommandParser</code>, ...) inherit from the <code class="hljs inline no-lang">Parser</code> interface so that they can be treated similarly where possible e.g, during testing.</li></ul> <h3 id="model-component">Model component<a href="#model-component" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p><strong>API</strong> : <a href="https://github.com/se-edu/addressbook-level3/tree/master/src/main/java/seedu/address/model/Model.java"><code class="hljs inline no-lang">Model.java</code></a></p> <span class="image-wrapper"><img src="/tp/diagrams/ModelClassDiagram.png" width="450" class="img-fluid rounded"> <span class="image-caption"></span></span> <p>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.</p> <p>Here are the class diagrams for Ssc (Student, StudentGrade, GradedComponent) classes respectively.</p> <span class="image-wrapper"><img src="/tp/diagrams/StudentModelDiagram.png" width="450" class="img-fluid rounded"> <span class="image-caption"></span></span> <br> <span class="image-wrapper"><img src="/tp/diagrams/StudentScoreModelDiagram.png" width="300" class="img-fluid rounded"> <span class="image-caption"></span></span> <span class="image-wrapper"><img src="/tp/diagrams/GradedComponentModelDiagram.png" width="300" class="img-fluid rounded"> <span class="image-caption"></span></span> <p>The <code class="hljs inline no-lang">Model</code> component,</p> <ul><li>stores the ModuLight data i.e., all <code class="hljs inline no-lang">Student</code> objects (which are contained in a <code class="hljs inline no-lang">UniqueStudentList</code> object), all <code class="hljs inline no-lang">StudentScore</code> objects (which are contained in a <code class="hljs inline no-lang">UniqueStudentScoreList</code> object) and all <code class="hljs inline no-lang">GradedComponent</code> objects (which are contained in a <code class="hljs inline no-lang">UniqueGradedComponentList</code> object).</li> <li>stores the currently 'selected' <code class="hljs inline no-lang">Student</code>, <code class="hljs inline no-lang">StudentScore</code> and <code class="hljs inline no-lang">GradedComponent</code> objects (e.g., results of a search query) as separate <em>filtered</em> lists respectively which are exposed to outsiders as unmodifiable <code class="hljs inline no-lang">ObservableList&lt;Student&gt;</code>, <code class="hljs inline no-lang">ObservableList&lt;StudentScore&gt;</code> and <code class="hljs inline no-lang">ObservableList&lt;GradedComponent&gt;</code> that can be 'observed' e.g. the UI can be bound to this list so that the UI automatically updates when the data in the list change.</li> <li>stores a <code class="hljs inline no-lang">UserPref</code> object that represents the user’s preferences. This is exposed to the outside as a <code class="hljs inline no-lang">ReadOnlyUserPref</code> objects.</li> <li>does not depend on any of the other three components (as the <code class="hljs inline no-lang">Model</code> represents data entities of the domain, they should make sense on their own without depending on other components)</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>Note:</strong> For student and student score, an alternative (arguably, a more OOP) model is given below. It has a <code class="hljs inline no-lang" data-v-4d146e2c>Tag</code> list in the <code class="hljs inline no-lang" data-v-4d146e2c>Student</code>, which <code class="hljs inline no-lang" data-v-4d146e2c>Student</code> references. This allows <code class="hljs inline no-lang" data-v-4d146e2c>AddressBook</code> to only require one <code class="hljs inline no-lang" data-v-4d146e2c>Tag</code> object per unique tag, instead of each <code class="hljs inline no-lang" data-v-4d146e2c>Person</code> needing their own <code class="hljs inline no-lang" data-v-4d146e2c>Tag</code> objects.<br data-v-4d146e2c></p> <span class="image-wrapper"><img src="/tp/diagrams/BetterModelClassDiagram.png" width="450" class="img-fluid rounded"> <span class="image-caption"></span></span></div> <!----></div></div></div> <h3 id="storage-component">Storage component<a href="#storage-component" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p><strong>API</strong> : <a href="https://github.com/se-edu/addressbook-level3/tree/master/src/main/java/seedu/address/storage/Storage.java"><code class="hljs inline no-lang">Storage.java</code></a></p> <span class="image-wrapper"><img src="/tp/diagrams/StorageClassDiagram.png" width="" class="img-fluid rounded"> <span class="image-caption"></span></span> <p>Here are the complete class diagrams of StudentBook Storage, StudentScoreBook Storage and GradedComponentBook Storage.</p> <span class="image-wrapper"><img src="/tp/diagrams/StudentAndScoreBookStorage.png" width="" class="img-fluid rounded"> <span class="image-caption"></span></span> <span class="image-wrapper"><img src="/tp/diagrams/GradedComponentBookStorage.png" width="" class="img-fluid rounded"> <span class="image-caption"></span></span> <p>The <code class="hljs inline no-lang">Storage</code> component,</p> <ul><li>can save student data, student score data, graded component data and user preference data in JSON format, and read
-them back into the corresponding objects.</li> <li>inherits from <code class="hljs inline no-lang">StudentBookStorage</code>, <code class="hljs inline no-lang">GradedComponentBookStorage</code>, <code class="hljs inline no-lang">StudentScoreBookStorage</code> and <code class="hljs inline no-lang">UserPrefsStorage</code>, which means it can be treated as any of the one (if only the functionality of only one is needed).</li> <li>depends on some classes in the <code class="hljs inline no-lang">Model</code> component (because the <code class="hljs inline no-lang">Storage</code> component's job is to save/retrieve objects that belong to the <code class="hljs inline no-lang">Model</code>)</li></ul> <h3 id="common-classes">Common classes<a href="#common-classes" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>Classes used by multiple components are in the <code class="hljs inline no-lang">seedu.modulight.commons</code> package.</p> <hr> <h2 id="implementation"><strong>Implementation</strong><a href="#implementation" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>This section describes some noteworthy details on how certain features are implemented.</p> <h3 id="auto-grading">Auto-grading<a href="#auto-grading" 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 Intro=""></p> <p>Given below is an example usage scenario and how the Autograding mechanism for percentile calculation behaves at each step.</p> <p>Step 1. The user launch the application for the first time.</p> <p>Step 2. The user creates the desired graded components and adds all the students in the cohort.</p> <p>Step 3. The user then executes <code class="hljs inline no-lang">autograde ag/percentile pg/5 15 30 50 60 70 80 90 95</code> to execute the auto-grading system, the 'percentile'
+them back into the corresponding objects.</li> <li>inherits from <code class="hljs inline no-lang">StudentBookStorage</code>, <code class="hljs inline no-lang">GradedComponentBookStorage</code>, <code class="hljs inline no-lang">StudentScoreBookStorage</code> and <code class="hljs inline no-lang">UserPrefsStorage</code>, which means it can be treated as any of the one (if only the functionality of only one is needed).</li> <li>depends on some classes in the <code class="hljs inline no-lang">Model</code> component (because the <code class="hljs inline no-lang">Storage</code> component's job is to save/retrieve objects that belong to the <code class="hljs inline no-lang">Model</code>)</li></ul> <h3 id="common-classes">Common classes<a href="#common-classes" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>Classes used by multiple components are in the <code class="hljs inline no-lang">seedu.modulight.commons</code> package.</p> <hr> <h2 id="implementation"><strong>Implementation</strong><a href="#implementation" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>This section describes some noteworthy details on how certain features are implemented.</p> <h3 id="sort-commands">Sort Commands<a href="#sort-commands" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>The Sort related feature allows NUS professors to sort the currently displayed students or student scores. When successfully executed, the sorted students or student scores will be shown on the Graphical User Interface. <br></p> <p>We will discuss the implementation of sortScore (Sort Student Scores) command here and omit the discussion of the implementation of sortStu command since it is very similar to sortScore command and simpler.</p> <h4 id="implementation-2">Implementation<a href="#implementation-2" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h4> <p>The <code class="hljs inline no-lang">sortScoreCommand</code> (Sort Student Scores) mechanism is facilitated by GradedComponentBook, StudentBook and StudentScoreBook. It implements the following operations:</p> <ul><li><code class="hljs inline no-lang">GradedComponentBook#hasGc(GcName gcName)</code> - Returns true if a graded component is already created and in the graded component list.</li> <li><code class="hljs inline no-lang">studentScoreBook.sortStudentScore(Boolean isReverse)</code> - Filters the student scores with the given graded component and sort them according to the given reverse order.</li> <li><code class="hljs inline no-lang">studentBook.sortStudentScore(GcName gcName, Boolean isReverse)</code> - Sorts students by their scores in a given graded component.</li></ul> <p>Given below is an example usage scenario and how the <code class="hljs inline no-lang">sortScore</code> mechanism behaves at each step.</p> <p>Step 1. The GUI displayed the list of students and their student scores that the user wants to sort after some <code class="hljs inline no-lang">find</code> or <code class="hljs inline no-lang">list</code> commands.</p> <p>Step 2. The user executes <code class="hljs inline no-lang">sortStuScore c/Midterm</code> command to sort the current displayed lists of students and student scores. The <code class="hljs inline no-lang">sortStuScore</code> command calls SortStudentScoreCommandParser#parse() which parses the string keyed into the command line of the GUI.</p> <p>Step 3. <code class="hljs inline no-lang">SortStudentScoreCommandParser#parse()</code> invokes the creation of a <code class="hljs inline no-lang">SortStudentScoreCommand</code> object.</p> <blockquote><p><strong>Note</strong>: If a command fails its execution due to incorrect command format, it will not create a <code class="hljs inline no-lang">SortStudentScoreCommand</code> object, an error message will be displayed and user will retype their command.</p></blockquote> <p>Step 4. Upon creation and execution of <code class="hljs inline no-lang">SortStudentScoreCommand</code> object, <code class="hljs inline no-lang">GradedComponentBook#hasGc(GcName gcName)</code>, <code class="hljs inline no-lang">studentScoreBook.sortStudentScore(Boolean isReverse)</code> and <code class="hljs inline no-lang">studentBook.sortStudentScore(GcName gcName, Boolean isReverse)</code> methods are called.</p> <blockquote><p><strong>Note</strong>: If upon invoking <code class="hljs inline no-lang">GradedComponentBook#hasGc(GcName gcName)</code> method and return value is false, it will throw an error and will not call the remaining two methods, so the students and student scores will not be sorted.</p></blockquote> <p>Step 5. After successfully sorting student scores and their associated students, a <code class="hljs inline no-lang">CommandResult</code> object will be created to tell the user that the student scores has been successfully sorted.</p> <p>The following sequence diagram shows how the sort student scores operation works:<br></p> <span class="image-wrapper"><img src="/tp/diagrams/SortScoreCommandSequenceDiagram.png" alt="SortScoreCommandSequenceDiagram" 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 sortScore command：<br></p> <span class="image-wrapper"><img src="/tp/diagrams/SortScoreCommandActivityDiagram.puml" alt="SortScoreActivityDiagram" width="" class="img-fluid rounded"> <span class="image-caption"></span></span> <h3 id="auto-grading">Auto-grading<a href="#auto-grading" 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 Intro=""></p> <p>Given below is an example usage scenario and how the Autograding mechanism for percentile calculation behaves at each step.</p> <p>Step 1. The user launch the application for the first time.</p> <p>Step 2. The user creates the desired graded components and adds all the students in the cohort.</p> <p>Step 3. The user then executes <code class="hljs inline no-lang">autograde ag/percentile pg/5 15 30 50 60 70 80 90 95</code> to execute the auto-grading system, the 'percentile'
 keyword indicates that ModuLight grades based on the students' percentile compared to another. The value after <code class="hljs inline no-lang">pg/</code> indicates
 the top percentile for each corresponding grade threshold, i.e. <code class="hljs inline no-lang">pg/[A+] [A] [A-] [B+] ...</code>.</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> The value for <code class="hljs inline no-lang" data-v-4d146e2c>ag/</code> can be type <code class="hljs inline no-lang" data-v-4d146e2c>score</code> which determines the grade based on the passing score of the student's total score.</p></div> <!----></div></div></div> <p>Step 4. The command execution will then parse the grade threshold value based on empty space and stores them locally.
 Then, it will call <code class="hljs inline no-lang">Model#getStudentBook()</code> and will calculate for every student, what tag the student will get based on the
@@ -63,7 +63,7 @@
 Expected: Similar to previous.</p></li></ol></li> <li><p><em>{ more test cases …​ }</em></p></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: 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="#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="#deleting-a-student" data-v-e6005420>Deleting a student‎</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 Mon, 13 Nov 2023, 21:17:19 GMT+8]</small></div></footer></div>
+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="#sort-commands" data-v-e6005420>Sort 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="#deleting-a-student" data-v-e6005420>Deleting a student‎</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 Mon, 13 Nov 2023, 22:29:14 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 eb69dba4bba..c0705074723 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/se-edu/addressbook-level3","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":"450"}}),_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(" "),_c('p',{attrs:{"Intro":""}}),_v(" "),_c('p',[_v("Given below is an example usage scenario and how the Autograding 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 and adds all the students in the cohort.")]),_v(" "),_m(46),_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("score")]),_v(" which determines the grade based on the passing score of the student's total score.")])]),_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("Given below is an example usage scenario and how the undo/redo mechanism behaves at each step.")]),_v(" "),_m(56),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/UndoRedoState0.png","alt":"UndoRedoState0"}}),_v(" "),_m(57),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/UndoRedoState1.png","alt":"UndoRedoState1"}}),_v(" "),_m(58),_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(59),_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(60),_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(61),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/UndoRedoState4.png","alt":"UndoRedoState4"}}),_v(" "),_m(62),_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(63),_v(" "),_m(64),_v(" "),_m(65),_v(" "),_c('hr'),_v(" "),_m(66),_v(" "),_m(67),_v(" "),_c('hr'),_v(" "),_m(68),_v(" "),_m(69),_v(" "),_m(70),_v(" "),_c('p',[_v("NUS professors who:")]),_v(" "),_m(71),_v(" "),_m(72),_v(" "),_m(73),_v(" "),_m(74),_v(" "),_m(75),_v(" "),_m(76),_m(77),_v(" "),_m(78),_v(" "),_c('p',[_v("**Use case: Add a student **")]),_v(" "),_m(79),_v(" "),_m(80),_v(" "),_m(81),_v(" "),_m(82),_v(" "),_m(83),_v(" "),_m(84),_v(" "),_m(85),_v(" "),_m(86),_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(" "),_m(101),_v(" "),_m(102),_v(" "),_m(103),_v(" "),_m(104),_v(" "),_m(105),_v(" "),_m(106),_v(" "),_m(107),_v(" "),_m(108),_v(" "),_m(109),_v(" "),_m(110),_v(" "),_m(111),_v(" "),_m(112),_v(" "),_m(113),_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(" "),_m(122),_v(" "),_m(123),_v(" "),_c('hr'),_v(" "),_m(124),_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(125),_v(" "),_m(126),_v(" "),_m(127),_v(" "),_m(128),_v(" "),_m(129),_v(" "),_m(130),_v(" "),_m(131),_v(" "),_m(132)],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":"#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":"#deleting-a-student"}},[_v("Deleting a student‎")]),_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(133)])}
+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/se-edu/addressbook-level3","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":"450"}}),_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(" "),_c('p',[_v("We will discuss the implementation of sortScore (Sort Student Scores) command here and omit the discussion of the implementation of sortStu command since it is very similar to sortScore command and simpler.")]),_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(" "),_m(56),_v(" "),_m(57),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/SortScoreCommandSequenceDiagram.png","alt":"SortScoreCommandSequenceDiagram"}}),_v(" "),_m(58),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/SortScoreCommandActivityDiagram.puml","alt":"SortScoreActivityDiagram"}}),_v(" "),_m(59),_v(" "),_m(60),_v(" "),_c('p',{attrs:{"Intro":""}}),_v(" "),_c('p',[_v("Given below is an example usage scenario and how the Autograding 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 and adds all the students in the cohort.")]),_v(" "),_m(61),_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("score")]),_v(" which determines the grade based on the passing score of the student's total score.")])]),_v(" "),_m(62),_v(" "),_m(63),_v(" "),_m(64),_v(" "),_m(65),_v(" "),_m(66),_v(" "),_m(67),_v(" "),_m(68),_v(" "),_m(69),_v(" "),_m(70),_v(" "),_c('p',[_v("Given below is an example usage scenario and how the undo/redo mechanism behaves at each step.")]),_v(" "),_m(71),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/UndoRedoState0.png","alt":"UndoRedoState0"}}),_v(" "),_m(72),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/UndoRedoState1.png","alt":"UndoRedoState1"}}),_v(" "),_m(73),_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(74),_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(75),_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(76),_v(" "),_c('pic',{attrs:{"src":"/tp/diagrams/UndoRedoState4.png","alt":"UndoRedoState4"}}),_v(" "),_m(77),_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(78),_v(" "),_m(79),_v(" "),_m(80),_v(" "),_c('hr'),_v(" "),_m(81),_v(" "),_m(82),_v(" "),_c('hr'),_v(" "),_m(83),_v(" "),_m(84),_v(" "),_m(85),_v(" "),_c('p',[_v("NUS professors who:")]),_v(" "),_m(86),_v(" "),_m(87),_v(" "),_m(88),_v(" "),_m(89),_v(" "),_m(90),_v(" "),_m(91),_m(92),_v(" "),_m(93),_v(" "),_c('p',[_v("**Use case: Add a student **")]),_v(" "),_m(94),_v(" "),_m(95),_v(" "),_m(96),_v(" "),_m(97),_v(" "),_m(98),_v(" "),_m(99),_v(" "),_m(100),_v(" "),_m(101),_v(" "),_m(102),_v(" "),_m(103),_v(" "),_m(104),_v(" "),_m(105),_v(" "),_m(106),_v(" "),_m(107),_v(" "),_m(108),_v(" "),_m(109),_v(" "),_m(110),_v(" "),_m(111),_v(" "),_m(112),_v(" "),_m(113),_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(" "),_m(122),_v(" "),_m(123),_v(" "),_m(124),_v(" "),_m(125),_v(" "),_m(126),_v(" "),_m(127),_v(" "),_m(128),_v(" "),_m(129),_v(" "),_m(130),_v(" "),_m(131),_v(" "),_m(132),_v(" "),_m(133),_v(" "),_m(134),_v(" "),_m(135),_v(" "),_m(136),_v(" "),_m(137),_v(" "),_m(138),_v(" "),_c('hr'),_v(" "),_m(139),_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(140),_v(" "),_m(141),_v(" "),_m(142),_v(" "),_m(143),_v(" "),_m(144),_v(" "),_m(145),_v(" "),_m(146),_v(" "),_m(147)],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":"#sort-commands"}},[_v("Sort 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":"#deleting-a-student"}},[_v("Deleting a student‎")]),_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(148)])}
 };
     var pageVueStaticRenderFns = [function anonymous(
 ) {
@@ -137,6 +137,51 @@ with(this){return _c('p',[_v("Classes used by multiple components are in the "),
 with(this){return _c('h2',{attrs:{"id":"implementation"}},[_c('strong',[_v("Implementation")]),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#implementation","onclick":"event.stopPropagation()"}})])}
 },function anonymous(
 ) {
+with(this){return _c('h3',{attrs:{"id":"sort-commands"}},[_v("Sort Commands"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#sort-commands","onclick":"event.stopPropagation()"}})])}
+},function anonymous(
+) {
+with(this){return _c('p',[_v("The Sort related feature allows NUS professors to sort the currently displayed students or student scores. When successfully executed, the sorted students or student scores will be shown on the Graphical User Interface. "),_c('br')])}
+},function anonymous(
+) {
+with(this){return _c('h4',{attrs:{"id":"implementation-2"}},[_v("Implementation"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#implementation-2","onclick":"event.stopPropagation()"}})])}
+},function anonymous(
+) {
+with(this){return _c('p',[_v("The "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("sortScoreCommand")]),_v(" (Sort Student Scores) mechanism is facilitated by GradedComponentBook, StudentBook and StudentScoreBook. It implements the following operations:")])}
+},function anonymous(
+) {
+with(this){return _c('ul',[_c('li',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("GradedComponentBook#hasGc(GcName gcName)")]),_v(" - Returns true if a graded component is already created and in the graded component list.")]),_v(" "),_c('li',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("studentScoreBook.sortStudentScore(Boolean isReverse)")]),_v(" - Filters the student scores with the given graded component and sort them according to the given reverse order.")]),_v(" "),_c('li',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("studentBook.sortStudentScore(GcName gcName, Boolean isReverse)")]),_v(" - Sorts students by their scores in a given graded component.")])])}
+},function anonymous(
+) {
+with(this){return _c('p',[_v("Given below is an example usage scenario and how the "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("sortScore")]),_v(" mechanism behaves at each step.")])}
+},function anonymous(
+) {
+with(this){return _c('p',[_v("Step 1. The GUI displayed the list of students and their student scores that the user wants to sort after some "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("find")]),_v(" or "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("list")]),_v(" commands.")])}
+},function anonymous(
+) {
+with(this){return _c('p',[_v("Step 2. The user executes "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("sortStuScore c/Midterm")]),_v(" command to sort the current displayed lists of students and student scores. The "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("sortStuScore")]),_v(" command calls SortStudentScoreCommandParser#parse() which parses the string keyed into the command line of the GUI.")])}
+},function anonymous(
+) {
+with(this){return _c('p',[_v("Step 3. "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("SortStudentScoreCommandParser#parse()")]),_v(" invokes the creation of a "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("SortStudentScoreCommand")]),_v(" object.")])}
+},function anonymous(
+) {
+with(this){return _c('blockquote',[_c('p',[_c('strong',[_v("Note")]),_v(": If a command fails its execution due to incorrect command format, it will not create a "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("SortStudentScoreCommand")]),_v(" object, an error message will be displayed and user will retype their command.")])])}
+},function anonymous(
+) {
+with(this){return _c('p',[_v("Step 4. Upon creation and execution of "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("SortStudentScoreCommand")]),_v(" object, "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("GradedComponentBook#hasGc(GcName gcName)")]),_v(", "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("studentScoreBook.sortStudentScore(Boolean isReverse)")]),_v(" and "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("studentBook.sortStudentScore(GcName gcName, Boolean isReverse)")]),_v(" methods are called.")])}
+},function anonymous(
+) {
+with(this){return _c('blockquote',[_c('p',[_c('strong',[_v("Note")]),_v(": If upon invoking "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("GradedComponentBook#hasGc(GcName gcName)")]),_v(" method and return value is false, it will throw an error and will not call the remaining two methods, so the students and student scores will not be sorted.")])])}
+},function anonymous(
+) {
+with(this){return _c('p',[_v("Step 5. After successfully sorting student scores and their associated students, a "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("CommandResult")]),_v(" object will be created to tell the user that the student scores has been successfully sorted.")])}
+},function anonymous(
+) {
+with(this){return _c('p',[_v("The following sequence diagram shows how the sort student scores operation works:"),_c('br')])}
+},function anonymous(
+) {
+with(this){return _c('p',[_v("The following activity diagram summarizes what happens when a user executes a new sortScore command："),_c('br')])}
+},function anonymous(
+) {
 with(this){return _c('h3',{attrs:{"id":"auto-grading"}},[_v("Auto-grading"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#auto-grading","onclick":"event.stopPropagation()"}})])}
 },function anonymous(
 ) {
@@ -404,6 +449,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 Mon, 13 Nov 2023, 21:17:19 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 Mon, 13 Nov 2023, 22:29:14 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/Documentation.html b/Documentation.html
index 665fbb59e32..2d44ad43c40 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 Mon, 13 Nov 2023, 21:17:19 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 Mon, 13 Nov 2023, 22:29:14 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 8903e446d91..2115cb15cf6 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 Mon, 13 Nov 2023, 21:17:19 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 Mon, 13 Nov 2023, 22:29:14 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/Logging.html b/Logging.html
index 1c9fdfb3df9..97e785d912f 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 Mon, 13 Nov 2023, 21:17:19 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 Mon, 13 Nov 2023, 22:29:14 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 3f0f5d38b1f..e473b6301a4 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 Mon, 13 Nov 2023, 21:17:19 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 Mon, 13 Nov 2023, 22:29:14 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/SettingUp.html b/SettingUp.html
index bb5bec89200..98c72515d26 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 Mon, 13 Nov 2023, 21:17:19 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 Mon, 13 Nov 2023, 22:29:14 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 7bc0386c585..4b4867d2db1 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 Mon, 13 Nov 2023, 21:17:19 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 Mon, 13 Nov 2023, 22:29:14 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/Testing.html b/Testing.html
index 0880fb6fcdf..970061142bf 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 Mon, 13 Nov 2023, 21:17:19 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 Mon, 13 Nov 2023, 22:29:14 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 101e5d3b682..b4212a37584 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 Mon, 13 Nov 2023, 21:17:19 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 Mon, 13 Nov 2023, 22:29:14 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/UserGuide.html b/UserGuide.html
index 12addf53c96..ab3cbd6ee8e 100644
--- a/UserGuide.html
+++ b/UserGuide.html
@@ -54,10 +54,12 @@
 &quot;decreasing&quot;, &quot;0&quot;, &quot;false&quot;, &quot;f&quot; (These 4 keywords have the same effect), &quot;increasing&quot;, &quot;1&quot;, &quot;true&quot;, &quot;t&quot; (These 4
 keywords have the same effect).</li> <li>It is allowed to omit sorting order and reverse order. In this case, the default sorting order is by total score while
 the default reverse order is false (i.e. increasing).</li> <li>This command will only sort the currently displayed students. If you want to sort all students, please use <code class="hljs inline no-lang">listStu</code>
-command in advance.</li></ul> <p>Examples:</p> <ul><li><code class="hljs inline no-lang">sortStu o/name r/true</code> returns the sorted students whose names are in descending alphabetical order.</li></ul> <p><a href="/tp/images/sortStu_ui.png" target="_self"><img src="/tp/images/sortStu_ui.png" alt="sortStu" class="img-fluid"></a></p> <h3 id="sorting-students-scores-sortscore">Sorting students scores: <code class="hljs inline no-lang">sortScore</code><a href="#sorting-students-scores-sortscore" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>Sorts students score by the given criteria and display its associated students in order.</p> <p>Format: <code class="hljs inline no-lang">sortScore c/COMP_NAME [r/REVERSE_ORDER]</code></p> <ul><li>The reverse order keyword must be one of the acceptable description given below: <br>
+command in advance. If there is no currently displayed student, the command can still execute successfully, but the list of
+students will remain unchanged.</li></ul> <p>Examples:</p> <ul><li><code class="hljs inline no-lang">sortStu o/name r/true</code> returns the sorted students whose names are in descending alphabetical order.</li></ul> <p><a href="/tp/images/sortStu_ui.png" target="_self"><img src="/tp/images/sortStu_ui.png" alt="sortStu" class="img-fluid"></a></p> <h3 id="sorting-students-scores-sortscore">Sorting students scores: <code class="hljs inline no-lang">sortScore</code><a href="#sorting-students-scores-sortscore" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>Sorts students score by the given criteria and display its associated students in order.</p> <p>Format: <code class="hljs inline no-lang">sortScore c/COMP_NAME [r/REVERSE_ORDER]</code></p> <ul><li>The reverse order keyword must be one of the acceptable description given below: <br>
 &quot;decreasing&quot;, &quot;0&quot;, &quot;false&quot;, &quot;f&quot; (These 4 keywords have the same effect), &quot;increasing&quot;, &quot;1&quot;, &quot;true&quot;, &quot;t&quot; (These 4
 keywords have the same effect).</li> <li>It is allowed to omit reverse order. In this case, the default reverse order is false (i.e. increasing).</li> <li>This command will only sort the currently displayed students. If you want to sort all students, please use <code class="hljs inline no-lang">listAll</code>
-command in advance.</li></ul> <p>Examples:</p> <ul><li><code class="hljs inline no-lang">sortScore c/Midterm r/true</code> returns the sorted students whose midterm scores are in descending order.</li></ul> <h2 id="statistics-and-auto-grading-commands">Statistics and Auto Grading Commands<a href="#statistics-and-auto-grading-commands" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <h3 id="auto-grading-all-the-students-autograde">Auto grading all the students: <code class="hljs inline no-lang">autoGrade</code><a href="#auto-grading-all-the-students-autograde" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>Automatically assign grades to all students based on their total score and
+command in advance. If there is no currently displayed student, the command can still execute successfully, but the lists of
+students and student scores will remain unchanged.</li></ul> <p>Examples:</p> <ul><li><code class="hljs inline no-lang">sortScore c/Midterm r/true</code> returns the sorted students whose midterm scores are in descending order.</li></ul> <h2 id="statistics-and-auto-grading-commands">Statistics and Auto Grading Commands<a href="#statistics-and-auto-grading-commands" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <h3 id="auto-grading-all-the-students-autograde">Auto grading all the students: <code class="hljs inline no-lang">autoGrade</code><a href="#auto-grading-all-the-students-autograde" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>Automatically assign grades to all students based on their total score and
 the automatic grading method.</p> <p>Format: <code class="hljs inline no-lang">autoGrade ag/METHOD pg/PASSING_VALUE</code></p> <p>There are 2 possible <code class="hljs inline no-lang">METHOD</code>:</p> <ul><li>Percentile Method: <code class="hljs inline no-lang">p</code>, <code class="hljs inline no-lang">percentile</code>, <code class="hljs inline no-lang">Percentile</code> <ul><li>Calculate students' grade based on the statistical percentile.</li></ul></li> <li>Absolute Score Method: <code class="hljs inline no-lang">a</code>, <code class="hljs inline no-lang">absolute</code>, <code class="hljs inline no-lang">Absolute</code> <ul><li>Calculate students' grade based on the given passing grade values.</li> <li>the absolute value is compared directly with the students' total score (in percentage of the maximum score possible).</li></ul></li></ul> <p>The <code class="hljs inline no-lang">PASSING_VALUE</code> are numbers that determine the boundary for each grade</p> <ul><li>The structure of <code class="hljs inline no-lang">PASSING_VALUE</code>: <code class="hljs inline no-lang">[A+] [A] [A-] [B+] [B] [B-] [C+] [C] [D+] [D] [F]</code></li> <li>Each bracket represents the boundary value for the grade.
 <ul><li>For <code class="hljs inline no-lang">percentile</code> method, it is the statistical percentile value.</li> <li>For <code class="hljs inline no-lang">absolute</code> method, it is the total score.</li></ul></li> <li>It is <strong>not</strong> compulsory to fill all the <code class="hljs inline no-lang">PASSING_VALUE</code>, but such approach would make students below the lowest given passing value to be graded <code class="hljs inline no-lang">F</code>.</li> <li>Example: <code class="hljs inline no-lang">pg/90 80 65 40 30</code>. This would correspond to:
 <ul><li>Value <code class="hljs inline no-lang">90</code> given to <code class="hljs inline no-lang">A+</code></li> <li>Value <code class="hljs inline no-lang">80</code> given to <code class="hljs inline no-lang">A</code></li> <li>Value <code class="hljs inline no-lang">65</code> given to <code class="hljs inline no-lang">A-</code></li> <li>Value <code class="hljs inline no-lang">40</code> given to <code class="hljs inline no-lang">B+</code></li> <li>Value <code class="hljs inline no-lang">30</code> given to <code class="hljs inline no-lang">B</code></li> <li>Any Value below <code class="hljs inline no-lang">30</code> will be given <code class="hljs inline no-lang">F</code></li></ul></li></ul> <p>Example:</p> <ul><li><code class="hljs inline no-lang">autoGrade ag/absolute pg/95 80 70 55 40 20</code>. This would automatically grade student by using absolute grade threshold. Student with total score <code class="hljs inline no-lang">95%</code> above will be given <code class="hljs inline no-lang">A+</code>, total score below <code class="hljs inline no-lang">95%</code> and <code class="hljs inline no-lang">90</code> above will be given <code class="hljs inline no-lang">A</code>, and so on, while below <code class="hljs inline no-lang">20%</code> will be given <code class="hljs inline no-lang">F</code>.</li></ul> <p><a href="/tp/images/autoGrade_ui.png" target="_self"><img src="/tp/images/autoGrade_ui.png" alt="autoGrade" class="img-fluid"></a></p> <h3 id="calculating-overall-statistics-stats">Calculating overall statistics: <code class="hljs inline no-lang">stats</code><a href="#calculating-overall-statistics-stats" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>Calculates the overall statistics of all students.</p> <p>Format: <code class="hljs inline no-lang">stats [st/STATS] [g/TUTORIAL_GRP]</code></p> <ul><li>It is allowed to omit <code class="hljs inline no-lang">[st/STATS]</code>. In this case, it will return a summary of all statistics that are currently
@@ -69,8 +71,8 @@
 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>It is allowed to have multiple stats keywords, but only allowed to have 0 or 1 tutorial group keyword and component
 name keyword.</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 (eg. 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?
-<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="#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 Mon, 13 Nov 2023, 21:17:19 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 (eg. 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?
+<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="#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 Mon, 13 Nov 2023, 22:29:14 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 578c0f4626a..a82dd53d6e0 100644
--- a/UserGuide.page-vue-render.js
+++ b/UserGuide.page-vue-render.js
@@ -254,7 +254,7 @@ with(this){return _c('h3',{attrs:{"id":"sorting-students-sortstu"}},[_v("Sorting
 with(this){return _c('p',[_v("Format: "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("sortStu [o/SORTING_ORDER] [r/REVERSE_ORDER]")])])}
 },function anonymous(
 ) {
-with(this){return _c('ul',[_c('li',[_v("The sorting order keyword must be one of the acceptable description given below: "),_c('br'),_v(" \"n\",\n\"name\", \"s\", \"studentId\", \"studentID\", \"e\", \"email\", \"g\", \"tutorial\", \"tut\",\n\"tutGroup\", \"ts\", \"totalScore\", \"totalscore\", \"score\".")]),_v(" "),_c('li',[_v("The reverse order keyword must be one of the acceptable description given below: "),_c('br'),_v("\n\"decreasing\", \"0\", \"false\", \"f\" (These 4 keywords have the same effect), \"increasing\", \"1\", \"true\", \"t\" (These 4\nkeywords have the same effect).")]),_v(" "),_c('li',[_v("It is allowed to omit sorting order and reverse order. In this case, the default sorting order is by total score while\nthe default reverse order is false (i.e. increasing).")]),_v(" "),_c('li',[_v("This command will only sort the currently displayed students. If you want to sort all students, please use "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("listStu")]),_v("\ncommand in advance.")])])}
+with(this){return _c('ul',[_c('li',[_v("The sorting order keyword must be one of the acceptable description given below: "),_c('br'),_v(" \"n\",\n\"name\", \"s\", \"studentId\", \"studentID\", \"e\", \"email\", \"g\", \"tutorial\", \"tut\",\n\"tutGroup\", \"ts\", \"totalScore\", \"totalscore\", \"score\".")]),_v(" "),_c('li',[_v("The reverse order keyword must be one of the acceptable description given below: "),_c('br'),_v("\n\"decreasing\", \"0\", \"false\", \"f\" (These 4 keywords have the same effect), \"increasing\", \"1\", \"true\", \"t\" (These 4\nkeywords have the same effect).")]),_v(" "),_c('li',[_v("It is allowed to omit sorting order and reverse order. In this case, the default sorting order is by total score while\nthe default reverse order is false (i.e. increasing).")]),_v(" "),_c('li',[_v("This command will only sort the currently displayed students. If you want to sort all students, please use "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("listStu")]),_v("\ncommand in advance. If there is no currently displayed student, the command can still execute successfully, but the list of\nstudents will remain unchanged.")])])}
 },function anonymous(
 ) {
 with(this){return _c('ul',[_c('li',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("sortStu o/name r/true")]),_v(" returns the sorted students whose names are in descending alphabetical order.")])])}
@@ -269,7 +269,7 @@ with(this){return _c('h3',{attrs:{"id":"sorting-students-scores-sortscore"}},[_v
 with(this){return _c('p',[_v("Format: "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("sortScore c/COMP_NAME [r/REVERSE_ORDER]")])])}
 },function anonymous(
 ) {
-with(this){return _c('ul',[_c('li',[_v("The reverse order keyword must be one of the acceptable description given below: "),_c('br'),_v("\n\"decreasing\", \"0\", \"false\", \"f\" (These 4 keywords have the same effect), \"increasing\", \"1\", \"true\", \"t\" (These 4\nkeywords have the same effect).")]),_v(" "),_c('li',[_v("It is allowed to omit reverse order. In this case, the default reverse order is false (i.e. increasing).")]),_v(" "),_c('li',[_v("This command will only sort the currently displayed students. If you want to sort all students, please use "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("listAll")]),_v("\ncommand in advance.")])])}
+with(this){return _c('ul',[_c('li',[_v("The reverse order keyword must be one of the acceptable description given below: "),_c('br'),_v("\n\"decreasing\", \"0\", \"false\", \"f\" (These 4 keywords have the same effect), \"increasing\", \"1\", \"true\", \"t\" (These 4\nkeywords have the same effect).")]),_v(" "),_c('li',[_v("It is allowed to omit reverse order. In this case, the default reverse order is false (i.e. increasing).")]),_v(" "),_c('li',[_v("This command will only sort the currently displayed students. If you want to sort all students, please use "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("listAll")]),_v("\ncommand in advance. If there is no currently displayed student, the command can still execute successfully, but the lists of\nstudents and student scores will remain unchanged.")])])}
 },function anonymous(
 ) {
 with(this){return _c('ul',[_c('li',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("sortScore c/Midterm r/true")]),_v(" returns the sorted students whose midterm scores are in descending order.")])])}
@@ -374,7 +374,7 @@ with(this){return _c('h3',{attrs:{"id":"loading-the-previous-data"}},[_v("Loadin
 with(this){return _c('h2',{attrs:{"id":"command-summary"}},[_v("Command summary"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#command-summary","onclick":"event.stopPropagation()"}})])}
 },function anonymous(
 ) {
-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("Action")]),_v(" "),_c('th',[_v("Format, Examples")])])]),_v(" "),_c('tbody',[_c('tr',[_c('td',[_c('strong',[_v("Add a student")])]),_v(" "),_c('td',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("addStu s/STUDENT_NO n/NAME e/EMAIL [g/TUTORIAL_GRP] [t/tags…]")]),_v(" "),_c('br'),_v(" e.g., "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("addStu s/A1234567Y n/Andy Ong g/T03 e/andy_ong@u.nus.edu")])])]),_v(" "),_c('tr',[_c('td',[_c('strong',[_v("Add a graded component")])]),_v(" "),_c('td',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("addComp c/COMP_NAME w/WEIGHTAGE mm/MAX_MARKS")]),_v(" "),_c('br'),_v(" e.g., "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("addComp c/Midterm w/30 mm/70")])])]),_v(" "),_c('tr',[_c('td',[_c('strong',[_v("Edit a student")])]),_v(" "),_c('td',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("editStu INDEX [s/STUDENT_NO] [g/TUTORIAL_GRP] [n/NAME] [e/EMAIL] [t/tags…]​")]),_v(" "),_c('br'),_v(" e.g., "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("editStu 1 s/A1234567Y g/T03")])])]),_v(" "),_c('tr',[_c('td',[_c('strong',[_v("Edit a graded component")])]),_v(" "),_c('td',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("editComp INDEX [c/COMP_NAME] [w/WEIGHTAGE] [mm/MAX_MARKS]")]),_v(" "),_c('br'),_v(" e.g., "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("editComp 1 c/Midterms mm/55")])])]),_v(" "),_c('tr',[_c('td',[_c('strong',[_v("Edit a student score")])]),_v(" "),_c('td',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("editScore INDEX [m/SCORE] [x/comment]")]),_v(" "),_c('br'),_v(" e.g., "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("editScore 1 m/57")])])]),_v(" "),_c('tr',[_c('td',[_c('strong',[_v("Delete a student")])]),_v(" "),_c('td',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("deleteStu INDEX")]),_v(" "),_c('br'),_v(" e.g., "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("deleteStu 2")])])]),_v(" "),_c('tr',[_c('td',[_c('strong',[_v("Delete a graded component")])]),_v(" "),_c('td',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("deleteComp INDEX")]),_v(" "),_c('br'),_v(" e.g., "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("deleteComp 1")])])]),_v(" "),_c('tr',[_c('td',[_c('strong',[_v("Delete everything")])]),_v(" "),_c('td',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("clearAll")])])]),_v(" "),_c('tr',[_c('td',[_c('strong',[_v("Find a student")])]),_v(" "),_c('td',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("findStu [s/STUDENT_NO] [n/NAME] [e/EMAIL] [g/TUTORIAL_GRP] [t/TAG]")]),_c('br'),_v(" e.g., "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("findStu n/Alice n/Bob g/T01")])])]),_v(" "),_c('tr',[_c('td',[_c('strong',[_v("Find a graded component")])]),_v(" "),_c('td',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("findComp c/COMP_NAME")]),_c('br'),_v(" e.g., "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("findComp c/Midterms")])])]),_v(" "),_c('tr',[_c('td',[_c('strong',[_v("Find a student score")])]),_v(" "),_c('td',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("findScore  [s/STUDENT_NO] [n/NAME] [e/EMAIL] [g/TUTORIAL_GRP] [c/COMP_NAME][x/comments][t/tags]...")]),_c('br'),_v(" e.g., "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("findScore c/Midterms")])])]),_v(" "),_c('tr',[_c('td',[_c('strong',[_v("List all students, scores and graded components")])]),_v(" "),_c('td',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("listAll")])])]),_v(" "),_c('tr',[_c('td',[_c('strong',[_v("Sort student")])]),_v(" "),_c('td',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("sortStu [o/SORTING_ORDER] [r/REVERSE_ORDER]")]),_v(" "),_c('br'),_v(" e.g., "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("sortStu o/name r/true")])])]),_v(" "),_c('tr',[_c('td',[_c('strong',[_v("Sort student score")])]),_v(" "),_c('td',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("sortScore [o/SORTING_ORDER] [r/REVERSE_ORDER]")]),_v(" "),_c('br'),_v(" e.g., "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("sortScore o/name r/true")])])]),_v(" "),_c('tr',[_c('td',[_c('strong',[_v("Auto grading all the students")])]),_v(" "),_c('td',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("autoGrade ag/METHOD pg/PASING_VALUE")]),_v(" "),_c('br'),_v(" e.g., "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("autoGrade ag/absolute pg/95 80 70 55 40 20")])])]),_v(" "),_c('tr',[_c('td',[_c('strong',[_v("Calculate overall statistics")])]),_v(" "),_c('td',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("stats [st/STATS] [g/TUTORIAL_GRP]")]),_v(" "),_c('br'),_v(" e.g., "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("stats st/upperQuartile st/lowerQuartile g/T01")])])]),_v(" "),_c('tr',[_c('td',[_c('strong',[_v("Calculate component statistics")])]),_v(" "),_c('td',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("compStats [c/COMP_NAME] [st/STATS] [g/TUTORIAL_GRP]")]),_v(" "),_c('br'),_v(" e.g., "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("compStats c/midterm st/upperQuartile st/lowerQuartile")])])]),_v(" "),_c('tr',[_c('td',[_c('strong',[_v("Help")])]),_v(" "),_c('td',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("help")])])])])])])}
+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("Action")]),_v(" "),_c('th',[_v("Format, Examples")])])]),_v(" "),_c('tbody',[_c('tr',[_c('td',[_c('strong',[_v("Add a student")])]),_v(" "),_c('td',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("addStu s/STUDENT_NO n/NAME e/EMAIL [g/TUTORIAL_GRP] [t/tags…]")]),_v(" "),_c('br'),_v(" e.g., "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("addStu s/A1234567Y n/Andy Ong g/T03 e/andy_ong@u.nus.edu")])])]),_v(" "),_c('tr',[_c('td',[_c('strong',[_v("Add a graded component")])]),_v(" "),_c('td',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("addComp c/COMP_NAME w/WEIGHTAGE mm/MAX_MARKS")]),_v(" "),_c('br'),_v(" e.g., "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("addComp c/Midterm w/30 mm/70")])])]),_v(" "),_c('tr',[_c('td',[_c('strong',[_v("Edit a student")])]),_v(" "),_c('td',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("editStu INDEX [s/STUDENT_NO] [g/TUTORIAL_GRP] [n/NAME] [e/EMAIL] [t/tags…]​")]),_v(" "),_c('br'),_v(" e.g., "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("editStu 1 s/A1234567Y g/T03")])])]),_v(" "),_c('tr',[_c('td',[_c('strong',[_v("Edit a graded component")])]),_v(" "),_c('td',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("editComp INDEX [c/COMP_NAME] [w/WEIGHTAGE] [mm/MAX_MARKS]")]),_v(" "),_c('br'),_v(" e.g., "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("editComp 1 c/Midterms mm/55")])])]),_v(" "),_c('tr',[_c('td',[_c('strong',[_v("Edit a student score")])]),_v(" "),_c('td',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("editScore INDEX [m/SCORE] [x/comment]")]),_v(" "),_c('br'),_v(" e.g., "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("editScore 1 m/57")])])]),_v(" "),_c('tr',[_c('td',[_c('strong',[_v("Delete a student")])]),_v(" "),_c('td',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("deleteStu INDEX")]),_v(" "),_c('br'),_v(" e.g., "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("deleteStu 2")])])]),_v(" "),_c('tr',[_c('td',[_c('strong',[_v("Delete a graded component")])]),_v(" "),_c('td',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("deleteComp INDEX")]),_v(" "),_c('br'),_v(" e.g., "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("deleteComp 1")])])]),_v(" "),_c('tr',[_c('td',[_c('strong',[_v("Delete everything")])]),_v(" "),_c('td',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("clearAll")])])]),_v(" "),_c('tr',[_c('td',[_c('strong',[_v("Find a student")])]),_v(" "),_c('td',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("findStu [s/STUDENT_NO...] [n/NAME...] [e/EMAIL...] [g/TUTORIAL_GRP...] [t/TAG...]")]),_c('br'),_v(" e.g., "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("findStu n/Alice n/Bob g/T01")])])]),_v(" "),_c('tr',[_c('td',[_c('strong',[_v("Find a graded component")])]),_v(" "),_c('td',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("findComp c/COMP_NAME")]),_c('br'),_v(" e.g., "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("findComp c/Midterms")])])]),_v(" "),_c('tr',[_c('td',[_c('strong',[_v("Find a student score")])]),_v(" "),_c('td',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("findScore  [s/STUDENT_NO] [n/NAME] [e/EMAIL] [g/TUTORIAL_GRP] [c/COMP_NAME][x/comments][t/tags]...")]),_c('br'),_v(" e.g., "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("findScore c/Midterms")])])]),_v(" "),_c('tr',[_c('td',[_c('strong',[_v("List all students, scores and graded components")])]),_v(" "),_c('td',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("listAll")])])]),_v(" "),_c('tr',[_c('td',[_c('strong',[_v("Sort student")])]),_v(" "),_c('td',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("sortStu [o/SORTING_ORDER] [r/REVERSE_ORDER]")]),_v(" "),_c('br'),_v(" e.g., "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("sortStu o/name r/true")])])]),_v(" "),_c('tr',[_c('td',[_c('strong',[_v("Sort student score")])]),_v(" "),_c('td',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("sortScore [o/SORTING_ORDER] [r/REVERSE_ORDER]")]),_v(" "),_c('br'),_v(" e.g., "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("sortScore o/name r/true")])])]),_v(" "),_c('tr',[_c('td',[_c('strong',[_v("Auto grading all the students")])]),_v(" "),_c('td',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("autoGrade ag/METHOD pg/PASING_VALUE")]),_v(" "),_c('br'),_v(" e.g., "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("autoGrade ag/absolute pg/95 80 70 55 40 20")])])]),_v(" "),_c('tr',[_c('td',[_c('strong',[_v("Calculate overall statistics")])]),_v(" "),_c('td',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("stats [st/STATS] [g/TUTORIAL_GRP]")]),_v(" "),_c('br'),_v(" e.g., "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("stats st/upperQuartile st/lowerQuartile g/T01")])])]),_v(" "),_c('tr',[_c('td',[_c('strong',[_v("Calculate component statistics")])]),_v(" "),_c('td',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("compStats [c/COMP_NAME] [st/STATS] [g/TUTORIAL_GRP]")]),_v(" "),_c('br'),_v(" e.g., "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("compStats c/midterm st/upperQuartile st/lowerQuartile")])])]),_v(" "),_c('tr',[_c('td',[_c('strong',[_v("Help")])]),_v(" "),_c('td',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("help")])])])])])])}
 },function anonymous(
 ) {
 with(this){return _c('h2',{attrs:{"id":"faq"}},[_v("FAQ"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#faq","onclick":"event.stopPropagation()"}})])}
@@ -392,6 +392,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 Mon, 13 Nov 2023, 21:17:19 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 Mon, 13 Nov 2023, 22:29:14 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/diagrams/SortScoreAcitivityDiagram.png b/diagrams/SortScoreAcitivityDiagram.png
new file mode 100644
index 00000000000..94fecbb7d4e
Binary files /dev/null and b/diagrams/SortScoreAcitivityDiagram.png differ
diff --git a/diagrams/SortScoreAcitivityDiagram.puml b/diagrams/SortScoreAcitivityDiagram.puml
new file mode 100644
index 00000000000..72c56442ae3
--- /dev/null
+++ b/diagrams/SortScoreAcitivityDiagram.puml
@@ -0,0 +1,18 @@
+@startuml
+'https://plantuml.com/activity-diagram-beta
+
+start
+:User executes sortScore command;
+if () then ([given graded component exists])
+  :student scores filtered and sorted;
+  :students sorted accordingly;
+else ([else])
+    :a error message shows up;
+    :user retypes the command;
+endif
+
+:Updated students and student scores list saved to ModuLight;
+
+stop
+
+@enduml
diff --git a/diagrams/SortScoreCommandSequenceDiagram.png b/diagrams/SortScoreCommandSequenceDiagram.png
new file mode 100644
index 00000000000..6307a56a724
Binary files /dev/null and b/diagrams/SortScoreCommandSequenceDiagram.png differ
diff --git a/diagrams/SortScoreCommandSequenceDiagram.puml b/diagrams/SortScoreCommandSequenceDiagram.puml
new file mode 100644
index 00000000000..b157714262b
--- /dev/null
+++ b/diagrams/SortScoreCommandSequenceDiagram.puml
@@ -0,0 +1,69 @@
+@startuml
+!include style.puml
+
+box Logic LOGIC_COLOR_T1
+participant ":LogicManager" as LogicManager LOGIC_COLOR
+participant ":ModuLightParser" as ModuLightParser LOGIC_COLOR
+participant ":SortStudentScoreCommandParser" as SortStudentScoreCommandParser LOGIC_COLOR
+participant "a:SortStudentScoreCommand" as SortStudentScoreCommand LOGIC_COLOR
+end box
+
+box Model MODEL_COLOR_T1
+participant ":Model" as Model MODEL_COLOR
+end box
+[-> LogicManager : execute(sortScore c/Midterm)
+activate LogicManager
+
+LogicManager -> ModuLightParser : parseCommand(sortScore c/Midterm)
+activate ModuLightParser
+
+create SortStudentScoreCommandParser
+ModuLightParser -> SortStudentScoreCommandParser :SortStudentScoreCommandParser()
+activate SortStudentScoreCommandParser
+
+SortStudentScoreCommandParser --> ModuLightParser
+deactivate SortStudentScoreCommandParser
+
+ModuLightParser -> SortStudentScoreCommandParser : parse(" c/Midterm")
+activate SortStudentScoreCommandParser
+
+create SortStudentScoreCommand
+SortStudentScoreCommandParser -> SortStudentScoreCommand
+activate SortStudentScoreCommand
+
+SortStudentScoreCommand --> SortStudentScoreCommandParser : s
+deactivate SortStudentScoreCommand
+
+SortStudentScoreCommandParser --> ModuLightParser : s
+deactivate SortStudentScoreCommandParser
+'Hidden arrow to position the destroy marker below the end of the activation bar.
+SortStudentScoreCommandParser -[hidden]-> ModuLightParser
+destroy SortStudentScoreCommandParser
+
+ModuLightParser --> LogicManager : s
+deactivate ModuLightParser
+
+LogicManager -> SortStudentScoreCommand : execute()
+activate SortStudentScoreCommand
+
+SortStudentScoreCommand -> Model : hasGc(GcName gcName)
+activate Model
+
+Model --> SortStudentScoreCommand
+deactivate Model
+
+SortStudentScoreCommand -> Model : sortStudentScore(GcName gcName, Boolean isReverse)
+activate Model
+
+
+Model --> SortStudentScoreCommand
+deactivate Model
+
+SortStudentScoreCommand --> LogicManager : result
+deactivate SortStudentScoreCommand
+SortStudentScoreCommand -[hidden]-> LogicManager : result
+destroy SortStudentScoreCommand
+
+[<--LogicManager
+deactivate LogicManager
+@enduml
diff --git a/index.html b/index.html
index 272a5b6e0c8..c7eae88e81e 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>AModuLight 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 Mon, 13 Nov 2023, 21:17:19 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>AModuLight 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 Mon, 13 Nov 2023, 22:29:14 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 b5980ea976b..e8296192412 100644
--- a/index.page-vue-render.js
+++ b/index.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":"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("AModuLight 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 Mon, 13 Nov 2023, 21:17:19 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 Mon, 13 Nov 2023, 22:29:14 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/siteData.json b/siteData.json
index 02f542ed83e..2e640ba265e 100644
--- a/siteData.json
+++ b/siteData.json
@@ -51,6 +51,7 @@
         "storage-component": "Storage component",
         "common-classes": "Common classes",
         "implementation": "Implementation",
+        "sort-commands": "Sort Commands",
         "auto-grading": "Auto-grading",
         "proposed-undo-redo-feature": "[Proposed] Undo/redo feature",
         "documentation-logging-testing-configuration-dev-ops": "Documentation, logging, testing, configuration, dev-ops",
diff --git a/team/feifeiraindrops.html b/team/feifeiraindrops.html
index 61e9406c533..7c1e7e436eb 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 is 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 is 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 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>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 and the find features.</li></ul></li> <li><p><strong>Community</strong>:</p> <ul><li>Reviewed 11 PRs
-<ul><li>1 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 Mon, 13 Nov 2023, 21:17:19 GMT+8]</small></div></footer></div>
+<ul><li>1 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 Mon, 13 Nov 2023, 22:29:14 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 12fae65b73d..1c071c342db 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-luminus"}},[_v("Project: LumiNUS"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#project-luminus","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 is 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 is 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 is 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 is 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 is 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 is 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 is 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 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("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 and the find features.")])])]),_v(" "),_c('li',[_c('p',[_c('strong',[_v("Community")]),_v(":")]),_v(" "),_c('ul',[_c('li',[_v("Reviewed 11 PRs\n"),_c('ul',[_c('li',[_v("1 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 Mon, 13 Nov 2023, 21:17:19 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 Mon, 13 Nov 2023, 22:29:14 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/team/marioalvaro.html b/team/marioalvaro.html
index a16afea1ad6..1445f2a9dec 100644
--- a/team/marioalvaro.html
+++ b/team/marioalvaro.html
@@ -29,7 +29,7 @@
 <ul><li>Implement StudentScore model to store the students' score and other attributes.</li></ul></li> <li>Create EditStudentScoreCommand
 <ul><li>Implement a command to edit StudentScore, regarding their attributes such as scores, comments, and tags.</li> <li>Side note: Add and delete implementation is omitted due to redundancy as our code automatically adds and deletes them when students od graded components are added.</li></ul></li> <li>AutoGrading Feature
 <ul><li>Create a command to automatically grade every student based on their total scores</li> <li>Command consist of two method; percentile method, which calculate the statistical percentile and use them to rank the students; absolute score method, which grades the student based on their total score compared to the absolute passing score.</li></ul></li> <li>Testings
-<ul><li>Implement thorough testings for every personally written code</li> <li>Create a couple of utility class to help with testings.</li></ul></li> <li>For further details, please refer to this: <a href="https://nus-cs2103-ay2324s1.github.io/tp-dashboard/?search=marioalvaro&amp;breakdown=true">RepoSense Link</a></li></ul></li> <li><p><strong>Enhancements implemented</strong></p> <ul><li>To be added soon...</li></ul></li> <li><p><strong>Contributions to the UG</strong></p> <ul><li>Added EditStudentScoreCommand and AutoGrade to UG.</li></ul></li> <li><p><strong>Contributions to the DG</strong></p> <ul><li>Add implementation detail for AutoGrade Command.</li></ul></li> <li><p><strong>Contributions to team-based tasks</strong></p> <ul><li>To be added soon...</li></ul></li> <li><p><strong>Review Contributions</strong></p> <ul><li>To be added soon...</li></ul></li> <li><p><strong>Contributions beyond the project team</strong></p> <ul><li>To be added soon...</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 Mon, 13 Nov 2023, 21:17:19 GMT+8]</small></div></footer></div>
+<ul><li>Implement thorough testings for every personally written code</li> <li>Create a couple of utility class to help with testings.</li></ul></li> <li>For further details, please refer to this: <a href="https://nus-cs2103-ay2324s1.github.io/tp-dashboard/?search=marioalvaro&amp;breakdown=true">RepoSense Link</a></li></ul></li> <li><p><strong>Enhancements implemented</strong></p> <ul><li>To be added soon...</li></ul></li> <li><p><strong>Contributions to the UG</strong></p> <ul><li>Added EditStudentScoreCommand and AutoGrade to UG.</li></ul></li> <li><p><strong>Contributions to the DG</strong></p> <ul><li>Add implementation detail for AutoGrade Command.</li></ul></li> <li><p><strong>Contributions to team-based tasks</strong></p> <ul><li>To be added soon...</li></ul></li> <li><p><strong>Review Contributions</strong></p> <ul><li>To be added soon...</li></ul></li> <li><p><strong>Contributions beyond the project team</strong></p> <ul><li>To be added soon...</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 Mon, 13 Nov 2023, 22:29:14 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 75293167efd..092337fdfc3 100644
--- a/team/marioalvaro.page-vue-render.js
+++ b/team/marioalvaro.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-tp"}},[_v("Project: tp"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#project-tp","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_v("ModuLight is a web application to grade students in a module.\nThe user interface will mainly be CLI.")]),_v(" "),_c('ul',[_c('li',[_c('p',[_c('strong',[_v("Code contributed")])]),_v(" "),_c('ul',[_c('li',[_v("Create StudentScore model\n"),_c('ul',[_c('li',[_v("Implement StudentScore model to store the students' score and other attributes.")])])]),_v(" "),_c('li',[_v("Create EditStudentScoreCommand\n"),_c('ul',[_c('li',[_v("Implement a command to edit StudentScore, regarding their attributes such as scores, comments, and tags.")]),_v(" "),_c('li',[_v("Side note: Add and delete implementation is omitted due to redundancy as our code automatically adds and deletes them when students od graded components are added.")])])]),_v(" "),_c('li',[_v("AutoGrading Feature\n"),_c('ul',[_c('li',[_v("Create a command to automatically grade every student based on their total scores")]),_v(" "),_c('li',[_v("Command consist of two method; percentile method, which calculate the statistical percentile and use them to rank the students; absolute score method, which grades the student based on their total score compared to the absolute passing score.")])])]),_v(" "),_c('li',[_v("Testings\n"),_c('ul',[_c('li',[_v("Implement thorough testings for every personally written code")]),_v(" "),_c('li',[_v("Create a couple of utility class to help with testings.")])])]),_v(" "),_c('li',[_v("For further details, please refer to this: "),_c('a',{attrs:{"href":"https://nus-cs2103-ay2324s1.github.io/tp-dashboard/?search=marioalvaro&breakdown=true"}},[_v("RepoSense Link")])])])]),_v(" "),_c('li',[_c('p',[_c('strong',[_v("Enhancements implemented")])]),_v(" "),_c('ul',[_c('li',[_v("To be added soon...")])])]),_v(" "),_c('li',[_c('p',[_c('strong',[_v("Contributions to the UG")])]),_v(" "),_c('ul',[_c('li',[_v("Added EditStudentScoreCommand and AutoGrade to UG.")])])]),_v(" "),_c('li',[_c('p',[_c('strong',[_v("Contributions to the DG")])]),_v(" "),_c('ul',[_c('li',[_v("Add implementation detail for AutoGrade Command.")])])]),_v(" "),_c('li',[_c('p',[_c('strong',[_v("Contributions to team-based tasks")])]),_v(" "),_c('ul',[_c('li',[_v("To be added soon...")])])]),_v(" "),_c('li',[_c('p',[_c('strong',[_v("Review Contributions")])]),_v(" "),_c('ul',[_c('li',[_v("To be added soon...")])])]),_v(" "),_c('li',[_c('p',[_c('strong',[_v("Contributions beyond the project team")])]),_v(" "),_c('ul',[_c('li',[_v("To be added soon...")])])])])])}
 },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 Mon, 13 Nov 2023, 21:17:19 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 Mon, 13 Nov 2023, 22:29:14 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/team/seraphimstreets.html b/team/seraphimstreets.html
index 5875eccda3b..6e4a15fb690 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 Mon, 13 Nov 2023, 21:17:19 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 Mon, 13 Nov 2023, 22:29:14 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 36ccff9fcbd..fe947414b7f 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 Mon, 13 Nov 2023, 21:17:19 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 Mon, 13 Nov 2023, 22:29:14 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/team/sinhavedant.html b/team/sinhavedant.html
index 38e1737d274..436bc4ef5af 100644
--- a/team/sinhavedant.html
+++ b/team/sinhavedant.html
@@ -25,7 +25,7 @@
     </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 Mon, 13 Nov 2023, 21:17:19 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>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 Mon, 13 Nov 2023, 22:29:14 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 45f0360f5d9..4fba1e7195c 100644
--- a/team/sinhavedant.page-vue-render.js
+++ b/team/sinhavedant.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 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.")])])}
 },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 Mon, 13 Nov 2023, 21:17:19 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 Mon, 13 Nov 2023, 22:29:14 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/team/siqirua.html b/team/siqirua.html
index d93d4e1e957..3e6eb3f4d98 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</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></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></li></ul></li> <li>Developer Guide:
-<ul><li>Added use cases, non-functional requirements and glossary sections.</li> <li>Created UML diagrams for most parts</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</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 Mon, 13 Nov 2023, 21:17:19 GMT+8]</small></div></footer></div>
+<ul><li>Added use cases, non-functional requirements and glossary sections.</li> <li>Created UML diagrams for most parts</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</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 Mon, 13 Nov 2023, 22:29:14 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 46474c5942e..0b558750a39 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.")]),_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.")]),_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.")]),_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")])]),_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('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('li',[_v("Developer Guide:\n"),_c('ul',[_c('li',[_v("Added use cases, non-functional requirements and glossary sections.")]),_v(" "),_c('li',[_v("Created UML diagrams for most parts")]),_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")])])])])]),_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 Mon, 13 Nov 2023, 21:17:19 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 Mon, 13 Nov 2023, 22:29:14 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/tutorials/AddRemark.html b/tutorials/AddRemark.html
index eac21c91382..e92f9abf168 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 Mon, 13 Nov 2023, 21:17:19 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 Mon, 13 Nov 2023, 22:29:14 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 9dc05928294..d04a372783a 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 Mon, 13 Nov 2023, 21:17:19 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 Mon, 13 Nov 2023, 22:29:14 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/tutorials/RemovingFields.html b/tutorials/RemovingFields.html
index a07206cd7c3..9ed245ad636 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 Mon, 13 Nov 2023, 21:17:19 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 Mon, 13 Nov 2023, 22:29:14 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 204fa99dd23..c6e62c58ac6 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 Mon, 13 Nov 2023, 21:17:19 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 Mon, 13 Nov 2023, 22:29:14 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/tutorials/TracingCode.html b/tutorials/TracingCode.html
index 35c44962fdf..eabbd32e044 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 Mon, 13 Nov 2023, 21:17:19 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 Mon, 13 Nov 2023, 22:29:14 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 48927ce5ff8..28d515ef4e3 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 Mon, 13 Nov 2023, 21:17:19 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 Mon, 13 Nov 2023, 22:29:14 GMT+8]")])])])}
 }];
   
\ No newline at end of file