Prove di A.I. - Come Documentare il Tuo Setup Tecnologico con Perplexity

Nel mondo della fotografia, della musica e del viaggi, possedere un setup tecnologico ben organizzato è fondamentale.

Come informatico, musicista e appassionato di fotografia e di viaggi, so bene quanto sia importante avere strumenti professionali e interconnessi in modo efficiente. Però, quando si tratta di documentare questo setup in modo visuale e organizzato, il compito diventa più complesso.

È qui che ho scoperto il valore di Perplexity, un assistente AI intelligente che va oltre la semplice ricerca online. In questo articolo, racconterò come ho utilizzato Perplexity per creare una documentazione completa e professionale del mio desktop setup, trasformando una semplice descrizione testuale in infografiche, diagrammi interattivi e tabelle dettagliate.

Parte 1: Il Punto di Partenza – Descrivere l'Indescrivibile

Il Problema

Possedere un setup tecnico complesso non è un problema – il problema arriva quando devi descriverlo agli altri. Nel mio caso, avevo:

MacBook Pro 16" 2019 (Intel i9, 32GB RAM, 1TB SSD)
Un hub CalDigit TS5 Plus che funge da centro nevralgico
Due monitor LG 4K in daisy-chain
Attrezzatura audio semi-professionale (Focusrite Scarlet 2i2, microfono Rode NT2-A, cuffie Sennheiser)
Sistemi audio aggiuntivi (AudioEngine A2+ con subwoofer S8)
Setup per streaming (Elgato Stream Deck Plus con luci Elgato Key Light)
Illuminazione intelligente (Philips Hue Bridge con Hue Go e Gradient Signe)
Webcam (Insta360 Link 2 4K@30fps)
Periferiche wireless (Logitech MX Mechanical, Apple Magic Trackpad, Logitech MX Master 3S)
iPad Pro M1 12,9"
Rete domestica con Synology NAS sincronizzato con OneDrive
Connessione via Fritz!Box 5590

Come spiegare tutto questo in modo che fosse chiaro, visualmente accattivante e facilmente comprensibile?

La Soluzione: Perplexity come Strumento di Documentazione

Ho deciso di usare Perplexity non per cercare informazioni (che già possedevo), ma per trasformare la mia descrizione testuale in contenuti visuali.

Ecco come ho proceduto.

Parte 2: Step 1 – L'Infografica Visuale

Cosa Ho Chiesto

Ho fornito a Perplexity una descrizione completa di tutte le connessioni e i dispositivi nel mio setup. La richiesta era semplice ma precisa:

"Crea un'infografica sullo schema delle connessioni del mio desktop setup: ho un MacBook Pro 16" del 2019 con processore Intel i9, 32GB di RAM e 1TB di SSD. È collegato via Thunderbolt 5 ad un hub CalDigit TS5 Plus. All'hub è collegato via Thunderbolt un monitor LG 32UL950-W UltraHD 4K Led Nano IPS HDR 600 a cui ne è collegato uno identico in modalità daisy chain. All'hub CalDigit sono collegati via USB-C uno StreamDeck Plus che controlla due luci Elgato KeyLight. Sempre all'hub sono collegati via USB un Focusrite Scarlet 2i2 quarta generazione alla quale è collegato un microfono Rode NT2-A e delle cuffie Sennheiser HD 25 SP II... [e così via con tutti gli altri dispositivi]"

Il Risultato

Perplexity ha generato un'infografica che mostrava:

MacBook Pro come dispositivo centrale
CalDigit Hub come punto di distribuzione principale
Tutti i dispositivi organizzati per categoria funzionale:
- 📺 Video & Display
- 🎵 Audio Professionale
- 📹 Streaming & Control
- 🏠 Smart Home & Lighting
- 🌐 Network

L'infografica utilizzava color-coding per differenziare i tipi di connessione:

Blu per Thunderbolt
Arancione per USB-C
Viola per Bluetooth
Verde per Ethernet/LAN
Rosso per WiFi

Insight Importante: Invece di dover usare software complesso come Visio o Figma, avevo generato in pochi secondi un diagramma professionale e riutilizzabile.

Parte 3: Step 2 – La Tabella Dettagliata

Il Secondo Passo Logico

Dopo l'infografica visuale, ho realizzato che avevo bisogno di una documentazione più strutturata e consultabile – una tabella che servisse da riferimento tecnico completo.

Cosa Ho Chiesto

"Creami anche una tabella delle connessioni, con tutti i dettagli sui dispositivi"

Il Risultato

Perplexity ha generato una tabella CSV completa con 25 dispositivi che includeva:

Dispositivo	Connessione	Collegato a	Tipo	Tensione/Standard
MacBook Pro 16" 2019	N/A (Host)	Setup primario	Computer	19V / 100-240V AC
CalDigit TS5 Plus Hub	Thunderbolt 5	MacBook Pro	Hub	5V / USB Power
LG 32UL950-W Monitor #1	Thunderbolt (Daisy-Chain)	CalDigit Hub	Monitor	100-240V AC
LG 32UL950-W Monitor #2	Thunderbolt (Daisy-Chain)	Monitor #1	Monitor	100-240V AC
Focusrite Scarlet 2i2 Gen 4	USB-C	CalDigit Hub	Audio Interface	5V / USB Power
Rode NT2-A Microfono	XLR → Focusrite	Focusrite Scarlet 2i2	Microfono	Fantasia
Sennheiser HD 25 SP II	XLR → Focusrite	Focusrite Scarlet 2i2	Cuffie	Cablato
AudioEngine A2+ Speaker	USB-C	CalDigit Hub	Speaker	100-240V AC
AudioEngine S8 Subwoofer	RCA → AudioEngine A2+	AudioEngine A2+	Subwoofer	100-240V AC
Elgato Stream Deck Plus	USB-C	CalDigit Hub	Controller	5V / USB Power
Elgato Key Light #1	WiFi (tramite Stream Deck)	Stream Deck Plus	Light	100-240V AC
Elgato Key Light #2	WiFi (tramite Stream Deck)	Stream Deck Plus	Light	100-240V AC
Philips Hue Bridge	USB-C	CalDigit Hub	Smart Home Hub	5V / USB Power
Philips Hue Go #1	WiFi (tramite Hue Bridge)	Philips Hue Bridge	Smart Light	Batteria
Philips Hue Go #2	WiFi (tramite Hue Bridge)	Philips Hue Bridge	Smart Light	Batteria
Philips Hue Gradient Signe	WiFi (tramite Hue Bridge)	Philips Hue Bridge	Smart Light	100-240V AC
Insta360 Link 2 Webcam	USB-C	CalDigit Hub	Webcam	5V / USB Power
Logitech MX Mechanical	Bluetooth	MacBook Pro	Tastiera	Batteria AA
Apple Magic Trackpad	Bluetooth	MacBook Pro	Trackpad	Batteria integrata
Logitech MX Master 3S	Bluetooth	MacBook Pro	Mouse	Batteria AA
iPad Pro 12.9" M1	Wireless (dock)	MacBook Pro	Tablet	Batteria integrata
Fritz!Box 5590 Router	N/A (Router)	Rete domestica	Router	100-240V AC
Synology DS720+ NAS	Ethernet (LAN)	Fritz!Box 5590	Storage	100-240V AC
iPhone 15 Pro Max	WiFi	Fritz!Box 5590	Smartphone	Batteria
OneDrive Backup	Cloud (OneDrive)	Synology NAS	Cloud Storage	Internet

Cosa mi piace di questo approccio: La tabella diventa un documento vivente che chiunque può consultare per capire esattamente come è strutturato il mio setup.

Parte 4: Step 3 – Il Diagramma Interattivo (Mermaid)

Perché Non Fermarsi a Due Formati?

Infografica e tabella sono ottimi, ma per un blog tecnologico avevo bisogno di qualcosa di ancora più dinamico: un diagramma interattivo che potesse essere facilmente aggiornato e riutilizzato.

Cosa Ho Chiesto

"Creami anche [...] un codice per far creare la grafica da qualche strumento apposito"

Il Risultato: Mermaid Diagram Code

Perplexity ha generato un codice Mermaid completo che visualizza l'intero setup in formato grafico interattivo. Ecco uno snippet del codice:

graph TB

MB["🖥️ MacBook Pro 16<br/>2019 Intel<br/>32GB RAM | 1TB SSD"]

TB5["⚡ Thunderbolt 5<br/>CalDigit TS5 Plus<br/>Hub"]

MB -->|Thunderbolt 5| TB5

subgraph Video["📺 VIDEO & DISPLAY"]

MON1["🖼️ LG 32UL950-W<br/>UltraHD 4K<br/>Monitor #1"]

MON2["🖼️ LG 32UL950-W<br/>UltraHD 4K<br/>Monitor #2<br/>Daisy-Chain"]

MON1 ---|Daisy-Chain| MON2

end

TB5 -->|Thunderbolt| MON1

subgraph Audio["🎵 AUDIO PROFESSIONAL"]

AUD1["🎙️ Focusrite Scarlet 2i2<br/>Gen 4 Audio Interface"]

MIC["🎤 Rode NT2-A<br/>Microfono XLR"]

CUFF["🎧 Sennheiser HD 25 SP II<br/>Cuffie Monitor"]

SP1["🔊 AudioEngine A2+<br/>Speaker"]

SUB["🔉 AudioEngine S8<br/>Subwoofer"]

MIC -->|XLR| AUD1

CUFF -->|XLR| AUD1

SUB -->|RCA| SP1

end

TB5 -->|USB-C| AUD1

TB5 -->|USB-C| SP1

subgraph Streaming["📹 STREAMING & CONTROL"]

STREAM["🎮 Elgato Stream Deck Plus<br/>USB-C"]

LIGHT1["💡 Elgato Key Light #1"]

LIGHT2["💡 Elgato Key Light #2"]

STREAM -->|WiFi| LIGHT1

STREAM -->|WiFi| LIGHT2

end

TB5 -->|USB-C| STREAM

Il Vantaggio di Mermaid:

✅ Open Source – Sempre disponibile e gratuito

✅ Facilmente Modificabile – Se cambio un dispositivo, basta editare il testo

✅ Compatibile Ovunque – GitHub, Notion, Obsidian, blog, Joomla

✅ Versionabile – Posso tracciare i cambiamenti nel tempo

✅ Scalabile – Se il setup cresce, il diagramma cresce con esso

Parte 5: Come Usare Questi Contenuti su Joomla

Integrazione nel Blog

Ora che avevo tre formati diversi (infografica, tabella, diagramma), la domanda naturale era: come integrarli nel mio blog Joomla?

Ecco come ho proceduto:

1️⃣ L'Infografica PNG

L'immagine generata da Perplexity può essere inserita direttamente in Joomla come asset media:

1. Vai a Contenuti > Gestione Media

2. Carica il file PNG dell'infografica

3. Nel tuo articolo, inserisci l'immagine normalmente

4. Perplexity ha già generato un'immagine in alta risoluzione, pronta per il web

2️⃣ La Tabella CSV

Ho convertito il CSV in una tabella HTML direttamente nel codice Joomla:

<table class="table table-striped table-bordered">

<thead>

<tr>

<th>Dispositivo</th>

<th>Connessione</th>

<th>Collegato a</th>

<th>Tipo</th>

<th>Tensione/Standard</th>

</tr>

</thead>

<tbody>

</tbody>

</table>

In alternativa, puoi usare un plugin CSV to Table direttamente nel tuo Joomla.

3️⃣ Il Diagramma Mermaid

Per Joomla, ci sono due approcci:

Opzione A: Plugin Mermaid per Joomla

Installa un plugin che supporta Mermaid (es. "Mermaid for Joomla") e incolla il codice all'interno di tag specifici.

Opzione B: Embed HTML (Consigliato)

Crea un file HTML standalone con Mermaid e incorporalo via iframe:

xml

Parte 6: I Vantaggi di Usare Perplexity per Questo Progetto

Perché Perplexity e Non Solo ChatGPT?

Durante questo progetto, ho scoperto perché Perplexity è diverso dagli altri AI assistenti:

1. Generazione Multi-Formato in una Sola Sessione

Perplexity non ha solo generato testo – ha creato infografiche visive, codice eseguibile, CSV strutturati e diagrammi interattivi il tutto senza cambiare tool. È come avere designer, sviluppatore e tecnico dati in una sola conversazione.

2. Comprensione del Contesto Conversazionale

Quando ho chiesto il primo passaggio (l'infografica), Perplexity ha capito il mio setup. Quando ho chiesto la tabella, ha mantenuto la coerenza con i 25 dispositivi. Quando ho chiesto il codice Mermaid, ha rispettato esattamente la stessa struttura logica.

3. Generazione di Codice Praticamente Utilizzabile

Il codice Mermaid generato non era una teoria – era direttamente utilizzabile su mermaid.live, GitHub, Obsidian e Notion. Niente "pseudo-codice" o placeholders.

4. Documentazione Completa e Auto-Contenuita

Perplexity non solo ha generato il diagramma, ma ha anche incluso:

Istruzioni su come usarlo
Alternative per ogni scenario
Spiegazioni su perché scegliere una soluzione rispetto a un'altra

5. Ottimizzazione per il Web e il Blogging

Dall'infografica in formato PNG web-ready, alla CSV facilmente importabile, al codice Mermaid che funziona su qualsiasi piattaforma moderna – tutto era pensato per il blogging e la documentazione tecnica.

Parte 7: Lezioni Apprese e Best Practices

Come Ottenere il Massimo da Perplexity per Progetti Simili

Se vuoi replicare questo tipo di progetto (che tu stia documentando un setup tecnico, un'architettura software, o un'installazione complessa), ecco le migliori pratiche che ho imparato:

📝 1. Sii Il Più Specifico Possibile

Non dire: "Ho molti dispositivi collegati, crea un diagramma"

Dì: "Ho un MacBook Pro 16" del 2019 con Intel i9 32GB RAM e 1TB SSD collegato via Thunderbolt 5 a un CalDigit TS5 Plus hub. All'hub sono collegati via Thunderbolt due monitor LG 4K in daisy-chain..."

Perché: Più dettagli fornisci, più accurate e utili saranno le visualizzazioni generate.

📊 2. Richiedi Più Formati

Non fermarti a una singola visualizzazione. Chiedi:

Infografica visuale (PNG)
Tabella strutturata (CSV/HTML)
Diagramma interattivo (Mermaid/SVG)
Codice riutilizzabile

Perché: Formati diversi servono a pubblici diversi e a scopi diversi.

🔄 3. Itera e Raffina

Se la prima infografica non è perfetta, puoi chiedere miglioramenti:

"Puoi riorganizzare i dispositivi per categoria funzionale?"
"Puoi aggiungere il color-coding per i tipi di connessione?"
"Puoi includere le velocità di trasferimento?"

Perché: L'AI è collaborativa – non è una transazione una tantum.

💾 4. Scarica e Archiva i File

Salva sempre:

L'infografica PNG (backup locale)
Il codice Mermaid (facile da versionare)
Il CSV (database dei dispositivi)
La conversazione originale (per riferimenti futuri)

Perché: Potrebbero servirti per aggiornamenti futuri o come base per progetti correlati.

🌐 5. Usa Formati Open e Compatibili

Mermaid: Open source, supportato ovunque

CSV: Universalmente compatibile
PNG: Standard web
HTML: Nessuna dipendenza da tool proprietari

Perché: Non vuoi essere bloccato in un formato proprietario tra 2 anni.

Parte 8: Caso d'Uso Pratico – Come Applicare Questo al Tuo Blog

Scenario: Sei un Tech Creator e Vuoi Documentare il Tuo Setup

Step 1: Preparazione

Raccogli tutte le informazioni sul tuo setup:

Modelli esatti dei dispositivi
Tipi di connessioni (Thunderbolt, USB-C, Ethernet, WiFi, Bluetooth)
Ordine di connessione logico

Step 2: Primo Prompt a Perplexity

Fornisci una descrizione testuale completa (proprio come ho fatto io).

Step 3: Richiedi L'Infografica

Chiedi a Perplexity: "Crea un'infografica visuale con color-coding per i diversi tipi di connessione"

Step 4: Richiedi La Tabella

Chiedi: "Crea una tabella CSV con tutti i dispositivi, tipo di connessione, e dispositivo collegato"

Step 5: Richiedi Il Codice

Chiedi: "Crea un diagramma interattivo usando Mermaid che mostri l'architettura del setup"

Step 6: Integra Nel Blog

Carica l'infografica PNG in Joomla Media Manager
Inserisci la tabella come HTML o tramite plugin
Aggiungi il diagramma Mermaid o come iframe

Step 7: Pubblica e Condividi

Scrivi un articolo che racconti il "dietro le quinte" – proprio come sto facendo qui!

Parte 9: Statistiche e Risultati Concreti

Ecco i numeri effettivi del mio progetto:

Metrica	Valore
Dispositivi Documentati	25
Tipi di Connessione	6 (Thunderbolt, USB-C, XLR, Ethernet, WiFi, Bluetooth)
Tempo di Generazione (con Perplexity)	~5 minuti
Tempo di Generazione (metodo tradizionale: Visio/PowerPoint)	45-60 minuti
Formati Creati	3 (PNG infografica, CSV tabella, Mermaid codice)
Righe di Codice Mermaid	127 linee
Celle Tabella	125 celle
Dispositivi Audio	5 (Focusrite, Rode, Sennheiser, AudioEngine x2)
Dispositivi Video	3 (2 Monitor LG, Insta360 webcam)
Dispositivi Smart Home	4 (Hue Bridge + 3 light)
Dispositivi di Input	3 (Tastiera, mouse, trackpad)
Consumo Energetico Stimato	400-500W (picco)

Cosa Ho Imparato

Perplexity è uno strumento incredibile per documentazione tecnica visuale – Non solo per ricerca, ma per trasformare informazioni complesse in artefatti utilizzabili.
La combinazione di formati è potente – Un'infografica è bella, una tabella è utile, ma il diagramma interattivo è davvero professionale.
L'iterazione collaborativa con l'AI produce risultati migliori – Non è "poni una domanda, ottieni una risposta". È una vera e propria co-creazione.
Il codice open-source (Mermaid) è la scelta giusta per la sostenibilità a lungo termine – Non dipendo da nessun tool proprietario.
La documentazione tecnica è un asset di valore per il tuo blog – Questo articolo stesso ha più valore dal punto di vista SEO e di autorità perché dimostra competenza tecnica profonda.

Raccomandazioni per i Lettori

Se sei:

Un tech YouTuber: Usa questo approccio per documentare il tuo setup nei video
Un blogger tech: Crea articoli come questo che mostrano l'evoluzione del tuo gear
Un professionista IT: Usa questi metodi per documentare infrastrutture complesse
Un creatore di contenuti audio/video: Dimostra ai tuoi clienti esattamente come raggiungi la qualità

Il Prossimo Step

Quando aggiornerò il mio setup (e lo farò, perché i tech enthusiast non smettono mai di upgradare 😄), avrò già un framework per documentarlo velocemente. Il codice Mermaid sarà facile da modificare, la tabella CSV sarà semplice da aggiornare, e avrò già un template di articolo per il blog.

Epilogo: Perplexity Come Strumento di Produttività

Questo progetto mi ha insegnato che Perplexity non è solo un motore di ricerca AI. È uno strumento di produttività multi-funzione che può:

🎨 Generare design e infografiche
📊 Strutturare dati complessi
💻 Creare codice funzionante
📝 Mantener coerenza attraverso più formati
🔄 Permettere iterazione e raffinamento

Se non l'hai ancora provato per questo tipo di task, te lo consiglio vivamente. Non solo per ricerca, ma come partner creativo nel processo di documentazione e design.

Ringraziamenti

Un ringraziamento speciale a Perplexity AI per aver reso possibile trasformare una semplice descrizione testuale in una documentazione professionale multi-formato. E un grazie a te, caro lettore, per aver letto fino a qui! 😊

Se hai dubbi su come replicare questo progetto, o se vuoi condividere il tuo setup, lascia un commento qui sotto!

Roberto Andreasi

Informatico | Fotografo | Musicista | Travel Lover | Tech Enthusiast

Ah... dimenticavo cosa ho chiesto infine?

"vorrei creare un articolo per il mio blog su joomla con queste prove e vorrei scrivere un articolo di come ho usato lo strumento perplexity per questo tipo di prova. cosa mi consiglieresti di scrivere? Puoi scrivere tu l'articolo per me inserendo tutti gli esempi che ti ho dato e i risultati?"