Vaadin, fornitore di piattaforme per applicazioni web Java, ha annunciato il lancio di due nuove soluzioni low-code per gli utenti del framework Vaadin Flow: Visual View Builder e Visual Theme Editor. Questi strumenti low-code colmano il divario tra la progettazione e lo sviluppo di un’applicazione, facilitando agli sviluppatori e ai non sviluppatori la prototipazione visiva e lo stile delle loro applicazioni, generando allo stesso tempo codice ben strutturato come base per un ulteriore sviluppo utilizzando il framework open-source Vaadin Flow.

“L’introduzione dei nuovi strumenti low-code to pro-code di Vaadin rappresenta una pietra miliare significativa per consentire ai team interfunzionali di creare più rapidamente applicazioni aziendali interessanti senza il blocco delle piattaforme low-code”, ha dichiarato Kim Weins, responsabile del prodotto di Vaadin.

“Questi nuovi strumenti visivi intuitivi facilitano la collaborazione tra sviluppatori, progettisti ed esperti del settore, tra cui product manager, product owner, consulenti e analisti aziendali. Mentre si itera sul design dell’applicazione con il team, Vaadin genera istantaneamente codice ben strutturato premendo un pulsante, consentendo agli sviluppatori di migliorare ulteriormente l’applicazione”.

La sfida: colmare il divario tra progettazione e sviluppo

Oggi esiste un divario tra le fasi di progettazione e sviluppo delle applicazioni software. Le interfacce utente sono in genere progettate da esperti del settore, proprietari di prodotti, product manager e analisti aziendali, che collaborano con designer UX e UI. I progettisti utilizzano spesso strumenti di progettazione e prototipazione isolati e scollegati dal codice.

Una volta consegnati agli sviluppatori, i progetti devono essere ricreati nel codice, il che richiede tempo e sforzi significativi. Inoltre, ogni volta che i progetti vengono modificati, le inefficienze si moltiplicano.

La fusione di Low-Code e Pro-Code: Il meglio dei due mondi

Sebbene le piattaforme low-code consentano ai non sviluppatori di partecipare alla creazione di applicazioni, il codice risultante è spesso opaco e bloccato nell’ambiente cloud del fornitore low-code, limitando le opzioni di personalizzazione, distribuzione e ottimizzazione dei costi. Quando si costruiscono applicazioni aziendali robuste e ricche di dati, molte organizzazioni richiedono il pieno controllo del codice e la possibilità per gli sviluppatori di mettere a punto le applicazioni per soddisfare specifici requisiti funzionali, prestazionali e operativi.

L’introduzione del low-code negli strumenti pro-code offre una soluzione ottimale, consentendo all’intero team applicativo, compresi gli sviluppatori e i non sviluppatori, di progettare in modo collaborativo le applicazioni, generando al contempo codice di alta qualità per l’ulteriore sviluppo. Questa integrazione riduce il divario tra progettazione e sviluppo, con conseguente aumento dell’efficienza e della produttività.

Presentazione di Vaadin Visual View Builder

Vaadin Visual View Builder è uno strumento di prototipazione low-code Software-as-a-Service (SaaS) che facilita la progettazione collaborativa di applicazioni e la generazione istantanea di codice. Visual View Builder consente a sviluppatori, progettisti e proprietari di prodotti di prototipare rapidamente le viste delle applicazioni utilizzando il robusto set di componenti UI di Vaadin, progettato specificamente per le applicazioni aziendali.

Condividendo senza problemi questi prototipi con le parti interessate e gli utenti finali, gli sviluppatori possono ottenere un feedback prezioso per garantire esperienze utente coinvolgenti. Il codice ben strutturato viene generato automaticamente con un semplice clic, eliminando la necessità di codificare manualmente i progetti. Il Visual View Builder, disponibile in anteprima gratuita su start.vaadin.com, colma efficacemente il divario tra progettazione e sviluppo, snellendo il percorso di sviluppo e semplificando la creazione delle viste.

I vantaggi includono:

• Colmare il divario tra progettazione e sviluppo: Permette a sviluppatori e non di prototipare rapidamente le viste dell’applicazione e di generare codice ben strutturato con un solo pulsante.
• Collaborazione senza soluzione di continuità: Condividete i vostri prototipi con utenti e stakeholder per ottenere il feedback necessario a creare un’esperienza utente coinvolgente.
• Semplificare la creazione di viste: Costruite nuove viste senza sforzo utilizzando modelli di interfaccia utente predefiniti e componenti Vaadin, eliminando la necessità di progettare e codificare manualmente.
• Personalizzazione semplice: salvate e rivedete le viste personalizzate, consentendo di modificarle e perfezionarle senza dover ricominciare da zero.

Presentazione dell’editor di temi visivi Vaadin

Vaadin Visual Theme Editor è una soluzione low-code che offre agli sviluppatori funzionalità di styling dell’interfaccia utente all’interno dell’applicazione. Grazie a un’interfaccia utente intuitiva, gli sviluppatori possono semplicemente fare clic su qualsiasi componente dell’interfaccia utente e modificare facilmente colori, caratteri, spaziatura e altre proprietà degli elementi dell’interfaccia utente, ottenendo un feedback in tempo reale all’interno delle loro applicazioni Vaadin Flow.

I vantaggi includono:

•  Velocizzazione dello stile: Rendere lo stile più veloce e più facile per gli sviluppatori Java, senza dover modificare i CSS in modo noioso e lungo. Tutte le modifiche di stile apportate nell’editor del tema si riflettono in tempo reale, sia nell’anteprima live che nel codice.
• Ottenere un controllo granulare: Perfezionate l’aspetto delle vostre applicazioni Vaadin Flow regolando con precisione i singoli elementi dell’interfaccia utente. Il Visual Theme Editor crea automaticamente i selettori CSS e le classi Java necessarie per garantire un codice ben strutturato.
• Garantire la coerenza: Assicurate un’esperienza utente fluida modificando rapidamente un particolare tipo di componente in tutta l’applicazione. I fogli di stile verranno aggiornati automaticamente.
• Feedback in tempo reale: Vedete immediatamente i risultati delle vostre modifiche di stile nell’applicazione e nel codice, in modo da poterle adattare rapidamente senza lunghi cicli di aggiornamento.