Vous êtes sur la page 1sur 24

SUPPORT WINDEV NUMERO 1

29/01/2015

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 !

Support WinDev Numro 1

Support WinDev Numro 1


VERSION 19

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 19 en double cliquant sur son icne : .

La fentre d'accueil apparat :

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 :

http://www.btsig.org/

Jean-Luc Baptiste

Page 1 sur 23

Support WinDev Numro 1

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

Support WinDev Numro 1

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

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

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) 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

Support WinDev Numro 1

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

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

http://www.btsig.org/

Jean-Luc Baptiste

Page 7 sur 23

Support WinDev Numro 1

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

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

Support WinDev Numro 1

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

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/
23

Jean-Luc Baptiste

Page 11 sur

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/
23

Jean-Luc Baptiste

Page 12 sur

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/
23

Jean-Luc Baptiste

Page 13 sur

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/
23

Jean-Luc Baptiste

Page 14 sur

Support WinDev Numro 1

Donnez un nom cette fentre et un titre.


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

http://www.btsig.org/
23

Jean-Luc Baptiste

Page 15 sur

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 le bouton Enregistrer.

http://www.btsig.org/
23

Jean-Luc Baptiste

Page 16 sur

Support WinDev Numro 1

Cliquez sur le jet vert.

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/
23

Jean-Luc Baptiste

Page 17 sur

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

Support WinDev Numro 1

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

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.

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

Support WinDev Numro 1

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

Support WinDev Numro 1

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

Support WinDev Numro 1

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/
23

Jean-Luc Baptiste

Page 22 sur

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/
23

Jean-Luc Baptiste

Page 23 sur