Post

Post in evidenza

4E e 4I SIA: L'uso della libreria Leaflet e il plugin Leaflet Routing Machine

Immagine
Il "web mapping" In questa lezione affronteremo la differenza tra Leaflet (la libreria di base) e Leaflet Routing Machine (un plugin specializzato), seguita da un esempio pratico che le usa entrambe. 🌍 Lezione: Mappe Web con Leaflet Pensa a Leaflet come a una scatola di LEGO. Da sola, ti fornisce tutti i mattoncini base (la mappa, i segnaposto, le forme), ma non ti dà un "castello" o una "macchina" già pronti. 1. Cos'è Leaflet (Il Motore Principale) Leaflet è una libreria JavaScript leggera e open-source per creare mappe interattive. È il "motore" della mappa. Come funziona? Il suo funzionamento si basa sul concetto di Layers (Livelli). Immagina di lavorare su fogli di lucido trasparenti impilati: Il Contenitore (HTML): Per prima cosa, hai bisogno di un "telaio" nel tuo HTML in cui la mappa possa vivere. Questo è un semplice <div> con un ID, ad esempio <div id="map"></div>. L'Oggetto Mappa (L.map): Q...

4E e 4I Sia: Utilizzando le librerie Leaflet e Leaflet Routing Machine, tracciare un percorso tra due coordinate geografiche a Lodi, seguendo le strade.

Immagine
  L'esercizio (codice e spiegazione riga per riga per studenti DSA) utilizza le librerie Leaflet e Leaflet Routing Machine per tracciare un percorso tra due coordinate geografiche a Lodi , seguendo le strade. L’esercizio include un modulo per inserire le coordinate di partenza e destinazione e visualizza un camioncino che si muove lungo il percorso. Al termine della consegna, appare un messaggio di conferma. Esempio_leaflet.html <!   –  Esempio di coordinate geografiche: Istituto Tecnico Economico e tecnologico A. Bassi di Lodi Latitudine e Longitudine: 45.312358655777444, 9.498796177908355 Piazza della Vittoria di Lodi Latitudine e Longitudine: 45.314393659486534, 9.502692596604604  –>   Codice HTML   <!DOCTYPE html> <html lang="it"> <head>     <meta charset="UTF-8">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     ...

4E e 4I SIA: procedura completa con php e file di testo, login, session, md5, captcha, le librerie Leaflet e Leaflet Routing Machine

Immagine
  Relazione sulla Procedura di Gestione delle Prenotazioni e Consegne  (compreso gli script di ogni pagina e la spiegazione riga per riga del codice. In fondo al post ci sono altre due pagine php che consentono di salvare i dati di consegna della merce compreso le coordinate geografiche in un file di testo) link per scaricare l'intera procedura   Introduzione La procedura descritta consiste in un sistema di gestione delle prenotazioni e consegne per una paninoteca , implementato in PHP . Utilizza file di testo per memorizzare le informazioni degli utenti e le prenotazioni. La procedura include funzionalità di registrazione e login, gestione delle sessioni, validazione attraverso CAPTCHA , crittografia delle password con MD5 e utilizzo di librerie JavaScript come Leaflet per il tracciamento delle consegne. Componenti Principali 1. **Gestione delle Sessioni**    - Il sistema utilizza la funzione `session_start()` per avviare o riprendere una sessione....