Installazione e configurazione

Tesy Software srl ©

Pagina non stampabile.
Il contenuto è consultabile solo online.

Il Metron Wizard semplifica la configurazione degli allestimenti di testata.

Tecnologie utilizzate:

HTML
CSS
JavaScript
React
Node
JSON
JSX (JavaScript Syntax Extension)
MobX per la gestione dello stato dell'applicazione.

Funzionamento:
Il wizard sfrutta file JSON come risorsa dati per creare dinamicamente l'interfaccia della configurazione guidata.
In fase iniziale e dopo ogni clic, la pagina viene richiamata tramite un hashtag (#), interpretato dal sistema per individuare il file JSON da leggere e utilizzare nella creazione dell'interfaccia.

Istruzioni per l'installazione dell'applicazione

Prerequisiti:

Installazione di Node.js v21.6.0 (e relativo npm)

Installazione:

Aprire il terminale sulla quale si vuole eseguire l'applicazione.
Navigare fino alla cartella radice del “wizard.”
Eseguire il comando “npm i.”
Attendere il termine dell'installazione dei pacchetti necessari.

Esecuzione:

Lanciare il seguente comando dalla cartella root del wizard:
npm run dev

1. JSON Structure:

Struttura JSON

2. Costanti:

Vengono inserite tutte le voci tradotte usate nell'applicazione.

3. Slideshow:

Vengono inserite le immagini presenti nella cartella slideshow.

4. Parametri:

Contiene i passi scelti in precedenza.

Esempio:

{
    "Id": "chiave",
    "Codice": "codice valore selezionato",
    // ... altre proprietà
}

Proprietà disponibili:

Id
Codice
Descrizione
Immagine
… altre proprietà

Components:

Contiene componenti come AdaptiveImage, Logo, SearchBox, Sidebar, Slider, Steps.

/config.js:

Il file di configurazione della root del progetto con impostazioni base dell'applicazione:

   build.title = "Titolo dell'applicazione";
   build.base = "Base URL dell'applicazione";
   build.entry = "Percorso alla cartella del contenuto dell'applicazione";
   build.exit = "Percorso alla cartella di destinazione della build";