...
After creating a new note or selecting an existing note, the user will be taken to the text editor, which is central to the application's functionality. This provides the user with the ability to enter rich text into a document to take notes for the class. There are standard controls for formatting text, as would be seen in a normal text editor, but the interesting feature of this view is the ability to record video of the lecture that will be synced with the notes. (For the purposes of this design, we will assume that the user has a front-facing webcam of some sort to record the video)
Image of text editor view
On the right side of the view is a toolbar for managing the video recording. There is also a button to allow the user to take a screenshot that can be inserted into the notes. When the screenshot is taken, a new window will appear to so the user can crop the photo to the correct size.
Image of screenshot cropping view
After a class is over, the user will likely wish to review the notes that were taken during class. In the text editor view, there is a "Review" button in the top right corner. This takes the user to another view that shows the same notes and video that the user created with the edit window, but they are not editable. One half of the screen shows the recorded video, and the other shows the notes that were typed. While the video is playing, the corresponding section of notes is highlighted to show how the video and the notes match up. Additionally, by clicking on a word in the notes, the user can jump to the part of the video that was happening while that word was written in the notes. This allows the user to find certain parts that they wish to review without having to seek through lots of video time. The top right of this view contains an "Edit" button, taking the user back to the edit window to make any necessary changes.
Image of review view
Design 3
In this design, we allow a single level hierarchy that lets you put notes into different categories, and the list of notes is displayed on the same page as the editor. Rather than inserting pictures from a camera, this design allows us to harness the ease of typing things on a laptop and the ease of drawing things with a touchscreen by using a smartphone to create hand-drawn diagrams.
...