HeaderSIS.jpg

Difference between revisions of "IS480 Team wiki: 2012T1 Innox Project Management Design"

From IS480
Jump to navigation Jump to search
 
(48 intermediate revisions by 3 users not shown)
Line 39: Line 39:
 
|}
 
|}
 
<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">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">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>
 
<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>
 
<br>
 
{|  
 
{|  
 
|-
 
|-
| width="33%" align="center" |[[Image:INNOX_LOGINv2.png |200px]]
+
| width="33%" align="center" |[[Image:INNOX_LOGINv3.png |200px]]
| width="33%" align="center" |[[Image:INNOX_MAP_IN_RANGEv2.png |200px]]
+
| width="33%" align="center" |[[Image:INNOX_MAP_IN_RANGEv3.png |200px]]
| width="33%" align="center" |[[Image:INNOX_MAP_OUTRANGEv2.png |200px]]
+
| width="33%" align="center" |[[Image:INNOX_MAP_OUTRANGEv3.png |200px]]
 
|-  
 
|-  
 
| width="33%" align="center" |'''Main Login Screen'''
 
| width="33%" align="center" |'''Main Login Screen'''
Line 62: Line 146:
 
{|  
 
{|  
 
|-
 
|-
 +
| 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>
 +
 +
==<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>
 +
{|
 +
|-
 +
| 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>
 +
 +
==<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>
 +
==<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>
 +
{|
 +
|-
 +
| 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

INNOX TEAM LOGO.png


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

Innox Paperprototypev1 1.jpg Innox Paperprototypev1 2.jpg
Innox Paperprototypev1 3.jpg Innox Paperprototypev1 4.jpg
Innox Paperprototypev1 5.jpg Innox Paperprototypev1 6.jpg
Innox Paperprototypev1 7.jpg Innox Paperprototypev1 8.jpg
Innox Paperprototypev1 9.jpg

Paper Prototype v2

Innox Paperprototypev2 1.jpg Innox Paperprototypev2 2.jpg
Innox Paperprototypev2 3.jpg Innox Paperprototypev2 4.jpg

Paper Prototype v3

Innox Paperprototypev3 1.jpg Innox Paperprototypev3 2.jpg
Innox Paperprototypev3 3.jpg Innox Paperprototypev3 4.jpg

Paper Prototype v4

Innox Paperprototypev4 1.jpg Innox Paperprototypev4 2.jpg
Innox Paperprototypev4 3.jpg Innox Paperprototypev4 4.jpg

Final UI Design


Login & Main Page


INNOX LOGINv3.png INNOX MAP IN RANGEv3.png INNOX MAP OUTRANGEv3.png
Main Login Screen Map Page (Within Range) Map Page (Not in Range)
------------------------------------------------------------------------------- ------------------------------------------------------------------------------- -------------------------------------------------------------------------------


Queue Registration


INNOX MAP IN RANGEv3.png INNOX MENU INRANGEv3.png INNOX QUEUE REGISTRATION1v3.png
1. Map Page (Within Range) 2. Menu (Within Range) 3. Queue Registration First Step
------------------------------------------------------------------------------- ------------------------------------------------------------------------------- -------------------------------------------------------------------------------
INNOX QUEUE REGISTRATION2v3.png INNOX REGISTRATION CONFIRMATIONv3.png INNOX QUEUE VIEWv5.png
4. Queue Registration Second Step 5. Queue Registration Application 6. Queue Registration Confirmation
------------------------------------------------------------------------------- ------------------------------------------------------------------------------- -------------------------------------------------------------------------------
INNOX vqs1.png INNOX vqs2.png
7. Simplified Queue Status 8. Detailed Queue Status
------------------------------------------------------------------------------- -------------------------------------------------------------------------------


Change Readiness Status


INNOX MAP IN RANGEv3.png INNOX MENU INRANGEv3.png INNOX QUEUE READINESSv4.png
1. Map Page (Within Range) 2. Menu (Within Range) 3. Change Readiness Status First Step
------------------------------------------------------------------------------- ------------------------------------------------------------------------------- -------------------------------------------------------------------------------
INNOX QUEUE READINESS2v3.png INNOX QUEUE READINESS3v3.png INNOX QUEUE VIEWv3.png
4. Change Readiness Status Second Step 5. Readiness Status Confirmation 6. View Queue Status
------------------------------------------------------------------------------- ------------------------------------------------------------------------------- -------------------------------------------------------------------------------

Back To Top

Change Adjournment Status


INNOX MAP IN RANGEv3.png INNOX MENU INRANGEv3.png INNOX QUEUE ADJOURNMENTv3.png
1. Map Page (Within Range) 2. Menu (Within Range) 3. Change Adjournment Status First Step
------------------------------------------------------------------------------- ------------------------------------------------------------------------------- -------------------------------------------------------------------------------
INNOX QUEUE ADJOURNMENT2v3.png INNOX QUEUE ANDJOURNMENT3v3.png INNOX QUEUE VIEWv3.png
4. Change Adjournment Status Second Step 5. Adjournment Status Confirmation 6. View Queue Status
------------------------------------------------------------------------------- ------------------------------------------------------------------------------- -------------------------------------------------------------------------------

Back To Top

Alerts & Hearing List


INNOX ALERTSv3.png INNOX HEARINGLIST1v3.png INNOX HEARINGLIST2v3.png
1. Alerts 2. Hearing List Sorter 3. Sorted List
------------------------------------------------------------------------------- ------------------------------------------------------------------------------- -------------------------------------------------------------------------------

Back To Top

Way-Finder


INNOX Services1v3.png INNOX Services2v3.png INNOX Services3v3.png
1. Way-Finder Default View 2. Select Level 3. Get There Button Pressed
------------------------------------------------------------------------------- ------------------------------------------------------------------------------- -------------------------------------------------------------------------------
INNOX Services4v3.png INNOX Services5v3.png
4. Routing 5. Routing
------------------------------------------------------------------------------- -------------------------------------------------------------------------------

Back To Top

Services


INNOX Services1v4.png INNOX Services2v4.png INNOX Services3v4.png
1. Services Main Page 2. Commissioner For Oaths 3. Digital Transcription Services
------------------------------------------------------------------------------- ------------------------------------------------------------------------------- -------------------------------------------------------------------------------
INNOX Services4v4.png INNOX Services5v4.png INNOX Services6v4.png
4. Inspection and Supply of Court Documents 5. Interpretation Services 6. Mobile Info-Tech Trolley Booking
------------------------------------------------------------------------------- ------------------------------------------------------------------------------- -------------------------------------------------------------------------------
INNOX Services7v4.png INNOX Services8v4.png
7. Practicing Certificates E-Filing Service 8. LawNet Litigation Module
------------------------------------------------------------------------------- -------------------------------------------------------------------------------

Back To Top

UI Design v2



INNOX LOGINv2.png INNOX MAP IN RANGEv2.png INNOX MAP OUTRANGEv2.png
Main Login Screen Map Page (Within Range) Map Page (Not in Range)
------------------------------------------------------------------------------- ------------------------------------------------------------------------------- -------------------------------------------------------------------------------


Queue Registration


INNOX MAP IN RANGEv2.png INNOX MENU INRANGEv2.png INNOX QUEUE REGISTRATION1v2.png
1. Map Page (Within Range) 2. Menu (Within Range) 3. Queue Registration First Step
------------------------------------------------------------------------------- ------------------------------------------------------------------------------- -------------------------------------------------------------------------------
INNOX QUEUE REGISTRATION2v2.png INNOX REGISTRATION CONFIRMATIONv2.png INNOX QUEUE VIEWv2.png
4. Queue Registration Second Step 5. Queue Registration Confirmation 6. View Queue Status
------------------------------------------------------------------------------- ------------------------------------------------------------------------------- -------------------------------------------------------------------------------


Change Readiness Status


INNOX MAP IN RANGEv2.png INNOX MENU INRANGEv2.png INNOX QUEUE READINESSv2.png
1. Map Page (Within Range) 2. Menu (Within Range) 3. Change Readiness Status First Step
------------------------------------------------------------------------------- ------------------------------------------------------------------------------- -------------------------------------------------------------------------------
INNOX QUEUE READINESS2v2.png INNOX QUEUE READINESS3v2.png INNOX QUEUE VIEWv2.png
4. Change Readiness Status Second Step 5. Readiness Status Confirmation 6. View Queue Status
------------------------------------------------------------------------------- ------------------------------------------------------------------------------- -------------------------------------------------------------------------------

Back To Top

Change Adjournment Status


INNOX MAP IN RANGEv2.png INNOX MENU INRANGEv2.png INNOX QUEUE ADJOURNMENTv2.png
1. Map Page (Within Range) 2. Menu (Within Range) 3. Change Adjournment Status First Step
------------------------------------------------------------------------------- ------------------------------------------------------------------------------- -------------------------------------------------------------------------------
INNOX QUEUE ADJOURNMENT2v2.png INNOX QUEUE ANDJOURNMENT3v2.png INNOX QUEUE VIEWv2.png
4. Change Adjournment Status Second Step 5. Adjournment Status Confirmation 6. View Queue Status
------------------------------------------------------------------------------- ------------------------------------------------------------------------------- -------------------------------------------------------------------------------

Back To Top

Alerts & Hearing List


INNOX ALERTSv2.png INNOX HEARINGLIST1v2.png INNOX HEARINGLIST2v2.png
1. Alerts 2. Hearing List Sorter 3. Sorted List
------------------------------------------------------------------------------- ------------------------------------------------------------------------------- -------------------------------------------------------------------------------

Back To Top

Services


INNOX Services1v2.png INNOX Services2v2.png INNOX Services3v2.png
1. Services Main Page 2. Commissioner For Oaths 3. Digital Transcription Services
------------------------------------------------------------------------------- ------------------------------------------------------------------------------- -------------------------------------------------------------------------------
INNOX Services4v2.png INNOX Services5v2.png INNOX Services6v2.png
4. Inspection and Supply of Court Documents 5. Interpretation Services 6. Mobile Info-Tech Trolley Booking
------------------------------------------------------------------------------- ------------------------------------------------------------------------------- -------------------------------------------------------------------------------
INNOX Services7v2.png INNOX Services8v2.png
7. Practicing Certificates E-Filing Service 8. LawNet Litigation Module
------------------------------------------------------------------------------- -------------------------------------------------------------------------------

Back To Top

UI Design v1


INNOX LOGINv1.png INNOX MENU IN RANGEv1.png INNOX MENU OUTRANGEv1.png
Main Login Screen Map Page (Within Range) Map Page (Not in Range)
------------------------------------------------------------------------------- ------------------------------------------------------------------------------- -------------------------------------------------------------------------------


Queue Registration


INNOX MAPv1.png INNOX MENU INRANGEv1.png INNOX QUEUE REGISTRATION1v1.png
1. Map Page (Within Range) 2. Menu (Within Range) 3. Queue Registration First Step
------------------------------------------------------------------------------- ------------------------------------------------------------------------------- -------------------------------------------------------------------------------
INNOX QUEUE REGISTRATION2v1.png INNOX REGISTRATION CONFIRMATIONv1.png INNOX QUEUE VIEWv1.png
4. Queue Registration Second Step 5. Queue Registration Confirmation 6. View Queue Status
------------------------------------------------------------------------------- ------------------------------------------------------------------------------- -------------------------------------------------------------------------------


Change Readiness Status


INNOX MAPv1.png INNOX MENU INRANGEv1.png INNOX QUEUE READINESSv1.png
1. Map Page (Within Range) 2. Menu (Within Range) 3. Change Readiness Status First Step
------------------------------------------------------------------------------- ------------------------------------------------------------------------------- -------------------------------------------------------------------------------
INNOX QUEUE READINESS2v1.png INNOX QUEUE READINESSv3.png INNOX QUEUE VIEWv1.png
4. Change Readiness Status Second Step 5. Readiness Status Confirmation 6. View Queue Status
------------------------------------------------------------------------------- ------------------------------------------------------------------------------- -------------------------------------------------------------------------------

Back To Top

Change Adjournment Status


INNOX MAPv1.png INNOX MENU INRANGEv1.png INNOX QUEUE ADJOURNMENTv1.png
1. Map Page (Within Range) 2. Menu (Within Range) 3. Change Adjournment Status First Step
------------------------------------------------------------------------------- ------------------------------------------------------------------------------- -------------------------------------------------------------------------------
INNOX QUEUE ADJOURNMENT2v1.png INNOX QUEUE ANDJOURNMENTv3.png INNOX QUEUE VIEWv1.png
4. Change Adjournment Status Second Step 5. Adjournment Status Confirmation 6. View Queue Status
------------------------------------------------------------------------------- ------------------------------------------------------------------------------- -------------------------------------------------------------------------------

Back To Top

Alerts & Hearing List


INNOX ALERTSv1.png INNOX HEARINGLIST1v1.png INNOX HEARINGLIST2v1.png
1. Alerts 2. Hearing List Sorter 3. Sorted List
------------------------------------------------------------------------------- ------------------------------------------------------------------------------- -------------------------------------------------------------------------------

Back To Top

Services


INNOX Services1v1.png INNOX Services2v1.png INNOX Services3v1.png
1. Services Main Page 2. Commissioner For Oaths 3. Digital Transcription Services
------------------------------------------------------------------------------- ------------------------------------------------------------------------------- -------------------------------------------------------------------------------
INNOX Services4v1.png INNOX Services5v1.png INNOX Services10v1.png
4. Inspection and Supply of Court Documents 5. Interpretation Services 6. Mobile Info-Tech Trolley Booking
------------------------------------------------------------------------------- ------------------------------------------------------------------------------- -------------------------------------------------------------------------------
INNOX Services8v1.png INNOX Services9v1.png
7. Practicing Certificates E-Filing Service 8. LawNet Litigation Module
------------------------------------------------------------------------------- -------------------------------------------------------------------------------

Back To Top