presenta

AWARD

CMS

NON CHIAMATELO

CMS (content management system)

Un CMS (sistema di gestione dei contenuti), è uno strumento software il cui compito è facilitare la gestione dei contenuti di siti web, svincolando il webmaster da conoscenze tecniche specifiche di programmazione Web.

wikipedia

Ibrido

Statico

Business

CMS

SEAT Go
Verona
Mercato
myAudi
SEAT College
CarPresenter
Nucleo
Antares
AudiPedia
Borgo
della Pizza

CORE

PROGETTO

UI

  • MODEL

  • Module

  • Repository

  • Atomi

  • Molecole

  • Section (Organismo)

  • Editor 

  • CONTENT

  • Functional

ATOMIC DESIGN

Atomi

Se gli atomi sono gli elementi costitutivi di base della materia, gli atomi delle nostre interfacce fungono da elementi costitutivi di base di tutte le nostre interfacce utente.

Brad Frost

MOLECOLE

Le molecole sono dei gruppi semplici di una interfaccia utente che funzionano insieme come una unità.

ORGANISMI

Gli organismi sono componenti complessi di una interfaccia utente composti da gruppi di molecole, atomi o altri organismi.

CORE

PROGETTO

UI

  • MODEL

  • Module

  • Repository

  • Atomi

  • Molecole

  • Section (Organismo)

  • Editor 

  • CONTENT

  • Functional

IL PROGETTO

SECTION (organismo)

Unità minima del sistema configurabile sia nei contenuti che nell'aspetto.

Sono studiate per essere responsive.

Hanno una serie di proprietà modificabili.

 

 

EDITOR

Componente che permette di modificare una proprietà di una section.

Gli editor possono essere anche molto complessi.

Gestiscono 3 tipi di dati:

  • Testuali ricercabili (multilingua)
  • Media
  • Grezzi (raw)

 

 

export default {
    extends: Section,
    name: 'SectionContent',
    props: {
        title: {
            type: Object,
            editor: 'EditorText',
            label: 'prop_title',
            default: () => { it: '', en: ''},
            lcontent: true
        },
        wysiwyg: {
            type: Object,
            editor: 'EditorWysiwyg',
            label: 'prop_wysiwyg',
            default: () => { it: '', en: ''},
            lcontent: true
        },
        extra: {
            type: String,
            editor: 'EditorSingleOption',
            label: 'prop_extra',
            options: {
                [EXTRA_MEDIA_GALLERY]: 'option_media_gallery',
                [EXTRA_ICON]: 'option_icon'
            },
            default: EXTRA_MEDIA_GALLERY,
            raw: true
        },
        media_gallery: {
            type: Array,
            editor: 'EditorMedias',
            label: 'prop_media_gallery',
            media_types: [MEDIA_TYPES.image.type],
            conditions: {
                extra: EXTRA_MEDIA_GALLERY
            },
            default: () => [],
            media: true
        }
    }
}

Content

Componente speciale che identifica una tipologia di pagina.

Si tratta di una normale section che non può essere spostata ne cancellata.

 

 

 

CORE

PROGETTO

UI

  • MODEL

  • Module

  • Repository

  • Atomi

  • Molecole

  • Section (Organismo)

  • Editor 

  • CONTENT

  • Functional

24 CMS CORE

MODEL (classe)
Il modello comprende attributi e metodi che saranno condivisi da tutti gli oggetti creati (istanze) a partire dalla classe. Un "oggetto" è, di fatto, l'istanza di una classe.
wikipedia

Module

Partizione dello store che contiene un suo stato, le sue mutations, actions, getters e persino sotto moduli.

REPOSITORY

Classe che si occupa delle operazioni di lettura / scrittura sulle API effettuando le opportune trasformazioni.

Account

Account Tags

Alert

Component

Media

Menu

PAGE

Post

ROLE

SCHEMA

TAG

TAG Type

ROADMAP

Ottobre 2018

∞

Pagine

Media

Menu

SCHEMI

ACCOUNT

Prodotti

MULTILINGUA

SURVEY

FORM

RUOLI

GRAZIE!