Difference between revisions of "IS480 Team wiki: 2012T1 Innox Project Management Design"
Jump to navigation
Jump to search
(39 intermediate revisions by 3 users not shown) | |||
Line 40: | Line 40: | ||
<br> | <br> | ||
=<div style="width: 100%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='black', endColorstr='black'); background: -webkit-gradient(linear, left top, left bottom, from(black), to(black)); background: -moz-linear-gradient(top, #FFFFFF, #FFFFFF); padding:3px; margin-top: 25px; line-height: 1.2em; color:white">Paper Prototype</div>= | =<div style="width: 100%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='black', endColorstr='black'); background: -webkit-gradient(linear, left top, left bottom, from(black), to(black)); background: -moz-linear-gradient(top, #FFFFFF, #FFFFFF); padding:3px; margin-top: 25px; line-height: 1.2em; color:white">Paper Prototype</div>= | ||
+ | ==<div style="width: 100%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='black', endColorstr='black'); background: -webkit-gradient(linear, left top, left bottom, from(black), to(black)); background: -moz-linear-gradient(top, #FFFFFF, #FFFFFF); padding:3px; margin-top: 25px; line-height: 1.2em; color:white">Paper Prototype v1</div>== | ||
+ | {| | ||
+ | |- | ||
+ | | width="50%" align="center" |[[Image:Innox_Paperprototypev1_1.jpg|550px]] | ||
+ | | width="50%" align="center" |[[Image:Innox_Paperprototypev1_2.jpg|550px]] | ||
+ | |- | ||
+ | |} | ||
+ | |||
+ | {| | ||
+ | |- | ||
+ | | width="50%" align="center" |[[Image:Innox_Paperprototypev1_3.jpg|550px]] | ||
+ | | width="50%" align="center" |[[Image:Innox_Paperprototypev1_4.jpg|550px]] | ||
+ | |- | ||
+ | |} | ||
+ | |||
+ | {| | ||
+ | |- | ||
+ | | width="50%" align="center" |[[Image:Innox_Paperprototypev1_5.jpg|550px]] | ||
+ | | width="50%" align="center" |[[Image:Innox_Paperprototypev1_6.jpg|550px]] | ||
+ | |- | ||
+ | |} | ||
+ | |||
+ | {| | ||
+ | |- | ||
+ | | width="50%" align="center" |[[Image:Innox_Paperprototypev1_7.jpg|550px]] | ||
+ | | width="50%" align="center" |[[Image:Innox_Paperprototypev1_8.jpg|550px]] | ||
+ | |- | ||
+ | |} | ||
+ | |||
+ | {| | ||
+ | |- | ||
+ | | width="100%" align="left" |[[Image:Innox_Paperprototypev1_9.jpg|550px]] | ||
+ | |- | ||
+ | |} | ||
+ | |||
+ | ==<div style="width: 100%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='black', endColorstr='black'); background: -webkit-gradient(linear, left top, left bottom, from(black), to(black)); background: -moz-linear-gradient(top, #FFFFFF, #FFFFFF); padding:3px; margin-top: 25px; line-height: 1.2em; color:white">Paper Prototype v2</div>== | ||
+ | |||
+ | {| | ||
+ | |- | ||
+ | | width="50%" align="center" |[[Image:Innox_Paperprototypev2_1.jpg|550px]] | ||
+ | | width="50%" align="center" |[[Image:Innox_Paperprototypev2_2.jpg|550px]] | ||
+ | |- | ||
+ | |} | ||
+ | |||
+ | {| | ||
+ | |- | ||
+ | | width="50%" align="center" |[[Image:Innox_Paperprototypev2_3.jpg|550px]] | ||
+ | | width="50%" align="center" |[[Image:Innox_Paperprototypev2_4.jpg|550px]] | ||
+ | |- | ||
+ | |} | ||
+ | |||
+ | ==<div style="width: 100%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='black', endColorstr='black'); background: -webkit-gradient(linear, left top, left bottom, from(black), to(black)); background: -moz-linear-gradient(top, #FFFFFF, #FFFFFF); padding:3px; margin-top: 25px; line-height: 1.2em; color:white">Paper Prototype v3</div>== | ||
+ | |||
+ | {| | ||
+ | |- | ||
+ | | width="50%" align="center" |[[Image:Innox_Paperprototypev3_1.jpg|550px]] | ||
+ | | width="50%" align="center" |[[Image:Innox_Paperprototypev3_2.jpg|550px]] | ||
+ | |- | ||
+ | |} | ||
+ | |||
+ | {| | ||
+ | |- | ||
+ | | width="50%" align="center" |[[Image:Innox_Paperprototypev3_3.jpg|550px]] | ||
+ | | width="50%" align="center" |[[Image:Innox_Paperprototypev3_4.jpg|550px]] | ||
+ | |- | ||
+ | |} | ||
+ | |||
+ | ==<div style="width: 100%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='black', endColorstr='black'); background: -webkit-gradient(linear, left top, left bottom, from(black), to(black)); background: -moz-linear-gradient(top, #FFFFFF, #FFFFFF); padding:3px; margin-top: 25px; line-height: 1.2em; color:white">Paper Prototype v4</div>== | ||
+ | {| | ||
+ | |- | ||
+ | | width="50%" align="center" |[[Image:Innox_Paperprototypev4_1.jpg|550px]] | ||
+ | | width="50%" align="center" |[[Image:Innox_Paperprototypev4_2.jpg|550px]] | ||
+ | |- | ||
+ | |} | ||
+ | |||
+ | {| | ||
+ | |- | ||
+ | | width="50%" align="center" |[[Image:Innox_Paperprototypev4_3.jpg|550px]] | ||
+ | | width="50%" align="center" |[[Image:Innox_Paperprototypev4_4.jpg|550px]] | ||
+ | |- | ||
+ | |} | ||
+ | |||
+ | =<div style="width: 100%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='black', endColorstr='black'); background: -webkit-gradient(linear, left top, left bottom, from(black), to(black)); background: -moz-linear-gradient(top, #FFFFFF, #FFFFFF); padding:3px; margin-top: 25px; line-height: 1.2em; color:white">Final UI Design</div>= | ||
+ | <br> | ||
+ | ==<div style="width: 100%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='black', endColorstr='black'); background: -webkit-gradient(linear, left top, left bottom, from(black), to(black)); background: -moz-linear-gradient(top, #FFFFFF, #FFFFFF); padding:3px; margin-top: 25px; line-height: 1.2em; color:white">Login & Main Page</div>== | ||
+ | <br> | ||
+ | {| | ||
+ | |- | ||
+ | | width="33%" align="center" |[[Image:INNOX_LOGINv3.png |200px]] | ||
+ | | width="33%" align="center" |[[Image:INNOX_MAP_IN_RANGEv3.png |200px]] | ||
+ | | width="33%" align="center" |[[Image:INNOX_MAP_OUTRANGEv3.png |200px]] | ||
+ | |- | ||
+ | | width="33%" align="center" |'''Main Login Screen''' | ||
+ | | width="33%" align="center" |'''Map Page (Within Range)''' | ||
+ | | width="33%" align="center" |'''Map Page (Not in Range)''' | ||
+ | |- | ||
+ | | width="33%" align="center" | ------------------------------------------------------------------------------- | ||
+ | | width="33%" align="center" | ------------------------------------------------------------------------------- | ||
+ | | width="33%" align="center" | ------------------------------------------------------------------------------- | ||
+ | |- | ||
+ | |} | ||
+ | <br> | ||
+ | ==<div style="width: 100%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='black', endColorstr='black'); background: -webkit-gradient(linear, left top, left bottom, from(black), to(black)); background: -moz-linear-gradient(top, #FFFFFF, #FFFFFF); padding:3px; margin-top: 25px; line-height: 1.2em; color:white">Queue Registration</div>== | ||
+ | <br> | ||
+ | {| | ||
+ | |- | ||
+ | | width="33%" align="center" |[[Image:INNOX_MAP_IN_RANGEv3.png |200px]] | ||
+ | | width="33%" align="center" |[[Image:INNOX_MENU_INRANGEv3.png |200px]] | ||
+ | | width="33%" align="center" |[[Image:INNOX_QUEUE_REGISTRATION1v3.png |200px]] | ||
+ | |- | ||
+ | | width="33%" align="center" |'''1. Map Page (Within Range)''' | ||
+ | | width="33%" align="center" |'''2. Menu (Within Range)''' | ||
+ | | width="33%" align="center" |'''3. Queue Registration First Step''' | ||
+ | |- | ||
+ | | width="33%" align="center" | ------------------------------------------------------------------------------- | ||
+ | | width="33%" align="center" | ------------------------------------------------------------------------------- | ||
+ | | width="33%" align="center" |------------------------------------------------------------------------------- | ||
+ | |- | ||
+ | | width="33%" align="center" |[[Image:INNOX_QUEUE_REGISTRATION2v3.png |200px]] | ||
+ | | width="33%" align="center" |[[Image:INNOX_REGISTRATION_CONFIRMATIONv3.png |200px]] | ||
+ | | width="33%" align="center" |[[Image:INNOX_QUEUE_VIEWv5.png |200px]] | ||
+ | |- | ||
+ | | width="33%" align="center" |'''4. Queue Registration Second Step''' | ||
+ | | width="33%" align="center" |'''5. Queue Registration Application''' | ||
+ | | width="33%" align="center" |'''6. Queue Registration Confirmation''' | ||
+ | |- | ||
+ | | width="33%" align="center" | ------------------------------------------------------------------------------- | ||
+ | | width="33%" align="center" | ------------------------------------------------------------------------------- | ||
+ | | width="33%" align="center" |------------------------------------------------------------------------------- | ||
+ | |- | ||
+ | | width="33%" align="center" |[[Image:INNOX_vqs1.png |200px]] | ||
+ | | width="33%" align="center" |[[Image:INNOX_vqs2.png |200px]] | ||
+ | |- | ||
+ | | width="33%" align="center" |'''7. Simplified Queue Status''' | ||
+ | | width="33%" align="center" |'''8. Detailed Queue Status''' | ||
+ | |- | ||
+ | | width="33%" align="center" | ------------------------------------------------------------------------------- | ||
+ | | width="33%" align="center" |------------------------------------------------------------------------------- | ||
+ | |- | ||
+ | |} | ||
<br> | <br> | ||
+ | |||
+ | ==<div style="width: 100%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='black', endColorstr='black'); background: -webkit-gradient(linear, left top, left bottom, from(black), to(black)); background: -moz-linear-gradient(top, #FFFFFF, #FFFFFF); padding:3px; margin-top: 25px; line-height: 1.2em; color:white">Change Readiness Status</div>== | ||
<br> | <br> | ||
{| | {| | ||
|- | |- | ||
− | | width=" | + | | width="33%" align="center" |[[Image:INNOX_MAP_IN_RANGEv3.png |200px]] |
+ | | width="33%" align="center" |[[Image:INNOX_MENU_INRANGEv3.png |200px]] | ||
+ | | width="33%" align="center" |[[Image:INNOX_QUEUE_READINESSv4.png |200px]] | ||
+ | |- | ||
+ | | width="33%" align="center" |'''1. Map Page (Within Range)''' | ||
+ | | width="33%" align="center" |'''2. Menu (Within Range)''' | ||
+ | | width="33%" align="center" |'''3. Change Readiness Status First Step''' | ||
+ | |- | ||
+ | | width="33%" align="center" | ------------------------------------------------------------------------------- | ||
+ | | width="33%" align="center" | ------------------------------------------------------------------------------- | ||
+ | | width="33%" align="center" |------------------------------------------------------------------------------- | ||
+ | |- | ||
+ | | width="33%" align="center" |[[Image:INNOX_QUEUE_READINESS2v3.png |200px]] | ||
+ | | width="33%" align="center" |[[Image:INNOX_QUEUE_READINESS3v3.png |200px]] | ||
+ | | width="33%" align="center" |[[Image:INNOX_QUEUE_VIEWv3.png |200px]] | ||
+ | |- | ||
+ | | width="33%" align="center" |'''4. Change Readiness Status Second Step''' | ||
+ | | width="33%" align="center" |'''5. Readiness Status Confirmation''' | ||
+ | | width="33%" align="center" |'''6. View Queue Status''' | ||
+ | |- | ||
+ | | width="33%" align="center" | ------------------------------------------------------------------------------- | ||
+ | | width="33%" align="center" | ------------------------------------------------------------------------------- | ||
+ | | width="33%" align="center" |------------------------------------------------------------------------------- | ||
+ | |- | ||
+ | |} | ||
+ | [[#top|Back To Top]] | ||
+ | <br> | ||
− | | width=" | + | ==<div style="width: 100%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='black', endColorstr='black'); background: -webkit-gradient(linear, left top, left bottom, from(black), to(black)); background: -moz-linear-gradient(top, #FFFFFF, #FFFFFF); padding:3px; margin-top: 25px; line-height: 1.2em; color:white">Change Adjournment Status</div>== |
+ | <br> | ||
+ | {| | ||
+ | |- | ||
+ | | width="33%" align="center" |[[Image:INNOX_MAP_IN_RANGEv3.png |200px]] | ||
+ | | width="33%" align="center" |[[Image:INNOX_MENU_INRANGEv3.png |200px]] | ||
+ | | width="33%" align="center" |[[Image:INNOX_QUEUE_ADJOURNMENTv3.png |200px]] | ||
+ | |- | ||
+ | | width="33%" align="center" |'''1. Map Page (Within Range)''' | ||
+ | | width="33%" align="center" |'''2. Menu (Within Range)''' | ||
+ | | width="33%" align="center" |'''3. Change Adjournment Status First Step''' | ||
+ | |- | ||
+ | | width="33%" align="center" | ------------------------------------------------------------------------------- | ||
+ | | width="33%" align="center" | ------------------------------------------------------------------------------- | ||
+ | | width="33%" align="center" |------------------------------------------------------------------------------- | ||
+ | |- | ||
+ | | width="33%" align="center" |[[Image:INNOX_QUEUE_ADJOURNMENT2v3.png |200px]] | ||
+ | | width="33%" align="center" |[[Image:INNOX_QUEUE_ANDJOURNMENT3v3.png |200px]] | ||
+ | | width="33%" align="center" |[[Image:INNOX_QUEUE_VIEWv3.png |200px]] | ||
+ | |- | ||
+ | | width="33%" align="center" |'''4. Change Adjournment Status Second Step''' | ||
+ | | width="33%" align="center" |'''5. Adjournment Status Confirmation''' | ||
+ | | width="33%" align="center" |'''6. View Queue Status''' | ||
+ | |- | ||
+ | | width="33%" align="center" | ------------------------------------------------------------------------------- | ||
+ | | width="33%" align="center" | ------------------------------------------------------------------------------- | ||
+ | | width="33%" align="center" |------------------------------------------------------------------------------- | ||
+ | |- | ||
+ | |} | ||
+ | [[#top|Back To Top]] | ||
+ | <br> | ||
+ | ==<div style="width: 100%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='black', endColorstr='black'); background: -webkit-gradient(linear, left top, left bottom, from(black), to(black)); background: -moz-linear-gradient(top, #FFFFFF, #FFFFFF); padding:3px; margin-top: 25px; line-height: 1.2em; color:white">Alerts & Hearing List</div>== | ||
+ | <br> | ||
+ | {| | ||
+ | |- | ||
+ | | width="33%" align="center" |[[Image:INNOX_ALERTSv3.png |200px]] | ||
+ | | width="33%" align="center" |[[Image:INNOX_HEARINGLIST1v3.png |200px]] | ||
+ | | width="33%" align="center" |[[Image:INNOX_HEARINGLIST2v3.png |200px]] | ||
+ | |- | ||
+ | | width="33%" align="center" |'''1. Alerts''' | ||
+ | | width="33%" align="center" |'''2. Hearing List Sorter''' | ||
+ | | width="33%" align="center" |'''3. Sorted List''' | ||
+ | |- | ||
+ | | width="33%" align="center" | ------------------------------------------------------------------------------- | ||
+ | | width="33%" align="center" | ------------------------------------------------------------------------------- | ||
+ | | width="33%" align="center" |------------------------------------------------------------------------------- | ||
+ | |- | ||
+ | |} | ||
+ | [[#top|Back To Top]] | ||
+ | <br> | ||
+ | ==<div style="width: 100%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='black', endColorstr='black'); background: -webkit-gradient(linear, left top, left bottom, from(black), to(black)); background: -moz-linear-gradient(top, #FFFFFF, #FFFFFF); padding:3px; margin-top: 25px; line-height: 1.2em; color:white">Way-Finder</div>== | ||
+ | <br> | ||
+ | {| | ||
+ | |- | ||
+ | | width="33%" align="center" |[[Image:INNOX_Services1v3.png |200px]] | ||
+ | | width="33%" align="center" |[[Image:INNOX_Services2v3.png |200px]] | ||
+ | | width="33%" align="center" |[[Image:INNOX_Services3v3.png |200px]] | ||
+ | |- | ||
+ | | width="33%" align="center" |'''1. Way-Finder Default View''' | ||
+ | | width="33%" align="center" |'''2. Select Level ''' | ||
+ | | width="33%" align="center" |'''3. Get There Button Pressed''' | ||
+ | |- | ||
+ | | width="33%" align="center" | ------------------------------------------------------------------------------- | ||
+ | | width="33%" align="center" | ------------------------------------------------------------------------------- | ||
+ | | width="33%" align="center" |------------------------------------------------------------------------------- | ||
+ | |- | ||
+ | | width="33%" align="center" |[[Image:INNOX_Services4v3.png |200px]] | ||
+ | | width="33%" align="center" |[[Image:INNOX_Services5v3.png |200px]] | ||
+ | | width="33%" align="center" | | ||
+ | |- | ||
+ | | width="33%" align="center" |'''4. Routing''' | ||
+ | | width="33%" align="center" |'''5. Routing''' | ||
+ | |- | ||
+ | | width="33%" align="center" | ------------------------------------------------------------------------------- | ||
+ | | width="33%" align="center" |------------------------------------------------------------------------------- | ||
|- | |- | ||
|} | |} | ||
+ | [[#top|Back To Top]] | ||
<br> | <br> | ||
− | ==<div style="width: 100%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='black', endColorstr='black'); background: -webkit-gradient(linear, left top, left bottom, from(black), to(black)); background: -moz-linear-gradient(top, #FFFFFF, #FFFFFF); padding:3px; margin-top: 25px; line-height: 1.2em; color:white"> | + | ==<div style="width: 100%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='black', endColorstr='black'); background: -webkit-gradient(linear, left top, left bottom, from(black), to(black)); background: -moz-linear-gradient(top, #FFFFFF, #FFFFFF); padding:3px; margin-top: 25px; line-height: 1.2em; color:white">Services</div>== |
<br> | <br> | ||
{| | {| | ||
|- | |- | ||
+ | | width="33%" align="center" |[[Image:INNOX_Services1v4.png |200px]] | ||
+ | | width="33%" align="center" |[[Image:INNOX_Services2v4.png |200px]] | ||
+ | | width="33%" align="center" |[[Image:INNOX_Services3v4.png |200px]] | ||
+ | |- | ||
+ | | width="33%" align="center" |'''1. Services Main Page''' | ||
+ | | width="33%" align="center" |'''2. Commissioner For Oaths ''' | ||
+ | | width="33%" align="center" |'''3. Digital Transcription Services''' | ||
+ | |- | ||
+ | | width="33%" align="center" | ------------------------------------------------------------------------------- | ||
+ | | width="33%" align="center" | ------------------------------------------------------------------------------- | ||
+ | | width="33%" align="center" |------------------------------------------------------------------------------- | ||
+ | |- | ||
+ | | width="33%" align="center" |[[Image:INNOX_Services4v4.png |200px]] | ||
+ | | width="33%" align="center" |[[Image:INNOX_Services5v4.png |200px]] | ||
+ | | width="33%" align="center" |[[Image:INNOX_Services6v4.png |200px]] | ||
+ | |- | ||
+ | | width="33%" align="center" |'''4. Inspection and Supply of Court Documents''' | ||
+ | | width="33%" align="center" |'''5. Interpretation Services''' | ||
+ | | width="33%" align="center" |'''6. Mobile Info-Tech Trolley Booking''' | ||
+ | |- | ||
+ | | width="33%" align="center" | ------------------------------------------------------------------------------- | ||
+ | | width="33%" align="center" | ------------------------------------------------------------------------------- | ||
+ | | width="33%" align="center" |------------------------------------------------------------------------------- | ||
+ | |- | ||
+ | | width="33%" align="center" |[[Image:INNOX_Services7v4.png |200px]] | ||
+ | | width="33%" align="center" |[[Image:INNOX_Services8v4.png |200px]] | ||
+ | |- | ||
+ | | width="33%" align="center" |'''7. Practicing Certificates E-Filing Service''' | ||
+ | | width="33%" align="center" |'''8. LawNet Litigation Module''' | ||
+ | |- | ||
+ | | width="33%" align="center" | ------------------------------------------------------------------------------- | ||
+ | | width="33%" align="center" | ------------------------------------------------------------------------------- | ||
+ | |- | ||
+ | |} | ||
+ | [[#top|Back To Top]] | ||
+ | <br> | ||
=<div style="width: 100%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='black', endColorstr='black'); background: -webkit-gradient(linear, left top, left bottom, from(black), to(black)); background: -moz-linear-gradient(top, #FFFFFF, #FFFFFF); padding:3px; margin-top: 25px; line-height: 1.2em; color:white">UI Design v2</div>= | =<div style="width: 100%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='black', endColorstr='black'); background: -webkit-gradient(linear, left top, left bottom, from(black), to(black)); background: -moz-linear-gradient(top, #FFFFFF, #FFFFFF); padding:3px; margin-top: 25px; line-height: 1.2em; color:white">UI Design v2</div>= |
Latest revision as of 15:50, 28 April 2013
Project Management
Innovating Since 2010
Home | The Team / LOMS | Project Overview | Project Documentation | Project Management | Resources & References |
Overview | Development | Testing | Design | ]] |
Paper Prototype
Paper Prototype v1
Paper Prototype v2
Paper Prototype v3
Paper Prototype v4
Final UI Design
Login & Main Page
Queue Registration
Change Readiness Status
Change Adjournment Status
Alerts & Hearing List
Way-Finder
Services
UI Design v2
Queue Registration
Change Readiness Status
Change Adjournment Status
Alerts & Hearing List
Services
UI Design v1
Queue Registration
Change Readiness Status
Change Adjournment Status
Alerts & Hearing List
Services