...
In this design, the user's notes are stored in a strict hierarchy corresponding to school years and classes. Inserting images is done by taking the pictures on a smartphone and uploading them into your notes.
Storyboard
New users will be presented with a standard account creation/login page. Once they have created their account, they see the notes storage, which is organized into sections with years and classes.
...
Image of the smartphone app: picture taking mode
The user can point their camera at the subject they wish to insert into their notes, and take the photo. Once a photo is taken, the app will go into crop and upload mode.
Image of the smartphone app: picture cropping mode
The user can crop out the area of interest on the image, and choose to save or delete it. If they press save, the photo will appear in the camera roll on the app.
All changes to a user's notes are auto-saved by our webapp.