OVERALL
This sprint was more successful as things fall more into place, however, frustrating in the time spent troubling shooting bugs and minor issues. I spent the week continuing to research and explore the reasons why the user interface was altering in the mobile pages (specifically the sequence page), when implemented with the socket.io code.
SUCCESSES & CHALLENGES
I was successful in creating the visual responses correspondent in the sequence page when pressed, with a counter indicating the amount of hits required for the student to perform, with a maximum of 10 hits. The UI for this is a red circled with white text, appearing at the top right corner of each box when pressed. The clear button functionality is also implemented whereby if the icon is pressed all hits placed on the boxes will be gone. The implementation of the UI for this page was not the most challenging part, it was very time consuming trying to troubleshoot the errors as there seemed to be no case for them. After roughly 3-4 hours of different variations of the code and reformatting, I decided to take the existing UI design that I had previously implemented and work with that in order to try mimic the design of the socket.io code, but this time without trying to create a client side array with the hits. Rather, focus on just the visuals. In turn, I progressed more so with this troublesome bug. I spent roughly 2 hours rewriting the code for this, but several hours previous to that trying to solve the issues working with the same code. This way of working turned out to be a lot less efficient and effective as I ended up starting parts from scratch. However, the hours of troubleshooting allowed me to further my knowledge and understanding.
CONCLUSION
I found that after many weeks of trying different alternatives, but working with the same pieces of information actually made it harder for myself. I kept trying similar things with the same code hoping for it to work. I have learnt that it is important to take a step back and look at it from a bigger picture in order to understand how to solve a small issue as such.
As this sprint wraps up and the end is soon approaching, I will be working on UI design for the mobile pages, in particular, the sequence results page.
Comments