Difference between revisions of "ISSS608 2016 17T1 Group6 Proposal"

From Visual Analytics and Applications
Jump to navigation Jump to search
Line 1: Line 1:
 +
<center>[[file:threetify_logo.png|500px]]</center>
 
<!------- Main Navigation Bar---->
 
<!------- Main Navigation Bar---->
 
<center>
 
<center>
 
{| style="background-color:#ffffff ; margin: 3px 10px 3px 10px; width="80%"|
 
{| style="background-color:#ffffff ; margin: 3px 10px 3px 10px; width="80%"|
| style="font-family:Open Sans, Arial, sans-serif; font-size:14px; text-align: center; border-top:solid #ffffff; border-bottom:solid #2B2D42" width="170px" |   
+
| style="font-family:Open Sans, Arial, sans-serif; font-size:17px; text-align: center; border-top:solid #ffffff; border-bottom:solid #2B2D42" width="170px" |   
 
[[ISSS608_2016_17T1_Group6|<font color="#3c3c3c"><strong>Introduction</strong></font>]]
 
[[ISSS608_2016_17T1_Group6|<font color="#3c3c3c"><strong>Introduction</strong></font>]]
  
| style="font-family:Open Sans, Arial, sans-serif; font-size:14px; text-align: center; border-top:solid #ffffff; border-bottom:solid #38AECC" width="170px" |  [[ISSS608_2016_17T1_Group6_Proposal|<font color="#3c3c3c"><strong>Project Details</strong></font>]]
+
| style="font-family:Open Sans, Arial, sans-serif; font-size:17px; text-align: center; border-top:solid #ffffff; border-bottom:solid #38AECC" width="170px" |  [[ISSS608_2016_17T1_Group6_Proposal|<font color="#3c3c3c"><strong>Project Details</strong></font>]]
  
| style="font-family:Open Sans, Arial, sans-serif; font-size:14px; text-align: center; border-top:solid #ffffff; border-bottom:solid #2B2D42" width="170px" |   
+
| style="font-family:Open Sans, Arial, sans-serif; font-size:17px; text-align: center; border-top:solid #ffffff; border-bottom:solid #2B2D42" width="170px" |   
 
[[ISSS608_2016_17T1_Group6_Poster|<font color="#3c3c3c"><strong>Project Poster</strong></font>]]
 
[[ISSS608_2016_17T1_Group6_Poster|<font color="#3c3c3c"><strong>Project Poster</strong></font>]]
  
| style="font-family:Open Sans, Arial, sans-serif; font-size:14px; text-align: center; border-top:solid #ffffff; border-bottom:solid #2B2D42" width="170px" |   
+
| style="font-family:Open Sans, Arial, sans-serif; font-size:17px; text-align: center; border-top:solid #ffffff; border-bottom:solid #2B2D42" width="170px" |   
 
[http://www. <font color="#3c3c3c"><strong>Project Application</strong></font>]
 
[http://www. <font color="#3c3c3c"><strong>Project Application</strong></font>]
  
| style="font-family:Open Sans, Arial, sans-serif; font-size:14px; text-align: center; border-top:solid #ffffff; border-bottom:solid #2B2D42" width="170px" |   
+
| style="font-family:Open Sans, Arial, sans-serif; font-size:17px; text-align: center; border-top:solid #ffffff; border-bottom:solid #2B2D42" width="170px" |   
 
[[Media:ReportLink|<font color="#3c3c3c"><strong>Research Paper</strong></font>]]
 
[[Media:ReportLink|<font color="#3c3c3c"><strong>Research Paper</strong></font>]]
 
|}
 
|}
Line 20: 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: #ffffff; padding: 17px; line-height: 0.1em;  text-indent: 10px; font-size:16px; font-family:Open Sans, Arial, sans-serif; border-left:8px solid #38AECC"><font color= #000000><strong>Background</strong></font></div>==
+
==<div style="background: #26547c; padding: 20px; line-height: 0.1em;  text-indent: 10px; font-size:18px; font-family:Open Sans, Arial, sans-serif; border-radius:2px; border-left:8px solid #ffc857"><font color= #ffc857><strong>Background</strong></font></div>==
  
==<div style="background: #ffffff; padding: 17px; line-height: 0.1em;  text-indent: 10px; font-size:16px; font-family:Open Sans, Arial, sans-serif; border-left:8px solid #38AECC"><font color= #000000><strong>Project Motivation</strong></font></div>==
+
==<div style="background: #26547c; padding: 20px; line-height: 0.1em;  text-indent: 10px; font-size:18px; font-family:Open Sans, Arial, sans-serif; border-radius:2px; border-left:8px solid #ffc857"><font color= #ffc857><strong>Project Motivation</strong></font></div>==
 
With this project, we hope to find out the changes in the characteristics of terrorist attacks over time. Also, we would want to verify the relationship between terrorism spread and Internet usage, to find if there is indeed a correlation between the two.
 
With this project, we hope to find out the changes in the characteristics of terrorist attacks over time. Also, we would want to verify the relationship between terrorism spread and Internet usage, to find if there is indeed a correlation between the two.
 
By doing so, we hope to provide strategies in media operations in order to combat the threat of terrorism.  
 
By doing so, we hope to provide strategies in media operations in order to combat the threat of terrorism.  
  
==<div style="background: #ffffff; padding: 17px; line-height: 0.1em;  text-indent: 10px; font-size:16px; font-family:Open Sans, Arial, sans-serif; border-left:8px solid #38AECC"><font color= #000000><strong>Project Objectives</strong></font></div>==
+
==<div style="background: #26547c; padding: 20px; line-height: 0.1em;  text-indent: 10px; font-size:18px; font-family:Open Sans, Arial, sans-serif; border-radius:2px; border-left:8px solid #ffc857"><font color= #ffc857><strong>Project Objectives</strong></font></div>==
 
The main goal of this project would be to provide an interactive online visualisation for users. In this visualisation, users will be able to:
 
The main goal of this project would be to provide an interactive online visualisation for users. In this visualisation, users will be able to:
 
<ol><li>View the changes in terrorist attacks over time. </li>
 
<ol><li>View the changes in terrorist attacks over time. </li>
Line 33: Line 34:
 
Hence, this visualisation will help security agencies and government bodies better plan strategies and policies in combatting the threat of terrorism.  
 
Hence, this visualisation will help security agencies and government bodies better plan strategies and policies in combatting the threat of terrorism.  
  
==<div style="background: #ffffff; padding: 17px; line-height: 0.1em;  text-indent: 10px; font-size:16px; font-family:Open Sans, Arial, sans-serif; border-left:8px solid #38AECC"><font color= #000000><strong>Data Sources</strong></font></div>==
+
==<div style="background: #26547c; padding: 20px; line-height: 0.1em;  text-indent: 10px; font-size:18px; font-family:Open Sans, Arial, sans-serif; border-radius:2px; border-left:8px solid #ffc857"><font color= #ffc857><strong>Data Sources</strong></font></div>==
 
<ul><li>Global Terrorism Database</li>
 
<ul><li>Global Terrorism Database</li>
 
<li>World Bank</li></ul>
 
<li>World Bank</li></ul>
  
==<div style="background: #ffffff; padding: 17px; line-height: 0.1em;  text-indent: 10px; font-size:16px; font-family:Open Sans, Arial, sans-serif; border-left:8px solid #38AECC"><font color= #000000><strong>Key Technical Challenges</strong></font></div>==
+
==<div style="background: #26547c; padding: 20px; line-height: 0.1em;  text-indent: 10px; font-size:18px; font-family:Open Sans, Arial, sans-serif; border-radius:2px; border-left:8px solid #ffc857"><font color= #ffc857><strong>Key Technical Challenges</strong></font></div>==
 
<!---Start Table --->
 
<!---Start Table --->
 
<center>
 
<center>
Line 55: Line 56:
 
<!--- End Table --->
 
<!--- End Table --->
  
==<div style="background: #ffffff; padding: 17px; line-height: 0.1em;  text-indent: 10px; font-size:16px; font-family:Open Sans, Arial, sans-serif; border-left:8px solid #38AECC"><font color= #000000><strong>Milestones</strong></font></div>==
+
==<div style="background: #26547c; padding: 20px; line-height: 0.1em;  text-indent: 10px; font-size:18px; font-family:Open Sans, Arial, sans-serif; border-radius:2px; border-left:8px solid #ffc857"><font color= #ffc857><strong>Milestones</strong></font></div>==
  
==<div style="background: #ffffff; padding: 17px; line-height: 0.1em;  text-indent: 10px; font-size:16px; font-family:Open Sans, Arial, sans-serif; border-left:8px solid #38AECC"><font color= #000000><strong>Related Works</strong></font></div>==
+
==<div style="background: #26547c; padding: 20px; line-height: 0.1em;  text-indent: 10px; font-size:18px; font-family:Open Sans, Arial, sans-serif; border-radius:2px; border-left:8px solid #ffc857"><font color= #ffc857><strong>Related Work</strong></font></div>==
 
<!---Start Table --->
 
<!---Start Table --->
 
<center>
 
<center>
Line 78: Line 79:
 
<!--- End Table --->
 
<!--- End Table --->
  
==<div style="background: #ffffff; padding: 17px; line-height: 0.1em;  text-indent: 10px; font-size:16px; font-family:Open Sans, Arial, sans-serif; border-left:8px solid #38AECC"><font color= #000000><strong>Proposed Storyboard</strong></font></div>==
+
==<div style="background: #26547c; padding: 20px; line-height: 0.1em;  text-indent: 10px; font-size:18px; font-family:Open Sans, Arial, sans-serif; border-radius:2px; border-left:8px solid #ffc857"><font color= #ffc857><strong>Proposed Storyboard</strong></font></div>==
 
<!---Start Table --->
 
<!---Start Table --->
 
<center>
 
<center>
Line 96: Line 97:
 
<!--- End Table --->
 
<!--- End Table --->
  
==<div style="background: #ffffff; padding: 17px; line-height: 0.1em;  text-indent: 10px; font-size:16px; font-family:Open Sans, Arial, sans-serif; border-left:8px solid #38AECC"><font color= #000000><strong>Approach</strong></font></div>==
+
==<div style="background: #26547c; padding: 20px; line-height: 0.1em;  text-indent: 10px; font-size:18px; font-family:Open Sans, Arial, sans-serif; border-radius:2px; border-left:8px solid #ffc857"><font color= #ffc857><strong>Approach</strong></font></div>==
 
To use d3.js to make an interactive application, that allows users to visualise the changes in terrorist attacks over the years. The interactive application will consist of different visualisation techniques.  
 
To use d3.js to make an interactive application, that allows users to visualise the changes in terrorist attacks over the years. The interactive application will consist of different visualisation techniques.  
  
Line 114: Line 115:
 
<li>Cross Filter</li></ol>
 
<li>Cross Filter</li></ol>
  
==<div style="background: #ffffff; padding: 17px; line-height: 0.1em;  text-indent: 10px; font-size:16px; font-family:Open Sans, Arial, sans-serif; border-left:8px solid #38AECC"><font color= #000000><strong>References</strong></font></div>==
+
==<div style="background: #26547c; padding: 20px; line-height: 0.1em;  text-indent: 10px; font-size:18px; font-family:Open Sans, Arial, sans-serif; border-radius:2px; border-left:8px solid #ffc857"><font color= #ffc857><strong>References</strong></font></div>==

Revision as of 17:46, 12 November 2016

Threetify logo.png

Introduction

Project Details

Project Poster

Project Application

Research Paper

Background

Project Motivation

With this project, we hope to find out the changes in the characteristics of terrorist attacks over time. Also, we would want to verify the relationship between terrorism spread and Internet usage, to find if there is indeed a correlation between the two. By doing so, we hope to provide strategies in media operations in order to combat the threat of terrorism.

Project Objectives

The main goal of this project would be to provide an interactive online visualisation for users. In this visualisation, users will be able to:

  1. View the changes in terrorist attacks over time.
  2. Understand the methods, motive, and the impact of each terrorist attacks and how these have changed over time.
  3. Observe the relationship between internet usage and the change in the types and targets of terrorist attacks.

Hence, this visualisation will help security agencies and government bodies better plan strategies and policies in combatting the threat of terrorism.

Data Sources

  • Global Terrorism Database
  • World Bank

Key Technical Challenges

Challenges

Our Approach

Unfamiliarity with coding and using d3.js
  • Search on the internet, looking at d3 examples or templates online
  • Ask seniors and friends who are familiar with coding
Unfamiliarity with usage of visualisations
  • Independent learning
  • Online sources

Milestones

Related Work

Related Works

Learning Points

Example 1
Example 2
Example 3

Proposed Storyboard

Storyboard

Details

Home Page
Main Visualisation

Approach

To use d3.js to make an interactive application, that allows users to visualise the changes in terrorist attacks over the years. The interactive application will consist of different visualisation techniques.

The main elements of the application consist of the following:

  • Terrorist groups involved
  • Types of attacks
  • Types of victims
  • Number of victims/ causualties
  • Countries in which these attacks occurred
  • Frequency of attacks
  • International or Domestic component

The technique that we will be using are as follows:

  1. Timeline
    • Line Chart: Showing internet penetration globally
    • Stacked Bars: Showing number of casualties globally
  2. Geospatial Map
  3. Word Cloud
  4. Cross Filter

References