Difference between revisions of "ISSS608 2016 17T1 Group6 Project Report"

From Visual Analytics and Applications
Jump to navigation Jump to search
 
(8 intermediate revisions by 2 users not shown)
Line 15: Line 15:
  
 
| style="font-family:Open Sans, Arial, sans-serif; font-size:15px; text-align: center; border-top:solid #ffffff; border-bottom:solid #2B2D42" width="170px" |   
 
| style="font-family:Open Sans, Arial, sans-serif; font-size:15px; text-align: center; border-top:solid #ffffff; border-bottom:solid #2B2D42" width="170px" |   
−
[http://www. <font color="#3c3c3c"><strong>Project Application</strong></font>]
+
[https://threetify.github.io/welcome/<font color="#3c3c3c"><strong>Project Application</strong></font>]
 
|}
 
|}
 
</center>
 
</center>
Line 21: Line 21:
 
<!------- Credits to: https://wiki.smu.edu.sg/ANLY482/Team_BEK---->
 
<!------- Credits to: https://wiki.smu.edu.sg/ANLY482/Team_BEK---->
  
−
==<div style="background: #26547c; padding: 18px; line-height: 0.1em;  text-indent: 10px; font-size:16px; font-family:Open Sans, Arial, sans-serif; border-radius:2px; border-left:8px solid #38AECC"><font color= #ffffff><strong>Motivation</strong></font></div>==
+
<!------- Secondary Navigation Bar---->
−
<b>Motivation of the application:</b>
+
<center>
−
<br>
+
{| style="background-color:#ffffff ; margin: 3px 10px 3px 10px;" width="80%"|
−
In recent years, terrorism attacks in the western world are the centre of focus and receive extensive reporting. However, terrorist attacks in the Middle East, South America, Africa and South Asia often receive much less attention or totally neglected. This creates a perspective that is far from the truth. We aim to present a holistic picture of the global terrorist attacks: across time, countries, targets and methods, to help the viewers have a better understanding of terrorist attacks in various countries during different periods of time.
+
| style="font-family:Open Sans, Arial, sans-serif; font-size:13px; text-align: center; border-top:solid #f5f5f5; background-color: #fff" width="150px" |
 +
[[ISSS608_2016_17T1_Group6_Project_Report|<font color="#3c3c3c"><strong>Main Page</strong></font>]]
  
−
==<div style="background: #26547c; padding: 18px; line-height: 0.1em;  text-indent: 10px; font-size:16px; font-family:Open Sans, Arial, sans-serif; border-radius:2px; border-left:8px solid #38AECC"><font color= #ffffff><strong>Past Works</strong></font></div>==
+
| style="font-family:Open Sans, Arial, sans-serif; font-size:13px; text-align: center; border:solid 1px #f5f5f5; background-color: #f5f5f5" width="150px" | 
−
<b>Review and critic past works:</b><br>
+
[[ISSS608_2016_17T1_Group6_Project_Report_-_Design_Framework|<font color="#3c3c3c"><strong>Design Framework</strong></font>]]
−
http://start.umd.edu/gtd/globe/index.html (bars height as number of attacks)<br>
 
−
http://terror.periscopic.com/ (A world of terror)<br>
 
−
http://www.shorttails.io/a-timeline-of-terrorism/ (A Timeline of Terrorism)<br>
 
  
−
==<div style="background: #26547c; padding: 18px; line-height: 0.1em;  text-indent: 10px; font-size:16px; font-family:Open Sans, Arial, sans-serif; border-radius:2px; border-left:8px solid #38AECC"><font color= #ffffff><strong>Design Framework</strong></font></div>==
+
| style="font-family:Open Sans, Arial, sans-serif; font-size:13px; text-align: center; border:solid 1px #f5f5f5; background-color: #f5f5f5" width="150px" | 
−
A detail description of the design principles used and data visualisation elements built (Refer to Section 3: Interface of this paper [1].<br>
+
[[ISSS608_2016_17T1_Group6_Project_Report_-_Demonstration|<font color="#3c3c3c"><strong>Demonstration</strong></font>]]
−
<b>Sample dashboard to imitate:</b><br>
 
−
http://anmolkoul.github.io/#<br>
 
−
[[File:G6 Dashboard | 400px]]<br>
 
−
<b>Sample spinning globe to imitate:</b><br>
 
−
http://bl.ocks.org/PatrickStotz/1f19b3e4cb848100ffd7<br>
 
−
[[File:G6 Sample globe | 400px]]<br>
 
  
−
==<div style="background: #26547c; padding: 18px; line-height: 0.1em;  text-indent: 10px; font-size:16px; font-family:Open Sans, Arial, sans-serif; border-radius:2px; border-left:8px solid #38AECC"><font color= #ffffff><strong>Demonstration</strong></font></div>==
+
| style="font-family:Open Sans, Arial, sans-serif; font-size:13px; text-align: center; border:solid 1px #f5f5f5; background-color: #f5f5f5" width="150px" | 
−
Sample test cases
+
[[ISSS608_2016_17T1_Group6_Project_Report_-_Discussion|<font color="#3c3c3c"><strong>Discussion</strong></font>]]
  
 +
| style="font-family:Open Sans, Arial, sans-serif; font-size:13px; text-align: center; border:solid 1px #f5f5f5; background-color: #f5f5f5" width="150px" | 
 +
[[ISSS608_2016_17T1_Group6_Project_Report_-_User_Guides|<font color="#3c3c3c"><strong>User Guide</strong></font>]]
 +
|}
 +
</center>
 +
<!------- End of Secondary Navigation Bar---->
  
 +
==<div style="background: #26547c; padding: 18px; line-height: 0.1em;  text-indent: 10px; font-size:16px; font-family:Open Sans, Arial, sans-serif; border-radius:2px; border-left:8px solid #38AECC"><font color= #ffffff><strong>Motivation</strong></font></div>==
 +
In recent years, terrorism attacks in the western world are the centre of focus and receive extensive reporting. However, terrorist attacks in the Middle East, South America, Africa and South Asia often receive much less attention or totally neglected. This creates a perspective that is far from the truth. We aim to present a holistic picture of the global terrorist attacks: across time, countries, targets and methods, to help the viewers have a better understanding of terrorist attacks in various countries during different periods of time.
  
−
 
+
==<div style="background: #26547c; padding: 18px; line-height: 0.1em;  text-indent: 10px; font-size:16px; font-family:Open Sans, Arial, sans-serif; border-radius:2px; border-left:8px solid #38AECC"><font color= #ffffff><strong>Related Work</strong></font></div>==
−
==<div style="background: #26547c; padding: 18px; line-height: 0.1em;  text-indent: 10px; font-size:16px; font-family:Open Sans, Arial, sans-serif; border-radius:2px; border-left:8px solid #38AECC"><font color= #ffffff><strong>Discussion</strong></font></div>==
+
<!---Start Table --->
−
What has the audience learned from your work? What new insights or practices has your system enabled? A full blown user study is not expected, but informal observations of use that help evaluate your system are encouraged.
+
<center>
−
 
+
{| style="background-color:#ffffff ; margin: 3px 10px 3px 10px; font-size:15px" width="80%" |-
−
 
+
| style="background-color:#2B2D42; border-radius:5px; font-family:Open Sans, Arial, sans-serif; font-size:15px; text-align: center; padding:3px; border-bottom:solid #38AECC" |
−
 
+
<font color="#FAFAFF"><strong>Related Works</strong></font>
−
 
+
| style="background-color:#2B2D42; border-radius:5px; font-family:Open Sans, Arial, sans-serif; font-size:15px; text-align: center; padding:3px; border-bottom:solid #38AECC" |
−
==<div style="background: #26547c; padding: 18px; line-height: 0.1em; text-indent: 10px; font-size:16px; font-family:Open Sans, Arial, sans-serif; border-radius:2px; border-left:8px solid #38AECC"><font color= #ffffff><strong>Future Work</strong></font></div>==
+
<font color="#FAFAFF"><strong>Learning Points</strong></font>
−
<b>Visualisation Recommendations</b><br>
+
|-
−
We wish to improve our visualisation dashboard by linking the Text Cloud to the cross filter. At the moment this is not achievable as we could not keep the time dimension after breaking the words into tokens. <br>
+
| style="font-family:Open Sans, Arial, sans-serif; text-align: center; padding:3px 10px; border-bottom:solid 1px #d8d8d8" | <strong>Example 1</strong> [[File:threetify_example1.png|300px|center]] [http://storymaps.esri.com/stories/2016/terrorist-attacks/ Source]
−
We also hope to add tooltips to show the terrorist attack details when the mouse hovering on different parts of the map. We give up on showing the details of individual events because there will be too many points on the map, which makes the web page extremely slow and prone to crash. However, we believe there should be a better way of adding event specific information.<br>
+
| style="font-family:Open Sans, Arial, sans-serif; text-align: left; padding:3px 10px; border-bottom:solid 1px #d8d8d8" | <ul><li>Interactivity - Being able to click on a country and see the number of fatalities and attacks. Also has the option of clicking on recent attacks and seeing where it occurred on the map.</li><li>Design - opacity and colours of the proportional symbols allows users to see which areas have been heavily attacked</li></ul>
−
<br>
+
|-
−
<b>Dataset Recommendations</b><br>
+
| style="font-family:Open Sans, Arial, sans-serif; text-align: center; padding:3px 10px; border-bottom:solid 1px #d8d8d8" | <strong>Example 2</strong> [[File:threetify_example2.png|300px|center]] [http://terror.periscopic.com/ Source]
−
The dataset has too many irrelevant words and missing data in the motivation column. Most of the motivations records tend to be about violate incidents in the United States, whereas the attacks that caused large numbers of casualties often have no motivation records. Clearer motivations will help identify the keywords in the Word Cloud and come up with strategies to tackle the root cause of terrorist attacks.<br>
+
| style="font-family:Open Sans, Arial, sans-serif; text-align: left; padding:3px 10px; border-bottom:solid 1px #d8d8d8" |<ul><li>Interactivity - Allows users to view more information about each terrorist group (i.e. timeline, magnitude of attacks, how many injured and killed from attacks done by this group) </li><li>Design - neutral colour palette with some outstanding colours (i.e. red and yellow) to highlight certain values. </li><li>Filter function - allows the users to filter the data on a timeline if they want to zoom in to a specific timeline.</ul>
−
The dataset also has a large proportion of unknown information or missing records, which makes the analysis of certain aspects difficult. For instance, the classification of International Attacks has around 60% of the records being unknown. As a result, we could not use the variable for analysis as it does not show a clear enough picture. The data needs more updates to be more complete.
+
|-
−
 
+
| style="font-family:Open Sans, Arial, sans-serif; text-align: center; padding:3px 10px; border-bottom:solid 1px #d8d8d8" | <strong>Example 3</strong> [[File:threetify_example3.png|300px|center]] [http://start.umd.edu/gtd/globe/index.html Source]
−
==<div style="background: #26547c; padding: 18px; line-height: 0.1em; text-indent: 10px; font-size:16px; font-family:Open Sans, Arial, sans-serif; border-radius:2px; border-left:8px solid #38AECC"><font color= #ffffff><strong>Guides</strong></font></div>==
+
| style="font-family:Open Sans, Arial, sans-serif; text-align: left; padding:3px 10px; border-bottom:solid 1px #d8d8d8" |<ul><li>Interactivity - Globe can be shifted around for you to view other sides of the globe.</li><li>Timeline - allows users to view the distribution of attacks across the globe, in a specific year.</li><li>Details bar - Provides users with more information that they would need to know. i.e. Countries with the most attacks and the most fatalities.</li></ul>
−
Installation Guide - including hardware configuration and software integrationn.
+
|}
−
User Guide - Step-by-step guide on how to use the data visualisation functions designed.
+
</center>
 +
<!--- End Table --->

Latest revision as of 01:05, 28 November 2016

Threetify logo.png

Introduction

Proposal

Final Report

Project Poster

Project Application

Main Page

Design Framework

Demonstration

Discussion

User Guide

Motivation

In recent years, terrorism attacks in the western world are the centre of focus and receive extensive reporting. However, terrorist attacks in the Middle East, South America, Africa and South Asia often receive much less attention or totally neglected. This creates a perspective that is far from the truth. We aim to present a holistic picture of the global terrorist attacks: across time, countries, targets and methods, to help the viewers have a better understanding of terrorist attacks in various countries during different periods of time.

Related Work

Related Works

Learning Points

Example 1
Threetify example1.png
Source
  • Interactivity - Being able to click on a country and see the number of fatalities and attacks. Also has the option of clicking on recent attacks and seeing where it occurred on the map.
  • Design - opacity and colours of the proportional symbols allows users to see which areas have been heavily attacked
Example 2
Threetify example2.png
Source
  • Interactivity - Allows users to view more information about each terrorist group (i.e. timeline, magnitude of attacks, how many injured and killed from attacks done by this group)
  • Design - neutral colour palette with some outstanding colours (i.e. red and yellow) to highlight certain values.
  • Filter function - allows the users to filter the data on a timeline if they want to zoom in to a specific timeline.
Example 3
Threetify example3.png
Source
  • Interactivity - Globe can be shifted around for you to view other sides of the globe.
  • Timeline - allows users to view the distribution of attacks across the globe, in a specific year.
  • Details bar - Provides users with more information that they would need to know. i.e. Countries with the most attacks and the most fatalities.
Retrieved from ‘https://wiki.smu.edu.sg/1617t1ISSS608g1/index.php?title=ISSS608_2016_17T1_Group6_Project_Report&oldid=9431’