1. Augmented Sport
Università degli Studi di Milano Bicocca
Dipartimento di Informatica, Sistemistica e Comunicazione
Corso di laurea magistrale in Teoria e tecnologia della comunicazione
Anno Accademico 2018-2019
Presentazione a cura di Cristina Abdel Mallak, Deborah Barbieri e Mattia Spreafico
Strumenti e Applicazioni del Web
2. Chi siamo
Nome: Cristina
Cognome: Abdel Mallak
Laurea in: Comunicazione
Interculturale presso
l'Università degli studi di
Milano - Bicocca.
Nome: Deborah
Cognome: Barbieri
Laurea in: Comunicazione
e Psicologia presso
l'Università degli studi di
Milano - Bicocca.
Nome: Mattia
Cognome: Spreafico
Laurea in: Informatica
presso l'Università degli
studi di Milano - Bicocca.
4. Blog (2)
Argomento: la realtà aumentata sta diventando sempre più importante nel mondo dello sport sia per
migliorare le prestazioni degli atleti e sia per avvicinare in maniera più coinvolgente gli appassionati.
Target: il pubblico di riferimento del blog è costituito sia dagli sportivi che dai tifosi di numerosi sport.
Scopo: La finalità è quella di descrivere in maniera divulgativa, sotto forma di magazine, il fenomeno
della realtà aumentata applicata allo sport.
Motto: l’attività sportiva a 360°
5. Tema
MH Magazine lite
MH Magazine lite è uno dei temi più popolari di
WordPress per quanto concerne i siti dedicati ai
magazine.
Si è scelto questa tema perché, oltre ad essere
flessibile, è completamente widgetized.
6. Linea editoriale
Descrivere gli obiettivi in modo dettagliato.
Pianificare un calendario editoriale per la pubblicazione.
Dare grande importanza ai titoli degli articoli.
Offrire al lettore argomenti interessanti e recenti.
Utilizzare un linguaggio semplice.
7. Sezioni
The dream team: presentazione degli autori del blog.
Contatti: form per comunicare con i creatori di Augmented Sport.
Tempi supplementari: approfondimenti su alcuni casi di realtà aumentata nello sport.
Pre Partita: descrizione della tematica affrontata e la filosofia del blog.
Sport: articoli suddivisi secondo le attività sportive.
8. Architettura dell’informazione del blog
Pre partita Tempi supplementariSport The dream team Contatti
Calcio
Altri sport
Motori
Basket
Home
10. Novità rilevanti sul tema
Clippers CourtVision:
basket spettacolare in AR
NASCAR 2019: FOX Sports
si affida alla realtà
aumentata
Guarda il Super Bowl 2019
come non lo hai mai visto
prima
Il blog fornisce al lettore un’ampia copertura riferita alle novità rilevanti sulla realtà aumentata nel settore
sportivo.
In particolar modo, questi sono i principali articoli relativi alle ultime notizie da tutto il mondo:
11. Featured post
Uno sguardo al futuro del ciclismo con gli Everysight Raptor
Smart Basketball: il valore esperienziale nell’apprendimento
Hado - uno sport in realtà aumentata
13. Evoluzione del logo
Abbiamo ideato un’immagine che richiamasse l’aspetto di un occhio, in quanto la realtà aumentata è
connessa strettamente alla percezione visiva.
Scartata fin da subito l’idea di utilizzare una classica icona a forma di occhio, poiché quest’ultimo è
carico di significati connessi al mondo spirituale, abbiamo deciso di cercare ispirazione tra i vari font
esistenti, usando come discriminante la forma della lettera “S”.
La scelta è ricaduta sul carattere Teacher_A.
14. Il logo
La nostra scelta vuole simboleggiare come la
realtà aumentata nel settore sportivo permetta
una visione a tutto tondo di quello che c’è
attorno comunicando, allo stesso tempo, la
filosofia di Augmented Sport, sintetizzata dal
motto: «L’attività sportiva a 360°»
16. Widget
Widget presenti nella sidebar Widget presenti nel footer
Abbiamo utilizzato dei Widget sia nel footer che nella sidebar e sono presenti in ogni pagina del blog.
17. Widget della sidebar (1)
Cerca: casella di testo per effettuare una ricerca.
Abbonamenti al blog: la registrazione alla newsletter.
HTML personalizzato: le sezioni del Blog con i link corrispondenti.
Altervista Tweeter Feed: l’elenco di tutti i tweet.
18. Widget della sidebar (2)
Altervista Facebook Fanbox: invito a mettere mi piace alla pagina FB.
HTML personalizzato: il questionario per la valutazione di usabilità.
HTML personalizzato: un campione dello sport elogia il blog.
Authors: gli autori del blog con le pagine degli articoli di ognuno di essi.
Statistiche del blog: il numero di visualizzazioni.
Metaslider: i nostri amici del blog.
19. Widget del footer
Altervista Link Sociali
Le icone delle pagine dei
tre social network
collegati al blog.
Tag
Tutti i tag utilizzati negli
articoli pubblicati su
Augmented Sport.
Calendario
Per ogni giorno con il
numero in grassetto un
articolo pubblicato.
20. Plugin (1)
Nome del plugin Descrizione del plugin
AddToAny Share Buttons I pulsanti per ogni articolo che includono la funzionalità
per condividere il post su numerosi social network.
Akismet Anti-Spam Usato da milioni di persone, è probabilmente il miglior
modo per proteggere il blog dallo spam.
Authors Utile per mostrare l'elenco degli autori, con il numero di
post accanto al nome di ognuno di essi.
Contact Form 7 Gestore del modulo di contatto per permettere agli utenti
di inviare un messaggio agli autori del blog.
Google Analytics for WordPress by MonsterInsights Utile per visualizzare come i visitatori trovano ed utilizzano
il blog.
21. Plugin (2)
Nome del plugin Descrizione del plugin
Gutenberg Trasforma l’editor in una nuova esperienza di scrittura degli articoli per
agevolare la stesura di quest’ultimi con dei blocchi.
Jetpack by WordPress.com Utile per collegare il blog ad un account WordPress.com, per fornire
agli autori le funzionalità accessibili normalmente ai soli utenti
WordPress.com.
MetaSlider Crea semplici presentazioni con slideshow reattivi ed ottimizzati per il
SEO.
Page Builder by SiteOrigin Un costruttore di pagine responsive per semplificare la creazione delle
sezioni del sito.
Team Members Un modo reattivo e semplice per mostrare gli autori con la loro
biografia.
Yoast SEO Una soluzione SEO per WordPress che comprende l’analisi dei
contenuti di ogni pagina.
22. Codice HTML e CSS aggiuntivo (1)
Codice aggiuntivo per
esplicitare agli utenti cosa
trovano in ogni sezione del
blog e fornirgli il link
Codice aggiuntivo per
creare un bottone che
permette all’utente di
rispondere al questionario
Ecco il risultato Ecco il risultato
23. Codice HTML e CSS aggiuntivo (2)
Codice aggiuntivo
per eliminare la
toolbar di Altervista
Codice aggiuntivo per
scrivere una citazione di
uno sportivo che parla
del blog
Ecco il risultato Ecco il risultato
25. Facebook
Link: http://www.facebook.com/augmentedsport/
Nome: Augmented Sport
Nome utente: @augmentedsport
Categoria: Sport e tempo libero
Mail inserita: augmentedsport@gmail.com
Pagina Twitter associata: @Augmented_Sport
Sito web associato: augmentedsport.altervista.org/
ID della pagina: 952014728317538
26. Dati statistici della pagina Facebook
Mi Piace alla pagina: 377
Follower: 376
Maggior numero di Mi Piace in un giorno: 101 (30-12-2018)
Numero di nazioni raggiunte: 10 (Italia, Belgio, Francia, Cipro, Regno Unito, Cina, Polonia, Spagna, Argentina e Ghana)
Numero di visualizzazioni nell’ultimo mese: 359
Numero di volte in cui il contenuto della pagina è comparso a gli utenti: 2035
27. Analisi degli impatti di Facebook (1)
Si è analizzata la copertura dei post nel periodo
che va dal 1 gennaio 2019 al 31 gennaio 2019,
ovvero nel mese in cui si è pubblicato il maggior
numero di post.
Negli ultimi giorni del mese si è avuto un
incremento costante della copertura dei post a
causa della pubblicazione giornaliera.
28. Analisi degli impatti di Facebook (2)
Dai dati di Facebook si può notare che tra chi ha messo mi piace alla pagina gli uomini sono in
maggioranza rispetto alle donne. Inoltre, la fascia d’età che va dai 18 ai 24 anni è quella in cui si trovano il
maggior numero di fan della pagina. Per quanto riguarda invece la provenienza dei follower per il 96,37%
sono italiani mentre altri provengono dal Belgio, dalla Francia, dalla Svizzera e dall’Argentina.
29. Le celebrità a cui piace la pagina Facebook
Roger Gonnelli: caporedattore di «Le petit journal Bugiste»
Moreno Marchetti: corridore professionista della Neri Sottoli Selle Italia
Stefano Bortolotti: speaker degli eventi RCS Sport
Davide Cassani: commissario tecnico della nazionale italiana di ciclismo
Valerio Pagni: fotografo specializzato in eventi sportivi
31. Dati statistici della pagina Twitter
Tweet: 26
Following: 142
Follower: 140
Retweet: 9
Visite al profilo: 1151
Visualizzazione dei tweet: 7962
32. Analisi degli impatti di Twitter (1)
Si sono analizzati i dati relativi alle ultime quattro settimane, ovvero il periodo nel quale si è iniziato a
pubblicare quotidianamente i tweet
33. Analisi degli impatti di Twitter (2)
Come su Facebook anche su Twitter gli uomini che
seguono la pagina sono in netta maggioranza rispetto alle
donne.
Le speranze dei due elementi femminili del gruppo non si
sono realizzate…
Al di là del successo ottenuto dal profilo in poco più
di un mese, è interessante osservare che il
segmento di pubblico raggiunto è principalmente
costituito da persone interessate alle notizie sulla
tecnologia.
34. Le celebrità che ci seguono su Twitter
Yoomee: società che progetta soluzioni per la realtà aumentata
The Football Faculty: un blog di economia e tattica calcistica
Valerio Iafrate: giornalista della Rai
Alessandro Di Gioia: redattore presso Calciomercato.com
Mattia Bais: ciclista militante nella squadra Cycling Team Friuli
36. Dati statistici della pagina Linkedin
Post: 26
Visualizzazione dei post: 430
Follower: 2
Visitatori unici: 17
Condivisioni: 2
Visualizzazioni della pagina: 74
37. Analisi degli impatti di Linkedin (1)
La nostra pagina su LinkedIn, ideata per stringere collaborazioni, si è trasformata in una vetrina di
articoli del blog Augmented Sport.
Una strategia di Personal Branding ha avuto successo visto che i visitatori della pagina lavorano in
settori affini agli argomenti del blog come i media e la comunicazione.
38. Analisi degli impatti di Linkedin (2)
Per quanto concerne la visualizzazioni dei post, si possono rilevare dei picchi verso l’alto il 25 gennaio
2019 ed il 31 gennaio 2019 ovvero nei giorni in cui alcuni autori del blog hanno condiviso sul proprio
profilo personale un loro articolo pubblicato su Augmented Sport.
39. Parlano di noi su Linkedin
Pikkart
Pikkart è un’azienda modenese nata nel 2014 con
l’obiettivo di sviluppare soluzioni di realtà aumentata.
Attualmente la loro attività di ricerca e di sviluppo è orientata
verso numerosi ambiti della realtà aumentata, oltre che alla
progettazione di prodotti innovativi basati sul machine
learning.
40. IFTTT
Abbiamo automatizzato la pubblicazione dei post sui
social network collegando il profilo Twitter del blog
alla pagina Facebook.
In questo modo ad ogni tweet corrisponde uno stato
sulla pagina Facebook di Augmented Sport
41. Valutazione di usabilità (1)
Si è scelto di valutare quanto è usabile il blog misurando
la soddisfazione: una delle principali dimensioni
dell’usabilità.
Per misurare la soddisfazione si è scelto di utilizzare il
questionario SUS (System Usability Scale).
Per ogni affermazione i partecipanti devono fornire un
grado di accordo su una scala da 1 a 5, dove 1 equivale a
"per nulla d'accordo" e 5 a "completamente d'accordo".
42. Valutazione di usabilità (2)
Si è individuato un campione di 50 utenti ai quali si è somministrato il questionario e
di seguito sono riportati i punteggi ottenuti da ciascun partecipante.
Il questionario per la valutazione della soddisfazione è stato realizzato con Google
Forms.
43. Valutazione di usabilità (3)
Il valore medio di un questionario SUS calcolato su oltre 500 applicazioni è pari a 68.
Significa che: se il punteggio SUS raccolto è 68 sarà perfettamente in media, se è superiore sarà migliore
della media, mentre se è inferiore sarà peggiore della media.
Facendo la media dei 50 punteggi SUS raccolti il risultato ottenuto è: 83.45
Il blog Augmented Sport soddisfa moltissimo i nostri utenti
44. Visite
Dati aggiornati al 31 gennaio 2019
3085
Un numero sicuramente buono per i primi due mesi di un blog….
Dopo aver constato di aver ottenuto un ottimo punteggio dall’analisi di usabilità effettuata tramite un
questionario, non rimane che da chiedersi: quanti sono stati i click al blog Augmented Sport?
45. Analisi degli impatti
Si è creato un account su Google Analytics per analizzare nel dettaglio le statistiche relative ai visitatori del
blog Augmented Sport.
46. Panoramica del pubblico
Di seguito è mostrata la panoramica dei visitatori del blog a partire dal 7 dicembre 2018, ovvero dal giorno in
cui si è iniziato a pubblicare gli articoli, al 31 gennaio 2019.
47. Interpretazione dei dati
Nel periodo che va dal 7 dicembre 2018 al 15 gennaio 2019 sono stati pubblicati tre articoli a settimana.
In questi 40 giorni si sono raggiunti 154 utenti ma non si è mai riusciti a superare le 20 visualizzazioni in
una stessa giornata.
48. Interpretazione dei dati
Per il periodo che va dal 16 gennaio 2019 al 31 gennaio 2019 si è scelto di pubblicare un articolo quasi ogni
giorno.
In queste due settimane si sono raggiunti 400 utenti e tutti i giorni il blog è stato visitato da più di 20 utenti,
eccezion fatta per tre giornate nelle quali non si è pubblicato un articolo.
49. Località dei visitatori
Gli utenti che hanno visitato il blog provengono da ben 10 nazioni differenti.
Il Paese in cui si trovavano il maggior numero di visitatori è l’Italia che ha preceduto gli Stati Uniti e la Germania.
Importante sottolineare il fatto che il blog è stato visitato in tre continenti: Europa, America e Asia.
50. Altri dati forniti da Google Analytics (1)
In questo grafico sono riportati i dati per poter visualizzare in quali
ore della giornata gli utenti visitano il blog Augmented Sport.
La fascia oraria pomeridiana che va tra le 13.00 e le 18.00 è quella
nella quale si è ottenuto il maggior numero di visualizzazioni.
51. Altri dati forniti da Google Analytics (2)
In questo diagramma si può vedere quale dispositivo utilizzano
gli utenti quando visitano le pagine di Augmented Sport.
La maggior parte degli utenti ha visitato il nostro blog utilizzando
un dispositivo mobile mentre solo circa un quarto degli utenti lo
ha visualizzato su un computer desktop.
52. Le pagine più visualizzate dagli utenti
Tramite il plugin Google Analytics for WordPress by MonsterInsights è stato possiblie stilare una classifica
delle pagine più visitate dagli utenti.
La pagina che ha avuto il maggior numero di visualizzazioni, come da previsione, è stata la homepage
mentre il podio è stato completato dal featured post degli Everysight Raptor e dalla sezione chiamata pre
partita.
53. SEO
Per migliorare l’indicizzazione e la leggibilità degli
articoli abbiamo usato il plugin Yoast SEO.
Con l’anteprima dello snippet, formato da titolo SEO, slug e meta
descrizione, e l’analisi di leggibilità si è potuto rendere il nostro blog
visibile ai motori di ricerca con risultati complessivamente buoni.
54. Cookie (1)
Dopo essersi registrati su Iubenda ed aver
creato la privacy policy per Augmented Sport si
è potuto attivare il banner dei cookie nelle
impostazioni di Altervista.
Iubenda è una startup software as a service
specializzata nella gestione della normativa sui
cookie e che consente di produrre una privacy
policy in modo professionale, automatizzato ed
efficace per i siti web.
55. Cookie (2)
Di seguito è mostrato il risultato finale che si ottiene all’apertura del nostro blog:
Mentre questa è la schermata che appare a chi desidera
leggere tutta la privacy policy di Augmented Sport
56. Strumenti per il workflow
WhatsApp
Abbiamo creato un gruppo
sia per condividere idee e
dubbi che per confrontarsi
senza sottostare ai limiti di
spazio e tempo.
Google Drive
Utilizzato per lavorare da
remoto sulle
presentazioni e sui fogli
elettronici per i dati del
questionario.
Utile per la fase iniziale di
progettazione del blog per la
suddivisione dei compiti e per
l’aggiornamento dello stato di
avanzamento del lavoro.
Trello
57. Avatar
Crea Avatar è un servizio online che permette di ideare degli avatar in
maniera semplice.
Una volta creato il proprio avatar è possibile scaricarlo ed utilizzarlo
sui siti internet e sui social network.
Crea Avatar
I nostri avatar che abbiamo creato sono i seguenti e sono stati utilizzati nella pagina The dream team.
Cristina Abdel Mallak Mattia SpreaficoDeborah Barbieri
58. Infografiche
Infogram è una piattaforma online per la
creazione e la visualizzazione di infografiche di
dati. Oltre alle infografiche, tramite questo
strumento è possibile realizzare e condividere
anche grafici digitali e mappe.
Si è utilizzato Infogram per realizzare la timeline
presente nel featured post degli Everysight
Raptor e per creare il diagramma della
provenienza dei follower di Facebook.
Infogram
60. Università degli Studi di Milano Bicocca
Dipartimento di Informatica, Sistemistica e Comunicazione
Corso di laurea magistrale in Teoria e tecnologia della comunicazione
Grazie per l’attenzione
Cristina Abdel Mallak, Deborah Barbieri e Mattia Spreafico
Anno Accademico 2018-2019