Descrizione del servizio offerto
Cantiere 2D — il modo più veloce per crearelayout di cantieresenza 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 cantieripiccoli/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 inserireedifici,polilinee(recinzioni/aree),testi,lineeefrecce,gru a torreconbraccio/controbraccio parametricie simboli provenienti dalibrerie realizzate dal Geom.Benni, oltre aimmagini localiche puoi caricare direttamente dal tuo computer.(PNG/JPG).
Includegestione layer(ordine/visibilità), exportPNG/JPG/PDFa sfondo bianco esalvataggi locali(“Archivio”).
Struttura dell’interfaccia
Toolbar superiore:navigazione, disegno, librerie, archivio, orto 90°, griglia, export.
Canvas di lavoro:area bianca, scala metrica,griglia metricaopzionale (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 | Modificalivedall’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 inlocalStorage |
| ? | 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, aggiornamentolive |
| 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:pulsantiLAYOUT/CARTELLI. Clic su una miniatura per “armarla”, poi clic in canvas per inserirla. Ogni inserimentodisarma(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). Leimmagini localievitano 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 perridimensionare; maniglia tonda perruotare.
Polilinea:Linea(continua/tratteggio),spessore(px). Sechiusa:riempimento(colore + trasparenza). Inserimentovarchi(carraio/pedonale) dall’Inspector o dalmenu tasto destro.
Linea / Freccia:Tratteggio e spessore. Rotazione con maniglia centrale.
Testo:Contenuto e altezza (m). Aggiornamentolive.
Immagine:Proporzioni bloccate; ridimensiona dai bordi/angoli.
Disegno CAD della Polilinea
Attiva🧱 Polilinea(il pulsante si evidenzia) → clicca i vertici (seOrtho 90°è ON, lo snap è ortogonale).
Anteprima dinamica: una traccia ti guida per il prossimo segmento.
Chiudicondoppio-clickoENTER. Tasto destro apre il menu:Concludi,Annulla ultimo punto,Annulla disegno,Varchi.
Varchi: avvia “varco carraio/pedonale” (menu o Inspector), poiclicca la polilinea— il varco si posiziona sulsegmento più vicinoe 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 inLayer.
Spostamento:trascina l’oggetto (per polilinea: vertici o intera figura).
Rotazione:trascina la maniglia rotonda (sopra/fuori). Pergru: maniglia dedicata sul braccio.
Ridimensionamento:trascina angoli/bordi; conimmaginile proporzioni sono mantenute.
Eliminazione:CANC/BACKSPACEo🗑️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 nelbrowser(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 sonolocalial dispositivo/browser enonvengono sincronizzati online.
Esportazione
PNG/JPG: immagine raster consfondo biancoe grigliaesclusa; cerchi di rotazione delle gruinclusi.
PDF: apertura finestra/anteprima con immagine su sfondo bianco; abilita ipopupdel browser.
12) Flusso tipico di lavoro (best practice)
Griglia→ metrica,Passo ≥ 0,50 m(es. 0,50) eOrtho 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 ilriempimento.
Varchi: avvia carraio/pedonale (menu/Inspector) e clicca la polilinea.
Gru🏗️: imposta braccio/controbraccio e spessori; ruota e verificacerchi di rotazioneeinterferenze.
Annotazioni: aggiungilinee,frecceetesti.
Simboli: inserisci elementi dallelibrerie(LAYOUT/CARTELLI); ricorda, ogni inserimento ènon-sticky.
Layer: sistema la visibilità e l’ordine; rinomina dall’Inspector se necessario.
Salvanell’Archivio.Fite poiexport(PNG/JPG/PDF).
Perché ti conviene
Zero installazionee 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 blocchiCORS.
Input:mouse o trackpad (zoom via pulsanti, pan via pulsantePan).
👉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 elaborateesclusivamente 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 unapplicativo 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: Salvataggiodisabilitato,Esportazione(PNG/JPG/PDF) disabilitata, Applicato unwatermark “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.
