Difference between revisions of "VT2020-Voice First Development-Demo"

From air
Jump to navigation Jump to search
 
(5 intermediate revisions by the same user not shown)
Line 4: Line 4:
 
=Création de l'application=
 
=Création de l'application=
 
L'application est créée avec le framework [https://helloviolet.ai/ Violet].
 
L'application est créée avec le framework [https://helloviolet.ai/ Violet].
  +
  +
'''Installation de Violet'''
   
 
<pre>
 
<pre>
Line 11: Line 13:
   
   
  +
'''Fichier principal'''
Utilisation d'un JDL pour générer une application permet d'enregistrer les lancements spatiaux et d'ajouter des images à l'événement.
 
  +
Créer un répertoire spacefan. Ajouter app.jdl et copier coller ce qu'il y a ci-dessous dans ce fichier.
 
  +
Cette application se contente de dire bonjour quand on lui demande.
 
<pre>
 
<pre>
  +
// Load the Violet Module
application {
 
  +
const violet = require('violet').script();
config {
 
baseName space
 
applicationType monolith
 
authenticationType oauth2
 
packageName org.jhipster.space
 
prodDatabaseType postgresql
 
testFrameworks [protractor]
 
}
 
entities *
 
}
 
   
  +
// The Controller
entity SpaceEvent {
 
  +
var app = {
name String required
 
  +
helloInFrench: (response)=>{
date LocalDate required
 
  +
response.say("Bonjour!");
description TextBlob required
 
  +
},
photo ImageBlob required
 
  +
helloInEnglish: (response)=>{
type SpaceEventType required
 
  +
response.say("Hello!");
 
}
 
}
 
}
   
  +
// The Script
entity Mission {
 
  +
violet.addFlowScript(`<app>
name String required
 
  +
<<choice id="launch">
description String
 
  +
<expecting>à quoi sert tu</expecting>
}
 
  +
<say>Je peux dire bonjour en français ou en anglais</say>
  +
</choice>
   
  +
<choice id="list">
enum SpaceEventType {
 
  +
<expecting>dis bonjour</expecting>
LAUNCH,
 
  +
<say>Bien sur!</say>
LANDING
 
  +
<decision>
}
 
  +
<ask>Dois-je dire bonjour en français ou en anglais?</ask>
  +
<choice>
  +
<expecting>en français</expecting>
  +
<resolve value="app.helloInFrench(response)"/>
  +
</choice>
  +
<choice>
  +
<expecting>en anglais</expecting>
  +
<resolve value="app.helloInEnglish(response)"/>
  +
</choice>
  +
</decision>
  +
</choice>
  +
</app>`, {app});
 
</pre>
   
  +
L'application complète est disponible sur github [https://github.com/SCourthial/bonjourbot ici].
relationship OneToOne {
 
SpaceEvent{mission(name)} to Mission
 
}
 
   
  +
=Déploiement=
paginate SpaceEvent with infinite-scroll
 
  +
Le déploiement a été fait sur [https://www.heroku.com/ Heroku].
paginate Mission with pagination
 
  +
Elle est accessible à l'adresse [https://bonjourbot.herokuapp.com/ https://bonjourbot.herokuapp.com/]
</pre>
 
  +
  +
La branche master du projet github a été utilisé comme base pour le déploiement.
  +
  +
Violet est configuré directement pour faciliter le processus. Aucune manipulation supplémentaire n'a été nécessaire.
  +
  +
=Test par Dialogflow=
  +
L'application est testé en utilisant un agent [https://dialogflow.cloud.google.com/ dialogflow].
   
  +
Le but d'utiliser un tel agent est d'avoir accès aux composants manquant pour que notre application fonctionne (Text to Speech, Speech to Text, NLG, NLU).
=Générer l'application=
 
Allez dans le répertoire ''spacefan'' que vous avez crée. Lancez la commande suivante pour générer votre application avec Micronaut comme Back-End :
 
<pre> mhipster import-jdl app.jdl </pre>
 
   
  +
De plus, Dialogflow donne accès à un simulateur permettant d'executer directement l'application avec entrée et sortie vocale.
Démarrer ''keycloak''
 
<pre> docker-compose -f src/main/docker/keycloak.yml up -d </pre>
 

Latest revision as of 18:02, 22 November 2020

Prérequis

  • Node.js

Création de l'application

L'application est créée avec le framework Violet.

Installation de Violet

npm init -y
npm install violet --save


Fichier principal

Cette application se contente de dire bonjour quand on lui demande.

// Load the Violet Module
const violet = require('violet').script();

// The Controller
var app = {
    helloInFrench: (response)=>{
        response.say("Bonjour!");
    },
    helloInEnglish: (response)=>{
        response.say("Hello!");
    }
}

// The Script
violet.addFlowScript(`<app>
    <<choice id="launch">
        <expecting>à quoi sert tu</expecting>
        <say>Je peux dire bonjour en français ou en anglais</say>
    </choice>

    <choice id="list">
    <expecting>dis bonjour</expecting>
    <say>Bien sur!</say>
    <decision>
        <ask>Dois-je dire bonjour en français ou en anglais?</ask>
        <choice>
            <expecting>en français</expecting>
            <resolve value="app.helloInFrench(response)"/>
        </choice>
        <choice>
            <expecting>en anglais</expecting>
            <resolve value="app.helloInEnglish(response)"/>
        </choice>
    </decision>
    </choice>
</app>`, {app});

L'application complète est disponible sur github ici.

Déploiement

Le déploiement a été fait sur Heroku. Elle est accessible à l'adresse https://bonjourbot.herokuapp.com/

La branche master du projet github a été utilisé comme base pour le déploiement.

Violet est configuré directement pour faciliter le processus. Aucune manipulation supplémentaire n'a été nécessaire.

Test par Dialogflow

L'application est testé en utilisant un agent dialogflow.

Le but d'utiliser un tel agent est d'avoir accès aux composants manquant pour que notre application fonctionne (Text to Speech, Speech to Text, NLG, NLU).

De plus, Dialogflow donne accès à un simulateur permettant d'executer directement l'application avec entrée et sortie vocale.