I have made a simple webpage that we will be using for the gamification part of the project. We wanted to make a short quiz that engages the user of the bin by allowing them to learn more about the general facts of recycling and make recycling more fun and enjoyable.
The webpage with the quiz (which will be running on the Jetson Nano and the user will be able to interact with the page using a touchscreen) was built using HTML, CSS and javascript. The javascript populates the page by loading the quiz questions. The javascript then records user input and either give the user marks by answering the questions right or not when they choose the wrong option. Once the user has completed the quiz, the quiz will show the user their scores and the page will automatically refresh within 5 seconds to bring the user back to the start of the quiz.
The quiz website also shows the prediction that was made by the Deep Learning model for the material of the object that was thrown into the bin. I have made a python script that updates the webpage for the prediction made. The python script that runs the model will call upon my python script as a function to update the page.
Comments