Ateneo - UPO

Scopo del corso è acquisire le capacità di base per progettare e realizzare siti ed applicazioni sul World Wide Web, costituiti da testi, elementi multimediali e interattivi secondo un'architettura 3-tier (client/application/data). Verranno illustrati i concetti di base sull'utilizzo di markup languages come HTML5 e CSS3, i concetti più importanti relativi alla programmazione Web lato client (JavaScript) e lato server (Node.js), nonché le modalità di interazione con DBMS relazionali (RDBMS). Le tecnologie suddette saranno usate anche per applicare i principi fondazionali dell'interazione uomo macchina, usabilità e accessibilità di siti e applicazioni web.

Materiale fornito dal docente.
Opzionalmente:
Deitel et al., Internet and World Wide Web: How to program (5th ed.), Prentice Hall
R. Connolly, R. Hoar, Fundamentals of Web Development, Pearson
R. Sebesta, Programming the World Wide Web, Pearson

Acquisire le capacità di base per realizzare siti ed applicazioni web di media complessità, usabili e accessibili, costituiti da testi, elementi multimediali e interattivi secondo un'architettura 3-tier (client/application/data).

Programmazione ad oggetti.
Basi di Dati.

Il corso è organizzato in lezioni frontali e laboratori pratici in cui saranno applicati i concetti esposti su esempi di complessità crescente.

Le studentesse e gli studenti con disabilità o con Disturbi Specifici dell’Apprendimento (DSA) o con Bisogni Educativi Speciali (BES) possono richiedere servizi e strumenti specifici a loro dedicati, rivolgendosi allo "Staff Sviluppo e Coordinamento Carriere e Servizi alle Studentesse e agli Studenti" e consultando la pagina dedicata del sito di Ateneo: https://uniupo.it/it/servizi/servizi-studenti-disabili-e-dsa. Le studentesse e gli studenti con disabilità, DSA, BES, una volta preso contatto con lo Staff di Ateneo, possono contattare la/il docente titolare dell'insegnamento in relazione alla declinazione delle modalità di esame, in merito agli aspetti didattici.

L'esame consisterà nella realizzazione e discussione di un progetto pratico scelto dallo studente e che deve corrispondere a requisiti funzionali e architetturali illustrati ad inizio corso.

Lo studente dovrà autonomamente dimostrare di aver appreso le seguenti competenze:
- definire i requisiti funzionali del sito/applicazione web
- strutturare il sito/applicazione web, organizzandolo in pagine e moduli coerenti
- selezionare il paradigma architetturale da utilizzare sulla base di quelli descritti durante il corso, e progettare l'architettura dell'applicazione secondo il modello 3-tier
- definire e implementare le caratteristiche delle pagine secondo i principi di usabilità introdotti durante il corso, e utilizzando in maniera appropriata HTML, CSS e Javascript
- costruire un sito con elementi dinamici interfacciandosi opportunamente con il database progettato
- gestire l'autenticazione e autorizzazione degli utenti, personalizzando il comportamento dell'applicazione sulla base del tipo di utente

La valutazione del progetto terrà conto:
- del rispetto dei requisiti tecnici, stilistici e funzionali indicati
- della correttezza dell’implementazione (assenza di bug, crash, comportamenti inattesi)
- dell’appropriatezza delle scelte progettuali effettuate
- dell’accuratezza dell’implementazione (accuratezza dei controlli, personalizzazione

Concetti base di programmazione e progettazione per il web
Il linguaggio HTML (HTML5)
Cascading Style Sheets (CSS3) e il design responsive
Interazione Uomo Macchina per il Web Nozioni di Usabilità Accessibilità di pagine e applicazioni web
Programmazione client-side: JavaScript, DOM, AJAX
Richiami di progettazione RDBMS
Programmazione server-side: web server e architettura 3-tier, node.js e il framework Express
Interfacciamento con RDBMS
Cenni sui web service e sulle API
Strumenti di sviluppo, dentro e fuori dal browser.

Acquisire le capacità di base per realizzare siti ed applicazioni web di media complessità, usabili e accessibili, costituiti da testi, elementi multimediali e interattivi secondo un'architettura 3-tier (client/application/data).