Vai al contenuto
La tecnologia Eleria · Made in Italy

Pompelm-OSLe tue app. Un unico spazio di lavoro.

Pompelm-OS è il framework di interfaccia di Eleria che porta l’esperienza di un desktop nel browser. App, finestre, widget e impostazioni condividono un ambiente pensato per lavorare insieme.

Esplora Pompelm-OS Nei nostri prodotti
Panoramica delle finestre di Pompelm OS con Calcolatrice, Documenti, Novità, Attività e Galleria.
Tutte le app aperte, a colpo d’occhio. La panoramica delle finestre permette di ritrovare subito ciò su cui stai lavorando.

Le schermate mostrano l’ambiente dimostrativo di Pompelm-OS, con app e dati di esempio.

01 / Il tuo desktop

Le informazioni che servono. Già in vista.

Un appuntamento in arrivo, una nota al volo, un dato da tenere d’occhio. I widget portano piccoli strumenti direttamente sul desktop, accanto alle tue app.

defineWidget

Puoi creare widget React con dati del tuo prodotto, campi di configurazione e permessi. Ogni istanza mantiene la propria configurazione.

Quattro widget sul desktop: orologio, calendario dei prossimi eventi, nota adesiva e fotografia.
Orologio, prossimi eventi, nota adesiva e foto: un desktop composto intorno alle esigenze di chi lo usa.

02 / App e finestre

Ogni attività trova il suo spazio.

Le app si aprono in finestre che puoi spostare, ridimensionare, minimizzare e ritrovare dalla barra. Documenti, attività e strumenti restano nello stesso ambiente.

WindowTitleActions

Salva, aggiorna, filtra: puoi aggiungere i pulsanti della tua app alla barra del titolo. Il framework li posiziona in base allo stile del desktop e allo schermo.

Finestra dell’app Attività con una lavagna organizzata in Da fare, In corso e Fatte, sul desktop Pompelm OS.
L’app Attività in una finestra: elenco e lavagna convivono con i controlli comuni di Pompelm-OS.

03 / Impostazioni integrate

Un ambiente che si adatta a te.

Tema chiaro o scuro, colori, sfondo, stile del desktop e disposizione delle barre. Le preferenze dell’interfaccia hanno un posto preciso, facile da ritrovare.

defineAppSection

Il prodotto può aggiungere le proprie pagine alle Impostazioni: per esempio integrazioni o preferenze operative. La sezione legge e salva i dati nel backend del prodotto.

Opzioni grafiche di Pompelm OS con selezione del tema scuro, colori suggeriti e colore personalizzato.
Le Opzioni grafiche raccolgono le preferenze visive. Le impostazioni specifiche del prodotto possono avere sezioni dedicate.

04 / Tutto collegato

Un solo posto per gli aggiornamenti.

Avvisi e novità delle app si ritrovano nel centro notifiche. Un messaggio può riportarti all’app di origine, con il contesto utile per continuare.

useNotifications

Le app possono mostrare notifiche con titolo, testo, immagine e un collegamento alla propria vista. La lettura del feed e lo stato dei messaggi si integrano con il backend.

Centro notifiche aperto sul lato destro del desktop, con messaggi di benvenuto, suggerimenti e novità.
Il centro notifiche affianca il desktop e riunisce messaggi, avvisi e novità dell’ambiente demo.

05 / Anche in movimento

Lo stesso mondo. Un altro formato.

Sul telefono il desktop lascia spazio a una home di app. La navigazione si adatta allo schermo e i widget hanno una pagina dedicata, per ritrovare strumenti e informazioni anche fuori dalla scrivania.

App e widget condividono le stesse definizioni. Chi sviluppa il prodotto cura i contenuti delle proprie viste per renderli comodi anche su uno schermo piccolo.

Pompelm OS in formato mobile con griglia delle app e barra di navigazione inferiore.
La home su uno schermo stretto: app, notifiche e accesso ai widget rimangono a portata di mano.

06 / Il primo accesso

Si comincia con poche scelte.

La configurazione guidata accompagna il primo avvio: aspetto, sincronizzazione e preferenze. Il prodotto può adattare questo percorso al proprio ambiente.

Le preferenze dell’interfaccia possono essere collegate al profilo utente o a un endpoint dedicato, scegliendo quali restano sul singolo dispositivo.

Finestra di benvenuto della configurazione guidata con i passaggi Aspetto, Sincronizzazione e Preferenze.
Il benvenuto di Pompelm-OS: la configurazione iniziale accompagna l’utente nella preparazione del desktop.

07 / L’identità del prodotto

Il tuo marchio, fin dall’ingresso.

Nome, logo e pagina di accesso fanno parte dell’esperienza. Ogni prodotto può costruire il proprio ingresso e mantenere un’identità riconoscibile dentro il desktop.

AuthAdapter

L’interfaccia di login e l’autenticazione sono configurabili separatamente: il prodotto sceglie l’aspetto della pagina e l’adattatore che dialoga con il proprio backend.

Pagina di accesso a Pompelm OS con logo del pompelmo, campi email e password e recupero password.
La pagina di accesso della demo. Marchio e interfaccia di login possono essere personalizzati per ciascun prodotto.

Per chi sviluppa

Una base comune. Spazio alle tue idee.

Pompelm-OS è un framework web basato su React e TypeScript. Il core gestisce l’ambiente; il prodotto compone le funzionalità attraverso API pubbliche e moduli riutilizzabili.

ReactTypeScriptAPI / SDK
AppdefineApp
Le funzionalità del prodotto, dentro le proprie finestre, con icone, traduzioni e permessi.
WidgetdefineWidget
Dati e piccoli strumenti sul desktop, con configurazioni dedicate a ogni istanza.
EstensionidefineExtension
Funzioni trasversali alla sessione: organizzazioni, abbonamenti, profilo e regole di accesso.

Il prodotto collega questi moduli ai propri servizi e mantiene il controllo sui dati e sulle regole applicative.

I primi prodotti

Una tecnologia. Identità diverse.

EleCCP e Riservia sono i primi prodotti Eleria a usare Pompelm-OS come base della propria interfaccia. Un’esperienza comune, applicata a esigenze diverse.

EleCCP

Sicurezza alimentare, tracciabilità e gestione operativa. La tua sicurezza alimentare, semplice e veloce.

Scopri EleCCP

Riservia

Disponibilità, prenotazioni, eventi e notifiche: l’infrastruttura Eleria per organizzare il tempo.

Riservia nel portfolio

Pompelm-OS è parte del modo in cui costruiamo i prodotti Eleria.

Torna a Eleria