+ );
+}
+```
+````
+
+### Code Block con numerazione righe
+````markdown
+```js showLineNumbers
+function calculateSum(a, b) {
+ return a + b;
+}
+
+const result = calculateSum(5, 3);
+console.log(result);
+```
+````
+
+**Linguaggi supportati:**
+JavaScript, TypeScript, Python, Java, C#, PHP, Go, Rust, HTML, CSS, SQL, JSON, YAML, e molti altri.
+
+---
+
+## 8. Tabelle
+
+```markdown
+| Colonna 1 | Colonna 2 | Colonna 3 |
+|-----------|-----------|-----------|
+| Riga 1 | Dato 1 | Dato 2 |
+| Riga 2 | Dato 3 | Dato 4 |
+```
+
+### Tabelle con allineamento
+```markdown
+| Sinistra | Centro | Destra |
+|:---------|:------:|-------:|
+| Testo | Testo | Testo |
+| Esempio | Test | 123 |
+```
+
+**Allineamento:**
+- `:---` = Allineato a sinistra
+- `:---:` = Centrato
+- `---:` = Allineato a destra
+
+---
+
+## 9. Citazioni
+
+```markdown
+> Questa è una citazione semplice.
+
+> Questa è una citazione
+> su più righe.
+```
+
+### Citazioni complesse
+```markdown
+> ## Citazione con intestazione
+>
+> Puoi includere **formattazione** nelle citazioni.
+>
+> - Liste
+> - Anche nelle citazioni
+```
+
+---
+
+## 10. Separatori Orizzontali
+
+```markdown
+---
+```
+
+Oppure:
+```markdown
+***
+___
+```
+
+Tutti e tre i metodi producono lo stesso risultato: una linea orizzontale di separazione.
+
+---
+
+## 11. Componenti Docusaurus Specifici
+
+### Admonitions (Avvisi)
+
+Gli admonitions sono blocchi colorati per evidenziare informazioni importanti.
+
+```markdown
+:::note
+Questa è una nota informativa.
+:::
+
+:::tip
+Questo è un suggerimento utile.
+:::
+
+:::info
+Questa è un'informazione importante.
+:::
+
+:::warning
+Questo è un avvertimento.
+:::
+
+:::danger
+Questo è un avviso di pericolo.
+:::
+```
+
+### Admonitions con titolo personalizzato
+```markdown
+:::tip Titolo personalizzato
+Puoi personalizzare il titolo degli admonition.
+:::
+
+:::note[Nota con titolo personalizzato]
+Sintassi alternativa per il titolo.
+:::
+```
+
+### Admonitions collassabili
+```markdown
+:::details Clicca per espandere
+Contenuto nascosto che si può espandere.
+:::
+```
+
+---
+
+## 12. MDX - Componenti React
+
+MDX permette di utilizzare componenti React direttamente nel Markdown.
+
+### Componenti inline
+```markdown
+export const Highlight = ({children, color}) => (
+
+ {children}
+
+);
+
+Ecco un testo evidenziato in verde.
+```
+
+### Live Code Editor
+````markdown
+```jsx live
+function Button() {
+ const [count, setCount] = useState(0);
+ return (
+
+ );
+}
+```
+````
+
+### Importare componenti esterni
+```markdown
+import MyComponent from '@site/src/components/MyComponent';
+
+
+```
+
+---
+
+## 13. Funzionalità Avanzate
+
+### Footnotes (Note a piè di pagina)
+```markdown
+Questo è un testo con una nota[^1].
+
+[^1]: Questa è la nota a piè di pagina.
+```
+
+### Emoji support
+```markdown
+:smile: :heart: :thumbsup: :rocket: :warning:
+
+Oppure direttamente: 😄 ❤️ 👍 🚀 ⚠️
+```
+
+### Keyboard keys
+```html
+Premi Ctrl+C per copiare.
+```
+
+---
+
+## 14. Diagrammi
+
+### Mermaid (se abilitato)
+````markdown
+```mermaid
+graph TD;
+ A-->B;
+ A-->C;
+ B-->D;
+ C-->D;
+```
+````
+
+### Diagramma di flusso
+````markdown
+```mermaid
+flowchart LR
+ A[Start] --> B{Decision}
+ B -->|Yes| C[Process]
+ B -->|No| D[End]
+ C --> D
+```
+````
+
+---
+
+## 15. Math (se KaTeX abilitato)
+
+### Equazioni inline
+```markdown
+La formula di Einstein è $E = mc^2$.
+```
+
+### Equazioni in blocco
+```markdown
+$$
+\int_{-\infty}^{\infty} e^{-x^2} dx = \sqrt{\pi}
+$$
+```
+
+---
+
+## 16. Best Practices
+
+### Struttura dei file
+```
+docs/
+├── intro.md
+├── tutorial/
+│ ├── _category_.json
+│ ├── basics/
+│ │ ├── create-document.md
+│ │ └── markdown-features.md
+│ └── advanced/
+│ └── deploy.md
+└── api/
+ └── users.md
+```
+
+### File _category_.json
+```json
+{
+ "label": "Tutorial",
+ "position": 2,
+ "link": {
+ "type": "generated-index",
+ "description": "Tutorial per imparare Docusaurus."
+ }
+}
+```
+
+### Performance e SEO
+- **Immagini ottimizzate**: Usa formati moderni (WebP) e dimensioni appropriate
+- **Meta description**: Includi sempre una descrizione nel frontmatter
+- **Keywords**: Utilizza parole chiave rilevanti per la ricerca
+- **Struttura gerarchica**: Mantieni una gerarchia logica delle intestazioni
+- **Heading sequenziali**: Usa heading in ordine (H1 → H2 → H3)
+
+### Accessibilità
+- **Alt text**: Fornisci sempre testo alternativo per le immagini
+- **Struttura heading**: Usa intestazioni per strutturare il contenuto
+- **Link descrittivi**: Assicurati che i link abbiano testo descrittivo
+- **Contrasto colori**: Usa colori con contrasto adeguato negli elementi personalizzati
+
+### Organizzazione contenuti
+- **Naming consistency**: Usa convenzioni coerenti per nomi file e ID
+- **Logical grouping**: Organizza documenti in cartelle logiche
+- **Cross-references**: Crea collegamenti tra documenti correlati
+- **Regular updates**: Mantieni aggiornata la documentazione
+
+---
+
+## Risoluzione Problemi Comuni
+
+### Errori MDX
+1. **Tag auto-chiudenti**: Usa `` invece di ``
+2. **Attributi JSX**: Usa `className` invece di `class`
+3. **Sintassi mista**: Non mischiare Markdown e JSX nello stesso blocco
+4. **Import mancanti**: Importa tutti i componenti che usi
+
+### Debug dei link
+- Usa percorsi relativi per documenti interni
+- Controlla che i file esistano effettivamente
+- Verifica l'estensione dei file (.md vs .mdx)
+
+### Problemi di build
+- Controlla la sintassi YAML nel frontmatter
+- Verifica che non ci siano caratteri speciali nei nomi file
+- Assicurati che tutti gli import siano corretti
+
+---
+
+## Risorse Aggiuntive
+
+- 📚 [Documentazione Ufficiale Docusaurus](https://docusaurus.io/)
+- 🎯 [Markdown Guide](https://www.markdownguide.org/)
+- 🔧 [MDX Documentation](https://mdxjs.com/)
+- 🎨 [Infima CSS Framework](https://infima.dev/) (utilizzato da Docusaurus)
+
+---
+
+> **Nota**: Questa guida è stata creata per il progetto [docs.git](https://gitlab.dffm.it/giuseppe/docs.git) e può essere liberamente utilizzata e modificata secondo le esigenze del progetto.
\ No newline at end of file
diff --git a/docs/Secomea/setup-1549dev.md b/docs/Secomea/setup-1549dev.md
index a40cb67..9ff7ad9 100644
--- a/docs/Secomea/setup-1549dev.md
+++ b/docs/Secomea/setup-1549dev.md
@@ -1,148 +1,187 @@
---
-id: GestioneSiteManager1
-sidebar_position: 2
-title: 'Secomea SiteManager 1549 Dev Separation'
-sidebar_label: SiteManager 1549 Dev Separation
-pagination_prev: null
-hide_table_of_contents: true
+id: sitemanager-dev-port-separation
+title: Sitemanager 1549 - DEV Port Separation
+sidebar_label: DEV Port Separation
+sidebar_position: 1
+description: Guida per configurare la separazione delle porte DEV sul Sitemanager 1549 Secomea
+keywords: [secomea, sitemanager, 1549, dev port, separation, network, configuration]
+tags: [secomea, networking, configuration]
---
+# Sitemanager 1549 - DEV Port Separation
+Questa guida illustra come configurare la **separazione delle porte DEV** sul Sitemanager 1549 di Secomea per creare reti separate.
-Term
-: Definition for the term.
-: Another definition for the same term.
+## Panoramica
-Another Term
-: Definition of another term.
+La funzionalità DEV Port Separation consente di separare le porte DEV del Sitemanager per creare segmenti di rete isolati, utile per:
+- Separare diverse reti di automazione
+- Isolare gruppi di dispositivi
+- Implementare segmentazione di sicurezza
+## Prerequisiti
-:::info Obiettivo
-Avere due reti separate e sicure, accessibili in modo indipendente tramite GateManager.
+- Accesso alla GUI del Sitemanager (locale o tramite GateManager)
+- Privilegi di amministrazione
+- Conoscenza della topologia di rete target
-Questa guida è pensata per tecnici e amministratori di sistema che devono configurare un SiteManager per isolare la rete di una macchina (DEV2) dalla rete di impianto principale (DEV1).
+---
+
+## Procedura di Configurazione
+
+### Step 1: Accesso alla GUI
+
+Accedere alla GUI del Sitemanager attraverso:
+- **GUI locale**: Connessione diretta al dispositivo
+- **GateManager**: Accesso remoto tramite piattaforma cloud
+
+### Step 2: Configurazione Porta DEV2
+
+1. **Selezionare la porta DEV2**
+ - Cliccare su **DEV2** nel menu delle interfacce
+
+2. **Configurare la modalità Separation**
+ - **Mode**: Cambiare da `Bridge` (default) a `Separation`
+ - **IP Address**: Inserire l'indirizzo IP del gateway della nuova rete
+ - **Subnet Mask**: Specificare la subnet mask appropriata
+
+3. **Salvare e riavviare**
+ - Cliccare **Save** per salvare le configurazioni
+ - Riavviare il dispositivo per applicare le modifiche
+
+:::warning Attenzione
+Il riavvio del dispositivo causerà una breve interruzione delle connessioni di rete.
:::
-### **1️⃣ Accesso all'interfaccia di Configurazione**
-1️
+### Step 3: Creazione Agent Layer2
-1. Prima di iniziare, accedi all'interfaccia web del SiteManager.
+1. **Creare nuovo Agent**
+ - Navigare nella sezione **Agents**
+ - Creare un nuovo **Agent Layer2**
+ - Cliccare su **Edit** per modificarlo
-Apri un browser e collegati all'indirizzo IP del SiteManager.
+2. **Configurare l'interfaccia**
+ - **Interface**: Selezionare `DEV2`
+ - Cliccare **Save and Back** per confermare
-Accedi tramite la rete locale (porta DEV1) o, se già configurato, attraverso il GateManager.
+---
-Una volta dentro, naviga nel menu
+## Risultato
-System per visualizzare tutte le interfacce di rete.
+Dopo la configurazione, nel **GateManager** saranno visibili:
+- **2 connessioni Layer2** distinte
+- Separazione completa tra i segmenti di rete
+---
-2️⃣ Configurazione della Porta DEV2
-Ora configuriamo la porta DEV2 per operare come una rete indipendente.
+---
-Dal menu
+## Convenzioni e Standard Aziendali
-System, clicca sulla scheda DEV2.
+### Utilizzo delle Porte
+- **DEV1**: Sempre per rete di supervisione (HMI, programmazione)
+- **DEV2**: Sempre per rete di campo (automazione, I/O)
+- **DEV3**: Non utilizzare per questa configurazione
-Imposta i seguenti parametri nella pagina di configurazione:
+### Network Map Standard
+#### DEV1
+- **Classe IP**: `172.16.224.0/20` per tutte le macchine
+- **Gateway**: `172.16.239.254` per rete di supervisione
+- **Compatibilità**: Ottimizzata (HMI, PLC, programmazione)
+#### DEV2
+- **Classe IP**: `172.16.0.0/17` per tutte le macchine
+- **Gateway**: `172.16.127.254` per rete di campo
+- **Compatibilità**: Ottimizzata per circuiti MagneMotion
+---
-Mode: Seleziona Separation dal menu a tendina.
+## Verifica Configurazione
+### Controlli post-configurazione
+1. **Verificare connettività**
+ - Testare la connessione ai dispositivi su entrambe le reti
+ - Verificare l'isolamento tra i segmenti
-IP Address: Assegna l'indirizzo IP che farà da gateway per la nuova rete (es. 172.16.223.254).
+2. **Controllo GateManager**
+ - Confermare che vengano visualizzate 2 connessioni Layer2
+ - Verificare lo stato delle connessioni
+3. **Test di isolamento**
+ - Verificare che i dispositivi su DEV1 non possano comunicare con quelli su DEV2
+ - Confermare il corretto routing del traffico
+---
+## Diagramma di Rete
-Subnet Mask: Inserisci la maschera di sottorete corrispondente (es. 255.255.240.0).
+```mermaid
+graph TD
+ A[Sitemanager 1549] --> |Rete di Supervisione| B[DEV1 - Bridge Mode]
+ A -->|Rete di Campo| C[DEV2 - Separation Mode
+ automazione, I/O]
+ A --> D[DEV3 - Bridge Mode]
+
+ B --> E[Rete Principale]
+ C --> |Isolata|F[Rete Separata]
+ D --> G[Non usare]
+
+ E -.-> |Isolata| F
+
+
+ style C fill:#ffeb3b
+ style F fill:#ffeb3b
+```
+---
-Clicca su
+## Parametri di Configurazione
-Save per memorizzare le impostazioni.
+| Parametro | Valore | Note |
+|-----------|--------|------|
+| **Modalità DEV2** | Separation | Cambiare da Bridge (default) |
+| **IP Gateway** | IP della nuova rete | Configurare secondo topologia |
+| **Subnet** | Subnet della nuova rete | Deve corrispondere alla rete target |
+| **Agent Type** | Layer2 | Creare specificamente per DEV2 |
+---
-Apparirà un avviso per il riavvio. Clicca sul pulsante
+## Troubleshooting
-Reboot per rendere effettive le modifiche.
+### Problemi Comuni
+#### Connessione non disponibile dopo riavvio
+- **Causa**: Configurazione IP errata
+- **Soluzione**: Verificare IP e subnet mask del gateway
-
-
+#### Agent non visibile in GateManager
+- **Causa**: Agent non correttamente associato a DEV2
+- **Soluzione**: Verificare che l'interfaccia selezionata sia DEV2
-:::danger Attenzione
-Il riavvio è un passaggio obbligatorio. Senza di esso, la porta DEV2 non funzionerà nella nuova modalità. Il riavvio cancella i log di sistema.
+#### Comunicazione tra reti non isolata
+- **Causa**: Modalità ancora in Bridge
+- **Soluzione**: Confermare che DEV2 sia in modalità Separation
+---
+## Note Aggiuntive
+### Sicurezza
+- La separazione delle porte aumenta la sicurezza isolando i segmenti di rete
+- Implementare firewall rules appropriate se necessario
-:::
+### Performance
+- La modalità Separation può influire sulle performance di throughput
+- Monitorare le metriche di rete dopo la configurazione
-3️⃣ Creazione dell'Agente Layer 2
-Dopo il riavvio, la porta DEV2 è attiva sulla sua nuova rete. Ora dobbiamo creare un "Agente" per potervi accedere da remoto.
+### Manutenzione
+- Documentare la configurazione di rete per future modifiche
+- Mantenere aggiornato il firmware del Sitemanager
-Spostati nella sezione GateManager -> Agents.
+---
-Crea un nuovo agente.
+## Riferimenti
-Come
-
-Device Type, seleziona Layer2 (GENERIC).
-
-
-Una volta creato, clicca sull'icona
-
-Edit (matita) per configurarlo.
-
-4️⃣ Associazione Agente-Interfaccia
-Questo è il passaggio cruciale per collegare l'agente software alla porta fisica corretta.
-
-All'interno delle impostazioni dell'agente, trova il menu a tendina Interface.
-
-Seleziona
-
-DEV2 dall'elenco.
-
-
-Clicca su
-
-Save e poi su Back per tornare alla lista agenti.
-
-
-
-
-:::tip
-Non è necessario compilare i campi "Device IP Address" o "Device MAC Address" a meno che tu non voglia limitare l'accesso a un singolo dispositivo specifico su quella rete.
-
-
-:::
-
-5️⃣ ✔️ Verifica Finale
-Se la configurazione è andata a buon fine, il risultato sarà immediatamente visibile sul GateManager.
-
-Doppia Connessione: Vedrai due agenti Layer 2 attivi per lo stesso SiteManager:
-
-Un agente per la rete su
-
-DEV1.
-
-Un agente per la nuova rete su
-
-DEV2.
-
-Questo conferma che le reti sono isolate e accessibili in modo indipendente.
-
-:::info Nota Pratica
-Per convenzione, su alcuni impianti (es. Rockwell) si preferisce usare le porte
-
-DEV1 e DEV3. La procedura per configurare la porta DEV3 è identica a quella descritta per la DEV2.
-
-
-:::
-
-🔗 Risorse Utili
-
-
-Help Online del SiteManager: L'interfaccia del dispositivo contiene una sezione di aiuto dettagliata per ogni parametro di configurazione.
\ No newline at end of file
+- [Documentazione Ufficiale Secomea](https://www.secomea.com)
+- [Manuale Sitemanager 1549](https://www.secomea.com/support)
+- [GateManager User Guide](https://www.secomea.com/gatemanager)
\ No newline at end of file