OVERVIEW

The course deals with the design of flexible, accessible and robust web applications. Students will develop skills in creating effective user-centered web pages, compliant to standards and following recent trends, based on the analysis of users’ needs, information architecture, usability and accessibility criteria, and functionalities.

AIMS AND CONTENT

LEARNING OUTCOMES

Obiettivo del corso è quello di affrontare il progetto di applicazioni web flessibili, accessibili e resistenti al cambiamento. In particolare, viene illustrato come gli standard non costituiscano un limite alla creatività del progettista ma siano un modo per creare una nuova generazione di applicazioni web che permettano di abbattere i costi della progettazione, sviluppo e verifica della qualità nel rispetto delle normative vigenti e in termini di accessibilità.

AIMS AND LEARNING OUTCOMES

Web technologies are pushing rapid changes in software solutions, also reflecting on society and humans' behaviours. The objective ot the course is making students aware of Web design issues.

Learning outcomes will be the following: Understanding the role of technology in the evolution of Web design; Knowing basics of HTML and CSS; Understanding structures and concepts of layout design; Using patterns; Understanding development frameworks; Developing prototypes.

PREREQUISITES

Basics in Computer Science.

Basic on Web design.

TEACHING METHODS

Active lectures and hands-on labs. Classes are also held synchronously, remotely, via the Teams platform.

Please note that the university laboratory and rooms meet more common accessibility criteria and they can be enhanced with specific aids and supporting technologies to make easy using computers  for everyone, according to their specific needs.

SYLLABUS/CONTENT

• Introduction
• Technologies and languages for Web design (history and trends)
• Responsive Web design
• Web languages (HTML+CSS+JavaScript)
• Development frameworks
• Bootstrap framework (Installation and setup)
• Bootstrap framework (use and customization)
• Bootstrap framework (hands-on lab)
• Conclusions

The course partially contributes to the achievement of the Sustainable Development Goals of Agenda UN 2030 No. 10 "Reducing Inequality" and No. 11 "Sustainable Cities and Communities" by addressing web accessibility (W3CAG) and universal design.

RECOMMENDED READING/BIBLIOGRAPHY

Teacher notes available via Aulaweb.

Also:  

• E-books on web trends available at the URL https://www.uxpin.com/studio/ebooks/.  
• Mathis, L. (2016). Designed for use: Creating usable interfaces for applications and the web. 

People who cannot attend lessons will make reference to the contents in the many links suggested within the notes. 

Please note that the provided learning materials meet more common accessibility criteria, however they can be arranged in different formats, if needed, to improve their ease-of-use, according to each students' specific needs.

TEACHERS AND EXAM BOARD

Exam Board

MAURO COCCOLI (President)

GIOVANNI ADORNI

GIANNI VIARDO VERCELLI (President Substitute)

LESSONS

LESSONS START

First Semester

Class schedule

The timetable for this course is available here: Portale EasyAcademy

EXAMS

EXAM DESCRIPTION

At the end of the course, students will have to illustrate their project works, carried out applying the notions acquired during the theoretical lessons and using the tools illustrated in the practical exercises.

ASSESSMENT METHODS

The project work aims to proving that the students have acquired Web design capabilities and skills in using tools.

Exam schedule

FURTHER INFORMATION

Students with disabilities or learning disorders are allowed to use specific modalities and supports that will be determined on a case-by-case basis in agreement with the Delegate of the Engineering courses in the Committee for the Inclusion of Students with Disabilities. Students are invited to contact the teacher of this course and copy the Delegate.

[https://unige.it/en/commissioni/comitatoperlinclusionedeglistudenticondisabilita.html]