Presentazione finale del progetto universitario per Strumenti e Applicazioni del Web.

1. DARTHWEB
Una presentazione di Jacopo Colombo, Francesco Locati, Gianluca Marangone,
Eleonora Riboldi e Alessia Villa
I L L A T O O S C U R O D E L L A R E T E

2. CHI SIAMO
Jacopo Colombo Francesco Locati Gianluca Marangone
LAUREATO IN SCIENZE
DELLA COMUNICAZIONE
LAUREATO IN COMUNICAZIONE
INTERCULTURALE
LAUREATO IN SOCIOLOGIA
Eleonora Riboldi
LAUREATA IN SCIENZE
DELLA COMUNICAZIONE
LAUREATA IN SCIENZE
DELLA COMUNICAZIONE
Alessia Villa

3. ABSTRACT
Il blog ha l’obiettivo di analizzare il lato oscuro della rete: il Dark Web.
Il contenuto degli articoli e degli approfondimenti permetterà al lettore di
scoprire e acquisire maggiori informazioni riguardanti la storia della parte più
nascosta e misteriosa del Web.
Il lettore sarà infatti guidato in un percorso temporale che partirà dalla nascita,
per volere dell’intelligence, e indagherà i cambiamenti avvenuti con l’apertura
della rete, fino a giungere all’uso che ne viene fatto oggi da parte dei singoli
utenti.

4. TARGET
Il blog vuole rivolgersi ad un ampio pubblico composto sia dagli
appassionati del settore, sia da tutti i curiosi che vogliono scoprirne di più
sul lato oscuro della rete.
a CHI si rivolge?

5. LINEA EDITORIALE
Verranno pubblicati 7 articoli a settimana, cosi da mantenere attivo il blog e i social ad
esso collegati. Il lessico utilizzato sarà divulgativo e professionale, ma al tempo stesso
informale e diretto per rendere chiara la comprensione a coloro che si affacciano per la
prima volta agli argomenti da noi trattati.
COME si rivolge?

6. LINEA EDITORIALE
i POST FEATURED
Il parallelismo tra
Dark Web e
l’inferno dantesco
Che forma ha
l’oscurità?
Gianluca Marangone
Alessia Villa
Francesco LocatiJacopo Colombo
Eleonora Riboldi
Hacker:
l’emblema del
Dark Web
The Dark Web
experience
Immagini Pop

7. IDEA GRAFICA
Il blog avrà una linea grafica basica, chiara e semplice, con lo scopo di conferire facilità
di accesso alle informazioni e alle varie categorie. Il tema adottato avrà il bianco e il nero
come colori principali.
l’OCCHIO vuole la sua parte

8. IDEA GRAFICA
il LOGO
+
DARTH VADER
(STAR WARS)
CRIPTOGRAFIA
=

9. IDEA GRAFICA
il TEMA
DIVI, il tema di WordPress
Divi offre la possibilità di personalizzare a piacere tutti gli
elementi che desideri: paragrafi, caratteri ecc.
Divi offre la certezza di avere un sito internet che si
adatta a tutti i dispositivi: smartphone, computer.
Divi permette di modificare più aspetti in tempo reale.
Divi mette a disposizione funzionalità interessanti, quali
la possibilità di creare template.

10. IDEA GRAFICA
le modifiche al TEMA
Compatibilmente con le nostre necessità, gli elementi modificati del tema riguardano diversi aspetti:
HOMEPAGE: la sua parte grafica è stata adattata alle nostre esigenze.
• È stata modificata l’altezza del menù per permettere l’inserimento del logo
• È stato abilitato il sistema di ricerca
• Gli stili di presentazione dell’articolo è stata adattata alla struttura a scorrimento della nostra pagina
MENU’: sono state aggiunte le pagine «BLOG», «CHI SIAMO» e «CONTATTACI». In seguito sono
state aggiunte le pagine delle CATEGORIE alla voce «BLOG».
ARTICOLI: per la visualizzazione nella homepage abbiamo voluto mantenere una piccola anteprima
dell’immagine di copertina dell’articolo, del titolo e di un piccolo riassunto.
Per la visualizzazione dell’articolo per intero abbiamo voluto lasciare in primo piano immagine di
copertina e titolo. Segue il corpo dell’articolo.

11. ARCHITETTURA
H O M E P A G E
Home Il Blog ContattiChi siamo
STRUTTURA del blog
Anni ‘90 2000-2008 2009 - Oggi Approfondimenti

12. ARCHITETTURA
le CATEGORIE
Anni ‘90 2000-2008 2009 - Oggi Approfondimenti
…
Le categorie saranno composte da articoli che tratteranno lo sviluppo temporale del Dark Web,
dalla nascita fino a ciò che l’utente ne fa oggi.

13. ARCHITETTURA
la HOMEPAGE
il LOGO
il MENU’
l’IMMAGINE di
COPERTINA
un BREVE TESTO
INTRODUTTIVO al DARK WEB,
soprattutto per delineare gli
argomenti principali di cui
tratteremo, in modo tale da
informare il visitatore
il MENU’ A TENDINA
con le CATEGORE

14. ARCHITETTURA
la HOMEPAGE
l’ANTEPRIMA degli ARTICOLI
suddivisi nelle 3 CATEGORIE
l’ANTEPRIMA degli
APPROFONDIMENTI
Abbiamo optato per la
componente dinamica dello
scorrimento degli articoli più
recenti.

15. ARCHITETTURA
il BLOG
Abbiamo optato per una
presenza costante del LOGO,
in ogni pagina del blog
A lato della pagina è possibile accedere
all’ARCHIVIO degli articoli pubblicati
Nella sezione «BLOG» compaiono
principalmente, in ordine cronologico
inverso, gli articoli pubblicati dal team.
Abbiamo deciso di presentare a lato tutti i TAG cui
fanno riferimento gli articoli, così da facilitare al
visitatore la ricerca di una particolare tematica.
Dopo il click sull’etichetta, vengono infatti
presentati solo gli articoli cui fa riferimento il tag.

16. ARCHITETTURA
il CHI SIAMO
Anni ‘90 2000-2008 2008 - Oggi
La pagina «CHI SIAMO» descrive in poche
parole i singoli componenti del gruppo.
Abbiamo optato per l’aggiunta della
funzionalità per cui cliccando sulla foto o sul
nome, la pagina riporta direttamente agli
articoli scritti da questo componente.

17. ARCHITETTURA
CONTATTACI
Anni ‘90 2000-2008 2008 - Oggi
L’idea del FORM
«CONTATTACI» nasce per
permettere ai più curiosi di
contattare il TEAM per porre
domande, avere ulteriori
informazioni o proporre
modifiche.

18. ARCHITETTURA
le FONTI
Anni ‘90 2000-2008 2008 Oggi

19. ARCHITETTURA
i TAG
Anni ‘90 2000-2008 2008 Oggi
Analisi del traffico
Anonimato VPN
Hacker
Berlusconi Market
Blockchain
Bitcoin
Black Death
Black Market
CriptovaluteSiti web
Spionaggio Industriale
Cybersecurity
Dark Web Deep Web
Illegalità
Intelligence
Legalità
Libertà di informazione
Big Data Arpanet
Media
Privacy
Segreti militari
Streaming
Terrorismo
Surface web
Onion Routing Pedopornografia Silk Road
Tor Browser Social Media
Schiavitù

20. ARCHITETTURA
i PLUGIN
Anni ‘90 2000-2008 2008 Oggi
AKISMET ANTI-SPAM
Abbiamo aggiunto questo
plugin che permette di bloccare
gli elementi di spam
UPDRAFT PLUS -
BACKUP/RESTORE
Consente di fare il backup di tutte
le modifiche e dei contenuti.
YOAST SEO
Un plugin che permette di fare
un’analisi SEO (Search Engine
Optimization) dei contenuti
GOOGLE ANALYTICS by
MONSTERINSIGHTS
Plugin che ci consente di connettere
il blog a Google Analytics

21. ARCHITETTURAla VERSIONE MOBILE
Nella VERSIONE MOBILE è possibile visualizzare la
stessa impostazione grafica della versione PC. In alto
sono presentati logo, strumento di ricerca e
l’hamburger menù che riportano alle pagine.
Abbiamo deciso di mantenere una struttura simile
per i due dispositivi, grazie soprattutto all’utilizzo di
tecniche di responsive design. Lo scopo di ciò è quello
di rendere la navigazione per il visitatore chiara,
semplice e lineare per le differenti tipologie di device.

22. STRUMENTI
i PROGRAMMI
Per il BLOG:
• WordPress
• Tema DIVI
• CANVA
Per gli ARTICOLI:
• Pixabay
• Freepik
Per le COMUNICAZIONI INTERNE:
• Whatsapp
Per la PRESENTAZIONE FINALE:
• PowerPoint
• Canva

23. PRESENZA SOCIAL
Il blog avrà una presenza social limitata alla condivisione degli articoli e alla trasmissione
di informazioni utili e curiosità, al solo scopo di ampliare il target di possibili lettori. I social
network a cui ci affideremo saranno Facebook e Instagram.
maggiore condivisione

24. SOCIAL
il TEMPLATE
Anni ‘90 2000-2008 2008 Oggi
Per l’aspetto SOCIAL, abbiamo optato per la creazione di più template,
semplici ed eleganti per uniformare e definire lo stile delle pagine social.
TEMPLATE «NUOVO ARTICOLO ONLINE»
TITOLO DELL’ARTICOLO
AUTORE
DELL’ARTICOLO
IMMAGINE DI COPERTINA
DELL’ARTICOLO
CURIOSITA’ GENERALI CURIOSITA’ SPECIFICHE

25. SOCIAL
FACEBOOK
Anni ‘90 2000-2008 2008 Oggi
Abbiamo deciso di usare questo social per pubblicare i nostri contenuti e altre informazioni utili, dato che è
uno tra i social network più utilizzati al giorno d’oggi. Ogni articolo veniva ri-postato sulla pagina sottoforma
di template con il link che indirizzava direttamente alla pagina web dell’articolo.

26. SOCIAL
INSTAGRAM
Anni ‘90 2000-2008 2008 Oggi
Anche in questo caso, abbiamo deciso di usare questo
social per pubblicare i nostri contenuti e altre
informazioni utili. È un social network che permette
una personalizzazione visiva, è più accattivante e più
usato tramite mobile.
TEMPLATE «NUOVO ARTICOLO ONLINE»
IL SEGUITO
IL LINK CHE PORTA
DIRETTAMENTE AL BLOG

27. ANALISI DEI DATI
Analisi dei dati ottenuti attraverso Google Analytics e pagine social, in merito a
visualizzazioni, condivisioni e numero di persone raggiunte
i RISULTATI ottenuti

28. ANALISI DEI DATI
Anni ‘90 2000-2008 2008 Oggi
il PAGERANK
IL BLOG APPARE TRA I
PRIMI RISULTATI DI GOOGLE
• HomePage
• Chi Siamo
SUBITO DOPO APPARE LA
PAGINA FACEBOOK
• HomePage
• Photos

29. ANALISI DEI DATI
Anni ‘90 2000-2008 2008 Oggi
il RAPPORTO GOOGLE ANALYTICS
IL RAPPORTO FA RIFERIMENTO AL PERIODO DAL 6-01 AL 26-02
SESSIONI: sono state registrate 410 sessioni.
UTENTI: il numero di visitatori unici registrato è di 185.
VISUALIZZAZIONI DELLA PAGINA: il numero di pagine visualizzato è di 1166.
RAPPORTO PAGINE/SESSIONE: sono state visualizzate mediamente 2,84 pagine all’interno di ogni sessione.
DURATA SESSIONE: un visitatore
rimane sul blog circa 7 minuti e 21
secondi.
FREQUENZA DI RIMBALZO: la
percentuale di abbandono del sito da
parte del visitatore è del 27,07%

30. ANALISI DEI DATI
2008 Oggi
il RAPPORTO GOOGLE ANALYTICS
IL RAPPORTO FA RIFERIMENTO AL PERIODO DAL 6-01 AL 26-02
La MAGGIORANZA degli
ACCESSI è avvenuta tramite
dispositivi MOBILE
Segue l’ACCESSO tramite PC
Segue una bassa
percentuale di ACCESSO
tramite dispositivi TABLET

31. ANALISI DEI DATI
2008 Oggi
il RAPPORTO GOOGLE ANALYTICS
IL RAPPORTO FA RIFERIMENTO AL PERIODO DAL 6-01 AL 26-02
Nel periodo considerato, il 49,2% del traffico sul blog è da ricondursi al CANALE DIRETTO.
Seguono i canali social FACEBOOK e/o INSTAGRAM con il 38,6%

32. GRAZIE PER
L’ATTENZIONE
Jacopo, Francesco, Gianluca, Eleonora e Alessia.