HeaderSIS.jpg

IS480 Team wiki: 2014T1 Team Epsilon Prototype

From IS480
Revision as of 23:57, 13 August 2014 by Joel.woo.2011 (talk | contribs)
Jump to navigation Jump to search

Team Epsilon Logo.png.png

Home   Project Overview   Project Management   Documentation   Team

Design Overview   Prototype   User Testing   Meeting Minutes   Submission Archive


[ Lo-Fi User & Agency Web Portal ] [ Lo-Fi Admin Web Portal ] [ Hi-Fi iOS App ]


The Public Feedback & Enquiry Platform Web Portal is intended for public and agency users.

Web User Process Flow.png

Display All Feedback

Public User View


When the public user first visits the PFP web portal, they will be able to see a listing of all the feedback posted by other users in the system here.

In this view, the user will be able to see the following feedback details:

1. Date & time which feedback was submitted
2. Location of feedback
3. Detailed location of feedback
4. Feedback title
5. Image of feedback (if user has submitted one or more images)
6. Number of votes
7. Number of comments


Web Display All Feedback Public User.png

The user will able to see a listing of all feedback even if they have not login. They will also be able to filter the feedback listed by showing all feedback, open feedback or closed feedback.

Agency User View

Web Display All Feedback Agency User.png

Agency users will see the same view as public users. If however an agency user has logged in to the system, the system will display “Agency Feedback” instead of “My Feedback”.

Feedback List Sorting

The feedback listing will be displayed according to feedback with the latest updated activity (posted, commented, voted or approved as non-abusive).

Registration

Overview

If the public user wants to submit a feedback they will need to have a user account and be logged into the system.

The user will be able to register for an account here.

Only public users can register for an account.

The user will be able to:

1. Log in with Facebook
2. Login with Email & Password
3. Register New account
Web Account Overlay Before Login.png

This is the screen for the overlay menu that the user will see when they are not logged in to the system. Users will be able to invoke this menu by clicking on the right icon on the top of the navigation bar.

Register New Account

Web Register New Account.png

Users will only be able to sign up as a normal public user. Signing up as an agency or admin user will not be available.

After entering the above information, the user clicks Register to continue with the registration process.

Verify Mobile

900px

The verification code will be sent to the user’s mobile number This code will be time-sensitive for security purposes, and will become invalid after five minutes.

Upon confirmation of the verification code, the user will be logged in with credentials saved for convenience of using the app next time.

If the verification code has expired or the user input the wrong verification code, the user will be able to click on Resend Verification Code to get a second code.

Login

Overview

In order to submit a feedback, as well as vote and comment on other feedback, the user will need to login to the system which they will be able to do here.

This is the screen for the overlay menu that the user will see when they are not logged in to the system. Users will be able to invoke this menu by clicking on the right icon on the top of the navigation bar.

The user will be able to:

1. Log in with Facebook
2. Login with Email & Password
3. Register new account
Web Account Overlay Before Login.png

If the user chooses to login with Facebook, they will be directed to the Facebook website to ask for permission to access the user’s profile information such as the email and name.

The email will be used for the system to do a check to see if an existing account with the same email exists.

If the email exists, the app will log the user in through Facebook authentication. If the email does not exist in the system, and the user allows access, the user will be redirected to the registration page with the name and email address (depending on which information is available) filled to speed up the user’s registration.

Successful Login

Web Account After Login Screen.png

Upon successful login, the account page will show the user’s email and mobile number, as well as provide the user the option to change their password and log out of the system.

Password Change

Web Account Password Change Screen.png

The user will be prompted to enter the above information to change their password.

Display My Feedback

Overview

After the public user logins to the system, the public user will be able to see a listing of all the feedback that is submitted by the pubic user.

In this view, the public user will be able to see the following feedback details

1. Date & time which feedback was submitted
2. Location of feedback
3. Detailed location of feedback
4. Feedback title
5. Image of feedback (if user has submitted one or more images)
6. Number of votes
7. Number of comments
Web Display My Feedback.png

This view is similar to display all feedback function, and allows the user to get to the feedback that they care about the most quickly.

Open & Closed Feedback

The user will be able to filter his/her feedback by listing

1. My Feedback

2. My Open Feedback

3. My Closed Feedback

This is done by clicking on the show filter above the list of feedback.

Feedback List Sorting

The feedback listing will be displayed according to feedback with the latest updated activity (posted, commented, voted or approved as non-abusive).

Display Agency Feedback

Overview

After the agency user logins to the system, the agency user will be able to see a listing of all the feedback that is tagged to them by the admin.

In this view, the agency user will be able to see the following feedback details:

1. Date & time which feedback was submitted
2. Location of feedback
3. Detailed location of feedback
4. Feedback title
5. Image of feedback (if user has submitted one or more images)
6. Number of votes
7. Number of comments
Web Display Agency Feedback.png

This view is similar to display all feedback function, and allows the agency user to get to the feedback that they are tagged by the admin so they can track and response to the issues quickly.

Open & Closed Feedback

The user will be able to filter his/her feedback by listing:

1. All Agency Feedback
2. Open Agency Feedback
3. Closed Agency Feedback

This is done by clicking on the show filter above the list of feedback.


Feedback List Sorting

The feedback listing will be displayed according to feedback with the latest updated activity (posted, commented, voted or approved as non-abusive).


Display Feedback Details

Overview

The user will be able to see the details of the selected feedback in the system here.

In this view, the user will be able to see the following feedback details

1. Feedback owner (user who submitted feedback)
2. Date & time which feedback was submitted
3. Location of feedback
4. Detailed location of feedback
5. Feedback title
6. Image of feedback (if user has submitted one or more images)
7. Annotation of feedback (if user has annotated one or more images)
8. Number of votes
9. Number of comments
10. Description of feedback
11. Comments made by other users
12. Agency update of feedback
13. Map of feedback (by clicking on the location details)


Votes & Comments

When the user votes for a feedback, the total number of votes will be highlighted to signify and tell the user that he/she has voted for the current feedback listed.

The user can also comment on a feedback by clicking on the “What do you have to say” textbox, typing the desired comment and clicking on the post button.

Comments posted by other users can be seen below the feedback description. Agency updates will be displayed together with users’ comments, sorted according to time. Agency updates and users’ comments will have different display styles so as to differentiate between them, and agency updates will be able to contain images.

Web Feedback Detail Screen.png

View Image & Annotations

Web Image Gallery Screen.png

When the user clicks on the image of the feedback on the feedback detail page, the image gallery view will be invoked. Here, the user will be able to see the enlarged image more clearly, along with one of the default/primary annotation description.

Clicking on any of the annotation boxes will show the annotation description for that particular annotation box.

The user will be able to click the arrows at the side of the gallery view to see all the images (up to a maximum of 5) uploaded by the feedback owner, and have the option to show/hide annotations.

Web Image Gallery WIthout Annotation Screen.png


View Location Map

Web View Map Screen.png

When the user clicks on the location details of the feedback on Figure 6.6.1, the map view will be invoked. Here, the user will be able to see a map with the location of the feedback highlighted.

This location will be determined by the feedback owner’s mobile phone’s GPS (if the user gives access), and can be edited by the feedback owner.


Agency Information

Web Agency Information User View.png

When the user clicks on the agency name at the display feedback screen, the agency information view will be invoked. Here, the user will be able to see the name of the handling agency, a short description of the agency, and the address of the agency.

Agency Update (Agency View)

Web Agency Update Agency View.png

When the agency user is viewing a feedback that is tagged to them by the admin, they will be able to post an update to the comments section. Updates posted by the agency will have a different display style to differentiate the updates from other users’ comments and will be able to contain an image per update.

Report Abuse (User View)

Web Report Abuse User View.png

When viewing any feedback, a user will be able to report a feedback as abusive by clicking on the “Report Abuse” button to flag the feedback to the admin.

Feedback that is reported for abuse will be temporarily removed/hidden from the display feedback listing in the app. The admin will be notified of the abuse report, to approve or reject the report.

If the admin approves the report abuse, the feedback will stay removed/hidden from users.

If the admin rejects the report abuse, the feedback will be available for user’s access again. Once a feedback has been deemed safe (report abuse rejected) by the admin, it can no longer be reported for abuse again (the button will be disabled or not shown to the user).

Web Report Abuse Comment User View.png

When the user chooses to report a feedback as abusive, the app will show the above screen to allow the user to input the reason of why the feedback is abusive.


Notifications

Overview

The user will be able to see all the notifications through an overlay menu invoked by clicking on the “mail-looking” icon (subjected to change) here. There will be a numeric indicator on the icon to let the user know how many outstanding notifications are unread.

Web Notifications Screen.png

Public users will be alerted to notifications when:

1. Other public users vote or comment on their submitted feedback
2. Other users reported abuse on their submitted feedback
3. Agency marked their feedback as resolved (prompting them to verify and close the feedback within three days)


Agency users will be alerted to notifications when:

1. They are tagged to a user-submitted feedback by the admin
2. Feedback owners close a feedback before they mark it as resolved
3. Other users reported abuse on their tagged feedback

Mark Feedback As Resolved

Overview

The agency user will be able to mark a feedback as resolved here.

Web Mark Feedback As Resolved.png

When viewing a feedback they are tagged to, an agency user will be able to mark the feedback as resolved.

Web Mark Feedback As Resolved Prompt.png

When the agency user chooses to mark the feedback as resolved, the system will prompt to let the agency user confirm their actions.

The feedback owner will be notified to verify and close the feedback once the agency mark the feedback as resolved.


Close Feedback

Overview

The feedback owner will be able to close a feedback they have submitted here.

Web Close Feedback.png

When viewing a feedback they have created, a user will be able to see an additional button to close the feedback.

Web Close Feedback Prompt.png

When the user chooses to close the feedback, the system will prompt to let the user confirm before closing the feedback.

Feedback owners are able to close the feedback at any time. If the agency has marked the feedback as resolved, the owner will be notified to verify and close the feedback.

If the owner closes the feedback before the agency marks the feedback as resolved, the agency and admin will be notified of the feedback status update.