Post

Visualizzazione dei post da ottobre, 2024

5E e 5I SIA: Login in Php e Mysql con hash md5, Session e CAPTCHA, con lezione per studenti DSA

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. 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 PRIMARY KEY, username VARCHAR(50) NOT NULL UNIQUE, password VARCHAR(32) NOT NULL ); Codice PHP per il Login Step 2: Connes

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

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"

3E e 3I Sia: Creare un modulo form in una pagina html e restituire il risultato nella stessa pagina con una funzione in Javascript

Immagine
3E e 3I Sia: Creare un modulo form in una pagina html e restituire il risultato nella stessa pagina con una funzione in Javascript Codice HTML e JavaScript <!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 Dati</title> <style> body { font-family: Arial, sans-serif; margin: 20px; } .output { margin-top: 20px; border: 1px solid #ccc; padding: 10px; background-color: #f9f9f9; } </style> </head> <body> <h2>Inserisci i tuoi dati:</h2> <form id="dataForm"> <label for="name">Nome:</label> <input type="text" id="name" required><br><br> <label for="

3E e 3I SIA: Esercizio sulle tecniche di foto ritocco per il Web

Immagine
3E e 3I SIA: Esercizio sulle tecniche di foto ritocco per il Web Scegliere due delle foto allegate e effettuare le seguenti operazioni: - ridurre le dimensioni al 50% e salvarle in formato Jpg - selezionare il soggetto principale e copiarlo su un sfondo trasparente e salvarlo in formato png . ritoccare le foto con lo strumento "correggi/ripara" o "timbro clone" e salvarle in formato jpg. Successivamente creare il logo "Il mio Blog" con queste caratteristiche grafiche: Carattere: Brocklyn Colore testo codice RGB: #38047B Dimensione testo: 80 Spaziatura caratteri: 15 Allineamento centrato: Contorno codice RGB: #EDFE04 Salvare il logo in formato Png. Salvare le foto originali, le foto ridotte, le foto modificate e il logo in una cartella. Salvare la cartella compressa informato zip sul proprio pc e importarla su Classroom. Elenco foto da utilizzare (copiare il link sul browser e scaricare la foto): http://laboratoriosia.altervista.org/esercizi/fotori

3E e 3I SIA: lezioni su HTML - CSS - JAVASCRIPT

Immagine
HTML, CSS, Javascript.  Un metodo di studio per le terze, quarte e quinte classi: Pagine Html-Php ridimensionabili in base ai dispositivi che visualizzano il sito. Usare il codice html con il metatag da inserire in tutte le pagine: <meta name="viewport" content="width=device-width, initial-scale=1.0"> fonte:  http://www.mondadorieducation.it/risorse/media/secondaria_secondo/informatica/informatica_generale11/lab_html/lab_html_ind_es_testo.html Esercizi svolti contenuti nel testo Unità didattica A1 -  Elementi di base di HTML e CSS Unità didattica A2 -  Elementi di strutturazione di un documento Unità didattica A3 -  Collegamenti ipermediali, immagini e animazioni Unità didattica A4 -  Frame e moduli Unità didattica B1 -  Introduzione a JavaScript Unità didattica B2 -  Espressioni, operandi e operatori Unità didattica B3 -  Le strutture di controllo e gli array Unità didattica B4 -  Gli eventi e la programmazione guidata degli eventi Unità

𝗚𝗶𝗼𝗿𝗻𝗮𝘁𝗮 𝗠𝗼𝗻𝗱𝗶𝗮𝗹𝗲 𝗱𝗲𝗴𝗹𝗶 𝗜𝗻𝘀𝗲𝗴𝗻𝗮𝗻𝘁𝗶: 𝘂𝗻 𝗿𝗶𝗰𝗼𝗻𝗼𝘀𝗰𝗶𝗺𝗲𝗻𝘁𝗼 𝗻𝗲𝗰𝗲𝘀𝘀𝗮𝗿𝗶𝗼

Immagine
« Giornata Mondiale degli insegnanti: un riconoscimento necessario »  𝒹𝒾  𝒫𝒶ℴ𝓁ℴ ℒ𝒶𝓉ℯ𝓁𝓁𝒶  Il 5 ottobre di ogni anno si celebra la Giornata Mondiale degli Insegnanti, un’occasione per riflettere sull’importanza cruciale di questa professione. La Giornata Mondiale degli Insegnanti celebra l'approvazione delle Raccomandazioni dell'UNESCO riguardanti lo status degli insegnanti, che rappresentano il principale riferimento a livello globale per i diritti e le responsabilità di questi professionisti. L'intento principale della giornata è stimolare una riflessione sul ruolo degli educatori, sulle difficoltà che devono affrontare ogni giorno e sulle condizioni di lavoro spesso precarie a cui sono soggetti. Gli insegnanti non sono solo trasmettitori di conoscenza; sono mentori, guide e, in molti casi, punti di riferimento per gli studenti. Questa giornata è un’opportunità per onorare il lavoro instancabile e dedicato di coloro che ogni giorno si adoperano per educare le nuov

2S, 3E , 3I, 4E, 4I, 5E e 5I SIA: Creare un sito Web con Wix

Immagine
Guarda il video Creare un sito web non è certo una cosa semplice: per creare un buon web-site, infatti, è necessario conoscere diversi linguaggi (HTML, CSS, Javascript, ecc.) e saper padroneggiare software per la grafica (come Photoshop) ed altri strumenti (client FTP, editor di codice, ecc.) non sempre alla portata di tutti. Per chi vuole fare da solo (senza cioè rivolgersi ad un webmaster professionista o ad una web agency) la strada è davvero in salita: se non si hanno le giuste competenze tecniche ed una buona dimestichezza con gli strumenti informatici, creare da soli il proprio sito web può rivelarsi un'esperienza davvero frustrante e con esiti quasi sempre disastrosi. Ovviamente la complessità del lavoro (ed il relativo risultato finale) è da mettere in relazione agli obiettivi che ci si pone: se crearsi da soli un sito aziendale è quasi sempre una pessima idea, mettere in piedi un piccolo web-site per esigenze personali è sicuramente fattibile a condizione di non avere aspe

5E e 5I Sia: Le domande (con le risposte) delle interrogazioni sui Database e Sql

Immagine
BASI DI DATI Che cosa è un data base? Quale è la differenza tra Data Base e DBMS? Quali sono i tipi di database? Chi sono gli utenti di un data base? Che cosa si intende per "modellazione dei dati"? Quale significato ha il modello Entity/Relationship? Quali sono i simboli grafici del modello E/R? Che cosa si intende per entità? Che cosa si intende per relazione? Quali tipi di relazioni sussistono tra entità? Che cosa sono i vincoli di integrità? A livello di modello logico, in che cosa si trasforma una relazione "molti a molti"? Che cos'è la foreign key? Elencare le regole di derivazione del modello logico dei dati da quello concettuale. Che cos'è un DBMS? Che cosa si intende per database relazionale? Quali sono le operazioni relazionali su un database? Come avviene l’operazione di join tra tabelle? In quali parti essenziali si divide un linguaggio per basi di dati? Quale è lo scopo del processo di normalizzazione di un data base? Come si effettua il process