Difference between revisions of "1718t1is428T7"

From Visual Analytics for Business Intelligence
Jump to navigation Jump to search
(Created page with "Test")
 
Line 1: Line 1:
−
Test
+
[[File:|center|150px]]
 +
<p></p><br/>
 +
<!--Sub Header Start-->
 +
{| style="background-color:white; color:white padding: 5px 0 0 0;" width="100%" height=50px cellspacing="0" cellpadding="0" valign="top" border="0" |
 +
 
 +
| 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"> [[LINK | <b>Home</b>]]
 +
 
 +
| 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"> [[LINK | <b>Proposal</b>]]
 +
 
 +
| 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"> [[LINK | <b>Poster</b>]]
 +
 
 +
| 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"> [[LINK | <b>Application</b>]]
 +
 
 +
| 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"> [[LINK | <b>Research Paper</b>]]
 +
|}
 +
 
 +
{| style="background-color:white; color:white padding: 5px 0 0 0;" width="100%" height=50px cellspacing="0" cellpadding="0" valign="top" border="0" |
 +
 
 +
| style="vertical-align:top;width:10%;" |
 +
 
 +
| style="vertical-align:top;width:20%;" |
 +
 
 +
| style="vertical-align:top;width:20%;" |
 +
|}
 +
<!--Sub Header End-->
 +
<p></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">OBJECTIVES</font></div>
 +
<p>TEXT</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">SELECTED DATASET</font></div>
 +
TEXT<br/>
 +
The dataset for analysis will be retrieved from multiple databases, as elaborated below:<br/>
 +
{| class="wikitable" style="background-color:#FFFFFF;" width="100%"
 +
|-
 +
! style="font-weight: bold;background: #536a87;color:#fbfcfd;width: 30%;" | Dataset/Source
 +
! style="font-weight: bold;background: #536a87;color:#fbfcfd;width: 30%" | Data Attributes
 +
! style="font-weight: bold;background: #536a87;color:#fbfcfd;" | Rationale Of Usage
 +
|-
 +
| <center>TEXT<br/>
 +
</center>
 +
||
 +
TEXT
 +
||
 +
<center>TEXT</center>
 +
|-
 +
| <center>TEXT<br/>
 +
</center>
 +
||
 +
TEXT
 +
||
 +
<center>TEXT</center>
 +
|-
 +
| <center>TEXT<br/>
 +
</center>
 +
||
 +
TEXT
 +
||
 +
<center>TEXT</center>
 +
|-
 +
| <center>TEXT<br/>
 +
</center>
 +
||
 +
TEXT
 +
||
 +
<center>TEXT</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">BACKGROUND SURVEY OF RELATED WORKS</font></div>
 +
TEXT
 +
{| class="wikitable" style="background-color:#FFFFFF;" width="100%"
 +
|-
 +
! style="font-weight: bold;background: #536a87;color:#fbfcfd;width: 50%;" | Related Works
 +
! style="font-weight: bold;background: #536a87;color:#fbfcfd;" | What We Can Learn
 +
|-
 +
| <p><center> '''TEXT''' </center></p>
 +
[[File:|400px|center]]
 +
<p><center>TEXT</center></p>
 +
||
 +
TEXT
 +
|-
 +
| <p><center> '''TEXT''' </center></p>
 +
[[File:|400px|center]]
 +
<p><center>TEXT</center> </p>
 +
||
 +
TEXT
 +
|-
 +
| <p><center> '''TEXT''' </center></p>
 +
[[File:|400px|center]]
 +
<p><center>TEXT</center></p>
 +
||
 +
TEXT
 +
|}
 +
 
 +
<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">DESIGN INSPIRATIONS</font></div>
 +
Other than looking at related works of others, we also reference and draw inspirations from interactive visualizations created by others. Some of these visualizations that we draw inspiration from, are as follows:
 +
 
 +
{| class="wikitable" style="background-color:#FFFFFF;" width="100%"
 +
|-
 +
! style="font-weight: bold;background: #536a87;color:#fbfcfd;width: 50%;" | Reference of Other Interactive Visualization
 +
! style="font-weight: bold;background: #536a87;color:#fbfcfd;" | What We Can Learn
 +
|-
 +
| <p><center>'''TEXT''' </center></p>
 +
[[File:|400px|center]]
 +
<p><center>TEXT</center></p>
 +
||
 +
TEXT
 +
|-
 +
| <p><center>TEXT</center></p>
 +
[[File:|400px|center]]
 +
<p><center>TEXT</center></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">PROPOSED STORYBOARD</font></div>
 +
{| class="wikitable" style="background-color:#FFFFFF;" width="100%"
 +
|-
 +
! style="font-weight: bold;background: #536a87;color:#fbfcfd;width: 50%;" | Proposed Layout
 +
! style="font-weight: bold;background: #536a87;color:#fbfcfd;" | How Analyst Can Conduct Analysis
 +
|-
 +
| [[File:|600px|center]]
 +
||
 +
TEXT
 +
|-
 +
| [[File:|600px|center]] 
 +
||
 +
TEXT
 +
|-
 +
| [[File:|600px|center]]
 +
||
 +
TEXT
 +
|}
 +
 
 +
<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>
 +
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 v2 GwendolineTanWanXin.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
 +
* Chart.js
 +
* Notepad++
 +
* Adobe PhotoShop
 +
 
 +
<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>
 +
TEXT
 +
 
 +
<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">OUR BRAINSTORMING SESSIONS</font></div>
 +
<p>The following show the proposed storyboard that we designed during our brainstorming sessions:</p>
 +
[[File:Sketch of Dashboard TeamVigilante.jpg|400px|center]]
 +
TEXT
 +
 
 +
<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>
 +
<p>Feel free to comment to help us improve our project! (:</p>

Revision as of 18:43, 12 October 2017

[[File:|center|150px]]



OBJECTIVES

TEXT


SELECTED DATASET

TEXT
The dataset for analysis will be retrieved from multiple databases, as elaborated below:

Dataset/Source Data Attributes Rationale Of Usage
TEXT

TEXT

TEXT
TEXT

TEXT

TEXT
TEXT

TEXT

TEXT
TEXT

TEXT

TEXT


BACKGROUND SURVEY OF RELATED WORKS

TEXT

Related Works What We Can Learn

TEXT

[[File:|400px|center]]

TEXT

TEXT

TEXT

[[File:|400px|center]]

TEXT

TEXT

TEXT

[[File:|400px|center]]

TEXT

TEXT


DESIGN INSPIRATIONS

Other than looking at related works of others, we also reference and draw inspirations from interactive visualizations created by others. Some of these visualizations that we draw inspiration from, are as follows:

Reference of Other Interactive Visualization What We Can Learn

TEXT

[[File:|400px|center]]

TEXT

TEXT

TEXT

[[File:|400px|center]]

TEXT


PROPOSED STORYBOARD
Proposed Layout How Analyst Can Conduct Analysis
[[File:|600px|center]]

TEXT

[[File:|600px|center]]

TEXT

[[File:|600px|center]]

TEXT


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:

1000px


TOOLS/TECHNOLOGIES

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

  • D3.js
  • Chart.js
  • Notepad++
  • Adobe PhotoShop


REFERENCES

TEXT


OUR BRAINSTORMING SESSIONS

The following show the proposed storyboard that we designed during our brainstorming sessions:

400px

TEXT


COMMENTS

Feel free to comment to help us improve our project! (:

Retrieved from ‘https://wiki.smu.edu.sg/1718t1is428g1/index.php?title=1718t1is428T7&oldid=3292’