HeaderSIS.jpg

IS480 Team wiki: 2012T2 box.us UI & Video

From IS480
Jump to navigation Jump to search
Boxus Logo PNG Small.png

HOME   OVERVIEW     PROJECT MANAGEMENT   DOCUMENTATION  
         

Problem Empact is a newly startup social enterprise who just celebrated it's first birthday on 22 January 2013.

Empact serves to work as a "middlemen" to their volunteers,Social Enterprises and NPO clients by matching the skills sets that the volunteer has to the tasks that the Social Enterprises and NPO clients need. The problem that Empact is facing is that its business processes ranging from the recruitment of volunteer, to the matching of volunteers


Solution


As such, this app will aim to solve:

Log-in for ALL users (Volunteers, Empact and NPO)

Box-us(sign up page).jpg Box-us(log in page).jpg


Volunteer - Volunteer Registration

Box-us(sign up page).jpg Box-us(registration form part 1).jpg Box-us(registration form part 2).jpg
Box-us(registration form part 3).jpg Box-us(registration form part 4).jpg Box-us(registration form end).jpg


Volunteer - General Account Settings

Vol - General Account Settings (1).jpg Vol - General Account Settings (2).jpg Vol - General Account Settings (3).jpg
Vol - General Account Settings (4).jpg Vol - General Account Settings (5).jpg


Volunteer - Manage Tasks

Vol - Manage Tasks (1).jpg Vol - Manage Tasks (2).jpg


Volunteer - Task Feedback Form

Volunteer Task Feedback Form.jpg


Volunteer - Task Timesheet

Volunteer Time sheet.jpg Volunteer Edit Time sheet.jpg


Volunteer - Consolidated Volunteer Record

Consolidated Volunteer Record.jpg


Volunteer - Manage Questions

Vol - Questions (1).jpg Vol - Questions (2).jpg


Empact - General Account Settings

Em - GAS(1).jpg Em - GAS(2).jpg Em - GAS(3).jpg
Em - GAS(4).jpg Em - GAS(5).jpg


Empact - Manage Volunteers Sign Up

Em - MVSU(1).jpg Em - MVSU(2).jpg


Empact - Manage NPO

Em - ANPO(1).jpg Em - ANPO(2).jpg


Empact - Manage Tasks

Em - MT(1).jpg Em - MT(2).jpg Em - MT(3).jpg
Em - MT(4).jpg Em - MT(5).jpg


Empact - Manage Questions

Em - Q(1).jpg Em - Q(2).jpg Em - Q(3).jpg
Em - Q(4).jpg


NPO - General Account Settings

NPO - GAS(1).jpg NPO - GAS(2).jpg NPO - GAS(3).jpg
NPO - GAS(4).jpg NPO - GAS(5).jpg


NPO - Manage Questions

NPO - Q(1).jpg NPO - Q(2).jpg


Versioning (Revised)

We have decided to revise the versioning of the prototype.

Reason being that the old versioning method of looking at the prototype was via the word document.

We then decided that putting the paper prototypes in the excel file is a better way to look at the versioning of the paper prototypes and looking at the comments given.


TO NOTE:

Each version is a add on from the earlier version, so in the latest version, you will get to see the first version to the latest version.

Empact Volunteers NPO



Versioning (Archive)

We would be doing our user interface using Bootstrap 2.2. A few key features of the BootStrap 2.2 Framework:

  • Responsive Desgin
  • Generate your custom template
  • Ability to compile new themes on the fly using LESS

This UI framework helps us to cope with changes made by the client.

Bootstrap

V1 1.jpg V1 2.jpg V1 3.jpg
V1 4.jpg V1 5.jpg V1 6.jpg
V1 7.jpg V1 8.jpg V1 9.jpg
V1 10.jpg V1 11.jpg V1 12.jpg