1 / 12

Argomenti del corso

Argomenti del corso. Parte 1: Introduzione/ usabilita / user centered design Il funzionamento del web, gli ipertesti ed linguaggio del web Cenni di usabilità e accessibilità: il web per esseri umani Parte 2: Progettazione

yardley-shannon
Download Presentation

Argomenti del corso

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Argomenti del corso • Parte 1: Introduzione/ usabilita/usercentered design • Il funzionamento del web, gli ipertesti ed linguaggio del web • Cenni di usabilità e accessibilità: il web per esseri umani • Parte 2: Progettazione • Progettazione: Colori, sfondi, caratteri, simboli e metafore visive • Progettazione: WireframeArchitettura del sito: strutturazione dei contenuti, categorie e menù di navigazione • Parte 3: struttura del sito: HTML • Il linguaggio XHTML • Lavorare con Adobe Dreamweaver: area di lavoro e impostazione del sito e stesura del codice • Parte 4: visual del sito: CSS • Fogli di stile : i layout di pagina con i CSS, la compatibilità con i browser, la validazione • La creazione dell’interfaccia: Integrazione fra XHTML, CSS e grafica

  2. Argomenti di laboratorio • Progettazione: Colori, sfondi, caratteri, simboli e metafore visive • Lavorare con Adobe Photoshop: progettazione del layout • Utilizzo di Adobe Photoshop per il web: • uso dei livelli • grafica per il web • strumenti di taglio • ottimizzazione delle immagini • formati immagine. • Strutturazione dell’interfaccia • Trasformazione dell’interfaccia grafica in sito web

  3. Revisioni progettuali • Sono previste due sessioni di revisioni progettuali: • 1) Revisione progettuale obbligatoria a inizio novembre (vi comunicheremo le date esatte, indicativamente a inizio novembre) • 2) Revisione progettuale facoltativa su richiesta a fine corso (fino ad esaurimento posti) per valutare problemi tecnici o progettuali

  4. Revisioni progettuali - mail • Altre richieste di aiuto / verifica codice possono essere inoltrate tramite mail, ma solo se prima avete provato autonomamente a risolvere il problema e siete sull’orlo della disperazione • Revisioni a ricevimento (su appuntamento via mail) in cui dovrete portare codice e file PSD

  5. Modalità d’esame • Per accertare le conoscenze acquisite, al termine del corso è previsto uno scritto individuale con domande a scelta multipla e una domanda teorica aperta volto a verificare le conoscenze teoriche e tecniche acquisite durante il corso. • E’ prevista inoltre la consegna di un elaborato progettuale composto da: • Wireframe del sito • Mockup e file PSD • Sito web navigabile realizzato in XHTML + CSS (NOJavascript/Flash/PHP o altri linguaggi) • Il progetto verrà realizzato e presentato in gruppi di lavoro composti da 2 o al massimo 3 persone.

  6. Modalità d’esame • Il voto finale sarà calcolato attraverso la media delle valutazioni ottenute nella prova scritta individuale e dal voto relativo al progetto di gruppo. • Ad esempio, lo studente Mario Rossi ha ottenuto una valutazione di 23 allo scritto, mentre il progetto di gruppo ha ottenuto una valutazione di 25. Il voto finale sara (23+25)/2 = 24. Il compagno di gruppo di Mario ha invece ottenuto 29 allo scritto, quindi il suo voto finale sarà dato da (29+23)/2 = 26.

  7. Brief di progetto • Il progetto da sviluppare durante il corso è rappresentato dallo sviluppo di un sito web di presentazione del gruppo stesso. L’obiettivo è quello di comunicare sia la natura unitaria del gruppo di lavoro, trovando un’idea originale che faccia percepire che siete 2/3 studenti che per sorte o per interesse collaborano ad un progetto d’esame comune, e allo stesso tempo presentando le singole persone che compongono questo gruppo. • l’obiettivo è che un navigatore capisca al volo che il gruppo di lavoro è composto da due/tre persone distinte la cui unione ha dato vita ad un team di lavoro unitario.

  8. Brief di progetto • Il sito dovra presentare le seguenti pagine: • home page del gruppo • chi siamo o pagine dei membri del gruppo di lavoro • gallery • contatti e social page • eventuali pagine accessorie (non obbligatorie) • Il progetto dovrà essere consegnato funzionante e strutturato secondo quanto visto a lezione. • La consegna dovra avvenire tramite we-transfer del pacchetto di file oppure attraverso lo sharing di cartella dropbox, oppure tramite una cartella Google Drive condivisa.

  9. Contatti • Dr.Gabbiadini Ale.gabbiadini@gmail.com Alessandro.gabbiadini@unimib.it • Dott.ssa Quarti didattica@dianaquarti.com dianaquarti@gmail.com

  10. Sito del corso: www.liralab.com/igw

More Related