Anno di corso: 1

Crediti: 8
Crediti: 8
Crediti: 3
Tipo: Lingua/Prova Finale
Crediti: 3
Tipo: Lingua/Prova Finale
Crediti: 3
Tipo: Lingua/Prova Finale
Crediti: 3
Tipo: Altro
Crediti: 3
Tipo: Per stages e tirocini

Anno di corso: 2

Anno di corso: 3

Crediti: 6
Crediti: 6
Crediti: 6
Crediti: 12
Tipo: A scelta dello studente
Crediti: 3
Tipo: A scelta dello studente
Crediti: 3
Tipo: A scelta dello studente
Crediti: 3
Tipo: A scelta dello studente
Crediti: 3
Tipo: A scelta dello studente
Crediti: 3
Tipo: A scelta dello studente
Crediti: 3
Tipo: A scelta dello studente
Crediti: 3
Tipo: A scelta dello studente
Crediti: 3
Tipo: A scelta dello studente
Crediti: 3
Tipo: A scelta dello studente
Crediti: 3
Tipo: A scelta dello studente
Crediti: 1
Tipo: A scelta dello studente
Crediti: 6
Tipo: Lingua/Prova Finale
Crediti: 10
Tipo: Per stages e tirocini

LINGUAGGI E NUOVE TECNOLOGIE PER IL WEB

Scheda dell'insegnamento

Anno accademico di regolamento: 
2017/2018
Anno di corso: 
2
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 per 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
- Conoscenza 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 approfondito 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/

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.