Développement d’une interface Web riche en AJAX WORKSHOP GI Lundi 14 mai Développement d’une interface Web riche en AJAX

Plan Présentations Ma mission Etude des besoins Etude de l’existant Solutions envisagées Avancement de la mission

Présentations Damien GHILES 22 ans M1 (Bac +4) IUP ISI (Ingénierie des Systèmes Informatiques) à l’université Paul Sabatier, Toulouse Stage de 5 mois (Avril-Août) Tutrice : Elise Vareilles Co-Tuteur : Paul Gaborit

Ma mission Sujet du stage : Développement d’une interface web riche en Ajax (Asynchronous JavaScript And XML) Déroulement du stage : Etude des configurateurs existants sur le marché Etude et sélection des composants d’interface existants et utilisables dans notre cas Construction d’un exemple d’interface à partir des composants sélectionnés pour vérifier la faisabilité Intégration de ces composants dans la génération des documents d’interface Amélioration des performances grâce à l’application du Framework AJAX

Ma mission Schéma général d’un configurateur Base de connaissances Utilisateur

Ma mission Interface actuelle Il suffit de cliquer sur l’image pour arriver sur le site

Ma mission Schéma général d’un configurateur NAVIGATEUR (Firefox, IE…) SERVEUR WEB Base de connaissances Données de session (Modèle, instance) MOTEUR DE CONTRÔLE Utilisateur CONFIGURATEUR Modèles de satisfactions de contraintes MOTEUR TEMPLATES MOTEUR CONTRAINTES Base de connaissances Utilisateur Templates CONFIGURATEUR

Etude des besoins Un nombre important de variables à faire évoluer Des variables de différents types : Symboliques Numériques (valeurs uniques ou intervalles) Des variables classées par groupes et sous-groupes Un accès constant à un suivi de chaque variable ainsi que de l’évolution générale Une interface conviviale et ergonomique, facile d’accès même à des néophytes

Etude de l’existant Configit Software XpertRule Tacton Koalog Principaux configurateurs existants étudiés : Configit Software XpertRule Tacton Koalog

ConfigitSoftware

Tacton

Koalog

Solutions envisagées Représentation des variables Symboliques Numériques Ebauche de l’interface générale

Représentation des variables symboliques Valeurs interdites Valeurs possibles Valeurs sélectionnées Gas Oil Water

Représentation des variables numériques = ≠ > < ≤ ≥

EBAUCHE DE L’INTERFACE GENERALE Se connecter Se déconnecter Créer un compte Modèles Instances Historique Aide Connexion 1 Nom du nœud 3 Nœud > Feuille > Sous-Nœud 4 2 5 Suivi de variable: 6

Avancement de la mission Etude des configurateurs existants sur le marché Etude et sélection des composants d’interface existants et utilisables dans notre cas Construction d’un exemple d’interface à partir des composants sélectionnés pour vérifier la faisabilité Intégration de ces composants dans la génération des documents d’interface Amélioration des performances grâce à l’application du Framework AJAX

Des questions ?