CSC/ECE 517 Fall 2016/E1688. Send feedback to support + tree display improvement

From PG_Wiki
Jump to: navigation, search

Contents

Introduction to Expertiza

Expertiza is an open source software to create reusable learning objects through peer reviewing of team projects and submission of project design documents. In the final project, there are two major changes that will help in improving user experience.

Purpose

The purpose of this project is:

Provide a new UI which allows users to send emails to expertiza support Background

This feature will help expertiza users to achieve faster resolution to the problems they face. A new UI support needs to be given to enable them to directly send the issues they face to expertiza support through email.

A single “actions” icon with a pop up panel in place of the currently existing “action” icons on tree display

The purpose of this enhancement is to reduce the wastage of space on the Manage Assignments page.

Background

Provide a new UI which allows users to send emails to expertiza support Background

The current implementation of expertiza does not provide any feature for users to send feedback in case they face any problem. This new feature allows a user to send a complaint or feedback to expertiza support via email. Captcha needs to be implemented so as to prevent the abuse of the this feature.

A single “actions” icon with a pop up panel in place of the currently existing “action” icons on tree display

Currently the data to be displayed for each assignment takes 2 lines whereas the “actions” icons are taking up 3 or 4 lines for display. This is a wastage of space on the screen.

TreeDisplay.jpg

Product Requirements

Provide a new UI which allows users to send emails to expertiza support Background

This design unit includes following tasks:

1. Provide ‘Expertiza Support’ button on top of website.
2. Create a feedback support form page which should be available to all the users including unauthenticated users.
3. The form page should have fields for email Id for fetching email id of the user facing issue, a description input box where user can describe the steps for reproducing the issue.
4. This form should have field email auto filled with email on user profile if the user has logged in.
5. This form should provide random captcha to prevent abuse of this feature.
6. Submitting this feedback form page should trigger email to “expertiza-support@lists.ncsu.edu”.
7. The project should provide User with an acknowledgment saying email has been seen and Expertiza Support will try to fix the issue as soon as possible.

A single “actions” icon with a pop up panel in place of the currently existing “action” icons on tree display

To eliminate the extra space on Manage Assignments page because of less data and more “actions” icons, we will replace all the “actions” icons with a single “actions” icon embedded with a pop up panel. So when a user clicks on this new “actions” icon, it will throw a pop up containing all these previous “actions” icons and the user can select one of them to invoke one of these actions (edit, delete, add participant, create teams, etc...).

Mouse hover on Help should not make it invisible

We changed the css to black so on mouse hover Help doesn't become invisible.
Help.png

Use Cases

Provide a new UI which allows users to send emails to expertiza support Background

UseCaseDiagram.jpg

A single “actions” icon with a pop up panel in place of the currently existing “action” icons on tree display

Provide a new icon in “actions” on tree display, then when you click on this new icon a new popup appears. This popup has all the previous “actions”

Design Pattern

Provide a new UI which allows users to send emails to expertiza support Background

Model: send_sync_message method with expertiza_support_helper(new helper class defining the body of email) will be responsible for sending email to expertiza support.
Controller: Feedback form submission should call MailerHelper’s send_sync_message method with the appropriate parameters specifying that an expertiza user is facing some issue.
View: A new expertiza contact support form to be created with fields email id, description of issue, captcha and submit button.



Feedback.png




A single “actions” icon with a pop up panel in place of the currently existing “action” icons on tree display

A UI change replacing displaying tree with an icon. On click event will create a pop up panel. User selection will trigger the appropriate action(this functionality will not be changed).
View: Instead of displaying all the "actions" icons, we will replace this code to display a single "actions" icon with an embedded pop up panel.

Actiona1.png

Actions2.png

Testing Plan

Provide a new UI which allows users to send emails to expertiza support Background

A single “actions” icon with a pop up panel in place of the currently existing “action” icons on tree display

Personal tools
Namespaces
Variants
Actions
Navigation
Toolbox