Post

Post in evidenza

5E e 5I SIA: Gestione del CAPTHA completa e funzionante con Php, Mysql, le sessioni e Md5

Immagine
Sistema di login con php e mysql comprensivo di sessione, di MD5 e del captcha, ho creato il codice senza sfondo.   Il Captcha è soltanto una serie di 6 numeri generati in modo random che l'utente deve inserirli insieme all'username e la password. Se le credenziali insieme al codice captcha sono stati scritti correttamente allora vai ad una pagina dashboard.   1. Creazione del Database Prima di tutto, crea un database e una tabella per gli utenti. Puoi eseguire il seguente SQL per creare un database chiamato login_system e una tabella chiamata users. CREATE DATABASE login_system; USE login_system; CREATE TABLE users (     id INT AUTO_INCREMENT PRIMARY KEY,     username VARCHAR(50) NOT NULL UNIQUE,     password VARCHAR(255) NOT NULL ); 2. Registrazione degli Utenti Crea un file register.php per consentire agli utenti di registrarsi. Utilizzeremo MD5 per crittografare le password. register.php <?php $servername = "localhost"; $userna

5E e 5I SIA: Login in Php e Mysql con hash md5, Session e CAPTCHA, con lezione per studenti DSA (bisogna modificare il file php.ini per l'estensione GD)

Immagine
Creare un sistema di login in PHP con una tabella utenti su MySQL, hash MD5 per le password, sessione e un CAPTCHA generato localmente è un buon esercizio per capire i concetti di base della sicurezza e autenticazione web. Ecco una guida passo-passo su come realizzarlo e un'introduzione per una lezione DSA. ATTENZIONE:  (bisogna modificare il file php.ini per l'estensione GD altrimenti il codice captcha non si visualizza!!!) Nota: l'uso di MD5 è sconsigliato per hash di password a causa della sua vulnerabilità a collisioni e attacchi rainbow table. Qui è utilizzato solo per scopi didattici. In un'applicazione reale, è preferibile usare algoritmi più sicuri come bcrypt o Argon2 con `password_hash()` di PHP. Creazione del Database e della Tabella Step 1: Creare un database e una tabella MySQL Accedi al tuo server MySQL e crea un database e una tabella per memorizzare gli utenti: ```sql CREATE DATABASE esempio_database; CREATE TABLE users ( id INT AUTO_INCREMENT PRIMAR

3E e 3I SIA: spiegazione della pagina Index.html e del file style.css dell'esercizio Responsive assegnato alle classi

Immagine
Spiegazione della pagina index.html 1. <!doctype html>: Questo è l'inizio del documento HTML. Dice al browser che il documento è scritto in HTML5, la versione più recente di HTML. 2. <head>: Qui inseriamo le informazioni che non sono visibili direttamente nella pagina ma sono importanti per il funzionamento e l'ottimizzazione del sito. - <meta charset="UTF-8">: Questa riga imposta il set di caratteri del documento su UTF-8, un tipo comune che supporta la maggior parte dei caratteri delle lingue del mondo. - <meta http-equiv="Content-type"…>: Assicura che il contenuto del documento è di tipo HTML e specifica di nuovo l'uso del charset UTF-8, una forma ridondante ma può prevenire errori. - <title>Home - Sito responsive della 3E Sia </title>: Questo è il titolo della pagina. Appare nella scheda del browser. - <meta name="viewport"…>: Fondamentale per il design responsive. Fa sì che il sito si adatti bene

5E e 5I Sia: La gestione dello script Captcha in Php (bisogna modificare il file php.ini per l'estensione GD)

Immagine
Creare una pagina di login in PHP che utilizzi le sessioni e un CAPTCHA può aiutare a migliorare la sicurezza contro accessi non autorizzati e bot. Ecco una semplice implementazione passo a passo: 1. Struttura dei file - `login.php`: Pagina di login con il form. - `validate.php`: Script per validare l'accesso. - `captcha.php`: Genera il CAPTCHA. - `welcome.php`: Pagina mostrata dopo un accesso riuscito. 2. Codice dei file `login.php` Questo file contiene il form di login e mostra il CAPTCHA. ```php <?php session_start(); ?> <!DOCTYPE html> <html lang="it"> <head> <meta charset="UTF-8"> <title>Login</title> </head> <body> <h2>Login</h2> <form action="validate.php" method="post"> <label for="username">Username:</label> <input type="text" id="username" name="username" required><br>

3E e 3I SIa: Che cos'è e come si usa LocalStorage

Immagine
Che cos'è e come si usa LocalStorage Il local storage è una funzionalità dei browser web che permette di salvare dati sul computer dell'utente in modo semplice e persistente. Questo significa che i dati possono essere memorizzati anche dopo che il browser è chiuso, a differenza dei cookie che hanno un tempo di vita limitato. Ecco alcuni punti chiave per capire il local storage: 1. Dove si trova: I dati vengono salvati nel browser dell'utente, specificamente nella memoria locale del dispositivo. Questo significa che solo il sito che ha memorizzato i dati può accedervi. 2. Tipi di dati: Il local storage può contenere solo dati in formato stringa (testo), ma è possibile convertire oggetti o array in stringhe utilizzando metodi come `JSON.stringify()` e riportarli al loro formato originale con `JSON.parse()`. 3. Capacità di memorizzazione: La quantità di dati che puoi memorizzare nel local storage è limitata (di solito circa 5-10 MB a seconda del browser), ma è generalmente

3E e 3I Sia: inserimento dati in un modulo form e visualizzazione in un'altra pagina con Local Storage

Immagine
Un esempio base di un modulo HTML con JavaScript. Al submit del modulo, i dati verranno visualizzati su un'altra pagina. Useremo `localStorage` per memorizzare i dati temporaneamente e poi li mostreremo nella seconda pagina. ### Modulo HTML **index.html** (la pagina con il modulo): ```html <!DOCTYPE html> <html lang="it"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Modulo di Inserimento</title> </head> <body> <h1>Compila il Modulo</h1> <form id="dataForm" onsubmit="saveData(event)"> <label for="name">Nome:</label> <input type="text" id="name" name="name" required><br><br> <label for="email">Email:</label> <input type="email" id

3E e 3I Sia: Lezione introduttiva sull'uso del Javascript per studenti DSA e BES

Immagine
La lezione è strutturata in modo semplice e chiaro, utilizzando esempi pratici e un linguaggio accessibile. Lezione: Introduzione alle Istruzioni Fondamentali in JavaScript per studenti DSA e BES Obiettivi della Lezione - Comprendere le principali istruzioni in JavaScript. - Essere in grado di scrivere semplici programmi utilizzando queste istruzioni. - Sviluppare abilità nel risolvere problemi attraverso la programmazione. Materiale Necessario - Computer con accesso a un browser web. - Editor di testo (come Visual Studio Code o anche NotePad). Contenuti della Lezione 1. Introduzione a JavaScript JavaScript è un linguaggio di programmazione utilizzato per rendere le pagine web interattive. È un linguaggio semplice da imparare e molto potente. 2. Istruzioni Fondamentali A. Dichiarazione delle Variabili - Le variabili sono utilizzate per memorizzare informazioni. In JavaScript, possiamo dichiarare variabili usando `let`, `const` e `var`. ```javascript let nome = "Maria"