Terminale HTML+CSS+JS

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à

1. Generazione Dinamica del Terminale: Gli utenti possono generare dinamicamente nuove finestre di terminale.
2. Ridimensionamento del Terminale: Le finestre del terminale possono essere ridimensionate direttamente all'interno della pagina.
3. Spostamento del Terminale: Le finestre del terminale possono essere trascinate e posizionate liberamente all'interno dell'interfaccia.
4. 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 con fetch e le funzioni async e await, 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.

Terminale HTML+CSS

Descrizione

Questo progetto consiste nella creazione della struttura di un terminale non funzionante. L'applicazione web permette agli utenti di scrivere e di effettuare operazioni di apertura, chiusura e resize delle finestre del terminale. Il tutto è strutturato in più pagine HTML.

Struttura del Progetto

Questo progetto è una simulazione e non implementa funzionalità di terminale reale. È stato sviluppato come esercizio di design e usabilità per un corso di Web Programming Design & Usability.