Weekly Sprint #3
This week’s sprint proved to be a bit of a struggle, once again. While I had reorganized my pages so that they properly adhered to the Bootstrap grid system, I realized that I had overlooked the fact that I needed the sliders and buttons to act within a form tag. After properly solving that problem in my home, signup, login, and review session pages, I decided to continue tinkering with the latter. The session page is where most of the action is going to happen, so I wanted to be sure to carefully assemble it before moving on to other aspects.
Once the layouts of the three columns were readjusted, I created some <div> tags to act as placeholders for the image viewer, as well as the chat box. The more I edited this page, the more apparent it became to me just how involved even frontend development can be, and how many more points I still have to address.
One of the biggest points is how exactly I am going to create the image viewer, which needs to be able (1.) accept image files or image URLs to form a queue, (2.) display said images, one by one, to users in the session, and (3.) attach an ID of some kind to each image so that their individual scores are appropriately logged. The first point requires that I properly implement a login system that allows separate sets of admin and general user privileges, something I’m very unfamiliar with.
I can, however, fairly confidently say that I have a pretty decent idea of how to at least display images from URLs. By setting up an <iframe> and using JavaScript to determine which image is displayed at any given time. As much as I would like to just “keep the blinders on” and focus purely on the aesthetic, I think it’s important for me to continue designing with the backend in mind.
For next week, I plan to delve deeper into experimenting with the <iframe> tag, as well as researching simple chat implementation.
