Robert. 01 / 3

MyMeta · Digital Adoption Platform

Trasformare software.
Senza riscriverli.

MyMeta è una piattaforma che permette di aggiungere guide, modificare interfacce e costruire nuovi flussi sopra applicazioni enterprise, senza intervenire sul loro codice. Dal 2022 lavoro nel team di ricerca e sviluppo, contribuendo alla console di configurazione, al motore che esegue le modifiche nella pagina e al backend.

Periodo
2022 — oggi
Ruolo
Senior full-stack developer
Contesto
Team R&S
Stack
Angular · Node.js · Firebase
La pagina di valutazione SAP personalizzata con MyMeta e il pannello laterale delle attività
Una pagina SAP personalizzata con MyMeta, dallo showcase del prodotto.

01 · Il contesto

01

Adattare le applicazioni alle esigenze di chi le usa.

Le applicazioni enterprise possono avere interfacce e procedure complesse. MyMeta permette di intervenire direttamente nell’esperienza d’uso: aggiungere istruzioni, modificare gli elementi della pagina e automatizzare passaggi, mantenendo il software esistente.

Prima / dopo

Personalizzare l’esperienza dentro l’applicazione.

In questa demo, MyMeta modifica l’aspetto delle sezioni e aggiunge un pannello laterale con obiettivi, attività da completare e comandi per salvare o inviare la valutazione.

La pagina originale, la personalizzazione con MyMeta e l’uso del pannello laterale.

L’evoluzione

Da guide step-by-step a piattaforma low-code.

Dalla V3 alla V4.10, MyMeta ha ampliato gli strumenti disponibili: dalle guide per accompagnare l’utente alla configurazione di interfacce e comportamenti nella pagina.

La console MyMeta V3 con il modulo Processes
Il modulo Processes nella console AngularJS della V3.

Il punto di partenza

Guide e suggerimenti dentro l’applicazione.

La console, sviluppata in AngularJS, permetteva di creare percorsi guidati e tooltip. Il mio lavoro è iniziato dal porting dei moduli esistenti nella nuova console Angular, mantenendo la compatibilità con le configurazioni già create.

Tutto il materiale mostrato appartiene a un ambiente demo.

Il mio ruolo

Da junior a senior, nel team R&S.

Sono entrato come junior frontend developer e sono cresciuto all’interno del team di ricerca e sviluppo fino al ruolo di senior. Nel tempo ho esteso il mio lavoro al motore Client e al backend, contribuendo all’architettura e alle funzionalità del prodotto, oltre che a demo e strumenti interni.

  1. 01Porting della console

    Migrazione da AngularJS ad Angular dei moduli Processes, Hints e Configuration, insieme all’autenticazione dell’estensione.

  2. 02Retrocompatibilità

    Mantenimento del supporto alle configurazioni create nella V3 durante l’evoluzione del prodotto.

  3. 03Funzionalità del prodotto

    Sviluppo di funzionalità nella console, nel motore Client e negli strumenti Draw, Maestro e Dev Tools.

  4. 04Prototipi e demo

    Creazione di configurazioni per mostrare come MyMeta potesse rispondere alle esigenze dei clienti.

La sfida tecnica

02

Eseguire le configurazioni dentro l’applicazione.

Client è il motore del modulo Build: legge le configurazioni create nella console ed esegue le azioni nella pagina, in base agli eventi e alle condizioni definiti. È la parte tecnicamente più complessa a cui ho contribuito.

  1. 01 · Input

    Console

    Si definiscono le modifiche e i comportamenti desiderati.

  2. 02 · Dati

    Configurazione

    Vengono salvati azioni, eventi, condizioni e parametri.

  3. 03 · Core

    Client

    Il motore interpreta la configurazione e ne gestisce l’esecuzione.

  4. 04 · Output

    Pagina

    Le modifiche vengono applicate all’interfaccia e al suo comportamento.

Attivare solo ciò che serve.

Le configurazioni più complesse possono essere suddivise in parti. Le preconditions stabiliscono quando attivare o disattivare ciascuna parte, riducendo il carico sul motore durante l’esecuzione.

Capire cosa succede durante l’esecuzione.

I Dev Tools permettono di consultare i log, controllare i valori delle variabili e misurare i tempi di esecuzione dei singoli elementi della configurazione. Sono strumenti utili per individuare errori e capire quali passaggi richiedono più tempo.

Maestro

Collegare i requisiti alle configurazioni.

Prima, i requisiti del cliente venivano raccolti in un foglio Excel. Maestro li ha portati nella console, dove si potevano descrivere le richieste, seguirne lo stato di avanzamento e collegarle alle configurazioni sviluppate.

Un requisito in Maestro con il suo stato e la sezione per collegare le configurazioni
Un requisito in Maestro, con lo stato di avanzamento e la sezione per collegare le configurazioni.

La demo più complessa

Una Talent Card riutilizzabile nei progetti SAP.

La Talent Card era un tool costruito come configurazione riutilizzabile per i clienti SAP. Il motore Client gestiva il recupero e l’aggregazione dei dati attraverso le API OData, insieme alla costruzione della scheda.

Talent Card in ambiente demo, con profilo, esperienze, punti di forza e aspirazioni professionali
Esempio di Talent Card generata con MyMeta in un ambiente demo.

  1. Importare il tool

    Importare la configurazione nel progetto del cliente.

  2. Configurare l’input

    Scegliere i dati da recuperare.

  3. Configurare l’output

    Definire l’aspetto della scheda e le informazioni da mostrare.

Il percorso

Il percorso, dal 2022 a oggi.

  1. 2022 · Stage

    I primi mesi nel team.

    Tre mesi per conoscere il prodotto, entrare nel codice e iniziare a lavorare sul frontend.

  2. 2022 — 2024 · Apprendistato

    Dal frontend al full stack.

    Ho ampliato le competenze al motore Client e al backend, assumendo nuove responsabilità e imparando a stimare gli sviluppi e collaborare con gli altri team.

  3. 2025 — oggi · Freelance

    La collaborazione continua.

    Ho proseguito il lavoro su MyMeta come freelance. Oggi contribuisco al prodotto come senior, con maggiore autonomia e responsabilità.