The first step to building the app was to outline and construct the user interface, or the “view” section of the app. All objects shown on the screen, such as buttons, sliders, etc. were drawn onto the screen, and each object was sized and placed correctly. This way, any geometry issues could be identified and resolved with relative ease and without having to worry about affecting any behind the scenes code already set up in the background. As issues or concerns came up via discussions among group members and professors on possible visual design flaws, unintuitive features, or unnecessary objects being shown on the screen, those errors were fixed according. Once the visual design layout was completed, the “model” section of the app was worked on next. Main functionalities of the app were divided into separate function blocks, and the logic for each function was written. When unfamiliar concepts arose, or when the app had any bugs, research was completed in order to find more information on whatever issues had come up, and a variety of different tests were completed on any defective sections of code.

Finally, the “controller” section of the app was completed. Visual objects on the app screen were connected to the software code and data driving the system. Input and output objects were instantiated within the code and connected to the user interface as necessary. When issues with the code appeared, they were dealt with similarly to methods used while designing the “model” section. Research was completed on certain topics when necessary, and a variety of tests were ran on any broken sections of code.