PIACERE DI CONOSCERVI
PAOLO SORDI
Mail: psordi@luiss.it
Web: www.ipertesti.me
Twitter: @sordip
Instagram: psordinsta
LinkedIn: it.linkedin.com/in/paolosordi
Digital Communication & New Media
Manager presso LUISS Guido Carli
1
WEB DESIGN, DEVELOPMENT
& SOCIAL MEDIA
BIENNIO 2015/2017
SCUOLA SUPERIORE DI GIORNALISMO 

“MASSIMO BALDINI”

LUISS UNIVERSITÀ GUIDO CARLI
2
DA STUDIARE
TESTI D’ESAME
▸ P. Sordi, Progettare per il web, Roma, Carocci, 2013
▸ P. Sordi, Bloggo con WordPress dunque sono, Palermo,
Dario Flaccovio Editore, 2015 (pp. 1-101)
▸ Materiali del corso
3
FARE IL GIORNALISTA?
SEMPRE MEGLIO CHE
LAVORARE
Rino Tommasi
ASPIRAZIONI 4
IL MIGLIORE LAVORO
DEL MONDO?
http://www.careercast.com/jobs-rated/worst-jobs-2015
5
UNA SOLUZIONE
http://www.niemanlab.org/2012/09/miranda-mulligan-
want-to-produce-hirable-grads-journalism-schools-
teach-them-to-code/
6
PROFESSIONI EMERGENTI
IL NEW YORK TIMES È IN CERCA DI...
▸ Web developer
▸ PHP developer
▸ Information Architect
▸ Front-End Design Developer
▸ Mobile and Wordpress developer
▸ Blogs / WordPress Developer
▸ Interaction Designer
▸ News App Developer
▸ Web designer and front-end coder
▸ ...
7
CHI È QUELLO A
SINISTRA?
DOMANDA
8
STORIFY
http://storify.com/
9
SULLA RETE
IL GIORNALISTA DIGITALE
▸ Capisce le differenze tra le tecnologie digitali dei media.
▸ Sa come comunicare e distribuire informazione attraverso
la varietà di piattaforme digitali.
▸ Capisce come curare e filtrare le informazioni.
▸ Sa come programmare l’informazione in applicazioni,
interfacce framework digitali efficaci e potenti.
▸ Sa come presentare le informazioni in modo chiaro,
accurato, usabile e attraente.
▸ Conosce i linguaggi di programmazione più appropriati
per distribuire le informazioni e renderle accessibili,
ricercabili e riproducibili su una moltitudine di
piattaforme digitali.
▸ Capisce come i dati possono essere raccolti, curati,
segmentati e analizzati nel contesto delle informazioni
esistenti.
10
“UN MEMEX È UNO STRUMENTO
ALL’INTERNO DEL QUALE UN UOMO
RACCOGLIE TUTTI I SUOI LIBRI, I SUOI
DISCHI E LE SUE COMUNICAZIONI ED È
AUTOMATIZZATO IN MODO DA POTER
ESSERE CONSULTATO CON GRANDE
VELOCITÀ E FLESSIBILITÀ. È UN AMPIO E
INTIMO SUPPLEMENTO ALLA SUA
MEMORIA.”
Vannevar Bush
11
“UNA RETE AMPIA QUANTO IL
MONDO DEDICATA A SERVIRE
CENTINAIA DI MILIONI DI UTENTI
SIMULTANEAMENTE CON DATI,
IMMAGINI E SCRITTI ARCHIVIATI
NEL CORPO DEL MONDO.”
Ted Nelson
12
UN TESTO DIFFERENTE
ALLA BASE DELL’IPERTESTO
▸ Interattività
▸ Non linearità
▸ Associazione
▸ Itinerario
▸ Processo
▸ Apertura
13
“INTERNET ERA GIÀ IN FUNZIONE NEGLI ANNI
SETTANTA, MA TRASFERIRE INFORMAZIONI
RESTAVA TROPPO COMPLESSO PER QUANTI
NON FOSSERO ESPERTI DI INFORMATICA.
DOVEVI APRIRE UN PROGRAMMA PER
COLLEGARTI A UN ALTRO COMPUTER E POI
NELLA CONVERSAZIONE (IN UN LINGUAGGIO
DIVERSO) CON UN’ALTRA MACCHINA USAVI UN
PROGRAMMA DIFFERENTE PER ACCEDERE
ALL’INFORMAZIONE.”
Tim Berners-Lee
14
LA CARTA FONDANTE
15
IL PRINCIPIO FONDAMENTALE DEL WEB È CHE, UNA VOLTA
CHE SI È MESSO A DISPOSIZIONE UN DOCUMENTO, UN
DATABASE, UN’IMMAGINE, UN SUONO, UN VIDEO O UN
DIALOGO INTERATTIVO, QUESTO DOVREBBE ESSERE
ACCESSIBILE A TUTTI (OVVIAMENTE PREVIA AUTORIZZAZIONE)
CON QUALSIASI TIPO DI COMPUTER, IN QUALSIASI PAESE.
Tim Berners-Lee
QUESTIONE DI PRINCIPIO 16
IL WORLD WIDE WEB
TRE ACRONIMI, TRE PROTOCOLLI
▸URI
▸HTTP
▸HTML
17
CHE SUCCEDE QUI?
18
GIOVANI SVILUPPATORI CRESCONO
PORTE APERTE
▸ I navigatori, rendendosi conto della relativa facilità del
codice HTML e della sua manciata di tag, partecipano
attivamente al processo di crescita ed estensione del Web
creando e pubblicando le loro pagine, e al tempo stesso
spingono la comunità di sviluppo alla ricerca di
arricchimenti sostanziali alle iniziali possibilità dell’HTML.
19
<IMG SRC="FILE://
FOOBAR.COM/FOO/BAR/
BLARGH.XBM">
SOLO TESTO, NO
20
TESTO
LE MILLE LUCI DEL WEB
▸ Pagine di testo in bianco e nero? Mai più.
▸ Scritte in Times New Roman? Mai più.
▸ Link blu, sottolineato? Mai più.
21
BEFORE THE NETSCAPE BROWSER ILLUMINATED
THE WEB, THE INTERNET DID NOT EXIST FOR MOST
PEOPLE. IF IT WAS ACKNOWLEDGED AT ALL, IT WAS
MISCHARACTERIZED AS EITHER CORPORATE EMAIL
(AS EXCITING AS A NECKTIE) OR A CLUBHOUSE FOR
ADOLESCENT MALES (READ: PIMPLY NERDS).
[...] IN LATE 1994, TIME MAGAZINE EXPLAINED WHY
THE INTERNET WOULD NEVER GO MAINSTREAM: "IT
WAS NOT DESIGNED FOR DOING COMMERCE, AND IT
DOES NOT GRACEFULLY ACCOMMODATE NEW
ARRIVALS."
Kevin Kelly
22
$ 1.000.000.000
23
#NYTstorm
24
25
$ 8.000.000.000
IL WEB
CONSORZIATO
TECNOLOGIE
STANDARD
26
UN MEZZO.
O UN SISTEMA OPERATIVO?
LA RETE, OGGI
27
DAL WEB AL
WEB 2.0
http://oreilly.com/pub/a/web2/archive/what-is-
web-20.html
28
NETSCAPE VS GOOGLE
2.0/1
29
DOUBLECLICK VS ADSENSE
2.0/2
30
L’AGO NEL PAGLIAIO
(PARENTESI: COME FUNZIONA IL PAGE RANK DI GOOGLE)
31
Google Secret
Performance storica
Frequenza di aggiornamento
Link in entrata
Rilevanza Parole Chiave
EDITORIA VS PARTECIPAZIONE
2.0/3
32
TASSONOMIE VS FOLKSONOMY
2.0/4
33
SITO PERSONALE VS BLOG
2.0/5
34
LA KILLER APP
35
HEY CHIEF!

Web design, development and social media, slide 1-35

  • 1.
    PIACERE DI CONOSCERVI PAOLOSORDI Mail: psordi@luiss.it Web: www.ipertesti.me Twitter: @sordip Instagram: psordinsta LinkedIn: it.linkedin.com/in/paolosordi Digital Communication & New Media Manager presso LUISS Guido Carli 1
  • 2.
    WEB DESIGN, DEVELOPMENT &SOCIAL MEDIA BIENNIO 2015/2017 SCUOLA SUPERIORE DI GIORNALISMO 
 “MASSIMO BALDINI”
 LUISS UNIVERSITÀ GUIDO CARLI 2
  • 3.
    DA STUDIARE TESTI D’ESAME ▸P. Sordi, Progettare per il web, Roma, Carocci, 2013 ▸ P. Sordi, Bloggo con WordPress dunque sono, Palermo, Dario Flaccovio Editore, 2015 (pp. 1-101) ▸ Materiali del corso 3
  • 4.
    FARE IL GIORNALISTA? SEMPREMEGLIO CHE LAVORARE Rino Tommasi ASPIRAZIONI 4
  • 5.
    IL MIGLIORE LAVORO DELMONDO? http://www.careercast.com/jobs-rated/worst-jobs-2015 5
  • 6.
  • 7.
    PROFESSIONI EMERGENTI IL NEWYORK TIMES È IN CERCA DI... ▸ Web developer ▸ PHP developer ▸ Information Architect ▸ Front-End Design Developer ▸ Mobile and Wordpress developer ▸ Blogs / WordPress Developer ▸ Interaction Designer ▸ News App Developer ▸ Web designer and front-end coder ▸ ... 7
  • 8.
    CHI È QUELLOA SINISTRA? DOMANDA 8
  • 9.
  • 10.
    SULLA RETE IL GIORNALISTADIGITALE ▸ Capisce le differenze tra le tecnologie digitali dei media. ▸ Sa come comunicare e distribuire informazione attraverso la varietà di piattaforme digitali. ▸ Capisce come curare e filtrare le informazioni. ▸ Sa come programmare l’informazione in applicazioni, interfacce framework digitali efficaci e potenti. ▸ Sa come presentare le informazioni in modo chiaro, accurato, usabile e attraente. ▸ Conosce i linguaggi di programmazione più appropriati per distribuire le informazioni e renderle accessibili, ricercabili e riproducibili su una moltitudine di piattaforme digitali. ▸ Capisce come i dati possono essere raccolti, curati, segmentati e analizzati nel contesto delle informazioni esistenti. 10
  • 11.
    “UN MEMEX ÈUNO STRUMENTO ALL’INTERNO DEL QUALE UN UOMO RACCOGLIE TUTTI I SUOI LIBRI, I SUOI DISCHI E LE SUE COMUNICAZIONI ED È AUTOMATIZZATO IN MODO DA POTER ESSERE CONSULTATO CON GRANDE VELOCITÀ E FLESSIBILITÀ. È UN AMPIO E INTIMO SUPPLEMENTO ALLA SUA MEMORIA.” Vannevar Bush 11
  • 12.
    “UNA RETE AMPIAQUANTO IL MONDO DEDICATA A SERVIRE CENTINAIA DI MILIONI DI UTENTI SIMULTANEAMENTE CON DATI, IMMAGINI E SCRITTI ARCHIVIATI NEL CORPO DEL MONDO.” Ted Nelson 12
  • 13.
    UN TESTO DIFFERENTE ALLABASE DELL’IPERTESTO ▸ Interattività ▸ Non linearità ▸ Associazione ▸ Itinerario ▸ Processo ▸ Apertura 13
  • 14.
    “INTERNET ERA GIÀIN FUNZIONE NEGLI ANNI SETTANTA, MA TRASFERIRE INFORMAZIONI RESTAVA TROPPO COMPLESSO PER QUANTI NON FOSSERO ESPERTI DI INFORMATICA. DOVEVI APRIRE UN PROGRAMMA PER COLLEGARTI A UN ALTRO COMPUTER E POI NELLA CONVERSAZIONE (IN UN LINGUAGGIO DIVERSO) CON UN’ALTRA MACCHINA USAVI UN PROGRAMMA DIFFERENTE PER ACCEDERE ALL’INFORMAZIONE.” Tim Berners-Lee 14
  • 15.
  • 16.
    IL PRINCIPIO FONDAMENTALEDEL WEB È CHE, UNA VOLTA CHE SI È MESSO A DISPOSIZIONE UN DOCUMENTO, UN DATABASE, UN’IMMAGINE, UN SUONO, UN VIDEO O UN DIALOGO INTERATTIVO, QUESTO DOVREBBE ESSERE ACCESSIBILE A TUTTI (OVVIAMENTE PREVIA AUTORIZZAZIONE) CON QUALSIASI TIPO DI COMPUTER, IN QUALSIASI PAESE. Tim Berners-Lee QUESTIONE DI PRINCIPIO 16
  • 17.
    IL WORLD WIDEWEB TRE ACRONIMI, TRE PROTOCOLLI ▸URI ▸HTTP ▸HTML 17
  • 18.
  • 19.
    GIOVANI SVILUPPATORI CRESCONO PORTEAPERTE ▸ I navigatori, rendendosi conto della relativa facilità del codice HTML e della sua manciata di tag, partecipano attivamente al processo di crescita ed estensione del Web creando e pubblicando le loro pagine, e al tempo stesso spingono la comunità di sviluppo alla ricerca di arricchimenti sostanziali alle iniziali possibilità dell’HTML. 19
  • 20.
  • 21.
    TESTO LE MILLE LUCIDEL WEB ▸ Pagine di testo in bianco e nero? Mai più. ▸ Scritte in Times New Roman? Mai più. ▸ Link blu, sottolineato? Mai più. 21
  • 22.
    BEFORE THE NETSCAPEBROWSER ILLUMINATED THE WEB, THE INTERNET DID NOT EXIST FOR MOST PEOPLE. IF IT WAS ACKNOWLEDGED AT ALL, IT WAS MISCHARACTERIZED AS EITHER CORPORATE EMAIL (AS EXCITING AS A NECKTIE) OR A CLUBHOUSE FOR ADOLESCENT MALES (READ: PIMPLY NERDS). [...] IN LATE 1994, TIME MAGAZINE EXPLAINED WHY THE INTERNET WOULD NEVER GO MAINSTREAM: "IT WAS NOT DESIGNED FOR DOING COMMERCE, AND IT DOES NOT GRACEFULLY ACCOMMODATE NEW ARRIVALS." Kevin Kelly 22
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
    UN MEZZO. O UNSISTEMA OPERATIVO? LA RETE, OGGI 27
  • 28.
    DAL WEB AL WEB2.0 http://oreilly.com/pub/a/web2/archive/what-is- web-20.html 28
  • 29.
  • 30.
  • 31.
    L’AGO NEL PAGLIAIO (PARENTESI:COME FUNZIONA IL PAGE RANK DI GOOGLE) 31 Google Secret Performance storica Frequenza di aggiornamento Link in entrata Rilevanza Parole Chiave
  • 32.
  • 33.
  • 34.
    SITO PERSONALE VSBLOG 2.0/5 34
  • 35.