Introduction

XMLRAD est un environnement de développement Web de l'éditeur e-delos. Il permet de créer des applications fonctionnant sur un intranet. Il est basé sur les technologies XML/XSL. Contrairement à Php ou ASP, la page HTML qui est renvoyée au navigateur n'est pas construite à partir d'un code de script mais par transformation d'une grappe de données XML par une feuille XSL. La particularité d'XMLRAD est qu'il s'exécute dans un navigateur ! En effet XMLRAD a été fait avec la même technologie que les applications qu'il produit.

Le principe d'XMLRAD se base sur une description du traitement dans un fichier XML que l'on appelle XMLGRAM. Ce fichier contient les instructions de base qui vont être exécutées pour générer un fichier XML de données qui va ensuite être transformé avec un XSL pour renvoyer au navigateur une page HTML. Il n'est donc en général pas nécessaire de coder pour créer des applications. Il reste cependant indispensable de pouvoir avoir des règles de gestion. Ces dernières pourront être codées dans le langage et l'environnement de votre choix. (Delphi, BCB, Kylix, JScript, VBScript, tout langage .NET ou Java). Pour plus de détail sur l'architecture, consultez ce lien.

Nous verrons dans cet article pas à pas comment télécharger et installer XMLRAD, puis comment créer notre première application avec cet environnement.

Installation

XMLRAD peut être téléchargé et essayé gratuitement.

Pour télécharger XMLRAD, rendez vous sur le site http://xmlrad.com ou directement sur cette page:

http://xmlrad.com/DelosBin/Delos.dll/ServePage?URL=downloads.htm&WEB_ID=101001015

Image non disponible

Remplissez alors le formulaire avec votre adresse e-mail et votre pays pour recevoir l'url de téléchargement. dans le e-mail suivant:

Image non disponible

Double-cliquez sur l'exécutable pour lancer l'installation.

Image non disponible

Selectionnez les serveurs web que vous que XMLRAD supporte. Il vous faut au moins un serveur web IIS ou Apache 1.3 ou 2.0 pour faire tourner XMLRAD.

Image non disponible

Selectionnez le répertoire de destination.

Image non disponible

Entrez votre adresse e-mail.

Image non disponible

Selectionnez le type d'installation. L'installation Full est recommandée. Elle détecte tous les environnements installés.

Image non disponible

Selectionnez le serveur web sur lequel s'executera XMLRAD.

Image non disponible

Lancez l'installation proprement dite.

Image non disponible

L'installateur télécharge les fichiers a paritr du serveur xmlrad.com en fonction de vos choix et les décompresse sur votre disque dur.

Image non disponible

L'installation se termine et vous propose de lancer immédiatement XMLRAD.

Image non disponible
Image non disponible

Présentation

Avant de créer notre première application, Nous allons faire un petit tour d'horizon de l'environnement XMLRAD.

Image non disponible

Dans la partie centrale, cliquez sur Run Project.

Image non disponible

Cette application est la plus simple car elle ne fait qu'afficher une simple page dynamique avec la date courante. Aucun accès à une base de données n'est pour l'instant effectué.

Revenez sur la liste de projets en cliquant sur le nom de votre machine dans la partie gauche (AMARYL pour moi) et sélectionnez la demo Training. Dans l'arborescence de ce projet, déployez le noeud DataSources et sélectionnez Database.

Image non disponible

La base Training est au format access. vérifiez que le paramètre Data Source pointe bien vers le fichier Training.mdb puis testez la connexion en cliquant sur le bouton Test Connection. Vous devez voir sous le bouton :

Image non disponible

Revenez alors sur la page principal du projet (Cliquez sur Training dans la partie gauche) et lancez le projet a l'aide du lien Run Project.

Image non disponible

Création d'une application

On veut maintenant pouvoir créer notre propre application à partir de cette même base de données.

Revenez sur la liste des projets en cliquant sur le nom de votre machine dans la partie gauche. Dans la partie centrale, cliquez sur le lien Create a new Project.

Image non disponible

Sélectionnez Simple Project, et faites Next.

Image non disponible

Sélectionnez un type de projet en fonction de votre environnement de développement (Delphi, C++Builder, Scripting, VisualStudio.NET, JBuilder, Eclipse) et de votre Serveur Web (IIS, Apache, Tomcat), puis nommez le (par exemple MyDemo). Cliquez sur Next.

Image non disponible

Dans XMLModule configuration, vous pouvez nommer vos XMLModules (sorte de DataModules) et indiquer le chemin dans lequel seront stockés les XMLServices. La case Create a normalized XMLModule permet de créer des sous XMLModule pour les regrouper par fonctionnalités. Ceci n'est utile que pour de grosses applications contenant beaucoup de XMLServices. Nous allons donc décocher cette case.

On crée notre projet en cliquant sur le bouton Next en bas de la page.

Image non disponible

On tombe maintenant sur la page de configuration de l'accès à la base de données. On veut se connecter à la base Acess Training.mdb. On sélectionne donc Acess dans la liste.

Image non disponible

On indique le chemin d'accès au fichier mdb: C:\Program Files\Delos\Demos\Data\Training.mdb. On clique enfin sur Finish.

La connexion à la base est testé automatiquement. Si tout se passe bien vous tombez sur l'écran de création d'un XMLService. SInon vous tombez sur l'écran de configuration de la DataSource que vous avez vu plus haut.

Image non disponible

Choisissez Data table pour créer une liste d'enregistrement d'une table.

Image non disponible

Choisissez la source de données à partir de laquelle vous souhaitez extraire les données. Dans notre cas nous n'en avons qu'une: Database qui correspond à la base Traininig.

Image non disponible

Choisissez la table dont vous voulez extraire les données. Une partie des enregistrements s'affichent alors.

Image non disponible

Vous arrivez alors sur l'écran de sélection des champs à extraire et à afficher. Décochez all visual fields puis sélectionnez en cochant la case visual de chaque champ ceux qui vous intéressent, par exemple: ORG_NAME et ORG_ADDRESS1.

Image non disponible

XMLRAD vous propose alors la requête SELECT qui sera exécutée pour extraire les données. Vous pouvez ici la modifier a votre convenance comme par exemple rajouter une clause ORDER BY pour un tri.

Image non disponible

Enfin sur le dernier écran du wizard vous pouvez sélectionner la template XSL qui sera utilisée pour générer le HTML. A droite vous avez un aperçu de ce que donne chaque template. On vous propose aussi de générer un autre XMLService pour le reporting (Nécessite ghtmldoc, cf Appendix 14).

Image non disponible

Vous arrivez alors dans XSLStudio qui vous permet de modifier l'aspect visuel de la page. Vous pouvez dès à présent lancer votre application pour voir votre premier écran: Revenez dans la page principale du projet en cliquant sur le projet MyDemo dans la partie gauche, puis cliquez sur Run Project.

Image non disponible

Maintenant, si vous cliquez sur l'une des organisations vous aurez le message suivant:

Image non disponible

Effectivement, l'ecran FormORGANIZATION n'existe pas car nous ne l'avons pas créé. Nous allons donc générer cet écran en créant un nouvel XMLService et en choisissant une Simple Form:

Image non disponible

Les écrans suivant sont similaires à ce que nous avons déjà vu.

Image non disponible

A la fin du wizard, XMLRAD nous propose de générer automatiquement les XMLServices qui vont servir à la mise a jour des données du formulaire ainsi qu'à la suppression. Une fois le wizard terminé vous vous retrouvez avec 4 XMLServices dans votre projets: ListORGANIZATION, FormORGANIZATION, UpdateORGANIZATION et Delete ORGANIZATION.

Si nous relançons le projet en exécution, nous pouvons à présent cliquez sur l'une des organisations.

Image non disponible

Conclusion

Nous avons téléchargé puis installé l'outil de développement Web XMLRAD. Après un rapide survol d'une application de demo, nous avons créer notre propre application comprenant une liste et un formulaire.

XMLRAD peut bien entendu faire beaucoup plus que cela. Cet article s'adresse surtout aux personnes découvrant XMLRAD pour la première fois et désirant tester le produit rapidement.