|
Course
|
Credits
|
Scientific Disciplinary Sector Code
|
Contact Hours
|
Exercise Hours
|
Laboratory Hours
|
Personal Study Hours
|
Type of Activity
|
Optional materials and exam in a foreign language
|
Language
|
Optional group:
Un esame a scelta tra i caratterizzanti del I anno - (show)
 |
8
|
|
|
|
|
|
|
|
|
|
18507 -
WEB MULTIMEDIALITA' E VISUALIZZAZIONE INTERATTIVA DEI DATI
(objectives)
a) LEARNING OBJECTIVES
Theory and practice of writing interactive Data-Driven Web pages.
b) EXPECTED LEARNING RESULTS
b1) knowledge and understanding
Learn Interactive Data Visualization (coherent with the course title).
b2) applying knowledge and understanding
Building simple Web pages, with HTML5, styled using CSS, and with a dynamic part programmed in Javascript with the help of the library D3.
b3) making judgements
Ability to evaluate Web pages containing Interactive Data Visualizations developed by others.
b4) communication skills
Acquire the correct terminology to communicate with professional programmers of Data-Driven Documents.
b5) learning skills
Autonomously search (either in the Internet or in textbooks) the right Web effects to obtain a desired data visualization on each one's Web pages.
-
DONINI Francesco maria
( syllabus)
c) SUMMARIZED PROGRAM
Preliminaries on markup Languages: HTML5 and SVG. CSS3 style sheets. Imperative and functional programming in Javascript; higher-order functions. Data formats: csv, XML, RDF. The library D3 (Data-Driven Documents): Versions 4 and 5. Dynamic HTML / SVG pages with textual data, bar charts, scatterplots. Scale transformations. Dynamic labeled axes. Dynamic pages with data updates. Interactivity: data groupings and tooltips.
Notice: students of courses LM-14 (Filologia Moderna) and LM-77 (Marketing e qualità) can substitute the part on D3 with the program of the former year (2017/18), asking me which books to study.
( reference books)
1) regarding HTML, CSS, SVG, Javascript and D3: Scott Murray, "Interactive Data Visualization for the Web", O'Reilly, Sebastopol, CA, USA, 2017 (ISBN: 978-1-491-92128-9). Chapters 1--10. Notice: 2nd edition, 2017, do not buy 1st edition (2013).
2) regarding RDF: T. Di Noia et al, "Web semantico: dal Web dei documenti al Web dei dati" Milano, Apogeo, 2013 (ISBN: 978-88-503-3214-4), chapters 1,2,3.
|
8
|
ING-INF/05
|
48
|
-
|
-
|
-
|
Core compulsory activities
|
|
ITA |
|
18506 -
INTERAZIONE ED USABILITA' DEI SISTEMI DIGITALI
(objectives)
The course will allow the student to get knowledge about the major human-computer interaction techniques. We will discuss the main tools for evaluating and analyzing the usability and accessibility of user interfaces; the interaction design; and, in general, we will analyze the interactive systems and learn how to design them with particular attention to web based applications and Apps.
At the end of the course, the student will be able to define the steps necessary to plan, design and evaluate user interfaces with respect to their usability; to model different users with respect to their interaction behavior, considering different platforms, including mobile devices and Web browser. As a final product, the student will design and realize either a web site or an App.
-
VOCCA Paola
( syllabus)
The course addresses issues related to the design, analysis and implementation of usable interactive systems. In particular, we will consider the following topics:
• overview of the issues that affect the interaction between humans and computers;
• the importance of the user interface;
• the existence of different classes of users and applications, and their impact on the design of user interfaces;
• the need for teamwork, and collaboration of figures with different skills in the draft interactive systems;
• an approach to the design of interfaces driven by models;
• the importance of the usability evaluation of the system,
• rules for accessibility;
• prototyping environments and graphic design (We will learn tool for for graphical design)
Detailed program
Interaction: human-machine interface, ergonomics,; complexity of the interaction.
HCI problems. Knowing the WEB: The roots of the Web: Hypertext; networks and browsers. Architectures, Web addresses.
Person-machine interfaces. Basic skills for the development of a Web system. Separating content and presentation. Need for design standards. Definition of the interaction model. Interface. Interface examples. Complexity levels of interaction.
Usability: definition, examples, Affordance and feedback. Definition of usability. Usability evaluation measures. Learnability and memorabilility. User manuals. Human centered design. Design vs implementation. Use cases.
User Design: interaction design, use cases, scenarios, actors, accessibility, design examples.
Web interfaces design: Fitts' law; browsing; accessibility; kinds of interaction; problems and specificity; Small World assumption; Interactive Objects; Prototyping.
Usability Evaluation: Criteria and metrics. Heuristic criteria of Nielsen and Norman. Usability tests: methodology and examples.
Knowing the user: Attention: selective and divisive attention. Memory: short-term and long-term memory How to take into consideration memory limits in in the design. The vision: eye anatomy; vision acuity; vision features; optical illusions.
Graphic design. Features: Clarity; Discriminability; Clarity; Conciseness; Consistency; discoverability; readability; comprehensibility. Minimalism vs. maximality. Role of the images. Grids and alignments. Visual pathways. Gestalt theory. Continuity Law; good form law; past experience law; proximity law; similarity Law; Closure law. Use of colors.
Text design: Colors and polarity; The Gulpease index; The text in the web; Legibility and readability. Guidelines.
Knowing the user: The motor system. Feedback, Fitts' law, exponential law of practice,
Design the error and guidelines
Study of a graphic presentation of the project and exam.
GIMP: Study on an open source environment for graphical design. Presentation of the final project.
An Open source IDE for App development
( reference books)
all the course materil is available at the course Moodle page https://moodle.unitus.it/moodle/mod/forum/view.php?id=14443
Main textbook
1. Interaction Design: Beyond Human-Computer Interaction, 5th Edition Helen Sharp, Jenny Preece, Yvonne Rogers ISBN: 978-1-119-54725-9 May 2019
2. R. Polillo. Facile da usare. Una moderna introduzione alla ingegneria della usabilità, Milano: Apogeo 2010
|
8
|
INF/01
|
48
|
-
|
-
|
-
|
Core compulsory activities
|
|
ITA |
|
Optional group:
Un esame a scelta tra gli affini del I anno - (show)
|
8
|
|
|
|
|
|
|
|
|
18509 -
APPRENDIMENTO IN RETE E GESTIONE DELLA CONOSCENZA
(objectives)
OBIETTIVI FORMATIVI
Conoscenze e comprensione:
- acquisire solide conoscenze relative al ruolo dei media come matrici dell’esperienza e della conoscenza, e al ruolo delle tecnologie dell’informazione e della comunicazione nei processi attuali di produzione, archiviazione e gestione della conoscenza;
- conoscere le caratteristiche delle infrastrutture digitali del sapere, anche in relazione ai metodi tradizionali di archiviazione e gestione della conoscenza;
- comprendere le varie declinazioni del software culturale e delle piattaforme che sono incaricate di gestire le relazioni sociali, la diffusione di informazione e i consumi culturali;
- saper analizzare le pratiche di produzione e consumo di informazione e contenuti, alla luce dei presupposti tecnologici e culturali che ne costituiscono lo sfondo;
- saper analizzare la relazione tra la penetrazione sociale delle tecnologie dell’informazione e della comunicazione e i mutamenti dei sistemi educativi e della formazione.
Capacità di applicare conoscenze e comprensione:
- saper analizzare il rapporto tra media e forme dell'apprendimento, con particolare attenzione alla comprensione dei processi di comunicazione, educazione, costruzione delle identità, così come delle dinamiche dei comportamenti sociali mediati dalle tecnologie digitali;
- saper utilizzare e gestire le piattaforme per l’e-learning e la formazione online;
- saper applicare concretamente le conoscenze riguardo gli ecosistemi digitali, essendo in grado di pianificare un percorso formativo che ne sfrutti le caratteristiche.
|
8
|
M-PED/03
|
48
|
-
|
-
|
-
|
Related or supplementary learning activities
|
|
ITA |
|
