View & Mark submission

This is the page where you view and mark a submission. You can view the submitted files, and use the marking panel to give marks and provide feedback utilising the grading form.

Full page example

(click on image to view full size)

Navigation bar

(click on image to view full size)

Menu icon and logo

The menu icon (aka hamburger button), on the left, displays a new navigation bar with links to the Assignment and Submissions dashboards, as well as links to the Assignments, Grading Form, and Feedback pages.

Assignment and Subsmission info

The centre part of the navigation bar displays the assignment and submission names, and navigation buttons for viewing and marking another submission.

Marking-related info

On the right side, above the marking panel area, you have the following marking-related information:

• Marker: the submission marker's name, if one is set

• Status button: set submission as Marked / Not marked by clicking on the button

• Marking panel toggle: show / hide the marking panel

• Mark: the total marks for the submission, calculated from the individual marks for each marking element

Main content - File browser

This is the main content area, where you can browse and view the submission files.

The file browser lists all the files that have been submitted by the student, and has 3 filters:

• All files: List all submission files

• View file: List files with supported extension for opening and viewing

  • Supported extensions: csv, docx, html, pdf, txt, xls, xlsx

• View source code: List files with supported extension for viewing the source code (with syntax highlighting)

  • Supported extensions: css, csv, html, java, js, php, py, pde, sh, sql, tex

There is also an experimental feature to load and View external web page inside the app.

Notes

Clicking on the file name will follow the browser's default behaviour for the file type, most likely download it (or open it).

• To View file and open a file with a supported extension inside the app, click on the eye icon (on the right of the file name).

• To View source code (with syntax highlighting) of a file with a supported extension, click on the file earmark icon.

When you try to open / view a word document, the app will convert it to a pdf (so it can be displayed inside the browser) and it will display "Loading file..." while converting - this should only take a few seconds (depending on the size of the file).

Marking panel

The marking panel on the right side of the page is where you do the marking - give feedback and marks, and make notes (if needed).

See the Marking panel page for detailed information.