Il talk racconta l'esperienza del Frameworkless Movement dal punto di vista dello sviluppatore UI. Partendo dalle basi 'cosa sono i framework e perché li utilizziamo? quali insidie nascondono?' saranno illustrati gli strumenti utili a scegliere consapevolmente il miglior framework per il nostro contesto, come ad esempio i Design System, valutando anche l'opzione "no-framework".
Delphi & Dintorni Webinar - Padroneggiare i principi SOLID con DelphiMarco Breveglieri
Molti sviluppatori continuano a porsi ancora oggi domande esistenziali, ad esempio "Come posso scrivere codice mantenibile?" oppure "Come posso rendere il codice testabile?". Purtroppo non ci sono keyword, né talismani che possano donare la qualità di essere "buono" al nostro codice senza sforzo, tuttavia è sufficiente rispettare pochi e sani principi di progettazione, detti principi SOLID. In questo webinar vedremo come soddisfare tali principi e scrivere "buon codice" con Delphi, rendendolo stabile, mantenibile, estensibile, comprensibile e scalabile, aprendo nel contempo la porta ad altri scenari visti talvolta con diffidenza, come il Testing, che diverranno così semplici e addirittura automatici.
Metaware & Agile - Un Dev Team può creare valore (solo per il cliente?)Ciro Donato Caiazzo
In quanti modi un team di sviluppo Agile può creare valore?
In questa presentazione è proposto un caso di successo di applicazione delle metodologie Agile per la creazione di team per sviluppare progetti e prodotti software con un focus particolare sul continuous improvement e l’ innovazione tecnologica creando valore per il cliente, l’ azienda e i talenti geek.
Una storia di esperimenti volti a trovare il miglior modo di fare "ux" in ambito Agile. "UX, Scrum e Gilde" affronta la sfida di integrare lo user experience design e Scrum, focalizzando l'attenzione sull'importanza di trovare il giusto equilibrio tra strategia e iterazione.
La presentazione si divide in quattro sezioni principali:
1. Cos'è lo UX design e qual è il suo valore?
2. Lo UX designer e il team.
3. UX e Scrum (in che modo è possibile portare il design a bordo del team Scrum?)
4. Le persone e l'organizzazione.
Delphi & Dintorni Webinar - Padroneggiare i principi SOLID con DelphiMarco Breveglieri
Molti sviluppatori continuano a porsi ancora oggi domande esistenziali, ad esempio "Come posso scrivere codice mantenibile?" oppure "Come posso rendere il codice testabile?". Purtroppo non ci sono keyword, né talismani che possano donare la qualità di essere "buono" al nostro codice senza sforzo, tuttavia è sufficiente rispettare pochi e sani principi di progettazione, detti principi SOLID. In questo webinar vedremo come soddisfare tali principi e scrivere "buon codice" con Delphi, rendendolo stabile, mantenibile, estensibile, comprensibile e scalabile, aprendo nel contempo la porta ad altri scenari visti talvolta con diffidenza, come il Testing, che diverranno così semplici e addirittura automatici.
Metaware & Agile - Un Dev Team può creare valore (solo per il cliente?)Ciro Donato Caiazzo
In quanti modi un team di sviluppo Agile può creare valore?
In questa presentazione è proposto un caso di successo di applicazione delle metodologie Agile per la creazione di team per sviluppare progetti e prodotti software con un focus particolare sul continuous improvement e l’ innovazione tecnologica creando valore per il cliente, l’ azienda e i talenti geek.
Una storia di esperimenti volti a trovare il miglior modo di fare "ux" in ambito Agile. "UX, Scrum e Gilde" affronta la sfida di integrare lo user experience design e Scrum, focalizzando l'attenzione sull'importanza di trovare il giusto equilibrio tra strategia e iterazione.
La presentazione si divide in quattro sezioni principali:
1. Cos'è lo UX design e qual è il suo valore?
2. Lo UX designer e il team.
3. UX e Scrum (in che modo è possibile portare il design a bordo del team Scrum?)
4. Le persone e l'organizzazione.
Workshop Ideare e creare Web Applications, Introduzione ad AngularJSGiovanni Buffa
Gli argomenti trattati durante il Workshop gratuito sull'ideazione e creazione di Web Applications con AngularJS:
- Metodologie innovative di ideazione e creazione di Web Applications;
- Sfide e problemi del lavoro in team;
- Introduzione ad AngularJS e alle sue componenti principali;
- Dimostrazione pratica di una WebApp
UX Engineering: il ruolo dello sviluppo nel design dell'esperienza utenteMarco Pesani
Il ruolo di UX Engineer rappresenta la sintesi fra design e sviluppo. Nella presentazione ho prima analizzato quali sono le responsabilità e gli strumenti di questa nuova figura professionale, per poi scendere nel pratico con consigli su come utilizzare Angular JS come strumento di prototipazione rapida.
Angular kit e Design system del Paese - Meetup ngRome 30 Gennaio 2023AndreaStagi3
Slide del MeetUp di Angular Roma dove Cristian Borelli e Andrea Stagi ci hanno raccontato le evoluzioni fatte sul Design Kit e Bootstrap Italia: dalle nuove tecnologie ai temi dell'accessibilità. L’occasione è stata utile per presentare i lavori per il nuovo Design Kit Angular che andrà ad arricchire le componenti Bootstrap Italia.
FAST è una raccolta di tecnologie, basate su Web Components e su Web Standards moderni, che ci aiuta ad affrontare in modo efficiente alcune delle sfide più comuni nella progettazione e nello sviluppo di siti ed applicazioni Web.”
FAST ci aiuta a creare interfacce si adattano facilmente a qualunque Design System e che possono essere utilizzate con qualsiasi framework!
L'arte di massimizzare la quantità di lavoro non svoltoextrategy
L’arte di massimizzare il lavoro non svolto è uno dei principi del Manifesto Agile che spinge a lavorare su attività che portino valore al progetto. Si può applicare a contesti operativi e manageriali lavorando sulla complessità delle relazioni tra gli attori di un progetto e il processo di realizzazione.
Come si rapporta con il principio: “La nostra massima priorità è soddisfare il cliente rilasciando software di valore”?
“Rispondere al cambiamento più che seguire un piano”
Organizziamo il nostro processo di lavoro in sprint o iterazioni, facciamo retrospettive, abbiamo il nostro Product Owner, stand up meeting e user stories, unit test e continuous integration .... però continuiamo a preparare il nostro bel backlog all’inizio del progetto quando abbiamo solo tante ipotesi e lo seguiamo passo passo come fosse una “ricetta”.
Qui vediamo cosa significa fare un piano adattivo che ci permetta realmente di rispondere al cambiamento.
More Related Content
Similar to Un approccio Frameworkless per sviluppare la tua Single Page Application
Workshop Ideare e creare Web Applications, Introduzione ad AngularJSGiovanni Buffa
Gli argomenti trattati durante il Workshop gratuito sull'ideazione e creazione di Web Applications con AngularJS:
- Metodologie innovative di ideazione e creazione di Web Applications;
- Sfide e problemi del lavoro in team;
- Introduzione ad AngularJS e alle sue componenti principali;
- Dimostrazione pratica di una WebApp
UX Engineering: il ruolo dello sviluppo nel design dell'esperienza utenteMarco Pesani
Il ruolo di UX Engineer rappresenta la sintesi fra design e sviluppo. Nella presentazione ho prima analizzato quali sono le responsabilità e gli strumenti di questa nuova figura professionale, per poi scendere nel pratico con consigli su come utilizzare Angular JS come strumento di prototipazione rapida.
Angular kit e Design system del Paese - Meetup ngRome 30 Gennaio 2023AndreaStagi3
Slide del MeetUp di Angular Roma dove Cristian Borelli e Andrea Stagi ci hanno raccontato le evoluzioni fatte sul Design Kit e Bootstrap Italia: dalle nuove tecnologie ai temi dell'accessibilità. L’occasione è stata utile per presentare i lavori per il nuovo Design Kit Angular che andrà ad arricchire le componenti Bootstrap Italia.
FAST è una raccolta di tecnologie, basate su Web Components e su Web Standards moderni, che ci aiuta ad affrontare in modo efficiente alcune delle sfide più comuni nella progettazione e nello sviluppo di siti ed applicazioni Web.”
FAST ci aiuta a creare interfacce si adattano facilmente a qualunque Design System e che possono essere utilizzate con qualsiasi framework!
L'arte di massimizzare la quantità di lavoro non svoltoextrategy
L’arte di massimizzare il lavoro non svolto è uno dei principi del Manifesto Agile che spinge a lavorare su attività che portino valore al progetto. Si può applicare a contesti operativi e manageriali lavorando sulla complessità delle relazioni tra gli attori di un progetto e il processo di realizzazione.
Come si rapporta con il principio: “La nostra massima priorità è soddisfare il cliente rilasciando software di valore”?
“Rispondere al cambiamento più che seguire un piano”
Organizziamo il nostro processo di lavoro in sprint o iterazioni, facciamo retrospettive, abbiamo il nostro Product Owner, stand up meeting e user stories, unit test e continuous integration .... però continuiamo a preparare il nostro bel backlog all’inizio del progetto quando abbiamo solo tante ipotesi e lo seguiamo passo passo come fosse una “ricetta”.
Qui vediamo cosa significa fare un piano adattivo che ci permetta realmente di rispondere al cambiamento.
Il Pair Coaching come evoluzione professionale e personaleextrategy
La crescita professionale e soprattutto personale è elemento indispensabile ad oggi. Ecco alcuni spunti su come agevolarla, favorirla o addirittura fare da catalizzatore per questo processo che inevitabilmente aumenta il valore delle persone e dell’azienda stessa.
L’arte di massimizzare la quantità di lavoro non svoltoextrategy
L’arte di massimizzare il lavoro non svolto è uno dei 12 principi alla base del manifesto agile e spinge i team ad abbracciare l’idea di lavorare su una serie di attività condivise, capaci di portare realmente valore al progetto. La sua applicazione tocca i contesti operativi come quelli tattici e manageriali perchè lavora sulla complessità delle relazioni che intercorrono tra gli attori di un progetto e il processo che abilita la sua realizzazione.
Ma che significa realmente? e come possiamo applicarlo concretamente nei nostri progetti?
“Semplicità” è un concetto estremamente generico e fraintendibile, cosa significa per un progetto software?.
“Massimizzare la quantità di lavoro non svolto”: quindi lavorare meno! Bel proposito ma come si rapporta con il primo principio: “La nostra massima priorità è soddisfare il cliente rilasciando software di valore…”
Nella mia esperienza, spesso questo principio viene sottovalutato o peggio ignorato perché non viene capito fino in fondo e soprattuto non banale rapportarlo con il lavoro di tutti i giorni.
Nel talk farò un viaggio attraverso la gestione di un progetto software secondo le metodologie agili evidenziando quando e come i due principi (massimizzare il lavoro non svolto e la massima priorità è soddisfare il cliente) ci sono di aiuto e da guida per la gestione dei nostri progetti, facendo esempio concreti di come nella mi a esperienza li ho applicati o li ho visti applicare
Learning over Delivery: il business e l'innovazione ai tempi della complessitàextrategy
Lavorare a progetti complessi richiede un metodo che ti supporti, saperlo padroneggiare e evolverlo per tenere allineati business value e project delivery.
I business goal e gli user need sono requisiti fondamentali su cui costruire un progetto che funzioni, la base su cui poggiare le decisioni strategiche, che permette al team di fare scelte condivise, in corso d'opera, in linea con gli obiettivi-chiave.
Qui descriviamo il nostro approccio ai contesti complessi e le nostre evoluzioni nel tempo.
Inclusiveness, openness, leanness: dove voglio portare l’azienda? extrategy
Come gestire oggi la conoscenza, il cambiamento, l’innovazione e le persone, attraverso la partecipazione e processi co-creativi. Evolvendo la leadership di tutto il team di lavoro.
Co-creare una strategia con Lego Serious Playextrategy
La metodologia Lego Serious Play facilita l'ideazione e la condivisione di una strategia in team, per prendere decisioni creative e innovative di fronte a problemi complessi.
Condividere obiettivi e prendere decisioni con Lego Serious Playextrategy
Prendere decisioni è difficile, ancor di più se va fatto in team. La metodologia Lego Serious Play facilita questo processo, favorendo condivisione e partecipazione attiva di tutte le persone coinvolte.
come far crescere le nostre organizzazioni? ad oggi la quasi totalità utilizza modelli stabili e prevedibili: la sfida è evolvere verso dinamiche antifragili, adattabili ai continui cambiamenti di mercato.
3. OUR
ideato e extrategy ora sono Flowing:
una community inclusiva di persone
che condividono passione per
l’innovazione e bisogno costante di
evoluzione. Abbiamo cocreato
insieme questa nuova realtà, e
insieme a chi condivide i nostri valori
continuiamo a farla crescere giorno
per giorno.
PEOPLE
9. Non Functional Requirements
quanto durerà il software?
in quanto tempo deve essere appreso?
qual è il “ritmo” dell’interazione?
da chi deve essere utilizzato?
12. The true story
“ho una letteratura di interfacce che
rispecchia i n.f.r., abbiamo lavorato per
avere un linguaggio comune, quindi un
vocabolario dei componenti mi sarà
utile”
13. 13
Design System
Pattern Percettivi → Style Guide
margini
tipografia
palette di colori
navigazione
iconografia
form
layout
CTA
principi di design
governance
parametri e regole
d’uso comuni
linguaggio
condiviso
Pattern Funzionali → Componenti
14. 1. Principi
2. Parametri e regole d’uso comuni
3. Governance
4. Pattern
5. Pattern Library
Processo
15. Design System: Principi
➔ 3..5 frasi
➔ tutto il team coinvolto
➔ Esempio errato:“completezza e piacevolezza”
➔ Esempio corretto:“Seguire le seguenti priorità: prima completezza delle
informazioni di contesto poi piacevolezza estetica”
➔ la “prova del 9” è chiedersi “il contrario del mio principio potrebbe essere
valido per un altro design system?”
17. Design System: Governance
➔ Quale è il team? Livello di delega?
➔ Quali sono gli strumenti?
➔ Come si rendono visibili i risultati? Canali?
➔ Quali sono i riti?
18. Design System: Design Pattern
➔ [def] una soluzione progettuale
riusabile per un problema ricorrente
➔ Come? Processo induttivo da
UI+User journey a Design Pattern
http://bradfrost.com/blog/post/interface-inventory/
48. quanto deve durare il software?
specificitàdeldesignsystem
web components
+ scss
react/vue/angular
+ css only framework (es.
bulma)
react/vue/angular
+ scss
framework UI end to end
=> es. material UI
framework UI end to end => es.
material UI estesa con
+ react/vue/angular
componenti SCSS
49. quanto deve durare il software?
specificitàdeldesignsystem
web components
+ scss
react/vue/angular
+ css only framework (es.
bulma)
react/vue/angular
+ scss
framework UI end to end
=> es. material UI
framework UI end to end => es.
material UI
+ react/vue/angular
componenti SCSS
Mia App
50. quanto il componente è centrale nella consegna del valore?
specificitàdelcomponente
web components
+ scss
react/angular/vue
+
scss
framework UI end to end
=> es. material UI
react/vue/angular
+
css only framework (es. bulma)
UX da rivedere?
UX da rivedere?