Presentazione in Powerpoint per la valutazione finale del blog Smarticity

1. Smarticity
Elena Maria Manisera
Federica Monticelli
Sofia Muschio
Corso di strumenti e applicazioni web
Corso di laurea magistrale TTC - 2017/2018

2. http://smarticity.altervista.org/

3. Video Header

4. Css aggiunto per rendere il tema
conforme ai nostri gusti.
Principalmente è stato usato per
cambiare il colore delle icone e i
nomi delle categorie nel menù e nel
footer. In più è stato aggiunto il
colore in hover quando si passava il
mouse sopra le categorie. (sia
quando il menù era fisso sia durante
lo scroll )
Successivamente è stata cambiata la
dimensione del menù nella versione
mobile ed è stata eliminata la barra
bianca di altervista visualizzata in
fondo alle pagine del blog.
CSS Aggiuntivo

5. HTML
Esempio di codice HTML scritto per rendere le
icone delle categorie hover.
Il codice è stato aggiunto dato che il nostro tema
non ci permetteva di crearle automaticamente.

6. ★ Yoast SEO
★ SI Captcha Anti-Spam
★ Jetpack by WordPress.com
★ W3 Total Cache
★ GD Rating System
★ Css Hero Animator
★ Google Analytics for WordPress by MonsterInsights
Plugin (1)

7. Tralasciando quelli pre-installati abbiamo usato maggiormente:
● W3 Total Cache Migliora drasticamente la velocità e l'esperienza utente
sul sito. Aggiungendo nella cache i contenuti del browser, delle pagine, degli oggetti e
dei database.
● CSS Hero Animation Una semplice interfaccia per animare i tuoi elementi
del sito WordPress.
● MonsterInsinght Plugin di Google Analytics per WordPress per guardare
come i visitatori trovano e usano il tuo sito Web, in modo da poterli far tornare indietro.
● GD Rating System Plugin di voti potente, altamente personalizzabile e
versatile per consentire agli utenti di votare per tutto ciò che si desidera.
Plugin (2)

8. E’ stato installato un ulteriore plugin:
Shortcake (Shortcode UI) per permetterci di
inserire la tabella degli articoli più votati nella
sezione Esplora tramite il seguente codice.
[gdrts_stars_rating_list type="posts.post"
orderby="rating" order="DESC" limit="10"
votes_min="1" style_type="font"
style_font_name="star" style_image_name="star"
style_size="30" alignment="center"]
E’ stato anche modificato il codice php del plugin
in modo che i nomi dei record apparissero in
italiano e non in inglese.
Plugin (3) - Shortcode

9. Abbiamo modificato la barra
laterale alla destra di ogni articolo
per inserire
● i nostri social
● una classifica degli articoli più
votati
● un forma per la ricerca, dato
che non era presente nel sito
Widget

10. Abbiamo creato un’infografica cliccabile per collegarci con i nostri
blog più affini.
Blog Amici

11. Tool impiegati:Infografiche
Codice
embedded
Fonte dati: Cities in motion, Index 2017

12. Codice dell’Infografica in SmarTrip
Codice HTML scritto per rendere cliccabili
solo alcune aree dell’immagine in SmarTrip.

13. Linea Editoriale
Articoli delle sezioni Italia, Europa, Mondo:
● Lunghezza: 300/500 parole
● Target: grado di scolarità medio
● Struttura: Titolo h1
Paragrafo introduttivo h3
Sottotitolo bold
Body con parole chiave
● Contenuto: focus su un progetto specifico
realizzato in una smart city
● Eventuale aggiunta di immagini, slideshow,
video da Youtube...
1
2
3
4
1
2
3
4

14. Layout e neuroscienze
Posizione di immagini e testo coerente con
l’emisfero cerebrale predisposto ad
analizzare quel tipo di informazione
Emisfero destro
per immagini
Emisfero sinistro
per testo

15. I dati degli utenti che hanno visualizzato il nostro blog. Abbiamo associato Google
Analytics al nostro sito l’11 dicembre tramite Monster Insights (plugin).
La progressiva discesa di views che è stata registrata dal 23 dicembre è dovuta alla pausa
che lo staff del blog si è concessa nel periodo natalizio.
Analytics: dicembre 2017

16. Come si può notare dai picchi delle views, abbiamo deciso di pubblicare un
articolo ogni 3-4 giorni.
Analytics: gennaio 2018

17. Analytics: febbraio 2018
Anche in questo mese abbiamo cercato di pubblicare ogni 3-4 giorni, ma
causa esami non sempre è stato possibile.

18. Analytics: visite da tutto il mondo

19. Analytics: visite da tutto il mondo

20. Se ci cercate su
Google potrete
trovarci come primo
risultato di ricerca.
(A novembre
risultavamo settimi)
Google PageRank

21. Per visualizzare i nostri social basta cliccare sulle icone
I nostri canali social

22. Meme e comicità su Facebook

23. Analytics di Facebook (1)https://www.facebook.com/smarticit
yblog/insights/?section=navReach

24. Analytics di Facebook (2)https://www.facebook.com/smarticit
yblog/insights/?section=navReach

25. Dropbox Paper è un'area di lavoro
collaborativa che consente ai team di
creare e condividere idee. Puoi lavorare
con qualsiasi cosa, da video e immagini a
codice e audio, tutto in un unico posto. Ed
è fornito gratuitamente con Dropbox.
Gruppo dedicato a
Smarticity su WhatsApp, per
lo scambio di informazioni
urgenti.
Google docs è stato usato per realizzare
le presentazioni e per condividere tra di
noi i vari articoli prima che venissero
pubblicati.
Incontri programmati e
lavoro di gruppo durante le
esercitazioni del corso.
Strumenti per il workflow (1)

26. Esempio di una delle
funzionalità di Paper.
Inoltre Paper è stato
utilizzato per
scambiarci il materiale
per gli articoli, il
materiale grafico e
vari suggerimenti.
Strumenti per il workflow (2)

27. Cheers!