35
PIACERE DI CONOSCERVI PAOLO SORDI Mail: [email protected] 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 and social media, slide 1-35

Embed Size (px)

Citation preview

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

PIACERE DI CONOSCERVI

PAOLO SORDI

Mail: [email protected] Web: www.ipertesti.me Twitter: @sordip Instagram: psordinsta LinkedIn: it.linkedin.com/in/paolosordi

Digital Communication & New Media Manager presso LUISS Guido Carli

1

Page 2: Web design, development and social media, slide 1-35

WEB DESIGN, DEVELOPMENT & SOCIAL MEDIA

BIENNIO 2015/2017

SCUOLA SUPERIORE DI GIORNALISMO “MASSIMO BALDINI”LUISS UNIVERSITÀ GUIDO CARLI

2

Page 3: Web design, development and social media, slide 1-35

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

Page 4: Web design, development and social media, slide 1-35

FARE IL GIORNALISTA? SEMPRE MEGLIO CHE LAVORARE

Rino Tommasi

ASPIRAZIONI 4

Page 5: Web design, development and social media, slide 1-35

IL MIGLIORE LAVORO DEL MONDO?

http://www.careercast.com/jobs-rated/worst-jobs-2015

5

Page 6: Web design, development and social media, slide 1-35

UNA SOLUZIONE

http://www.niemanlab.org/2012/09/miranda-mulligan-want-to-produce-hirable-grads-journalism-schools-teach-them-to-code/

6

Page 7: Web design, development and social media, slide 1-35

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

Page 8: Web design, development and social media, slide 1-35

CHI È QUELLO A SINISTRA?

DOMANDA

8

Page 9: Web design, development and social media, slide 1-35

STORIFYhttp://storify.com/

9

Page 10: Web design, development and social media, slide 1-35

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

Page 11: Web design, development and social media, slide 1-35

“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

Page 12: Web design, development and social media, slide 1-35

“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

Page 13: Web design, development and social media, slide 1-35

UN TESTO DIFFERENTE

ALLA BASE DELL’IPERTESTO

▸ Interattività

▸ Non linearità

▸ Associazione

▸ Itinerario

▸ Processo

▸ Apertura

13

Page 14: Web design, development and social media, slide 1-35

“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

Page 16: Web design, development and social media, slide 1-35

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

Page 17: Web design, development and social media, slide 1-35

IL WORLD WIDE WEB

TRE ACRONIMI, TRE PROTOCOLLI

▸URI

▸HTTP

▸HTML

17

Page 19: Web design, development and social media, slide 1-35

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

Page 20: Web design, development and social media, slide 1-35

<IMG SRC="FILE://FOOBAR.COM/FOO/BAR/BLARGH.XBM">

SOLO TESTO, NO

20

Page 21: Web design, development and social media, slide 1-35

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

Page 22: Web design, development and social media, slide 1-35

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

Page 23: Web design, development and social media, slide 1-35

$ 1.000.000.000

23

Page 25: Web design, development and social media, slide 1-35

25

$ 8.000.000.000

Page 26: Web design, development and social media, slide 1-35

IL WEB CONSORZIATO

TECNOLOGIE STANDARD

26

Page 27: Web design, development and social media, slide 1-35

UN MEZZO. O UN SISTEMA OPERATIVO?

LA RETE, OGGI

27

Page 28: Web design, development and social media, slide 1-35

DAL WEB AL WEB 2.0

http://oreilly.com/pub/a/web2/archive/what-is-web-20.html

28

Page 29: Web design, development and social media, slide 1-35

NETSCAPE VS GOOGLE2.0/1

29

Page 30: Web design, development and social media, slide 1-35

DOUBLECLICK VS ADSENSE2.0/2

30

Page 31: Web design, development and social media, slide 1-35

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

Page 32: Web design, development and social media, slide 1-35

EDITORIA VS PARTECIPAZIONE2.0/3

32

Page 33: Web design, development and social media, slide 1-35

TASSONOMIE VS FOLKSONOMY2.0/4

33

Page 34: Web design, development and social media, slide 1-35

SITO PERSONALE VS BLOG2.0/5

34

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

LA KILLER APP

35

HEY CHIEF!