SlideShare a Scribd company logo
TOPIC
Intelligenza
Artificiale nel
mondo front-end
Michele Aponte
CTO @ Ellycode / CEO @ Blexin
Founder @ Blazor Developer Italiani
MVP Development Technologies
@cloudgen_verona
#CodeGen2021
3
Codice
Algoritmo
Dati
Risultato
Intelligenza Artificiale spiegata a mia nonna
4
Machine
Learning
Risultati
Dati
Modello
Intelligenza Artificiale spiegata a mia nonna
5
Machine
Learning
Risultati
Dati
Modello
Codice
Nuovi Dati
Predizione
Intelligenza Artificiale spiegata a mia nonna
dog
bicycle
apple
tennis ball
Intelligenza Artificiale spiegata a mia nonna
0
2
dog
bicycle
apple
tennis ball
0.02
0.93
0.27
0.21
Intelligenza Artificiale spiegata a mia nonna
8
Da dove comincio?
Azure Cognitive Services
Search
Language
Vision Decision
Speech
Bing Autosuggest
Bing Web Search
Bing Entity Search
Bing Video Search
Bing Visual Search
Bing Custom Search
Bing News Search
Bing Image Search
Content Decision
Anomaly Detector
Personalizer
Language Understanding
(LUIS)
Text Analytics
Bing Spell Check
Translator Text
QnA Maker
Speaker Recognition
Speech Services
Computer Vision
Face
Video Indexer
Custom Vision
Form Recognizer
Ink Recognizer
Speech Services
• Speech-to-Text: convertire audio
in testo
• Text-to-Speech: convertire testo
in audio
• Speaker Recognition: riconoscere
chi sta parlando
• Speech Translation: tradurre in
real-time il parlato
Personalizzazione dei Speech Services
• Acoustic Model: creare un modello per
migliorare il riconoscimento sulla base
dello stile di linguaggio degli utenti
• Language Model: aggiungere espressioni
linguistiche specifiche al proprio modello
• Pronunciation Model: creare un modello
personalizzato per la pronuncia (acronimi,
nomi di prodotto, ecc.)
• Voice font: creare una voce personalizzata
•75+ voci e 45+ lingue
•Voce maschile e femminile
• Standard vs Neural
• velocità, volume,
pronuncia, pause (SSML)
•Creare una voce Custom
Sintesi vocale
Come posso implementarla?
•REST API
•SDK Client Library
•WebSocket
•Speech Device SDK
DEMO
Parliamo con la
nostra applicazione
Natural Language Processing (NLP)
Data una frase possiamo ottenere:
• Named Entity Recognition (NER)
• Syntax Analysis
• Part of Speech tagging
• Sentiment Analysis
Natural Language Processing (NLP)
Data una frase possiamo ottenere:
• Named Entity Recognition (NER)
• Syntax Analysis
• Part of Speech tagging
• Sentiment Analysis
DEMO
Analizziamo la
richiesta dell’utente
Language Understanding Intelligent Service (LUIS)
Language Understanding Intelligent
Service (LUIS):
• Permette di comprendere il linguaggio
naturale
• Raccogliere richieste dell’utente
• Intrattenere una conversazione con
l’applicazione
• Active Learning per migliorare la
propria comprensione
Gli intenti dell’utente
Data una frase in linguaggio naturale
permette di capirne l’intento:
• Azione da intraprendere
• Default (None) e Custom
• Prebuilt Intents:
• Calendario e Comunicazioni
• Email e Note
• Home Automation e Prenotazioni
• … tanti altri!
Entità
Insieme all’intento è possibile estrapolare anche entità, Prenota un
volo per Londra:
• Intent: Prenota un volo
• Entity: Londra
• Possono essere di vari tipi
• Simple
• Composite: Prenota un volo da Napoli a Londra
• List: Prenota un volo per Londra/Heathrow/LHR
• Pattern.Any Posso prenotare un Boeing 747? {TypeOfPlane}[?]
• RegEx: Prenota il volo AZ1274 (AZ[0-9]{4})
• Prebuilt: Number, Temperature, Phone, Url, Date, ecc.
Utterances
Sono espressioni che permettono a LUIS di
comprendere la richiesta dell’utente,
collegando intenti e entità:
- Prenotazione:
- Voglio bloccare un posto sul AZ1274
- Segnalazione bug:
- Non funziona niente!!!
- Si è rotto tutto!
DEMO
Analizziamo gli
intenti dell’utente
Ma come creiamo una vera e propria conversazione?
Un BOT è un moderna tipologia di interazione
uomo-macchina:
- Usate per attività semplici e ripetitive
- Permettono di automatizzare parte dei
processi applicativi
- Possono rispondere a singole domande o
instaurare veri e propri dialoghi
- Integrabili in servizi di chat (Facebook,
Linkedin, Slack, Teams, ecc.)
Ma come creiamo una vera e propria conversazione?
Cosa mi serve per iniziare?
- I template per il BOT Framework:
https://github.com/microsoft/BotBuilder-
Samples/tree/master/generators/dotnet-templates
- Bot Framework Emulator:
https://github.com/microsoft/BotFramework-
Emulator
- Bot Framework Tools:
https://github.com/Microsoft/BotBuilder-Tools
Abbiamo gli strumenti per migliorare la UX delle
nostre applicazioni: usiamoli!
Qualche considerazione finale
Con la pre-built AI, possiamo coprire l’80% delle necessità per
le nostre applicazioni, per il resto abbiamo il Machine Learning
Non devi essere un data scientist per usare la pre-built AI, ma
non c’è niente di magico: è fondamentale sapere come funziona.
Molti servizi sono gratis per lo sviluppo
* Rate limitato, numero max transazioni per mese
Quanto costa?
In produzione dipende: tipicamente per transazione /
immagine / lunghezza testo / lunghezza audio
I prezzi variano in base al servizio e alla Region:
aka.ms/cs-pricing
I dati vengono caricati sui server Azure per l’analisi,
poi immediatamente scartati
Qualche considerazione sui dati
Dettagli: aka.ms/az-compliance
E’ possible utilizzare i container
Se vi interessano questi argomenti…
https://www.ellycode.com
https://bit.ly/3b0sqEr
Thank you
Any questions?
apomic80 apomic80 apomic80

More Related Content

What's hot (20)

PPTX
Mob01 mobile services e webapi
DotNetCampus
 
PDF
Introduzione a Service Fabric e Actor Model
Andrea Tosato
 
PPTX
Actions on Google e Alexa skills per .NET lovers
Lorenzo Giudici
 
PDF
Meetup DotNetCode A.I. Bot Framework and Azure Functions
dotnetcode
 
PPTX
Async: scalabilità e responsiveness senza pari! @ CDays
Matteo Baglini
 
PPTX
Web Api – The HTTP Way
Luca Milan
 
PDF
Xamarin.Forms Performance Tips & Tricks - Francesco Bonacci - Codemotion Rome...
Codemotion
 
PPTX
Akka.net & Actor Model
Stefano Del Furia
 
PDF
Microsoft Fast - Overview
Francesco Sciuti
 
PDF
Wasm and Blazor CDays keynote
Nicolò Carandini
 
PPTX
Christmas greetings cards with blazor
Nicolò Carandini
 
PPTX
2015.04.23 Azure Community Bootcamp 2015 Keynote Italy
Marco Parenzan
 
PPTX
UI Composition - Prism
DotNetMarche
 
PDF
Managed Extensibility Framework (MEF)
Manuel Scapolan
 
PPTX
Wcf data services
Salvatore Sorrentino
 
PPTX
Dot netcampus2015 green-template
DotNetCampus
 
PDF
jQuery
Salvatore Paone
 
PDF
Architetttura Della Soluzione
Luca Milan
 
PDF
AntiPatterns: i vizi del programmatore
Manuel Scapolan
 
PPTX
Javascript task automation
DotNetCampus
 
Mob01 mobile services e webapi
DotNetCampus
 
Introduzione a Service Fabric e Actor Model
Andrea Tosato
 
Actions on Google e Alexa skills per .NET lovers
Lorenzo Giudici
 
Meetup DotNetCode A.I. Bot Framework and Azure Functions
dotnetcode
 
Async: scalabilità e responsiveness senza pari! @ CDays
Matteo Baglini
 
Web Api – The HTTP Way
Luca Milan
 
Xamarin.Forms Performance Tips & Tricks - Francesco Bonacci - Codemotion Rome...
Codemotion
 
Akka.net & Actor Model
Stefano Del Furia
 
Microsoft Fast - Overview
Francesco Sciuti
 
Wasm and Blazor CDays keynote
Nicolò Carandini
 
Christmas greetings cards with blazor
Nicolò Carandini
 
2015.04.23 Azure Community Bootcamp 2015 Keynote Italy
Marco Parenzan
 
UI Composition - Prism
DotNetMarche
 
Managed Extensibility Framework (MEF)
Manuel Scapolan
 
Wcf data services
Salvatore Sorrentino
 
Dot netcampus2015 green-template
DotNetCampus
 
Architetttura Della Soluzione
Luca Milan
 
AntiPatterns: i vizi del programmatore
Manuel Scapolan
 
Javascript task automation
DotNetCampus
 

Similar to Intelligenza artificiale nel mondo front-end - CodeGen2021 (20)

PDF
Intelligenza Artificiale nel magico mondo delle conversazioni
Speck&Tech
 
PDF
SMAU MILANO 2023 | Utilizzare AI per la creazione di Web App
SMAU
 
PDF
AI - Modulo 1: L'intelligenza artificiale: un viaggio nel futuro
globsit
 
PPTX
Cognitive Services & LUIS
Massimo Bonanni
 
PDF
Mael Chiabrera, Software Developer; Viola Bongini, Digital Experience Designe...
Associazione Digital Days
 
PPTX
Elena Gagliardoni - Neural Chatbot
MeetupDataScienceRoma
 
PPTX
intelligenza artificiale applicata alla industria.pptx
Micropedia di Marco Ilardi
 
PDF
Marketing Aumentato e Intelligenza Artificiale - Master MUMM
MasterMarketing
 
PDF
Dialogare con le macchine in linguaggio naturale... Finalmente! Ma ci voleva ...
KEA s.r.l.
 
PPTX
IBM Watson Conversation: machine learning tools, artificial intelligence capa...
Codemotion
 
PPTX
Un viaggio alla scoperta dei Language Models e dell’intelligenza artificiale ...
Commit University
 
PPTX
In che modo l'Intelligenza Artificiale può essere utile per le imprese?
Gianluca Marzulli
 
PDF
Corso Chatbot Base 1-9 | Introduzione (1 di 3)
armandocarcaterra
 
PDF
Corso Chatbot base
armandocarcaterra
 
PPTX
Da A a Bot con un pizzico di Cognitive
Alessio Iafrate
 
PPTX
Progetto brAIn
slosink
 
PDF
Circolo Veneto Intelligenza artificiale- presente e futuro, tra opportunità ...
Gianluigi Cogo
 
PPTX
[eh2024] Gli Agenti di Intelligenza Artificiale a supporto degli E-commerce -...
Ecommerce HUB
 
PPTX
AI Literacy alleata scuole aib 22mag2025.pptx
Damiano Orru
 
PDF
Intelligenza Artificiale: traiettorie e prospettive, hype, sogni e paure, ris...
CSI Piemonte
 
Intelligenza Artificiale nel magico mondo delle conversazioni
Speck&Tech
 
SMAU MILANO 2023 | Utilizzare AI per la creazione di Web App
SMAU
 
AI - Modulo 1: L'intelligenza artificiale: un viaggio nel futuro
globsit
 
Cognitive Services & LUIS
Massimo Bonanni
 
Mael Chiabrera, Software Developer; Viola Bongini, Digital Experience Designe...
Associazione Digital Days
 
Elena Gagliardoni - Neural Chatbot
MeetupDataScienceRoma
 
intelligenza artificiale applicata alla industria.pptx
Micropedia di Marco Ilardi
 
Marketing Aumentato e Intelligenza Artificiale - Master MUMM
MasterMarketing
 
Dialogare con le macchine in linguaggio naturale... Finalmente! Ma ci voleva ...
KEA s.r.l.
 
IBM Watson Conversation: machine learning tools, artificial intelligence capa...
Codemotion
 
Un viaggio alla scoperta dei Language Models e dell’intelligenza artificiale ...
Commit University
 
In che modo l'Intelligenza Artificiale può essere utile per le imprese?
Gianluca Marzulli
 
Corso Chatbot Base 1-9 | Introduzione (1 di 3)
armandocarcaterra
 
Corso Chatbot base
armandocarcaterra
 
Da A a Bot con un pizzico di Cognitive
Alessio Iafrate
 
Progetto brAIn
slosink
 
Circolo Veneto Intelligenza artificiale- presente e futuro, tra opportunità ...
Gianluigi Cogo
 
[eh2024] Gli Agenti di Intelligenza Artificiale a supporto degli E-commerce -...
Ecommerce HUB
 
AI Literacy alleata scuole aib 22mag2025.pptx
Damiano Orru
 
Intelligenza Artificiale: traiettorie e prospettive, hype, sogni e paure, ris...
CSI Piemonte
 
Ad

More from Michele Aponte (20)

PPTX
Frontend Development with Blazor
Michele Aponte
 
PPTX
Generazione dinamica della UI con Blazor WebAssembly
Michele Aponte
 
PPTX
La rivoluzione blazor
Michele Aponte
 
PPTX
Blazor Focus Week Bari
Michele Aponte
 
PPTX
DevDayNapoli - Blazor: Creare Single Page Application con .NET e WebAseembly
Michele Aponte
 
PPTX
DevDayBenevento - Blazor: Creare Single Page Application con .NET e WebAseembly
Michele Aponte
 
PPTX
Cognitive services in Business applications
Michele Aponte
 
PPTX
Angular in produzione: Best Practices e Performance Improvements
Michele Aponte
 
PPTX
Da Silverlight a angular senza toccare il backend: fatto!
Michele Aponte
 
PPTX
Angular and beyond
Michele Aponte
 
PPTX
Realizzare applicazioni desktop con Electron e Angular
Michele Aponte
 
PPTX
Angular e asp.net core: un framework sul framework
Michele Aponte
 
PPTX
Realizzare applicazioni desktop con Electron e Angular
Michele Aponte
 
PPTX
Sviluppo web con asp.net core 2
Michele Aponte
 
PPTX
Un framework sul framework: generare una SPA dinamicamente in Angular
Michele Aponte
 
PPTX
Angular vsr React
Michele Aponte
 
PPTX
Angular 2 on stage
Michele Aponte
 
PPTX
Realizzare Single Page Application con Angular2
Michele Aponte
 
PPTX
Single Page Application con Angular 2
Michele Aponte
 
PPTX
Angular2 on stage
Michele Aponte
 
Frontend Development with Blazor
Michele Aponte
 
Generazione dinamica della UI con Blazor WebAssembly
Michele Aponte
 
La rivoluzione blazor
Michele Aponte
 
Blazor Focus Week Bari
Michele Aponte
 
DevDayNapoli - Blazor: Creare Single Page Application con .NET e WebAseembly
Michele Aponte
 
DevDayBenevento - Blazor: Creare Single Page Application con .NET e WebAseembly
Michele Aponte
 
Cognitive services in Business applications
Michele Aponte
 
Angular in produzione: Best Practices e Performance Improvements
Michele Aponte
 
Da Silverlight a angular senza toccare il backend: fatto!
Michele Aponte
 
Angular and beyond
Michele Aponte
 
Realizzare applicazioni desktop con Electron e Angular
Michele Aponte
 
Angular e asp.net core: un framework sul framework
Michele Aponte
 
Realizzare applicazioni desktop con Electron e Angular
Michele Aponte
 
Sviluppo web con asp.net core 2
Michele Aponte
 
Un framework sul framework: generare una SPA dinamicamente in Angular
Michele Aponte
 
Angular vsr React
Michele Aponte
 
Angular 2 on stage
Michele Aponte
 
Realizzare Single Page Application con Angular2
Michele Aponte
 
Single Page Application con Angular 2
Michele Aponte
 
Angular2 on stage
Michele Aponte
 
Ad

Intelligenza artificiale nel mondo front-end - CodeGen2021

  • 1. TOPIC Intelligenza Artificiale nel mondo front-end Michele Aponte CTO @ Ellycode / CEO @ Blexin Founder @ Blazor Developer Italiani MVP Development Technologies
  • 9. Azure Cognitive Services Search Language Vision Decision Speech Bing Autosuggest Bing Web Search Bing Entity Search Bing Video Search Bing Visual Search Bing Custom Search Bing News Search Bing Image Search Content Decision Anomaly Detector Personalizer Language Understanding (LUIS) Text Analytics Bing Spell Check Translator Text QnA Maker Speaker Recognition Speech Services Computer Vision Face Video Indexer Custom Vision Form Recognizer Ink Recognizer
  • 10. Speech Services • Speech-to-Text: convertire audio in testo • Text-to-Speech: convertire testo in audio • Speaker Recognition: riconoscere chi sta parlando • Speech Translation: tradurre in real-time il parlato
  • 11. Personalizzazione dei Speech Services • Acoustic Model: creare un modello per migliorare il riconoscimento sulla base dello stile di linguaggio degli utenti • Language Model: aggiungere espressioni linguistiche specifiche al proprio modello • Pronunciation Model: creare un modello personalizzato per la pronuncia (acronimi, nomi di prodotto, ecc.) • Voice font: creare una voce personalizzata
  • 12. •75+ voci e 45+ lingue •Voce maschile e femminile • Standard vs Neural • velocità, volume, pronuncia, pause (SSML) •Creare una voce Custom Sintesi vocale
  • 13. Come posso implementarla? •REST API •SDK Client Library •WebSocket •Speech Device SDK
  • 15. Natural Language Processing (NLP) Data una frase possiamo ottenere: • Named Entity Recognition (NER) • Syntax Analysis • Part of Speech tagging • Sentiment Analysis
  • 16. Natural Language Processing (NLP) Data una frase possiamo ottenere: • Named Entity Recognition (NER) • Syntax Analysis • Part of Speech tagging • Sentiment Analysis
  • 18. Language Understanding Intelligent Service (LUIS) Language Understanding Intelligent Service (LUIS): • Permette di comprendere il linguaggio naturale • Raccogliere richieste dell’utente • Intrattenere una conversazione con l’applicazione • Active Learning per migliorare la propria comprensione
  • 19. Gli intenti dell’utente Data una frase in linguaggio naturale permette di capirne l’intento: • Azione da intraprendere • Default (None) e Custom • Prebuilt Intents: • Calendario e Comunicazioni • Email e Note • Home Automation e Prenotazioni • … tanti altri!
  • 20. Entità Insieme all’intento è possibile estrapolare anche entità, Prenota un volo per Londra: • Intent: Prenota un volo • Entity: Londra • Possono essere di vari tipi • Simple • Composite: Prenota un volo da Napoli a Londra • List: Prenota un volo per Londra/Heathrow/LHR • Pattern.Any Posso prenotare un Boeing 747? {TypeOfPlane}[?] • RegEx: Prenota il volo AZ1274 (AZ[0-9]{4}) • Prebuilt: Number, Temperature, Phone, Url, Date, ecc.
  • 21. Utterances Sono espressioni che permettono a LUIS di comprendere la richiesta dell’utente, collegando intenti e entità: - Prenotazione: - Voglio bloccare un posto sul AZ1274 - Segnalazione bug: - Non funziona niente!!! - Si è rotto tutto!
  • 23. Ma come creiamo una vera e propria conversazione? Un BOT è un moderna tipologia di interazione uomo-macchina: - Usate per attività semplici e ripetitive - Permettono di automatizzare parte dei processi applicativi - Possono rispondere a singole domande o instaurare veri e propri dialoghi - Integrabili in servizi di chat (Facebook, Linkedin, Slack, Teams, ecc.)
  • 24. Ma come creiamo una vera e propria conversazione?
  • 25. Cosa mi serve per iniziare? - I template per il BOT Framework: https://github.com/microsoft/BotBuilder- Samples/tree/master/generators/dotnet-templates - Bot Framework Emulator: https://github.com/microsoft/BotFramework- Emulator - Bot Framework Tools: https://github.com/Microsoft/BotBuilder-Tools
  • 26. Abbiamo gli strumenti per migliorare la UX delle nostre applicazioni: usiamoli! Qualche considerazione finale Con la pre-built AI, possiamo coprire l’80% delle necessità per le nostre applicazioni, per il resto abbiamo il Machine Learning Non devi essere un data scientist per usare la pre-built AI, ma non c’è niente di magico: è fondamentale sapere come funziona.
  • 27. Molti servizi sono gratis per lo sviluppo * Rate limitato, numero max transazioni per mese Quanto costa? In produzione dipende: tipicamente per transazione / immagine / lunghezza testo / lunghezza audio I prezzi variano in base al servizio e alla Region: aka.ms/cs-pricing
  • 28. I dati vengono caricati sui server Azure per l’analisi, poi immediatamente scartati Qualche considerazione sui dati Dettagli: aka.ms/az-compliance E’ possible utilizzare i container
  • 29. Se vi interessano questi argomenti… https://www.ellycode.com https://bit.ly/3b0sqEr

Editor's Notes

  • #4: Il cloud mi offre servizi che richiedono risorse che difficilmente posso rendere disponibili in locale
  • #5: Il cloud mi offre servizi che richiedono risorse che difficilmente posso rendere disponibili in locale
  • #6: Il cloud mi offre servizi che richiedono risorse che difficilmente posso rendere disponibili in locale
  • #9: Il cloud mi offre servizi che richiedono risorse che difficilmente posso rendere disponibili in locale