Cours Atelier de Genie Logiciel

IUT DE DOUALA
LICENCE GEII
SUPPORT DE COURS
ETUDE ET REALISATION EN GENIE LOGICIEL
PLAN
3/11/2018
Présentation et premier développement
guidé
Connaître les éléments de base de l'éditeur WinDev.
Création pas à pas d'un convertisseur Francs / Euros. Ce cours vous aidera à vous familiariser avec
les objets de base de Windev
10/11/2018 Bases de WinDev

Connaître les objets de base de WinDev. Manipulation des Combo-box, des interrupteurs, des tables
mémoires, … Vous aborderez certains grands classiques de programmation tout en douceur.
17/11/2018 Travailler avec un fichier de données

Etude du gestionnaire d’analyse. Manipulation des tables mémoires. Manipulation de données.
Création d’états....On franchit une étape de plus pour cumuler l'acquis des cours précédents avec
la gestion d'un fichier de données
Travailler avec plusieurs fichiers

24/11/2018
de données
Travailler avec plusieurs fichiers de données. Création d’un MCD.Gestion des champs indexés. Manipulation de
données, Liaison des données … Là ça ne rigole plus ! On ré-utilise les connaisances ancrées des cours précédents
et on rajoute une grosse couche base de donnée. Elle est pas belle la vie ?
1/12/2018 Études des Sockets, communication répartie

Etude des Sockets. Faire communiquer 2 ou plusieurs ordinateurs ensemble. Révison des Sockets, Adresse Ip,
Ports...
8/12/2018
Accès à des bases de données tierces
(Mysql)
Langage Sql, Fonctions Sql de WinDev, gestion avancée des
tree-view, des tables mémoire, des chaînes de caractères…
14/12/2018 Création d’un Web Service
GEII1
SUPPORT WINDEV NUMERO 1
2/11/2018
Présentation et premier développement
guidé
L'objectif de ce premier support est de vous faire
programmer de façon simple tout en vous accompagnant pour
que vous preniez confiance en vous !
GEII2
Support WinDev Numéro 1

VERSION 19
PRÉSENTATION DE WINDEV
Ce support est conçu avec la version 15 de WinDev, il peut être porté sur toute autre version sans
grande difficulté.
PRESENTATION DE L'EXERCICE.
Pour ce premier exercice, nous allons créer un convertisseur Franc / Euro.
Lancez WinDev 19 en double cliquant sur son icône : .
La fenêtre d'accueil apparaît :
Cliquez sur Créer un projet.

A partir de maintenant, vous allez être pris en main par un assistant qui va vous aider à définir les
grandes options de votre projet de développement.
La fenêtre suivante doit apparaitre :
GEII3
Comme vous le voyez avec Windev, vous pouvez créer une multitude de types d’applications. Nous allons
choisir « Application Windows ou Linux ». L’assistant de création de projet se mets en œuvre.
GEII4
A l'emplacement Nom du projet saisissez Convertisseur, l'emplacement va se définir par défaut. Vous
pouvez rajouter un petit résumé caractérisant votre applicatif. Ensuite cliquez sur l'icône permettant
d'aller sur l'écran suivant.
GEII5
Là, vous avez la possibilité de rajouter des documents au projet, on pourrait imaginer que vous vouliez
stocker des documents afférents à votre logiciel. Par exemple les modèles de facture, de bon de
commande, d'ordre de fabrication qui existe chez votre client.
Nous, vu l'envergure de notre projet, nous nous contenterons juste de passer à l'écran suivant !
GEII6
Ici, l'assistant vous demande de préciser votre choix de génération, ou même la plateforme sur laquelle
votre projet va s'exécuter. Comme vous le voyez, vous pouvez créer des logiciels qui vont pouvoir
s'exécuter sur une plateforme Windows (32 ou 64 bits) ou sur une plateforme Linux.
Nous, nous allons choisir de créer un exécutable (.exe) pour la plateforme Windows. Laissons donc le
choix par défaut et passons à l'écran suivant pour confirmer notre choix.
Ici, nous confirmons que la plate-forme de destination est bien une plate-forme Windows 32 bits. Passons
à la suite.
GEII7
Le Gds permet de centraliser les éléments constitutifs du projet sur un serveur, un NAS, etc. Celà est utile
pour partager les sources avec plusieurs développeurs. Dans notre cas nous choisissons le choix Non, ne
pas utiliser le GDS.
La charte de programmation vous préfixe les noms de variables de façon automatique. Nous allons faire
sans.
GEII8
La charte graphique vous permet de donner un look sympa et sans effort à votre application. Pour ma
part j'ai choisi ActivUbuntu.
GEII9
Cet assistant nous propose de définir dès à présent la taille de nos fenêtres par défaut. Laissons les choix
proposés par défaut et passons à l'écran suivant.
GEII10
Un programme peut être prévu pour plusieurs pays. Dans ce cas vous pouvez dès le début du projet
définir les langues qui seront utilisées. Tous vos textes pourront être saisis en plusieurs langues et votre
applicatif sera customisé dans la langue de l'utilisateur de façon automatique. Nous, nous allons rester sur
le Français.
GEII11
Ici, vous pouvez choisir de faire lancer une fenêtre « Le saviez-vous » donnant des conseils ou astuces
pour votre application. Dans le cadre de notre projet nous allons nous en passer.
GEII12
Pour ce projet, nous n'allons pas utiliser de base de données, prenez le choix Non, ne pas utiliser de
base de données.
Voilà, l'assistant vient de définir certains de nos besoins et est terminé. Vous pouvez cliquer sur
pour terminer l'assistance.
GEII13
L'assistant va vous poser la dernière question ? Voulez-vous créer une fenêtre ? Cliquez Créer une
fenêtre puis choisissez Vierge dans l'onglet Standard. Validez par OK.
Nous voici enfin arrivé dans le vif du sujet !
GEII14
Voilà la fenêtre standard vide, nous pouvons tout modifier : le titre, la taille, les comportements par
défauts etc...
Nous allons commencer les modifications de base. Pour cela placez le curseur de la souris n'importe où
dans la fenêtre et faites un clic droit. Un menu contextuel doit apparaitre :
GEII15
Ce menu contextuel est le point de départ de la personnalisation de la fenêtre. Cliquez sur Description :
GEII16
Donnez un nom à cette fenêtre et un titre.

Sélectionnez l'onglet IHM (Interface Homme-Machine).
GEII17
Changez la taille, le fait qu’elle ne sera pas redimensionnable puis validez en cliquant sur le jet vert.
Remarquez les différences, vous avez maintenant une fenêtre avec un nom, un titre et une taille définie.
Il est temps de sauvegarder, Cliquez sur le bouton Enregistrer.
GEII18
Cliquez sur le jet vert.
A l'intérieur de cette fenêtre, nous allons maintenant placer 4 objets : 3 "champs de

saisie" et un bouton (faites un glisser/déposer ou drag & drop des champs dans la
fenêtre )
Voici a quoi pourrait ressembler votre fenêtre :
Le premier champ se nommera francs et aura comme libellé "Zone francs :". Cliquez 2 fois dessus pour
en modifier les caractéristiques :
GEII19
Changez son nom ici, son libellé là, son type et son masque de saisie.
Son nom sera lequel cet objet sera manipulé par programmation.
Le libellé sera la zone de texte apparaissant avant la zone de saisie.
Le type défini le contenu que recevra ce champ de saisie.
Le masque est un formatage des informations saisies. Ici le chiffre aura au maximum 5 chiffres avant la
virgule et 2 après.
Validez cette description.
Vous voyez immédiatement le résultat ! Nous pouvons maintenant modifier le second champ.
GEII20
Sur le même principe que le champ précédent le second se nommera taux et aura comme libellé "Taux
de change :".Bien évidement il sera de type numérique.
Le troisième champ se nommera convertir et aura comme libellé "Résultat de la conversion :" (Vous aurez
surement besoin de redimensionner le champ pour voir correctement le libellé )
Le bouton enfin se nommera calcule et aura comme libellé "calcule".
Voici à quoi doit ressembler votre fenêtre.

Il nous reste à mettre le code correspondant dans le bouton "calcule". Pour cela, faites un clic droit dessus
et choisissez "Code" dans le menu contextuel.
Comme vous le voyez il existe 2 zones de saisie de code : Une nommée Initialisation de Calcule et
l'autre Clic sur Calcule.
Le code inscrit dans la première zone s'activera lors de la création du bouton, c'est a dire avant que la
fenêtre soit active pour l'utilisateur. Ce peut être utile dans certain cas pour changer le libellé du bouton
en fonction d'un contexte particulier.
GEII21
Le code inscrit dans la seconde zone est celui qui nous intéresse le plus. Le code qui est dans cette partie
est exécuté chaque fois que l'utilisateur clique sur le bouton.
Nous allons le programmer pour que la zone convertir affiche le résultat de la conversion Francs par
taux.
Saisissez comme ci-dessus. Vous allez remarquer le mécanisme de complétion automatique du code qui
vous propose le nom du champ dès que vous avez saisie 3 caractères. C’est une aide appréciable !
Il est temps d'enregistrer notre projet en cliquant sur l’icône d’enregistrement.
Une fois l'enregistrement achevé, nous allons tester le projet, pour cela cliquez sur Lancer le test du
projet.
WinDev vous demande de définir la première fenêtre de notre méga projet, choisissez "Départ" dans la
combo et validez.
Si vous voyez la fenêtre suivante, cliquez sur ne plus afficher et ensuite sur le bouton Iconiser
GEII22
Vous avez maintenant devant vous notre super convertisseur. Mais avouez qu'il est franchement moche :
- trop grand ;
- Des comportements par défaut peu pratiques.
Lesquels ?
C'est simple : Essayez de saisir le taux de conversion de l'euro 6,55957 !
Comme vous le voyez, le champ ne prend que 2 chiffres après la virgule ! De plus vous allez être obligé
de le saisir à chaque fois !!! Ah, c'est beau l'informatique !!!
Nous allons remédier à tous ces petits détails.
Tout d’abord fermer l’exécutable en cliquant sur la croix en haut à droite pour revenir en mode édition.
Pour la taille de la fenêtre, placez votre souris sur l'angle inférieur droit de la fenêtre "Départ" :
Une fois que le curseur change d'aspect, tenez appuyé le bouton gauche de la souris et remontez vers
l'angle supérieur gauche. Relâchez la souris quand la taille souhaitée sera atteinte.
Ce n’est pas plus beau ainsi ? Quoi, bof ?! De toute façon maintenant vous savez faire, alors prenez la
couleur qui vous plait le plus !
GEII23
Voilà mon résultat à moi !

Changeons le comportement du bouton "taux", faites un clic droit dessus, Description. Vérifiez que le
type soit Numérique. Maintenant dans la zone Masque de saisie, frappez 9,99999. Appliquez les
modifications puis dans le menu contextuel choisissez l'option Code.
Insérer le code : MoiMême=6.55957 dans la zone "Initialisation de Taux". Ainsi à chaque démarrage du
convertisseur, la zone de saisie sera remplie. Notez que nous aurions pu écrire : taux=6.55957.
MoiMême désigne l'objet dans lequel on se trouve.
Relancer le test de l'application en cliquant sur et utilisez votre super convertisseur.

C’est y pas beau ?
Merci d'être arrivé jusqu'ici sans abandonner en route ! Pour vous entrainer voici un petit exercice
récapitulatif qui sera noté ! (non, je plaisante !)
GEII24
EXERCICE APPLICATIF.
Créez une application « EXO1 » contenant :
 une fenêtre
 2 champs textes
 1 champ numérique
 1 bouton
Lorsque l’utilisateur clique sur le bouton, les champs textes se remplissent avec votre nom dans le premier
champ, votre prénom dans le deuxième champ texte et votre année de naissance dans le champ
numérique que vous aurez pré-programmés.
Vous avez toute liberté au niveau de l’ergonomie, du nommage des champs, de la fenêtre, du bouton. Je
vous rappelle que tout le code doit être contenu dans le bouton.
GEII25
SUPPORT WINDEV NUMERO 2
10/11/2018 Bases de WinDev
L'objectif de ce second support est de vous faire connaitre les

objets de base de WinDev, grâce à la manipulation des :
 Combo-Box,
 Interrupteurs,
 Tables Mémoire…
GEII26

VERSION 19
Pour ce second cours, nous allons créer des fenêtres comportant plusieurs objets de
base dont nous allons étudier le comportement.
LES SELECTEURS
 Créez un projet nommé TP2 sans analyse et une fenêtre nommée
« sélecteurs » le Titre de la fenêtre sera « Bonjour ».
Enregistrez immédiatement cette fenêtre sous « Sélecteurs ». Il est important de le

faire dès le début car ainsi WinDev vous aidera à auto compléter votre code.
Insérez un champ sélecteur à l’intérieur de votre fenêtre. Cliquez sur l’objet sélecteur
et ensuite positionnez-le sur votre fenêtre de départ
Voici ce que vous devriez découvrir à l’écran :
Allez dans la description du sélecteur (clic droit / Description / Onglet Général) dans la
zone Nom du champ inscrivez : Civilité. Idem dans le Libellé du champ.
Passez maintenant sur l’onglet Contenu :

Remplissez les options comme indiqué ci-dessous. Pour rajouter la troisième option
cliquez sur le symbole Plus vert.
GEII27
Rajoutez un champ de saisie que vous nommerez choix avec comme libellé « Elément
sélectionné : ».
Votre fenêtre doit ressembler à ceci :
Vous allez faire en sorte que le champ « Elément sélectionné » se renseigne selon la
Civilité. Pour cela, allez dans le Code du champ « civilité » (clic droit) dans la zone
« A chaque modification de Civilité » et saisissez le code suivant :
GEII28
Comme vous le remarquez, WinDev ne renvoie pas le libellé du choix effectué mais
l’index (ou position) de l’élément (1, 2 ou 3).
Testez la fenêtre en cliquant sur Go.
LES LISTES DEROULANTES
Créez une nouvelle fenêtre que vous nommerez « Liste » lorsque vous l’enregistrerez
(immédiatement) et comme titre : « Liste déroulante »
A l’intérieur, placez :
Une combo (Créer une combo)
L’assistant suivant se met en œuvre :
GEII29
Validez le choix par défaut « Remplir la combo par programmation… », via le Jet Vert.
La combo apparait sur votre fenêtre.
Vous la nommerez «ComboListe » et elle aura comme libellé « Civilité » (ne pas saisir
de contenu initial à afficher).
Maintenant, placez un champ de saisie nommé « choix » et ayant « Choix » comme

libellé.
Un bouton nommé « remplir » et ayant comme libellé « Remplir la liste Civilité ».
La fenêtre ressemblera à ceci :
GEII30
Nous allons programmer le bouton pour qu’il remplisse la combo avec les éléments
souhaités (Madame, Mademoiselle, Monsieur). Puis nous allons définir le
comportement de la combo pour qu’elle affecte le champ « choix ».
Dans la zone « Clic sur remplir » du Code du bouton écrivez le code suivant :
Nous allons vérifiez que votre liste soit correctement remplie en cliquant sur le bouton
Remplir puis en l’ouvrant avec la flèche vers le bas. Pour cela faite un go de la
fenetre pour l’avoir en exécution puis cliquez sur le bouton. Je vous laisse découvrir le
résultat :
Dans la zone « sélection d’une ligne de… » du Code de la combo Civilité écrivez le
code suivant :
Par cette simple ligne vous demandez à la combo de copier la valeur affichée dans le
champ « choix ».
Vous testez ? (Faut tout vous dire bande de faignasses )
GEII31
Sauvegardez et testez la fenêtre, non mais !
N’oubliez pas d’utiliser l’aide pour approfondir vos connaissances en appuyant

sur le bouton F1 !!
LES TABLES MEMOIRES :
Le champ table permet de simplifier l'affichage et la saisie d'informations stockées en

mémoire ou provenant d'un fichier de données, d'une vue ou d'une requête. Une table
est composée de lignes et de colonnes.
L'intersection d'une ligne et d'une colonne définit une cellule.
Une table peut être gérée ligne par ligne, colonne par colonne ou cellule par cellule.
Les informations affichées dans la table peuvent :
 être déterminés complètement par programmation : on parle alors de Table

Mémoire.
 provenir d'un fichier de données ou d'une requête : on parle alors de Table

fichier.
Il est bien évident que comme, qui peut le plus peut le moins, la table mémoire peut
afficher les données provenant d’un ou plusieurs fichiers, ou d’une ou plusieurs
requêtes.
Pour notre exemple, créez une fenêtre nommée « tablemem » et « Table

mémoire » pour Titre.
Pour créer un champ de type Table :
1. Sous l'éditeur de fenêtres, cliquez sur l'icône Table et liste, choisissez ensuite
table verticale
2. Cliquez dans la fenêtre à la position où le champ doit être créé. L'assistant de

création d'un champ table se lance automatiquement.
GEII32
Laissez le choix par défaut et cliquez sur le Jet Vert.
Pour afficher les caractéristiques du champ, sélectionnez l'option « Description »

dans le menu contextuel du champ. Deux types d'informations peuvent être visualisés
:
 les informations concernant la table dans son ensemble (il suffit de

sélectionner le nom de la table) ;
 les informations concernant chacune des colonnes de la table (il suffit de
sélectionner le nom d'une des colonnes de la table).
Nommez la table « matable ».
Créez 3 colonnes en appuyant 2 fois sur le bouton « Nouveau ».
Pour la première colonne : Nommez la « Nom », son type restera Texte, dans la zone
« Titre » de l’onglet « Général » incrivez « Le nom ». Dans la zone « taille de
saisie » inscrivez « 50 ». Ainsi l’utilisateur ne pourra pas inscrire un nom de plus de
50 caractères.
Pour la deuxième colonne : Nommez la « Prénom », son type sera Texte, dans la
zone « Titre », inscrivez « Le prénom » et 20 caractères de taille de saisie.
Pour la troisième colonne : Nommez la « Age », son type sera Numérique, dans la
zone « Titre » inscrivez « Age », dans la combo « masque de saisie » trouvez le
masque « 999 » (en haut de liste), cela signifie que seuls des entiers de 3 chiffres
maximum seront acceptés.
GEII33
Une fois ces manipulations réalisées vous pouvez valider vos choix.
Nous allons maintenant ajouter 4 Boutons :
 Le premier se nommera « remplirtable » et aura comme libellé « Remplir » ;

 Le second se nommera « supligne » et aura comme libellé « Supprimer » ;
 Le troisième se nommera « videtable » et aura comme libellé « Vider la
table » ;
 Le quatrième se nommera « quitter » et comme libellé « Quitter ».
Voici une représentation de votre fenêtre :
Nous allons étudier les différents codes permettant de remplir la table avec des
informations, supprimer la ligne sélectionnée, vider complètement la table et enfin
fermer la fenêtre.
GEII34
Dans la zone « Clic sur remplirtable » du bouton « Remplir », insérez le code

suivant :
« Baptiste » correspond au Nom, « Jean-Luc » au Prénom et « 50 » à l’âge. TAB

indique le changement de colonne.
Utilisez l’aide pour avoir plus de renseignements sur la fonction Tableajoute
Une autre façon de remplir la table est la suivante :
La différence réside dans l’absence du mot clé « Tab ». A vous de choisir la méthode
qui vous convient le mieux.
Utilisez l’aide pour avoir plus de renseignements sur la fonction Tableajouteligne
Dans la zone « clic sur supligne » de « Supprimer », insérez le code suivant :
Ce code supprime la ligne sélectionnée dans la table.
GEII35
Dans la zone « clic sur videtable » de « Vider la table », insérez le code suivant :
Dans la zone « clic sur quitter » de « Quitter », insérez le code suivant :
Testez les différents boutons et appuyez sur la loupe (à côté du nom de la colonne)
pour tester son comportement par défaut.
Comme vous pouvez le constater, WinDev est puissant et peu de lignes de codes
suffisent. Il est bien évident que le remplissage de la table peut être fait à partir de la
lecture d’un fichier.
Pour terminer ce cours, il nous reste à faire une fenêtre de départ comportant
3 boutons qui ouvriront les différentes fenêtres.
Créez donc une nouvelle fenêtre vierge que vous nommerez « depart », son Titre
sera « Bonjour ». Insérez-y 4 boutons : 3 serviront à lancer les fenêtres, 1 à quitter
l’application :
Pour indication, le code d’ouverture d’une fenêtre est : ouvre, le code de fermeture
est : ferme. Je vous laisse mettre le code correspondant.
Il ne vous restera qu’à ne pas oublier d’enregistrer cette fenêtre pour pouvoir la
déclarer comme première fenêtre du projet.
GEII36
Dans la zone exploratrice des éléments du projet, faites un clic droit sur la fenêtre
départ et choisissez « Première fenêtre du projet ».
GEII37
Exercice applicatif.
Créez un projet exo1tp2 et une fenêtre nommée « départ » ressemblant à celle-ci :
Le but de l’exercice, comme vous le voyez, est de remplir la table en utilisant dans le
code du bouton Calcul les valeurs contenues dans les champs « Multiplicateur » et
« Profondeur ». Pour ce faire, vous utiliserez la structure itérative « Pour ».
Comme toujours, n’hésitez pas à utiliser l’aide.
GEII38
COURS WINDEV NUMERO 3
17/11/2018 Travailler avec un fichier de données
Etude du gestionnaire d’analyse,

Manipulation des tables mémoires,
Manipulation de données,
Création d’états,
…
Pré requis : Cours WinDev Numéro 1 et 2
GEII39
Cours WinDev Numéro 3

VERSION 19
L’objectif de cette leçon est de vous familiariser avec l’utilisation des fichiers, du gestionnaire d’analyse
et de la conception d’états.
Vous allez commencer par créer un nouveau projet nommé TP3. Dans l’assistant, vous sélectionnerez votre
thème préféré, confirmerez les choix par défauts jusqu’à ce point :
Ici, il est impératif de sélectionner le choix « Oui, créer une nouvelle base de données ». Cliquez sur
Suivant.
Par défaut, les informations sont correctes, vous pouvez cliquer sur suivant.
GEII40
Comme vous pouvez le constater, le choix des types de bases de données est vaste ! Nous allons
travailler avec le format natif de WinDev HyperFileSQL Classic. Nous pouvons passer à l’écran suivant.
Voilà, la description de l’analyse est finie !

Un assistant de création de fichier va prendre le relais :
GEII41
Ici, nous laissons le choix par défaut.
Ah oui ! J’ai oublié de vous dire ce que nous allions faire… En fait nous allons programmer une mini
gestion de budget familial. Pour cela on va utiliser un seul fichier des mouvements dans lequel on inscrira
le descriptif des opérations, la date de l’opération, le montant au débit ou le montant au crédit. Cela
devrait vous faire penser à votre relevé de compte bancaire.
Voici la fenêtre suivante
Dans la zone Nom, vous allez indiquer le nom suivant : Mouvement. Remarquez les champs suivants qui
se remplissent automatiquement. Vérifiez que la case « Le fichier possède un identifiant automatique »
soit cochée. WinDev va ainsi créer un identifiant automatique. L’identifiant automatique est comparable
à un compteur, c’est lui qui vous garantit l’unicité de vos enregistrements. Je vous renvoie au cours
d’analyse Merise pour les compléments d’informations que vous pourriez avoir sur le rôle des
identifiants ! (A ce sujet, j’ai écrit un bon livre la dessus – Voir chez l’éditeur ENI)
GEII42
On clique sur Suivant ?
La nouvelle fenêtre vous demande de confirmer le fait que vous voulez travailler avec des fichiers de
type Hyper file (Format propriétaire WinDev).
Et voilà, la description du type de fichier est finie. Cliquez sur le bouton vert pour terminer. L’assistant se
ferme et vous ouvre la fiche de description du fichier.
GEII43
C’est ici que nous allons déterminer la composition de chaque attribut de notre fichier mouvement.
Vous pouvez remarquer que notre identifiant est déjà créé « Idmouvement » et vous voyez la clé jaune à
gauche qui symbolise l’identifiant. Nous allons insérer les rubriques suivantes :
Nom Libellé Type Taille
Date Date de l’opération Date Sera rempli

automatiquement
Descriptif Description de Texte 50

l’opération
Dépense Montant Débit Réel (Format 99 999,99) Sera rempli

automatiquement
Recette Montant Crédit Idem Idem
Pour insérer, cliquez sur une ligne vide dans la rubrique choisie. A vous de bien remplir vos champs, cela
ne devrait vous poser aucun problème. Une fois la saisie terminée, cliquez sur Valider.
L’assistant vous propose de retourner sous l’éditeur de fenêtre. Cliquez sur Fermer pour rester sous
l’analyse.
Double-cliquez sur la table pour faire apparaitre la description, vous devriez avoir le résultat suivant :
GEII44
Pour que cette description de fichier soit prise en compte dans le projet nous devons générer l’analyse.
Pour cela cliquez sur le drapeau
Remarques : Ce drapeau sert à lancer la génération de l’analyse. En effet, chaque fois

que vous créez ou modifiez une structure de fichier, vous devez l’activer pour synchroniser
l’analyse et les champs des fenêtres qui accèdent aux données.
Comme vous pouvez le constater dans le volet droit de l’Analyse nous retrouvons notre fichier :
Nous allons maintenant fabriquer les fenêtres de notre application. Cliquez sur l’icône Nouveau
GEII45
Cliquez sur Fenêtre. Choisissez une fenêtre vierge.

Cette fenêtre sera la première fenêtre de notre application. Dans sa description (clic droit sur la fenêtre),
vous lui donnerez les caractéristiques suivantes :
Nom logique : départ

Description : Fenêtre principale de l’application
Titre : Bienvenue dans votre mini compte bancaire
Enregistrez les modifications.

Nous allons insérer dans cette fenêtre une table mémoire qui sera le conteneur du fichier. Choisissez un
champ table dans la barre d’outils et positionnez le sur votre fenêtre. Dites à l’assistant que vous
remplirez la table par programmation. Comme vous pouvez le constater, nous aurions pu prendre le
choix par défaut (Afficher des données d’un fichier ou d’une requête existante). Ce choix par défaut
parait sensé, mais je préfère vous expliquer comment faire les choses manuellement. Vous aurez tout le
temps ensuite de le faire faire de façon automatique.
Cliquez sur Suivant.
GEII46
Choisissez Type de « Table en affichage » puis Suivant.
Nous allons choisir un type de présentation des données vertical. Cliquez sur Suivant.
Cet écran nous permet de prédéfinir le nombre de colonnes de la table. Indiquez qu’il y aura 5 colonnes.
Cliquez ensuite sur Suivant.
GEII47
Donnez « Tmouv » comme nom de la table. Et cliquez sur le bouton Terminer. La table est maintenant
prédéfinie. Vous devriez voir ceci :
Comme vous le voyez le nom des colonnes, le type des données n’est pas défini, faites un clic droit sur la
table et activez le menu Description. Vous allez suivre les instructions suivantes pour tout modifier :
Nom de la colonne 1 : Tdate

Type de la colonne 1 : Date
Titre de la colonne 1 : Date
Voici ce que vous devriez voir à ce stade :
GEII48
Nom de la colonne 2 : Tdescription

Type de la colonne 2 : Texte
Titre de la colonne 2 : Description de l’opération
Taille de saisie : 50
Nom de la colonne 3 : Tdébit

Type de la colonne 3 : Numérique (Réel ayant un masque identique au fichier +99 999,99)
Titre de la colonne 3 : Dépense
Nom de la colonne 4 : Tcrédit

Type de la colonne 4 : Numérique (Réel ayant un masque identique au fichier +99 999,99)
Titre de la colonne 4 : Recette
Nom de la colonne 5 : clé

Type de la colonne 5 : Numérique
Masque de saisie : 999 999 999.
GEII49
Dans l’onglet IHM de cette 5ème colonne, décochez Visible, nous mettrons dans ce champ l’identifiant de
la ligne. Il n’est pas nécessaire de le montrer à l’utilisateur, c’est pour ça que je vous conseille de le
mettre invisible.
Une fois tous les champs renseignés, cliquez sur Appliquer puis OK
Vous devriez voir ceci :
Vous pouvez redimensionner les largeurs des colonnes avec la souris si certains libellés sont tronqués.
Voici maintenant, ce qu’il vous reste à concevoir pour terminer notre projet :
GEII50
Nom : ajout
Nom : supprime
Nom : Imprime
Nom : quitte
Nom du champ : Solde - Type Numérique
Il me semble que ça fait longtemps que vous n’avez pas sauvegardé votre projet !
ce n’est pas très prudent… N’oubliez pas de déterminer cette fenêtre comme la
première fenêtre du projet
Maintenant que le décor est planté, nous pouvons commencer la programmation.

La premier chose à faire est de dire à WinDev de nous créer le fichier Mouvement s’il n’existe pas, pour
cela allez dans le menu Projet / Code du projet.
Dans la zone Initialisation de TP3 inscrivez le code suivant :
GEII51
Remarque : Cette ligne indique à WinDev de commencer à chercher si le fichier Mouvement

existe, s’il ne le trouve pas il le conçoit. Le code placé dans cette zone est exécuté avant le
chargement de la première fenêtre.
Le code du bouton Quitter est très facile : Dans clic sur Quitter inscrivez :
Voyons maintenant la décomposition possible des événements. Il faut qu’au chargement de la fenêtre la
table se remplisse avec les enregistrements contenus dans le fichier situé sur le disque dur. Pour cela nous
allons parcourir l’ensemble des lignes du fichier « Mouvement.fic » et les placer les unes après les autres
dans la table mémoire. C’est ce que nous allons faire maintenant.
Allez dans le code de la fenêtre dans la zone « Initialisation de départ » et saisissez le code suivant :
Explication du code :
Pour tout Mouvement // Cette ligne met en place une boucle qui ordonne à WinDev d’ouvrir le fichier
Mouvement et de lire la première ligne en plaçant les champs correspondants en mémoire.
La séquence tableajouteligne est connue, elle permet de positionner du texte - ici les rubriques du fichier - à
l’intérieur de la table mémoire.
Fin // indique la fin de la boucle.
En résumé, nous pourrions lire ce code de la façon suivante :

Pour toutes les lignes du fichier « Mouvement »,
Ajoute les enregistrements physiques dans la table « Tmouv »
Le bouton Ajouter va ouvrir une fenêtre de saisie qui nous permettra de rentrer les informations. Donc le
code sera dans Clic sur ajout :
GEII52
Il est normal que WinDev vous renvoie un message d’erreur si nous essayons d’exécuter le projet car la
fenêtre « FSaisie » n’existe pas, créons-la de suite.
Dans la description de la fenêtre :
Nom logique : Fsaisie

Description : Fenêtre de saisie
Titre : Saisissez votre opération
Il me semble que ça fait longtemps que vous n’avez pas sauvegardé votre projet !
Nous allons placer les champs nécessaires sur la fenêtre « Fsaisie »
Cliquez sur un champ en tenant le bouton gauche de la souris

enfoncé, faite glisser et déposez sur la fenêtre. N’hésitez pas à
changer la mise en forme du champ. Le fait de faire glisser le
champ vous garantit que WinDev peut faire l’association entre
le champ sur la fenêtre et la rubrique du fichier.
Vous pouvez sélectionner plusieurs champs en maintenant la
touche Ctrl
Faites glisser les champs Date, Descriptif, Dépense, Recette sur la fenêtre Fsaisie.
GEII53
Voici le résultat :
Pour être sûr que chaque champ est bien lié à une rubrique du fichier, cliquez sur l’un d’entre eux et
vérifiez dans la barre de message en bas à gauche que le message « Lié à : Mouvement.XXXXXX » soit
présent.
Cette fenêtre ne comporte que 2 boutons, le bouton Annuler nous servira juste à fermer la fenêtre. Vous
connaissez la séquence de code le permettant, ce n’est donc plus la peine que je vous indique la marche
à suivre. En cas de problème je vous rappelle que l’aide de WinDev est accessible par la touche F1.
Consacrons-nous au bouton Valider, la validation consiste à placer les rubriques de la fenêtre dans le
fichier et à valider l’ajout. Pour placer les rubriques de la fenêtre dans le fichier, l’ordre est le suivant :
EcranVersFichier(Fsaisie) // Fsaisie étant le nom de la fenêtre
La validation d’ajout est commandée par l’ordre suivant :
HAjoute(Mouvement) // Mouvement étant le fichier dans lequel on ajoute
Il nous reste plus qu’à ajouter un ordre de fermeture de la fenêtre.
GEII54
Voici le code intégral du bouton Valider :
Vous pouvez faire en sorte de programmer le contrôle pour qu’il vérifie que l’on n’a qu’un débit ou qu’un
crédit, ou alors que l’un des champs n’est pas vide. Le code à placer juste avant celui que l’on voit ci-
dessus pourrait ressembler à ceci :
Testez votre fenêtre avec le bouton ou en cliquant à droite de l’écran sur la fenêtre avec le bouton
droit pour choisir Tester.
Insérez des valeurs dans les champs et validez.
Pour voir si votre nouvelle ligne est présente dans le fichier, allez dans le menu Outils / WDMAP
GEII55
Choisissez Mouvement comme Nom du fichier.
Maintenant que vos lignes s’insèrent, lancez le projet en cliquant sur GO .

Cliquez sur le bouton Ajouter, saisissez et validez un nouvel enregistrement. Vous pouvez constater que
la table mémoire ne réagit pas correctement : en effet l’insertion n’a pas été détectée et donc la table
mémoire n’est pas synchronisée avec le fichier. Nous allons essayer de remédier à ce problème. En fait, il
faudrait que lorsque la fenêtre saisie se ferme, la fenêtre départ recharge la table mémoire.
Placez-vous dans le code de la fenêtre départ, vous devez trouver une zone nommée « prise de focus de
départ ». La prise de focus est le fait de remettre active une fenêtre inactive, en cliquant sur la barre de
titre par exemple.
Voici le code à insérer dans cette zone :
Testez cette modification, comme vous le voyez, les comportements sont maintenant cohérents.
Intéressons-nous au bouton Supprimer. Dans la table, nous avons une rubrique qui est l’identifiant de la
ligne. Pour supprimer cette ligne dans le fichier nous allons donc rechercher cet identifiant dans le fichier
et supprimer la ligne correspondante.
GEII56
Voici la séquence de code nécessaire :
Explications :
La première ligne fait rechercher à l’identique dans le fichier Mouvement et sur l’identifiant la valeur du
champ clé pointée dans notre table mémoire. Ce n’est pas parce que la rubrique clé est invisible que
nous ne pouvons pas en connaître la valeur.
Si on trouve la ligne ayant le même identifiant que clé alors on la supprime et on affiche un message
indiquant la bonne marche des opérations. Sinon dans un cas fort improbable où il ne trouve pas
l’enregistrement on inscrit un message d’erreur.
Je vous laisse le soin de tester cette nouvelle fonctionnalité de votre programme. Comme vous venez de
le remarquer, la mise à jour de la table mémoire ne s’est pas faite. La valeur a été supprimée mais la
table ne le sait pas. Nous allons remédier à ce problème.
Le code de réaffichage de la table mémoire existe déjà (ex : dans la zone de prise de focus de la
fenêtre départ) nous allons donc ré-exécuter un traitement existant. Sous la ligne « Info("La suppression
est effective") » inscrivez la commande suivante :
ExécuteTraitement(depart,trtPriseFocus)
Cette commande fait rejouer un traitement existant.

Testez et vérifiez la cohérence de votre projet.
GEII57
LES PROCEDURES
Maintenant nous avons à calculer le solde (Débit – Crédit), pour ce faire nous allons créer une
procédure qui scannera le fichier et fera les calculs pour nous.
Pour créer une procédure
Recherchez en bas de l’écran cet onglet, Choisissez « Procédures locales », et faite un clic droit dans
cette zone. Dans le menu contextuel choisissez « Nouvelle procédure locale ».
Nommez cette procédure Calcsolde.
Remarques : Les procédures locales ne sont vues que par les objets de la fenêtre, les
procédures globales sont actives pour tous les éléments du projet
Maintenant, vérifiez bien que vous vous trouvez dans la zone code de la procédure calcsolde.(Clic droit
et ensuite l’option « Code ».
GEII58
Le code doit parcourir le fichier Mouvement, affecter le contenu de débit dans une variable, le contenu
de crédit dans une autre et cela jusqu'à la fin du fichier et ensuite affecter la différence entre le débit et
le crédit au champ solde.
Voici le code de la procédure :
Le code est suffisamment simple pour ne pas avoir à l’expliquer. La question qui se pose est où lancer
calcsolde. Les plus rusés d’entre vous auront compris qu’il nous faut activer cette procédure aux mêmes
endroits où l’on a activé le rafraîchissement de la table mémoire. Je vous laisse modifier les zones de
code en conséquence (dans le code de la fenêtre départ). N’oubliez pas de tester la cohérence de votre
projet.
GEII59
LES IMPRESSIONS
Il ne nous reste plus qu’à fabriquer l’état de sortie. Choisissez Nouveau / Etat. Choisissez un état de type
Tableau.
En cliquant sur Suivant WinDev vous demande la source de donnée, il vous faut préciser que ce sont des
enregistrements provenant d’un fichier Hyper file.
GEII60
Sélectionnez le fichier Mouvement.
La clé de parcours est un identifiant qui sert pour donner l’ordre de tri.
Continuez à appuyer sur Suivant, je vous laisse découvrir les questions posées et à vous de prendre les
bonnes décisions. Vous savez lire, donc vous prendrez les bonnes décisions ! Je vous demande juste
d’appeler l’état Etatmouv.
Remarques : Les détails du choix du style, de la mise en forme sont à votre discrétion, faites
comme bon vous semble. N’oubliez pas que le client n’a pas les mêmes goûts graphiques que
vous, donc faites sobre. Eviter les styles « Noir sur fond Noir » « Rose sur fond Vert » et
autres singularités visuelles qui feront penser à l’utilisateur qu’il devient déficient visuel.
Une fois votre état fini et enregistré, entrez dans la zone code du bouton Imprime :
GEII61
Remarques : Les Commandes WinDev sont classées. Celles qui commencent par H sont des
commandes d’accès aux fichiers, celles qui commencent par i sont des commandes de pilotage
d’état.
N’oubliez pas de refaire ce TP plusieurs fois, le but étant de se passer du guide papier et
d’apprécier la facilité avec laquelle on peut travailler avec WinDev.
GEII62
EXERCICES APPLICATIFS
Répertoire d’amis
Enoncé :
Ecrire un programme gérant un fichier des amis. Pour chacun d’eux, on souhaite connaître le nom, le
prénom et le numéro de Téléphone.
Faites en sorte que le programme puisse permettre à l’utilisateur de :
 Saisir un nouvel ami.
 Supprimer l’ami qui vous a fait une embrouille.
 Modifier le numéro de téléphone d’un ami.
 Imprimer la liste des amis.
 Afficher le nombre d’amis.
 Quitter.
La Vidéothèque
Enoncé :
Un proche vous demande de lui concevoir un programme d’archivage de ses cassettes vidéo. Il veut
connaître le titre du film, l’année de sortie, l’acteur masculin principal, l’actrice féminine principale et le
genre du film (comédie, dramatique, policier, western, enfants, adultes….) Il vous demande aussi des
états imprimés triés soit par année de sortie, soit par genre, soit avec aucun tri.
Comme vous êtes un développeur consciencieux, vous allez faire un programme qui apporte toutes
satisfactions à votre ami.
GEII63
Travailler avec plusieurs fichiers

24/11/2018
de données
Création d’un MCD,
Gestion des champs indexés,
Manipulation de données,
Liaison des données,
…
Pré requis : Cours WinDev Numéro 1,2 et 3
GEII64

VERSION 19
L’objectif de ce cours est de vous familiariser avec l’utilisation des fichiers liés.
Nous allons créer une mini GPAO (Gestion de Production Assistée par Ordinateur). Vous
travaillez pour un assembleur informatique, son processus de production est le suivant : Il reçoit
les différentes pièces détachées (disque dur, mémoires, cartes mères…) et assemble ces
différentes pièces pour en faire un modèle fini. Comme vous pouvez le percevoir, le modèle
conceptuel travaillera avec 2 entités (Ensemble fini et composants). Voici une représentation du
MCD :
Remarque : Je n’ai pas besoin de vous rappeler que les propriétés soulignées et en
gras désignent les identifiants de l’entité, donc je ne le fais pas.
Vous allez commencer par créer un nouveau projet nommé TP4. Dans l’Assistant, vous
sélectionnerez votre thème préféré, confirmerez le choix de création d’analyse et finirez le
processus de l’assistant. Un nouvel assistant de Création d’analyse va apparaître. Vous pouvez
ensuite valider les différentes fenêtres de l’Assistant jusqu’à arriver à l’Assistant de Création
d’un fichier de données.
Restez sur Créer une nouvelle description d’un fichier de données, dans le plan suivant
donnez Ensemble comme Nom et Ordinateurs assemblés comme Libellé. Pensez à choisir
Aucun dans la zone Identifiant automatique puisque nous avons Refens qui sera notre
identifiant.
Gardez HFSQL Classic comme Type de base de données. L’assistant va se terminer
Maintenant la fenêtre suivante apparaît
GEII65
C’est elle qui va vous permettre de saisir toutes les propriétés de votre entité. Remplissez-la
pour qu’elle ressemble à ceci et n’oubliez pas de mettre RefEns en clé unique (notre identifiant):
Une fois remplie, cliquez sur le jet vert et retournez sous l’éditeur de Windev. Enregistrez le
projet.
Attention un écran va vous demander si vous voulez créer une fenêtre ou allez sous l’éditeur,
cliquez sur Editeur de Windev pour rester dans l’analyse.
GEII66
Si vous regardez bien votre éditeur d’analyse en haut vous devez découvrir une barre d’outils
comme celle-ci :
Voyez les utilisations des différentes icônes en passant le curseur de la souris dessus.
Comme vous êtes dégourdis et intelligents je vous laisse finir de concevoir le modèle !
Voilà à quoi vous devez arriver :
Vous venez donc de créer le Modèle Logique de Données (MLD). Enregistrez.

Attention : N’oubliez pas que ce n’est pas parce que l’analyse est créée que les fichiers sont
physiquement créés sur votre disque dur… Allez dans le code du projet « Projet / Code du projet »
et inscrivez la séquence suivante dans la zone « Initialisation de TP4 » :
HCréationSiInexistant(Composant)
HCréationSiInexistant(Ensemble)
HCréationSiInexistant(Intègre)
HGèreIntégrité("*", "*", hCardinalité+hEnModification+hEnSuppression, Faux)
La dernière ligne indique à WinDev de ne pas se soucier de gérer l’intégrité référentielle, nous
le ferons nous-même.
Maintenant que l’analyse est créée, nous allons commencer à construire notre application.
Choisissez Accueil / Nouveau / Fenêtre.
Créez une fenêtre nommée Départ qui sera la première fenêtre du projet. Faites en sorte qu'elle
ait les caractéristiques suivantes (dans sa description):
Onglet Général :
Nom logique : départ
Description : Première fenêtre du projet
Titre : Bienvenue dans la Mini Gp
Onglet IHM :
Taille : Taille 640*480
Onglet Détail :
Type de fenêtre : Mère Mdi
Remarque : Une fenêtre mère MDI est obligatoirement la première fenêtre d'un projet
WinDev. Cette fenêtre permet d'afficher toutes les fenêtres de l'application.
Une fenêtre mère MDI a les caractéristiques suivantes (non modifiables) : bords
modifiables, bouton d'iconisation, d'agrandissement, menu système, barre de titre,
barre d'icônes, possibilité d'avoir un menu déroulant et des barres outils.
Dans une fenêtre mère MDI, seuls les champs situés dans la zone "barre d'icônes"
peuvent être en saisie. En dehors de cette zone, aucun champ ne peut être en saisie,
aucun clic souris n'est actif.
GEII67
Nous allons placer une barre d’outils dans cette fenêtre départ, pour cela cliquez sur l’objet
Créer une barre d’outils (Cliquez sur le menu Fenêtre pour voir l’icône) , choisissez
Barre d’outils et placez le dans le bord supérieur gauche de la fenêtre. Faites un clic droit sur
ce nouvel objet et allez dans Description. Nous allons placer 5 boutons dans cette barre d’outils
(un pour saisir les nouveaux composants, un pour créer des ensembles, un pour imprimer la
liste des composants, un pour imprimer l’ensemble et ses composants, le dernier pour quitter
l’application).
Vous allez donc cliquer sur le bouton Créer puis choisissez Bouton. Le résultat obtenu devrait
ressembler à ceci :
Cliquez sur Bouton1, puis sur le bouton Editer, dans cette fenêtre Description d’un bouton
saisissez nc dans la zone Nom, supprimez le libellé par défaut, cliquez ensuite sur Catalogue…
pour la zone Image.
Le catalogue apparaît, sur la gauche choisissez seulement 16*16 (nous n’aurons que des petites
images), dans la zone Recherche frappez « dossier » puis appuyez sur la loupe.
Prenez le 4ème bouton de la 4ème ligne puis validez. Dans l’onglet Aide de la fenêtre description,
dans la zone Bulle d’aide inscrivez Saisie d’un nouveau composant.
Pour les boutons suivants, faites de même en suivant les instructions suivantes :
Boutons Nom BULLE D’AIDE MOT CLE (RECHERCHE ICONE)
Bouton2 Créer Créer des ensembles « Créer »
Bouton3 ImprimeC Imprimer les composants « Imprimer »
Bouton4 ImprimeE Imprimer les ensembles « Imprimer »
Bouton5 Fermer Quitter l’application « Annuler »
Vous choisirez les icônes les plus en phase avec le but du bouton.
Remarque : Si vous avez des difficultés pour placer les boutons (chevauchement par
exemple), allez dans leur onglet Détail et affectez leurs les dimensions suivantes :
largeur 32, hauteur 24.
Voici un exemple de ce que devrait être la barre d’outils :
GEII68
Nous allons créer les 4 fenêtres filles nécessaires pour faire fonctionner notre application (fenêtre
filles car elles doivent s’exécuter à l’intérieur de la fenêtre mère, logique ! Non ? ). Pour le bouton
Quitter, je vous laisse mettre le code correspondant, vous n’avez plus besoin de mon aide,
sinon retour aux TP précédents.
Pour la première fenêtre associée au bouton , respectez les consignes ci-dessous :
Onglet Général de la description Le code d’ouverture de la fenêtre

Nom logique : Gcompo fille sera :
OuvreFille(Gcompo)
Description : Gestion des composants
Titre : Gestion des composants
Onglet IHM
Largeur : 500
Hauteur : 350
Position : Relatif à la mère
Onglet Détail
Type de fenêtre : Fille Mdi
GEII69
Voici à quoi elle devrait ressembler :
Ces 3 champs sont liés avec les champs du fichier Composant (faites-
les glisser depuis l’onglet à droite de l’écran). Si certains ont

des difficultés : retour au TP3. Faites en sorte que RefComp ait un
masque de saisie TOUT EN MAJUSCULES.
Créez 2
boutons :
BAjout et
BSup
Nom de la table mémoire : Table1

RefComp : type texte
Désignation : type texte
PrixAchat : type numérique (Titre : Prix d’Achat)
Choisir dans l’assistant Remplir la table par programmation
Dans l’onglet IHM, dans la zone Etat initial, cliquez sur Sélection (sans saisie).
Pour ceux qui auraient encore des difficultés : voir TP3
Maintenant analysons le comportement que devra avoir cette fenêtre à l’ouverture : Elle devra
parcourir le fichier Composant et afficher les tuples dans la table mémoire s'il y en a.
Le bouton Ajouter devra :
. Inscrire la valeur des 3 champs dans le fichier correspondant en interceptant une erreur
de doublonnage si l’utilisateur saisi 2 fois une référence existante,
. Il devra aussi mettre à blanc les 3 champs pour préparer une nouvelle saisie,
. Réafficher la table mémoire (supprimer le contenu existant et réécrire avec le contenu du
fichier),
. Et enfin avertir l’utilisateur que tout s’est bien passé.
Le bouton Supprimer devra :
. Supprimer physiquement la ligne pointée dans la table mémoire
. Réafficher la table mémoire
Voici les différents codes (je vous rappelle qu’ils ont déjà été étudiés à la leçon 3) :
GEII70
Nous allons créer une procédure locale affichetable qui aura pour rôle de réafficher la table
mémoire (supprimer le contenu existant et re-écrire avec le contenu du fichier) :
TableSupprimeTout(Table1)
POUR TOUT Composant
TableAjouteLigne(Table1,Composant.RefComp,Composant.DésignationC,Compo
sant.PrixAHT)
FIN
Cette séquence devrait vous être familière donc je ne vous la commente pas, sinon retour au
cours 3.
Rappel pour faire une procédure locale cliquez sur « Procédures locales » en bas de l’écran :
Clic droit dans cette zone et Code pour

activer le processus de création de la
procédure.
Déclarations globales de Gcompo (la fenêtre) :
// Appel de la procédure affichetable

affichetable()
Maintenant on est sûr que dès que cette fenêtre s’ouvrira, la table mémoire sera en phase avec
le contenu du fichier.
Remarque : Certains d’entre vous se demandent peut être pourquoi utiliser des tables
mémoire pour afficher le contenu des fichiers plutôt que des tables fichiers qui
semblent toutes destinées à cette utilisation. Ma réponse est simple : la table mémoire
vous apportera plus de souplesse et une gestion plus fine des enregistrements et des
lignes dans certains cas. Et puis qui peut le plus peut le moins ;-)))
Voici le code du bouton BAjout :
EcranVersFichier() // Transfère les valeurs contenues dans les champs de la fenêtre

// dans la zone de structure du fichier
HAjoute(Composant) // Passe la structure physiquement dans le fichier
RAZ(Vrai)// Efface les valeurs contenues dans les champs liés pour saisir un nouveau
composant
affichetable()
GEII71
Voici le code du bouton BSup :
HLitRecherchePremier(Composant,RefComp,Table1.Refcomp) // Recherche dans la

table Composant,
// sur la rubrique RefComp, la valeur contenue dans RefComp de Table1
SI HTrouve ALORS // Si la valeur est trouvée alors
HSupprime(Composant) // On supprime physiquement la ligne dans le fichier
Composant
Info("Suppression réussie")// On informe l’utilisateur de la réussite de la
suppression
Affichetable()
SINON // Sinon, on n’a pas trouvé ?!!
Info("Il y a un boulon dans le potage") // Bizarre, bizarre !
FIN
Enregistrez la fenêtre et testez votre projet sans oublier de définir qu’elle est la 1ère fenêtre du
projet (départ), normalement les comportements doivent être cohérents. Dans le cas contraire,
reprenez le support et vérifiez que vous n’avez pas oublié quelques instructions.
Nous allons maintenant faire la fenêtre la plus intéressante au niveau intellectuel, celle qui gère
l’assemblage d’un ordinateur.
Créez une nouvelle fenêtre (Accueil / Nouveau / Fenêtre). Prenez une fenêtre vierge et
enregistrez la sous Gensemble.
N’oubliez pas d’en faire une fenêtre fille (cf. : étapes identiques à la fenêtre Gcompo) et de
mettre le code d’ouverture de cette fenêtre dans le deuxième bouton de la barre d’outils de la
fenêtre départ.
Voici la fenêtre telle qu’elle devrait être :
GEII72
Objet N° Nom Rôle
1 RefEns Lié à Ensemble.RefEns (TOUT EN MAJUSCULES)
2 PrixVHT Lié à Ensemble.PrixVHT
3 Désignation Lié à Ensemble.Désignation
4 BPremier Bouton nous positionnant sur le premier enregistrement du fichier

Ensemble
5 BPrecedent Bouton nous positionnant sur l’enregistrement précédent
6 BSuivant Bouton nous positionnant sur l’enregistrement suivant
7 BDernier Bouton nous positionnant sur le dernier enregistrement du fichier

Ensemble
8 Table1 Table mémoire contenant des rubriques similaires à la structure de

Composant
9 BAjout Bouton nous permettant d’ajouter un composant à l’ensemble
10 BSupprime Bouton nous permettant de supprimer un composant à l’ensemble
11 BNouveau Bouton nous permettant de créer un nouvel ensemble
12 BValide Bouton nous permettant de valider un ensemble
13 BSupp Bouton nous permettant de supprimer un ensemble
Analyse des éléments de la fenêtre Gensemble.
A l’ouverture de la fenêtre dans le code d’initialisation, nous devrons nous positionner sur le
premier ensemble (s’il existe) et rechercher tous ces composants constitutifs.
Voici comment faire :

Il nous faut lire la référence de l’ensemble (RefEns), parcourir le fichier de liaison (Intègre) sur
la clé RefEns, tant que l’on trouve Ensemble.RefEns=Intègre.RefEns il nous faut chercher dans
la table composant la clé de liaison (Intègre.RefComp = Composant.RefComp) et récupérer
Intègre.Qté. C’est clair ?
Non !! Alors relisez en ayant l’analyse en tête.
Nous allons créer une procédure locale qui, prenant en paramètre le code RefEns, nous remplit
la table. Facile et efficace.
Notez qu’une requête SQL nous aurait évité pas mal de lignes, à vous de juger.
GEII73
PROCEDURE remplir (code)

FichierVersEcran(Gensemble) // on affecte aux champs de la fenêtre les données liées
POUR TOUT Intègre AVEC RefEns = code

HLitRecherche(Composant,RefComp,Intègre.RefComp) // A vous de trouver
sant.PrixAHT,Intègre.Qté)
FIN
En fait, comme vous pouvez le voir, nous venons de « jongler » avec 3 fichiers sans trop de
difficultés. Regardons le code d’initialisation de la fenêtre (Déclarations globales de la fenêtre
Gensemble)
HLitPremier(Ensemble,RefEns)
SI HNbEnr(Ensemble)>0 ALORS // si le fichier Ensemble contient au moins un
enregistrement
remplir(Ensemble.RefEns)
SINON
Info("Le fichier est vide")
FIN
Voyons le code nécessaire aux boutons 4, 5, 6 et 7 (pour les icônes, faites un tour du côté des
flèches en 16x16).
Je vous donne le code du bouton 4, vous êtes suffisamment aguerri pour pouvoir créer le code
des boutons 5, 6 et 7.
Comment ça ? Réfléchissez un peu et vous y arriverez ! Non mais, il faudrait tout leur faire…
(Si vous ne savez pas… hop, au TP 3).
D’ailleurs, je ne vous le donne pas, non je ne suis pas méchant, j’ai seulement la flemme de
vous réécrire la séquence de code du dessus. Eh oui, c’est ce bout de code, analysez le et
regardez à quel point il est idéal pour notre bouton 4.
Nous allons traiter le bouton 9. Ce bouton doit nous permettre de sélectionner dans le fichier
Composant le composant que nous voulons insérer dans la table mémoire. Nous allons voir si
WinDev peut nous générer la fenêtre qui va bien. Allez sur Accueil / Nouveau / Fenêtre.
Cherchez une fenêtre nommée Vision et validez.
Dans l’Assistant qui arrive, cliquez sur Composant, cliquez encore sur Suivant, vérifiez que
tous les champs soient cochés, cliquez encore sur Suivant 2 fois. Interdisez la saisie dans le
champ table. Puis saisissez Selection comme Nom. Enfin cliquez sur Terminer.
Vous avez maintenant une fenêtre fonctionnelle dans laquelle on peut supprimer le bouton
Nouveau (on peut utiliser la création de composants avec notre 1 er bouton du menu). Réduisez-
la pour qu’elle soit plus petite. Voici à quoi elle pourrait ressembler :
GEII74
Regardons comment nous pourrions modifier le code pour qu’il nous soit utile. Allez dans le code
du bouton OK. Vous pouvez voir que la fenêtre retourne vrai si on clique sur OK, faux sur
Annuler.
Qui dit bandeau déplacé dit structure mémoire du fichier contenant les valeurs recherchées !
Donc, nous n’aurons qu’à lancer la fenêtre et tester si elle retourne vrai.
Fermez-la et retournez sur Gensemble dans le code du bouton BAjout. Saisissez la séquence
de code suivante :
resultat est un booléen=Faux

resultat=Ouvre(selection)
SI resultat=Vrai ALORS // la fenêtre nous a renvoyé vrai, donc le bandeau a été déplacé
sant.PrixAHT)
FIN
Je vous laisse méditer sur la différence entre tableajoute et tableajouteligne (n’oubliez pas
d’utiliser l’aide, touche F1).
Sauvegardez et exécutez la fenêtre, normalement le clic sur le bouton BAjout lance bien la
fenêtre selection qui nous retourne vrai ou faux selon le bouton cliqué.
Pour saisir la Qté, cliquez dans la colonne pour saisir le nombre souhaité. N’oubliez pas de
vérifier que la Table est En saisie et d’avoir seule la rubrique Qté En saisie / actif, les autres
restant en mode Affichage seulement.
Pour le bouton 10 (BSupprime), la séquence de code a déjà été étudiée lors du TP3. Pour le
bouton Nouveau (BNouveau), il vous faut programmer un traitement qui efface les champs 1,
2, 3 et la table mémoire, vous savez faire, donc je passe.
Le bouton Supprime (BSupp) va nous obliger à scanner 2 tables et supprimer les références
« Ensemble » recherchées. Il faut donc prendre la valeur du champ 1 (RefEns), parcourir la table
Intègre sur le champ RefEns et supprimer tous ceux égaux au champ RefEns. Et ensuite le
supprimer dans la table Ensemble.
Voici une séquence de code qui devrait être efficace :
SI OuiNon("Voulez vous vraiment supprimer cet enregistrement ?")=Oui ALORS

POUR TOUT Intègre AVEC Intègre.RefEns = RefEns
GEII75
HSupprime(Intègre)
FIN
HLitRecherchePremier(Ensemble,RefEns,RefEns)
SI HTrouve ALORS
HSupprime(Ensemble)
Info("La suppression est réussie")
ExécuteTraitement(Gensemble,trtInit)
FIN
FIN
Vous n’avez pas besoin que je vous commente ce code, il est limpide.
La séquence du bouton Valider va être un peu plus rude, mais guère plus. En fait, lorsqu’un
nouvel ensemble est créé ou modifié par l’adjonction d’un nouveau composant, il va nous falloir
faire plusieurs actions différentes.
Il faut supprimer l’ensemble existant dans le fichier pour le recréer avec ses nouveaux
composants, donc on commence par une phase de suppression (voir code ci-dessus) et on
achève par une phase d’insertion dans le fichier.
Le code est long mais n’est pas complexe, prenez le temps de l’étudier.
i est un entier
HLitRecherchePremier(Ensemble,RefEns,RefEns)
SI HTrouve(Ensemble) ALORS // l'enregistrement existait dans le fichier, on va le
supprimer
HLitRecherche(Intègre, RefEns, RefEns)
POUR TOUT Intègre AVEC Intègre.RefEns = RefEns
HSupprime(Intègre)
FIN
HSupprime(Ensemble)
FIN
// Maintenant inscrivons l'ensemble dans le fichier
Ensemble.RefEns=RefEns
Ensemble.DésignationE=DésignationE
Ensemble.PrixVHT=PrixVHT
HAjoute(Ensemble)
// Remplissons le fichier Intègre

POUR i=1 A TableOccurrence(Table1) // Pour i=1 aux max de la table mémoire
Intègre.RefComp=Table1.RefComp[i] // [i] indique l'indice de la ligne
Intègre.RefEns=RefEns
Intègre.Qté=Table1.Qté[i]
HAjoute(Intègre)
FIN
Info("L'ajout s'est bien passé")
Voilà, la super fenêtre de gestion des ensembles est finie… N’oubliez pas de sauvegarder votre
œuvre.
Le troisième bouton de la barre d’outil sert à imprimer la liste des composants, vous avez déjà
étudié la procédure dans le TP 3 donc je n’y reviens pas.
Voyons comment imprimer les ensembles et leurs composants (bouton 4)
GEII76
Nous allons nous laisser guider par l’Assistant pour faire un état avec des données provenant
des 3 tables. Allez dans Accueil / Nouveau / Etat.
Choisissez ensuite un type d’état tableau, cliquez sur Suivant.
Vérifiez que les données proviennent bien d’une requête et cliquez sur Suivant.
Faites-lui comprendre que les données proviennent d’une nouvelle requête que vous voulez
définir maintenant, cliquez sur Suivant.
Maintenant vous devez avoir cette fenêtre à l’écran :
Cliquez ici pour indiquer à l’état

que vous désirez un tri
Cliquez sur cette flèche pour faire croissant sur RefEns
passer les champs de l’analyse
dans la liste des éléments de la
requête
Cliquez ensuite sur Suivant. A la question « Voulez-vous des ruptures dans l’état » répondez
Oui et cliquez sur Suivant.
La fenêtre suivante vous demande de sélectionner la rupture, vérifiez que Référence de
l’ensemble soit bien coché, cliquez sur Suivant.
GEII77
Passez les champs appartenant à Ensemble en Haut de Rupture. Les éléments

en haut de rupture apparaissent une seule fois. Les éléments dans le corps
apparaissent autant de fois qu’il y en a dans le fichier
Cliquez ensuite sur Suivant. La fenêtre suivante vous demande quels sont les champs
numériques sur lesquels vous voulez effectuer un calcul, essayer de faire en sorte qu’elle
ressemble à ceci :
Cliquez sur Suivant. Les choix suivants concernent les formats du papier, laissez-les par défaut
sauf l’orientation que vous prendrez en Paysage et cliquez sur Suivant.
Choisissez un gabarit et Suivant. Nommez cet état Iensemble, comme titre « Etat des
ensembles ». Ouf ! Vous pouvez enfin cliquer sur Terminer.
Comme votre état est plus large que la feuille, passez en mode paysage. Votre état apparaît
maintenant dans l’éditeur d’état. Si vous voulez faire quelques retouches, c’est maintenant.
GEII78
Il ne vous reste plus qu’à activer l’état dans le bouton de la barre d’outils avec la séquence de
code suivante :
iAperçu(i100)
iImprimeEtat(Iensemble)
Voilà, ce modeste "mini-lab" est fini. Vérifiez que tous les boutons fonctionnent, que les
traitements sont cohérents. Il y aurait des améliorations possibles (concevoir un compteur qui
totalise les prix HT des composants entrant dans la composition d’un ensemble…). Mais je
considère que vous êtes apte à le faire vous-même.
Vous avez mérité la pause syndicale…
GEII79
Exercice Pratique
Enoncé :
La municipalité de votre lieu de résidence désire ouvrir une bibliothèque municipale.
Connaissant vos nombreuses compétences informatiques, l’adjoint au maire chargé de
la culture vous demande de concevoir le logiciel chargé de la gestion des prêts de livre
et des achats.
Voici quelques éléments de réflexion :
Chaque livre est référencé par un numéro ISBN qui sert d’identifiant et qui est défini de
façon internationale, par exemple le livre «WinDev, WebDev, WinDev Mobile» écrit par
Jean-Luc Baptiste aux éditions ENI a le numéro ISBN 978-2-7460-5898-9.
Le directeur de la bibliothèque voudrait pouvoir saisir les références complètes du livre
(la date d’achat, son prix d’achat, la quantité achetée, le fournisseur, sa classification :
policier, aventure…).
Cette saisie doit lui permettre de connaître le nombre total de livre en stock, le coût du
stock, le nombre et le coût par type de livre, le nombre de livre par auteur avec le titre
et la quantité en stock. Si vous avez d’autres statistiques à lui proposer, elles seront les
bienvenues.
Un client est référencé par un numéro aléatoire généré par la base de données. Les
emprunteurs doivent pouvoir être ajoutés, modifiés, supprimés.
Les règles de gestion sont les suivantes :
 Une personne ne peut pas emprunter plus de 3 livres de la bibliothèque. Elle peut
en emprunter 3 d’un coup ou les uns après les autres ;
 Elle doit ramener un livre 15 jours après son emprunt. Le système doit pouvoir
faire un état des livres empruntés non rentrés et éditer un listing avec les noms,
prénoms, adresses et N° de téléphone des emprunteurs et la liste des livres qu’ils
auraient dû rendre. Ainsi, le bibliothécaire pourra téléphoner à la personne pour
lui demander de rendre les ouvrages.
On doit pouvoir imprimer ou visualiser :

 La liste complète des livres ainsi que leur quantité en stock ;
 La liste des livres en prêt ;
 La liste des inscrits n’ayant jamais emprunté un livre.
GEII80
1/12/2018 Études des Sockets, communication répartie
Rappels de notions réseaux, Tcp/ip, Ports
GEII81
Cours Windev numéro 5

VERSION 19
Grâce à ce nouveau Tp nous allons rentrer dans le monde merveilleux de la communication distante via
réseau. Cette jolie introduction pour vous faire comprendre que ce support va vous apprendre à faire
discuter 2 (ou plusieurs) ordinateurs entre eux. Nous allons employer les Sockets et les threads.
Commençons par définir ces 2 termes :
Les Sockets : (Tous ceux qui pensent à une chaussette sont virés) Une Socket est définie comme une
extrémité d’une communication.
Une paire de processus (ou de Threads) communiquant sur un réseau emploie une paire de sockets, une
pour chaque processus. Une socket est constituée d’une adresse IP concaténée à un numéro de port. En
général les sockets utilisent une architecture Client/Serveur. Le serveur attend des requêtes entrantes du
client en écoutant un port spécifique. Dès réception d’une requête, il accepte une connexion de la socket
du client. Les serveurs implémentant des services particuliers (par exemple, telnet, ftp, mail, http), écoutent
des ports bien connus (Telnet écoute le port 23, un serveur ftp le port 21, un serveur web [ Http ] le port
80 ). Les ports inférieurs à 1024 sont considérés comme connus et sont utilisables pour les services standards.
Lorsqu’un thread client commence une requête de connexion, il se voit assigner un port par la machine hôte.
Ce port est un nombre supérieur à 1024.
Par exemple, lorsqu’un client de l’hôte X d’adresse Ip 192.168.5.20 souhaite établir une connexion avec
un serveur Web (qui écoute le port 80) d’adresse 192.168.6.10, l’hôte X peut se voir affecter le port
1625. La connexion est constituée d’une paire de sockets : (192.168.5.20 : 1625) sur l’hôte X et
(192.168.6.10 : 80) sur le serveur Web.
Un thread peut être perçu comme un flot de contrôle à l’intérieur d’un processus. Dans notre cas il
joue le rôle d’interface entre les 2 ordinateurs, interceptant les données transmises.
Notre exercice consistera à créer 2 exécutables, un client et un serveur. Le serveur sera en attente de
réception de message et le client essayera de se connecter au serveur et de lui envoyer des messages.
Pour cela il nous faudra 2 projets un pour le client, un pour le serveur
Je vous rappelle que plus on avance au fil des supports moins je détaille les fonctionnalités que je considère
comme devant être acquises. Donc si à ce stade vous éprouvez des difficultés reprenez les cours précédents.
Nous montons en gamme en terme d’expertise donc il est probable que vous éprouverez certaines
difficultés sur ce support. Restez motivé et recommencez le autant de fois que nécessaire. Le but étant de
le réaliser sans avoir recours à ce support.
GEII82
PARTIE SERVEUR
Vous allez commencer par créer un nouveau projet nommé « Serveur ». Nous ne travaillerons pas sur des
fichiers donc faites en sorte de n'utiliser aucune analyse. Nous n’aurons besoin que d’une fenêtre que vous
nommerez « Depart » et qui sera la première fenêtre du projet. Faites en sorte qu’elle ressemble à celle-
ci :
Cette zone est destinée à

recevoir le numéro du port
d’écoute. C’est un objet Ces 2 boutons seront nommés
champ de saisie que vous « demarre » et « arrete ». A vous de
nommerez « portip » choisir qui est qui.
Ici s’afficheront les phrases envoyées Cette zone de texte nous indiquera si le
par le client. C’est un objet liste que vous serveur est actif ou pas. C’est un objet
nommerez « liste1 » champ de saisie que vous nommerez
« etatserveur »
Analysons le fonctionnement du serveur :
Il faut lui donner un port a écouter.

Il faut lancer la boucle d’écoute ( boucle infinie ) et faire en sorte que les événements d’entrés ( demande
de connexion…) soient traités par des threads.
Une fois la connexion acceptée le texte recu sera inscrit dans la liste déroulante.
Retroussons nos manches et en avant pour le codage. Nous allons commencer par créer une procedure
d’attente ( la boucle d’écoute ). Pour cela créez une procédure globale nommée “attente”
GEII83
Voici le code que nous allons analyser.
PROCEDURE attente()
BOUCLE // début de la boucle
SI SocketAttendConnexion("serveur") ALORS // si une demande de connexion est en attente
canal est une chaîne
canal=SocketAccepte("serveur") //Cette fonction permet de créer le canal de communication entre

la socket serveur et la socket cliente.
ThreadExécute(“threadcnx”,threadNormal,"affichemes",canal) //Lance l'exécution d'un "thread"

Multitache(-30) //La fonction Multitache avec un negatif suspend l’application
FIN
FIN
Vous pouvez constater que nous nous trouvons devant une boucle sans fin ou en attente dite active. A
l’intérieur de cette boucle une fonction WinDev ( SocketAttendConnexion ), est chargée de verifier si des
demandes de connexion se produisent. Comme parametre cette fonction prend un argument qui est le nom
de la socket ici “serveur”. Ne vous inquietez pas pour l’instant, vous allez voir ou nous allons définir la
socket nommée “serveur”. Pour l’instant l’essentiel est de comprendre le principe de la boucle d’attente
active. Donc si une demande de connexion se produit pour la socket “serveur” on l’accepte en créant un
canal de communication. Vous pouvez considérer ce canal comme un tunel ou les données vont transiter.
La ligne : ThreadExécute(“threadcnx”,threadNormal,"affichemes",canal), est chargée de faire en sorte que
le code de la fonction affichemes soit executée comme un Thread normal appelé “threadcnx” utilisant le
parametre “canal”)
Multitache(-30) : L'exécution de l'application est suspendue durant <Temporisation> 100ème de seconde.
D'autres traitements peuvent être exécutés durant cette période de temps (ré-affichage ou exécution d'un
code de clic par exemple). Dans notre cas la boucle est gelée pour permettre aux threads de s’exécuter
durant leurs quantums.
Donc : la socket s’appelle « serveur », le canal crée s’appelle canal, le thread gestionnaire se nomme
« threadcnx ».
J’admets qu’au premier abord cela puisse vous sembler complexe, alors que c’est extrêmement logique.
Relisez le paragraphe précédent et imaginez le fonctionnement : la boucle sans fin, l’attente de connexion,
le traitement de la connexion….
Maintenant nous allons nous intéresser à la procédure « affichemes ».C’est elle le cœur de notre serveur
puisque c’est la gestionnaire d’événement. Pour ce faire créez une procédure globale « affichemes »
(affichemes pour affiche messages).
GEII84
PROCEDURE affichemes(canal)
texte est une chaîne
BOUCLE
texte=SocketLit(canal,Vrai)
ListeAjoute(""depart.Liste1"",texte)
FIN
ThreadArrête("",500)
Multitache(-30)
Comme vous pouvez le constater la procédure prend comme paramètre le nom du canal reliant les 2
sockets. Je vous rappelle que cette procédure est lancée en tant que thread. La fonction WinDev SocketLit
lit le contenu du canal et le mets dans la variable texte. Le paramètre vrai signifie à SocketLit que la durée
d’attente sur canal est indéfinie. Une fois le message récupéré il doit être mis dans notre liste déroulante
« liste1 ». Le reste de la procédure n’appelle pas de commentaires particuliers.
Continuons par le code du bouton “demarre”.
SI PAS SocketCrée("serveur",PORTIP,NetAdresseIp()) ALORS
Erreur("Erreur de création " + ErreurInfo(errMessage))
ETATSERVEUR="Problème lors du démarrage du serveur"
SINON
ETATSERVEUR="Serveur démarré"
ThreadExécute("thread1",threadNormal,attente)
FIN
Ce code lance l’exécution du serveur. La procédure WinDev SocketCréer utilise plusieurs parametres :
Le nom de la socket que l’on va créer.
Le port sur lequel on écoute.
L’adresse ip du poste serveur.
Comme vous le voyez à la lecture de ce code si la socket “serveur” est créée on fait de notre procédure
globale “attente” un thread qui appellera lui meme le thread “affichemes”. C’est pas super l’informatique
?
GEII85
Voici le code du bouton arreter
SocketFerme("serveur")
ETATSERVEUR="Arret du serveur"
Voilà la partie serveur est maintenant terminée… Il ne vous reste plus qu’a créer l’exécutable (Menu
Projet/Créer l’executable).
NB: Si vous avez des Warnings concernant une boucle sans condition de sortie ne vous en souciez pas !
Dés a présent vous avez concu un serveur, il ne nous reste plus qu’a créer le client. Son rôle est d’essayer
de se connecter au serveur et de lui envoyer des message. C’est clair ? Alors Avanti !
Partie Cliente
Pour le client, comme ce doit etre une application autonome, il nous faut donc créer un projet, sans analyse
ayant pour nom “Client”. Ce projet ne contiendra qu’une fenetre nommée “Depart”. Elle ressemblera a
ceci :
Objet champ de saisie
Nom : Adrip
Objet : Champ de
Objet : champ Objet : Champ de saisie.
de saisie. saisie. Nom : EtatCnx
Nom : Portip Nom : messa
GEII86
Comme vous pouvez le constater le client est vraiment minimaliste. On saisit l’adresse ip du serveur, le port
d’écoute, le message à transmettre. Le bouton Connexion nous servira pour établir la liaison, le bouton
envoyer transmettra le message.
Interressons nous au bouton connexion. Son rôle est de nous mettre en relation avec la socket du serveur.
Donc il est impératif que le serveur soit actif avant le client, mais ca les plus rusés l’avaient remarqué…
Voici le code du bouton :
SI PAS SocketConnecte("serveur", PORTIP,ADRIP) ALORS
Erreur("erreur de connexion " + ErreurInfo(errMessage))
SINON
ETATCNX="Vous etes en ligne"
FIN
On essaye de ce connecter à la socket nommée “Serveur” ( vous savez c’est celle que l’on vient de créer
coté serveur ?!), écoutant le port défini ( PORTIP), à telle adresse IP (ADRIP). Si tout ce passe bien on ecrit
“Vous etes en ligne dans le champ de saisie Etatcnx. Sinon on envoie le message d’erreur.
Ben oui, c’est tout… Simple, non ?
Maintenant voyons le code du bouton envoyer.
SI SocketEcrit("serveur", messa) = Faux ALORS
Info("Un problème est survenu")
FIN
On envoit un message ( le texte contenu dans le champ de saisie “messa” ) à la socket “serveur”. Si ca ne
fonctionne pas on affiche une boite de dialogue d’avertissement.
Voilà tout est fini, vous pouvez compiler, créer l’executable et tester votre client/serveur. Pour la mise en
œuvre vous avez besoin de lancer le serveur, le mettre en écoute d’un port. Ensuite vous lancez le client
que vous branchez sur le port d’écoute et envoyez le message. Si vous etes en réseau utilisez la bonne
adresse ip du serveur et have fun !!
GEII87
Exercices applicatifs
Maintenant que vous êtes un pro de la socket essayez de réaliser l’exercice suivant.
A partir de l'executable faites en sorte que le client oblige le serveur a executer une action ( par exemple
activer la calculatrice )
Pistes de réalisation :
Coté client creez un bouton qui envoie le chiffre 1 par exemple à la socket serveur.
Coté serveur analysez les mesages recu et si message =1 alors …..
Avec cet exercice vous etes en train d’apprendre les base d’un outils de maintenance à distance. A vous
de le perfectionner
Pour faire lancer une application windows par Windev voici la syntaxe : LanceAppli("CALC.EXE »). Calc.exe
étant la calculatrice
GEII88
8/12/2018
Accès à des bases de données tierces
(Mysql)
Langage Sql, Fonctions Sql de WinDev, gestion avancée des
tree-view, des tables mémoire, des chaînes de caractères…
GEII89

VERSION 19
A l’heure actuelle, les bases de données de type Clients/Serveurs ont la faveur de plus en plus
d’informaticiens. Une de ces bases se détache du lot, il s’agit de Mysql. Cette base de données offre
plusieurs avantages non négligeables.
1. Elle est gratuite.

2. Elle est rapide
3. Elle est fiable.
4. Elle est Multi-Plateforme…
Le fait qu’elle existe sous plusieurs systèmes d’exploitations est appréciable, en effet à l’heure actuelle
beaucoup de Fournisseurs d’Accès Internet vous permettent de vous connecter à une base de donnée, dans
la majorité des cas cette base de donnée est Mysql. Pourquoi la choisissent-elles ? En fait, ils ont fait le
choix du logiciel libre, donc le système d’exploitation est Linux, comme les internautes utilisent de plus en
plus le couple Php/Mysql, cette base de données était le choix technologique le plus évident à faire.
Maintenant imaginez la situation suivante : Vous êtes développeur dans une société qui a sur Internet un
site où les clients peuvent passer des commandes. Le site utilise Php et Mysql, comment faire pour que votre
logiciel commercial puisse récupérer les commandes directement dans la base de données Mysql qui est
sur Internet ?
Je vous sens dubitatif ! Heureusement super Jean-Luc a la solution : Nous allons, ensemble, développer un
logiciel de connexion à une base de donnée Mysql, créer des requêtes, récupérer les résultats…..Elle n'est
pas belle la vie ? Mais cependant certaines mises en garde sont nécessaires :
Je vous rappelle qu’il est inutile de faire ce "mini lab" sans maîtriser les "mini lab" précédents. Je ne reviens
pas sur les notions abordées dans les supports précédents.
Pour le bon déroulement de ce support téléchargez et installez easyphp Devserver que vous trouverez à
l’adresse suivante : http://www.easyphp.org/
Durant le Mini lab, prenez le temps de comprendre ce que vous faite, aucun apprentissage efficace ne
peut avoir lieu si on se contente de copier ou imiter. Donc si vous vous sentez « largué », pas de souci,
apprenez à faire marche arrière et relisez. Je fais toujours en sorte que les explications soient claires, mais
n’ayez pas honte de ne pas comprendre immédiatement, faites l’effort et vous serez toujours récompensé.
N’oubliez pas l’excellente aide de WinDev (vous savez la touche F1 !)
Durant cet exercice, vous avez le droit de faire des pauses ;-))
GEII90
Attention : Si vous n'êtes pas administrateur de votre ordinateur une

librairie de Mysql ne s’installera pas correctement, il s’agit de libmysql.dll, de
plus le serveur Mysql s’arrêtera à la moindre tentative de connexion.
Autre point important : Si des erreurs récurrentes se produisent alors que

votre code est propre et que vous utilisiez Easyphp, allez dans le répertoire
d’installation d’easyPhp (C:\Program Files (x86)\EasyPHP-DevServer-
14.1VC11\binaries\mysql\lib) prenez la librairie libmysql.dll et copiez la dans
le dossier Exe de votre projet Windev
De plus, allez sur www.pcsoft.fr dans la rubrique téléchargement pour

télécharger l'accès natif à Mysql
Encore un point important : Si un serveur Web est déjà installé sur votre
ordinateur il vous faudra changer le port d’écoute d’apache et passer en 8080
(voir le fichier de configuration d’apache.
Avant de commencer, vérifiez qu’Easyphp est actif (Vous devez apercevoir un E noir avec un point rouge
clignotant dans la barre des taches). S’il n’est pas en fonctionnement, vous ne pourrez pas accéder au
serveur MySql. Je vous laisse lire la doc fournie avec pour le faire fonctionner, c’est simple.
Nous allons maintenant entrer dans le vif du sujet. Créez un nouveau projet nommé TP6 qui ne comporte
aucune analyse, normal puisque nous allons accéder à des données distantes. Ce projet comportera 2
fenêtres : Une orienté gestion de la base Mysql, l’autre sur l’édition de requêtes.
GEII91
Voici le prototype de la première fenêtre que vous nommerez départ et qui sera la première fenêtre du
projet.
Ici vous trouvez 4 champs de saisie nommés : Ici, créez un champ arbre
Numip, Login, Mdp, Etatcnx. Un bouton que vous nommerez
nommé Cnx. Ces champs sont dans un champ listebase. Vous pouvez
libellé de style « Libellé-Acheval_DoubleB », l’encadrer par un champ
dont le libellé est : « Connexion au serveur libellé.
Mysql »
Attention, ici c’est une table mémoire que vous Insérez 2 boutons un
nommerez Table1 dont toutes les colonnes sont nommé Requete,
invisibles. Dans cette table sera affiché le contenu des l’autre Quitter. Je
tables de votre base de données Mysql. L’affichage vous laisse trouver le
est activé par un choix de table dans l’arbre code du bouton
listebase. Comme nous ne connaissons pas à priori le Quitter.
nombre de colonnes de la table à afficher nous allons
employer une grosse ruse Cheyenne. On va créer une
quinzaine de colonnes texte nommées
c1,c2,c3…..c15 et toutes invisible, capito ? Nous
créerons l’affichage par programmation plus tard
GEII92
Maintenant que la scène est installée, voyons les comportements des objets et ce que l’on attend d’eux.
Pour se connecter à une base de données Mysql nous avons besoin de divers renseignements :
L’adresse Ip de l’ordinateur où est située votre base de données Mysql. Si vous l’avez sur votre
ordinateur, plusieurs possibilités s’offrent à vous, soit vous inscrirez dans ce champ l’adresse ip de votre
ordinateur, soit localhost, soit une adresse de bouclage ex : 127.0.0.1.
Le login : Si vous venez d’installer votre base de donnée le login par défaut est : root. Sinon
demandez un login à votre administrateur réseau.
Le mot de passe : Si vous venez d’installer Mysql sur votre poste le mot de passe par défaut n’est
pas défini, donc cette zone restera vide, sinon contactez votre administrateur si vous n’en avez pas.
Donc, lorsque ces renseignements seront saisis nous essayerons de nous connecter à la base de donnée via
le bouton de connexion, si la connexion réussie nous remplirons l’arbre avec les bases Mysql et pour chaques
bases, les tables constituantes. Dans le champ etatcnx nous mettrons un texte nous indiquant le succès de la
connexion sinon l’échec.
On y va ? Vous avez placé tous les objets ? Votre fenêtre ressemble à la mienne ? Vous l’avez enregistrée
sous le nom de départ ? Vous l’avez déclarez comme première fenêtre du projet ? Non ! ! Mais qu’est-ce
que vous faites ?
Nous allons avoir besoins de 2 variables globales à la fenêtre, allez dans le code de la fenêtre et dans
la zone « déclaration globale de départ » inscrivez ceci :
mabase,matable sont des chaînes
Ces 2 variables doivent être connues ou vues par tous les objets de la fenêtre, c’est pour cela que l’on les
déclare globales au plus haut dans le conteneur principal.
Intéressons-nous maintenant au comportement du bouton de connexion. Son rôle est d’établir une connexion
avec la base de données Mysql. Il a besoin de l’adresse ip de la base, du login et du mot de passe pour
établir le contact.
GEII93
Voici son code :
resultat est un entier
resultat=SQLConnecte(Numip,login,mdp,"","MySQL")
SI resultat=0 ALORS
etatcnx="Votre serveur Mysql n'a pas repondu"
SINON
etatcnx="Votre connexion est active"
lesbases()
FIN
SQLDeconnecte()// Une fois les traitements fait, on se déconnecte
La procédure WinDev importante est SQLConnecte son rôle est de connecter l'application en cours à une
base de données à interroger par SQL. Pour cela elle a besoin des paramètres qui sont le contenu du
champ Numip, de login, du mot de passe. Le 4eme paramètre est vide (les 2 apostrophes), il est dévolu
au nom de la base de donnée souhaitée. Le 5eme paramètre est le type de base de données attaqué,
dans notre cas MySQL. Appuyez sur F1 en étant positionné sur le mot SQLConnecte et regardez dans
l’aide toutes les bases de données susceptibles d’être interfacées avec WinDev !
Cette procédure retourne un entier qui vaut 0 si la connexion n’a pas pu être établie (mauvaise adresse
ip, mauvais login, mot de passe, serveur Mysql arrêté…etc…). Une bonne habitude à prendre est de tester
la réussite ou l’échec d’une fonction. Donc, si resultat=0 on informe l’utilisateur qu’il y a un boulon dans le
potage. Sinon c’est que tout va bien : on fait afficher dans le champ de saisie etatcnx que la connexion est
active. Pour alléger le code nous allons créer une procédure locale à la fenêtre que nous nommerons
lesbase. Le rôle de cette procédure est de nous remplir l’arbre avec les bases de données MySql et les
tables les composants. Voyons son code :
PROCEDURE lesbases()
resultat est un booléen
resultat=SQLExec("show databases","requete1")
SI resultat ALORS // L’exécution de la requête est réussie
TANTQUE SQLFetch("requete1") = 0
GEII94
ArbreAjoute(listebase,"Bases"+TAB+ SQLLitCol("requete1", 1),aDéfaut,aDéfaut,SQLLitCol("requete1", 1))
lestables(SQLLitCol("requete1", 1))
FIN
SQLFerme("requete1")
ArbreDéroule(listebase,"Bases")
SINON
Info("Vous avez un problème de connexion")
FIN
Résultat est un booléen qui va recevoir le résultat d’exécution de la procédure SQLExec. Celle-ci va
exécuter la requête nommée « requete1 », dont le texte associé est « show databases » (cette commande
Sql fait retourner l’ensemble des bases de donnée présentent sur votre serveur MySql).Si la requête
s’exécute bien résultat vaut vrai sinon faux.
Cette ligne de code peut vous paraître étonnante, en fait la fonction SQLFetch ne lance pas la récupération
de toutes les lignes du résultat de la requête : seul l'enregistrement en cours est récupéré par la fonction
SQLFetch. Le bizarre est que tant qu’elle retourne 0 la lecture de l'enregistrement s'est bien passée. Il y a
des fois où la logique n’est plus de ce monde ! Mais ne nous laissons pas perturber par cette petite
bizarrerie…. !
GEII95
La procédure ArbreAjoute crée un tree-view avec les éléments que l’on va lui passer.
Dans notre cas il faut remplir avec le contenu résultant de la requête précédente. En fait le résultat de la
requête est, dans ce cas-là, une table d’une colonne contenant un nom de base par ligne.
SQLFetch parcourt les lignes de la table et SQLLitcol("requete1", 1) lit pour la requête passée en paramètre,
le contenu de la colonne passée aussi en paramètre (ici 1).
Je vous laisse regarder l’aide d’ArbreAjoute et comparer avec le code, vous allez vite comprendre son
fonctionnement. Nous allons donc créer un arbre affichant les bases de données disponibles, mais pour
chaque base il nous faut aussi insérer dans l’arbre les tables qui la composent. C’est le rôle de la procédure
globale lestable que nous allons créer.
Comme vous le remarquez la procédure lestables prend comme paramètre le nom de la base de donnée
contenu dans SQLLitCol("requete1", 1)
Créez donc cette procédure
PROCEDURE lestables(labase)
SQLConnecte(Numip,login,mdp,labase,"MySQL")
resultat=SQLExec("show tables","requete2")
SI resultat ALORS
ArbreAjoute(listebase,"Bases"+TAB+
labase+TAB+SQLLitCol("requete2", 1),aDéfaut,aDéfaut,SQLLitCol("requete2", 1))
FIN
ArbreDéroule(listebase,"Bases"+TAB+labase)
FIN
SQLDeconnecte()
Comme vous pouvez le constater cette procédure récupère comme argument une chaîne de caractère
(labase) contenant le nom de la base de donnée à traiter. Il faut ensuite se connecter à cette base de
donnée (ligne 3) pour demander l’ensemble des tables la constituant (ligne 4).Une fois la requête exécutée,
si elle a fonctionné, tant que des lignes existent dans le contenu du résultat de la requête, on les ajoute au
bon endroit dans le tree-view (l’arbre). On ferme la requête avec la commande SQLFerme. Et on déroule
GEII96
l’arbre pour des raisons esthétiques. Pour des raisons de sécurité on utilise SQLDeconnecte() qui ferme la
connexion en cours et libère l'espace mémoire utilisé par la connexion. La fonction SQLDéconnecte doit
être appelée systématiquement pour fermer la connexion, même si cette connexion a échoué
Arrivé à ce stade, vous pouvez tester le résultat. Entrez les bons paramètres de connexion, appuyez sur le
bouton connexion et sous vos yeux ébouriffés de surprise le tree-view est rempli de l’arborescence bases
de données + Tables. Si sous vos yeux effrayés vous ne voyez rien paraître, vérifiez les points suivants :
 Votre serveur est-il actif ?

 Votre code est-il exempt de Bug ?
 Les paramètres de connexion sont-ils free of âneries ?
 Vos lunettes sont-elles propres ?
 ….
Maintenant, ce serait super de pouvoir lister le contenu d’une table dont on aurait cliqué sur le nom dans
l’arbre. Pour cela il faudrait récupérer le nom de la table choisie et remplir la table mémoire. C’est tout
simple voici le code que vous allez inscrire dans la zone clic sur listebase de l’objet listebase (l’arbre).
resultat est une chaîne
resultat=ArbreSelect(MoiMême)
mabase=ExtraitChaîne(resultat,2)
matable=ExtraitChaîne(resultat,3)
SI matable<>EOT ET mabase <>EOT ALORS //Nous avons la base et la table

remplirtable(mabase,matable)
FIN
ArbreSelect(MoiMême) renvoie l’élément cliqué sous forme d’une chaine. Le problème c’est qu’il ne renvoie
pas la terminaison (la feuille) mais l’arborescence complète. Par exemple si vous cliquez sur la table clients,
contenue dans la base gestcom ayant comme racine Bases la chaîne resultat sera comme ceci : « Bases
Gestcom clients ». Les éléments susceptibles de nous intéresser sont Gestcom, pour le nom de la base et
clients pour la table. La fonction ExtraitChaine va nous être d’un grand secourt. On lui donne la chaîne
initiale et on lui dit de nous renvoyer le Xieme mot. Dans notre cas nous allons mettre dans la variable
globale mabase le deuxième terme de la chaîne et dans la variable matable le troisième terme. Si jamais
vous avez cliqué sur le nom de la base au lieu de cliquer sur le nom de la table, resultat sera composé de
2 mots et non de trois, dans ce cas ExtraitChaine (resultat, 3) renverra EOT. Nous allons pouvoir remplir la
GEII97
table si les 2 variables (mabase et matable) sont différentes de EOT. Pour alléger la lecture et faciliter la
compréhension, on va donc créer un traitant de remplissage de table, la procédure remplirtable qui va
prendre 2 arguments : le nom de la base et le nom de la table.
Voici le code de remplirtable(labase,latable)
PROCEDURE remplirtable(labase,latable)
numconnexion est un entier
numconnexion=SQLConnecte(Numip,login,mdp,labase,"MySQL")
texte=SQLColonne(numconnexion,latable,Faux)
SQLExec("select * from "+latable,"requete3")

SQLInfoGene()
miseenforme(texte,SQL.NbCol)
SQLTable("requete3", "Table1")
SQLDeconnecte()
Voici l’explication du code. On commence par vider la table mémoire nommé table1. Ensuite on se connecte
à la base de données dont le nom fut passé en paramètre.
Cette ligne : texte=SQLColonne(numconnexion,latable,Faux) renvoie dans la variable « texte » le nom des
colonnes de la table choisie par l’utilisateur dans le tree-view. Le nom des colonnes nous sera utile pour
mettre en forme la table mémoire on mettra en entête de table le nom des colonnes, ce sera plus parlant
que c1,c2,c3…c15. La ligne suivante fait une requête select classique qui liste le contenu intégral d’un
fichier donné (latable).
SQLInfoGene() va renseigner diverses variables sur la dernière requête lancée (requete3).
GEII98
Nous ce qu’il nous intéresse, c’est de connaître le nombre de colonnes que va générer notre requête. Notre
table sélectionnée contient-elle 5 colonnes, 2, 10 ? En fait, a priori nous n’en savons rien, c’est pour cela
que je vous ai demandé de créer une table mémoire de 15 colonnes par défaut. C’est la variable
SQL.NbCol qui va nous dire combien la requête a de colonnes. Mais n’oubliez pas que SQL.NbCol ne
contient des infos qu’après l’appel de SQLInfoGene()
Nous allons commencer à créer l’entête de la table mémoire (table1) avant d’y transférer les données.
C’est le rôle de la procédure « miseenforme(texte,SQL.NbCol) »
PROCEDURE miseenforme(lescolonnes,nbcol)
i est un entier=1
nomcol,exnomcol sont des chaînes
TANTQUE i<>nbcol
nomcol=ExtraitChaîne(lescolonnes,i,RC)
exnomcol="C"+i
{exnomcol}..Titre=nomcol
{exnomcol}..Visible=Vrai
i++
FIN
Le but de cette procédure est de remplacer les c1,c2, c3…..nbcol par un le nom de la colonne renvoyé
par la requête. Nous allons donc affecter le nouveau nom à l’ancien. Nous avons passé a la procédure 2
paramètres : Une chaîne contenant les noms des colonnes séparés par un espace et le nombre de colonnes.
Nous avons comme impératif de renommer la première colonne (C1) par le 1er terme contenu dans la
chaîne ( lescolonnes ), la deuxième colonne (C2) par le 2eme terme de la chaîne et cela jusqu'à nbcol.
Comme vous le voyez c’est ce que fait la boucle tantque.
On initialise une variable i à 1, puis tant qu’elle est différente de nbcol on place dans nomcol le terme
contenu dans la chaîne lescolonnes à l’indice i. Ensuite on recrée le nom de colonne basé sur l’indice pour
être en phase. La partie la plus surprenante est le fait de mettre entre accolades le nom de la colonne.
C’est ce que l’on appelle une indirection, comme le nom du champ est dans une variable on fait ainsi
comprendre à WinDev de traiter le contenu de la variable comme étant le nom du champ souhaité. On
modifie le nom de la colonne par la constante ..Titre et on la rend visible par ..Visible=Vrai. Voilà la
procédure a fait la mise en forme. Elle s’arrête et repasse la main à la procédure appelante : la procédure
remplirtable. L’exécution continue sur la ligne SQLTable(« requete3 », « Table1 »). Cette commande fait
un transfert du contenu de la requête dans la table mémoire.
GEII99
Voilà le tout est joué, sauvegardez et testez votre travail. C’est super non ?
Mais tout cela serait plus magique si vous aviez une zone de saisie de requête sql pour créer des nouvelles
bases de données, créer des nouvelles tables, insérer des enregistrements…..
C’est ce que l’on va réaliser maintenant, mais tout d’abord voici le code du bouton requete
SI mabase<>"" ALORS
Ouvre(frequete,Numip,login,mdp,mabase)
SINON
Info("Choisissez une base de donnée")
FIN
Si l’utilisateur a cliqué sur une base du Tree-view alors on peut lancer l’ouverture de la 2eme fenêtre
nommée requête. Fenêtre à qui on passe 4 arguments de connexion : le numéro ip, le login, le mot de
passe et la base sur laquelle on désire travailler.
Voici l’image de la nouvelle fenêtre que vous nommerez « frequete »
Champ de saisie
nommé larequete
Bouton nommé
execute
Champ liste nommé

resultat
Voyons les éléments :
Un champ de saisie nommé larequete dans lequel vous taperez le texte de votre requête
GEII100
Un champ liste nommé résultat dans lequel le résultat de votre requête apparaîtra.
Un bouton Execute qui contient le code chargé de se connecter à la base MySql, de faire exécuter la
requête et d’afficher le résultat.
Pour que les variables passées par le code du bouton requête de la fenêtre « Départ » soient prisent en
compte par la fenêtre « frequete », il faut saisir dans la zone « déclaration globale de frequete » la ligne
suivante :
Procedure frequete (Numip,login,mdp,labase)
Voyons de suite le code du bouton execution
i est un entier
ListeSupprimeTout(resultat) // on vide la liste resultat
SQLConnecte(numip,login,mdp,labase,"MySQL")// on se connecte à la base

SI larequete<>"" ALORS // si du texte a été frappé
SQLExec(larequete,"requete4") // on fait exécuter la requête par Mysql
SQLInfoGene() // on fait générer les variables concernant la requête
SQLPremier("requete4") // on se positionne sur la première ligne des données retournées par la requête
TANTQUE PAS SQL.EnDehors // Tant qu’il reste des lignes à lire

i=1
texte="" // Je vais construire dans texte la ligne en concaténant les colonnes
TANTQUE i<=SQL.NbCol // de i au nombre de colonnes
texte=texte+TAB+SQLCol("requete4", i) // Je concatene
i++
FIN
ListeAjoute(resultat,texte) // J’ajoute dans la liste résultat la ligne que je viens de créer
SQLSuivant("requete4") // je passe à la ligne suivante
GEII101
FIN
SQLFerme("requete4") // je détruis ma requête
SINON
Info("Veuillez saisir une requête")
FIN
SQLDeconnecte() // Je me déconnecte
Que puis-je dire de plus ? Tout est expliqué ! Ah ! Si ! ! Le cours numéro 6 est fini, je vous remercie d’avoir
eu la patience d’arriver jusqu’ici…
Je vous dis à bientôt pour un nouveau "lab".
GEII102
Exercice applicatif
Créer un système d’administration Mysql.
Imaginez une fenêtre ou l’on puisse créer des bases de données, les supprimer, créer des tables, les
supprimer, ajouter des utilisateurs, des droits, des permissions….
Vous voyez ? Essayez de faire le plus simple et le plus ergonomique, n’oubliez jamais que l’informaticien
n’est jamais l’utilisateur !
Bien sûr vous aurez besoin de commandes Sql simples du type
Drop database
Drop table
Create database……….
A vous de jouer, bon courage !
GEII103
15/12/2018 Création d’un Web Service
Paramétrage d’un serveur Web,

Création du Service Web,
Création du client consommateur,
Approche XML, SOAP
…
GEII104
Cours Windev Numéro 7

VERSION 19
Outils :
Un serveur d’application
Ce TP a été créé avec WinDev 19
Le but de cet exercice est de vous faire pénétrer dans le monde merveilleux et surtout à la mode des
Web-Services. En effet l’heure actuelle est à répartition des charges et des serveurs, c’est dans ce
contexte qu’interviennent les Web-Services. Mais d’abord quelques définitions :
1. LES WEBSERVICES :
Dans ce chapitre, nous allons vous présenter les WebServices : c'est-à-dire pourquoi les
WebServices ont été créés et à quelle demande répond cette nouvelle technologie.
Nous verrons ensuite le fonctionnement d'un WebService
1.1. Présentation :
Auparavant pour mettre en place des applications distribuées, il fallait utiliser des technologies
assez complexes telles que COM. Certes ces technologies étaient abordables pour un développeur, mais
il fallait que le développeur passe du temps à établir un protocole de transmission.
Les WebServices sont alors apparus pour faciliter tout d'abord la tâche des développeurs. Avant toute
chose, Microsoft, contrairement aux idées reçues, n'a pas créé les WebServices mais Microsoft a
participé avec de grandes entreprises telles qu’IBM, SUN ... à la standardisation des WebServices. Ceci
montre bien que la technologie des WebServices est une technologie très jeune, ce qui bien sûr peut être
un inconvénient pour son intégration au sein des entreprises. Mais les plus grands spécialistes prévoient
une « explosion » de l'utilisation des WebServices toutes technologies confondues (.NET, Java ...).
1.2. Fonctionnement des WebServices

L'un des plus gros avantages des WebServices est qu'ils reposent sur des protocoles standardisés.
Cela permet que cette technologie soit exploitable par de nombreux langages.
En effet, les WebServices se reposent sur des protocoles tels que XML et http, donc SOAP. Pour
vulgariser ce dernier protocole, SOAP permet de faire circuler du XML via du HTTP. Donc lorsqu'on
interroge un WebService, les données sont transmises en XML via le port 80 (HTTP). Rien de plus simple
ensuite pour le développeur de traiter l'information reçue.
A l'heure actuelle, la quasi-totalité des langages informatiques supporte ces protocoles : ils disposent en
effet de fonctions pour lire un fichier XML (Parseur XML). Donc un WebService peut être utilisé via le
langage Perl, PHP, Python, Dot Net, Cobol ...
GEII105
1.3 Pourquoi les WebServices ?
Comment faire communiquer des programmes tournant sur des machines distantes, des OS
différents, développés par des compagnies différentes ? Comment dans ce cas de figure faire du
remoting ? A moins d'utiliser des nombreux ponts qui existent, c'est quasi impossible. Bien évidemment,
des ébauches de solutions ont été apportées et ont fait leur preuve (CORBA, COM, DCOM, ...)
Les WebServices sont eux universels et de plus le HTTP passe sans peine par un firewall ...
L'utilisation d'un WebService peut se diviser en différentes étapes :
On demande au WebService son contrat WSDL (Web Service Description Language) : c'est un document formalisé (XML,
W3C) qui spécifie quels sont les méthodes pouvant être appelées sur ce WebService.
Il le retourne, et on mémorise comment il marche (méthodes, format des appels, paramètres, valeurs retournées, etc...).
Pour cela, on crée ce que l'on appelle en Java un classe stubs (souche). En C# et sous .NET, le terme consacré est classe
proxy : généré par l'outil wsdl.exe, c'est une classe qui présente les mêmes méthodes que le WebService, et qui permet
de les appeler de manière synchrone ou asynchrone.
A l'utilisation : on appelle la méthode (SOAP+XML) désirée conformément au format précédemment acquis. Et ceci, tout
simplement en instanciant et en utilisant ses méthodes. C'est transparent.
On récupère le résultat de la méthode, ou une erreur. Je vous souhaite le résultat, mais une erreur sera levée si le
schéma WSDL du WebService a changé !
GEII106
Les étapes de l'utilisation d'un WebService
Les WebServices passant (sauf si vous en décidez autrement) par http, peuvent utiliser d'autres
protocoles que SOAP pour transporter des données. Mais ceci implique des restrictions, énoncées ci-
dessous :
Quoi POST GET SOAP
Transporter des types primitifs (Integer, Long, String, ...)
Transporter des énumeration
Transporter des tableaux
Objets
Structures
DataSets, fichiers XML, tableau de n'importe quoi
Passage par référence
NB : GET et POST sont les méthodes de passage de valeur propres à HTTP.
2. SOAP
2.1 Présentation
Nous allons décrire dans ce chapitre le protocole SOAP et ses concurrents (COM, CORBA ...). En
effet, comme nous l'avons vu dans le chapitre précédent, la technologie des WebServices repose en
autres sur le protocole SOAP.
GEII107
SOAP est un protocole adopté par le Consortium W3C. Le Consortium W3C crée des standards pour le
Web : son but est donc de créer des standards pour favoriser l'échange d'information. Un standard veut tout simplement
dire qu'il peut être accessible à tout le monde, et donc qu'il n'est pas propriétaire. Ce qui a pour conséquence qu'un
protocole standard contrairement à un protocole propriétaire pourra être utilisé sous n'importe quelle plateforme.
Les spécifications du protocole SOAP sont disponibles à l'adresse suivante :
http://www.w3.org/TR/SOAP/
SOAP veut dire : Simple Object Access Protocol. Si l'on voulait traduire cette définition en français cela donnerait
Protocole Simple d'Accès aux Objets. En effet, le protocole SOAP consiste à faire circuler du XML via du http sur le port
80. Cela facilite grandement les communications, car le XML est un langage standard et le port utilisé est le port 80, qui
ne pose donc pas de problèmes pour les firewalls de l'entreprise, contrairement à d'autres protocoles.
Tout comme la technologie des WebServices, le protocole SOAP est très jeune. Le protocole SOAP a été créé en
septembre 98, avec la version 0.9, par trois grandes entreprises : Microsoft, UserLand et DevelopMentor. lBM n'a
participé au protocole SOAP qu'à partir de la version 1.1 en avril 2000. C'est cette même année que SOAP a été
soumis au W3C.
Depuis septembre 2000, SOAP l. l est en refonte complète pour donner jour à la version 1.2 avec un
groupe de travail de plus de 40 entreprises ! Parmi ces 40 entreprises, on retrouve bien sûr Microsoft,
IBM mais aussi HP, Sun, Intel ...)
2.2 Les autres protocoles... :
Jusqu'à la création du protocole SOAP, trois grands protocoles étaient utilisés : COM et DCOM :
Les protocoles COM (Component Object Model) et DCOM (Distributed Component Object Model) ont été
écrits par Microsoft et permettaient de faciliter la communication entre les composants Windows. II y a eu
un portage de COM sous Unix, mais ce protocole n'a été utilisé par que par des plateformes Windows
et pour l'Intranet.
Les protocoles COM et DCOM n'étaient utilisés la plupart du temps que pour l'Intranet, car le port
d'écoute des communications était statique : c'est-à-dire qu'on ne pouvait pas changer ce port et cela
posait de gros problèmes de sécurité pour les entreprises qui voulaient utiliser ce protocole pour
communiquer entre elles.
2.2.1. CORBA :
CORBA (Common Object Request Broker Architecture) a été créé par l'OMG (Object
Management Group) pour faciliter la communication sous n'importe quelle plateforme. Ceci a été réalisé
via un langage neutre de définition d'interface appelé IDL (Interface Definition Language) et un
protocole commun de transport des données.
Malheureusement, les spécifications de ce protocole sont très denses et l'architecture est donc au final très
lourde à déployer.
2.2.2 RMI :
RMI ( Remote Method Invocation ) est un protocole très simple a utiliser et très efficace mais limité
à l’environnement Java
GEII108
3. LA MISE EN ŒUVRE
La présentation étant faite passons à l’action !
Pour pouvoir tester le WebService sur votre machine de développement il va vous falloir un serveur
Web en fonctionnement.
Je vais partir du postulat que vous avez un serveur web en ligne.
Vous pouvez créer une machine virtuelle avec une version de Windows et dessus y installer le serveur
d'application WebDev - 10 connexions
CREATION DU WEB SERVICE QUI SERA CONSOMME (COTE SERVEUR)
Bon, on y va ?
Ok, c’est parti !
Créez un nouveau projet : Webservice - Serveur. Ce projet ne contiendra aucune analyse, ni aucune
fenêtre. Un Webservice étant comparable à une collection de procédures les fenêtres ne sont d’aucunes
utilités.
Comme je viens de vous le dire un WebService est un ensemble de procédures ou de classes. Dans cet
exercice nous allons utiliser les procédures globales. Créez en une nommée « Hello »
Le code est le suivant :
GEII109
Comme vous le voyez : on se fatigue ! En fait pour ce premier exercice on se contente d’illustrer les
principes donc je vous prie de m’excuser pour la faiblesse de l’illustration !!! Vous ferez mieux plus tard ;-
)))
Vous venez de le comprendre que lorsqu’un client consommateur appellera la méthode « Hello » du
WebService en passant un paramètre (lenom) il aura une chaîne de caractère « Coucou » + Lenom
comme réponse. C’est puissant, non ?!!!
Bon, si je vous disais que le WebService est fini, vous le croiriez ? et pourtant c’est vrai !. Ah non, il reste
à le déployer, on va le faire de suite :
Allez dans le menu Atelier puis WebServices ( SOAP, .net, J2EE) puis Générer un service Web à partir
de ce projet…
L’assistant se lance:
Sélectionnez les éléments comme ci-dessus et cliquez sur le bouton suivant.
GEII110
Cliquez sur suivant.
Ca deviendrait presque lassant ! Cliquez encore sur suivant.
GEII111
Gardez ce choix si votre

serveur web est actif
On continue à cliquer sur suivant
Comme vous le voyez, pour des raisons de test, j’ai déjà implémenté une installation sur www.btssio.org.
Vous risquez de ne pas un affichage identique. Je vous laisse configurer le profil de déploiement et vous
attends un peu plus loin !
GEII112
L’installateur vous propose de sélectionner les éléments du projet, ne changez rien et passez à l’écran
suivant.
Comme vous pouvez le lire le Web Service est prêt à être déployer, passons à l’écran suivant.
GEII113
Ici, vous indiquez où sera le fichier de log pour analyser les fréquentations (ou consommations) de votre
Web Service.
Sur l’écran suivant on vous indique que l’assistant à toutes les informations pour clôturer la création du
Web Service. Cliquez donc sur Terminer.
Et voilà ! C’est fini. Le web Service est terminé et installé sur un serveur Web. Il est donc prêt à être
consommé !
GEII114
Fermez le projet, nous allons passer à l’étape 2, la création du programme consommateur de Web
Service
Prenez 5 minutes de pause, la cafetière fume !
CONSOMMATION DU WEB SERVICE.
Maintenant, le morceau de bravoure : le client ou consommateur du WebService.

Nous allons créer le client.
Fichier ->Nouveau ->Projet.
Vous nommerez ce projet WebService-Client. Il n’utilisera pas d’analyse.
Créez une fenêtre nommée Départ qui ressemblera à ceci :
Elle est hyper minimaliste, mais va nous permettre d’illustrer la consommation du Web Service.
Nommez le champ texte Prénom : Sprénom

Nommez le bouton : appel
Nous allons maintenant intégrer la définition du service Web à l’intérieur de ce projet, pour cela :
Cliquez sur le menu Atelier puis WebServices ( SOAP, .net, J2EE), puis sur Importer et utiliser un
WebService dans ce projet…
L’assistant d’importation se lance par la fenêtre suivante :
GEII115
Cliquez sur suivant.
On fait pointer le chargement de la description sur l’adresse du serveur web sur lequel nous avons
installé le Web Service et ensuite cliquez sur suivant
GEII116
Si tout se passe bien vous devriez voir ceci.
Un petit coup dans l’explorateur de projet vous permettra de découvrir l’intégration du Web Service.
Maintenant nous allons donner vie à tout ça, voici le code du bouton appel:
GEII117
Explications :
Vous vous rappelez que la procédure « Hello » du WebService n’effectue qu’un renvoi d’une chaîne
texte contenant « coucou » + le Prénom passé en paramètre. Donc logiquement en cliquant sur le bouton
de la fenêtre nous devrions avoir une fenêtre d’information contenant la chaîne « coucou » + Le prénom
Dans le code nous initialisons 2 variables :

Une nommée reponse est de type Webservice_Serveur.HelloResponse. Elle contiendra le retour du
Web Service.
Une autre nommé parametre qui est du type Webservice_Serveur.Hello. Elle contiendra le paramètre à
envoyer.
parametre.lenom=SPrénom contiendra le prénom saisi dans la zone de texte SPrénom.
reponse=Webservice_Serveur.Hello(parametre). Ici, le type réponse va recevoir le retour du web

service.
Info(reponse.HelloResult). Maintenant, nous faisons afficher la zone HelloResult du type reponse.
Ça va ? Vous n’êtes pas au fond du trou ?

Bon alors testons !
GEII118
Si vous cliquez sur le bouton Appel, vous devriez voir ceci :
Et voilà ! Le tour est joué ! Vous venez de façon simple et ludique de créer et manipuler des web
services ! Trop fort !
GEII119
WinDev Mobile 10 Express Calcul de l’imc
Cours WinDev Mobile Numéro 1
Objectifs : Connaître les éléments de base de l'éditeur WinDev.

Création d'un calculateur d’Imc.
Pré requis : Aucun
Pour ce premier cours, nous allons créer un calculateur d’indice de masse corporelle.
Cette idée n’est peu être pas réjouissante pour certains, mais rien ne vous empêche
de tricher sur les chiffres !
Qu’est que l’IMC :
L'Indice de Masse Corporelle est un rapport entre le poids et la taille qui permet de
savoir si ton poids est correct, insuffisant ou trop important. Cela se calcule de la
façon suivante. On prend le poids en kilo que l’on divise par la taille en mètre au
carré. Ensuite, on interprète en lisant le tableau suivant :
Maigreur Imc inférieur à 18,5
Normal Imc entre 18,5 à 24,9
Surpoids Imc entre 25 et 29,9
Obésité Imc entre 30 et 40
Obésité massive Imc supérieure à 40
Par exemple : 85 kilos pour un mètre 87. On élève au carré 1,87 soit 3,49. Si nous
divisons 85 par 3.49 on obtient : 24,35. On est dans la normalité.
Débutons ce premier programme en lançant WinDev Mobile 10 Express. Vous devriez

avoir cette fenêtre sous les yeux :
GEII120
Cliquez sur Créer un projet, un assistant va se mettre en fonctionnement. Nous allons

le suivre pas à pas.
GEII121
Voilà, l’assistant c’est mis en route, cliquez sur le bouton « Suivant » après avoir lu
les informations.
Nous allons garder le choix par défaut, ne vous inquiétez pas il y a un émulateur de
plateforme d’exécution fournit. Cliquez sur « Suivant ».
GEII122
Remplissez le premier champ comme indiqué, puis cliquez sur « Suivant ».
Laissez par défaut sur l’option « Je vais travailler seul sur le projet », puis cliquez sur
« Suivant ».
GEII123
Vous sélectionnez « Non : Ne pas utiliser de charte de programmation ».Un petit

coup sur « Suivant »?
Choisissez un gabarit dans la liste et cliquez sur « Suivant ».
GEII124
Comme notre application n’est pas destinée à être traduite en plusieurs langues,
restons sur le Français. Cliquez sur « Suivant ».
Comme nous ne manipulons pas de données, nous n’utiliserons pas d’analyse.

Modifiez et cliquez sur « Suivant ».
GEII125
Voilà l’assistant a collecté suffisamment d’information pour que nous puissions

commencer à travailler. Cliquez sur « Terminer »
Ce que l’on veut faire ? Créer une fenêtre ça vous dit ? Oui bon alors cliquez sur
« Créer une fenêtre ».
GEII126
Prenez une fenêtre vierge puis cliquez sur « Ok ».
Vous devriez avoir la même représentation que moi à l’écran. Pour notre application,
nous avons besoin de 2 champs de saisie ( un pour le poids, un pour la taille), un
bouton lançant le calcul et un champ où nous mettrons la sentence !
GEII127
Nous allons travailler avec certains de ces icônes. Repérez-les en haut à gauche.
Le champ de saisie : Le libellé de la sentence : Le bouton :
Pour positionner le premier champ de saisie, cliquez dessus dans la barre de menu,
puis cliquez dans la fenêtre pour le déposer.
Faites un clic avec le bouton droit de la souris sur le champ de saisie et cliquez sur
description. La fenêtre suivante apparaît :
Modifiez-la de la façon suivante :
GEII128
Pour le Nom : vous saisissez Poids.

Pour le Libellé : vous saisissez Votre Poids.
Pour le type vous choisissez Numérique.
Pour le masque de saisie sélectionnez le même que le mien. Il signifie que le chiffre
sera constitué de 3 nombres et 2 décimales.
Cliquez sur « Ok »
GEII129
Pour le deuxième champ de saisie remplissez les zones comme ci-dessous et ensuite
validez en cliquant sur « OK »
Mettez un bouton dans la fenêtre, faites un clic droit dessus et cliquez sur description
et modifiez pour avoir une fenêtre comme si dessous (n’oubliez pas de valider par
« Ok »):
GEII130
Faites glisser le champ libellé et modifiez ça description comme ci-dessous et validez.
Vous devriez avoir ceci à l’écran :
Maintenant que notre travail a pris une bonne tournure il nous faut l’enregistrer
cliquez sur l’icône représentant une disquette . Nommez la fenêtre départ et cliquez
sur le bouton « Enregistrer ».
Nous allons faire en sorte que les 2 champs comportent des valeurs par défaut.
GEII131
Nous allons programmer le champ poids. Faites un clic droit sur le champ poids et
choisissez « code ».Dans la zone initialisation de Poids saisissez ce qui est indiqué ci-
dessous :
Le mot clé MoiMême désigne le champ Poids.
Pour le champ LaTaille faites ceci :
Il ne nous reste qu’à programmer le bouton « Calcule » pour dynamiser cette

fenêtre. Faite un clic droit sur le bouton et choisissez « Code » Dans la nouvelle
fenêtre de saisie de code inscrivez ceci :
Remarque : Si vous avez écrit Ctaille et que WinDev vous rajoute Express
après, supprimez ce rajout.
Nous allons tester notre œuvre. Pour cela, cliquez sur la croix en haut à
droite pour fermer la fenêtre de code.
Une fois de retour sous l’éditeur de fenêtre cliquez sur cet icône pour
GEII132
lancer l’application
Un message vous dit que vous n’avez pas défini la première fenêtre du projet
choisissez-la dans la liste et validez.
Voici le programme qui apparaît à l’écran :
Testez, modifiez les valeurs, cliquez sur calcule. Bref, amusez-vous.
J’espère que vous avez appris quelques bases.
A bientôt pour un prochain support.
GEII133
! " # $
%
# & ' ( %
) * ( &! +,- ! .
GEII134
,- / 0 1
2 & 3 4 (
& # & 5
GEII135
- * #
GEII136
7 * - # * ( 8
3 !4 * #
GEII137
, ( 8 3" # " $$ % $$&%'!4 * #
GEII138
7 * *
GEII139
, * - # *( 9
GEII140
7 * # &# & # &
GEII141
% - 1 *
GEII142
% - 8 *
( & ( 83 % ( ) 4
GEII143
7 * & ( ( 1 (# * 8 " *
GEII144
% 1 1 # : * & #
GEII145
% - * & ( 8" # &
GEII146
% - & # ;
GEII147
# - * # & 3+
4
2 0
GEII148
# & - < 3 +,, ( ) ( 4
GEII149
% # 0 # & - (
( &- .
( & / )
GEII150
# & ; 0 = - '
- 0 1 8
GEII151
( & ( 8 > & ( "
) * # & ; % 1
0 ! # & - ( )
GEII152
6 & # )
% 8
% ( ?
! &"
' = 8 ( &
& # "
GEII153
6 & #
# & <
! & - @ (
GEII154
A * # &
GEII155
( & ( 1 # &
GEII156
" * ( & 0$ * 0$ ) ( # 1
( # & 1 8 # &
GEII157
6 &# & 0 # "
( # &
GEII158
6 * # -
) - ( 1 ! *
( &
# & - 1 25
GEII159
( & 1 2
"
% / -
* & "
# &
GEII160
5 * -
5 # & 2 & /
- 1 & ( 6
* 1 ! * & (
- # B 1
6 # & / 1
1 1
GEII161
,
&" &"
% 8 '
( &
GEII162
& " ) * &
% ( 1 -
0
' & 1 0 * ( &

2 & & 1 0
#
33 4
GEII163
& - * # & - 1 *
3" 4 ) * *
& = 8
2 &33 4 5 (
6 & -
GEII164
6 # ; # # 8
% * +*. + .* (
+ 6 .# + C .
, 1 25 1# /
( ( D EB
) *
GEII165
1 ( # 1
+ F B. ( # + F B.
25 1#
5 ( - G
$ *2 6 /
/ C$?
) * 6
% &# ( 1 8 / 1
C +C * C H IJ J H IJ J # -
KJ C H BI.
6 7 1 - ( 1 ! *
( &
2 & & 4 0
, 1 / # -
7 "
, ( 0 - # # ( )
/ # - 0 - 1
% #
- ( /1 0
! 0 3 ) 5 ,
*
GEII166
! * 1 &
% - 0 !
# & <
! & -
GEII167
' ( & &
& 5 * 1 # /
- (
GEII168
! & * & & - 5
7 # - '
GEII169
' ( & 8
& # " # & - < -

-
- &
6 & 1 0 0
>/1 ! &" & &
- 0
GEII170
, & 5 & " 0 1 9999
; # - * *
1 1
GEII171

Cours Atelier de Genie Logiciel

Transféré par

Informations du document

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

Cours Atelier de Genie Logiciel

Transféré par

Droits d'auteur :

Formats disponibles

IUT DE DOUALA

10/11/2018 Bases de WinDev

17/11/2018 Travailler avec un fichier de données

Travailler avec plusieurs fichiers

1/12/2018 Études des Sockets, communication répartie

14/12/2018 Création d’un Web Service

Support WinDev Numéro 1

Lancez WinDev 19 en double cliquant sur son icône : .

La fenêtre d'accueil apparaît :

Cliquez sur Créer un projet.

pour terminer l'assistance.

Donnez un nom à cette fenêtre et un titre.

Il est temps de sauvegarder, Cliquez sur le bouton Enregistrer.

Cliquez sur le jet vert.

A l'intérieur de cette fenêtre, nous allons maintenant placer 4 objets : 3 "champs de

Voici a quoi pourrait ressembler votre fenêtre :

Voici à quoi doit ressembler votre fenêtre.

Voilà mon résultat à moi !

Relancer le test de l'application en cliquant sur et utilisez votre super convertisseur.

Créez une application « EXO1 » contenant :

10/11/2018 Bases de WinDev

L'objectif de ce second support est de vous faire connaitre les

Support WinDev Numéro 2

Enregistrez immédiatement cette fenêtre sous « Sélecteurs ». Il est important de le

Voici ce que vous devriez découvrir à l’écran :

Passez maintenant sur l’onglet Contenu :

Votre fenêtre doit ressembler à ceci :

Testez la fenêtre en cliquant sur Go.

LES LISTES DEROULANTES

Une combo (Créer une combo)

L’assistant suivant se met en œuvre :

Maintenant, placez un champ de saisie nommé « choix » et ayant « Choix » comme

Un bouton nommé « remplir » et ayant comme libellé « Remplir la liste Civilité ».

La fenêtre ressemblera à ceci :

Vous testez ? (Faut tout vous dire bande de faignasses )

Sauvegardez et testez la fenêtre, non mais !

N’oubliez pas d’utiliser l’aide pour approfondir vos connaissances en appuyant

LES TABLES MEMOIRES :

Le champ table permet de simplifier l'affichage et la saisie d'informations stockées en

Les informations affichées dans la table peuvent :

 être déterminés complètement par programmation : on parle alors de Table

 provenir d'un fichier de données ou d'une requête : on parle alors de Table

Pour notre exemple, créez une fenêtre nommée « tablemem » et « Table

Pour créer un champ de type Table :

2. Cliquez dans la fenêtre à la position où le champ doit être créé. L'assistant de

Laissez le choix par défaut et cliquez sur le Jet Vert.

Pour afficher les caractéristiques du champ, sélectionnez l'option « Description »

 les informations concernant la table dans son ensemble (il suffit de

Nommez la table « matable ».

Créez 3 colonnes en appuyant 2 fois sur le bouton « Nouveau ».

Nous allons maintenant ajouter 4 Boutons :

 Le premier se nommera « remplirtable » et aura comme libellé « Remplir » ;

Voici une représentation de votre fenêtre :

Dans la zone « Clic sur remplirtable » du bouton « Remplir », insérez le code

« Baptiste » correspond au Nom, « Jean-Luc » au Prénom et « 50 » à l’âge. TAB

Utilisez l’aide pour avoir plus de renseignements sur la fonction Tableajoute

Une autre façon de remplir la table est la suivante :

Utilisez l’aide pour avoir plus de renseignements sur la fonction Tableajouteligne

Dans la zone « clic sur supligne » de « Supprimer », insérez le code suivant :

Ce code supprime la ligne sélectionnée dans la table.

Dans la zone « clic sur quitter » de « Quitter », insérez le code suivant :

Créez un projet exo1tp2 et une fenêtre nommée « départ » ressemblant à celle-ci :

Comme toujours, n’hésitez pas à utiliser l’aide.

17/11/2018 Travailler avec un fichier de données