4.3 UI Design - nus-mtp/sashimi-note GitHub Wiki
These UI Screens documented below represent the initial concept of the webapp during its conceptualization phase. The actual design of the application changes over time. These changes can be viewed in the release log
- File Manager (Icon View)
- File Manager (List View)
- Editor
- Viewer
- Editor and Viewer
- Images
- Annotations
- Dropdown menus
- Creating different versions of a document
- Document view
- Slides view
- Glossary view
Description:
- User can create, upload, sort and search for files/folders.
- Upon selecting a file/folder, user will be able to delete, duplicate and download.
Issues Covered:
#40 #46 #49 #106 #144 #148
Description:
- User can create, upload, sort and search for files/folders.
- Upon selecting a file/folder, user will be able to delete, duplicate and download.
Issues Covered:
#40 #46 #49 #106 #144 #148
Description:
- Editor can edit a document with GUI, markdown, latex, html and css.
- Editor can insert image, PDF, manage plugins, share file, annotate, create new file, manage versions.
- There will be a persistent table of content button where it shows the table of content of the document when clicked as a drop down menu.
Issues Covered:
#3 #4 #10 #11 #16 #17 #34 #131
Description:
- Viewer can view the formatted document, navigate with table of content.
- There will be a persistent table of content button where it shows the table of content of the document when clicked as a drop down menu.
Issues Covered:
#1 #8 #86
Description:
- Editor can view the edit and view screens side by side.
- There will be synchronized scrolling of the edit and view screens.
- There will be a persistent table of content button where it shows the table of content of the document when clicked as a drop down menu.
Issues Covered:
#130 #132
Description:
- Editor can move, scale, crop and rotate the image freely.
- Editor can also drag and drop images into the edit screen.
Issues Covered:
#27 #29 #30 #42
Description:
- User can annotate on the document using pen feature and sticky note.
- User can hide or show the annotations.
- User can erase pen annotations with the eraser tool.
- Upon selecting a feature, the middle button will become the feature icon to notify users on what feature they have selected.
Issues Covered:
#48 #52 #54 #73
Description:
- User can create new file or duplicate current file.
- User can create different formats with one single document.
Issues Covered:
#53 #64 #99
Description:
- While creating a different versions, user can selectively choose the content to show.
Issues Covered:
#96
Description:
- User can view the file in document format and download it as a PDF file.
- User can also print out the document as a PDF file while viewing the document.
Issues Covered:
#64 #93
Description:
- User can view the file in slides format and download it as a HTML file.
- User can also print out the slides file while viewing the document.
Issues Covered:
#64 #93
Description:
- User can create a glossary of the document by selecting words from the document while in glossary mode.
Issues Covered:
#90