Web Design and Development

Scuola superiore di Giornalismo “Massimo Baldini”, LUISS Università Guido CarliA.A. 2013/2014

Paolo Sordihttp://www.luiss.it

email: webmaster@luiss.ittwitter: @sordip

blog: http://www.ipertesti.me

•P. Sordi, Progettare per il web, Carocci, Roma, 2013•T. Numerico, D. Fiormonte, F. Tomasi, L’umanista digitale, il Mulino, Bologna, 2010 (pp. 37-117)•Materiali del corso

Testi d’esame

venerdì 25 ottobre 13

Il migliore lavoro del mondo o il peggiore lavoro

del 2013?http://www.careercast.com/jobs-rated/worst-jobs-2013

venerdì 25 ottobre 13

Una soluzionehttp://www.niemanlab.org/2012/09/miranda-mulligan-want-to-produce-hirable-grads-journalism-schools-teach-

them-to-code/

venerdì 25 ottobre 13

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

• ...

http://www.newsnerdjobs.com/

venerdì 25 ottobre 13

Chi è quello a sinistra?

venerdì 25 ottobre 13

Storifyhttp://storify.com/

venerdì 25 ottobre 13

Parole, parole, parolehttp://37signals.com/svn/posts/3404-reminder-design-is-still-about-words

venerdì 25 ottobre 13

Il giornalista digitale• Understand the nuances of

digital media technologies.

• Know how to communicate and disseminate information across a variety of digital platforms.

• Understand how to curate and filter the information.

• Know how to program information into effective and powerful applications, digital interfaces or digital frameworks.

• Know how to make the presentation of this information clear, accurate, free of complication, and aesthetically pleasing.

• Know the appropriate programming languages that will suit the information on hand and how to make it accessible, searchable and digestible for a variety of digital platforms.

• Understand how data can be arranged, curated, segmented and analyzed within the context of existent information.

venerdì 25 ottobre 13

Qualche anno fa...

“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.”

venerdì 25 ottobre 13

Qualche anno dopo...

“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.”

venerdì 25 ottobre 13

Alla base dell’ipertesto

Interattività

Non linearità

Associazione

Itinerario

Processo

Apertura

venerdì 25 ottobre 13

Ci vuole il fisico“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.”

venerdì 25 ottobre 13

La carta fondante

venerdì 25 ottobre 13

Il Web secondo TBL

“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.”

venerdì 25 ottobre 13

Tre acronimi, tre protocolli

★URI

★HTTP

★HTML

venerdì 25 ottobre 13

Porte aperte

Gli sviluppatori, man mano che contenuti sempre più numerosi vengono riversati nell’universo ipertestuale del Web, iniziano ad estendere il linguaggio e a introdurre nuove funzionalità da sottoporre alla crescente comunità.

venerdì 25 ottobre 13

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.

venerdì 25 ottobre 13

venerdì 25 ottobre 13

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ù.

venerdì 25 ottobre 13

venerdì 25 ottobre 13

$ 1.000.000.000

venerdì 25 ottobre 13

venerdì 25 ottobre 13

$ 8.000.000.000?

venerdì 25 ottobre 13

venerdì 25 ottobre 13

<IMG SRC="file://foobar.com/foo/

bar/blargh.xbm">

venerdì 25 ottobre 13

Le mille luci del World Wide Web

venerdì 25 ottobre 13

Le mille luci del World Wide Web

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."

venerdì 25 ottobre 13

venerdì 25 ottobre 13

#NYTstorm

venerdì 25 ottobre 13

630.000.000

venerdì 25 ottobre 13

L’epoca dei media maker• Una rete mondiale di

computer che permette a (quasi) chiunque di accedere a (quasi) qualsiasi cosa immediatamente, siano video, suoni o immagini.

• Network pubblicitari che permettono di generare introiti attraverso il semplice inserimento di una linea di codice in una pagina web.

• Social network (Facebook, Twitter, Flickr) dove costruire una base di lettori/navigatori esponenzialmente superiore a qualsiasi piccola pubblicazione cartacea si voglia immaginare.

• Una nuova generazione di scrittori e lettori.

venerdì 25 ottobre 13

Il Web consorziatovenerdì 25 ottobre 13

Un mezzo. O un sistema operativo?

venerdì 25 ottobre 13

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

venerdì 25 ottobre 13

Un mondo di web appvenerdì 25 ottobre 13

La killer appvenerdì 25 ottobre 13

Interazione

Commenti

venerdì 25 ottobre 13

Organizzazione

Permalink

venerdì 25 ottobre 13

Organizzazione

Permalink

venerdì 25 ottobre 13

Distribuzione

RSS

venerdì 25 ottobre 13

Distribuzione

RSS

venerdì 25 ottobre 13