HeaderSIS.jpg

Difference between revisions of "IS480 Team wiki: 2012T1 M.O.O.T/Project Overview/Deliverables"

From IS480
Jump to navigation Jump to search
 
(9 intermediate revisions by 2 users not shown)
Line 3: Line 3:
 
{| style="background-color:none; color:#ffffff; border-bottom:6px solid #C71585; border-top:6px solid #C71585; border-left:6px solid #C71585; border-right:6px solid #C71585;" width="100%" cellspacing="0" cellpadding="0" valign="top" |
 
{| style="background-color:none; color:#ffffff; border-bottom:6px solid #C71585; border-top:6px solid #C71585; border-left:6px solid #C71585; border-right:6px solid #C71585;" width="100%" cellspacing="0" cellpadding="0" valign="top" |
 
| style="padding:0.3em; font-size:100%; background-color:#ffffff; text-align:center; " width="6%" |
 
| style="padding:0.3em; font-size:100%; background-color:#ffffff; text-align:center; " width="6%" |
[[IS480 Team wiki: 2012T1 M.O.O.T | <font color="#000000">Home</font>]]
+
[[ IS480 Team wiki: 2012T1 M.O.O.T | <font color="#000000">Home</font>]]
  
 
| style="background:none;" width="1%" |
 
| style="background:none;" width="1%" |
 
| style="padding:0.3em; font-size:100%; background-color:#ffffff; text-align:center; color:#ffffff" width="10%" |  
 
| style="padding:0.3em; font-size:100%; background-color:#ffffff; text-align:center; color:#ffffff" width="10%" |  
[[IS480 Team wiki: 2012T1 M.O.O.T/Team | <font color="#000000">Team/Project Partners</font>]]
+
[[ IS480 Team wiki: 2012T1 M.O.O.T/Team | <font color="#000000">Team/Project Partners</font>]]
  
 
| style="background:none;" width="1%" |
 
| style="background:none;" width="1%" |
 
| style="padding:0.3em; font-size:100%; background-color:#C71585; text-align:center; color:#ffffff" width="10%" |  
 
| style="padding:0.3em; font-size:100%; background-color:#C71585; text-align:center; color:#ffffff" width="10%" |  
[[IS480 Team wiki: 2012T1 M.O.O.T/Project Overview | <font color="#ffffff"><b>Project Overview</b></font>]]
+
[[ IS480 Team wiki: 2012T1 M.O.O.T/Project Overview | <font color="#ffffff"><b>Project Overview</b></font>]]
  
 
| style="background:none;" width="1%" |
 
| style="background:none;" width="1%" |
 
| style="padding:0.3em; font-size:100%; background-color:#ffffff; text-align:center; color:#ffffff" width="10%" |  
 
| style="padding:0.3em; font-size:100%; background-color:#ffffff; text-align:center; color:#ffffff" width="10%" |  
[[IS480 Team wiki: 2012T1 M.O.O.T/Project Management | <font color="#000000">Project Management</font>]]
+
[[ IS480 Team wiki: 2012T1 M.O.O.T/Project Management | <font color="#000000">Project Management</font>]]
  
 
| style="background:none;" width="1%" |
 
| style="background:none;" width="1%" |
 
| style="padding:0.3em; font-size:100%; background-color:#ffffff; text-align:center; color:#ffffff" width="10%" |  
 
| style="padding:0.3em; font-size:100%; background-color:#ffffff; text-align:center; color:#ffffff" width="10%" |  
[[IS480 Team wiki: 2012T1 M.O.O.T/Design Specifications | <font color="#000000">Design Specifications</font>]]
+
[[ IS480 Team wiki: 2012T1 M.O.O.T/Design Specifications | <font color="#000000">Design Specifications</font>]]
  
 
| style="background:none;" width="1%" |
 
| style="background:none;" width="1%" |
 
| style="padding:0.3em; font-size:100%; background-color:#ffffff; text-align:center; color:#ffffff" width="10%" |  
 
| style="padding:0.3em; font-size:100%; background-color:#ffffff; text-align:center; color:#ffffff" width="10%" |  
[[IS480 Team wiki: 2012T1 M.O.O.T/Technical Applications | <font color="#000000">Technical Applications</font>]]
+
[[ IS480 Team wiki: 2012T1 M.O.O.T/Technical Applications | <font color="#000000">Technical Applications</font>]]
  
 
|}
 
|}
Line 30: Line 30:
 
{| style="background-color:#ffffff; border-bottom: 8px solid #C71585; color:#000000" width="100%" cellspacing="0" cellpadding="6" valign="top" border="0" |
 
{| style="background-color:#ffffff; border-bottom: 8px solid #C71585; color:#000000" width="100%" cellspacing="0" cellpadding="6" valign="top" border="0" |
  
| style="font-size:90%; text-align:center; color:#000000" width="10%" |[[IS480 Team wiki: 2012T1 M.O.O.T/Project Overview|<font color="#000000">Project Description</font>]]
+
| style="font-size:90%; text-align:center; color:#000000" width="10%" |[[ IS480 Team wiki: 2012T1 M.O.O.T/Project Overview|<font color="#000000">Project Description</font>]]
  
| style="font-size:90%; text-align:center; color:#000000" width="10%" |[[IS480 Team wiki: 2012T1 M.O.O.T/Project Overview/Project Goals|<font color="#000000">Project Goals</font>]]
+
| style="font-size:90%; text-align:center; color:#000000" width="10%" |[[ IS480 Team wiki: 2012T1 M.O.O.T/Project Overview/Project Goals|<font color="#000000">Project Goals</font>]]
  
| style="font-size:90%; text-align:center; color:#000000" width="10%" |[[IS480 Team wiki: 2012T1 M.O.O.T/Project Overview/Clients Requirements|<font color="#000000">Client's Requirements</font>]]
+
| style="font-size:90%; text-align:center; color:#000000" width="10%" |[[ IS480 Team wiki: 2012T1 M.O.O.T/Project Overview/Clients Requirements|<font color="#000000">Client's Requirements</font>]]
  
| style="font-size:90%; text-align:center; background-color:#C71585; color:#000000" width="10%" |[[IS480 Team wiki: 2012T1 M.O.O.T/Project Overview/Deliverables|<font color="#ffffff">Deliverables</font>]]
+
| style="font-size:90%; text-align:center; background-color:#C71585; color:#000000" width="10%" |[[ IS480 Team wiki: 2012T1 M.O.O.T/Project Overview/Deliverables|<font color="#ffffff">Deliverables</font>]]
  
| style="font-size:90%; text-align:center;" width="10%" |[[IS480 Team wiki: 2012T1 M.O.O.T/Project Overview/Learning Outcomes|<font color="#000000">Learning Outcomes</font>]]
+
| style="font-size:90%; text-align:center;" width="10%" |[[ IS480 Team wiki: 2012T1 M.O.O.T/Project Overview/Learning Outcomes|<font color="#000000">Learning Outcomes</font>]]
 
 
| style="font-size:90%; text-align:center;" width="10%" |[[IS480 Team wiki: 2012T1 M.O.O.T/Project Overview/GR Metrics|<font color="#000000">Gender Recognition Metrics</font>]]
 
 
 
| style="font-size:90%; text-align:center; " width="10%" |[[IS480 Team wiki: 2012T1 M.O.O.T/Project Overview/UT1|<font color="#000000">User Testing 1</font>]]
 
 
 
| style="font-size:90%; text-align:center; " width="10%" |[[IS480 Team wiki: 2012T1 M.O.O.T/Project Overview/UT2|<font color="#000000">User Testing 2</font>]]
 
  
 
|}
 
|}
  
==== Interactive Content Flow ====
+
=== Scenario Flow Chart ===
 
The following flow chart illustrates shopper's interaction with AlterSense:
 
The following flow chart illustrates shopper's interaction with AlterSense:
 
<p>[[Image:Scenario_Flow_Chart_V3.3.jpg|center]]</p><br>
 
<p>[[Image:Scenario_Flow_Chart_V3.3.jpg|center]]</p><br>
  
The following storyboard depicts the illustration in a more visual manner:
+
==== Interactive Content Flow ====
# As shopper stands in front of the sensor, shopper’s outline will be detected
+
The flow will be as illustrated by the following storyboards, with different background (blue or pink) for male and female respectively.
# If shopper stays stationary for 5 seconds, doors with enticing background will appear
+
 
# As user points to a door or approaches a door, the door will glow and fill the screen
+
<div>
# The screen will dissolve, shopper will be transported to augmented reality background
+
'''Male Storyboard'''
# Timer will start, cueing shopper to pose as it count downs from 10 to 0
+
[[Image: FlowMale.png|800px|center]]
# Photo will then be snapped and displayed on screen, with Microsoft Tag incorporated at the bottom right hand corner of the photo
+
</div>
<p>[[Image:InteractiveFlowContent.png|center]]</p><br>
 
  
An alternative storyboard with a little variation is considered as well. In this case, a stick man will appear to approach the door and a dummy character will prompt shopper to assume certain pose. The rest of the scenario remains the same.
+
<div>
<p>[[Image:InteractiveFlowContentAlternative.png|center]]</p><br>
+
'''Female Storyboard'''
 +
[[Image: FlowFemale.png|800px|center]]
 +
</div>
  
 
<p>Initially, we planned to have a number of storyboards; but due to change in requirement from interactive display to photo taking feature, the scope has been adjusted. <br>
 
<p>Initially, we planned to have a number of storyboards; but due to change in requirement from interactive display to photo taking feature, the scope has been adjusted. <br>

Latest revision as of 00:56, 18 November 2012

Home

Team/Project Partners

Project Overview

Project Management

Design Specifications

Technical Applications


Project Description Project Goals Client's Requirements Deliverables Learning Outcomes

Scenario Flow Chart

The following flow chart illustrates shopper's interaction with AlterSense:

Scenario Flow Chart V3.3.jpg


Interactive Content Flow

The flow will be as illustrated by the following storyboards, with different background (blue or pink) for male and female respectively.

Male Storyboard

FlowMale.png

Female Storyboard

FlowFemale.png

Initially, we planned to have a number of storyboards; but due to change in requirement from interactive display to photo taking feature, the scope has been adjusted.
Find out more about our initial storyboards at this link for previous scope.

PMS.png

This simple portal is the content container for advertisements, promotions, or information on events that CapitaMalls wish to convey to shoppers through the scanning of Microsoft Tag. Content will be grouped into Male and Female categories. Data sent to Microsoft Tag server upon scanning of a tag can then be further utilized for the purpose of analytics e.g. how many times a tag is scanned, derived location of scanning, time of scanning, and others.