organizzare.yaml

# INSTRUCTIONS
# folder structure:
# levelX.yaml < contents and settings
# levelX/ < folder with childrens
# important: each level has its dedicated template, from level1 to level4
#
# comments:
# #C to locate all editable content
# #M for links/navigation
# #I for images/media
# #AUTO for parts that will soon be automated, preferably
#
# comment with # to hide something
# delete with caution

# ————————————————————————————————————————————
# CREATEPAGE GATSBY
# ————————————————————————————————————————————
metadata:
  template:
    name: level2

# ————————————————————————————————————————————
# SEO, OPENGRAPH
# ————————————————————————————————————————————
seo:
  name: Organizzare - Designers Italia #C REMIND "- Designers Italia" #AUTO
  description: "Organizza il tuo progetto digitale: pianifica l’impostazione del lavoro dal punto di vista gestionale e operativo" #C
  image: null #I
  canonical: null
  pathname: /risorse-per-progettare/organizzare/ #M

# ————————————————————————————————————————————
# NAV - PRE FOOTER
# ————————————————————————————————————————————
# navPreFooter:
#   navOtherPrevNext:
#     prev:
#       label: Titolo sorella precedente #C
#       url: "#" #M
#       # image: /images/link-custom-icon.svg #I
#       blank: false
#       specular: false
#       icon:
#         icon: "sprites.svg#it-arrow-left"
#         size: "sm"
#         align: "middle"
#         color: "primary"
#         hidden: true
#         addonClasses: flex-shrink-0 me-3
#     next:
#       label: Titolo sorella successiva #C
#       url: "#" #M
#       # image: /images/link-custom-icon.svg #I
#       blank: false
#       specular: true
#       icon:
#         icon: "sprites.svg#it-arrow-right"
#         size: "sm"
#         align: "middle"
#         color: "primary"
#         hidden: true
#         addonClasses: flex-shrink-0 ms-3

# ————————————————————————————————————————————
# CONTENT
# ————————————————————————————————————————————
components:

  # ///////////////////
  # HERO
  # ///////////////////
  hero:
    background: light
    title: Organizzare #C
    subtitle: "Organizza il tuo progetto digitale: pianifica l’impostazione del lavoro dal punto di vista gestionale e operativo" #C
    tag:
        label: Fase di progettazione  #C
        addonClasses: mt-3 text-uppercase
    pretext:
      icon:
        icon: sprites.svg#it-help-circle
        size: sm
      text: In breve
    text: | #C
      Con la fase di organizzazione definisci tutti gli aspetti necessari a **pianificare e gestire il tuo progetto digitale**. I kit di questa fase ti aiutano a capire **quali attività e competenze devi prevedere**, a stimare adeguatamente tempi e risorse, oltre ad adempiere alla **normativa privacy vigente**.
    img: /images/risorse-per-progettare/icons/organizzare-large.svg #I
    alt: "" #C
    imgRatio: 4x3

    # KANGAROO: METADATA
    kangaroo:
      id: kangarooHero
      titleSr: Metadati e link per approfondire
      tagsLabel: Parliamo di
      color: secondary
      icon:
        icon: sprites.svg#it-horn
        size: sm
        color: secondary
      tags: [Pianificazione,Privacy]

      # KANGAROO: CHILDREN SHORTCUTS
      dropdown:
        btnId: dropdownKang
        button:
          addonStyle: dropdown-toggle btn-dropdown
          label: Scopri i kit di questa fase #C
          iconRight: true
          icon:
            icon: sprites.svg#it-expand
            size: sm
            color: primary
            addonClasses: icon-expand ms-2
        list:
          listItems: #M
            - url: "privacy/"
              label: Privacy #C

  # ///////////////////
  # SECTION EDITORIAL
  # ///////////////////
  # sectionsEditorial:


  # ///////////////////
  # HIGHLIGHT WITH CARDS
  # ///////////////////
  highlightCards:
    id: HC1
    title: Esplora e usa i kit di design #C
    text: #C
    col4: false
    noSpace: false

    # CARDS
    cards: # AUTO?

      # CARD CHILDREN
      - title: Privacy #C
        imgRatio: 16x9
        iconImg: /images/risorse-per-progettare/icons/kit_privacy.svg #I
        iconImgAlt: "" #C
        text: "Rispetta la privacy dei tuoi utenti quando realizzi un servizio digitale" #C
        titleSmall: false
        fullHeight: true
        url: "privacy/" #M
        tag:
          label: Kit di design #C

  # ///////////////////
  # SECTION EDITORIAL
  # ///////////////////
  sectionsEditorial2 :

  #  # —
  #   # IMG FULL COVER
  #   # —
  #   - menu: false #TOGGLE RIGHT SECTION INDEX
  #     background: null
  #     full: true
  #     noSpace: true
  #     components:
  #       # IMG
  #       - name: ImageIcons
  #         image: /images/image-icons-fullwidth.jpg #I
  #         alt: Descrizione immagine grande #C

  # —
    # EDITORIAL #C #I
    # —
    - title: Pianificare e coordinare un progetto digitale
      background: null
      menu: false
      centered: true
      # noSpace: true
      text: | #C
        Organizza le attività per lo sviluppo di siti e servizi della Pubblica Amministrazione
      components:

        # TXT BLOCK
        - name: TextImageCta
          title: Uno sguardo ampio per definire il perimetro delle attività #C
          text: | #C
            Una **pianificazione chiara, completa e, al contempo, flessibile** serve come "tracciato da seguire" per orientare fin dall’inizio nella direzione dell’efficacia lo svolgimento di un progetto digitale. Si tratta di **definire con precisione le attività per ciascuna fase progettuale, così da individuare le competenze da coinvolgere, allocare le risorse interne ed esterne in modo corretto e stimare adeguatamente i tempi**.

            Organizzare un progetto digitale nell’ambito della Pubblica Amministrazione, tuttavia, richiede uno sguardo più ampio. Rende indispensabile, cioè, considerare anche la **gestione della privacy, dell’approccio open source e dell’integrazione con le piattaforme abilitanti**: tutti elementi necessari a definire gli standard di qualità, usabilità e accessibilità da raggiungere, e quindi i termini dell’ingaggio dei fornitori.