Difference between revisions of "1718t1is428T8"

From Visual Analytics for Business Intelligence
Jump to navigation Jump to search
Line 1: Line 1:
<table style="background-color:#f48024;" width="100%" cellspacing="0" cellpadding="0" border="0">
+
[[File:OurLogo.png|center|250px]]
<tr>
+
 
<td style="font-family:Century Gothic; font-size:85%; solid #f48024&nbsp;; border-bottom:0px solid #f48024&nbsp;; background:#f48024&nbsp;; text-align:center;" width="20%">
+
{| style="background-color:white; color:white padding: 5px 0 0 0;" width="100%" height=50px cellspacing="0" cellpadding="0" valign="top" border="0" |
<p>[[1718t1is428g1/Project_Groups|HOME]]</p>
+
 
</td>
+
| style="vertical-align:top;width:16%;" | <div style="padding: 3px; font-weight: bold; text-align:center; line-height: wrap_content; font-size:16px; border-bottom:1px solid #3D9DD7; border-top:1px solid #3D9DD7; font-family: helvetica"> [[Project_Groups | <b>Home</b>]]
<td> &nbsp;
+
 
</td>
+
| style="vertical-align:top;width:16%;" | <div style="padding: 3px; font-weight: 100; text-align:center; line-height: wrap_content; font-size:16px; border-bottom:1px solid #3D9DD7; border-top:1px solid #3D9DD7; font-family: helvetica"> [[1718t1is428T2 | <b>Proposal</b>]]
<td style="font-family:Century Gothic; font-size:85%; solid #bcbbbb; border-bottom:0px solid #bcbbbb; background:#bcbbbb; text-align:center;" width="20%">
+
 
<p><a href="/1718t1is428g1/index.php?title=1718t1is428T1_PROPOSAL&amp;action=edit&amp;redlink=1" class="new" title="1718t1is428T1 PROPOSAL (page does not exist)"> <font color="#000">PROPOSAL</font></a>
+
| style="vertical-align:top;width:16%;" | <div style="padding: 3px; font-weight: 100; text-align:center; line-height: wrap_content; font-size:16px; border-bottom:1px solid #3D9DD7; border-top:1px solid #3D9DD7; font-family: helvetica"> [[1718t1is428T2: Poster | <b>Poster</b>]]
</p>
+
 
</td>
+
| style="vertical-align:top;width:16%;" | <div style="padding: 3px; font-weight: 100; text-align:center; line-height: wrap_content; font-size:16px; border-bottom:1px solid #3D9DD7; border-top:1px solid #3D9DD7; font-family: helvetica"> [[1718t1is428T2: Application | <b>Application</b>]]
<td> &nbsp;
+
 
</td>
+
| style="vertical-align:top;width:16%;" | <div style="padding: 3px; font-weight: 100; text-align:center; line-height: wrap_content; font-size:16px; border-bottom:1px solid #3D9DD7; border-top:1px solid #3D9DD7; font-family: helvetica"> [[1718t1is428T2: Research Paper | <b>Research Paper</b>]]
<td style="font-family:Century Gothic; font-size:85%; solid #f48024&nbsp;; border:0px solid #f48024; background:#f48024; text-align:center;" width="20%">
+
|}
<p><a href="/1718t1is428g1/index.php?title=1718t1is428T1_POSTER&amp;action=edit&amp;redlink=1" class="new" title="1718t1is428T1 POSTER (page does not exist)"> <font color="#FFFFFF">POSTER</font></a>
+
 
</p>
+
<p></p><br/>
</td>
+
<div style="background: #364558; padding: 15px; font-weight: bold; line-height: 0.3em; text-indent: 15px;letter-spacing:-0.08em;font-size:20px"><font color=#fbfcfd face="Century Gothic">PROBLEM & MOTIVATION</font></div>
<td> &nbsp;
+
 
</td>
+
<br/><div style="background: #364558; padding: 15px; font-weight: bold; line-height: 0.3em; text-indent: 15px;letter-spacing:-0.08em;font-size:20px"><font color=#fbfcfd face="Century Gothic">OBJECTIVES</font></div>
<td style="font-family:Century Gothic; font-size:85%; solid #f48024&nbsp;; border:0px solid #f48024 background:#f48024; background:#f48024; text-align:center;" width="20%">
+
<p>In this project, we are interested to create a visualization that helps users perform the following:</p>
<p><a href="/1718t1is428g1/index.php?title=1718t1is428T1_APPLICATION&amp;action=edit&amp;redlink=1" class="new" title="1718t1is428T1 APPLICATION (page does not exist)"> <font color="#FFFFFF">APPLICATION</font></a>
+
 
</p>
+
<br/><div style="background: #364558; padding: 15px; font-weight: bold; line-height: 0.3em; text-indent: 15px;letter-spacing:-0.08em;font-size:20px"><font color=#fbfcfd face="Century Gothic">DATA SOURCE</font></div>
</td>
+
 
<td> &nbsp;
+
<br/><div style="background: #364558; padding: 15px; font-weight: bold; line-height: 0.3em; text-indent: 15px;letter-spacing:-0.08em;font-size:20px"><font color=#fbfcfd face="Century Gothic">ADDRESSING KEY TECHNICAL CHALLENGES</font></div>
</td></tr></table>
+
The following are some of the key technical challenges that we may face throughout the course of the project:
 +
{| class="wikitable" style="background-color:#FFFFFF;" width="100%"
 +
|-
 +
! style="font-weight: bold;background: #536a87;color:#fbfcfd;width: 50%;" | Key Technical Challenges
 +
! style="font-weight: bold;background: #536a87;color:#fbfcfd;" | How We Propose To Resolve
 +
|-
 +
| <center> Unfamiliarity of Visualization Tool Usage </center> ||
 +
* Independent Learning on Visualization Tools
 +
* Peer Learning
 +
|-
 +
| <center> Data Cleaning & Transformation </center> ||
 +
* Work together to clean, transform and analyze the data
 +
|-
 +
| <center> Unfamiliarity in Programming using Javascript & D3 Libraries </center> ||
 +
* Attend D3 Programming Workshop
 +
* Independent Learning on D3 Libraries & Technical Tools
 +
* Peer Learning
 +
|-
 +
| <center> Unfamiliarity in Implementing Interactivity and Animation Tools/Techniques in Visualization App </center> ||
 +
* Develop a Storyboard/Design Flow
 +
* Assign members to specialize on Interactivity/Animation Techniques
 +
|}
 +
 
 +
<br/><div style="background: #364558; padding: 15px; font-weight: bold; line-height: 0.3em; text-indent: 15px;letter-spacing:-0.08em;font-size:20px"><font color=#fbfcfd face="Century Gothic">PROJECT TIMELINE</font></div>
 +
<p>The following shows our project timeline for the completion of this project:</p>
 +
[[File:Project Schedule Group8.png|1000px|center]]
 +
 
 +
<br/><div style="background: #364558; padding: 15px; font-weight: bold; line-height: 0.3em; text-indent: 15px;letter-spacing:-0.08em;font-size:20px"><font color=#fbfcfd face="Century Gothic">TOOLS/TECHNOLOGIES</font></div>
 +
<p>The following are some of the tools/technologies that we will be utilizing during the project:</p>
 +
* D3.js
 +
 
 +
<br/><div style="background: #364558; padding: 15px; font-weight: bold; line-height: 0.3em; text-indent: 15px;letter-spacing:-0.08em;font-size:20px"><font color=#fbfcfd face="Century Gothic">REFERENCES</font></div>
 +
 
 +
 
 +
<br/><div style="background: #364558; padding: 15px; font-weight: bold; line-height: 0.3em; text-indent: 15px;letter-spacing:-0.08em;font-size:20px"><font color=#fbfcfd face="Century Gothic">COMMENTS</font></div>

Revision as of 15:51, 13 October 2017


PROBLEM & MOTIVATION


OBJECTIVES

In this project, we are interested to create a visualization that helps users perform the following:


DATA SOURCE


ADDRESSING KEY TECHNICAL CHALLENGES

The following are some of the key technical challenges that we may face throughout the course of the project:

Key Technical Challenges How We Propose To Resolve
Unfamiliarity of Visualization Tool Usage
  • Independent Learning on Visualization Tools
  • Peer Learning
Data Cleaning & Transformation
  • Work together to clean, transform and analyze the data
Unfamiliarity in Programming using Javascript & D3 Libraries
  • Attend D3 Programming Workshop
  • Independent Learning on D3 Libraries & Technical Tools
  • Peer Learning
Unfamiliarity in Implementing Interactivity and Animation Tools/Techniques in Visualization App
  • Develop a Storyboard/Design Flow
  • Assign members to specialize on Interactivity/Animation Techniques


PROJECT TIMELINE

The following shows our project timeline for the completion of this project:


TOOLS/TECHNOLOGIES

The following are some of the tools/technologies that we will be utilizing during the project:

  • D3.js


REFERENCES



COMMENTS