Versione 2.0
Nella versione 2.0 sono state implementate le seguenti modifiche e miglioramenti:
- Architettura a Pagina Unica (SPA): L'applicazione è stata semplificata rimuovendo il sistema a più pagine, consolidando tutte le funzionalità all'interno di un unico file
index.html. - Terminale Interattivo: Utilizzando JavaScript, è stato integrato un terminale interattivo che supporta l'esecuzione di vari comandi.
Struttura del Progetto
- index.html: Contiene la struttura principale dell'intera applicazione.
- css/styles.css: Definisce gli stili e la presentazione dell'applicazione.
- js/scripts.js: Gestisce tutte le funzionalità interattive del terminale tramite JavaScript.
Funzionalità
- Generazione Dinamica del Terminale: Gli utenti possono generare dinamicamente nuove finestre di terminale.
- Ridimensionamento del Terminale: Le finestre del terminale possono essere ridimensionate direttamente all'interno della pagina.
- Spostamento del Terminale: Le finestre del terminale possono essere trascinate e posizionate liberamente all'interno dell'interfaccia.
- Comandi Disponibili:
help: Elenca tutti i comandi disponibili e le loro descrizioni.date: Mostra la data e l'ora correnti.clear: Cancella il contenuto del terminale.exit: Chiude la finestra del browser.pwd: Visualizza la directory corrente del terminale.weather [city]: Esegue una richiesta di rete utilizzando le API confetche le funzioniasynceawait, fornendo le informazioni meteorologiche aggiornate per la città specificata.
Tecnologie Utilizzate
- HTML: Utilizzato per la struttura e il layout della pagina web.
- CSS: Impiegato per la stilizzazione e la presentazione grafica.
- JavaScript: Utilizzato per la gestione delle interazioni dell'utente e per l'implementazione della logica dei comandi del terminale.
Note
Questo progetto è una simulazione che incorpora alcune funzionalità di un terminale reale, sviluppato come esercizio di design e usabilità nell'ambito di un corso di Web Programming Design & Usability.