Professional Documents
Culture Documents
29/01/2015
PRSENTATION DE WINDEV
Ce support est conu 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 crer un convertisseur Franc / Euro.
http://www.btsig.org/
Jean-Luc Baptiste
Page 1 sur 23
Comme vous le voyez avec Windev, vous pouvez crer une multitude de types dapplications. Nous allons
choisir Application Windows ou Linux . Lassistant de cration de projet se mets en uvre.
http://www.btsig.org/
Jean-Luc Baptiste
Page 2 sur 23
A l'emplacement Nom du projet saisissez Convertisseur, l'emplacement va se dfinir par dfaut. Vous
pouvez rajouter un petit rsum caractrisant votre applicatif. Ensuite cliquez sur l'icne permettant
d'aller sur l'cran suivant.
http://www.btsig.org/
Jean-Luc Baptiste
Page 3 sur 23
L, vous avez la possibilit de rajouter des documents au projet, on pourrait imaginer que vous vouliez
stocker des documents affrents votre logiciel. Par exemple les modles 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 !
http://www.btsig.org/
Jean-Luc Baptiste
Page 4 sur 23
Ici, l'assistant vous demande de prciser votre choix de gnration, ou mme la plateforme sur laquelle
votre projet va s'excuter. Comme vous le voyez, vous pouvez crer des logiciels qui vont pouvoir
s'excuter sur une plateforme Windows (32 ou 64 bits) ou sur une plateforme Linux.
Nous, nous allons choisir de crer un excutable (.exe) pour la plateforme Windows. Laissons donc le
choix par dfaut 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.
http://www.btsig.org/
Jean-Luc Baptiste
Page 5 sur 23
Le Gds permet de centraliser les lments constitutifs du projet sur un serveur, un NAS, etc. Cel est utile
pour partager les sources avec plusieurs dveloppeurs. Dans notre cas nous choisissons le choix Non, ne
pas utiliser le GDS.
La charte de programmation vous prfixe les noms de variables de faon automatique. Nous allons faire
sans.
http://www.btsig.org/
Jean-Luc Baptiste
Page 6 sur 23
La charte graphique vous permet de donner un look sympa et sans effort votre application. Pour ma
part j'ai choisi ActivUbuntu.
http://www.btsig.org/
Jean-Luc Baptiste
Page 7 sur 23
Cet assistant nous propose de dfinir ds prsent la taille de nos fentres par dfaut. Laissons les choix
proposs par dfaut et passons l'cran suivant.
http://www.btsig.org/
Jean-Luc Baptiste
Page 8 sur 23
Un programme peut tre prvu pour plusieurs pays. Dans ce cas vous pouvez ds le dbut du projet
dfinir les langues qui seront utilises. Tous vos textes pourront tre saisis en plusieurs langues et votre
applicatif sera customis dans la langue de l'utilisateur de faon automatique. Nous, nous allons rester sur
le Franais.
http://www.btsig.org/
Jean-Luc Baptiste
Page 9 sur 23
Ici, vous pouvez choisir de faire lancer une fentre Le saviez-vous donnant des conseils ou astuces
pour votre application. Dans le cadre de notre projet nous allons nous en passer.
http://www.btsig.org/
23
Jean-Luc Baptiste
Page 10 sur
Pour ce projet, nous n'allons pas utiliser de base de donnes, prenez le choix Non, ne pas utiliser de
base de donnes.
Voil, l'assistant vient de dfinir certains de nos besoins et est termin. Vous pouvez cliquer sur
http://www.btsig.org/
23
Jean-Luc Baptiste
Page 11 sur
L'assistant va vous poser la dernire question ? Voulez-vous crer une fentre ? Cliquez Crer une
fentre puis choisissez Vierge dans l'onglet Standard. Validez par OK.
Nous voici enfin arriv dans le vif du sujet !
http://www.btsig.org/
23
Jean-Luc Baptiste
Page 12 sur
Voil la fentre standard vide, nous pouvons tout modifier : le titre, la taille, les comportements par
dfauts etc...
Nous allons commencer les modifications de base. Pour cela placez le curseur de la souris n'importe o
dans la fentre et faites un clic droit. Un menu contextuel doit apparaitre :
http://www.btsig.org/
23
Jean-Luc Baptiste
Page 13 sur
Ce menu contextuel est le point de dpart de la personnalisation de la fentre. Cliquez sur Description :
http://www.btsig.org/
23
Jean-Luc Baptiste
Page 14 sur
http://www.btsig.org/
23
Jean-Luc Baptiste
Page 15 sur
Changez la taille, le fait quelle ne sera pas redimensionnable puis validez en cliquant sur le jet vert.
Remarquez les diffrences, vous avez maintenant une fentre avec un nom, un titre et une taille dfinie.
Il est temps de sauvegarder, Cliquez sur le bouton Enregistrer.
http://www.btsig.org/
23
Jean-Luc Baptiste
Page 16 sur
Le premier champ se nommera francs et aura comme libell "Zone francs :". Cliquez 2 fois dessus pour
en modifier les caractristiques :
http://www.btsig.org/
23
Jean-Luc Baptiste
Page 17 sur
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 dfini 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 aprs.
Validez cette description.
Vous voyez immdiatement le rsultat ! Nous pouvons maintenant modifier le second champ.
http://www.btsig.org/
23
Jean-Luc Baptiste
Page 18 sur
Sur le mme principe que le champ prcdent le second se nommera taux et aura comme libell "Taux
de change :".Bien videment il sera de type numrique.
Le troisime champ se nommera convertir et aura comme libell "Rsultat 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".
Comme vous le voyez il existe 2 zones de saisie de code : Une nomme Initialisation de Calcule et
l'autre Clic sur Calcule.
Le code inscrit dans la premire zone s'activera lors de la cration du bouton, c'est a dire avant que la
fentre soit active pour l'utilisateur. Ce peut tre utile dans certain cas pour changer le libell du bouton
en fonction d'un contexte particulier.
http://www.btsig.org/
23
Jean-Luc Baptiste
Page 19 sur
Le code inscrit dans la seconde zone est celui qui nous intresse le plus. Le code qui est dans cette partie
est excut chaque fois que l'utilisateur clique sur le bouton.
Nous allons le programmer pour que la zone convertir affiche le rsultat de la conversion Francs par
taux.
Saisissez comme ci-dessus. Vous allez remarquer le mcanisme de compltion automatique du code qui
vous propose le nom du champ ds que vous avez saisie 3 caractres. Cest une aide apprciable !
Il est temps d'enregistrer notre projet en cliquant sur licne denregistrement.
Une fois l'enregistrement achev, nous allons tester le projet, pour cela cliquez sur Lancer le test du
projet.
WinDev vous demande de dfinir la premire fentre de notre mga projet, choisissez "Dpart" dans la
combo et validez.
Si vous voyez la fentre suivante, cliquez sur ne plus afficher et ensuite sur le bouton Iconiser
http://www.btsig.org/
23
Jean-Luc Baptiste
Page 20 sur
Vous avez maintenant devant vous notre super convertisseur. Mais avouez qu'il est franchement moche :
- trop grand ;
- Des comportements par dfaut 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 aprs la virgule ! De plus vous allez tre oblig
de le saisir chaque fois !!! Ah, c'est beau l'informatique !!!
Nous allons remdier tous ces petits dtails.
Tout dabord fermer lexcutable en cliquant sur la croix en haut droite pour revenir en mode dition.
Pour la taille de la fentre, placez votre souris sur l'angle infrieur droit de la fentre "Dpart" :
Une fois que le curseur change d'aspect, tenez appuy le bouton gauche de la souris et remontez vers
l'angle suprieur gauche. Relchez la souris quand la taille souhaite sera atteinte.
Ce nest pas plus beau ainsi ? Quoi, bof ?! De toute faon maintenant vous savez faire, alors prenez la
couleur qui vous plait le plus !
http://www.btsig.org/
23
Jean-Luc Baptiste
Page 21 sur
Insrer le code : MoiMme=6.55957 dans la zone "Initialisation de Taux". Ainsi chaque dmarrage du
convertisseur, la zone de saisie sera remplie. Notez que nous aurions pu crire : taux=6.55957.
MoiMme dsigne l'objet dans lequel on se trouve.
Relancer le test de l'application en cliquant sur
http://www.btsig.org/
23
Jean-Luc Baptiste
Page 22 sur
EXERCICE APPLICATIF.
Crez une application EXO1 contenant :
une fentre
2 champs textes
1 champ numrique
1 bouton
Lorsque lutilisateur clique sur le bouton, les champs textes se remplissent avec votre nom dans le premier
champ, votre prnom dans le deuxime champ texte et votre anne de naissance dans le champ
numrique que vous aurez pr-programms.
Vous avez toute libert au niveau de lergonomie, du nommage des champs, de la fentre, du bouton. Je
vous rappelle que tout le code doit tre contenu dans le bouton.
http://www.btsig.org/
23
Jean-Luc Baptiste
Page 23 sur