Jean-Luc Baptiste

SUPPORT WINDEV NUMERO 1

29/10/2010

Prsentation et premier dveloppement

guid
L'objectif de ce premier support est de vous faire
programmer de faon simple tout en vous accompagnant pour
que vous preniez confiance en vous !

Jean-Luc Baptiste
Support WinDev Numro 1

Support WinDev Numro 1

VERSION 15

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.

Lancez WinDev 15 en double cliquant sur son icne :

La fentre d'accueil apparat (si ce nest pas le cas, fermez le projet, quittez puis relancez WinDev) :

http://www.btsig.org/

Hberg par Kalanda

Page 1

Jean-Luc Baptiste
Support WinDev Numro 1

Cliquez sur Crer un projet.

A partir de maintenant, vous allez tre pris en main par un assistant qui va vous aider dfinir les
grandes options de votre projet de dveloppement.
La fentre suivante doit apparaitre :

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'icone permettant
d'aller sur l'cran suivant.

http://www.btsig.org/

Hberg par Kalanda

Page 2

Jean-Luc Baptiste
Support WinDev Numro 1

L, vous avez la possibilit de rajouter des documents au projet, on pourrait imaginer que vous vouliez
stocker des documents affrents a 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/

Hberg par Kalanda

Page 3

Jean-Luc Baptiste
Support WinDev Numro 1

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). Sur une plateforme Linux ou Apple via l'archive
Java et dans la future version 16, vous pourrez lancer de faon native une compilation vers 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.

http://www.btsig.org/

Hberg par Kalanda

Page 4

Jean-Luc Baptiste
Support WinDev Numro 1

Ici, nous confirmons que la plate-forme de destination est bien une plate-forme Windows. Passons la
suite.

http://www.btsig.org/

Hberg par Kalanda

Page 5

Jean-Luc Baptiste
Support WinDev Numro 1

Un chef de projet aura cur de grer les dates de fin du projet. Nous, vu l'ampleur de la tche qui
nous attend, nous allons nous contenter de cliquer sur le bouton suivant !!.

http://www.btsig.org/

Hberg par Kalanda

Page 6

Jean-Luc Baptiste
Support WinDev Numro 1

A moins que vous soyez plusieurs a travailler sur ce projet, cliquez sur le choix Non, Travailler seul...

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.

http://www.btsig.org/

Hberg par Kalanda

Page 7

Jean-Luc Baptiste
Support WinDev Numro 1

La charte de programmation vous prfixe les nom de variables de faon automatique. Nous allons faire
sans.

http://www.btsig.org/

Hberg par Kalanda

Page 8

Jean-Luc Baptiste
Support WinDev Numro 1

La charte graphique vous permet de donner un look sympa et sans effort votre application. Pour ma
part j'ai choisi iStyle.

Cet assistant nous propose de dfinir ds prsent la taille de nos fentre par dfaut. Laissons les choix
proposs par dfaut et passons l'cran suivant.

http://www.btsig.org/

Hberg par Kalanda

Page 9

Jean-Luc Baptiste
Support WinDev Numro 1

Un programme peut tre prvu pour plusieurs pays. Dans ce cas vous pouvez ds le dbut du projet
dfinir les langues qui seront utilises. Tout 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/

Hberg par Kalanda

Page 10

Jean-Luc Baptiste
Support WinDev Numro 1

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
pour terminer l'assistance.

http://www.btsig.org/

Hberg par Kalanda

Page 11

Jean-Luc Baptiste
Support WinDev Numro 1

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/

Hberg par Kalanda

Page 12

Jean-Luc Baptiste
Support WinDev Numro 1

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/

Hberg par Kalanda

Page 13

Jean-Luc Baptiste
Support WinDev Numro 1

Ce menu contextuel est le point de dpart de la personnalisation de la fentre. Cliquez sur Description :

http://www.btsig.org/

Hberg par Kalanda

Page 14

Jean-Luc Baptiste
Support WinDev Numro 1

Donnez un nom cette fentre et un titre.

Slectionnez l'onglet IHM (Interface Homme-Machine).

http://www.btsig.org/

Hberg par Kalanda

Page 15

Jean-Luc Baptiste
Support WinDev Numro 1

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 Fichier puis Enregistrer.

http://www.btsig.org/

Hberg par Kalanda

Page 16

Jean-Luc Baptiste
Support WinDev Numro 1

Cliquez sur le bouton Enregistrer.

http://www.btsig.org/

Hberg par Kalanda

Page 17

Jean-Luc Baptiste
Support WinDev Numro 1

A l'intrieur de cette fentre, nous allons maintenant placer 4 objets : 3 "champs de

saisie" et un bouton (faites un glisser/dposer ou drag & drop des champs dans la
fentre )

Voici a quoi pourrait ressembler votre fentre :

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/

Hberg par Kalanda

Page 18

Jean-Luc Baptiste
Support WinDev Numro 1

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 saisie. Ici le chiffre aura au maximum 5 chiffres avant la
virgule et 2 aprs.
Validez cette description.

http://www.btsig.org/

Hberg par Kalanda

Page 19

Jean-Luc Baptiste
Support WinDev Numro 1

Vous voyez immdiatement le rsultat ! Nous pouvons maintenant modifier le second champ.
Sur le mme principe que le champ prcdent le second se nommera taux et aura comme libell "Taux
de change :".

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".

Voici quoi doit ressembler votre fentre.

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.

http://www.btsig.org/

Hberg par Kalanda

Page 20

Jean-Luc Baptiste
Support WinDev Numro 1

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.
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 champs ds que vous avez saisie 3 caractres. Cet une aide apprciable !
Il est temps d'enregistrer notre projet par le menu Fichier / Enregistrer tout.
Une fois l'enregistrement achev, nous allons tester le projet, pour cela cliquez sur Lancer le test du
projet.

http://www.btsig.org/

Hberg par Kalanda

Page 21

Jean-Luc Baptiste
Support WinDev Numro 1

WinDev vous demande de dfinir la premire fentre de notre mga projet, choisissez "Dpart" dans la
combo et validez.
Vous avez maintenant devant vous notre super convertisseur. Mais avouez qu'il est franchement moche :
- trop grand ;
- couleurs tristes ;
- et mme 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 :
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.

http://www.btsig.org/

Hberg par Kalanda

Page 22

Jean-Luc Baptiste
Support WinDev Numro 1

La couleur de fond n'est pas trs gaie. Clic droit nimporte o dans la fentre : Description, puis onglet
Style et Combo "Gabarit en cours". Prenez ActivPhone. Validez 2 fois par Ok.
Ce nest pas plus beau ainsi ? Quoi, bof ?! De toute faon maintenant vous savez faire, alors prenez la
couleur qui vous plait le plus !

Voil mon rsultat moi !

Changeons le comportement du bouton "taux", faites un clic droit dessus, Description. Vrifiez que le
type soit Numrique. Maintenant dans la zone Masque de saisie, frappez 9,99999. Appliquez les
modifications puis dans le menu contextuel choisissez l'option Code.

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

et utilisez votre super convertisseur.

Cest y pas beau ?

Merci d'tre arriv jusqu'ici sans abandonner en route ! Pour vous entrainer voici un petit exercice
rcapitulatif qui sera not ! (non, je plaisante !)

http://www.btsig.org/

Hberg par Kalanda

Page 23

Jean-Luc Baptiste
Support WinDev Numro 1

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/

Hberg par Kalanda

Page 24