Anno di corso: 1

Anno di corso: 2

Crediti: 8
Crediti: 8
Crediti: 8
Crediti: 8
Crediti: 1
Tipo: Altro
Crediti: 2
Tipo: Altro
Crediti: 3
Tipo: Altro
Crediti: 3
Tipo: Altro
Crediti: 3
Tipo: Altro
Crediti: 3
Tipo: Altro
Crediti: 3
Tipo: Altro
Crediti: 3
Tipo: Altro
Crediti: 3
Tipo: Altro

Anno di corso: 3

Crediti: 16
Tipo: A scelta dello studente
Crediti: 4
Tipo: Lingua/Prova Finale
Crediti: 3
Tipo: Altro
Crediti: 3
Tipo: Altro
Crediti: 3
Tipo: Altro
Crediti: 8
Tipo: Altro

LINGUAGGI E NUOVE TECNOLOGIE PER IL WEB

Scheda dell'insegnamento

Anno accademico di regolamento: 
2016/2017
Anno di corso: 
3
Anno accademico di erogazione: 
2018/2019
Tipo di attività: 
Obbligatorio a scelta
Lingua: 
Italiano
Crediti: 
8
Ciclo: 
Secondo Semestre
Ore di attivita' didattica: 
56
Prerequisiti: 

Conoscenze base di sviluppo web (HTML e CSS)
E’ consigliabile aver frequentato il corso di Visual Design e di Informatica e grafica per il Web

Moduli

Metodi di valutazione

Modalita' di verifica dell'apprendimento: 

La verifica dell'apprendimento comprende due revisioni progettuali in itinere. La prima revisione progettuale si colloca a metà del corso, la seconda revisione a fine corso. Al termine del corso è prevista una prova scritta (30 minuti; effettuata il giorno dell'appello) e lo sviluppo di un progetto di gruppo (da consegnare solitamente la settimana precedente lo scritto).
Lo scritto individuale verte sugli argomenti teorici trattati a lezione ed è composto da 15 domande a crocette.
Realizzazione di un elaborato progettuale di gruppo (gruppi da 2/3 studenti per la creazione di un sito web completo e navigabile in formato HTML/CSS).
Breve discussione dell’elaborato finale in fase di orale.

Valutazione: 
Voto Finale

Obiettivi formativi

Conoscenza e comprensione
Lo studente verrà guidato, attraverso il corso, alla progettazione e sviluppo di un sito web utilizzando le più moderne tecnologie per il web, in particolare quelle legate al mobile. Da un lato saranno offerti strumenti teorici di usabilità nel mondo delle tecnologie mobile, dall’altro verranno offerti, attraverso esercitazioni pratiche, gli strumenti tecnici per la creazione di siti web mobile secondo i principi della User Centered Design, che pone l’utente finale (e non il sito web stesso) al centro della progettazione comunicativa. Inoltre, verranno presentati elementi dell'architettura di rete e dei protocolli utilizzati nel web.
Infine, verranno presentate le tecniche di sviluppo di moderni siti web attraverso l’impiego di sistemi CMS (Content Management System) come ad esempio WordPress.

Capacità di applicare conoscenza e comprensione
• Capacità di progettazione web avanzate
• Conocsenza del principi di design web per la comunicazione mobile
• Creazione di pagine HTML/CSS avanzata
• Graphic design per il web e per il mobile (Photoshop)
• Principi di usabilità applicati al mobile.
• Conoscenza dell’ Interazione server-client e protocolli web

Contenuti

Il corso si prefigge di accompagnare lo studente nella progettazione di un sito web adatto per device mobile, quali smartphone e tablet, attraverso l’utilizzo delle piu moderne tecnologie di sviluppo per il web. Durante il corso saranno inoltre illustrati principi di user interaction con particolare riferimento alle tecnologie mobile. Saranno inoltre approfonditi gli aspetti di interazione client server attraverso l’approfondimento di uno specifico gestore di contenuti web (WordPress).

Programma esteso

• Responsive web design
• Progettazione User experience per siti web mobile
• HTML 5 e CSS 3 avanzato
• Framework CSS (Bootstrap) per responsive web design
• Utilizzo base di script Javascript
• Architettura client-web server
• Gestori di contenuti web avanzati (CMS; wordpress)
• Adobe Dreamweaver
• Adobe Photoshop.

Bibliografia consigliata

• Responsive web design. Ethan Marcotte. A book Apart ed.
• Boostrap official documentation -> https://getbootstrap.com/docs/3.3/css/
• HTML 5 official documentation -> https://www.w3schools.com/html/html5_intro.asp
• CSS 3 official documentation -> https://www.w3schools.com/Css/

Modalità di erogazione

Convenzionale

Metodi didattici

I metodi didattici includono lezioni frontali, discussioni in aula ed esercitazioni pratiche.

Pratica al computer con illustrazione passo passo del codice HTML 5 e CSS 3 attraverso Adobe Dreamweaver. Esercizi pratici al pc delle funzionalità di Adobe Photoshop per il web.

Tutto il materiale (dispense delle lezioni ed esempi di codice HTML, CSS e JS) viene reso disponibile sul sito e-learning del corso, perché sia fruibile anche dagli studenti non-frequentanti.

Frequenza consigliata per le lezioni.