SlideShare a Scribd company logo
1 of 20
Download to read offline
#PHOTODAY
R. Antonini • G. De Capitani • S. Pappolla
Corso di Strumenti e Applicazioni del Web
G. Vizzari e A. Gorrini
Laurea Magistrale in TTC
a.a. 2017-2018
TEMA: LODESTAR
Il tema Lodestar sposa idealmente il concept di #phoToday, dove la fotografia ha un
ruolo da protagonista. L’utente viene accolto da un’immagine “parlante” e capisce
immediatamente i temi trattati nel blog.
La pagina iniziale è statica, con sezione “About” e call-to-action finali (pulsanti alle
categorie e link al team).
2
3
CSS PERSONALIZZATO
Abbiamo aggiunto la stringa sottostante per eliminare la Toolbar Altervista.
PHP
Abbiamo cancellato la stringa
evidenziata per eliminare la
scritta “category: … “ in ogni
pagina categoria, in modo tale da
poter inserire le nostre
intestazioni
GRAFICA
Scelta del colore
4
#000000 #808080 #eeeeee #03b5ff
tema Lodestar Immagine
Header
Strumenti
Per le intestazioni di
categoria e di
pagina
Per modificare le
immagini e in
particolare
cancellare gli sfondi
5
EVOLUZIONE DEL LOGO
PRIMA DOPO
www.onlinelogomaker.comwww.canva.com
Favicon
6
CREAZIONE AVATAR
Per creare gli Avatar abbiamo utilizzato una Mobile Application → Bitmoji.
Le rifiniture (nomi e contorno circolare azzurro) sono state create con
Canva.
PLUGIN
7
Pre installati in Altervista:
Installati successivamente:
● TinyMCE Advanced → per migliorare l’editor visuale degli articoli
● Use Any Font → per incorporare altri font rispetto a quelli in dotazione
● Hide Title → per eliminare il titolo delle singole pagine senza modificare il
codice
● NextGEN Gallery → per ampliare gli effetti di Gallery
● Jetpack by Wordpress.com
● SI Captcha Anti-Spam
● Yoast SEO
8
Yoast SEO
Panoramica degli articoli
Abbiamo lavorato per cercare di rendere il nostro blog visibile ai motori di
ricerca con risultati abbastanza buoni.
aggiornati al 24.02.2018
WIDGET
Footer: tre sezioni
9
10
WIDGET: ARTICOLI E PAGINE
Sidebar: lato destro
segue →
11
WIDGET: ARTICOLI E PAGINE
Sidebar: lato destro
LINEA EDITORIALE
Genere
Blog informativo che
tratta argomenti di
attualità in linea con il
tema generale
12
Target
Pubblico generalista
con nessuna
competenza specifica
Stile
Scrittura leggera e
scorrevole, mantenendo
un livello di leggibilità
medio/facile
Post
Lavoro e consultazione di
gruppo riguardo gli
argomenti degli articoli.
Utilizzo di Dropbox Paper
per la raccolta delle idee
CANALI SOCIAL
Facebook
13
Instagram Pinterest
https://www.facebook.com/phoToday.rgs/
14
FACEBOOK
- Data creazione: 13-12-2017
- Nome: phoToday
- Nome utente:
@phoToday.rgs
- Categoria: blog personale
- Link diretto al blog
- Pagina associata al
profilo Instagram
- Inserimento e-mail:
photoday.rgs@gmail.com
segue →
- Mi piace: 78
- Seguaci: 79
- Numero massimo di utenti coinvolti sulla pagina in un giorno: 36
- Copertura totale al giorno (n° persone che hanno visualizzato un
contenuto della pagina o relativo ad essa sul proprio schermo): 201 →
in corrispondenza del seguente post
15
Facebook: dati statistici
Quando i nostri follower sono online?
aggiornati al 24.02.2018
- Data creazione:
12-12-2017
- Nome: #phoToday
- Nome utente:
photoday.rgs
- Profilo collegato alla
pagina Facebook
- Link diretto al blog
- Indirizzo e-mail
16
INSTAGRAM
https://www.instagram.com/photoday.rgs/
segue →
17
Instagram: dati statistici
- Follower: 36
- Post: 13
- Impression (n° totale di volte in cui
tutti i post sono stati visti): 97
- Copertura (n° di account unici che
hanno visto uno dei post): 36
- 4 click sul link del blog in Bio
- Post più visualizzato: DEAR
CATCALLERS: IT’S NOT A
COMPLIMENT! → 1531 visualizzazioni
aggiornati al 24.02.2018
STATISTICHE BLOG
18
segue →dati aggiornati al 24.02.2018
19
STATISTICHE BLOG
Classifica in ordine decrescente delle visualizzazioni di pagine e post
dati aggiornati al 24.02.2018
STRUMENTI DI LAVORO/ORGANIZZAZIONE
20
Incontri in
università
Gruppo
WhatsApp
Foglio
condiviso in
Dropbox
Paper Google
presentazioni

More Related Content

Similar to Presentazione finale #photoday

Agenzia di Sviluppo - ICT per competere
Agenzia di Sviluppo - ICT per competereAgenzia di Sviluppo - ICT per competere
Agenzia di Sviluppo - ICT per competereadvmedia
 
9 - Wordpress e il vostro blog
9 - Wordpress e il vostro blog9 - Wordpress e il vostro blog
9 - Wordpress e il vostro blogGiuseppe Vizzari
 
9 - WordPress e il vostro blog - 16/17
9 - WordPress e il vostro blog - 16/179 - WordPress e il vostro blog - 16/17
9 - WordPress e il vostro blog - 16/17Giuseppe Vizzari
 
EYED - Presentazione esame finale
EYED - Presentazione esame finaleEYED - Presentazione esame finale
EYED - Presentazione esame finaleeyedblog
 
1 - Introduzione al corso 17/18
1 - Introduzione al corso 17/181 - Introduzione al corso 17/18
1 - Introduzione al corso 17/18Giuseppe Vizzari
 
Il nuovo Facebook Newsfeed
Il nuovo Facebook NewsfeedIl nuovo Facebook Newsfeed
Il nuovo Facebook NewsfeedDML Srl
 
Presentazione finale Whet your appetite
Presentazione finale Whet your appetitePresentazione finale Whet your appetite
Presentazione finale Whet your appetiteSerena Fossati
 
Programmazione web - Lezione 2 - Anatomia dei siti... alla griglia
Programmazione web - Lezione 2 - Anatomia dei siti... alla grigliaProgrammazione web - Lezione 2 - Anatomia dei siti... alla griglia
Programmazione web - Lezione 2 - Anatomia dei siti... alla griglianois3lab
 
08 - WordPress e il vostro blog
08 - WordPress e il vostro blog08 - WordPress e il vostro blog
08 - WordPress e il vostro blogGiuseppe Vizzari
 
Una strategia di comunicazione digitale a 99 Euro (incluso 166 Euro di budget...
Una strategia di comunicazione digitale a 99 Euro (incluso 166 Euro di budget...Una strategia di comunicazione digitale a 99 Euro (incluso 166 Euro di budget...
Una strategia di comunicazione digitale a 99 Euro (incluso 166 Euro di budget...marcoprando
 
Social Media e Facebook Strategy 2015 // URC! e Giulio Xhaet
Social Media e Facebook Strategy 2015 // URC! e Giulio XhaetSocial Media e Facebook Strategy 2015 // URC! e Giulio Xhaet
Social Media e Facebook Strategy 2015 // URC! e Giulio XhaetURC s.r.l.
 
Mobile Native Advertising - Iab Seminar 2016
Mobile Native Advertising - Iab Seminar 2016Mobile Native Advertising - Iab Seminar 2016
Mobile Native Advertising - Iab Seminar 2016Bizup
 
Presentazione Social Society Blog
Presentazione Social Society BlogPresentazione Social Society Blog
Presentazione Social Society BlogGiada Bucciante
 
Web & Social Network - Antico Caffè Galante 29/12/2012
Web & Social Network - Antico Caffè Galante 29/12/2012Web & Social Network - Antico Caffè Galante 29/12/2012
Web & Social Network - Antico Caffè Galante 29/12/2012Matteo Virgilio
 
Il sito aziendale (parte 2): pianificazione, struttura, design, funzionalità ...
Il sito aziendale (parte 2): pianificazione, struttura, design, funzionalità ...Il sito aziendale (parte 2): pianificazione, struttura, design, funzionalità ...
Il sito aziendale (parte 2): pianificazione, struttura, design, funzionalità ...Giovanni Dalla Bona
 
InfinitoDesign: storia di un progetto social media
InfinitoDesign: storia di un progetto social mediaInfinitoDesign: storia di un progetto social media
InfinitoDesign: storia di un progetto social mediaSQcuola di Blog
 

Similar to Presentazione finale #photoday (20)

Dartheweb finale
Dartheweb finaleDartheweb finale
Dartheweb finale
 
Agenzia di Sviluppo - ICT per competere
Agenzia di Sviluppo - ICT per competereAgenzia di Sviluppo - ICT per competere
Agenzia di Sviluppo - ICT per competere
 
9 - Wordpress e il vostro blog
9 - Wordpress e il vostro blog9 - Wordpress e il vostro blog
9 - Wordpress e il vostro blog
 
9 - WordPress e il vostro blog - 16/17
9 - WordPress e il vostro blog - 16/179 - WordPress e il vostro blog - 16/17
9 - WordPress e il vostro blog - 16/17
 
EYED - Presentazione esame finale
EYED - Presentazione esame finaleEYED - Presentazione esame finale
EYED - Presentazione esame finale
 
Fare giornalismo sul web
Fare giornalismo sul webFare giornalismo sul web
Fare giornalismo sul web
 
1 - Introduzione al corso 17/18
1 - Introduzione al corso 17/181 - Introduzione al corso 17/18
1 - Introduzione al corso 17/18
 
Il nuovo Facebook Newsfeed
Il nuovo Facebook NewsfeedIl nuovo Facebook Newsfeed
Il nuovo Facebook Newsfeed
 
Presentazione finale Whet your appetite
Presentazione finale Whet your appetitePresentazione finale Whet your appetite
Presentazione finale Whet your appetite
 
Programmazione web - Lezione 2 - Anatomia dei siti... alla griglia
Programmazione web - Lezione 2 - Anatomia dei siti... alla grigliaProgrammazione web - Lezione 2 - Anatomia dei siti... alla griglia
Programmazione web - Lezione 2 - Anatomia dei siti... alla griglia
 
08 - WordPress e il vostro blog
08 - WordPress e il vostro blog08 - WordPress e il vostro blog
08 - WordPress e il vostro blog
 
Una strategia di comunicazione digitale a 99 Euro (incluso 166 Euro di budget...
Una strategia di comunicazione digitale a 99 Euro (incluso 166 Euro di budget...Una strategia di comunicazione digitale a 99 Euro (incluso 166 Euro di budget...
Una strategia di comunicazione digitale a 99 Euro (incluso 166 Euro di budget...
 
Presentazione blog starTop
Presentazione blog starTopPresentazione blog starTop
Presentazione blog starTop
 
SnW: Social Media @NECSTLab
SnW: Social Media @NECSTLabSnW: Social Media @NECSTLab
SnW: Social Media @NECSTLab
 
Social Media e Facebook Strategy 2015 // URC! e Giulio Xhaet
Social Media e Facebook Strategy 2015 // URC! e Giulio XhaetSocial Media e Facebook Strategy 2015 // URC! e Giulio Xhaet
Social Media e Facebook Strategy 2015 // URC! e Giulio Xhaet
 
Mobile Native Advertising - Iab Seminar 2016
Mobile Native Advertising - Iab Seminar 2016Mobile Native Advertising - Iab Seminar 2016
Mobile Native Advertising - Iab Seminar 2016
 
Presentazione Social Society Blog
Presentazione Social Society BlogPresentazione Social Society Blog
Presentazione Social Society Blog
 
Web & Social Network - Antico Caffè Galante 29/12/2012
Web & Social Network - Antico Caffè Galante 29/12/2012Web & Social Network - Antico Caffè Galante 29/12/2012
Web & Social Network - Antico Caffè Galante 29/12/2012
 
Il sito aziendale (parte 2): pianificazione, struttura, design, funzionalità ...
Il sito aziendale (parte 2): pianificazione, struttura, design, funzionalità ...Il sito aziendale (parte 2): pianificazione, struttura, design, funzionalità ...
Il sito aziendale (parte 2): pianificazione, struttura, design, funzionalità ...
 
InfinitoDesign: storia di un progetto social media
InfinitoDesign: storia di un progetto social mediaInfinitoDesign: storia di un progetto social media
InfinitoDesign: storia di un progetto social media
 

Presentazione finale #photoday

  • 1. #PHOTODAY R. Antonini • G. De Capitani • S. Pappolla Corso di Strumenti e Applicazioni del Web G. Vizzari e A. Gorrini Laurea Magistrale in TTC a.a. 2017-2018
  • 2. TEMA: LODESTAR Il tema Lodestar sposa idealmente il concept di #phoToday, dove la fotografia ha un ruolo da protagonista. L’utente viene accolto da un’immagine “parlante” e capisce immediatamente i temi trattati nel blog. La pagina iniziale è statica, con sezione “About” e call-to-action finali (pulsanti alle categorie e link al team). 2
  • 3. 3 CSS PERSONALIZZATO Abbiamo aggiunto la stringa sottostante per eliminare la Toolbar Altervista. PHP Abbiamo cancellato la stringa evidenziata per eliminare la scritta “category: … “ in ogni pagina categoria, in modo tale da poter inserire le nostre intestazioni
  • 4. GRAFICA Scelta del colore 4 #000000 #808080 #eeeeee #03b5ff tema Lodestar Immagine Header Strumenti Per le intestazioni di categoria e di pagina Per modificare le immagini e in particolare cancellare gli sfondi
  • 5. 5 EVOLUZIONE DEL LOGO PRIMA DOPO www.onlinelogomaker.comwww.canva.com Favicon
  • 6. 6 CREAZIONE AVATAR Per creare gli Avatar abbiamo utilizzato una Mobile Application → Bitmoji. Le rifiniture (nomi e contorno circolare azzurro) sono state create con Canva.
  • 7. PLUGIN 7 Pre installati in Altervista: Installati successivamente: ● TinyMCE Advanced → per migliorare l’editor visuale degli articoli ● Use Any Font → per incorporare altri font rispetto a quelli in dotazione ● Hide Title → per eliminare il titolo delle singole pagine senza modificare il codice ● NextGEN Gallery → per ampliare gli effetti di Gallery ● Jetpack by Wordpress.com ● SI Captcha Anti-Spam ● Yoast SEO
  • 8. 8 Yoast SEO Panoramica degli articoli Abbiamo lavorato per cercare di rendere il nostro blog visibile ai motori di ricerca con risultati abbastanza buoni. aggiornati al 24.02.2018
  • 10. 10 WIDGET: ARTICOLI E PAGINE Sidebar: lato destro segue →
  • 11. 11 WIDGET: ARTICOLI E PAGINE Sidebar: lato destro
  • 12. LINEA EDITORIALE Genere Blog informativo che tratta argomenti di attualità in linea con il tema generale 12 Target Pubblico generalista con nessuna competenza specifica Stile Scrittura leggera e scorrevole, mantenendo un livello di leggibilità medio/facile Post Lavoro e consultazione di gruppo riguardo gli argomenti degli articoli. Utilizzo di Dropbox Paper per la raccolta delle idee
  • 14. https://www.facebook.com/phoToday.rgs/ 14 FACEBOOK - Data creazione: 13-12-2017 - Nome: phoToday - Nome utente: @phoToday.rgs - Categoria: blog personale - Link diretto al blog - Pagina associata al profilo Instagram - Inserimento e-mail: photoday.rgs@gmail.com segue →
  • 15. - Mi piace: 78 - Seguaci: 79 - Numero massimo di utenti coinvolti sulla pagina in un giorno: 36 - Copertura totale al giorno (n° persone che hanno visualizzato un contenuto della pagina o relativo ad essa sul proprio schermo): 201 → in corrispondenza del seguente post 15 Facebook: dati statistici Quando i nostri follower sono online? aggiornati al 24.02.2018
  • 16. - Data creazione: 12-12-2017 - Nome: #phoToday - Nome utente: photoday.rgs - Profilo collegato alla pagina Facebook - Link diretto al blog - Indirizzo e-mail 16 INSTAGRAM https://www.instagram.com/photoday.rgs/ segue →
  • 17. 17 Instagram: dati statistici - Follower: 36 - Post: 13 - Impression (n° totale di volte in cui tutti i post sono stati visti): 97 - Copertura (n° di account unici che hanno visto uno dei post): 36 - 4 click sul link del blog in Bio - Post più visualizzato: DEAR CATCALLERS: IT’S NOT A COMPLIMENT! → 1531 visualizzazioni aggiornati al 24.02.2018
  • 18. STATISTICHE BLOG 18 segue →dati aggiornati al 24.02.2018
  • 19. 19 STATISTICHE BLOG Classifica in ordine decrescente delle visualizzazioni di pagine e post dati aggiornati al 24.02.2018
  • 20. STRUMENTI DI LAVORO/ORGANIZZAZIONE 20 Incontri in università Gruppo WhatsApp Foglio condiviso in Dropbox Paper Google presentazioni