Alberi Monumentali

Progetto in corso, al momento il repo è privato

Link ad un esempio

Semplice web app per la gestione dei dati relativi agli alberi monumentali presenti in città.

Consente agli utenti di:

• visualizzare su una mappa la posizione degli alberi presenti nel database.
• visualizzare informazioni dettagliate relative ad un particolare albero.
• segnalare la presenza di nuovo albero compilando un form.
• modificare le informazioni relative ad un albero già mappato.

Architettura

Front-end

L’app è ospitata alla homepage di un sito web che include anche altre pagine legate al progetto.

Il sito è costruito con l’ausilio del web framework Astro .

L’app è vanilla JS. Al caricamento della home, l’app recupera i dati degli alberi già mappati con una richiesta al backend; al momento vengono serviti dati di prova in formato JSON da un endpoint esposto sullo stesso dominio. L’app gestisce la compilazione del form per il caricamento di un nuovo record; al momento il dato viene solo memorizzato temporaneamente dal front-end.

Nota: Usando i termini sito ed app vogliamo distinguere tra le due: anche se attualmente non esiste una chiara demarcazione, l’obiettivo è di organizzare il codice in modo che l’app sia isolata e le sue funzionalità siano indipendenti dal contenitore (in questo caso il sito) in cui è ospitata.

Attualmente, building e deployment del front-end avvengono sulla piattaforma Vercel.

Back-end

Da realizzare.

Modello Dati

L’applicazione gestisce dati che rappresentano alberi ed entità geometriche che mettono in relazione insiemi di questi elementi (es. filari). Per una rappresentazione adeguata delle caratteristiche di una pianta, le informazioni da includere possono essere molte ed esistono già vari modelli di dati utili in questo contesto. Al momento vengono utilizzati pochi campi di esempio che includono i dati minimi considerati necessari (in particolare la posizione) per le funzionalità dell’app ed altri campi a scopo dimostrativo.

Esempio

{
  "location": { "lat": 45.89316, "lng": 12.31514 },
  "circumference": { "unitOfMeasure": "m", "value": 1.5 },
  "height": { "unitOfMeasure": "m", "value": 15 },
  "species": { "scientificName": "quercus ilex" },
  "id": 1,
  "user": {
    "first-name": "Mario",
    "last-name": "Rossi",
    "contact": "[email protected]",
  },
  "date": "2024-01-01 09:42:15",
  "comment": "hey! 👋",
  "administrator": "Comune di Paperopoli"
}

Crediti

• Icone: Feather , The MIT License (MIT) Copyright (c) Cole Bemis
• Mappa di base e dati geografici: OpenStreetMap
• Contributors:
• Deployment:
• Altre risorse: