web design ii - Accademia di Belle Arti di Carrara

Dipartimento di PROGETTAZIONE E ARTI APPLICATE
Scuola di Nuove Tecnologie dell’Arte
AA. 2007-2008
WEB DESIGN II
Prof. Massimo Cittadini
Studenti iscritti al 2° anno
1° semestre
Corso di Diploma Triennale in: Arti Multimediali (equipollente a Laurea di I° livello)
Insegnamento (4 CFA)(40 ore)
Titolo
WEB DESIGN II
L'avvento dei “new media” in ogni campo della produzione culturale ha
imposto delle trasformazioni a tutti i livelli di progettualita', artistica, sociale,
politica, ecc. Il world wide web, in particolare, in poco piu' di dieci anni di vita
ha trasformato radicalmente il rapporto tra umanita' e conoscenza, tra
comunicazione e scienza.
La progettazione delle interfacce per il web ha seguito la proliferazione di
linguaggi, tecniche e strumenti a partire da uso e abuso delle prime tag html,
progettate per formattare “come in word” le pagine ipertestuali e per
strutturarne il contenuto, per arrivare alla compresenza di una moltitudine di
funzioni, stili grafici, usabilita' e accessibilita' anche estremamente
differenziate, quali presentano le pagine che oggi troviamo pubblicate online.
In questo panorama quanto mai variegato il corso si propone come un work in
progress orientato alla progettazione di interfacce con aspetti multimediali
avanzati. Come naturale proseguimento del lavoro iniziato nel corso
propedeutico verranno analizzati gli aspetti relativi all'uso di elementi
multimediali da incorporare via flash tramite programmazione actionscript
nelle pagine web: immagini statiche e animate, suoni, video.
Argomenti trattati:
1-L'estetica del web 2.0 e la navigazione multimediale. Ergonomia, sincronia
e sinestesia.
Argomenti e programma
delle lezioni
2-Layout, pianificazione delle interfacce e rappresentazione con diagrammi e
schemi grafici. Anteprime e testing.
3-La progettazione multimediale e l'architettura delle informazioni. Uso dei
fogli di stile CSS per la separazione contenuto-presentazione. (esercitaz. 1_1)
(html, css)
4-Teoria del colore e strumenti per la selezione della palette. (esercitaz. 1_2)
(html, css)
5-Programmazione a oggetti, classi e funzioni personalizzate con
ActionScript2.0. (esercitaz. 1_3) (html, fla, as)
6-Disegno e animazione con i metodi Advanced Programming Interface.
(esercitaz. 1_4) (fla, as)
7-Progettazione del suono: interfaccia utente audio, audio in streaming e
caricato nella cache. (esercitaz. 1_5) (fla, as)
8-Preloading, effetti filtro, transizioni. (esercitaz. 1_6) (fla, as)
9-Utilizzo dei file esterni con XML. (esercitaz. 1_7) (html, fla, xml, as)
10-Il "problema" delle animazioni e della sincronia video.
(esercitaz. 1_8) (fla, as)
Verranno presentati i principali software usati per la creazione e l'editing delle
pagine web, commerciali e OpenSource o freeware, (Aptana Studio, NVU,
Dreamweaver, Flash, WebBuilder, ..) e dopo le prime 5 lezioni, e relative
esercitazioni che prevedono la creazione di script per flash, ogni studente
sara' invitato a dare un titolo al proprio progetto di esame e a dotarsi di un
quaderno in cui riportare tutto il materiale progettato da realizzare sotto forma
di disegno, schizzo, diagramma, scritto, ecc.
Nella seconda parte delle ore di lezione verranno affrontate le seguenti
problematiche:
-1 ActionScript 2.0: introduzione.
-2 Datatypes. Operatori, espressioni e azioni, handlers e dot notation.
(esercitazione 2_1)
-3 Le variabili e la classe Array. (esercitazione 2_2)
-4 Condizionali: if, else, switch. (esercitazione 2_3)
-5 Cicli: while, do while, for, for...in. (esercitazione 2_4)
-6 Le Funzioni: tecniche di scripting. (esercitazione 2_5)
-7 Le Classi MovieClip e BitmapData. (esercitazione 2_6)
-8 Le Classi Camera, Microphone e Video, uso dei file .flv. (esercitazione 2_7)
-9 Pubblicazione e gestione di pagine multimediali. (esercitazione 2_8)
-10 Interattivita' audio video con tastiera, mouse, microfono e webcam.
Il programma prevede inizialmente la creazione di una comunita' virtuale dei
partecipanti al corso, che dovranno compilare una scheda anagrafica
completa di esperienze formative e lavorative effettuate, interessi generali e
specifici nel campo artistico, indirizzo mail, ecc, che varra' come “passaporto”
per poter partecipare alle attivita' in corso e usufruire pienamente della
didattica e delle interazioni richieste.
Dato il carattere progettuale del corso ogni abitante/studente oltre alla scheda
anagrafica e al quaderno degli schizzi e appunti, dovra' mantenere e
aggiornare un calendario individuale, cartaceo e/o digitale, anche via web,
che servira' anche da “diario di bordo” delle esercitazioni di laboratorio e del
progetto specifico da sviluppare nella durata del corso. Dovra' inoltre, per
quanto possibile, contribuire alla condivisione di materiale audio, video, o
ipertestuale, al fine della creazione di un database di riferimento da utilizzare
anche nei corsi successivi.
Le lezioni sono divise per un primo ciclo in un'ora iniziale di teoria, analisi dei
casi e inquadramento del contesto, uso della terminologia corretta nei vari
campi applicativi, e un'ora direttamente sui programmi, al fine di fornire le
competenze necessarie ad affrontare in maniera consapevole le difficolta'
nella realizzazione dell'idea iniziale, difficolta' sia concettuali che tecniche che
inevitabilmente si andranno ad incontrare, seguite infine, anche in base al
numero di studenti partecipanti, da un secondo ciclo di lezioni con un'ora di
teoria e pratica sui programmi e un'ora di discussioni o revisioni con
spiegazioni collettive.
Obiettivi formativi
Il corso di WD II si propone di formare web designers in grado di confrontarsi
con la cultura contemporanea e di saper progettare e gestire progetti
multimediali originali e sofisticati tramite l'uso accorto delle tecniche e dei
linguaggi disponibili attualmente.
(E' presente una bibliografia di testi consigliati, e anche una linkografia di
base, ma verra' usato un account comune su un servizio di bookmarking
condiviso (vd http://del.icio.us/WebDesignCarrara) che funzionera' come
punto di aggregazione e riferimento per tutti i link che verranno aggiunti
durante il corso.
Manuali e guide professionali consigliati su Flash e ActionScript (opzionali):
global value / difficulty
>ActionScript 2.0 per Macromedia Flash 8. Documentazione ufficiale,
Jen deHaan, Peter deHaan, ed. Mondadori Informatica, 2006, Euro 55,00
****
****
>Flash MX trucchi e segreti, S. Bhangal, Editore O'Reilly/Tecniche Nuove
2005, Euro 34,90
****
****
>Dizionario di Macromedia Flash MX 2004. ActionScript 2.0, Macromedia
Press, ed. Mondadori Informatica, 2004, Euro 35,00
*****
***
>Macromedia Flash MX 2004 ActionScript. Corso ufficiale,
Derek Franklin e Jobe Makar, ed. Mondadori Informatica, 2004, Euro 50,00
*****
***
>Imparare Flash MX ActionScript in 24 ore, G. Rosenzweig, ed. Hops, 2003,
Euro 29,00
Testi per l’esame finale
>Flash MX Advanced per Windows e Macintosh, R. Chun, ed. Pearson
Education Italia, 2002, Euro 35,90
***
***
>Programmare Flash 5 con ActionScript, G. Rosenzweig, ed. Mondadori
Informatica, !30,00
*****
***
Tutti i manuali sono in italiano e sono ordinati per data di pubblicazione.
Altri testi consigliati:
DON'TMAKE ME THINK, S. Krug, Ed. Hops, 33,05 euro
HTML, XHTML E CSS, E. Castro, ed.Hops, 34,90 euro
CASCADING STYLE SHEETS, E. Meyer, ed. Hops, 39,90 euro
PRINCIPI DI WEB DESIGN, J. Sklar, Ed.Apogeo, 39 euro
DALLA CARTA AL WEB, J. Zeldman, Ed. Hops, 35,12 euro
HOMEPAGE USABILITY, J. Nielsen e M. Tahir, Ed. Apogeo, 45 euro
WEB NAVIGATION, J. Fleming, Edit. Hops, 25,31 euro
NET.ART, Deseriis, Marano, Shake ediz., 2003,
WEB DESIGN ARTE E SCIENZA, J. Veen, Ed. Apogeo, 35,64 euro
HACKTIVISM, Di Corinto Arturo, Tozzi Tommaso, ManifestoLibri, 2002
CAOS E CIBERCULTURA, Leary Timothy, Apogeo, 1994,
L’ETICA HACKER, Himanen Pekka, Feltrinelli, 2001,
TAZ, Bey Hakim, Shake Edizioni Underground, 1993,
NO COPYRIGHT, Scelsi, Raf Valvola, Shake Ediz. , 1994,
CODICI E SEGRETI , Singh, Simon, Rizzoli
2000?
HACKERS, Levy, Steven, Shake Ediz. Underground 1994
GLI STRUMENTI DEL COMUNICARE, McLuhan, Marshall, Il Saggiatore,
Milano 1995
L'ARTE DELL'INGANNO, Mitnick, Kevin, Feltrinelli, 2003
ARTE E TECNOLOGIE, Capucci, PierLuigi, Ediz. dell'ortica, 1996
L'ARTE CHE NON C'E', Cremaschi, M.Cristina, Ediz. Dell'ortica, 1997
SILENZIO, Cage, John, Feltrinelli, 1971
ARTE COME MESTIERE, Munari, Bruno, Laterza, 1975
ARTISTA E DESIGNER, Munari, Bruno, Laterza, 1971
DISOBBEDIENZA CIVILE ELETTRONICA, Critical Art Ensemble,
Castelvecchi, 1998
SABOTAGGIO ELETTRONICO, CAE, Castelvecchi, 1995
REALTA' DEL VIRTUALE, Capucci, PierLuigi, Bologna, Clueb, 1993
ARTE ELETTRONICA, Bordini, Silvia, Giunti ed.
altri titoli verranno forniti durante il corso.
Materiale in formato PDF,WAV, JPG,FLA:
Linkografia di base: http://del.icio.us/massimocontrasto
NOTE:Il docente può essere contattato all'indirizzo email:
cittadini(chiocciola)accademiacarrara.it
Esercitazione per l’esame
Modalità di svolgimento
dell’esame
Orario delle lezioni
Ogni studente, per poter sostenere l'esame, dovra' poter dimostrare di aver
sostenuto almeno quattro esercitazioni e tre revisioni controfirmate,
comprovanti l'avanzamento del progetto d'esame, dalla fase dell'idea iniziale
alla costruzione di tutti gli elementi necessari alla messa in opera. Dovranno
anche essere presentati i vari materiali raccolti nel “calendario individuale”.
L'esame sara' basato, oltre che sul colloquio orale, sulla valutazione della
realizzazione, nella forma di sito web multimediale, dei progetti individuali o di
gruppo. Anche nel caso di un progetto online viene comunque richiesto un
supporto digitale etichettato con nome cognome, anno accademico e
sessione d’esame, titolo del lavoro.
Web Design
2
4
40
crediti
ore
Aul
a
B
Gio
9.0013.00
ottobre
novembre
18, 25 8, 16, 22, 29
dicembre
gennaio
6, 13, 20
10, 17, 24, 31