- Oggetto:
- Oggetto:
DESIGN DI APPLICAZIONI WEB
- Oggetto:
WEB APPS DESIGN
- Oggetto:
Anno accademico 2024/2025
- Codice attività didattica
- CPS0219
- Docente
- Cristina Gena (Titolare dell'insegnamento)
- Corso di studio
- Corso di laurea triennale in Innovazione sociale, comunicazione, nuove tecnologie (Classe L-20)
- Anno
- 3° anno
- Periodo
- Primo semestre
- Tipologia
- Affine o integrativo
- Crediti/Valenza
- 6
- SSD attività didattica
- INF/01 - informatica
- Erogazione
- Tradizionale
- Lingua
- Italiano
- Frequenza
- Facoltativa
- Tipologia esame
- Scritto
- Tipologia unità didattica
- corso
- Prerequisiti
- Avere superato i corsi di Introduzione all'informatica e alle reti, Sviluppo software di applicazioni informatiche, Gestione e condivisione di basi di dati e conoscenza
- Oggetto:
Sommario insegnamento
- Oggetto:
Avvisi
- Oggetto:
Obiettivi formativi
L'insegnamento si propone di introdurre lo studente alla progettazione e allo sviluppo di applicazioni web attraverso Javascript e i suoi framework (Jquery, Json, Angular JS, ecc.), così come attraverso i framework basati su Javascript, XML, HTML e CSS (Ajax, Bootstrap, ecc). Obiettivo fondamentale dell'insegnamento è quello di fornire gli strumenti metodologici per l'analisi ed il confronto degli algoritmi e delle strutture dati fondamentali, per la gestione strutturata delle informazioni e per la loro presentazione in ambito responsive Web.
The course aims to introduce the student to design and development of web applications through Javascript and its frameworks (Jquery, Json, Angular JS, etc.), as well as through the frameworks based on Javascript, XML, HTML and CSS (Ajax, Bootstrap , etc). The fundamental objective of the teaching is to provide the methodological tools for the analysis and comparison of the fundamental algorithms and data structures, for the structured management of information and for their presentation in the Web responsive environment.
- Oggetto:
Risultati dell'apprendimento attesi
CONOSCENZA E CAPACITÀ DI COMPRENSIONE.
Al termine dell'insegnamento lo studente dovrà dimostrare di essere in grado di risolvere dei problemi attraverso l'utilizzo di algoritmi, espressi nei linguaggi di scripting visti a lezione. Dovrà inoltre essere in grado di realizzare delle pagine web interattive, strutturate in HTML5 e presentate in CSS3, arricchite con effetti dinamici e muldimediali, che siano usabili, accessibili e responsive.
CAPACITÀ DI APPLICARE CONOSCENZA E COMPRENSIONE. Acquisizione della capacità di applicare le conoscenze teoriche relative alle tematiche di cui sopra.
AUTONOMIA DI GIUDIZIO. Acquisizione di consapevole autonomia di giudizio con riferimento alla progettazione e realizzazione di applicazioni web con interfacce utente avanzate, usabili e accessibili.
ABILITÀ COMUNICATIVE. Acquisizione di competenze e strumenti per la comunicazione nella forma scritta e orale, in lingua italiana, unitamente all'utilizzo di linguaggi formali.
CAPACITÀ DI APPRENDIMENTO. Acquisizione di capacità autonome di apprendimento e di
autovalutazione della propria preparazione, atte ad intraprendere gli studi successivi con un alto grado di autonomia.ONKNOWLEDGE AND COMPREHENSION SKILLS.
Upon completion of the course, the student should demonstrate the ability to solve problems through the use of algorithms, expressed in the scripting languages seen in class. He/she should also be able to create interactive web pages, structured in HTML5 and presented in CSS3, enriched with dynamic and muldimedial effects, that are usable, accessible and responsive.
ABILITY TO APPLY KNOWLEDGE AND UNDERSTANDING. Acquisition of the ability to apply theoretical knowledge related to the above topics.
AUTONOMY OF JUDGMENT. Acquisition of conscious autonomy of judgment with reference to the design and implementation of web applications with advanced, usable and accessible user interfaces.
COMMUNICATION SKILLS. Acquisition of skills and tools for communication in written and oral form, in the Italian language, together with the use of formal languages.
LEARNING SKILLS. Acquisition of autonomous learning skills and the ability to
self-evaluation of one's own preparation, apt to undertake further studies with a high degree of autonomy.- Oggetto:
Programma
Ripasso sui concetti fondamentali della programmazione
- Variabili e Assegnamento
- Tipi di dati e operatori
- Espressioni
- Funzioni e loro invocazione
- I cicli e le strutture di controllo
- Le strutture dati
- Analisi e confronto di alcuni algoritmi
Approfondimento su
- Javascript e il DOM
- Multimedia, animazioni e interazione avanzata attraverso il web
- Concetti generali di usabilità e accessibilità
- Esercitazioni su Jquery, Json, Ajax, Angular JS, Bootstrap
The basic concepts of programming
- Variables and Assignment
- Data types and operators
- Expressions
- Functions and their invocation
- Cycles and control structures
- Data structures
- Analysis and comparison of some algorithms
Focus on
- JavaScript and the DOM
- Multimedia, animation and advanced interaction over the web
- General concepts of usability and accessibility
- Tutorials on Jquery, Json, Ajax, Angular JS, Bootstrap
- Oggetto:
Modalità di insegnamento
Lezioni della durata di 36 ore complessive (6 CFU), che si svolgeranno in laboratorio affiancate da esercitazioni ah hoc, sempre in presenza, in orari dedicati di laboratorio. Chi non può frequentare troverà materiali e video su Moodle. I concetti affrontati verranno man mano testati e verificati attraverso esercitazioni collettive (assignments).
36 hours of lesson in total (6 CFU), which take place in presence and will be also published on Moodle. The addressed concepts will be immediately tested and verified by collective exercices(assignments).
- Oggetto:
Modalità di verifica dell'apprendimento
Conoscenze e capacità previste saranno verificate attraverso una prova scritta e un colloquio orale con domande, dove gli studenti dovranno presentare un progetto sviluppato individualmente. La preparazione sarà considerata adeguata (con votazione espressa in trentesimi), se lo studente sarà in grado di commentare in maniera corretta il codice con cui ha realizzato il progetto, e dimostrerà una completa padronanza della sintassi e della semantica dei linguaggi e dei contetti visti a lezione.
Modalità di verifica dell'apprendimento
Knowledge and skills will be verified through written exercices and an interview with questions where students must submit a project individually developed. The preparation will be considered adequate (by a vote of thirty), if the student will be able to comment adequately the code that implemented the project, and will demonstrate a complete mastery of the syntax and semantics of the languages.
- Oggetto:
Attività di supporto
Le slides e i video della docente, pubblicati su Moodle, che verra' attivato a inizio insegnamento.
Esercizi e approfondimenti sul sito: https://www.w3schools.com
Slides of the course, available online on Moodle (opening soon).
Exercizes and materials on the web site: https://www.w3schools.com
Extra
Testi consigliati e bibliografia
- Oggetto:
Libri suggeriti per tutti
Marijn Haverbeke, Eloquent JavaScript, 3rd edition: https://eloquentjavascript.net/Eloquent_JavaScript.pdf
***
Jessica Miller, Victoria Kirst, Marty Stepp
Web Programming Step by Step (http://www.webstepbook.com/)
ISBN: 9780578012391
Step by Step Publishing
Marijn Haverbeke, Eloquent JavaScript, 3rd edition: https://eloquentjavascript.net/Eloquent_JavaScript.pdf****
Jessica Miller, Victoria Kirst, Marty Stepp
Web Programming Step by Step (http://www.webstepbook.com/)
ISBN: 9780578012391
Step by Step Publishing
- Oggetto:
