Content: video player news (#1043)

video player news #1043

src/data/content/community.yaml

@@ -116,6 +116,20 @@ components:
 
       cards:
 
+      - title: 'Disponibile il player video della Pubblica Amministrazione attento a privacy e accessibilità'
+        headingLevel: 4
+        customCol: col-lg-4
+        text: Il design system del Paese si arricchisce di un importante componente già in uso nel nuovo archivio media di Designers Italia.
+        img: /images/community/20231031-disponibile-il-player-video-della-pubblica-amministrazione-attento-a-privacy-e-accessibilita-1400x723.png
+        alt: ""
+        imgRatio: 21x9
+        imgPlaceholder: false
+        fullHeight: true
+        rounded: true
+        url: "/community/notizie/20231031-disponibile-il-player-video-della-pubblica-amministrazione-attento-a-privacy-e-accessibilita/"
+        dateInfo: 31 ottobre 2023
+        tags: [Design system, Progettazione interfaccia, Sviluppo interfaccia, Accessibilità]
+
       - title: 'Nuovi rilasci del design system del Paese e delle risorse di progettazione e sviluppo'
         headingLevel: 4
         customCol: col-lg-4
@@ -184,19 +198,6 @@ components:
         dateInfo: 01 settembre 2023
         tags: [Modelli di sito, Adozione modelli]
 
-      - title: 'I libri per l’estate consigliati da Designers Italia'
-        headingLevel: 4
-        text: Come ogni anno, le esperte e gli esperti del Dipartimento per la trasformazione digitale condividono alcuni libri da scoprire durante le ferie estive.
-        img: /images/community/20230802-i-libri-per-l-estate-consigliati-da-designers-italia-1400x723.png
-        alt: ""
-        imgRatio: 21x9
-        imgPlaceholder: false
-        fullHeight: true
-        rounded: true
-        url: "/community/notizie/20230802-i-libri-per-l-estate-consigliati-da-designers-italia/"
-        dateInfo: 02 agosto 2023
-        tags: [Cultura progettuale]
-
       topics:
         title: Nelle notizie si parla di
         headingLevel: 4

src/data/content/community/notizie/20231031-disponibile-il-player-video-della-pubblica-amministrazione-attento-a-privacy-e-accessibilita.yaml

@@ -0,0 +1,148 @@
+# ————————————————————————————————————————————
+# CREATEPAGE GATSBY
+# ————————————————————————————————————————————
+metadata:
+  template:
+    name: level3 # article?
+  archive: notizie
+seo:
+  name: "Disponibile il player video della Pubblica Amministrazione attento a privacy e accessibilità"
+  description: "Il design system del Paese si arricchisce di un importante componente già in uso nel nuovo archivio media di Designers Italia."
+  image: https://designers.italia.it/images/community/20231031-disponibile-il-player-video-della-pubblica-amministrazione-attento-a-privacy-e-accessibilita-1400x723.png #I
+  twitterImage: https://designers.italia.it/images/community/20231031-disponibile-il-player-video-della-pubblica-amministrazione-attento-a-privacy-e-accessibilita-1400x723.png #I
+  canonical: null
+  pathname: /community/notizie/20231031-disponibile-il-player-video-della-pubblica-amministrazione-attento-a-privacy-e-accessibilita
+
+lastUpdate:
+  title: 'Ultimo aggiornamento:'
+  licence:
+    label: Licenza CC BY SA 4.0
+    url: https://creativecommons.org/licenses/by-sa/4.0/deed.it
+    icon:
+      icon: sprites.svg#it-external-link
+      size: md
+      color: primary
+      addonClasses: align-middle
+    blank: true
+  edit:
+    label: Proponi una modifica a questa pagina
+    icon:
+      icon: sprites.svg#it-pencil
+      size: sm
+      color: primary
+    blank: true
+kangaroo:
+  navposition:
+    id: kangEnd
+    items:
+      - title: Ti trovi in
+        icon:
+          icon: "sprites.svg#it-folder"
+          size: "sm"
+          align: "middle"
+          color: "secondary"
+        label: Notizie
+        url: "../"
+
+components:
+  hero:
+    background: null
+    centered: true
+    title: "Disponibile il player video della Pubblica Amministrazione attento a privacy e accessibilità"
+    subtitle: "Il design system del Paese si arricchisce di un importante componente già in uso nel nuovo archivio media di Designers Italia"
+    tag:
+        label: Notizia
+        addonClasses: mt-3 text-uppercase
+    # pretext:
+    #   icon:
+    #     icon: sprites.svg#it-info-circle
+    #     size: sm
+    #   text: In breve
+    # text: |
+    #   Lorem ipsum
+
+    kangaroo:
+      id: kangarooExample
+      titleSr: Metadati e link per approfondire
+      noPadding: true
+      tagsLabel: Parliamo di
+      color: secondary
+      icon:
+        icon: sprites.svg#it-horn
+        size: sm
+        color: secondary
+      tags: [Design system, Progettazione interfaccia, Sviluppo interfaccia, Accessibilità]
+      personalInfo:
+         items:
+          - title: Tempo di lettura
+            icon:
+              icon: "sprites.svg#it-clock"
+              size: "sm"
+              align: "middle"
+              color: "secondary"
+            label: 2 minuti
+          - title: Data
+            icon:
+              icon: "sprites.svg#it-calendar"
+              size: "sm"
+              align: "middle"
+              color: "secondary"
+            label: 31 ottobre 2023
+
+  imageIcons:
+   image: /images/community/20231031-disponibile-il-player-video-della-pubblica-amministrazione-attento-a-privacy-e-accessibilita-1920x923.png
+   alt: ""
+   background: dark
+
+  sectionsEditorial :
+    - menu: false
+      centered: true
+      # title: Stiamo costruendo la nuova casa del progetto per supportare la trasformazione digitale della Pubblica Amministrazione
+      # text:
+      id: corpoNotizia
+      components:
+        - name: TextImageCta
+          text: |
+            Come assicurare un’esperienza di fruizione video che sia allo stesso tempo facile e rispettosa delle normative? Ora la Pubblica Amministrazione italiana ha un nuovo strumento a disposizione: il **player video** incluso nel design system del Paese, l’insieme di indicazioni e risorse per progettare servizi pubblici digitali di qualità.
+
+            # Cos'è e come funziona
+            Il nuovo player consente la riproduzione di video direttamente sulle proprie pagine web in modo conforme alla privacy. Nel caso di video provenienti da piattaforme di terze parti (es. YouTube), il player **impedisce che il tracciamento cookie venga avviato prima che le persone abbiano espresso il proprio consenso** attraverso una finestra in sovrimpressione (overlay) dedicata. Utilizzando questa risorsa, le PA possono quindi **informare adeguatamente le persone e permettere loro di esprimere il consenso in modo esplicito e consapevole.** Il player offre inoltre l’opportunità di **implementare soluzioni per gestire le preferenze di consenso** per un solo media o per tutti quelli presenti sul sito. In quest’ultimo caso, le PA possono facilmente abilitare meccanismi di gestione del consenso nella propria cookie policy, consentendo a chi usa il sito di revocare la scelta con la stessa semplicità con la quale è stata espressa.
+
+            ## Privacy
+            Grazie a queste caratteristiche, il player aiuta le pubbliche amministrazioni a implementare soluzioni conformi alla norma General Data Protection Regulation (GDPR). A tal proposito, anche la risorsa del [kit Privacy](/risorse-per-progettare/organizzare/privacy/) dedicata ai video incorporati (embed) si aggiorna suggerendo a tutte le PA di utilizzare il nuovo player per avere un approccio che mette la privacy alla base della progettazione (privacy by default).
+
+            ## Accessibilità 
+            Il player video rende inoltre più facile creare **un’esperienza di riproduzione dei video accessibile a tutte le persone:** permette di includere, infatti, i **sottotitoli** e la **trascrizione** dei contenuti del video usando formati standard come WebVTT, gestire **tracce audio e sottotitoli in più lingue** e raggiungere facilmente tutti i **controlli con tastiera e strumenti assistivi.**
+
+        - name: TextImageCta
+          title: Inizia ad utilizzarlo
+          text: | 
+            Il componente [“Video player”](/design-system/componenti/video-player/) è già disponibile per tutta la PA come parte del framework di sviluppo [Bootstrap Italia](https://italia.github.io/bootstrap-italia/), e puoi usarlo in fase di design e prototipazione ricorrendo al componente incluso nell’ultima versione di [UI Kit Italia.](https://www.figma.com/community/file/1105848677422572920) 
+          ctas:
+          - label: Vai alla documentazione
+            url: "/design-system/componenti/video-player/"
+            icon:
+              icon: sprites.svg#it-arrow-right
+              color: primary
+              align: middle
+              hidden: true
+              size: sm ms-2
+
+        - name: TextImageCta
+          title: Provalo nella sezione "Media"
+          text: |
+            Prova il video player come utente qui sul sito Designers Italia, nella nuova **sezione “Media”** che raccoglie i video di eventi, webinar, community call e lab, oltre a tutorial e podcast. Puoi scoprire il nuovo meccanismo di gestione del consenso nella [Cookie policy](/privacy-policy/#gestione-cookie). Quando apri un video dell’archivio ed esprimi il consenso per tutti i video del sito, puoi revocarlo tornando alla cookie policy attraverso il link “Gestione cookie” presente a fondo pagina o attraverso l’icona privacy (lucchetto) nello stesso player.   
+          ctas:
+          - label: Scopri la sezione media
+            url: "/community/media"
+            icon:
+              icon: sprites.svg#it-video
+              color: primary
+              align: middle
+              hidden: true
+              size: sm ms-2
+
+
+
+
+

src/data/content/index.yaml

@@ -235,33 +235,34 @@ components:
     #   tag:
     #   label: Community Lab
 
-    - title: 'Nuovi rilasci del design system del Paese e delle risorse di progettazione e sviluppo'
+    - title: 'Disponibile il player video della Pubblica Amministrazione attento a privacy e accessibilità'
       headingLevel: 3
       customCol: col-lg-4
-      text: Tra le principali novità, il player video attento a privacy e accessibilità e nuove schede informative.
-      img: /images/community/20231024-nuovi-rilasci-del-design-system-del-paese-e-delle-risorse-di-progettazione-e-sviluppo-1400x723.png
+      text: Il design system del Paese si arricchisce di un importante componente già in uso nel nuovo archivio media di Designers Italia.
+      img: /images/community/20231031-disponibile-il-player-video-della-pubblica-amministrazione-attento-a-privacy-e-accessibilita-1400x723.png
       alt: ""
       imgRatio: 21x9
       imgPlaceholder: false
       fullHeight: true
       rounded: true
-      url: "/community/notizie/20231024-nuovi-rilasci-del-design-system-del-paese-e-delle-risorse-di-progettazione-e-sviluppo/"
-      dateInfo: 24 ottobre 2023
-      tags: [Design system, Progettazione interfaccia, Sviluppo interfaccia]
+      url: "/community/notizie/20231031-disponibile-il-player-video-della-pubblica-amministrazione-attento-a-privacy-e-accessibilita/"
+      dateInfo: 31 ottobre 2023
+      tags: [Design system, Progettazione interfaccia, Sviluppo interfaccia, Accessibilità]
 
-    - title: 'Aziende sanitarie locali: un nuovo modello per migliorare il sito web'
+    - title: 'Nuovi rilasci del design system del Paese e delle risorse di progettazione e sviluppo'
       headingLevel: 3
       customCol: col-lg-4
-      text: Designers Italia avvia la fase di ricerca con gli attori interessati.
-      img: /images/community/20231017-aziende-sanitarie-locali-un-nuovo-modello-per-migliorare-il-sito-web-1400x723.png
+      text: Tra le principali novità, il player video attento a privacy e accessibilità e nuove schede informative.
+      img: /images/community/20231024-nuovi-rilasci-del-design-system-del-paese-e-delle-risorse-di-progettazione-e-sviluppo-1400x723.png
       alt: ""
       imgRatio: 21x9
       imgPlaceholder: false
-      fullHeight: false
+      fullHeight: true
       rounded: true
-      url: "/community/notizie/20231017-aziende-sanitarie-locali-un-nuovo-modello-per-migliorare-il-sito-web/"
-      dateInfo: 17 ottobre 2023
-      tags: [Modelli di sito, Adozione modelli]
+      url: "/community/notizie/20231024-nuovi-rilasci-del-design-system-del-paese-e-delle-risorse-di-progettazione-e-sviluppo/"
+      dateInfo: 24 ottobre 2023
+      tags: [Design system, Progettazione interfaccia, Sviluppo interfaccia]
+
 
     - title: "Progettare strumenti per la trasformazione digitale degli enti locali"
       headingLevel: 3