2. Docenti
  3. RUNDO Leonardo
  4. Didattica

TECNOLOGIE WEB

Leonardo RUNDO TECNOLOGIE WEB

0612700122
DIPARTIMENTO DI INGEGNERIA DELL'INFORMAZIONE ED ELETTRICA E MATEMATICA APPLICATA
CORSO DI LAUREA
INGEGNERIA INFORMATICA
2023/2024

ANNO CORSO 3
ANNO ORDINAMENTO 2017
PRIMO SEMESTRE
CFUOREATTIVITÀ
1TECNOLOGIE WEB
324LEZIONE
324LABORATORIO
2PROGETTO DI TECNOLOGIE WEB
324ESERCITAZIONE
ANTONIO PARZIALE1 T Curriculum
LEONARDO RUNDO2 Curriculum
Obiettivi
L’INSEGNAMENTO PRESENTA LE PRINCIPALI METODOLOGIE E TECNOLOGIE PER LA PROGETTAZIONE E L’IMPLEMENTAZIONE DI APPLICAZIONI WEB.

CONOSCENZE E CAPACITÀ DI COMPRENSIONE
METODOLOGIE E TECNOLOGIE PER LA PROGETTAZIONE ED IMPLEMENTAZIONE DI SITI ED APPLICAZIONI WEB. LINGUAGGI DI MARKUP E PER LA DEFINIZIONE DEGLI STILI DELLE PAGINE WEB. LINGUAGGI PER LA PROGRAMMAZIONE SERVER SIDE E CLIENT SIDE.

CONOSCENZA E CAPACITÀ DI COMPRENSIONE APPLICATE
PROGETTARE E REALIZZARE UN SITO WEB STATICO E/O DINAMICO SELEZIONANDO LE TECNOLOGIE PIÙ ADEGUATE. IMPLEMENTARE COMPONENTI SOFTWARE PER SITI ED APPLICAZIONI WEB DA INTEGRARE SIA LATO SERVER CHE LATO CLIENT.
Prerequisiti
PER IL PROFICUO RAGGIUNGIMENTO DEGLI OBIETTIVI PREFISSATI SONO UTILI CONOSCENZE DI BASI DI DATI E DI PROGRAMMAZIONE PROCEDURALE ED OBJECT ORIENTED.
Contenuti
L'INSEGNAMENTO È ARTICOLATO IN 2 MODULI (TOTALE ORE LEZIONE - ESERCITAZIONE - LABORATORIO 24;24;24):
1) MODULO DI TECNOLOGIE WEB;
2) MODULO PROGETTO DI TECNOLOGIE WEB

1) MODULO DI TECNOLOGIE WEB
TOTALE ORE LEZIONE - ESERCITAZIONE - LABORATORIO 24;24;0

UNITÀ DIDATTICA 1: INTRODUZIONE AL WEB E ALLA PROGETTAZIONE DI APPLICAZIONI WEB (ORE LEZIONE/ESERCITAZIONE/LABORATORIO 2/0/0)
-1 (2 ORE LEZIONE): INTRODUZIONE AL WORLD WIDE WEB, ALLE TECNOLOGIE WEB, ALL’ANALISI DEI REQUISITI E ALLA PROGETTAZIONE DELLE FUNZIONALITÀ DI UNA APPLICAZIONE WEB.

CONOSCENZE E CAPACITÀ DI COMPRENSIONE: COMPRENSIONE DEI PRINCIPI SUI QUALI SI FONDA IL WEB E DELLE TECNOLOGIE CHE SI SONO AFFERMATE DURANTE LA SUA EVOLUZIONE.
CONOSCENZE E CAPACITÀ DI COMPRENSIONE APPLICATE: SAPER PROGETTARE UN’APPLICAZIONE WEB.


UNITÀ DIDATTICA 2: LINGUAGGI DI MARKUP (ORE LEZIONE/ESERCITAZIONE/LABORATORIO 6/6/0)
-1 (1 ORA LEZIONE / 1 ORA ESERCITAZIONE): INTRODUZIONE AI LINGUAGGI MARKUP, APPROFONDIMENTO SUL LINGUAGGIO HTML, ESEMPI APPLICATIVI DI UTILIZZO
-2 (2 ORE LEZIONE / 1 ORA ESERCITAZIONE): HTML: METADATA, LINK, TEXT, ESEMPI APPLICATIVI DI UTILIZZO
-3 (1 ORA LEZIONE / 2 ORE ESERCITAZIONE): HTML: ELENCHI E TABELLE, ESEMPI APPLICATIVI DI UTILIZZO
-4 (2 ORE LEZIONE / 2 ORE ESERCITAZIONE): HTML: FORM E CONTENT EMBEDDING, ESEMPI APPLICATIVI DI UTILIZZO

CONOSCENZE E CAPACITÀ DI COMPRENSIONE: COMPRENSIONE DEI COSTRUTTI FONDAMENTALI DI HTML.
CONOSCENZE E CAPACITÀ DI COMPRENSIONE APPLICATE: SAPER REALIZZARE PAGINE WEB STATICHE


UNITÀ DIDATTICA 3: LINGUAGGI PER LA DEFINIZIONE DELLO STILE (ORE LEZIONE/ESERCITAZIONE/LABORATORIO 4/6/0)
-1 (1 ORA LEZIONE): INTRODUZIONE AI LINGUAGGI PER LA DEFINIZIONE DELLO STILE, APPROFONDIMENTO SUL LINGUAGGIO CSS
-2 (1 ORA LEZIONE, 3 ORE ESERCITAZIONE): CSS: FONT E PROPRIETÀ DEL TESTO, ESEMPI APPLICATIVI DI UTILIZZO
-3 (2 ORE LEZIONE / 3 ORE ESERCITAZIONE): CSS: SELETTORI, BOX MODEL E LAYOUT, ESEMPI APPLICATIVI DI UTILIZZO

CONOSCENZE E CAPACITÀ DI COMPRENSIONE: COMPRENSIONE DEI COSTRUTTI FONDAMENTALI DI CSS.
CONOSCENZE E CAPACITÀ DI COMPRENSIONE APPLICATE: SAPER REALIZZARE FOGLI DI STILE STATICI E DINAMICI PER LE PAGINE WEB


UNITÀ DIDATTICA 4: PROGRAMMAZIONE SERVER SIDE (ORE LEZIONE/ESERCITAZIONE/LABORATORIO 6/6/0)
-1 (1 ORA LEZIONE): INTRODUZIONE AI LINGUAGGI SERVER SIDE, APPROFONDIMENTO SUL LINGUAGGIO PHP
-2 (1 ORA LEZIONE / 2 ORE ESERCITAZIONE): PHP: ARRAY, OPERATORI E FUNZIONI, ESEMPI APPLICATIVI DI UTILIZZO
-3 (2 ORE LEZIONE / 2 ORE ESERCITAZIONE): PHP: FORM E DATABASE, ESEMPI APPLICATIVI DI UTILIZZO
-4 (2 ORE LEZIONE / 2 ORE ESERCITAZIONE): PHP: COOKIE, GESTIONE SESSIONI, ESEMPI APPLICATIVI DI UTILIZZO

CONOSCENZE E CAPACITÀ DI COMPRENSIONE: COMPRENSIONE DEI COSTRUTTI FONDAMENTALI DI PHP.
CONOSCENZE E CAPACITÀ DI COMPRENSIONE APPLICATE: SAPER IMPLEMENTARE LA BUSINESS LOGIC DELLE APPLICAZIONI WEB, INTEGRANDO ANCHE UNA BASE DI DATI


UNITÀ DIDATTICA 5: PROGRAMMAZIONE CLIENT SIDE (ORE LEZIONE/ESERCITAZIONE/LABORATORIO 6/6/0)
-1 (2 ORE LEZIONE / 1 ORA ESERCITAZIONE): INTRODUZIONE AI LINGUAGGI CLIENT SIDE, APPROFONDIMENTO SUL LINGUAGGIO JAVASCRIPT, ESEMPI APPLICATIVI DI UTILIZZO
-2 (2 ORE LEZIONE / 1 ORA ESERCITAZIONE): JAVASCRIPT: DOM, DOM ELEMENTS, ESEMPI APPLICATIVI DI UTILIZZO
-3 (1 ORA LEZIONE / 2 ORE ESERCITAZIONE): JAVASCRIPT: EVENTS, INPUT VALIDATION, ESEMPI APPLICATIVI DI UTILIZZO
-4 (1 ORA LEZIONE/ 2 ORE ESERCITAZIONE): AJAX, ESEMPI APPLICATIVI DI UTILIZZO

CONOSCENZE E CAPACITÀ DI COMPRENSIONE: COMPRENSIONE DEI COSTRUTTI FONDAMENTALI DI JAVASCRIPT.
CONOSCENZE E CAPACITÀ DI COMPRENSIONE APPLICATE: SAPER IMPLEMENTARE LA PAGINE WEB DINAMICHE TRAMITE L’UTILIZZO DEI LINGUAGGI CLIENT SIDE


1) MODULO DI TECNOLOGIE WEB
TOTALE ORE LEZIONE - ESERCITAZIONE - LABORATORIO 0;0;24
UNITÀ DIDATTICA 1: SPECIFICHE DI PROGETTO (ORE LEZIONE/ESERCITAZIONE/LABORATORIO 0/0/4)
-1 (0 ORA LEZIONE / 0 ORE ESERCITAZIONE / 2 ORE LABORATORIO): ASSEGNAZIONE DEI PROGETTI, SETUP DEL SERVER DI SVILUPPO E TEST.
-2 (0 ORA LEZIONE / 0 ORE ESERCITAZIONE / 2 ORE LABORATORIO): DEFINIZIONE ED ANALISI DELLE SPECIFICHE.

CONOSCENZE E CAPACITÀ DI COMPRENSIONE: COMPRENSIONE DEI PRINCIPI DI PROGETTAZIONE DI SITO WEB DINAMICO.
CONOSCENZE E CAPACITÀ DI COMPRENSIONE APPLICATE: SAPER PROGETTARE UNA APPLICAZIONE WEB ANALIZZANDO I REQUISITI FORNITI DAL COMMITTENTE, ESEGUIRE IL SETUP DELL’AMBIENTE DI SVILUPPO E TEST.


UNITÀ DIDATTICA 2: SVILUPPO DELLE PAGINE STATICHE DEL SITO (ORE LEZIONE/ESERCITAZIONE/LABORATORIO 0/0/4)
-1 (0 ORA LEZIONE / 0 ORE ESERCITAZIONE / 2 ORE LABORATORIO): SVILUPPO DI PAGINE STATICHE CON ELEMENTI HTML E HTML SEMANTICI
-2 (0 ORA LEZIONE / 0 ORE ESERCITAZIONE / 2 ORE LABORATORIO): SVILUPPO DI PAGINE STATICHE CON ELEMENTI HTML5 AVANZATI

CONOSCENZE E CAPACITÀ DI COMPRENSIONE: COMPRENSIONE DEI COSTRUTTI FONDAMENTALI DI HTML E DEI COSTRUTTI INTRODOTTI CON HTML5
CONOSCENZE E CAPACITÀ DI COMPRENSIONE APPLICATE: SAPER SVILUPPARE UNA PAGINA STATICA CON ELEMENTI HTML5


UNITÀ DIDATTICA 3: CREAZIONE DEI FOGLI DI STILE (ORE LEZIONE/ESERCITAZIONE/LABORATORIO 0/0/4)
-1 (0 ORA LEZIONE / 0 ORE ESERCITAZIONE / 2 ORE LABORATORIO): DEFINIRE IL LAYOUT DEL SITO CON CSS. CREARE GALLERIE DI IMMAGINI E BARRE DI NAVIGAZIONE CON CSS.
-2 (0 ORA LEZIONE / 0 ORE ESERCITAZIONE / 2 ORE LABORATORIO): CREAZIONE DI FOGLI DI STILE PER PAGINE WEB RESPONSIVE

CONOSCENZE E CAPACITÀ DI COMPRENSIONE: COMPRENSIONE DEI COSTRUTTI FONDAMENTALI DI CSS
CONOSCENZE E CAPACITÀ DI COMPRENSIONE APPLICATE: SAPER REALIZZARE SITI WEB RESPONSIVE. SAPERE STRUTTURARE IL LAYOUT DEL SITO. SAPER REALIZZARE UNA GALLERIA DI IMMAGINI RESPONSIVE.


UNITÀ DIDATTICA 4: SVILUPPO DELLE PAGINE DINAMICHE DEL SITO (ORE LEZIONE/ESERCITAZIONE/LABORATORIO 0/0/6)
-1 (0 ORA LEZIONE / 0 ORE ESERCITAZIONE / 2 ORE LABORATORIO): PROGETTAZIONE E CREAZIONE DEL DATABASE
-2 (0 ORA LEZIONE / 0 ORE ESERCITAZIONE / 2 ORE LABORATORIO): SVILUPPO DEGLI SCRIPT PER LA CONNESSIONE E L’INTERROGAZIONE DEL DATABASE
-3 (0 ORA LEZIONE / 0 ORE ESERCITAZIONE / 2 ORE LABORATORIO): COOKIE, SESSIONI ED AUTENTICAZIONE. GESTIONE DELL’AREA RISERVATA DEL SITO WEB.

CONOSCENZE E CAPACITÀ DI COMPRENSIONE: COMPRENSIONE DEI COSTRUTTI FONDAMENTALI DI PHP
CONOSCENZE E CAPACITÀ DI COMPRENSIONE APPLICATE: SAPER SVILUPPARE UNA PAGINA DINAMICA CON PHP. SAPER INTEGRARE UNA BASE DI DATI IN UNA APPLICAZIONE WEB. SAPER GESTIRE L’AUTENTICAZIONE DI UTENTI IN UNA AREA RISERVATA DE SITO.


UNITÀ DIDATTICA 5: SVILUPPO DELLE FUNZIONALITA’ DINAMICHE CLIENT SIDE (ORE LEZIONE/ESERCITAZIONE/LABORATORIO 0/0/6)
-1 (0 ORA LEZIONE / 0 ORE ESERCITAZIONE / 2 ORE LABORATORIO): MODIFICARE IL CONTENUTO DI HTML E CSS TRAMITE DOCUMENT OBJECT MODEL, GESTIONE DEGLI EVENTI DOM
-2 (0 ORA LEZIONE / 0 ORE ESERCITAZIONE / 2 ORE LABORATORIO): VALIDAZIONE INPUT UTENTE
-3 (0 ORA LEZIONE / 0 ORE ESERCITAZIONE / 2 ORE LABORATORIO): SCAMBIO DI DATI TRA CLIENT E SERVER TRAMITE AJAX

CONOSCENZE E CAPACITÀ DI COMPRENSIONE: COMPRENSIONE DEI COSTRUTTI FONDAMENTALI DI JAVASCRIPT.
CONOSCENZE E CAPACITÀ DI COMPRENSIONE APPLICATE: SAPER GESTIRE I CONTENUTI DI UNA PAGINA WEB TRAMITE DOM. SAPER GESTIRE GLI EVENTI DOM. SAPER GESTIRE LO SCAMBIO DATI TRA CLIENT E SERVER TRAMITE AJAX.
Metodi Didattici
IL CORSO SI ARTICOLA IN UN INSIEME DI LEZIONI TEORICHE (24 ORE), ESERCITAZIONI (24 ORE) E ATTIVITA’ DI LABORATORIO (24 ORE). NELLE ESERCITAZIONI VENGONO PROPOSTI E COMMENTATI SPECIFICI ESEMPI UTILI ALLA PROGETTAZIONE E REALIZZAZIONE DI SITI WEB DINAMICI. NELLE ATTIVITA’ DI LABORATORIO GLI STUDENTI POTRANNO METTERE IN PRATICA QUANTO APPRESO NEL CORSO DELLE LEZIONI ED ESERCITAZIONI SVILUPPANDO UN SITO WEB DINAMICO INERENTE AL PROGETTO CHE VERRA’ LORO ASSEGNATO.

PER POTER SOSTENERE LA VERIFICA FINALE DEL PROFITTO E CONSEGUIRE I CFU RELATIVI ALL’ATTIVITÀ FORMATIVA, LO STUDENTE DOVRÀ AVERE FREQUENTATO ALMENO IL 70% DELLE ORE PREVISTE DI ATTIVITÀ DIDATTICA ASSISTITA.
Verifica dell'apprendimento
LA VALUTAZIONE DEGLI ALLIEVI SARÀ DECLINATA ATTRAVERSO LE SEGUENTI FASI:

- VALUTAZIONE DELLA CAPACITÀ DA PARTE DELL’ALLIEVO DI SAPER PROGETTARE ED IMPLEMENTARE SITI WEB DINAMICI: GLI ALLIEVI SARANNO DIVISI IN GRUPPI DI LAVORO, COMPOSTI DA ALMENO TRE PERSONE, E DOVRANNO REALIZZARE UN SITO WEB DINAMICO. GLI STUDENTI DOVRANNO INOLTRE PRODURRE UNA RELAZIONE CHE DESCRIVA LE SCELTE PROGETTUALI ED IMPLEMENTATIVE ADOTTATE.

- VALUTAZIONE DELL’ACQUISIZIONE DA PARTE DELL’ALLIEVO DEGLI ARGOMENTI TEORICI: L’ALLIEVO, A VALLE DELLA CONSEGNA DEL PROGETTO, DOVRÀ MOSTRARE DI AVER ACQUISITO COMPETENZE SUGLI ARGOMENTI TEORICI TRATTATI NEL CORSO ATTRAVERSO UNA PROVA ORALE IN CUI VERRÀ ANCHE DISCUSSO IL PROGETTO SVILUPPATO.
Testi
ADAM FREEMAN, “THE DEFINITIVE GUIDE TO HTML5”, APRESS, ISBN 978-1430239604

ROBIN NIXON, “LEARNING PHP, MYSQL & JAVASCRIPT: A STEP-BY-STEP GUIDE TO CREATING DYNAMIC WEBSITES”, 6TH EDITION, O'REILLY MEDIA, INC., ISBN 978-1492093824

MATERIALE DIDATTICO INTEGRATIVO SARA' DISPONIBILE NELLA SEZIONE DEDICATA DELL'INSEGNAMENTO ALL'INTERNO DELLA PIATTAFORMA E-LEARNING DI ATENEO (HTTP://ELEARNING.UNISA.IT) ACCESSIBILE AGLI STUDENTI DEL CORSO TRAMITE LE CREDENZIALI UNICHE DI ATENEO.
Altre Informazioni
L'INSEGNAMENTO E' EROGATO IN ITALIANO
  BETA VERSION Fonte dati ESSE3 [Ultima Sincronizzazione: 2024-12-17]