# Manuale Utente: HyperInfographics **HyperInfographics** è un assistente intelligente che ti guida passo dopo passo nella progettazione di infografiche efficaci, accessibili e professionali. Utilizza l'intelligenza artificiale (Ollama) per offrirti consulenza creativa e tecnica in ogni fase del processo. --- ## 🚀 Per Iniziare ### 1. Requisiti * **Browser Web**: Chrome, Edge, Firefox o Safari. * **Ollama**: Il motore di intelligenza artificiale locale. * **Configurazione**: Prima di aprire l'app, apri il terminale e lancia questo comando per permettere all'app di "parlare" con Ollama: * Windows (PowerShell): `$env:OLLAMA_ORIGINS="*"; ollama serve` * Mac/Linux: `OLLAMA_ORIGINS="*" ollama serve` ### 2. Avvio Fai doppio clic sul file `HyperInfographics.html`. Se Ollama è configurato correttamente, vedrai la lista dei modelli disponibili (es. `llama3`, `mistral`) nel menu a tendina. Selezionane uno e clicca "Inizia Creazione". --- ## 🛠️ Come Funziona il Wizard L'applicazione divide il lavoro in **10 Fasi** logiche. 1. **Navigazione**: Usa la barra laterale a sinistra per saltare tra le fasi o i pulsanti "Alvanti/Indietro" in basso. 2. **Input**: Leggi la domanda nella scheda centrale e scrivi i tuoi appunti o idee nel box di testo ("Il tuo Input"). 3. **Il Coach IA**: * Clicca su **✨ Genera Suggerimenti** per chiedere aiuto all'IA. * L'IA leggerà quello che hai scritto (e quello che hai deciso nelle fasi precedenti) e ti darà consigli su misura, prompt per immagini o critiche costruttive. 4. **Accessibilità (Section 508)**: * Fai attenzione ai box gialli "Focus Accessibilità". Ti ricordano requisiti legali ed etici importanti, come il contrasto colori o il testo alternativo per i non vedenti. --- ## 📄 Il "Brief Infografica" (.md) Alla fine del processo (o in qualsiasi momento), puoi cliccare su **💾 Scarica Brief-Infografica (.md)**. ### Cos'è questo file? È un file **Markdown**, un semplice file di testo formattato che contiene **tutto** il lavoro che hai fatto: le tue decisioni, i testi che hai scritto e i suggerimenti che l'IA ti ha dato. ### Come utilizzarlo? 1. **Come Checklist di Produzione**: * Mentre costruisci l'infografica vera e propria (su Canva, PowerPoint o Illustrator), tieni aperto questo file. * Contiene l'elenco esatto dei colori (codici HEX), i font scelti e la struttura dei contenuti. Non dovrai più cercare "quell'idea che avevo avuto". 2. **Per i Grafici / Designer**: * Se non sei tu a disegnare l'infografica, invia questo file al grafico. È un "Capitolato Tecnico" (Brief) perfetto. * Spiega chiaramente *chi* è il pubblico, *qual è* lo scopo e *quali* dati inserire, evitando incomprensioni. 3. **Per la Documentazione (Section 508)**: * Il file contiene la sezione "Testo Alternativo" (Alt Text) generata nella Fase 4. * Copia e incolla queste descrizioni nelle proprietà delle immagini del tuo software finale (es. "Testo Alt" in PowerPoint o Acrobat). Questo rende il tuo lavoro legalmente conforme e accessibile. 4. **Conversione in PDF/Word**: * Puoi aprire il file `.md` con qualsiasi editor di testo (Blocco Note), ma per vederlo formattato bene puoi usare un visualizzatore Markdown o convertirlo online in PDF per archiviarlo come report del progetto. --- ## 💡 Risoluzione Problemi * **L'IA non risponde**: Controlla il terminale dove gira Ollama. Se vedi errori, prova a riavviarlo con il comando `OLLAMA_ORIGINS="*" ollama serve`. * **Salvataggio**: Il file `.md` viene salvato nella cartella "Download" del tuo computer. --- ## 🧩 Strumenti Avanzati (Fase 9 e 12) L'app include due potenti strumenti di export/integrazione: ### 1. Generatore Slide (Google Slides) Quando clicchi sul pulsante arancione **"Genera CODICE Google Slides"**: 1. L'IA genera un codice (Google Apps Script) basato sui tuoi contenuti. 2. Copia questo codice (seleziona e `Ctrl+C`). 3. Vai su [Google Slides](https://slides.google.com) e apri una presentazione vuota. 4. Clicca su **Estensioni** > **Apps Script** nel menu in alto. 5. Cancella tutto il codice che vedi nell'editor e incolla quello generato (`Ctrl+V`). 6. Clicca sull'icona **Salva** (floppy disk) e poi su **Esegui** (triangolo play). 7. (La prima volta Google chiederà autorizzazione: concedila). 8. Torna alla scheda della presentazione: vedrai le slide create magicamente! ### 2. Generatore Prompt (Midjourney / DALL-E) Quando clicchi sul pulsante verde **"Genera Prompt Immagini"**: 1. L'IA crea una lista di descrizioni tecniche ottimizzate per le IA generative. 2. Copia una riga (es. `/imagine prompt: vector illustration of... --ar 3:2`). 3. Incollala su Midjourney (Discord) o DALL-E per generare le immagini esatte che hai pianificato.