Ateneo - UPO

Durante il corso saranno 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.

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 Materiale fornito dal docente su DIR.

Scopo del corso è acquisire le capacità di base per progettare e realizzare l'interfaccia utente (front end) e la tecnologia di back end di siti ed applicazioni sul World Wide Web, secondo un'architettura 3-tier (client/application/data).

Programmazione ad oggetti. Basi di Dati.

Lezioni che introducono i concetti teorici ed esercitazioni in laboratorio che li applicano. Nelle lezioni si affrontano gli argomenti di teoria tramite presentazioni diapositive, con esempi e alcune domande per verificare l’apprendimento della classe. Nelle esercitazioni in laboratorio la classe è guidata nella realizzazione di semplici progetti volti a mettere in pratica le conoscenze teoriche acquisite. Le esercitazioni hanno lo scopo di stimolare la partecipazione attiva e lo sviluppo di uno spirito critico e autonomo della classe nel processo di apprendimento.

Monitoraggio del processo di apprendimento: durante l’insegnamento la classe interagirà con il docente per la soluzione di esercizi e di compiti di laboratorio. 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 consta di due parti, strettamente collegate ed entrambe obbligatorie da svolgersi lo stesso giorno dell’appelo: 1. Presentazione del progetto individuale che realizza un’applicazione Web, completa delle sue parti di front-end e di back-end 2. Dimostrazione e discussione orale sul progetto e dei principi teorici e metodologici che governano la programazione per il Web. La discussione del progetto riguarderà le scelte di progettazione (layout, componenti utilizzati, struttura del DB, ecc.) nonché le scelte implementative e funzionali adottate. Durante le lezioni di laboratorio si costruirà passo passo insieme alla classe un progetto completo che potrà essere usato come riferimento, in termini di complessità e metodologie applicate, al progetto che bisognerà presentare in sede d’esame. Per quanto sia consentito rifarsi a quel progetto, non sarà però consentito copiarne le parti senza essere in grado di modificare consapevolemente il codice. Il progetto consiste in un’applicazione Web che deve soddisfare alcuni requisiti tecnici, stilistici e funzionali, dettagliati nelle specifiche che saranno rilasciate verso la fine dell’insegnamento. L’applicazione Web dovrà utilizzare le tecnologie illustrate e sperimentate durante le lezioni. Il tema dell’applicazione Web da realizzare è a scelta dello e della studente: il tema scelto dovrà rispettare i vincoli indicati nel documento di specifiche che sarà pubblicato. Inoltre, è fondamentale che lo o la studente comunichi il tema scelto prima di iniziare a svolgere il progetto: questo consentirà al docente di inviare una versione personalizzata delle specifiche, che dovranno essere realizzate in aggiunta alle specifiche generali menzionate precedentemente. Il tema del sito dovrà essere comunicato tramite DIR PRIMA di iniziare a sviluppare il vostro progetto. Il progetto sarà consegnato entro tre giorni prima dell’appello ufficiale. Se ad esempio l’esame si svolge giorno 21 febbraio, il codice completo di tutte le sue parti dovrà essere caricato su DIR entro la mezzanotte del 17 febbraio così che il docente abbia tre giorni di tempo per valutare l’elaborato prima della discussione orale. Il progetto sarà valutato e consentirà l’ammissione all’orale se tutte le specifiche generali ed almeno la metà delle specifiche personalizzate saranno state implementate. L’80% del voto finale dipenderà dalla capacità di discutere con correttezza e proprietà di linguaggio tecnico il progetto svolto. Il restante 20% del voto dipenderà dalla capacità di reazione in tempo reale nella risoluzione di eventuali errori e di modifiche al codice e al sito che il docente potrà richiedere durante la discussione.

Concetti base di programmazione e progettazione per il web Il linguaggio HTML (HTML5) Cascading Style Sheets (CSS3) e il responsive design 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 Sviluppo web service e REST API Strumenti di sviluppo, dentro e fuori dal browser

Conoscenza e comprensione: familiarità con i principi alla base della realizzazione di siti ed applicazioni web di media complessità, dotati di interfacce utente usabili e accessibili, costituiti da testi, elementi multimediali e interattivi secondo un'architettura 3-tier (client/application/data).

Capacità di applicare conoscenza e comprensione: abilità di progettare e realizzare un progetto usando i su citati strumenti e metodologie della programmazione Web basata su un'architettura 3-tier.

Capacità critiche e di giudizio: abilità di riconoscere 1) buone e cattive pratiche di programmazione web, 2) quando è più o meno appropriato adottare una soluzione a livello client, a livello applicazione o a livello dei dati e 3) valutare la qualità architetturale di un progetto.

Capacità di comunicare quanto si è appreso: padronanza della terminologia specifica della programmazione Web e miglioramento nell’abilità di lavoro in gruppo.

Capacità di proseguire lo studio in modo autonomo: maggior facilità ad apprendere autonomamente l’utilizzo di altri linguaggi e tecnologie specifiche per lo sviluppo per il web, oltre ad altri paradigmi di progettazione architetturale.