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

The course aims to provide students with operational and design skills in responsive web design and content management system (CMS) administration. Upon completion of the course, students will be able to: Apply principles and methodologies of responsive web design to ensure optimal content usability across mobile and desktop devices; Design and develop web prototypes using responsive development environments such as Bootstrap, managing grids, components, and adaptive layouts; Understand the functioning of major content management systems (CMS) and perform installation, configuration, and management tasks for publishing dynamic websites; Customize the visual and functional aspects of a CMS through the use of themes, plugins, modules, and basic code customizations; Integrate responsive design principles within CMS platforms, ensuring consistency between prototyping, development, and content publication.

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 (i.e., Web Design 1 course)

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.

Students who hold valid certificates relating to Specific Learning Difficulties (SLD), disabilities or other educational needs are invited to contact the lecturer and the school’s disability liaison officer at the start of the course to agree on any teaching arrangements which, whilst respecting the course objectives, take into account individual learning styles. 

The contact details for the university’s disability liaison officer are available at the following link: https://unige.it/commissioni/comitatoperlinclusionedeglistudenticondisabilita.

SYLLABUS/CONTENT

• Introduction
• Technologies and languages for Web design
• Responsive Web design
• Web languages (HTML+CSS+JavaScript)
• Development frameworks
• Bootstrap framework (Installation and setup)
• Bootstrap framework (use and customization)
• CMSs
• WordPress (Installation and setup)
• WordPress (use and customization)
• 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)

LESSONS

LESSONS START

First Semester

https://easyacademy.unige.it/portalestudenti/index.php?view=easycourse&_lang=it&include=corso

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 relevant tools and technology.

FURTHER INFORMATION

Students with valid certifications for Specific Learning Disorders (SLD) may request accommodations for exams at least 7 days prior to the exam date by filling out the “accommodation request form” (available via online services at https://modulionline.unige.it/richiesta-adattamenti# no-back), which will be automatically forwarded by the system to the instructor in charge of the course and to the faculty liaison for students with disabilities and SLDs in their School/Department. 

The student will receive a copy of their request.