PRESENTAZIONE

Il corso si propone di fornire competenze operative e progettuali nell’ambito del web design responsivo e della gestione di contenuti web attraverso Content Management Systems (CMS).

OBIETTIVI E CONTENUTI

OBIETTIVI FORMATIVI

Il corso si propone di fornire competenze operative e progettuali nell’ambito del web design responsivo e della gestione di contenuti web attraverso Content Management Systems (CMS). In particolare, al termine del corso, ogni discente sarà in grado di: applicare principi e metodologie di responsive web design per garantire la corretta fruizione dei contenuti su dispositivi mobili e desktop; progettare e sviluppare prototipi web utilizzando ambienti di sviluppo responsivi, come Bootstrap, attraverso la gestione di griglie, componenti e layout adattivi; comprendere il funzionamento dei principali sistemi di gestione dei contenuti e installare, configurare e gestire piattaforme CMS, come Wordpress, per la pubblicazione di siti web dinamici; personalizzare l’aspetto grafico e funzionale di un CMS attraverso l’uso di temi, plugin, moduli e tecniche di base di personalizzazione del codice; integrare il design responsivo all’interno di CMS, garantendo coerenza tra prototipazione, sviluppo e pubblicazione dei contenuti.

OBIETTIVI FORMATIVI (DETTAGLIO) E RISULTATI DI APPRENDIMENTO

Progettare layout Responsive: comprendere perché il responsive design è fondamentale oggi e imparare a costruire pagine web che si adattano automaticamente a diversi dispositivi (smartphone, tablet, desktop) definendo la struttura delle pagine web con HTML5 e l’uso di CSS3 per la gestione dello stile.

Utilizzare Framework Front-end: apprendere l’uso di Bootstrap per creare layout responsive (griglie, componenti, classi); personalizzare temi e componenti Bootstrap per adattarli alle esigenze progettuali; approfondire l’utilizzo di Bootstrap, combinandolo con codice personalizzato.

Capire i CMS (Content Management System): apprendere le differenze tra sito statico, dinamico e basato su CMS. Capire come funzionano i CMS, come facilitano la creazione di siti dinamici senza scrivere codice e introdurre WordPress come il CMS più diffuso.

Creare e gestire siti con WordPress: apprendere come creare e strutturare contenuti, gestire il layout tramite temi e personalizzarli, estendere funzionalità tramite plugin e amministrare il sito WordPress in autonomia; apprendere come pubblicare un sito online, eseguire correttamente backup, aggiornamenti, proteggere il sito da attacchi e garantire la continuità dei servizi web.

PREREQUISITI

Elementi base di Informatica.

Elementi di progettazione web (ins. Web Design 1)

MODALITA' DIDATTICHE

Lezioni frontali e attività di laboratorio individuali e di gruppo guidate. Le lezioni si tengono anche a distanza, sincrone attraverso la piattaforma Teams.

N.B.: i laboratori dell'università rispettano i criteri di accessibilità e possono essere dotati, su richiesta, di specifici ausili per un utlizzo più agevole delle postazioni informatiche, in corrispondenza di specifiche esigenze.

Gli studenti con certificazioni valide per Disturbi Specifici dell’Apprendimento (DSA), per disabilità o altri bisogni educativi sono invitati a contattare il docente e il referente di Scuola per la disabilità all’inizio dell’insegnamento per concordare eventuali modalità didattiche che, nel rispetto degli obiettivi dell’insegnamento, tengano conto delle modalità di apprendimento individuali. 

I contatti del referente di Scuola per la disabilità sono disponibili al seguente link https://unige.it/commissioni/comitatoperlinclusionedeglistudenticondisabilita. 

PROGRAMMA/CONTENUTO

• Introduzione al corso
• Tecnologie e linguaggi per il web design
• Responsive Web design
• Linguaggi per il web (HTML + CSS + JavaScript)
• Ambienti e piattaforme di sviluppo
• Framework bootstrap (installazione e cofigurazione)
• Framework bootstrap (uso e personalizzazione)
• Sistemi CMS
• WordPress (installazione e cofigurazione)
• Wordpress (uso e personalizzazione)

Conclusioni

L’insegnamento contribuisce parzialmente al raggiungimento degli obiettivi di Sviluppo Sostenibile dell'Agenda ONU 2030 n. 10 "Ridurre le disuguglianze" e n. 11 "Città e comunità sostenibili" affrontando le tematiche di accessibilità del web (W3CAG) e di progettazione universale.

TESTI/BIBLIOGRAFIA

Appunti, note ed esercizi messi a disposizione dal docente sulle pagine del corso su AulaWeb.

Inoltre: 

• E-book su web trends disponibili all'URL https://www.uxpin.com/studio/ebooks/ 
• Mathis, L. (2016). Designed for use: Create usable interfaces for applications and the web. 

Le persone che fossero impossibilitate a frequentare e seguire le lezioni potranno utlizzare come materiale aggiuntivo quanto indicato nei tanti spunti di approfondimento presenti nelle dispense stesse.

N.B.: i materiali forniti rispettano i criteri di accessibilità e possono essere forniti, su richiesta, in formati diversi per una più agevole consultazione in corrispondenza di specifiche esigenze.

DOCENTI E COMMISSIONI

Commissione d'esame

MAURO COCCOLI (Presidente)

LEZIONI

INIZIO LEZIONI

Primo semestre.

https://easyacademy.unige.it/portalestudenti/index.php?view=easycourse&_lang=it&include=corso

Orari delle lezioni

L'orario di questo insegnamento è consultabile all'indirizzo: Portale EasyAcademy

ESAMI

MODALITA' D'ESAME

L'esame finale consisterà in una discussione su di un "Progetto" (individuale o di gruppo) che sarà svolto in autonomia, mettendo in pratica le nozioni acquisite durante le lezioni teoriche e utilizzando gli strumenti illustrati nelle esercitazioni pratiche.

MODALITA' DI ACCERTAMENTO

Per il superamento dell’esame è prevista una prova che consiste nella presentazione di un progetto dimostrativo che sarà discusso con il docente. Attraverso questa prova pratica si verifica l'acquisizione di capacità operative e la conoscenza degli strumenti informatici più adeguati per la progettazione Web.

ALTRE INFORMAZIONI

Gli studenti con certificazioni valide per Disturbi Specifici dell’Apprendimento (DSA) possono richiedere adattamenti in sede d'esame, con almeno 7 giorni di anticipo rispetto alla data dell’esame, compilando il "modulo richieste adattamenti" (dai servizi online https://modulionline.unige.it/richiesta-adattamenti#no-back) che verrà inviato in automatico dal sistema al/alla docente responsabile dell’insegnamento e al/alla docente referente per gli studenti con disabilità e con DSA della propria Scuola/Area.  

Lo studente riceverà una copia della sua richiesta.