Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <!-- Required meta tags --> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> | |
| <link rel="icon" href="img/favicon.png" type="image/png"> | |
| <title>ADHD-Care</title> | |
| <!-- Bootstrap CSS --> | |
| <link rel="stylesheet" href="css/bootstrap.css"> | |
| <link rel="stylesheet" href="css/themify-icons.css"> | |
| <link rel="stylesheet" href="css/flaticon.css"> | |
| <link rel="stylesheet" href="vendors/fontawesome/css/all.min.css"> | |
| <link rel="stylesheet" href="vendors/owl-carousel/owl.carousel.min.css"> | |
| <link rel="stylesheet" href="vendors/animate-css/animate.css"> | |
| <!-- main css --> | |
| <link rel="stylesheet" href="css/style.css"> | |
| <link rel="stylesheet" href="css/responsive.css"> | |
| </head> | |
| <body> | |
| <!--================Header Menu Area =================--> | |
| <header> | |
| <div class="main_menu"> | |
| <nav class="navbar navbar-expand-lg navbar-light"> | |
| <div class="container"> | |
| <!-- Brand and toggle get grouped for better mobile display --> | |
| <a class="navbar-brand logo_h" href="/"><img src="img/icon.jpg" alt="" height="60" width="250"></a> | |
| <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> | |
| <span class="icon-bar"></span> | |
| <span class="icon-bar"></span> | |
| <span class="icon-bar"></span> | |
| </button> | |
| <!-- Collect the nav links, forms, and other content for toggling --> | |
| <div class="collapse navbar-collapse offset" id="navbarSupportedContent"> | |
| <ul class="nav navbar-nav menu_nav ml-auto"> | |
| <li class="nav-item"><a class="nav-link" href="/"><strong><font color="black">Home</font></strong></a></li> | |
| <li class="nav-item"><a class="nav-link" href="about-us.html"><strong><font color="black">About</font></strong></a></li> | |
| <li class="nav-item"><a class="nav-link" href="services.html"><strong><font color="black">Services</font></strong></a></li> | |
| <li class="nav-item"><a class="nav-link" href="blog.html"><strong><font color="black">Blog</font></a></strong></li> | |
| <li class="nav-item"><a class="nav-link" href="userguide.html"><strong><font color="black">Learn</font></strong></a></li> | |
| <li class="nav-item"><a class="nav-link" href="contact.html"><strong><font color="black">Contact</font></strong></a></li> | |
| <li class="nav-item"><a class="nav-link" href="/register"><strong><font color="black">Account</font></strong></a></li> | |
| </ul> | |
| </div> | |
| </div> | |
| </nav> | |
| </div> | |
| </header> | |
| <!--================Header Menu Area =================--> | |
| <!--================Home Banner Area =================--> | |
| <!--================End Home Banner Area =================--> | |
| <section class="sample-text-area"> | |
| <div class="container"> | |
| <div class="area-heading row"> | |
| <div class="col-md-20 col-xl-10"> | |
| <h3>ADHD-Care – User Guide</h3> | |
| </div> | |
| </div> | |
| <p><span style="text-decoration: underline;"><strong>ADHD-Care Health Services</strong></span></p> | |
| <p><span style="font-weight: 400;">ADHD-Care system provides functionalities to as a support tool for identifying possible ADHD subjects from the patient test records. The main data types considered for this study are functional Magnetic Resonance Data (fMRI) and eye movement data. </span></p> | |
| <p><span style="font-weight: 400;">For this experiment, users can use the system functionalities without a user account. However, the user gets a patient ID for the first time he/she uses the ADHD-Care services. Later, this patient ID can be used to track their records in the ADHD-Care application. </span><span style="font-weight: 400;">Psychiatrists can sign up for an account and login to add patient details under that account and view the patient history via the psychiatric portal.</span></p> | |
| <p><span style="font-weight: 400;">(The main interface of the ADHD-Care application - </span><span style="font-weight: 400;"><a href="http://adhdclassification.projects.uom.lk:5000/">http://adhdclassification.projects.uom.lk:5000/</a>)</span></p> | |
| <img alt="A screenshot of a cell phone Description automatically generated" src="images/image3.jpg" style="width: 601.93px; height: 267.67px; margin-left: -0.00px; margin-top: -0.00px; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px);" title=""> | |
| <p><span style="text-decoration: underline;"><strong>Input data files: </strong> </span></p> | |
| <p style="text-align: justify;"><strong>fMRI data</strong><span style="font-weight: 400;"> – Functional MRI brain scan images are using as a main input for the child - ADHD identification process in the ADHD-Care system. fMRI data determine the brain activities by detecting the changes in blood oxygen level in the different brain areas that occur as responses to several neural functionalities, which has also emphasized the capability of identifying various patterns of mental functionalities of brain activation. </span><span style="font-weight: 400;">A sample fMRI data in nifti (.nii.gz) format which is a type of specialized brain scan images to map neural brain activity by imaging the change in blood oxygen level in brain cells is provided as a test input to the identification process. The given test fMRI image is a labeled sample brain scan image of a Non-ADHD person which is obtained from the New York University Child Study Center of ADHD 200 global competition data repository.</span></p> | |
| <p style="text-align: justify;"><strong>Eye movement data -</strong><span style="font-weight: 400;"> Eye movements of patients are using as the main inputs for the adult - ADHD identification process in the ADHD-Care system. A test gaze related dataset which is in CSV file format with sample eye movements of an ADHD person has been provided for test purposes. This includes fixations (fixed gaze points), saccadic (rapid gaze movements) eye movements which were recorded by the Tobii-pro eye tracker along with fixation and saccade duration, average, the standard deviation in milliseconds, pupil diameters of left and right eyes, diagnose label and the gender of the participants. The experimental process of gathering eye movement measurements was based on reading the sentences that were displayed on the computer screen and the Tobii Pro X2-60 eye tracker was used for screen-based capture of gaze data which creates reflection patterns on the corneas of eyes.</span><br /><br /></p> | |
| <p><strong>Task 1: </strong><span style="font-weight: 400;">Identify possible ADHD subjects using fMRI data for children</span></p> | |
| <p><span style="font-weight: 400;">This service is provided for child patients who are under the age of 18 to derive a probability of getting ADHD by using fMRI brain scanning data.</span></p> | |
| <ol> | |
| <li style="font-weight: 400;"><span style="font-weight: 400;">Click </span><strong>Service </strong><span style="font-weight: 400;">from the header menu.</span></li> | |
| <li style="font-weight: 400;"><span style="font-weight: 400;">Click </span><strong>Check ADHD </strong><span style="font-weight: 400;">from ADHD child service.</span></li> | |
| <span style="overflow: hidden; display: inline-block; margin: 0.00px -0.00px; border: 1.33px solid #000000; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px); width: 602.00px; height: 264.00px;"><img alt="" src="images/image2.jpg" style="width: 602.00px; height: 264.00px; margin-left: -0.00px; margin-top: -0.00px; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px);" title=""></span> | |
| <li style="font-weight: 400;"><span style="font-weight: 400;">Click </span><strong>NO </strong><span style="font-weight: 400;">for a new user from the validation of the user or click </span><strong>YES</strong><span style="font-weight: 400;"> for new patient registration.</span></li> | |
| <span style="overflow: hidden; display: inline-block; margin: 0.00px 0.00px; border: 1.33px solid #000000; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px); width: 351.02px; height: 293.23px;"><img alt="" src="images/image5.png" style="width: 351.02px; height: 293.23px; margin: 0.00px 0.00px; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px);" title=""></span> | |
| <li style="font-weight: 400;">If a new patient needs to be added, fill out the form with personal details (<strong>first name, last name, age, email, symptoms, chronic diseases</strong><span style="font-weight: 400;">).</span></li> | |
| <span style="overflow: hidden; display: inline-block; margin: -0.00px -0.00px; border: 1.33px solid #000000; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px); width: 602.00px; height: 546.67px;"><img alt="" src="images/9999.PNG" style="width: 602.00px; height: 546.67px; margin-left: 0.00px; margin-top: 0.00px; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px);" title=""></span> | |
| <li style="font-weight: 400;">For an existing user, all the patient details will be auto-filled. (For an existing user, use the existing “patient ID” = 172 for the testing purpose.)</li> | |
| <span style="overflow: hidden; display: inline-block; margin: 0.00px 0.00px; border: 0.00px solid #000000; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px); width: 345.50px; height: 277.67px;"><img alt="" src="images/image7.png" style="width: 345.50px; height: 277.67px; margin-left: -0.00px; margin-top: -0.00px; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px);" title=""></span> | |
| <li style="font-weight: 400;">Press <strong>Upload File</strong> button in the form. Then choose the fMRI scanning data file from your device (.nii or .nii.gz format).</li> | |
| <span style="overflow: hidden; display: inline-block; margin: 0.00px 0.00px; border: 0.00px solid #000000; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px); width: 602.00px; height: 421.33px;"><img alt="" src="images/image22.jpg" style="width: 602.00px; height: 421.33px; margin-left: 0.00px; margin-top: 0.00px; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px);" title=""></span> | |
| <li style="font-weight: 400;"><span style="font-weight: 400;">Click</span><strong> Send Health Report.</strong></li> | |
| <li style="font-weight: 400;"><span style="font-weight: 400;">Then it will be redirected to the generated report with predicted results for verification.</span></li> | |
| <span style="overflow: hidden; display: inline-block; margin: 0.00px 0.00px; border: 1.33px solid #000000; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px); width: 420.00px; height: 406.73px;"><img alt="" src="images/image6.png" style="width: 420.00px; height: 406.73px; margin-left: -0.00px; margin-top: -0.00px; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px);" title=""></span> | |
| <li style="font-weight: 400;">Click the download report and view the downloaded report.</li> | |
| <span style="overflow: hidden; display: inline-block; margin: 0.00px 0.00px; border: 1.33px solid #000000; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px); width: 451.58px; height: 414.23px;"><img alt="" src="images/image9.png" style="width: 451.58px; height: 414.23px; margin-left: -0.00px; margin-top: -0.00px; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px);" title=""></span> | |
| </ol> | |
| <p><strong>Task 2: </strong><span style="font-weight: 400;">Identify possible ADHD subjects using eye movement data for adults</span></p> | |
| <p><span style="font-weight: 400;">This service is provided for adult patients who are above the age of 18 to derive a probability value of having ADHD using eye movement data.</span></p> | |
| <ol> | |
| <li style="font-weight: 400;"><span style="font-weight: 400;">Click Service from the header </span></li> | |
| <li style="font-weight: 400;"><span style="font-weight: 400;">Click </span><strong>Check ADHD </strong><span style="font-weight: 400;">from ADHD adult service.</span></li> | |
| <span style="overflow: hidden; display: inline-block; margin: 0.00px -0.00px; border: 1.33px solid #000000; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px); width: 648.79px; height: 284.23px;"><img alt="" src="images/image8.jpg" style="width: 648.79px; height: 284.23px; margin-left: -0.00px; margin-top: -0.00px; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px);" title=""></span> | |
| <li style="font-weight: 400;">Click <strong>NO </strong><span style="font-weight: 400;">for a new user from the validation of user or click </span><strong>YES</strong><span style="font-weight: 400;"> for a new patient registration</span></li> | |
| <span style="overflow: hidden; display: inline-block; margin: 0.00px 0.00px; border: 1.33px solid #000000; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px); width: 351.02px; height: 293.23px;"><img alt="" src="images/image5.png" style="width: 351.02px; height: 293.23px; margin: 0.00px 0.00px; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px);" title=""></span> | |
| <li style="font-weight: 400;">If a new patient needs to be added, fill out the form with personal details (first name, last name, age email, symptoms, chronic diseases).</li> | |
| <span style="overflow: hidden; display: inline-block; margin: 0.00px -0.00px; border: 1.33px solid #000000; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px); width: 602.00px; height: 494.67px;"><img alt="" src="images/8888.PNG" style="width: 602.00px; height: 494.67px; margin-left: 0.00px; margin-top: 0.00px; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px);" title=""></span> | |
| <li style="font-weight: 400;">For an existing user, all the patient details will be auto-filled. (For an existing user, use the existing “patient ID” = 172 for the testing purpose.)</li> | |
| <span style="overflow: hidden; display: inline-block; margin: 0.00px 0.00px; border: 0.00px solid #000000; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px); width: 345.50px; height: 277.67px;"><img alt="" src="images/image7.png" style="width: 345.50px; height: 277.67px; margin-left: -0.00px; margin-top: -0.00px; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px);" title=""></span> | |
| <li style="font-weight: 400;">Press <strong>Upload File</strong> button in the form. Then choose the eye movement data file in your device (.csv format) </li> | |
| <span style="overflow: hidden; display: inline-block; margin: 0.00px 0.00px; border: 0.00px solid #000000; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px); width: 602.00px; height: 350.67px;"><img alt="" src="images/666.PNG" style="width: 602.00px; height: 350.67px; margin-left: 0.00px; margin-top: 0.00px; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px);" title=""></span> | |
| <span style="overflow: hidden; display: inline-block; margin: 0.00px 0.00px; border: 0.00px solid #000000; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px); width: 602.00px; height: 662.67px;"><img alt="" src="images/777.PNG" style="width: 602.00px; height: 662.67px; margin-left: 0.00px; margin-top: 0.00px; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px);" title=""></span> | |
| <li style="font-weight: 400;"><span style="font-weight: 400;">Click</span><strong> Send Health Report</strong></li> | |
| <li style="font-weight: 400;"><span style="font-weight: 400;">Then it will be redirected to the generated report with predicted results</span></li> | |
| <span style="overflow: hidden; display: inline-block; margin: 0.00px 0.00px; border: 1.33px solid #000000; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px); width: 468.92px; height: 457.23px;"><img alt="" src="images/image11.png" style="width: 468.92px; height: 457.23px; margin-left: -0.00px; margin-top: -0.00px; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px);" title=""></span> | |
| <li style="font-weight: 400;">Click download report and view the downloaded report</li> | |
| <img alt="" src="images/image12.png" style="width: 473.18px; height: 425.23px; margin-left: -11.00px; margin-top: -0.00px; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px);" title=""> | |
| </ol> | |
| <p><strong>Task 3: </strong><strong>Psychiatric Registration</strong></p> | |
| <ol> | |
| <li style="font-weight: 400;"><span style="font-weight: 400;">Click </span><strong>Account </strong><span style="font-weight: 400;">from the header</span></li> | |
| <li style="font-weight: 400;"><span style="font-weight: 400;">For a new psychiatrists fill the signup form and click </span><strong>Sign up</strong><span style="font-weight: 400;"> button</span></li> | |
| <li style="font-weight: 400;"><span style="font-weight: 400;">Click the </span><strong>login button </strong><span style="font-weight: 400;">to access the account.</span></li> | |
| <img alt="" src="images/image13.jpg" style="width: 537.98px; height: 404.20px; margin-left: -0.00px; margin-top: -0.00px; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px);" title=""> | |
| </ol> | |
| <p><strong>For an existing psychiatrist,</strong></p> | |
| <ol> | |
| <li style="font-weight: 400;"><span style="font-weight: 400;">Enter the valid Email address and password in the login form</span></li> | |
| <li style="font-weight: 400;"><span style="font-weight: 400;">Click </span><strong>Login </strong><span style="font-weight: 400;">button</span></li> | |
| <li style="font-weight: 400;"><span style="font-weight: 400;">Then the verified user will be redirected to the page with the patient’s ADHD identification tests performed by the psychiatrist.</span></li> | |
| <li style="font-weight: 400;"><span style="font-weight: 400;">Click on </span><strong>PDF </strong><span style="font-weight: 400;">button to download reports of the patients.</span></li> | |
| <li style="font-weight: 400;"><span style="font-weight: 400;">Type in the search bar to filter out the results.</span></li> | |
| <span style="overflow: hidden; display: inline-block; margin: 0.00px 0.00px; border: 0.00px solid #000000; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px); width: 543.96px; height: 309.23px;"><img alt="" src="images/image14.jpg" style="width: 543.96px; height: 442.31px; margin-left: -0.00px; margin-top: -0.00px; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px);" title=""></span> | |
| </ol> | |
| <p><strong>Learn about ADHD</strong></p> | |
| <ol> | |
| <li style="font-weight: 400;"><span style="font-weight: 400;">Click </span><strong>About </strong><span style="font-weight: 400;">from the header and view more information on ADHD.</span></li> | |
| <span style="overflow: hidden; display: inline-block; margin: 0.00px 0.00px; border: 0.00px solid #000000; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px); width: 602.00px; height: 377.33px;"><img alt="" src="images/image15.png" style="width: 602.00px; height: 377.33px; margin-left: -0.00px; margin-top: -0.00px; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px);" title=""></span> | |
| <li style="font-weight: 400;"><span style="font-weight: 400;">Click </span><strong>Blog </strong><span style="font-weight: 400;">from the header and blogs related to ADHD can be viewed.</span></li> | |
| <span style="overflow: hidden; display: inline-block; margin: 0.00px 0.00px; border: 0.00px solid #000000; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px); width: 602.00px; height: 365.33px;"><img alt="" src="images/image16.png" style="width: 602.00px; height: 365.33px; margin-left: -0.00px; margin-top: -0.00px; transform: rotate(0.00rad) translateZ(0px); -webkit-transform: rotate(0.00rad) translateZ(0px);" title=""></span> | |
| </ol> | |
| <p> </p> | |
| </div> | |
| </section> | |
| <!--================About Area End =================--> | |
| <!-- start footer Area --> | |
| <footer class="footer-area area-padding-top"> | |
| <div class="container"> | |
| <div class="row footer-bottom d-flex justify-content-between"> | |
| <p class="col-lg-8 col-sm-12 footer-text m-0"> | |
| <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --> | |
| Copyright © | |
| <script>document.write(new Date().getFullYear());</script> All rights reserved for CSE @UOM | |
| <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --> | |
| </p> | |
| </div> | |
| </div> | |
| </footer> | |
| <!-- End footer Area --> | |
| <!-- Optional JavaScript --> | |
| <!-- jQuery first, then Popper.js, then Bootstrap JS --> | |
| <script src="js/jquery-2.2.4.min.js"></script> | |
| <script src="js/popper.js"></script> | |
| <script src="js/bootstrap.min.js"></script> | |
| <script src="js/stellar.js"></script> | |
| <script src="vendors/owl-carousel/owl.carousel.min.js"></script> | |
| <script src="js/jquery.ajaxchimp.min.js"></script> | |
| <script src="js/waypoints.min.js"></script> | |
| <script src="js/mail-script.js"></script> | |
| <script src="js/contact.js"></script> | |
| <script src="js/jquery.form.js"></script> | |
| <script src="js/jquery.validate.min.js"></script> | |
| <script src="js/mail-script.js"></script> | |
| <script src="js/theme.js"></script> | |
| </body> | |
| </html> |