← Tutte le tecnologie

frontend

Sviluppo Angular: applicazioni gestionali e PWA aziendali

Framework enterprise per applicazioni gestionali complesse: tipizzato, opinionato, pensato per team strutturati. Stack con cui abbiamo costruito Connexon (admin desktop e PWA installatori).

Perché ci poggiamo su Angular

  • Angular 21 con standalone components e signals
  • Angular Material + CDK per UI gestionali dense
  • ngx-echarts per dashboard interattive
  • Service Worker integrato per PWA installabili

Perché Angular per i gestionali

Un gestionale web non è un sito con qualche form: è un'applicazione che vive dieci anni, cresce per accumulo di richieste e viene toccata da persone diverse nel tempo. In quel contesto la caratteristica più preziosa di un framework non è la libertà, è la prevedibilità.

Angular impone una struttura — moduli, servizi, dependency injection, routing dichiarativo — e questo significa che la funzionalità scritta oggi assomiglia a quella che qualcun altro scriverà tra due anni. Su applicazioni interne di lunga durata questo abbassa in modo concreto il costo di manutenzione, che è la voce che pesa davvero nel ciclo di vita di un gestionale.

Angular in produzione: il caso Connexon

Connexon, la nostra piattaforma per la gestione degli interventi tecnici sul campo, è costruita in Angular. Ha due facce: un backoffice desktop denso — pianificazione, commesse, magazzino, reportistica di collaudo — e una PWA per gli installatori che lavorano nei cantieri fibra, spesso con connessione instabile.

Entrambe condividono lo stesso progetto Angular e lo stesso modello dati, con Supabase come backend. La scheda del prodotto è qui; i case study reali sono Fibersystems, Itelcom e Medacom.

Angular Material e interfacce dense

Le schermate gestionali hanno un problema che i siti non hanno: densità. Tabelle da migliaia di righe con ordinamento e filtri combinati, form con decine di campi condizionali, alberi di categorie. Angular Material e il CDK forniscono i mattoni già risolti per questi casi — virtual scrolling, overlay, drag and drop, gestione del focus — con l'accessibilità da tastiera già inclusa.

Per la parte analitica usiamo ngx-echarts: grafici interattivi su volumi di dati che mettono in crisi le librerie più semplici, con la possibilità di scendere dal dato aggregato al singolo documento con un click.

Signals e standalone components

Le versioni recenti di Angular hanno cambiato molto in meglio. I signals sostituiscono buona parte della complessità di RxJS per la gestione dello stato locale, rendendo il codice leggibile anche a chi non ha una formazione reattiva; gli standalone components eliminano la burocrazia dei moduli; il change detection zoneless riduce il lavoro inutile del browser.

Sulle applicazioni nuove partiamo direttamente con questo assetto. Su quelle esistenti la migrazione si può fare per gradi, componente per componente, senza fermare lo sviluppo delle funzionalità.

Domande frequenti su Angular

Angular è ancora una scelta valida?
Sì, ed è viva: il rilascio è regolare, la migrazione tra versioni maggiori è assistita da schematics automatici e le novità recenti (signals, standalone, zoneless) hanno ridotto sensibilmente la verbosità. Resta il riferimento per applicazioni aziendali di lunga durata.
Meglio Angular o React per un gestionale aziendale?
Angular quando l'applicazione è interna, densa di maschere e destinata a durare anni con più persone che ci mettono mano: la struttura imposta ripaga. React quando il frontend è pubblico, orientato al contenuto e alla SEO. Usiamo entrambi e scegliamo sul progetto, non per preferenza.
Un'applicazione Angular funziona su smartphone?
Sì. La distribuiamo come Progressive Web App: si installa dal browser senza passare dagli store, funziona a schermo intero e accede a fotocamera e GPS. È esattamente il modo in cui centinaia di tecnici usano Connexon sul campo.
Angular funziona offline?
Con il Service Worker integrato l'applicazione resta utilizzabile senza rete e i dati inseriti vengono accodati e sincronizzati al ritorno della connessione. È un requisito che progettiamo esplicitamente per chi lavora in cantiere o in aree senza copertura.
Si può integrare Angular con un gestionale esistente?
Sì: l'applicazione Angular dialoga via API con l'ERP già in uso, che resta la fonte di verità su anagrafiche e documenti. È l'approccio che seguiamo con Passepartout Mexal e con altri gestionali.

Approfondimenti

dove la usiamo

Progetti che girano su Angular

Connexon — Field Service Management per installazioni fibra ottica — anteprima

FiberSystems2024in-produzione

Connexon — Field Service Management per installazioni fibra ottica

Piattaforma cloud dual-app per la gestione operativa degli interventi di installazione FTTH in sub-appalto: pannello amministrazione per l'ufficio, PWA mobile per i tecnici sul campo, magazzino integrato a 3 livelli e statistiche real-time per i committenti wholesale.

  • Angular
  • Supabase
  • PostgreSQL
  • TypeScript
Apri il caso studio
Itelcom — Connexon in produzione su fibra, telefonia e reti dati — anteprima

Itelcom2026in-produzione

Itelcom — Connexon in produzione su fibra, telefonia e reti dati

Secondo roll-out di Connexon come prodotto: la piattaforma esce dal cliente di origine e viene configurata su Itelcom, azienda di telecomunicazioni di Torre del Greco con vent'anni di storia tra fibra ottica, impianti telefonici e cablaggi strutturati.

  • Angular
  • Supabase
  • PostgreSQL
  • TypeScript
Apri il caso studio
Medacom Telecomunicazioni — Connexon per la squadra di campo — anteprima

Medacom2026in-produzione

Medacom Telecomunicazioni — Connexon per la squadra di campo

Terza azienda del settore telecomunicazioni a portare in produzione Connexon: programmazione degli interventi, app di campo per i tecnici e tracciabilità dei materiali per l'impresa di San Giuseppe Vesuviano specializzata in impianti di telecomunicazione.

  • Angular
  • Supabase
  • PostgreSQL
  • TypeScript
Apri il caso studio
CVMGEST — CRM territoriale per reti di informatori scientifici — anteprima

CVMEDICAL2023in-produzione

CVMGEST — CRM territoriale per reti di informatori scientifici

Piattaforma cloud per le aziende farmaceutiche/medical-device che vendono tramite reti ISF: anagrafica medici e strutture, programmazione visite con firma, sell-in/sell-out, quote, statistiche di copertura territoriale. PWA installabile, offline-ready.

  • Angular
  • Supabase
  • PostgreSQL
  • TypeScript
Apri il caso studio
Infopick — Picking e spedizione magazzino su due PWA Angular — anteprima

Infostore2026in-produzione

Infopick — Picking e spedizione magazzino su due PWA Angular

Suite di due web app PWA Angular 20 condivise sullo stesso backend Supabase: una console per il responsabile (gestione magazzinieri, ordini, spedizioni) e una app operatore mobile-first per i magazzinieri (scansione barcode, evasione riga per riga, conferma pick). Integrata con Poleepo per le spedizioni.

  • Angular
  • Supabase
  • PostgreSQL
  • TypeScript
Apri il caso studio
Pizza Express — Gestionale ristorazione: sala, asporto, consegna, prenotazioni, menu QR — anteprima

Pizza Express2024in-produzione

Pizza Express — Gestionale ristorazione: sala, asporto, consegna, prenotazioni, menu QR

App Angular 21 + Supabase che gestisce l'intero ciclo di una pizzeria moderna: cassa con scontrino Epson ePOS, sala con mappa tavoli e coperti, asporto e consegna a domicilio, prenotazioni online con calendario risorse-tavoli, menu digitale QR-a-tavolo con allergeni, ricette/ingredienti/varianti/formati. Backend cloud, stampa scontrino sulla LAN del locale via proxy Cloudflared.

  • Angular
  • Supabase
  • PostgreSQL
  • TypeScript
Apri il caso studio
PriceScan — App companion di Mexal per consultazione catalogo e presa ordini in mobilità — anteprima

Natidea2024in-produzione

PriceScan — App companion di Mexal per consultazione catalogo e presa ordini in mobilità

PWA installabile su Windows, Android e iOS che si connette al gestionale Mexal via Web API. Quattro moduli attivabili separatamente — Scanner, Ricerca, Scanner Clienti, Ordini — per consultare in tempo reale immagine, prezzo, esistenza e categoria di ogni articolo e per creare ordini direttamente in Mexal con listini personalizzati.

  • Angular
  • Passepartout Mexal
  • TypeScript
  • PWA
Apri il caso studio
EdilDoc — PWA di documentazione cantiere per Tramontano Group — anteprima

Tramontano Group2023in-produzione

EdilDoc — PWA di documentazione cantiere per Tramontano Group

Web app Angular 16 + Firebase per la documentazione di cantiere: anagrafica cantieri e fornitori, foto scattate dal telefono direttamente nell'app, consuntivo ore operai per cantiere, scheda contabile e import Excel di prodotti e listini fornitori. Installabile come PWA, funziona anche con segnale ballerino in cantiere.

  • Angular
  • TypeScript
  • PWA
Apri il caso studio
Beatrix — Piattaforma cloud per la gestione del forno crematorio — anteprima

Eden2026in-produzione

Beatrix — Piattaforma cloud per la gestione del forno crematorio

Due web app Angular 21 sullo stesso backend Supabase: la console di amministrazione per l'impianto — calendario cremazioni su tre forni, clienti, tariffario, manutenzioni, festivi, statistiche e log eventi — e l'app riservata alle onoranze funebri, che prenotano lo slot, pagano con carta o in sede e annullano in autonomia entro la finestra consentita. Regole di business applicate in Postgres, non solo nell'interfaccia.

  • Angular
  • Supabase
  • PostgreSQL
  • TypeScript
Apri il caso studio

Stai valutando Angular?

Ti diciamo onestamente se è la scelta giusta per il tuo progetto.

Parliamone