Parallèlement au VXML, j’entame aujourd’hui une nouvelle série autour de mon langage de prédilection : VB .Net. En effet, les deux technologies sont complémentaires. Si l’une sert pour réaliser des SVI, l’autre sert à les préparer. Il est donc nécessaire, afin de les maitriser efficacement, de posséder les compétences adéquates sur ces deux environnements.

Ces billets, chacun de leur côté, vous donneront, je l’espère, les moyens de créer des applications vocales performantes. Du débutant à l’expert confirmé, nous verrons comment construire du code clair et fonctionnel.

Mais n’allons pas trop vite. Avant d’en arriver là, il faut pouvoir réaliser de simples applications web. En effet, le VXML utilise du flux http. Nous allons donc découvrir comment, grâce au dotnet, réaliser une application VXML puissante.

Nous allons reprendre pour cela notre projet “HelloWorld” présenté dans le billet précédent, et le transcrire en application dotnet !

Préparation du projet

Afin de réaliser cette application, nous allons créer un nouveau projet web. Pour cela, les différentes étapes sous Visual Studio sont :

1. Création du projet,
2. Création des fichiers nécessaires au projet,
3. Écriture du code,
4. Publication du projet,
5. Paramétrage de l’interface VoiceXML (Voxpilot),
6. Exécution du code.

Nous appellerons notre solution “HelloVXML”.

Création des pages

Il faut ajouter à notre solution plusieurs fichiers nécessaires à son exécution, dont 2 webforms :

1. “Default.aspx”, qui sera notre page maître,
2. “HelloWorld.aspx” qui contiendra notre traitement principal.

Pour ces deux pages, il faudra que la partie HTML soit en fait du vxml afin qu’il puisse être interprêté par le VoiceXML (les balises n’ont rien d’extraordinaire, voir là aussi le billet précédent pour de plus amples détails). On trouvera donc le code suivant :

<?xml version=”1.0” encoding=”UTF-8“?>

<!DOCTYPE vxml PUBLIC ‘-//Voxpilot/DTD VoiceXML 2.1//EN’ ‘http://dtd.voxpilot.com/voice/2.1/voxpilot_voicexml-2.1.dtd’>

<%@ Page Language=”VB” AutoEventWireup=”false” CodeFile=”Default.aspx.vb” Inherits=”_Default” %>

<!–

* Acceptation de l‘appel et transfert au traitement principal

*

*

–>

<vxml version=”2.1” xmlns=”http://www.w3.org/2001/vxml” xml:lang=”en-GB“>

<form id=”bienvenue“>

<!– Transfert le contrôle vers le formulaire de bienvenue –>

<block>

<submit next=”HelloWorld.aspx” />

</block>

</form>

</vxml>

Toujours dans notre projet, nous avons également :

- un fichier son “Helloworld.wav” qui joura le son de bienvenue de notre exemple. Pour cela, on peut reprendre celui de voxpilot. Afin d’organiser correctement notre solution, il est nécessaire de créer un nouveau dossier que nous appellerons… media.

- un fichier de dialogue qui comportera le code vxml à exécuter. Tout comme pour le fichier ci-desssus, nous allons ajouter un nouveau dossier : dialogs.

Vous devriez voir notre solution comme le montre l’image ci-contre.

Ensuite, il faut :

1. Créer le flux vxml dans un fichier de dialogue (nous verrons en effet par la suite qu’il est plus simple d’intégrer le flux vxml dans des fichiers séparés afin de traiter les processus spécifiques à nos applications),
2. Générer le flux et  l’envoyer grâce à la page aspx.

Création du flux VXML

Il nous faut donc créer notre dialogue. Pour rappel, ce langage est dérivé de l’XML. Donc, nous allons ajouter une nouvelle page XML dans notre projet, et la renommer en “HelloWorld.vxml”. Une fois cela réalisé, copié dans cette page le code ci-dessous :

<?xml version=”1.0″ encoding=”UTF-8″?>

<!– * Exemple de flux VXML * –>

<vxml version=“2.1″ xmlns=“http://www.w3.org/2001/vxml” xml:lang=“en-GB”>

<form id=“formHello”>

<block>

<audio expr=“‘media/helloworld.wav’”/>

</block>

</form>

</vxml>

N’oublier pas de sauvegarder le contenu (Ctrl-S).

Génération de la page VB

Dans notre page aspx “HelloWorld.aspx”, au niveau du code behind, nous allons préparer notre flux, à savoir :

1. vérifier l’existance du dialogue pour éviter toutes erreurs,

2. envoyer le dialogue vers le flux http en ayant pris soin d’ajouter son en-tête. Nous avons pour cela plusieurs méthodes de l’objet Response : WriteFile pour l’envoi d’un fichier complet, ou Write pour l’envoi d’une variable. Ces deux méthodes vont nous être très utiles.

Afin que notre code puisse être exécuté dès le chargement de notre page, nous allons écrire notre flux dans l’événement “load” de celui-ci :

Exécution du code

Pour que notre application puisse fonctionner, il suffit de publier notre site web dans le répertoire local de IIS, sans avoir bien sûr, préalablement, oublié de créer l’application IIS.

Il ne reste plus qu’à configurer notre IVR afin qu’il puisse exécuter “Hello World!”. Pour cela, avec voxpilot, ouvrir la console d’administration, puis se rendre dans la section “Application”. Saisir l’uri de l’application :

http://localhost/HelloVXML/Default.aspx

Et voilà. L’application est terminée. Vous avez ainsi pu réaliser un premier SVI plein d’avenirs.

Conclusion

Cet exemple est donc très simple mais permet de se faire une idée sur la façon de créer des applications vocales puissantes et performantes. Ce procédé à l’avantage en effet de pouvoir intégrer dans notre flux toutes sortes de données diverses : des variables bien sûrs, ou des combinaisons de dialogues, après intérogation de bases de données. Nous verrons comment au fil des prochains billets.

Pour entendre le résultat de notre application, il nous faut un téléphone compatible avec la norme sip. En voici deux : le premier, il s’agit de Sjphone, que l’on peut trouver à cette adresse : http://www.sjlabs.com/sjp.html, et pour le second, il s’agit de Kapanga, que l’on trouve ici : http://www.kapanga.net/IP/home.cfm. Ce dernier offre l’avantage d’ajouter la vidéo en plus du son.

Vous pouvez télécharger la solution ci-dessous sur votre pc.

Nous allons continuer dans nos prochains billets à explorer cet univers, et découvrir les secrets et la puissance du VoiceXML lié au dotnet.

Depuis un peu plus de 6 mois, je pratique et découvre tous les jours le VoiceXML, ou VXML 2.0. Ce standard, peu répandu encore en France, est destiné à l’élaboration de services vocaux intéractifs (SVI), ou d’applications télécoms. Vous savez ? "Taper 1, pour …, 2 pour …, ou * pour joindre un correspondant". C’est exactement ceci.

Plusieurs billets seront donc consacrés à cette nouvelle technologie. Je combine également ce standard à l’ASP .net (mon outil de programmation, lié à Visual Studio 2005), pour réaliser des applications vocales avec intérogation d’un serveur spécialisé, et des bases de données (en l’occurence, SQL Server).

Je vais donc parler VXML, mais aussi ASP .net, pour donner des astuces, des exemples de code que je j’utilise lors du développement de mes applications. En effet, ce standard tend à être connu et reconnu.

En parlant code, vous allez pouvoir dans la section suivante, découvrir le principe de ce langage avec deux exemples à la clé.

Le langage VXML

Le langage VXML est un langage composé de balises, dérivé du XML. Le VXML signifie Voice Extensible Markup Language, ou"langage de balisage extensible vocal" . Semblable au HTML, il permet de créer des applications télécoms. Ce langage s’articule autour de 3 notions qui sont :

1. la reconnaissance vocale,
2. une voix synthétisé,
3. les touches DTMF.

Pour concevoir une application VXML, un simple éditeur suffit.

Bonjour le monde

À titre d’exemple, le programme ci-dessous joue un fichier son qui contient le traditionnel "hello world !"

<?xml version="1.0" encoding="UTF-8"?>

 <vxml version="2.1" xmlns="http://www.w3.org/2001/vxml"

  xml:lang="en-GB">

 <var name="strMediaExt" expr="('video' ==

      session.connection.callmode)?'.3gp':'.wav'"/>

 <form id="formHello">

     <block>

         <audio expr="'media/helloworld'+strMediaExt"/>

     </block>

 </form>

</vxml>

Comme on peut le voir, tout l’aspect du langage tourne autour des balises, ce qui explique la dérivation du XML. <form>, <block>, <audio> sont des instructions propres au langage, mais l’élément qui définit une application vxml à la base est la balise… <vxml></vxml>.

Acquittement d’un appel

Un second exemple plus complexe, de code est celui que j’ai écrit pour l’une de mes applications. Il s’agit de l’acquittement d’un appel téléphonique, et le transfert de celui-ci vers une page spécifique :

<?xml version="1.0" encoding="UTF-8"?>

<vxml version="2.1" xmlns="http://www.w3.org/2001/vxml"

      xml:lang="en-GB">

     <property name="inputmodes" value="dtmf"/>

     <var name="now" expr="new Date()"/>

     <var name="dtdebut" expr="now.toLocaleString()"/>

     <var name="essai" expr="0" />


     <catch event="connection.disconnect.hangup">

         <var name="statut" expr="'NOK'" />

         <submit next="Ticket.aspx" method="get" namelist="statut

fulldate session.telephone.dnis session.telephone.ani

  session.connection.callid"/>

     </catch>


     <form id="bienvenue">

         <!-- Acceuil de l'utilisateur -->

         <block>

             <audio src="media/bonjour.wav" />

             <!-- Transfer le controle vers le formulaire

  'saisie' -->

             <submit next="suite.aspx" namelist="essai

              dtdebut" />

         </block>

     </form>

 </vxml>

Nous avons plusieurs éléments dans ce deuxième exemple comme des instructions (les "fameuses" balises décrites plus haut), et des éléments variables (comme les propriétés, et les variables : la date de début d’appel, et le nombre d’essais réalisés).

Le principe de ce code est le suivant : au déclenchement de l’appel, le son "bonjour.wav" est joué, puis on transfert cet acquittement au traitement qui se situe dans la page "suite.aspx". En cas d’erreur, c’est l’événement "catch" qui est exécuté. Et là, on transfert le traitement à la page "ticket.aspx" (qui écrit un ticket contenant l’erreur).

Dans cet exemple, l’intégration avec le .net est évident ! Cela permet de concevoir des applications sophistiquées (validation d’un paiement par carte bancaire, récupération de messages vocaux, par un identifiant, … les exemples sont nombreux).

Les applications dynamiques, telles que décrient ici, ne sont pas forcément dédiées au .net. Il est également possible d’utiliser des langages comme le php, perl, cgi, python, …

On le voit, le VoiceXML est un langage ouvert !

Les plateformes IVR (Interactive Voice Response)

Afin que notre code ci-dessus puisse fonctionner, il est nécessaire de pouvoir les exécuter par un interpréteur.

Pour cela, nous avons besoin d’une plateforme spécifique sachant lire le code VXML.

Actuellement, il en existe de deux catégories.

1. Des plateformes en ligne comme Plums, ou Voxeo,

2. Des plateformes à installer sur notre PC, comme Voxpilot

Grâce à ces environnements, nous allons pouvoir développer nos propres applications télécoms.

Pour ma part, j’utilise l’architecture de Voxpilot. C’est donc tout naturellement que je l’ai également installé sur mon PC personnel. Il est possible d’obtenir et / ou de renouveller une licence gratuie pour 3 mois.

Sachant qu’il s’agit là d’un standard, il est tout à fait possible d’utiliser un autre service… avec le même code !

Conclusion

Voici donc un aperçu d’un langage porteur. Les applications orientées "téléphonies" se développent en effet rapidement, et l’aboutissement d’un standard facilite la création des applications sans nécessité de matériel ou développement lourd, comme ce fût le cas par le passé.

Les prochains billets tenteront d’expliquer le langage lui-même ainsi que les différents événements associés au VXML, mais nous ferons aussi un petit tour vers le CCXML, compagnon complémentaire du VXML orienté "événements", sans oublier l’intégration à des langages dynamiques comme le .net.

Bref, un langage plein d’avenir et de très belles réalisations en perspective.

À suivre…

Et oui, mélanger le blog perso et professionnel n’est pas forcément la meilleure des solutions. Voici donc un blog plus spécialement dédié aux technologies autour de mon langage de prédilection : le VB .net !

Pourquoi un blog, alors qu’il y en a déjà de nombreux autour de ce langage ? Tout simplement pour montrer les capacités techniques que celui-ci peut amener au cours du développement professionnel, et des différentes technologies qu’il peut utiliser, notamment avec le VXML. J’en reparlerais.

En effet, développer en .net, c’est bien, cela permet de réaliser des applications puissantes et performantes, basé sur le framework de Microsoft, tant pour des applications que des sites internet.

Mais on verra au cours des différents billets que l’on peut améliorer encore plus ces applications. En ajoutant composants spécifiques, des RIA, et autres WFC, des contrôles. Bref, toute une panoplie qui permettront de tirer le maximum des capacités du langages, pour réaliser des applications.

Plusieurs séries d’articles accompagneront ce blog, et le premier d’entre eux, accès bien sûr au VXML (VoiceXML ou Voice eXtender Markup Language). Je réalise en effet professionnellement des applications de services vocaux.

Mais ce site s’enrichira aussi d’articles techniques étrangers puisque j’ai eu l’accord de traduire ceux-ci sur mon blog. Vous trouverez donc des infos en provenance de sites de renom dans le domaine.

Alors, bien sûr, ce site a encore des défauts, qui seront corrigés au fur et à mesure. Ne m’en voulait pas.

N’hésiter pas à laisser tous les commentaires qui permettront d’améliorer encore plus ce site.

Et si vous voulez en savoir plus, tout de suite, consulter ce post pour créer votre 1ère application VXML, en compagnie du .net !

Bon surf, bonne découverte, et coder bien.