logo-polimi
Loading...
Risorse bibliografiche
Risorsa bibliografica obbligatoria
Risorsa bibliografica facoltativa
Scheda Riassuntiva
Anno Accademico 2015/2016
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
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)
I1AAZZZZ089318 - 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 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 project-based. A project consists in the design and implementation of a (multi-device) web based hypermedia prototype. Application requirements are assigned by the teachers.

The project deliverable is composed of 2 parts:

-IDM design documentation + interactive mock-up (developed using one of the mock-up tools presented during the course)

- A working web based hypermedia prototype, 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.

Evaluation criteria

The exam aims at verifying that students have understood the contents of the course and how to apply the proposed methods and techniques, developing design and implementation skills at a good degree.

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 development 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.


Software utilizzato
Nessun software richiesto

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.9 / 1.6.9
Area Servizi ICT
17/10/2021