Le applicazioni dell'intelligenza artificiale sono tantissime e ci permettono di andare a risolvere specifici problemi per dare valore alle nostre soluzioni: proviamo a immaginare una nuova User eXperience per le nostre applicazioni business che vada oltre pagine e forms e che sfrutti nuove tipologie di interazioni rese possibili dalle applicazioni della IA.

1. TOPIC
Intelligenza
Artificiale nel
mondo front-end
Michele Aponte
CTO @ Ellycode / CEO @ Blexin
Founder @ Blazor Developer Italiani
MVP Development Technologies

2. @cloudgen_verona
#CodeGen2021

3. 3
Codice
Algoritmo
Dati
Risultato
Intelligenza Artificiale spiegata a mia nonna

4. 4
Machine
Learning
Risultati
Dati
Modello
Intelligenza Artificiale spiegata a mia nonna

5. 5
Machine
Learning
Risultati
Dati
Modello
Codice
Nuovi Dati
Predizione
Intelligenza Artificiale spiegata a mia nonna

6. dog
bicycle
apple
tennis ball
Intelligenza Artificiale spiegata a mia nonna

7. 0
2
dog
bicycle
apple
tennis ball
0.02
0.93
0.27
0.21
Intelligenza Artificiale spiegata a mia nonna

8. 8
Da dove comincio?

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

14. DEMO
Parliamo con la
nostra applicazione

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

17. DEMO
Analizziamo la
richiesta dell’utente

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!

22. DEMO
Analizziamo gli
intenti dell’utente

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

30. Thank you
Any questions?
apomic80 apomic80 apomic80