DOCSEARCHbyAlgolia
Submit Docs

Design Comuni Pagine Statiche

website·Indexed 30 days ago

https://italia.github.io/bootstrap-italia

A collection of static page design patterns for Italian municipal services, featuring user flows for nursery school enrollment, ZTL permits, maternity allowance requests, school canteen services, and tax payments such as IMU and traffic fines.

Tokens
132.8K
Snippets
554
Records
799
Agent score
74%

What's inside Design Comuni Pagine Statiche

  1. Overview of Bootstrap Italia Framework

    Bootstrap Italia is an open-source framework designed to create inclusive and maintainable web interfaces for the Italian Public Administration. It is built upon Bootstrap 5.2.3, inheriting its components, grids, and utility classes, but customized to comply with the 'Linee guida di design per i siti internet e i servizi digitali della Pubblica Amministrazione'. It implements patterns and components from the UI Kit Italia as ready-to-use code.

  2. Overview of Municipal Services Catalog

    The municipal services portal provides citizens with access to a wide range of services available either online or at physical service desks. These services include requesting documents and permits, enrolling in rankings, and making payments. The catalog is organized by categories and includes a search function for keyword-based discovery.

  3. Overview of the Affix component

    The Affix component locks an element to a specific area of the page, keeping it anchored while the rest of the content is scrolled. This is typically used for navigation menus or social network buttons. Developers should ensure that Affix elements do not obscure page content, particularly on smaller viewports.

  4. Overview of Registry and Civil Status services (Anagrafe e stato civile)

    The 'Anagrafe e stato civile' section provides administrative services related to civil registry and status, including certificates and declarations for births, marriages, civil unions, deaths, citizenship, changes of residence and domicile, identity cards, and electoral and cemetery services.

  5. Overview of Bootstrap Italia Components

    Bootstrap Italia provides a library of components for building websites, based on Bootstrap 5.2.3. These components are customized in terms of style, accessibility, and functionality to comply with the 'Linee guida di design per i siti internet e i servizi digitali della PA' (Design guidelines for Italian Public Administration websites and digital services). The library includes both base Bootstrap components and additional non-native components referred to as 'plugins' that extend the framework's functionality.

  6. Implement a Service Report form for public services

    The 'Segnalazione disservizio' (Service Report) design pattern is used to collect reports about public service failures or property damage. The form is structured into three main sections: Location, Service Issue, and Reporter Information. Mandatory fields are indicated by an asterisk (*).

  8. Implement a cookie consent banner with Cookiebar

    The Cookiebar is an informative banner used to notify users about the use of cookies on a website, as required by privacy regulations (e.g., Garante Privacy). To implement it, place the HTML structure immediately after the opening <body> tag.

    Key requirements:

    • The element must retain the cookiebar class, as it is linked to the JavaScript function that manages the banner's visibility.
    • The acceptance button must include the data attribute data-bs-accept="cookiebar" to trigger the closing of the banner.
    • A link to a cookie preferences page should be provided for detailed user management.
    <section class="cookiebar fade" aria-label="Gestione dei cookies">
  <p>Questo sito utilizza cookie tecnici, analytics e di terze parti. <br />Proseguendo nella navigazione accetti l’utilizzo dei cookie.</p>
  <div class="cookiebar-buttons">
    <a href="#" class="cookiebar-btn">Preferenze<span class="visually-hidden">cookies</span></a>
    <button data-bs-accept="cookiebar" class="cookiebar-btn cookiebar-confirm">Accetto<span class="visually-hidden"> i cookies</span></button>
  </div>
</section>

  10. Authentication methods for accessing municipal services

    Users can access the site and its digital services using the following authentication methods:

    • SPID (Sistema Pubblico di Identità Digitale): The public digital identity system.
    • CIE (Carta d’Identità Elettronica): Electronic Identity Card.
    • Corporate/Employee IDs: Alternative access for company IDs or employee credentials.

  11. Structure the Municipal Administration section

    The 'Amministrazione' section should provide a comprehensive overview of the municipality's administrative structure. It is divided into two primary functional areas: 'In evidenza' (Highlighted/Quick Links) for high-traffic entities like the Mayor or Strategic Planning, and 'Esplora l'amministrazione' (Explore Administration) for detailed organizational browsing.

  12. Understand the Documenti e Dati page structure

    The 'Documenti e Dati' (Documents and Data) page serves as a central repository for official municipal documentation, including acts, agreements, statistics, projects, and forms. The page is organized into three primary functional areas: 'In evidenza' (Featured) for high-priority documents, 'Esplora i documenti' (Explore documents) for searching and listing files, and 'Esplora per categoria' (Explore by category) for browsing documents by their administrative type.