193 lines
7.1 KiB
HTML
Executable file
193 lines
7.1 KiB
HTML
Executable file
<!doctype html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
|
|
<title>Datavisualization</title>
|
|
|
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
<link rel="stylesheet" href="css/reset.css">
|
|
<link rel="stylesheet" href="css/reveal.css">
|
|
<link rel="stylesheet" href="css/theme/black.css" id="theme">
|
|
|
|
<link rel="stylesheet" href="lib/css/monokai.css">
|
|
|
|
<script>
|
|
var link = document.createElement( 'link' );
|
|
link.rel = 'stylesheet';
|
|
link.type = 'text/css';
|
|
link.href = window.location.search.match( /print-pdf/gi ) ? 'css/print/pdf.css' : 'css/print/paper.css';
|
|
document.getElementsByTagName( 'head' )[0].appendChild( link );
|
|
</script>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div class="reveal">
|
|
|
|
<!-- Any section element inside of this container is displayed as a slide -->
|
|
<div class="slides">
|
|
<section>
|
|
<h1>Data Visualization</h1>
|
|
<h3>Quantify Social Media Usage from mainstream Politicians</h3>
|
|
<p>
|
|
<small>by <a href="http://fragal.eu">Francesco Gallà</a> and <a href="https://francescomecca.eu">Francesco Mecca</a></small>
|
|
</p>
|
|
</section>
|
|
|
|
<section data-markdown>
|
|
Social media played a significant role facilitating communication and interaction among *socially-aware* communities and participants of political protests.
|
|
</section>
|
|
|
|
<section>
|
|
<section data-markdown>
|
|
People used social media to organize demonstrations (both pro- and anti-governmental), disseminate information about their activities, and raise local and global awareness of ongoing events
|
|
|
|
E.g. ↓
|
|
</section>
|
|
<section>
|
|
<img src="/img/arab.jpg" alt="HTML5 Doctor Logo" />
|
|
<p>
|
|
<a href="http://pircenter.org/kosdata/page_doc/p2594_2.pdf"><small>Stepanova, Ekaterina: "The Role of Information Communication Technologies in the "Arab Spring"</small></a> </p>
|
|
|
|
|
|
</section>
|
|
<section>
|
|
<img src="/img/hong.jpg" alt="HTML5 Doctor Logo" />
|
|
<a href="https://www.nytimes.com/2019/09/17/opinion/hong-kong-protest.html"><small>
|
|
Hong Kong protest in 2019</small></a>
|
|
</section>
|
|
</section>
|
|
|
|
<section>
|
|
<p>
|
|
In recent years mainstream politicians strengthen their presence in social media platforms, recognizing the power of such tools.</p>
|
|
<a href="https://mashable.com/2012/10/02/voter-suppression-social-media/?europe=true">
|
|
<img src="https://www.bing.com/th?id=OIP.ckLaqp18dHXFMK-3064CsQHaEK&pid=Api&rs=1"/></a>
|
|
</section>
|
|
|
|
<section data-markdown>
|
|
## Our Objective
|
|
|
|
Quantify and present data on two italian politicians, **Matteo Renzi** and **Matteo Salvini** as a first step towards an appropriate study of the behaviour of influencial politicians online.
|
|
</section>
|
|
|
|
<section data-markdown>
|
|
## Dataset
|
|
|
|
Our dataset consisted in 5370 posts by Matteo Renzi and Matteo Salvini publicly accessible on Facebook.
|
|
|
|
The dataset was obtained by scraping using [python requests](https://2.python-requests.org/en/master/).
|
|
|
|
</section>
|
|
<section data-markdown>
|
|
## Main Difficulties
|
|
|
|
Scraping Facebook is a hard task if you can't request API keys.
|
|
|
|
* We got banned various times
|
|
* Page elements related to likes, interactions and responding users always change `id` and `class`
|
|
|
|
For these reasons we limited the analysis to just two politicians.
|
|
|
|
</section>
|
|
|
|
<section data-background="img/renzi.jpg" data-markdown>
|
|
* page created in September 2009
|
|
* 959 posts from 01-01-2018 to 24-11-2019
|
|
* Posts from 2009 to 2017 were removed by the owner of the page
|
|
* In total 79 000 € were spent on advertising the page on Facebook
|
|
</section>
|
|
<section data-background="img/salvini.jpg" data-markdown>
|
|
* page created in February 2013
|
|
* 4411 posts from 28-02-2013 to 24-11-2019
|
|
* In total 164 000 € were spent on advertising the page on Facebook
|
|
</section>
|
|
|
|
<section data-background-iframe="http://localhost:5000/trends" data-background-interactive>
|
|
</section>
|
|
<section data-background-iframe="http://localhost:5000/words" data-background-interactive>
|
|
</section>
|
|
<section data-background-iframe="http://localhost:5000/travels" data-background-interactive>
|
|
</section>
|
|
<section data-background-iframe="http://localhost:5000/sleep" data-background-interactive>
|
|
</section>
|
|
<section data-background-iframe="http://localhost:5000/sharing" data-background-interactive>
|
|
</section>
|
|
|
|
<section data-markdown>
|
|
## Future improvements
|
|
|
|
Consider that a post could provide different values such as:
|
|
* increase partecipation
|
|
* provide information
|
|
* grab or detract attention
|
|
|
|
</section>
|
|
<section data-markdown>
|
|
## Future improvements
|
|
|
|
Focus on semantic analysis:
|
|
|
|
* geographical data
|
|
* number of likes, shares
|
|
* rate of engagement
|
|
* sentiment analysis
|
|
* fake news detection
|
|
|
|
</section>
|
|
<section data-markdown>
|
|
## Network Perspective
|
|
|
|
Model the analysis from an ego network:
|
|
|
|
* profiles of people following a politician
|
|
* spread of relevant/fake information
|
|
* model engagement and cascading behaviour with other users
|
|
* model social influence
|
|
* understand esternalities on a macro scale
|
|
|
|
</section>
|
|
<section>
|
|
<h1>Thank you!</h1>
|
|
<p><small><a href="#/16">but if you really want more...</a></small></p>
|
|
</section>
|
|
<section data-background-iframe="http://localhost:5000/emoji" data-background-interactive>
|
|
</section>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<script src="js/reveal.js"></script>
|
|
|
|
<script>
|
|
|
|
Reveal.initialize({
|
|
controls: true,
|
|
progress: true,
|
|
center: true,
|
|
hash: true,
|
|
|
|
transition: 'slide', // none/fade/slide/convex/concave/zoom
|
|
|
|
// More info https://github.com/hakimel/reveal.js#dependencies
|
|
dependencies: [
|
|
{ src: 'plugin/markdown/marked.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
|
|
{ src: 'plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
|
|
{ src: 'plugin/highlight/highlight.js', async: true },
|
|
{ src: 'plugin/search/search.js', async: true },
|
|
{ src: 'plugin/zoom-js/zoom.js', async: true },
|
|
{ src: 'plugin/notes/notes.js', async: true }
|
|
]
|
|
});
|
|
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|