HeaderSIS.jpg

IS480 Team wiki: 2013T2 Tappers/Documentation/Design & Prototype

From IS480
Jump to navigation Jump to search
Tappers banner.jpg
Home The Team Project Overview Project Management Project Documentation Learning Outcomes


Design & Prototype Diagrams User Testing Resources Meeting Minutes


Mock Up User Interface

Login & Home page



1. User will have to log in to the system to utilise the features.
2. With the username and password entered, system authenticates the user and directs the user to the Home page.


1. User wishes to login to the system.
2. User forgot his password.
3. User clicks on "Forgot Password" button and is directed to the "Forgot Password" page.
4. User enters username, system verifies user, matching with the email/phone, and sends the password to the email address/phone.

LoginPage (2).png

HomePageTap.png

Login Page.png

Forget Password.png

Phone.png

Contact Management

Add A Contact


Home.png AddForm.png
Mockup.png ContactDatabase.png

1. User wishes to add a contact.
2. User is directed to the "Add A Contact" Form
3. User fills up the details
4. User clicks "Submit"
5. User is directed to the Confirmation Page
6. User confirms the added contact
7. Contact is added into the database

  • NOTE: The mockup UI is only a visualisation, actual contact details will not be shown.


Edit A Contact (In-line Editing)


ContactDatabase.png EditForm.png


1. User wishes to edit a contact. 2. User double click on the specific field on the contact he wishes to edit.
3. User edit the details.
4. Contact updated.


Delete A Contact


Screen Shot 2014-02-21 at 2.17.09 am.png ContactDatabase.png Deltepopup.png Deletedatabase.png
1. User wishes to delete a contact.
2. User checks on the contact he wishes to delete.
3. User clicks on 'delete'.
4. Popup message appears to prompt user to confirm his decision.
5. User confirms his decision.
6. Contact deleted.



Search for contact


Searchdatabase.png SearchResults.png

1. User wants to search for a specific contact.
2. On top of the "Organisation" Column, he types in part of the contact's organisation.
3. User clicks enter.
4. Database filters out the contacts that consists of the input the user typed in.



Hide and Show Columns


Searchdatabase.png Screen Shot 2014-02-21 at 2.23.13 am.png

1. User untick to hide a column.
2. Database filters out and displays only the columns that are chosen by users.

Event Management

View All Events


EventLienViewAll.png


Add An Event


Home.png Screen Shot 2014-02-21 at 2.50.54 am.png
Screen Shot 2014-02-21 at 2.54.57 am.png EventLienViewAll.png

1. User wishes to add an event.
2. User is directed to the "Add An Event" Form
3. User fills up the details
4. User clicks "Submit"
5. User is directed to the Confirmation Page
6. User confirms the added event
7. Event is added into the database

  • NOTE: The mockup UI is only a visualisation, actual event details will not be shown.


Edit An Event ( In-line Editing)


EventLienViewAll.png Screen Shot 2014-02-21 at 3.03.35 am.png


1. User wishes to edit an event. 2. User double click on the specific field on the event he wishes to edit.
3. User edit the details.
4. Event details is updated (Event "Thanksgiving" 's Type has been updated from "Marketing" to "Legal".


Delete An Event


Screen Shot 2014-02-21 at 3.06.05 am.png Screen Shot 2014-02-21 at 3.12.04 am.png Screen Shot 2014-02-21 at 3.15.29 am.png Screen Shot 2014-02-21 at 3.16.35 am.png
1. User wishes to delete an event
2. User checks on the event he wishes to delete.
3. User clicks on 'delete'.
4. Popup message appears to prompt user to confirm his decision.
5. User confirms his decision.
6. Event deleted.


Hide and Show Columns


Screen Shot 2014-02-21 at 3.16.35 am.png Screen Shot 2014-02-21 at 3.19.55 am.png

1. User untick to hide a column.
2. Database filters out and displays only the columns that are chosen by users.

Statistical Reports

Screen Shot 2014-02-21 at 3.24.36 am.png


Screen Shot 2014-02-21 at 3.29.03 am.png Screen Shot 2014-02-21 at 3.35.06 am.png

Email-Survey

Screen Shot 2014-02-21 at 3.22.48 am.png Screen Shot 2014-02-21 at 3.26.23 am.png