Descrizione del servizio offerto
Cantiere 2D — il modo più veloce per creare layout di cantiere senza AutoCAD
Se devi progettare, spiegare e condividere un layout di cantiere in modo rapido, Cantiere 2D è la web app pensata per te: gira nel browser, non richiede installazioni CAD e integra tutti gli strumenti essenziali per cantieri piccoli/medi, dalla planimetria alle annotazioni, fino all’export e ai salvataggi locali.
Cantiere 2D è una web app per comporre e annotare layout di cantiere su una pianta 2D.
Consente di inserire edifici, polilinee (recinzioni/aree), testi, linee e frecce, gru a torre con braccio/controbraccio parametrici e simboli provenienti da librerie realizzate dal Geom.Benni , oltre a immagini locali che puoi caricare direttamente dal tuo computer.(PNG/JPG).
Include gestione layer (ordine/visibilità), export PNG/JPG/PDF a sfondo bianco e salvataggi locali (“Archivio”).
Struttura dell’interfaccia
-
Toolbar superiore: navigazione, disegno, librerie, archivio, orto 90°, griglia, export.
-
Canvas di lavoro: area bianca, scala metrica, griglia metrica opzionale (passo ≥ 0,50 m).
-
Finestra Layer (sx): visibilità, riordino drag&drop, sposta su/giù, elimina.
-
Finestra Libreria (dx): Librerie oggetti di cantiere e cartelli precaricati
-
Finestra Immagini (dx, sotto Libreria): upload PNG/JPG e inserimento in pianta (mantiene proporzioni).
-
Inspector (HUD, in basso a sx): proprietà contestuali dell’oggetto (nome, colore, rotazione, parametri specifici).
-
Banner interferenze: evidenzia conflitti tra bracci delle gru.
-
Status bar: messaggi operativi e stato dello strumento attivo.

Toolbar: pulsanti e funzioni
| Icona | Nome | Azione | Note |
|---|---|---|---|
| 🔍 + / − | Zoom | Ingrandisce/riduce la vista | Zoom solo via pulsanti (rotella disattivata) |
| ✋ | Pan | Attiva/disattiva trascinamento vista | Cursore “mano”; clic e trascina sul canvas |
| ↺ | Fit | Adatta la vista al contenuto | Consigliato prima dell’export |
| 🏢 | Edificio | Inserisce un rettangolo ruotabile | Retini dall’Inspector |
| 🏗️ | Gru | Inserisce una gru a torre | Braccio/controbraccio, spessori, cerchio rotazione |
| 🧱 | Polilinea | Disegno CAD a punti | Doppio-click/ENTER per chiudere; destro = menu |
| 📏 | Linea | Segmento con spessore/tratteggio | Maniglia centrale per rotazione |
| ➡️ | Freccia | Freccia con testa e spessore | Rotazione e lunghezza interattive |
| 🔤 | Testo | Inserisce testo | Modifica live dall’Inspector |
| 📚 | Libreria | Mostra/nasconde Libreria & Immagini | LAYOUT/CARTELLI; selezione non-sticky |
| 🖼️ | Immagini | Solo finestra Immagini | Upload PNG/JPG, mantiene proporzioni |
| 💾 | Archivio | Salva/Carica/Duplica/Elimina | Salvataggi in localStorage |
| ? | Manuale | Apre questa guida | ✕ per chiudere |
| Ortho 90° | Vincolo ortogonale | Allinea orizz./vert. durante il disegno | ON/OFF evidenziato |
| Griglia / Passo | Metrica / passo (m) | Mostra griglia e imposta passo | Minimo 0,50 m, aggiornamento live |
| Cerchio gru | Sì/No | Mostra circonferenza di rotazione | Incluso in export |
| 🖼️ PNG / JPG | Export immagine | Sfondo bianco, griglia esclusa | Attenzione a CORS su immagini esterne |
| Export PDF | Apre anteprima / dialog PDF | Consenti i popup del browser |
Finestre laterali
-
Layer: clic per selezionare l’oggetto; 👁 per visibilità; trascina la riga per riordinare; ▲/▼ sposta sopra/sotto; 🗑️ elimina.
-
Libreria: pulsanti LAYOUT/CARTELLI. Clic su una miniatura per “armarla”, poi clic in canvas per inserirla. Ogni inserimento disarma (non-sticky): per inserirne un altro, riseleziona la miniatura.
-
Immagini: carica PNG/JPG (anteprime). Seleziona una miniatura e clicca in canvas per inserirla (mantiene proporzioni). Le immagini locali evitano problemi CORS in export.
Inspector (HUD) — proprietà per tipo oggetto
-
Comune: Nome, Colore (non per immagini), Rotazione (°). ▲/▼ per layer; 🗑️ elimina.
-
Edificio: Retino (nessuno, diagonale, incrociato, puntini, pieno).
-
Gru: L_jib (m, default 15), L_ctr (m, default 3), spessore braccio/controbraccio (px). Cerchio rotazione in rosso; contrappesi tratteggiati sul controbraccio. Maniglia sulla punta del braccio per ridimensionare; maniglia tonda per ruotare.
-
Polilinea: Linea (continua/tratteggio), spessore (px). Se chiusa: riempimento (colore + trasparenza). Inserimento varchi (carraio/pedonale) dall’Inspector o dal menu tasto destro.
-
Linea / Freccia: Tratteggio e spessore. Rotazione con maniglia centrale.
-
Testo: Contenuto e altezza (m). Aggiornamento live.
-
Immagine: Proporzioni bloccate; ridimensiona dai bordi/angoli.
Disegno CAD della Polilinea
-
Attiva 🧱 Polilinea (il pulsante si evidenzia) → clicca i vertici (se Ortho 90° è ON, lo snap è ortogonale).
-
Anteprima dinamica: una traccia ti guida per il prossimo segmento.
-
Chiudi con doppio-click o ENTER. Tasto destro apre il menu: Concludi, Annulla ultimo punto, Annulla disegno, Varchi.
-
Varchi: avvia “varco carraio/pedonale” (menu o Inspector), poi clicca la polilinea — il varco si posiziona sul segmento più vicino e si orienta automaticamente.
-
Modifica: selezionando la polilinea compaiono nodi blu e maniglie mediane; trascina i nodi per spostare i vertici; clic sulla maniglia mediana per inserire un nuovo vertice.
Gestione oggetti
-
Selezione: clic sull’oggetto oppure sulla riga in Layer.
-
Spostamento: trascina l’oggetto (per polilinea: vertici o intera figura).
-
Rotazione: trascina la maniglia rotonda (sopra/fuori). Per gru: maniglia dedicata sul braccio.
-
Ridimensionamento: trascina angoli/bordi; con immagini le proporzioni sono mantenute.
-
Eliminazione: CANC/BACKSPACE o 🗑️ nell’Inspector/Layer.
Scorciatoie da tastiera
| Tasto | Azione |
|---|---|
| ESC | Esce dallo strumento, annulla inserimento libreria/immagine, chiude il menu contestuale |
| ENTER | Chiude la polilinea; conferma linea/freccia |
| CANC / BACKSPACE | Elimina l’oggetto selezionato |
| Doppio-click (in Polilinea) | Conclude/chiude la polilinea |
| Tasto destro (in Polilinea) | Menu: concludi, undo, annulla, varchi |
Salvataggi (Archivio)
-
Salva: assegna un nome e salva nel browser (localStorage).
-
Carica: ripristina il progetto (vista, oggetti, impostazioni principali).
-
Duplica: crea una copia con nuovo nome.
-
Elimina: rimuove una voce dall’Archivio.
Nota: i salvataggi sono locali al dispositivo/browser e non vengono sincronizzati online.
Esportazione
-
PNG/JPG: immagine raster con sfondo bianco e griglia esclusa; cerchi di rotazione delle gru inclusi.
-
PDF: apertura finestra/anteprima con immagine su sfondo bianco; abilita i popup del browser.
12) Flusso tipico di lavoro (best practice)
-
Griglia → metrica, Passo ≥ 0,50 m (es. 0,50) e Ortho 90° ON.
-
Edifici 🏢: inserisci e regola rotazione/dimensioni; scegli il retino dall’Inspector.
-
Polilinee 🧱: traccia recinzioni/aree; chiudi con doppio-click/ENTER; se chiusa, imposta il riempimento.
-
Varchi: avvia carraio/pedonale (menu/Inspector) e clicca la polilinea.
-
Gru 🏗️: imposta braccio/controbraccio e spessori; ruota e verifica cerchi di rotazione e interferenze.
-
Annotazioni: aggiungi linee, frecce e testi.
-
Simboli: inserisci elementi dalle librerie (LAYOUT/CARTELLI); ricorda, ogni inserimento è non-sticky.
-
Layer: sistema la visibilità e l’ordine; rinomina dall’Inspector se necessario.
-
Salva nell’Archivio. Fit e poi export (PNG/JPG/PDF).
Perché ti conviene
-
Zero installazione e tempi di avvio ridotti al minimo.
-
Focus sul cantiere, non sul CAD: strumenti essenziali e workflow lineare.
-
Condivisione facile: esporti PNG/JPG/PDF puliti, pronti per relazioni e tavole illustrative.
-
Controllo totale: salvi in locale, importi librerie e immagini senza passaggi complicati.
Requisiti minimi (HW/SW)
-
Browser: Chrome/Edge 109+, Firefox 115+, Safari 16+ (abilita i popup per la stampa PDF).
-
Sistema: Windows 10+/11, macOS 11+, Linux moderno.
-
CPU/RAM: Dual-core, 4 GB RAM (consigliati 8 GB per progetti pesanti).
-
Schermo: 1366×768 minimo (consigliato 1920×1080 o superiore).
-
Rete: HTTPS locale/Cloud. Per export con immagini, caricale localmente (o stessa origine) per evitare blocchi CORS.
-
Input: mouse o trackpad (zoom via pulsanti, pan via pulsante Pan).
👉 Cantiere 2D è la scorciatoia intelligente per passare dall’idea alla tavola: semplice, rapido, professionale.
VIDEO DIMOSTRATIVO WEB APP
Perché Utilizzare il Nostro Applicativo?
- Sicurezza e privacy totale: nessun dato viene salvato sul server. Tutte le informazioni inserite vengono elaborate esclusivamente nel browser dell’utente, garantendo la massima riservatezza.
- Nessun software da installare: funziona direttamente dal browser, senza necessità di installazioni o aggiornamenti.
- Compatibile con tutti i sistemi operativi: essendo un applicativo web, è accessibile tramite browser e non dipende dal sistema operativo, garantendo la massima fruibilità su Windows, macOS, Linux .
PROVA LA DEMO
La DEMO è pensata per provare l’interfaccia e verificare se l’app risponde alle tue esigenze, tenendo conto dell’hardware (CPU/RAM/monitor) e del software (browser/sistema) su cui la farai girare.
Limitazioni della Demo: Salvataggio disabilitato, Esportazione (PNG/JPG/PDF) disabilitata, Applicato un watermark “DEMO” sull’area di disegno
Questa web app è una alternativa veloce per creare layout di cantiere per cantieri di piccole/medie dimensioni, senza dover utilizzare AutoCAD o strumenti CAD complessi.











