Vai al contenuto principale
Oggetto:
Oggetto:

Progettazione e programmazione web

Oggetto:

Web Design and Web Programming

Oggetto:

Anno accademico 2024/2025

Codice attività didattica
SCF0606
Corso di studio
laurea triennale in DAMS
Anno
3° anno
Periodo
Secondo semestre
Tipologia
Affine o integrativo
Crediti/Valenza
6
SSD attività didattica
INF/01 - informatica
Erogazione
Mista
Lingua
Italiano
Frequenza
Facoltativa
Tipologia esame
Orale
Prerequisiti
L'insegnamento costituisce la continuazione di Documentazione Digitale, cui fa riferimento per la rappresentazione dei dati lato server. È quindi consigliato aver preliminarmente acquisito le conoscenze di base del corso di Documentazione Digitale.
It is strongly advised to attend the course of Digital Documentation before Web design and programming, as the latter is the logical continuation of the former.
Oggetto:

Sommario insegnamento

Oggetto:

Obiettivi formativi

Obiettivo dell'insegnamento è introdurre la programmazione lato client tramite il linguaggio Javascript, con la finalità di realizzare applicazioni web interattive per la visualizzazione e l'accesso ai dati in ambito culturale.


The course will introduce the basics of client side programming in Javascript, with the goal of creating interactive web pages for accessing and visualizing cultural data.

Oggetto:

Risultati dell'apprendimento attesi

a) Conoscenza e capacità di comprensione: Conoscenza di base del linguaggio JavaScript, del paradigma di programmazione Ajax e delle librerie per la visualizzazione che verranno presentate durante il corso. 

b) Capacità di applicare conoscenza e comprensione: Capacità di progettare gli elementi di base dell'interazione con l'utente e implementarli in JavaScript.

c) Autonomia di giudizio: capacità di individuare e valutare soluzioni lato client per la visualizzazione interattiva dei dati.

d) Abilità comunicative: capacità di esprimere con terminologia adeguata le tecnologie studiate nel corso. 

e) Capacità di apprendimento: capacità di familiarizzare con nuovi plugin e librerie nell'ambito della programmazione lato client e di applicarli a nuovi casi di studio nell'ambito dei principi di interazione persona-macchina.


a) Knowledge and understanding: Basic knowledge of the Javascript language and of the paradigm of Ajax programming.
b) Applying knowledge and understanding: using the libraries introduced in the course to create interactive pages and visualizations according to the principles of Human-Computer Interaction.
c) Making judgments: identifying and evaluating client-side solutions for interactive data visualization.
d) Communication: expressing the technologies studied in the course with appropriate terminology.
e) Learning skills: using new plugins and libraries in client-side programming and applying them to new case studies.

Oggetto:

Programma

Il programma si articola in due macroaree: 

Elementi di interaction design e usabilità

- I principi dell'interaction design

- L'usabilità e l'accessibilità dei contenuti Web.

La programmazione delle interfacce

- Architettura client server. Elementi di interaction design.

- Il modello a oggetti del documento (DOM) in Javascript.

- La libreria React.

- Il paradigma di programmazione Ajax.

- Librerie per la visualizzazione interattiva di dati: rassegna e casi di studio (ToastUI). 


The course is divided into two main areas:

Web Design:

- Basics of Interaction Design

- Usability and Web accessibility

Web programming:

- Client server architecture.

- Interaction design basics.

- Document Object Model in JavaScript.

- React library and plugins.

- Visualization libraries: survey and case studies.

Oggetto:

Modalità di insegnamento

Le lezioni si terranno in presenza. La durata dell'insegnamento è di 36 ore.

La frequenza non è obbligatoria ma fortemente raccomandata.

La piattaforma Moodle verrà utilizzata come ambiente integrato di apprendimento, tramite il caricamento di contributi fruibili in modalità asincrona. 

The course has a duration of 36 hours of face-to face lessons in attendance

Attendance is not mandatory but strongly recommended.

The Moodle platform will be used as an integrated learning environment, by uploading contributions that can be used asynchronously.

Oggetto:

Modalità di verifica dell'apprendimento

La modalità d'esame consiste in un colloquio orale che verte sulla discussione di un progetto individuale e sugli argomenti dell'insegnamento.

Progetto e conoscenza degli argomenti dell'insegnamento contribuiscono in uguale misura a determinare il voto, che sarà espresso in trentesimi.

La durata del colloquio è di circa 20 minuti.

Le specifiche per il progetto, che verte sulla creazione di un sito per la consultazione di sorgenti di conoscenza esterna attraverso moduli e visualizzazioni grafice, e le indicazioni sulla modalità di consegna saranno fornite durante il corso tramite la piattaforma Moodle.



Oral examination (about 20 minutes) and discussion of an individual project.

Both aspects equally contribute to determine the final grade (from 18/30 to 30/30)

The specifications for the project  (an interactive web site for accessing third party data sources with advanced visualizations) will be provided during the course via Moodle.


Oggetto:

Attività di supporto

Esempi e esercizi saranno forniti tramite la piattaforma di elearning di Ateneo.

Link relativo agli studenti e alle studentesse con disabilità:
Link per studentesse e studenti con DSA:



Examples and exercises will be provided via the elearning platform of the University.

Services for students with disabilities:
Services for students with learning disabilities:


Testi consigliati e bibliografia



Oggetto:
Libro
Titolo:  
Facile da usare
Anno pubblicazione:  
2010
Editore:  
Apogeo
Autore:  
Roberto Polillo
ISBN  
Capitoli:  
le parti da studiare saranno indicate durante il corso
Obbligatorio:  
Si
Oggetto:

Roberto Polillo, FACILE DA USARE -; Una moderna introduzione alla ingegneria dell’usabilità. Edizioni Apogeo, giugno 2010 (capitoli 1-4), disponibile online (http://www.rpolillo.it/libri/libri-di-informatica/facile-da-usare/)

Risorse e tutorial disponibili sul sito https://it.reactjs.org/ (in inglese).


Roberto Polillo, FACILE DA USARE -; Una moderna introduzione alla ingegneria dell’usabilità. Edizioni Apogeo, giugno 2010 (capitoli 1-4), available online (http://www.rpolillo.it/libri/libri-di-informatica/facile-da-usare/)

Tutorials and other resources at https://it.reactjs.org/ (in English).




Oggetto:

Note

Si raccomanda di registrarsi al corso (al fondo di questa pagina: "Registrati al corso"), in modo che la docente possa tempestivamente comunicare alle/agli studenti le informazioni relative agli aspetti organizzativi del corso.

It is strongly recommended to register to the course (see link below: "Registrati al corso"), so that the teacher can timely communicate to the students all the issues concerning the course organization.

Oggetto:

Insegnamenti che mutuano questo insegnamento

Registrazione
  • Aperta
    Apertura registrazione
    02/09/2024 alle ore 08:00
    Chiusura registrazione
    30/06/2025 alle ore 20:00
    Oggetto:
    Ultimo aggiornamento: 29/07/2024 16:25
    Location: https://cdsdams.campusnet.unito.it/robots.html
    Non cliccare qui!