HeaderSIS.jpg

Difference between revisions of "IS480 Team wiki: 2010T2 B.I. JOE"

From IS480
Jump to navigation Jump to search
Line 45: Line 45:
 
[[Image:Bi-joe-objective.001.png|900px|center]]
 
[[Image:Bi-joe-objective.001.png|900px|center]]
  
===<div style="background: #b6c5ff; padding: 12px; font-weight: bold"><font color="black" size="4">Project Scope</font></div>===
 
<font color="#606060">The system is a visualization tool that provides multi-dimensional and multi-granularity views of the data based on an  interactive and dynamic location visualization support.
 
<br><br>
 
  
There are 4 aspects where the system aims to fulfill.
 
 
1. Geospatial<br>
 
2. Visualization<br>
 
3. Customization<br>
 
4. Interactivity
 
<br><br>
 
The entire system can be summarizes into <font color="#ff1a35"><i>three</i></font> different modules:
 
</font><br><br>
 
 
==== <font color="#606060"><i>1. Geospatial Module</i></font> ====
 
This module provides navigation functions and map visualization for the user to view and navigate the map.
 
{| class="wikitable"
 
|-
 
!  <font color="#606060">Aspect</font>
 
!  <font color="#606060">Component</font>
 
|-
 
|<font color="#606060">Geospatial Visualization</font>
 
|<font color="#606060">
 
 
'''<font color="#606060">Map Visualization</font>'''
 
* '''<font color="#606060">Marker</font>'''
 
** <font color="#606060">Info bubble – show characteristic of the outlet with outlet image attached. Also allow user to upload image of outlet if it is wrong or unavailable.</font>
 
** <font color="#606060">Highlighting – marker will be highlighted when filter is being executed or hovering over the data visualization.</font>
 
 
</font>
 
|-
 
|<font color="#606060">Data Visualization</font>
 
|<font color="#606060">-</font>
 
|-
 
|<font color="#606060">Customization</font>
 
|<font color="#606060">
 
'''<font color="#606060">Dynamic Map Scale</font>''' – <font color="#606060">Implement map scale that changes according to the zoom level.</font><br><br>
 
'''<font color="#606060">Map Provider Selection</font>''' – <font color="#606060">allows user to select their preferable map provider as well as reduce reliance on one map provider.</font><br><br>
 
'''<font color="#606060">Icon Manager</font>'''
 
* <font color="#606060">Filter outlet – checkbox for user to shortlist the outlet they would like to see.</font>
 
* <font color="#606060">Icon selection – allows user to select the customized icon to represent particular outlet.</font>
 
* <font color="#606060">Upload customized icon – upload new customized icon.</font>
 
 
</font>
 
|-
 
|<font color="#606060">Interactivity</font>
 
|<font color="#606060"><font color="#606060">'''Navigation'''</font>
 
*      <font color="#606060">Tool pad – Allows user to move up, down, left, right of the map. </font>
 
* <font color="#606060">Zoom Slider – Allows user to zoom in and out of particular region.</font>
 
* <font color="#606060">Home – Bring user back to default navigation settings.</font><br><br>
 
'''<font color="#606060">Dynamic Map Scale</font>''' – <font color="#606060">Implement map scale that changes according to the zoom level.</font>
 
</font>
 
|}
 
<br>
 
 
==== <font color="#606060"><i>2. Data Module</i></font> ====
 
<font color="#606060">This module provides views for data both in data visualization way as well as map visualization way.</font><br>
 
{| class="wikitable"
 
|-
 
!  <font color="#606060">Aspect</font>
 
!  <font color="#606060">Component</font>
 
|-
 
|<font color="#606060">Geospatial</font>
 
|<font color="#606060">-</font>
 
|-
 
|<font color="#606060">Visualization</font>
 
|<font color="#606060">
 
'''<font color="#606060">Data Visualization</font>'''
 
* <font color="#606060">TreeMap</font>
 
* <font color="#606060">Scatter Chart</font>
 
* <font color="#606060">Bar Chart</font>
 
* <font color="#606060">Line Chart</font>
 
* <font color="#606060">Column Chart</font>
 
* <font color="#606060">Area Chart</font><br>
 
<font color="#606060">Users will be able to select different type of charts to best represent their data of interest and also view and filter unstructured quantitative data that are organized in hierarchies.</font>
 
 
</font><br>
 
<font color="#606060">'''View Data''' – view whole data set in table form.</font>
 
|-
 
|<font color="#606060">Customization</font>
 
|<font color="#606060">
 
'''<font color="#606060">Time Series Record''' – <font color="#606060">to see data changes over time both on the data visualization and map visualization.</font><br><br></font>
 
'''<font color="#606060">Snap shot''' – allow users to print geographic image to be shown in report.</font><br><br>
 
'''<font color="#606060">Configuration''' – allow users to manipulate visualization options.</font>
 
|-
 
|<font color="#606060">Interactivity</font>
 
|<font color="#606060">-</font>
 
|}<br>
 
 
==== <i>3. Geospatial/Data Link Module</i> ====
 
This module allows interactivity between Geospatial and Data module. Whenever user made a selection on a module, the other module will compliment the other module in other form of visualization.
 
<br>
 
{| class="wikitable"
 
|-
 
!  <font color="#606060">Aspect</font>
 
!  <font color="#606060">Component</font>
 
|-
 
|<font color="#606060">Geospatial</font>
 
|<font color="#606060">-</font>
 
|-
 
|<font color="#606060">Visualization</font>
 
|<font color="#606060">-</font>
 
|-
 
|<font color="#606060">Customization</font>
 
|<font color="#606060">
 
'''Search by attributes''' – search data point according to categories, location or Key Performance Indicator.<br><br>
 
'''Spatial search''' – perform search within x meter of the area on the given spot to find out if the promotion is effective around the area.
 
</font>
 
|-
 
|<font color="#606060">Interactivity</font>
 
|<font color="#606060">
 
<font color="#606060">'''Focus Marker''' – when data is being selected at the data visualization, it will focus and zoom on the marker.</font>
 
</font>
 
|}
 
<br>
 
  
 
===<div style="background: #b6c5ff; padding: 12px; font-weight: bold"><font color="black" size="4">Project Technical Specifications</font></div>===
 
===<div style="background: #b6c5ff; padding: 12px; font-weight: bold"><font color="black" size="4">Project Technical Specifications</font></div>===

Revision as of 23:58, 26 February 2011

FYP Logo.png
FYP Title.jpg





Team B.I.JOE

in collaboration with Integrated Distribution Services

Bi-joe-intro.png

Members


Bi-joe-members.png

Role Responsibilities


Bi-joe-role-responsibilities.png

Role Allocation


Prior coming together as a team, everyone has little or some working relation with one another. However, the team knows what is installed for them during this FYP. As such, we have decided to adopt the best fit model approach for role allocation in the team.

Using the best fit model, the team evaluated every individual on their strengths and limitations. With an open-minded environment and culture, everyone in the team shared their experiences and challenges. At the end of the sharing, the team sat together and evaluate how everyone can leverage on each other's strengths and compliment each other's shortcomings.


Project Overview

Project Title: Geospatial Dashboard for Integrated Distribution Services Analytics

Stakeholders


Bi-joe-stakeholders.png

IDS Background


Bi-joe-ids-bg.png


Current AS-IS Model


AS-IS-MODEL-UPDATE.png



TO-BE Model


TO-BE-MODEL-UPDATE.png



Objectives

Bi-joe-objective.001.png


Project Technical Specifications

Bi-joe-technical-specs.png

Project Management

Use Case

Bi-joe-use-case-visualization.png


Bi-joe-use-case-geodata-connection.png


Bi-joe-use-case-geospatial.png


Project Metrics


Bug Tracking


Schedule Tracking



Current Project Status

  • Iteration 6



Project Schedule


Bi-joe-cal-dec.png


Bi-joe-cal-jan.png


Bi-joe-cal-feb.png


Bi-joe-cal-mar.png


Bi-joe-cal-apr.png


Team Calendar

Team Calendar



Project Documentation

Project Proposal

Proposal

Project Resources


FYP Resources.png
  • Development Environment: Flash Builder 4, Notepad++
  • Test Environment: Firefox, Chrome with Flash Player
  • SDK & Language: FLEX 3.5 (AS3), PHP
  • Libraries & APIs: Modest Map, Flare, Juicekit for Visual Analytics
  • Deployment: XAMPP
  • Database: PostgreSQL, PostGis
  • Project Management: MS Office, Google Cal, Google Docs, Dropbox, Subclipse
  • Graphics: Photoshop


Useful Resources

  • How to understand and read a treemap. [1]



Challenges Faced


Bi-joe-challenge.png


Team Reflections and Learning Outcomes


Bi-joe-learning-outcome.png


Project Supervisor Meeting Minutes


DECEMBER

S/N Date Detailed Minutes Download Follow Up Actions from Meeting
1. 22 December 2010 Supervisor Meeting 01 * Re-arrange project acceptance presentation
* Improve on the technical specifications


JANUARY

S/N Date Detailed Minutes Download Follow Up Actions from Meeting
1. 13 January 2011 Supervisor Meeting 02 * Upload all documentations on Wiki page
* Firm up project specifications with the client
* Do a video recording of the video conference with IDS Hong Kong
2. 21 January 2011 Supervisor Meeting 03 * Follow up with the suggestions made by Supervisor


FEBRUARY

S/N Date Detailed Minutes Download Follow Up Actions from Meeting
1. 11 February 2011 Supervisor Meeting 04 * Send a copy of Mid Term Presentation slides to Supervisor by 14 Feb


Project Sponsor Meeting Minutes


DECEMBER

S/N Date Detailed Minutes Download Follow Up Actions from Meeting
1. 23 December 2010 Client Meeting 01 * Amend project requirement and schedule


JANUARY

S/N Date Detailed Minutes Download Follow Up Actions from Meeting
1. 5 January 2011 Client Meeting 02 * Client will send the necessary data and data structure to the team
* Schedule a video conference with IDS stakeholders
2. 12 January 2011 Client Meeting 03 * Client will be following up with the requests from the team
3. 19 January 2011 Client Meeting 04 * Include improvements and suggestions provided by Client
4. 26 January 2011 Client Meeting 05 * Schedule an internal meeting to re-discuss on the feedbacks provided by the Client and how the team can work on the inputs


FEBRUARY

S/N Date Detailed Minutes Download Follow Up Actions from Meeting
1. 2 February 2011 Client Meeting 06 * Prepare video conference presentation schedule and deliverables
* Request for additional data to bring up database
2. 7 February 2011 Client Meeting 07 * Hold an internal meeting within the team to follow up with the requests from IDS Hong Kong
3. 9 February 2011 Client Meeting 08 * Decide to decline the request of changing the development application to be iPhone and iPad ready
4. 14 February 2011 Client Meeting 09 * Improvements must be reflected before mid term presentations


Design Considerations

Design Consideration