Results
This is the homescreen our users will see when they open the application. Clicking the ‘Tap to begin scanning ID’ button takes us to the next page below.
This screen is where the users can take an image of a student ID. Clicking the back arrow in the upper left returns the screen to the homescreen. Clicking the camera button at the bottom will take a picture and send the captured image to our Flask server where the image processing and scraping will take place. For the user, they will just see a loading screen so we will show examples of what is taking place behind the scenes in the Flask server.
The next step of the workflow is sending the image through image processing. Click the button here to view our in-depth description of our Python script.
After the image processing is complete, our Python scraper script is run. The output of this script is shown in the video above.
Finally, after the Python scripts have ran, the user gets back the relevant information and this screen is displayed.
How the user's interaction is processed in our app with is displayed through the following flow chart, showing each step along the way.