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

From Expertiza_Wiki
Jump to navigation Jump to search
The printable version is no longer supported and may have rendering errors. Please update your browser bookmarks and please use the default browser print function instead.

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.

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.

Use Cases

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

  • Input: User clicks on Expertiza Support and issue description and captcha as input. The email id is auto-filled from the user profile.
  • Type of Input: Feedback Form
  • Source of Input: User interface
  • Processing: Validate input fields and form submit
  • Outputs: Email sent to Expertiza support and acknowledgement displayed to user.

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”

  • Input: User clicks on new icon
  • Description: new popup appears with all actions in it
  • Type of Input: Click on the new icon
  • Source of Input: User interface
  • Processing: Create popup
  • Outputs: Pop up Panel displaying all the previous “actions” icons for the user to choose from.

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.






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.



Testing Plan

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

  • T.1: Contact Support’ button should be seen to all the users (even unauthenticated).
  • T.2: For unauthenticated users, clicking on ‘Contact Support’ should redirect to feedback support form page with blank email id field, description and captcha
  • T.3: For authenticated users, clicking on ‘Contact Support’ should redirect to feedback support form page with email id auto-filled with email on their profile, description and captcha.
  • T.4: Before form submission, none of the fields should be blank. Appropriate blank error message should be shown otherwise.
  • T.5: Captcha should be random on every page load. Error message saying ‘incorrect captcha’ should be shown in case user fails to provide the same text of captcha.
  • T.6: Email should be received to Expertiza support “expertiza-support@lists.ncsu.edu” on the form submission and the user should get an acknowledgement of email received.

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

  • T.1: Ensure that when a user click on the new “actions” icon, it throws a pop up panel with all the old “actions” icons.
  • T.2: Ensure that Edit icon redirects the user to edit assignment view.
  • T.3: Ensure that Delete icon deletes the assignment.
  • T.4: Ensure that Add TA icon redirects the user to Add TA view.
  • T.5: Ensure that Add Participant icon redirects the user to Add Participant view.
  • T.6: Ensure that Create Teams icon redirects the user to Create Teams view.
  • T.7: Ensure that Create Assignment icon redirects the user to Create Assignment view.
  • T.8: Ensure that 360 assessment dashboard icon redirect user to One_course_all_assignments page of assessment360 view.
  • T.9: Ensure that Copy icon redirects user to Edit course page.
  • T.10: Ensure that Make public icon redirects user to the tree display page.
Retrieved from "https://wiki.expertiza.ncsu.edu/index.php?title=CSC/ECE_517_Fall_2016/E1688._Send_feedback_to_support_%2B_tree_display_improvement&oldid=106865"