Connaître les éléments de base de l'éditeur WinDev

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.

Article lu   fois.

L'auteur

Site personnel

Liens sociaux

Viadeo Twitter Facebook Share on Google+   

I. Présentation

Objectifs :Connaître les éléments de base de l'éditeur WinDev. Création d'un convertisseur Francs / Euro.
Pré requis :Aucun


Pour ce premier cours, nous allons créer un convertisseur Franc / Euro.


Lancer WinDev 10 en double cliquant sur son icône: Image non disponible.


La fenêtre d'accueil apparaît (si ce n'est pas le cas, fermez le projet, quittez puis relancez WinDev) :


Image non disponible


Cliquez sur Créer un projet.


La fenêtre Assistant vous indique qu'elle va vous aider en fonction de vos choix. On n'en attend pas moins d'elle.


Cliquez sur Suivant. Cette fenêtre va vous permettre de saisir le nom de ce nouveau projet et le lieu de stockage physique des éléments constitutifs.

Image non disponible


Inscrivez « convertisseur » dans la zone nom, il sera repris automatiquement dans le champ du bas. Continuez en cliquant sur Suivant.


Créez un Type de projet Exécutable puis Suivant.


Image non disponible


Comme vous travaillez seul pour cet écran, faites un clic sur suivant.


Image non disponible


Cliquez sur ne pas utiliser de charte de programmation et ensuite sur suivant.


Image non disponible


Prenez le Thème de Gabarit par défaut ou choisissez en un autre. Cliquez sur Suivant.


Image non disponible

Le choix des langues ne nous intéresse pas pour l'instant. Cliquez sur Suivant.


Image non disponible


Choisissez Ne pas utiliser d'Analyse puisque pour notre projet nous n'utiliserons pas de fichiers de données.

Image non disponible

Continuez en cliquant sur Suivant et Terminer.


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.


Image non disponible


A ce stade nous avons une fenêtre vide dans l'éditeur. Il nous reste à lui donner un nom, une taille et définir quelques comportements.


Placez la souris dans la fenêtre vierge et faites un clic droit. Dans ce menu contextuel, validez Description. Vous obtenez la fenêtre à remplir comme ci-dessous :


Image non disponible


Remplissez les divers champs de façons identiques et sélectionnez l'onglet IHM (Interface Homme-Machine).


Image non disponible


Changez la taille, le fait qu'elle ne sera pas redimensionnable puis validez par OK.

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


Image non disponible


Cliquez sur le bouton Enregistrer.


A l'intérieur de cette fenêtre, placez 4 objets : 3 "champs de saisie" et un bouton (faites un glisser/déposer ou drag & drop des champs dans la fenêtre « Bienvenue dans le méga convertisseur »).


Image non disponible


Le premier champ se nommera franc et aura comme libellé "Zone francs :". Cliquez 2 fois dessus pour en modifier les caractéristiques :


Image non disponible


Le second se nommera taux et aura comme libellé "Taux de change :".


Le troisième se nommera convertir et aura comme libellé "Résultat de la conversion :". Le bouton (sans cliquer sur la petite flèche vers le bas placée juste en dessous) enfin se nommera calcule et aura comme libellé "calcule".


Voici à quoi doit ressembler votre fenêtre (avec en surimpression le nom des champs) :


Image non disponible


Il nous reste à mettre le code correspondant dans le bouton "calcule". Pour cela, faites un clic droit dessus et choisissez "Code".


Image non disponible


Entrez la séquence comme indiqué ci-dessus puis fermez la fenêtre de l'éditeur de code : cliquez sur l'icône de fermeture en haut à droite de l'écran (croix du bas).


Image non disponible


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.

Image non disponible


WinDev vous demande de définir la première fenêtre de notre méga projet, choisissez "depart" 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 même 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 :


Pour la taille de la fenêtre, placez votre souris sur l'angle inférieur droit de la fenêtre "depart" :

Image non disponible


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.


La couleur de fond n'est pas très gaie. Clic droit n'importe où dans la fenêtre : Description, puis onglet Style etCombo "Gabarit en cours". Prenez Orange. Validez 2 fois par Ok.


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 !


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 saisieImage non disponible, frappez 9,99999. Appliquez les modifications puis cliquez sur le bouton Editer le codeImage non disponible (en bas à gauche).


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.


Image non disponible


Refermez la fenêtre en cliquant sur la croix du bas (en haut à droite).


Relancer le test de l'application en cliquant sur Image non disponible

et utilisez votre super convertisseur.

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

Vous avez aimé ce tutoriel ? Alors partagez-le en cliquant sur les boutons suivants : Viadeo Twitter Facebook Share on Google+   

  

Les sources présentées sur cette page sont libres de droits et vous pouvez les utiliser à votre convenance. Par contre, la page de présentation constitue une œuvre intellectuelle protégée par les droits d'auteur. Copyright © 2008 Jean Luc Baptiste. Aucune reproduction, même partielle, ne peut être faite de ce site et de l'ensemble de son contenu : textes, documents, images, etc. sans l'autorisation expresse de l'auteur. Sinon vous encourez selon la loi jusqu'à trois ans de prison et jusqu'à 300 000 € de dommages et intérêts.