Créer une application Wap pour le m-commerce
Le serveur Web Microsoft Internet Information Server 5 et un navigateur servent à réaliser une application de consultation de base de données en Wap/WML pour le mobile-commerce.
Les plates-formes embarquées, telles que les téléphones mobiles ou les organisateurs de poche, peuvent être connectées à Internet grâce au WML (Wireless Markup Language). Développé pour répondre aux contraintes techniques des mobiles (interface graphique réduite au minimum, transmission des données lente, peu de mémoire vive, faibles ressources matérielles), ce langage permet de concevoir des interfaces graphiques interactives pour communiquer avec des ressources Internet ou des applications d'e-commerce. Le Wap (Wireless Application Protocol) et le WML ouvrent les portes à une nouvelle génération d'applications.
Cette mise en ?"uvre vous montrera comment concevoir une application WML pour se connecter à des bases de données Oracle8i via des scripts Web ASP fonctionnant sous IIS 5. Cette petite application Wap offre à un utilisateur la possibilité de consulter le solde de son compte bancaire depuis un téléphone mobile.1. Appréhendez le WML
Basé sur le langage XML (eXtensible Markup Language), le WML supporte des commandes de formatage, ainsi que de présentation de texte et d'image. Les informations s'organisent sur une hiérarchie de zone, appelée Card. Un fichier WML peut contenir plusieurs définitions de Card. Des commandes autorisent la navigation entre ces Card en fonction des événements générés par les actions de l'utilisateur.2. Composez le code WML
Comme pour un document XML, le fichier WML commence par un prologue qui indique la version du langage XML utilisé et par un lien sur le DTD (Do-cument Type Definition). Le DTD "wml_1.1.xml" renferme la définition en XML du langage WML. Toute plate-forme compatible XML est ainsi capable d'interpréter un document WML en utilisant son DTD. Un atout intéressant si vous souhaitez intégrer votre nouvelle application Wap à votre site Web existant. Intitulé "", le premier élément contient tous les autres qui serviront à définir l'application.3. Créez les Card WML
L'application propose aux utilisateurs de saisir leur numéro de compte bancaire et leur mot de passe afin de consulter le solde du jour. Trois Card sont nécessaires : "Compte Bancaire" (saisie du numéro de compte) ; "MotDePasse" ; "Erreur" pour afficher des fautes de saisie. Le langage WML possède plusieurs mots clés tels que "go" ou "card". La définition d'une Card commence par l'ouverture d'une balise "" Comme dans l'exemple, vous pouvez assigner un identifiant à la Card afin de faciliter la navigation entre les Card. La balise "" peut également contenir un titre qui sera affiché. Créez ainsi les 3 Card en précisant leur identifiant et leur titre, puis en veillant à terminer chacune des Card avec la balise de fermeture " "4. Gérez la navigation entre les Card
Si vous êtes accoutumé à l'utilisation des hyperliens "HREF" en HTML, vous reconnaîtrez une logique de navigation similaire pour le WML. La référence à une Card ou à une ressource distante s'effectue à l'aide de la balise WML "href". La commande "go" désigne une action de navigation. Ainsi, "5. Formatez le contenu des Card
Dans chaque Card, vous pouvez ajouter du contenu et définir sa présentation. Les balises de formatage "br", "p", "table", "tr" et "td", bien connues des développeurs HTML, existent également en WML. De même, le WML détermine des balises de définition de champs de saisie telles que "select", "input" et "option". Vous avez la possibilité de créer une phrase d'invite, suivie d'un champ de saisie de type texte, afin de construire les champs de saisie du numéro de compte en banque et du mot de passe.
Créez maintenant des hyperliens HTML en utilisant les balises "go" et "href". Pour passer des valeurs en arguments, recourez à la balise "".6. crivez la fonction WMLScript
Le WMLScript est l'homologue Wap du JavaScript pour le HTML. Il repose sur le standard ECMAScript, défini par Netscape, et dispose d'une syntaxe similaire à celle du JavaScript. En utilisant le mot clé "extern", vous déclarez une fonction qui peut être invoquée par des programmes externes au fichier contenant le code de la fonction. Cela s'avère très utile pour réutiliser des fonctions communes à plusieurs fichiers WML. Stockée dans le fichier dédié "VotreWMLScript.wmls", la fonction externe "controlCompteID" prend en argument une variable "ID", vérifie que la longueur de la variable est bien de 9 caractères, puis redirige l'affichage du navigateur vers la Card "MotDePasse", conservée dans le fichier "VotreWML.wml". Si le numéro de compte n'est pas exactement de 9 ca-ractères, la fonction dirige le navigateur vers la Card "Erreur".7. Connectez-vous à la base de données
Pour vous connecter à la base Oracle8i renfermant les données bancaires, utilisez un programme ASP (Active Server Page) et une connexion ODBC (Open Data Base Connectivity). Cette requête SQL simple permet de récupérer les informations du compte à partir du numéro de ce dernier et du mot de passe fournis par l'utilisateur, via l'interface WML. Avant d'exécuter la requête, il est possible d'effectuer de nouveau un contrôle sur les données saisies et de composer un message d'erreur approprié. Vous pouvez affiner cette gestion d'erreur à votre guise.8. Retournez les résultats au format WML
Si la requête de données SQL a correctement été effectuée, le script ASP compose une page WML avec le solde du compte et la date système. Sinon, un message d'erreur est généré. Vous pouvez affiner la présentation en améliorant le formatage du contenu ou en ajoutant des images au format WBMP (Wirelesss BitMap) supporté par le WML.9. Définissez la configuration du serveur Web
Dans la configuration de votre serveur Web, définissez les types Mime de vos pages WML afin que le serveur puisse correctement les transmettre aux utilisateurs. Ce sont: "text/vnd.wap.wml" pour les pages ".wml", "text/vnd. wap.wmlscript" pour les ".wmls" et "image/vnd.wap.wbmp" pour les images ".wbmp".
Cette mise en ?"uvre vous montrera comment concevoir une application WML pour se connecter à des bases de données Oracle8i via des scripts Web ASP fonctionnant sous IIS 5. Cette petite application Wap offre à un utilisateur la possibilité de consulter le solde de son compte bancaire depuis un téléphone mobile.1. Appréhendez le WML
Basé sur le langage XML (eXtensible Markup Language), le WML supporte des commandes de formatage, ainsi que de présentation de texte et d'image. Les informations s'organisent sur une hiérarchie de zone, appelée Card. Un fichier WML peut contenir plusieurs définitions de Card. Des commandes autorisent la navigation entre ces Card en fonction des événements générés par les actions de l'utilisateur.2. Composez le code WML
Comme pour un document XML, le fichier WML commence par un prologue qui indique la version du langage XML utilisé et par un lien sur le DTD (Do-cument Type Definition). Le DTD "wml_1.1.xml" renferme la définition en XML du langage WML. Toute plate-forme compatible XML est ainsi capable d'interpréter un document WML en utilisant son DTD. Un atout intéressant si vous souhaitez intégrer votre nouvelle application Wap à votre site Web existant. Intitulé "
L'application propose aux utilisateurs de saisir leur numéro de compte bancaire et leur mot de passe afin de consulter le solde du jour. Trois Card sont nécessaires : "Compte Bancaire" (saisie du numéro de compte) ; "MotDePasse" ; "Erreur" pour afficher des fautes de saisie. Le langage WML possède plusieurs mots clés tels que "go" ou "card". La définition d'une Card commence par l'ouverture d'une balise "
Si vous êtes accoutumé à l'utilisation des hyperliens "HREF" en HTML, vous reconnaîtrez une logique de navigation similaire pour le WML. La référence à une Card ou à une ressource distante s'effectue à l'aide de la balise WML "href". La commande "go" désigne une action de navigation. Ainsi, "
Dans chaque Card, vous pouvez ajouter du contenu et définir sa présentation. Les balises de formatage "br", "p", "table", "tr" et "td", bien connues des développeurs HTML, existent également en WML. De même, le WML détermine des balises de définition de champs de saisie telles que "select", "input" et "option". Vous avez la possibilité de créer une phrase d'invite, suivie d'un champ de saisie de type texte, afin de construire les champs de saisie du numéro de compte en banque et du mot de passe.
Créez maintenant des hyperliens HTML en utilisant les balises "go" et "href". Pour passer des valeurs en arguments, recourez à la balise "
Le WMLScript est l'homologue Wap du JavaScript pour le HTML. Il repose sur le standard ECMAScript, défini par Netscape, et dispose d'une syntaxe similaire à celle du JavaScript. En utilisant le mot clé "extern", vous déclarez une fonction qui peut être invoquée par des programmes externes au fichier contenant le code de la fonction. Cela s'avère très utile pour réutiliser des fonctions communes à plusieurs fichiers WML. Stockée dans le fichier dédié "VotreWMLScript.wmls", la fonction externe "controlCompteID" prend en argument une variable "ID", vérifie que la longueur de la variable est bien de 9 caractères, puis redirige l'affichage du navigateur vers la Card "MotDePasse", conservée dans le fichier "VotreWML.wml". Si le numéro de compte n'est pas exactement de 9 ca-ractères, la fonction dirige le navigateur vers la Card "Erreur".7. Connectez-vous à la base de données
Pour vous connecter à la base Oracle8i renfermant les données bancaires, utilisez un programme ASP (Active Server Page) et une connexion ODBC (Open Data Base Connectivity). Cette requête SQL simple permet de récupérer les informations du compte à partir du numéro de ce dernier et du mot de passe fournis par l'utilisateur, via l'interface WML. Avant d'exécuter la requête, il est possible d'effectuer de nouveau un contrôle sur les données saisies et de composer un message d'erreur approprié. Vous pouvez affiner cette gestion d'erreur à votre guise.8. Retournez les résultats au format WML
Si la requête de données SQL a correctement été effectuée, le script ASP compose une page WML avec le solde du compte et la date système. Sinon, un message d'erreur est généré. Vous pouvez affiner la présentation en améliorant le formatage du contenu ou en ajoutant des images au format WBMP (Wirelesss BitMap) supporté par le WML.9. Définissez la configuration du serveur Web
Dans la configuration de votre serveur Web, définissez les types Mime de vos pages WML afin que le serveur puisse correctement les transmettre aux utilisateurs. Ce sont: "text/vnd.wap.wml" pour les pages ".wml", "text/vnd. wap.wmlscript" pour les ".wmls" et "image/vnd.wap.wbmp" pour les images ".wbmp".