logo-polimi
Loading...
Risorse bibliografiche
Risorsa bibliografica obbligatoria
Risorsa bibliografica facoltativa
Scheda Riassuntiva
Anno Accademico 2017/2018
Scuola Scuola di Ingegneria Industriale e dell'Informazione
Insegnamento 089318 - HYPERMEDIA APPLICATIONS (WEB AND MULTIMEDIA)
Docente Garzotto Franca
Cfu 5.00 Tipo insegnamento Monodisciplinare

Corso di Studi Codice Piano di Studio preventivamente approvato Da (compreso) A (escluso) Insegnamento
Des (Mag.)(ord. 270) - BV (1162) DESIGN DELLA COMUNICAZIONE*AZZZZ050814 - HYPERMEDIA APPLICATIONS (WEB AND MULTIMEDIA) - IEDIE PROGRAM
Ing - Civ (Mag.)(ord. 270) - MI (495) GEOINFORMATICS ENGINEERING - INGEGNERIA GEOINFORMATICA*AZZZZ089318 - HYPERMEDIA APPLICATIONS (WEB AND MULTIMEDIA)
Ing Ind - Inf (1 liv.)(ord. 270) - MI (356) INGEGNERIA DELLE TELECOMUNICAZIONI*AZZZZ089318 - HYPERMEDIA APPLICATIONS (WEB AND MULTIMEDIA)
Ing Ind - Inf (1 liv.)(ord. 270) - MI (358) INGEGNERIA INFORMATICA*AZZZZ089021 - APPLICAZIONI IPERMEDIALI (WEB E MULTIMEDIA)
089318 - HYPERMEDIA APPLICATIONS (WEB AND MULTIMEDIA)
Ing Ind - Inf (Mag.)(ord. 270) - MI (481) COMPUTER SCIENCE AND ENGINEERING - INGEGNERIA INFORMATICA*AZZZZ089318 - HYPERMEDIA APPLICATIONS (WEB AND MULTIMEDIA)

Programma dettagliato e risultati di apprendimento attesi

EDUCATIONAL GOAL

This course aims at providing students with the methodological and technical knowledge and skills needed to develop, in a systematic and efficient way, high quality web-based multi-device hypermedia applications (for desktop computer, tablet, or smart phone).


TOPICS

Course contents include two main components: a technology-oriented componentand a methodology-oriented component.

The technology-oriented part aims at developing key competences related to the implementation of complex web based hypermedia. Topics addressed include:

  • Key concepts of: Multilayer Web Architectures, Cloud Computing, Web protocol, Multimedia Formats, Web vs Hybrid vs Native Applications
  • Presentation technologies and languages: XML (XHTML) and Cascading Style Sheets (CSS3)
  • Technologies for client-side oriented web applications (HTML5, JS, JQuery)
  • Technologies for dynamic web page queries (PHP, NodeJS)
  • Architectural Patterns for web applications: Model View Controller (MVC) such as Angular JS
  • Interfacing web applications with DBs (SQL)
  • Mock-up tools (e.g., Pencil, Balsamique, Invision) that enable to quickly and easily create interactive mockups of web-based hypermedia for stationary and mobile devices.

The methodology-oriented part focuses on conceptual design. It proposes IDM (Interactive Dialogue Model) as a means to define and represent information architecture, navigation, interaction, and presentation features of complex multi-device applications that are truly usable, i.e., easy to use and consistent with users’ requirements.

Additional topics include inspection-based usability evaluation and user requirements management.

The course includes:

-          Ex-cathedra lectures

-          Hands-on sessions, devoted to exemplify, through supervised exercises, demos, and case studies, the above topics

-          Supervised project activities (project tutoring) devoted to support students in the development of their project.

-          Industrial seminars organized with testimonials from major national and international companies or start-ups

Please notice that unfortunately we will not be able to offer project tutoring after the end of the course: students are invited to perform their project work as much as possible during the course to benefit of tutoring support

 


Note Sulla Modalità di valutazione

EXAM AND EVALUATION

The exam is maily project-based. A "project" consists in the conceptual design, mock-up,  and implementation of a (multi-device) web based hypermedia prototype and the inspection-based usability evaluation of an assigned web site.

The project outcome is composed of 2 parts:

Part 1: Design and Evaluation (with the following deliverables: IDM design documentation + low-fidelity wireframes + interactive mock-up (developed using one of the mock-up tools presented during the course + usability report);  the application requirements specification for the design deliverables and the web site for usability evaluation are defined by the teachers.

Part 2: A working web based hypermedia prototype for the systems design in Part 1, implemented using the technology presented during the course

Team work (max 3 students) is strongly recommended but individual projects can also be considered.

Project outcomes can be delivered during the course or in the official exam dates.

The project-based exam might be complemented by a very short (written or oral) exam to check the technical skills developed during the project and the individual contribution of each  group member to the project work.

Evaluation criteria

The exam aims at verifying that students have understood the contents of the course and have learned how to apply the proposed methods and techniques.

Evaluation criteria include: Completeness; Methodological and technical correctness of the solutions (in particular, consistency with the assigned requirements); Originality of the solutions and effort invested in the project activity


Bibliografia
Risorsa bibliografica obbligatoriaD.Bolchini, L.Mainetti, P.Paolini, Progettare siti web e applicazioni mobili, Editore: McGraw Hill, Anno edizione: 2006
Note:

In Italian

Risorsa bibliografica obbligatoriaD. Bolchini, F. Garzotto, Designing Multichannel Web Applications as "Dialogue Systems" - The IDM approach, Editore: Springer, Anno edizione: 2008
Note:

Chapter 8 of book: Gustavo Rossi, Oscar Pastor, Daniel Schwabe and Luis Olsina "Web Engineering: Modelling and Implementing Web Applications", Springer 2008

Risorsa bibliografica obbligatoriaBolchini, D., Paolini, P., Interactive Dialogue Model: a Design Technique for Multi-Channel Applications, Editore: IEEE, Anno edizione: 2006, Fascicolo: IEEE Trans. on Multimedia, Vol. 8, No. 3
Risorsa bibliografica obbligatoriaEric A. Meyer, CSS: The Definitive Guide, Third Edition, Editore: O'Reilly & Associates, ISBN: 978-0596527334
Note:

Cascading Style Sheets (CSS) is a way to separate a document's structure from its presentation. Eric Meyer an internationally known expert on HTML and CSS, tackles the subject with passion and delivers a comprehensive and thorough update to his groundbreaking book.


Mix Forme Didattiche
Tipo Forma Didattica Ore didattiche
lezione
30.0
esercitazione
20.0
laboratorio informatico
0.0
laboratorio sperimentale
0.0
progetto
0.0
laboratorio di progetto
0.0

Informazioni in lingua inglese a supporto dell'internazionalizzazione
Insegnamento erogato in lingua Inglese
Disponibilità di materiale didattico/slides in lingua inglese
Disponibilità di libri di testo/bibliografia in lingua inglese
Possibilità di sostenere l'esame in lingua inglese
Disponibilità di supporto didattico in lingua inglese
schedaincarico v. 1.6.5 / 1.6.5
Area Servizi ICT
05/12/2020