Senior Project Final Presentation�Spring 2023

Auditory Training App��Team Members: Alex Rodriguez, Casey Sit, Maney Wu, Barbarella Castillo, Joseph Tran��Product Owner: Dr. Alliete Alfano��Professor: Masoud Sadjadi��School of Computing and Information Sciences�04/21/2023�

FLORIDA INTERNATIONAL UNIVERSITY

Main Focus/Problems:

• Whole Project:
• The focus of the team this semester includes continued expansion of the application, along with revising and/or debugging crucial aspects of the application which has been developed previously. This includes the addition of a reports page and settings, along with expansions into the forums.���
• Project Parts:
• Settings - Taking the MVP of Settings designed previously and implementing it into the final product
• Transition Settings from HTML to React and JavaScript
• Include a Night Mode theme, to be applied to the entire application
• Include a password reset and/or email change functionality
• Game Activities - Debugging and expansion on the modal which appears when any activity is finished
• This semester focused on debugging the application’s data persistent and retrieval of data upon activity completion.
• Expanded upon the completion modal to include the 10 most recent scores for a particular activity & date it occurred
• Worked on database consistency when referencing database.
• Forum - Adding the forum post association and reply functionality
• Expanded forum functionality to delete posts and reply to existing posts
• Included information on who created the post and time of creation.
• Mobile UI - Design application around ease of view between different devices:
• Allow the user to access the auditory trainings on their mobile device with a seamless look on all of the features and games
• Worked on the responsiveness of the website on various screen sizes
• Reports Page - This feature was not implemented yet into the application. The main ideas behind the reports page include:
• The ability for the user to view a history of their scores from completing the activities
• Allow users to export the report as a csv file and share their progress with their doctor(s)/primary care
• Allow users to or share their scores and progress with others in their social community through the social media buttons

FLORIDA INTERNATIONAL UNIVERSITY

Project Management:

FLORIDA INTERNATIONAL UNIVERSITY

User Stories:

• Settings
• Link settings feature to the route.
• Add light and dark color themes.
• Create front end for updating the password and the email.
• Game Activities
• Debug activity completion screen so it appears upon activity completion
• Expand completion screen to include most recent activity per specific activity
• Revise database consistency when referencing data.
• Forum
• Create a new comment
• Create a new reply
• Expand on quality of life with date and time data.
• User Interface
• Added responsive UI so it scales to smaller devices when accessed
• Reworked Dashboard/Activity display to fit without additional scrolling
• Minor UI fixes throughout application
• Reports Page
• Create a Reports Page and link to the rest of the application
• Create a table to display user’s scores from all activities
• Add Share and Export buttons for user to share reports to their social media, or export page as a .csv file.

​

FLORIDA INTERNATIONAL UNIVERSITY

Object Design Diagram:

FLORIDA INTERNATIONAL UNIVERSITY

System Design Architecture:

FLORIDA INTERNATIONAL UNIVERSITY

Use Case Diagram

FLORIDA INTERNATIONAL UNIVERSITY

Settings

• Users can select the between light and dark themes.
• Users can see or hide their passwords by clicking on the show/hide buttons respectively.

​

FLORIDA INTERNATIONAL UNIVERSITY

Game Activities

Upon activity completion, a pop up appears displaying the score for this round, along with the 10 most recent scores. This is activity specific.

​

Note there is inconsistency within the database on how certain attributes are stored.

FLORIDA INTERNATIONAL UNIVERSITY

Forum

• Users can append a new post via the new post button.
• Updates in real time with several actors working at once.

FLORIDA INTERNATIONAL UNIVERSITY

Mobile UI

• Added responsive UI to scale depending on screen size
• When viewed from a laptop/desktop on full screen mode, the UI reflects the original scaling
• When viewed from a smaller screen (mobile device), navigation bar components are replaced with icons

web UI

Mobile UI

FLORIDA INTERNATIONAL UNIVERSITY

Reports Page

• Upon completion of activities, this page displays:
• Activity type
• Date
• Score

• User will be able to export/share the reports history

FLORIDA INTERNATIONAL UNIVERSITY

Summary:

• The Auditory Training App allowed the team to learn and continuously produce new features that would benefit users with the consent of the product owner. Working with the product owner gave insight on not only the design but the ability to communicate amongst each other. Each of the team members were able to incorporate their own ideas and designs
• Contact:
• Alex Rodriguez –arodr1535@fiu.edu
• Casey Sit – csit001@fiu.edu
• Maney Wu – mwu019@fiu.edu
• Barbarella Castillo – Bcast080@fiu.edu
• Joseph Tran - jtran028@fiu.edu
• Thank you for viewing! We hope that the project continues to excel and expand with more features and activities!

​

​

​

FLORIDA INTERNATIONAL UNIVERSITY