HeaderSIS.jpg

Difference between revisions of "IS480 Team wiki: 2012T1 Shopaholic Midterm Wiki"

From IS480
Jump to navigation Jump to search
 
(45 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
<!--Team Logo-->
 
<!--Team Logo-->
[[Image:Shopaholic-logo.png|center| 200x150px]]
+
[[Image:TeamShopaholic.png|center|545x219px]]
  
 
<!--Navigation-->
 
<!--Navigation-->
Line 54: Line 54:
 
=<div style="color: #FB2B5E; border-bottom: 4px solid #474747"><b>Project Progress Summary</b><br/></div>=
 
=<div style="color: #FB2B5E; border-bottom: 4px solid #474747"><b>Project Progress Summary</b><br/></div>=
 
==<div style="color: #FB2B5E;">Overview</div>==
 
==<div style="color: #FB2B5E;">Overview</div>==
To view our Mid-Term Presentation Slides: [[IS480_Team_wiki:_2012T1_Shopaholic_Project_Overview_Biz_Logic#Current Spree Model - Spree Organizer|<b>Click Here!</b>]]
+
To view our Mid-Term Presentation Slides: [[Media: Shopaholic_MidTerm_Presentation_v9.pptx|<b>Click Here!</b>]]
 +
<br>
 +
<br>
 +
To view our Product, head down to [[http://alpha.D2T9.com|<b>alpha.D2T9.com</b>]]
 
<br>
 
<br>
 
<br>
 
<br>
Line 68: Line 71:
 
::#GoJane
 
::#GoJane
 
::#River Island
 
::#River Island
<br>
 
 
<br>
 
<br>
 
Completed Task as of 7 October 2012:
 
Completed Task as of 7 October 2012:
Line 103: Line 105:
 
We have built a plateform for spree organizers and spree participants to transact.
 
We have built a plateform for spree organizers and spree participants to transact.
 
<br>
 
<br>
In this plateform, we provide tools that enable Spree Organizers to manage their Sprees easily.
+
In this platform, we provide tools that enable Spree Organizers to manage their Sprees easily.
 
<br>
 
<br>
 
As for the Spree participants, this platform allows them to search and join sprees from their favourite merchant easily.
 
As for the Spree participants, this platform allows them to search and join sprees from their favourite merchant easily.
Line 179: Line 181:
 
*Error Reporting</font>   
 
*Error Reporting</font>   
 
|style="background: #ffffff; border: 1px solid black;"|<font color="#474747">0%</font>
 
|style="background: #ffffff; border: 1px solid black;"|<font color="#474747">0%</font>
|style="background: #ffffff; border: 1px solid black;"|<font color="#474747">1</font>
+
|style="background: #ffffff; border: 1px solid black;"|<font color="#474747">0.7</font>
 
|style="background: #ffffff; border: 1px solid black;"|<font color="#474747">Pushed to Iteration 8</font>
 
|style="background: #ffffff; border: 1px solid black;"|<font color="#474747">Pushed to Iteration 8</font>
 
|-
 
|-
Line 223: Line 225:
 
|-
 
|-
 
|style="background: #ffffff; border: 1px solid black;text-align: left;"|<font color="#474747">
 
|style="background: #ffffff; border: 1px solid black;text-align: left;"|<font color="#474747">
Calculation of Item Costs</font>   
+
*Calculation of Item Costs</font>   
 
|style="background: #ffffff; border: 1px solid black;"|<font color="#474747">100%</font>
 
|style="background: #ffffff; border: 1px solid black;"|<font color="#474747">100%</font>
 
|style="background: #ffffff; border: 1px solid black;"|<font color="#474747">1</font>
 
|style="background: #ffffff; border: 1px solid black;"|<font color="#474747">1</font>
Line 295: Line 297:
 
*Notification of Payment</font>   
 
*Notification of Payment</font>   
 
|style="background: #ffffff; border: 1px solid black;"|<font color="#474747">0%</font>
 
|style="background: #ffffff; border: 1px solid black;"|<font color="#474747">0%</font>
|style="background: #ffffff; border: 1px solid black;"|<font color="#474747">1</font>
+
|style="background: #ffffff; border: 1px solid black;"|<font color="#474747">0.8</font>
 
|style="background: #ffffff; border: 1px solid black;"|<font color="#474747">Pushed to Iteration 6</font>
 
|style="background: #ffffff; border: 1px solid black;"|<font color="#474747">Pushed to Iteration 6</font>
 
|-
 
|-
Line 318: Line 320:
  
 
==<div style="color: #FB2B5E;">Project Schedule (Plan Vs Actual)</div>==  
 
==<div style="color: #FB2B5E;">Project Schedule (Plan Vs Actual)</div>==  
[[Image:Iteration1-5.jpg | center]]
+
[[Image:Eyes.jpg|40x60px]]Click to know about our detailed Schedule! >> [[IS480_Team_wiki:_2012T1_Shopaholic_MidSchedule |<font color="#FB2B5E"><b>Mid Schedule</b></font>]]
<br>
+
<br/>
:: [[Image:Eyes.jpg|40x60px]]To view Plan VS Actual Schedule: [[IS480_Team_wiki:_2012T1_Shopaholic_FullSchedule | Click Here]]
+
[[Image:Eyes.jpg|40x60px]]To view Plan VS Actual Schedule: [[IS480_Team_wiki:_2012T1_Shopaholic_FullSchedule |<font color="#FB2B5E"><b>Click Here</b></font>]]
 
<br>
 
<br>
  
Line 406: Line 408:
  
 
==<font color="#FB2B5E" font size="4">Bug Metric</font>==
 
==<font color="#FB2B5E" font size="4">Bug Metric</font>==
 +
<center>
 +
[[Image:Bug_Count_Overview.jpg]]
 +
[[Image:Bug_Points_Overview.jpg]]
  
 
+
{| class="wikitable" border="0" cellpadding="2" width="80%"
 +
|-
 +
! width="120" style="border: 1px solid white; background: white; padding: 5px;"| <font color="#ffffff" align="center">&nbsp;</font>
 +
! colspan="3" width="1" style="border: 1px solid black; background: #474747; padding: 5px;"| <font color="#ffffff" align="center">Bug Count by Complexity</font>
 +
! width="150" style="border: 1px solid white; background: white; padding: 5px;"| <font color="#ffffff" align="center">&nbsp;</font>
 +
! width="150" style="border: 1px solid white; background: white; padding: 5px;"| <font color="#ffffff" align="center">&nbsp;</font>
 +
|-
 +
|style="background: #474747; border: 1px solid black; vertical-align:center; text-align:center;"|<font color="#ffffff">Iteration</font>
 +
|style="background: #474747; border: 1px solid black; vertical-align:center; text-align:center;"|<font color="#ffffff">Minor</font>
 +
|style="background: #474747; border: 1px solid black; vertical-align:center; text-align:center;"|<font color="#ffffff">Normal</font>
 +
|style="background: #474747; border: 1px solid black; vertical-align:center; text-align:center;"|<font color="#ffffff">Major</font>
 +
|style="background: #474747; border: 1px solid black; vertical-align:center; text-align:center;"|<font color="#ffffff">Total Bug Count</font>
 +
|style="background: #474747; border: 1px solid black; vertical-align:center; text-align:center;"|<font color="#ffffff">Total Bug Points</font>
 +
|-
 +
|style="background: #ffffff; border: 1px solid black; vertical-align:center; text-align:center;"|<font color="#474747">1</font>
 +
|style="background: #ffffff; border: 1px solid black; vertical-align:center; text-align:center;"|<font color="#474747">0</font>
 +
|style="background: #ffffff; border: 1px solid black; vertical-align:center; text-align:center;"|<font color="#474747">0</font>
 +
|style="background: #ffffff; border: 1px solid black; vertical-align:center; text-align:center;"|<font color="#474747">0</font>
 +
|style="background: #ffffff; border: 1px solid black; vertical-align:center; text-align:center;"|<font color="#474747">0</font>
 +
|style="background: #ffffff; border: 1px solid black; vertical-align:center; text-align:center;"|<font color="#474747">0</font>
 +
|-
 +
|style="background: #ffffff; border: 1px solid black; vertical-align:center; text-align:center;"|<font color="#474747">2</font>
 +
|style="background: #ffffff; border: 1px solid black; vertical-align:center; text-align:center;"|<font color="#474747">0</font>
 +
|style="background: #ffffff; border: 1px solid black; vertical-align:center; text-align:center;"|<font color="#474747">2</font>
 +
|style="background: #ffffff; border: 1px solid black; vertical-align:center; text-align:center;"|<font color="#474747">0</font>
 +
|style="background: #ffffff; border: 1px solid black; vertical-align:center; text-align:center;"|<font color="#474747">2</font>
 +
|style="background: #ffffff; border: 1px solid black; vertical-align:center; text-align:center;"|<font color="#474747">10</font>
 +
|-
 +
|style="background: #ffffff; border: 1px solid black; vertical-align:center; text-align:center;"|<font color="#474747">3</font>
 +
|style="background: #ffffff; border: 1px solid black; vertical-align:center; text-align:center;"|<font color="#474747">2</font>
 +
|style="background: #ffffff; border: 1px solid black; vertical-align:center; text-align:center;"|<font color="#474747">1</font>
 +
|style="background: #ffffff; border: 1px solid black; vertical-align:center; text-align:center;"|<font color="#474747">1</font>
 +
|style="background: #ffffff; border: 1px solid black; vertical-align:center; text-align:center;"|<font color="#474747">4</font>
 +
|style="background: #ffffff; border: 1px solid black; vertical-align:center; text-align:center;"|<font color="#474747">17</font>
 +
|-
 +
|style="background: #ffffff; border: 1px solid black; vertical-align:center; text-align:center;"|<font color="#474747">4</font>
 +
|style="background: #ffffff; border: 1px solid black; vertical-align:center; text-align:center;"|<font color="#474747">11</font>
 +
|style="background: #ffffff; border: 1px solid black; vertical-align:center; text-align:center;"|<font color="#474747">7</font>
 +
|style="background: #ffffff; border: 1px solid black; vertical-align:center; text-align:center;"|<font color="#474747">1</font>
 +
|style="background: #ffffff; border: 1px solid black; vertical-align:center; text-align:center;"|<font color="#474747">19</font>
 +
|style="background: #ffffff; border: 1px solid black; vertical-align:center; text-align:center;"|<font color="#474747">56</font>
 +
|-
 +
|style="background: #ffffff; border: 1px solid black; vertical-align:center; text-align:center;"|<font color="#474747">5</font>
 +
|style="background: #ffffff; border: 1px solid black; vertical-align:center; text-align:center;"|<font color="#474747">9</font>
 +
|style="background: #ffffff; border: 1px solid black; vertical-align:center; text-align:center;"|<font color="#474747">7</font>
 +
|style="background: #ffffff; border: 1px solid black; vertical-align:center; text-align:center;"|<font color="#474747">0</font>
 +
|style="background: #ffffff; border: 1px solid black; vertical-align:center; text-align:center;"|<font color="#474747">16</font>
 +
|style="background: #ffffff; border: 1px solid black; vertical-align:center; text-align:center;"|<font color="#474747">35</font>
 +
|-
 +
|}
 +
</center>
 
<div style="text-align:right;"><font ="color:#000000; size:"12px;"><u>[[IS480_Team_wiki:_2012T1_Shopaholic_Midterm_Wiki#Top|Back to Top]]</u></font></div>
 
<div style="text-align:right;"><font ="color:#000000; size:"12px;"><u>[[IS480_Team_wiki:_2012T1_Shopaholic_Midterm_Wiki#Top|Back to Top]]</u></font></div>
  
Line 480: Line 535:
 
|-
 
|-
 
|}
 
|}
 +
 +
<div style="text-align:right;"><font ="color:#000000; size:"12px;"><u>[[IS480_Team_wiki:_2012T1_Shopaholic_Midterm_Wiki#Top|Back to Top]]</u></font></div>
  
 
=<div style="color: #FB2B5E; border-bottom: 4px solid #474747"><b>Quality of Product</b><br/></div>=
 
=<div style="color: #FB2B5E; border-bottom: 4px solid #474747"><b>Quality of Product</b><br/></div>=
Line 487: Line 544:
 
This is done so that we are able to get the best outcome to improve the overall user's experience.
 
This is done so that we are able to get the best outcome to improve the overall user's experience.
  
==== Intermediate Deliverables ====
+
'''Intermediate Deliverables'''
 +
 
 
<center>
 
<center>
 
{| style="color: black; vertical-align:top; border-width: 1px; border-style: solid;" width="50%" align="center" class="wikitable"
 
{| style="color: black; vertical-align:top; border-width: 1px; border-style: solid;" width="50%" align="center" class="wikitable"
Line 534: Line 592:
 
|}
 
|}
 
</center>
 
</center>
 +
 +
<div style="text-align:right;"><font ="color:#000000; size:"12px;"><u>[[IS480_Team_wiki:_2012T1_Shopaholic_Midterm_Wiki#Top|Back to Top]]</u></font></div>
  
 
==<div style="color: #FB2B5E;">User Testing 2</div>==  
 
==<div style="color: #FB2B5E;">User Testing 2</div>==  
  
- need collated results
+
<center>
 +
{| class="wikitable" border="0" cellpadding="2" width="90%"
 +
|-
 +
! width="100" style="border: 1px solid black; background: #474747; padding: 2px;"| <font color="#ffffff" align="center">Top Critical Problems</font>
 +
! width="100" style="border: 1px solid black; background: #474747; padding: 2px;"| <font color="#ffffff" align="center">Number of Occurrences</font>
 +
|-
 +
|style="background: #ffffff; border: 1px solid black; vertical-align:center; padding:5px;"|<font color="#474747">
 +
*Do not know how to become a Spree Organiser</font>
 +
|style="background: #ffffff; border: 1px solid black; vertical-align:center; text-align:center; padding:5px;"|<font color="#474747">5</font>
 +
|-
 +
|style="background: #ffffff; border: 1px solid black; vertical-align:center; padding:5px;"|<font color="#474747">
 +
*Order Summary is not clear, how much is received, how much need to be refunded and how much pending payment we should received</font>
 +
|style="background: #ffffff; border: 1px solid black; vertical-align:center;  text-align:center; padding:5px;"|<font color="#474747">4</font>
 +
|-
 +
|style="background: #ffffff; border: 1px solid black; vertical-align:center; padding:5px;"|<font color="#474747">
 +
*Under categories to select items to spree, users have to uncheck individually.</font>
 +
|style="background: #ffffff; border: 1px solid black; vertical-align:center;  text-align:center; padding:5px;"|<font color="#474747">3</font>
 +
|-
 +
|style="background: #ffffff; border: 1px solid black; vertical-align:center; padding:5px;"|<font color="#474747">
 +
*Checkout Price is not being calculated in SGD but USD, calculation error.</font>
 +
|style="background: #ffffff; border: 1px solid black; vertical-align:center; text-align:center; padding:5px;"|<font color="#474747">3</font>
 +
|-
 +
|style="background: #ffffff; border: 1px solid black; vertical-align:center; padding:5px;"|<font color="#474747">
 +
*Participants able to submit empty cells in shipping information which should not be the case.</font>
 +
|style="background: #ffffff; border: 1px solid black; vertical-align:center; text-align:center; padding:5px;"|<font color="#474747">2</font>
 +
|-
 +
|style="background: #ffffff; border: 1px solid black; vertical-align:center; padding:5px;"|<font color="#474747">
 +
*After editing the organiser information, the page is being redirect back to the account which is confusing.</font>
 +
|style="background: #ffffff; border: 1px solid black; vertical-align:center;  text-align:center; padding:5px;"|<font color="#474747">2</font>
 +
|-
 +
|style="background: #ffffff; border: 1px solid black; vertical-align:center; padding:5px;"|<font color="#474747">
 +
*Felt frustrating to find a picture URL link</font>
 +
|style="background: #ffffff; border: 1px solid black; vertical-align:center;  text-align:center; padding:5px;"|<font color="#474747">2</font>
 +
|-
 +
|style="background: #ffffff; border: 1px solid black; vertical-align:center; padding:5px;"|<font color="#474747">
 +
*Do not know how to create sprees</font>
 +
|style="background: #ffffff; border: 1px solid black; vertical-align:center; text-align:center; padding:5px;"|<font color="#474747">2</font>
 +
|-
 +
|}
 +
</center>
 +
 
 +
:: [[Image:Eyes.jpg|40x60px]]To view Complete User Testing 2 [[IS480_Team_wiki:_2012T1_Shopaholic_Documentation_Test_Plans#User_Test_2_.287_October_2012.2C_Sunday.29|<b>Click Here!</b>]]
 +
<br>
 +
 
 +
<i>Side Note: User Testing 2 Actions Taken will be reflected after the Mid Term.</i>
 +
<br>
 +
<div style="text-align:right;"><font ="color:#000000; size:"12px;"><u>[[IS480_Team_wiki:_2012T1_Shopaholic_Midterm_Wiki#Top|Back to Top]]</u></font></div>
  
 
==<div style="color: #FB2B5E;">User Testing 1</div>==  
 
==<div style="color: #FB2B5E;">User Testing 1</div>==  
Line 548: Line 654:
 
! width="100" style="border: 1px solid black; background: #474747; padding: 2px;"| <font color="#ffffff" align="center">Actions Taken</font>
 
! width="100" style="border: 1px solid black; background: #474747; padding: 2px;"| <font color="#ffffff" align="center">Actions Taken</font>
 
|-
 
|-
|style="background: #ffffff; border: 1px solid black; vertical-align:center; padding:5px;"|<font color="#474747">*Plugin Instructions not clear</font>
+
|style="background: #ffffff; border: 1px solid black; vertical-align:center; padding:5px;"|<font color="#474747">
|style="background: #ffffff; border: 1px solid black; vertical-align:center; padding:5px;"|<font color="#474747">12</font>
+
*Plugin Instructions not clear</font>
|style="background: #ffffff; border: 1px solid black; vertical-align:center; padding:5px;"|<font color="#474747"></font>
+
|style="background: #ffffff; border: 1px solid black; vertical-align:center; text-align:center; padding:5px;"|<font color="#474747">12</font>
 +
|style="background: #ffffff; border: 1px solid black; vertical-align:center; padding:5px;"|<font color="#474747">
 +
*Video Demonstration of the shopping process is featured on the main page
 +
*“About Us” will be showing the more detailed steps with picture illustrations
 +
</font>
 
|-
 
|-
|style="background: #ffffff; border: 1px solid black; vertical-align:center; padding:5px;"|<font color="#474747">*Miss out the choosing of Spree at the bottom of the checkout page</font>
+
|style="background: #ffffff; border: 1px solid black; vertical-align:center; padding:5px;"|<font color="#474747">
|style="background: #ffffff; border: 1px solid black; vertical-align:center; padding:5px;"|<font color="#474747">4</font>
+
*Unsure of Tag & Bag button difference</font>
|style="background: #ffffff; border: 1px solid black; vertical-align:center; padding:5px;"|<font color="#474747"></font>
+
|style="background: #ffffff; border: 1px solid black; vertical-align:center; text-align:center; padding:5px;"|<font color="#474747">7</font>
 +
|style="background: #ffffff; border: 1px solid black; vertical-align:center; padding:5px;"|<font color="#474747">
 +
*Tooltip is added to help the user to differentiate Tag & Bag on our main page.
 +
</font>
 
|-
 
|-
|style="background: #ffffff; border: 1px solid black; vertical-align:center; padding:5px;"|<font color="#474747">*The left and right button navigating to next item is not obvious</font>
+
|style="background: #ffffff; border: 1px solid black; vertical-align:center; padding:5px;"|<font color="#474747">
|style="background: #ffffff; border: 1px solid black; vertical-align:center; padding:5px;"|<font color="#474747">6</font>
+
*The [+] sign on the plugin overlay is unclear </font>
|style="background: #ffffff; border: 1px solid black; vertical-align:center; padding:5px;"|<font color="#474747"></font>
+
|style="background: #ffffff; border: 1px solid black; vertical-align:center; text-align:center; padding:5px;"|<font color="#474747">7</font>
 +
|style="background: #ffffff; border: 1px solid black; vertical-align:center; padding:5px;"|<font color="#474747">
 +
*Tooltip is added to help the user know what the [+] sign indicates
 +
</font>
 
|-
 
|-
|style="background: #ffffff; border: 1px solid black; vertical-align:center; padding:5px;"|<font color="#474747">*The [+] sign on the plugin overlay is unclear </font>
+
|style="background: #ffffff; border: 1px solid black; vertical-align:center; padding:5px;"|<font color="#474747">
|style="background: #ffffff; border: 1px solid black; vertical-align:center; padding:5px;"|<font color="#474747">7</font>
+
*The left and right button navigating to next item is not obvious</font>
|style="background: #ffffff; border: 1px solid black; vertical-align:center; padding:5px;"|<font color="#474747"></font>
+
|style="background: #ffffff; border: 1px solid black; vertical-align:center; text-align:center; padding:5px;"|<font color="#474747">6</font>
 +
|style="background: #ffffff; border: 1px solid black; vertical-align:center; padding:5px;"|<font color="#474747">
 +
*The left and right button are moved from the top to the side of the pictures
 +
</font>
 
|-
 
|-
|style="background: #ffffff; border: 1px solid black; vertical-align:center; padding:5px;"|<font color="#474747">*Position of close button is hard to notice</font>
+
|style="background: #ffffff; border: 1px solid black; vertical-align:center; padding:5px;"|<font color="#474747">
|style="background: #ffffff; border: 1px solid black; vertical-align:center; padding:5px;"|<font color="#474747">2</font>
+
*Miss out the choosing of Spree at the bottom of the checkout page</font>
|style="background: #ffffff; border: 1px solid black; vertical-align:center; padding:5px;"|<font color="#474747"></font>
+
|style="background: #ffffff; border: 1px solid black; vertical-align:center;  text-align:center; padding:5px;"|<font color="#474747">4</font>
 +
|style="background: #ffffff; border: 1px solid black; vertical-align:center; padding:5px;"|<font color="#474747">
 +
*The checkout process will be divided to 4 steps:<br/>
 +
Finalized item >> Select Spree >> Select Postage Method >> Create order and submit shipping address
 +
 
 +
</font>
 
|-
 
|-
|style="background: #ffffff; border: 1px solid black; vertical-align:center; padding:5px;"|<font color="#474747">*Unsure of Tag & Bag button difference</font>
+
|style="background: #ffffff; border: 1px solid black; vertical-align:center; padding:5px;"|<font color="#474747">
|style="background: #ffffff; border: 1px solid black; vertical-align:center; padding:5px;"|<font color="#474747">7</font>
+
*Position of close button is hard to notice</font>
|style="background: #ffffff; border: 1px solid black; vertical-align:center; padding:5px;"|<font color="#474747"></font>
+
|style="background: #ffffff; border: 1px solid black; vertical-align:center; text-align:center; padding:5px;"|<font color="#474747">2</font>
 +
|style="background: #ffffff; border: 1px solid black; vertical-align:center; padding:5px;"|<font color="#474747">
 +
*Position of the close button is moved from the bottom of the plugin overlay to the top right corner.
 +
</font>
 
|-
 
|-
 +
  
 
|}
 
|}
 
</center>
 
</center>
 +
:: [[Image:Eyes.jpg|40x60px]]To view Complete User Testing 1 [[IS480_Team_wiki:_2012T1_Shopaholic_Documentation_Test_Plans#User_Test_1_.2814_September_2012.2C_Friday.29|<b>Click Here!</b>]]
 +
<br>
 +
 +
<div style="text-align:right;"><font ="color:#000000; size:"12px;"><u>[[IS480_Team_wiki:_2012T1_Shopaholic_Midterm_Wiki#Top|Back to Top]]</u></font></div>
  
 
=<div style="color: #FB2B5E; border-bottom: 4px solid #474747"><b>Team Reflection</b><br/></div>=
 
=<div style="color: #FB2B5E; border-bottom: 4px solid #474747"><b>Team Reflection</b><br/></div>=
Line 601: Line 733:
 
|-
 
|-
  
| style="background-color: #ffffff; vertical-align:top; padding: 10px; text-align: center;"|
 
D2T9 Live!
 
| style="background-color: #ffffff; vertical-align:top; padding: 10px; text-align: left;"|
 
We started on this project, with aims for it to go Live,and be functional for the public to use.<br/>
 
We are staying hopeful that we would be able to go Live by the end of the project, and have users adopt and use it for Spree-ing.<br/>
 
|-
 
 
|}
 
|}
 
</center>
 
</center>

Latest revision as of 00:34, 3 December 2012

TeamShopaholic.png
Our Team   Project Overview   Project Management   Development   Learning Outcome   Documentation


|

Current Happenings

| Roles & Responsibilities | Mid Term Wiki | End Term Wiki |


Project Progress Summary

Overview

To view our Mid-Term Presentation Slides: Click Here!

To view our Product, head down to [alpha.D2T9.com]

Shopaholic just completed Iteration 5 and User Test 2.

Current Fully supported sites for "Tag & Bag" Plugin:

  1. Forever21
  2. Victoria Secret
  3. Foot Shopping
  4. G.A.P
  5. Disney Store
  6. GoJane
  7. River Island


Completed Task as of 7 October 2012:

  • We have conducted User Test 1 with 15 Participants
  • We have conducted User Test 2 with 6 Spree Organisers.
  • Iteration 5 is behind schedule however Iteration 1 - 4 is on planned.
  • Able to launch alpha for Real Users to use our platform.
  • We are confident in completing our requirements, fulfilling our goals and launch our platform by Final.


What is a Spree?

Consolidation of a mass order for an online merchant, usually by an individual who wishes to purchase some items from a particular merchant, and hopes to reduce the cost of shipping by spreading the cost over more items.

Role of Organizer - Open Sprees to take in orders. When Spree is closed, organizer will make purchase from Merchant, and ship items to their address. After which, organizer will repack items and re-distribute to all participants of the spree.

800 × 209px
Eyes.jpgTo view Complete Spree Organizer's Role in a Spree: Click Here!


Role of Participants - Submit orders for a particular merchant in a spree. Make payment to the organizer for items he/she wishes to purchase.

800 × 108px
Eyes.jpgTo view Spree Participants's Role in a Spree: Click Here!


What are We Doing?

We have built a plateform for spree organizers and spree participants to transact.
In this platform, we provide tools that enable Spree Organizers to manage their Sprees easily.
As for the Spree participants, this platform allows them to search and join sprees from their favourite merchant easily.
In addition, we also added a social element to spree-ing, where you can see beautiful items tagged by you and you friends, and spree those items too!

Eyes.jpgTo see how the development of D2T9 unfolded: Click Here!




Our X-Factor - Tag & Bag Plugin

Our plugin aims to make Spree-ing experience seamless. Users will feel as if they are shopping directly at the merchant's site.

Eyes.jpgTo view a short clip showcasing our "Tag & Bag" Function: Click Here!


Project Highlights

  • Picked up Ruby on Rail technologies and used it in our portal.
  • Constant adjustment of Process Flow from user feedbacks, which are necessary improve the spree-ing process.
  • User Test 1 conducted with major changes to 'Tag & Bag' plugin and D2T9 portal interface.
  • User Interface Layout is different from normal sprees webpages.

-Screenshot of portal here-



What unexpected events occurred?

  • Took up longer to learn Ruby on Rails for some members.
  • Major feedback were given during User Test 1 hence there were numerous changes to be made.
  • Major flaw in Process flow for Spree Organizer, causing major delays, which also clashed with Mid-Term exam week, delaying schedule by 1 week.

Project Management

Project Status

Wiki Progress.jpg


Project Progress

Task/ Functionality Status (%) Confident Level Remarks
Tag and Bag Plugin:
  • Information Extraction
100% 1 Nil
  • Error Reporting
0% 0.7 Pushed to Iteration 8
  • Drag and Drop Images from Site
100% 1 Newly added after Acceptance
User Management:
  • Login & Logout
100% 1 Nil
  • Create Account (Participants)
100% 1 Nil
Cart Management:
  • View Items
100% 1 Nil
  • Delete Items
100% 1 Nil
  • Add Items to Spree
100% 1 Nil
  • Calculation of Item Costs
100% 1 Nil
  • Check Out
100% 1 Nil
Organiser User Management:
  • Forget Password
100% 1 Nil
  • Delete Account
100% 1 Nil
  • Update Account Details
100% 1 Nil
  • User Profile
100% 1 Nil
Spree Management:
  • Create Spree
100% 1 Nil
  • Remove Spree
100% 1 Nil
  • Close Spree
100% 1 Nil
  • Filter Ongoing Spree
100% 1 Nil
  • Spree Status
100% 1 Nil
  • Notification of Payment
0% 0.8 Pushed to Iteration 6
User Interface Design:
  • Main Page
100% 1 Nil
  • UI Plugin
100% 1 Nil

Project Schedule (Plan Vs Actual)

Eyes.jpgClick to know about our detailed Schedule! >> Mid Schedule
Eyes.jpgTo view Plan VS Actual Schedule: Click Here


Schedule Metric

Schedule Performance Index (SPI) = Actual Duration ÷ Planned Duration



MetricsOverview.jpg



Iteration Planned Start Date
(PSD)
Planned End Date
(PED)
Planned Duration(PD):
(PED)-(PSD)
Actual Start Date
(ASD)
Actual End Date
(AED)
Actual Duration(AD):
(AED)-(ASD)
Duration Difference:
(AD)-(PD)
Performance Index
Progress Remarks
1. 19 July 2012 31 July 2012 13 days 19 July 2012 02 August 2012 15 days 2 days 1.15 Used 2 Buffered days
2. 03 August 2012 10 August 2012 8 days 03 August 2012 10 August 2012 8 days - 1 Nil
3. 13 August 2012 24 August 2012 12 days 13 August 2012 26 August 2012 14 days 2 days 1.16 Used 2 Buffered days
4. 27 August 2012 12 September 2012 17 days 27 August 2012 15 September 20 days 3 days 1.17 Used 3 Buffered days
5. 16 September 2012 28 September 2012 13 days 16 September 2012 06 October 20 days 7 days 1.54 Extended 8 days / Behind Progress



Bug Metric

Bug Count Overview.jpg Bug Points Overview.jpg

  Bug Count by Complexity    
Iteration Minor Normal Major Total Bug Count Total Bug Points
1 0 0 0 0 0
2 0 2 0 2 10
3 2 1 1 4 17
4 11 7 1 19 56
5 9 7 0 16 35

Project Risks

Issues we faced during our process.

Risk Likelihood Impact Mitigation Strategies
Project Management Risk
  • Unable to Complete Task as planned on Iteration 5
High High
  • Extended Iteration for 8 days
  • Adjust Schedule accordingly
  • Reason: Mid Term Exam weeks and heavy workload during the period of time.

External Risk
  • Users would not be able to adopt the new "Tag & Bag" concept
High High
  • Gather feedbacks from user testing to develop the best usability design.
  • Have clear instructions on how to Spree with our portal.

  • Organiser do not want to organise spree in our portal
High High
  • Gather feedbacks from user testing, understanding their concerns
  • Develop marketing strategies to aid in this spree business model.


Technical Complexity

Problem Faced How we Overcome
  • Business Process and Business Requirement Mismatch.
  • Subtleties of Ruby on Rails is hard to grasp on new users.
  • Best practices for HTML5 and CSS3 and SCSS.
  • Compatibility Issue for different browser such as Internet Explorer.

  • Do several research and opt for the most common use of process.
  • Research and constant programming to grasp the foundation.
  • Have to learn and understand the differences and similarities.
  • Have to opt for different options, such as drag and drop for the plugin.

Quality of Product

Quality of product determined through constant user testing.
Our group have been constantly testing with our own test cases and getting real users to test the functions.
This is done so that we are able to get the best outcome to improve the overall user's experience.

Intermediate Deliverables

Stage Specification Modules
Project Management Meeting Minutes Eyes.jpg Team Meeting Minutes
Eyes.jpg Supervisor Minutes
Schedule  Eyes.jpg Detailed Schedule
Metrics  Eyes.jpg Schedule Metric
Eyes.jpg Bug Metric
Screenshots Video 
Eyes.jpg Prototype Video
Eyes.jpg Plugin Video
Design Domain Diagram  Eyes.jpg Domain Diagram
Testing

User Testing 1  User Testing 1 Link
User Testing 2 User Testing 2 Link
Analysis

Our Choosen Path Eyes.jpg Our Chosen Path
Use Case Eyes.jpg Use Cases

User Testing 2

Top Critical Problems Number of Occurrences
  • Do not know how to become a Spree Organiser
5
  • Order Summary is not clear, how much is received, how much need to be refunded and how much pending payment we should received
4
  • Under categories to select items to spree, users have to uncheck individually.
3
  • Checkout Price is not being calculated in SGD but USD, calculation error.
3
  • Participants able to submit empty cells in shipping information which should not be the case.
2
  • After editing the organiser information, the page is being redirect back to the account which is confusing.
2
  • Felt frustrating to find a picture URL link
2
  • Do not know how to create sprees
2
Eyes.jpgTo view Complete User Testing 2 Click Here!


Side Note: User Testing 2 Actions Taken will be reflected after the Mid Term.

User Testing 1

Top Critical Problems Number of Occurrences Actions Taken
  • Plugin Instructions not clear
12
  • Video Demonstration of the shopping process is featured on the main page
  • “About Us” will be showing the more detailed steps with picture illustrations

  • Unsure of Tag & Bag button difference
7
  • Tooltip is added to help the user to differentiate Tag & Bag on our main page.

  • The [+] sign on the plugin overlay is unclear
7
  • Tooltip is added to help the user know what the [+] sign indicates

  • The left and right button navigating to next item is not obvious
6
  • The left and right button are moved from the top to the side of the pictures

  • Miss out the choosing of Spree at the bottom of the checkout page
4
  • The checkout process will be divided to 4 steps:

Finalized item >> Select Spree >> Select Postage Method >> Create order and submit shipping address

  • Position of close button is hard to notice
2
  • Position of the close button is moved from the bottom of the plugin overlay to the top right corner.

Eyes.jpgTo view Complete User Testing 1 Click Here!


Team Reflection

Issue What we feel

The value of User Testing

User testing provided us alot of valuable feedback, which helped us in many of our design considerations.
Many suggestions given by users were issues that we ourselves failed to consider/see as developers.
We hope to carry out our user test more frequently, to gather feedback to constanly improve our system.

Importance of meetings

Initially, we only had short bi-weekly meetings for short discussion, before work is split.
Afterwards, we realised each of us had our own views of how we want the process to be, which may or may not be the best practice.
Hence, meeting more often, and actually sitting together to discuss and work together proved to be more effective and efficient.
We will adopt this way of doing things for the rest of the project.