Difference between revisions of "1718t1is428T7"

From Visual Analytics for Business Intelligence
Jump to navigation Jump to search
 
(69 intermediate revisions by 3 users not shown)
Line 1: Line 1:
[[File:|center|150px]]
+
[[File:g1t7_weed_logo1.jpg|600px|center]]
<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>]]
+
<!------- Main Navigation Bar---->
 +
<center>
 +
{| style="background-color:#ffffff ; margin: 3px 10px 3px 10px; width="80%"|
  
| 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="font-family:Open Sans, Arial, sans-serif; font-size:15px; text-align: center; border-top:solid #ffffff; border-bottom:solid #0091b3" width="190px" |
 +
[[1718t1is428T7 |<font color="#3c3c3c"><strong>HOME</strong></font>]]
  
| 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="font-family:Open Sans, Arial, sans-serif; font-size:15px; text-align: center; border-top:solid #ffffff; border-bottom:solid #f5f5f5" width="210px" |
 +
[[1718t1is428T7: Proposal 2|<font color="#3c3c3c"><strong>PROPOSAL</strong></font>]]
  
| 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="font-family:Open Sans, Arial, sans-serif; font-size:15px; text-align: center; border-top:solid #ffffff; border-bottom:solid #f5f5f5" width="210px"
 +
[[Poster|<font color="#3c3c3c"><strong>POSTER</strong></font>]]
  
| 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="font-family:Open Sans, Arial, sans-serif; font-size:15px; text-align: center; border-top:solid #ffffff; border-bottom:solid #f5f5f5" width="230px"
|}
+
[[Application|<font color="#3c3c3c"><strong>APPLICATION</strong></font>]]
 
 
{| 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="font-family:Open Sans, Arial, sans-serif; font-size:15px; text-align: center; border-top:solid #ffffff; border-bottom:solid #f5f5f5" width="230px" |
 +
[[Report|<font color="#3c3c3c"><strong>RESEARCH PAPER</strong></font>]]
  
| 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>
 
</center>
||
+
<!------- End of Main Navigation Bar---->
TEXT
+
<!-- Body -->
||
+
<br><br>
<center>TEXT</center>
+
[[File:G1t7 MMPR Home.jpg|1300px|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>
+
<!-- End Body --->
<p>Feel free to comment to help us improve our project! (:</p>
 

Latest revision as of 15:17, 25 November 2017