HeaderSIS.jpg

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

From IS480
Jump to navigation Jump to search
degree=90
HOME   PROJECT OVERVIEW     PROJECT MANAGEMENT   DOCUMENTATION  
         


Landing Page

BUSlide1.JPG BUSlide2.JPG BUSlide3.JPG
BUSlide4.JPG

Volunteer Management Page

BUSlide5.JPG BUSlide6.JPG VolMGmt.jpg

Task Page

BUSlide8.JPG BUSlide9.JPG BUSlide10.JPG
BUSlide11.JPG

Task Details Page

BUSlide12.JPG BUSlide13.JPG BUSlide14.JPG

Matching Volunteers

BUSlide15.JPG BUSlide16.JPG

Empact Questions Page

BUSlide17.JPG BUSlide18.JPG BUSlide19.JPG

NPO Questions Page

BUSlide20.JPG Slide21.JPG

Volunteer Task Page

Slide22.JPG BUSlide23.JPG

Dashboard

Slide25.JPG Slide24.JPG

More

Slide26.JPG BUSlide27.JPG Slide28.JPG

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

Volunteer - Dashboard

Volunteer Dashboard.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

Empact - Dashboard

Dashboard E.JPG


Empact - Statistics

Stas1.JPG Stas2.JPG Stas3.JPG
Stas4.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

NPO - Dashboard

NPO dash.JPG


Versioning

We have decided to put our paper prototypes in the excel file as it is a better way to look at the versioning of the paper prototypes and looking at the comments given.



Empact Volunteers NPO


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