_______________________________________________________________________________________

Formation WINDEV : Sance 1

Objectifs : - Connaitre les lments de base du logiciel - Syntaxe de base du W-Langage - Cration dun convertisseur Pr-requis : Aucun

Dans cette premire sance, nous allons crer un Multi-convertisseur dunit (monnaie).

I.

DmarrerWinDev11

Pour lancer WINDEV, il est prfrable de procder comme suite : - Cliquez sur dans le bureau - Parcourir le dossier lecteur:\windev 11\programmes\WinDev11.exe - Cliquez ensuite sur excuter La fentre de lapplication WinDev saffiche.

II.

Crerunprojet

Pour crer votre convertisseur, vous devez crer un Projet. Un projet sert pour rassembler lensemble des lments de votre future application (Fentres, bases de donnes, fichiers, images, vido,etc.). Pour crer un projet cliquez sur nouveau puis sur Crer un Projet :

_______________________________________________________________________________________ Lassistant de cration de projet saffiche, il va vous guider dans la cration de votre projet : - Donnez un nom descriptif pour votre projet (exemple : Multi-Convertisseur), Choisissez un emplacement ou seront mis les fichiers du projet et donnez une description de votre projet

Cliquez ensuite sur quipe (Menu gauche). Avec WinDev vous pouvez travailler en groupe sur le mme projet, comme vous pouvez travailler seul. Dans notre cas, et puisque notre future application est facile, chacun va travailler seul.

_______________________________________________________________________________________ - Cliquez ensuite sur Charte (Menu gauche). Une charte de programmation permet dunifier le style de la programmation et cela en utilisant des prfixes pour les variables est les champs selon leurs types, cela facilite la lecture du code.

Cliquez ensuite suivant, WinDev vous facilite la cration de linterface graphique de votre application, vous avez le choix entre plusieurs modles dinterfaces graphiques. Choisissez une ! Cliquez ensuite suivant et Choisissez la taille de votre fentre parmi les tailles standards ou dfinissez un taille (vous pouvez modifier la taille ultrieurement) Cliquez ensuite suivant, dans Windev vous pouvez crer des applications multilingues. Pour ne pas se compliquer la tche on va cre une application supportant le franais seulement.

_______________________________________________________________________________________ - Cliquez ensuite suivant, WinDev permet et facilite la cration de logiciel avec base de donnes. Mais cela sort du cadre de cette premire sance, dans on choisie de na pas utiliser de base de donnes. - Cliquez sur suivant puis sur terminer. Votre projet est crer, maintenant il faut crer les lments du projet.

III. Creretpersonnaliserunefentre
Pour cre une fentre, cliquez sur nouveau puis sur fentre.

Choisissez de crer une fentre vierge, ou choisissez assistance fentre vierge (cela va vous permettre de dfinir plusieurs paramtres de la fentre). Une fois votre fentre crer, vous pouvez la paramtrer (type, titre, taille, nom,) et ce avec un double clique sur la fentre (je vous laisse le soin de dcouvrir lensemble des possibilits offertes).

Enregistrer votre fentre.

_______________________________________________________________________________________

IV. Insertionetpersonnalisationdeschamps
Maintenant que vous avez cr une fentre, il ne vous reste qu positionner lensemble des champs ncessaires pour un convertisseur. Dans notre cas nous allons crer un convertisseur de Dirham en plusieurs devises internationales (euro, dollars, yen), pour cela nous avons besoin de : Un champ de saisie pour saisir la somme en dirhams Un champ Combo pour choisir la devise vers la quelle en veut convertir. Un champ de saisie pour afficher le rsultat de la conversion Un bouton de conversion

Alors : - Insrez les deux champs de saisie (SAI_Dirham, SAI_Convertie ) - Insrez le bouton (BTN_Convertir) - Insrez le champ Combo, une assistance souvre pour vous guider dans la cration de ce champ, juste cliquez sur terminer lassistant Pour personnaliser (nom, texte, taille, couleurs) un champ de saisie, double cliques dessous. Donnez des noms valides et significatifs pour vos champs. De mme pour le champ COMBO, dans le contenu initial crivez yen, dollar et euro chacune dans une ligne et dans Dtail (menu gauche) slectionnez retourne la valeur spcifier avec glien cela permet de tester le choix de lutilisateur en comparant avec le texte du champ pas avec la position du texte dans la COMBO.

_______________________________________________________________________________________ Et voila cest presque fini, votre fentre ressemble peut tre cette fentre ?

Vous pouvez la tester en cliquant sur le bouton de la barre doutils Tester fentre. Il ne reste que la partie programmation.

V.

Programmation

Le scnario de lapplication est trs simple : - Lutilisateur donne la somme en dirham - Lutilisateur choisit la devise vers laquelle il veut convertir la somme - Lutilisateur clique sur convertir - Le rsultat de la conversion saffiche dans le champ Somme convertie De ce scnario en remarque que la seule fonction assure par la fonction : quand lutilisateur clique sur le bouton lapplication calcule la somme convertie selon le choix et laffiche dans le champ rsultat. Voyons comme faire - Clique droite sur le bouton et choisissez Code - La fentre code saffiche - Insrez le code suivant

Et cest fait Votre convertisseur de devise est prt pour lemploi. La sance prochaine, nous allons apprendre crer des applications multi fentres, et utiliser dautres types de champs. Merci pour votre participation

_______________________________________________________________________________________

Exercice 1
Modifier les champs pour interdire la saisie des caractres et rendez le champ SAI_Convertie en affichage seul et non accessible par tabulation. Modifier votre programme pour que la conversion se fasse automatiquement lors du choix. Modifier le code en utilisant des SI ALORS au lieu de SELON

Exercice 2
Crez une nouvelle application nomme Exo2 contenant : Une fentre 4 champs de saisie o Nom (texte, taille 50 caractres, hauteur du champ 30, taille police 12 gras) o Prnom (texte, 50 caractres, hauteur du champ 30, taille police 12 gras) o Age (numrique<100, hauteur du champ 30, taille police 12 gras) o Rsultat 1 champ combo contenant : Madame, Monsieur, Mademoiselle Un bouton Lorsque lutilisateur clique sur le bouton dans le champ resultat doit safficher la phrase suivante : Bonjour (Madame, Monsieur, Mademoiselle : selon le choix de lutilisateur) Nom prnom, vous avez Age ans. Exemple : Bonjour Monsieur Michel Scofield vous avez 31 ans. Hint : la concatnation de chaine de caractre se fait grce +

_______________________________________________________________________________________

Formation WINDEV : Sance 2

Objectifs : 1. Cration dapplication multifentres 2. Manipulation de champs avec programmation 3. Utilisation des boites de dialogue Pr-requis : sance 1

Dans cette deuxime sance, nous allons crer une application multifentre utilisant divers champs et boites de dialogues et utilisant les mcanismes de communication entre fentres. Dmarrer WINDEV 11, et crer un projet nomm TP2 excutable Windows sans utilisation de base de donnes.

I.

Fentre1

Crer une nouvelle fentre, et spcifier sa taille de 800*600 et de titre Rpertoire des tudiants . Insrer les champs avec les caractristiques :

Nom et type du champ

SEL_Civilit : Slecteur Libell : Civilit

Caractristiques

Options : - Monsieur - Madame - Mademoiselle Nombre colonne : 3

SAI_Nom , SAI_Prenom : champ Saisie

Libell : Nom ; Prnom

COMBO_Niveau : Libell : Niveau champ Combo SAI_Adresse : champ de saisie Libell : Adresse Champ multi-lignes

IMG_Photo :

****

_______________________________________________________________________________________ image BTN_Inserer , BTN_Vider TABLE_Table : table Libell : Insrer ; Vider Libell : sans Colonne : 6 Libell des colonnes : libells de champs ci-dessus Type des colonnes : texte sauf pour limage Hauteur des lignes = largeur de la colonne image

Maintenant quon insrer les champs lmentaires, notre fentre ressemble quelque chose comme a :

Enregistrer votre fentre sous FEN_Principale.

_______________________________________________________________________________________

II.

Fentre2

Crer la fentre suivante :

Vous trouvez le champ pays prdfinit dans lapplication (cherchez )

III. Traitement
Nous allons apprendre manipuler lensemble des champs et des fentres pour assurer le fonctionnement dsir de lapplication. Le principe est simple :

1. Au chargement de la fentre FEN_P en remplit le champ combo COMBO_Niveau avec les valeurs :
o Premire anne o Deuxime anne o o Cinquime anne

Remplir le champ par programmation est trs pratique si les donnes ne sont pas connus au pralable (existe dans une base de donnes, un fichier)

2. En cliquant sur le champ IMG_Photo ouvre une boite de dialogue pour parcourir limage de
ltudiant, une fois limage slectionne elle doit tre affiche dans le champ image.

Retenir toute la syntaxe de la fonction fslecteur nest pas pratique, remarquez quune fois que vous ouvrer la parenthse de la fonction fslecteur le logiciel vous propose de lassistance gratuite !

_______________________________________________________________________________________

3. Une fois lutilisateur accde au champ SAI_Adresse la fentre FEN_Adresse souvre pour la saisie
de ladresse, ladresse est rcupre et afficher dans le ce champ.

Ce code implique que la fentre FEN_Adresse renvoie ladresse saisie. Donc la fermeture de cette fentre elle renvoie ladresse compose de la concatnation des champs (rue, ville, CP, pays)

Donc le rle du bouton BTN_OK sera de fermer la fentre

4. En cliquant sur BTN_Inserer ajoute ltudiant TABLE_table

Le champ SELECTEUR ne retourne que le numro de la slection, donc on doit corresponde le numro la civilit associ. Une fois cela est fait, on ajoute ltudiant la table.

La fonction TableAjoute() permet dinsrer des informations dans la table. TAB permet de se dplacer dans les colonnes sur la mme ligne. Et voila que notre application est prte pour lemploi, mais elle a plusieurs inconvnients : Une fois elle est ferme tous les donnes saisies sont perdus (la sance prochaine !) Il ny a pas de contrle de saisi des informations. Limage saffiche dform ou juste une partie de limage qui saffiche.

Exercice 1
Modifier votre application pour quelle contrle la saisie, et affiche les donnes correctement. Avec des boites de dialogues bien prcise pour demander lutilisateur de saisir des informations intgres. Astuces fonctions : Erreur(), info(), dialogue() Contrle champs : SI PAS champ=Null ALORS . FIN

_______________________________________________________________________________________

Formation WINDEV : Sance 3

Objectifs : 1. Cration et manipulation de base de donnes 2. Cration des tats 3. Cration de menus Pr-requis : sance 1 , sance 2 Dans cette sance, nous allons crer une application de gestion avec base de donnes. Cette application est une application pour la gestion des commandes clients.

1 Crationduprojetetdelabasededonnes
Comme dhabitude crer un nouveau projet, mais cette nous allons crer une base de donnes.

Cliquer sur suivant, la fentre suivante vous demande de spcifier lemplacement ou vous voulez stocker lanalyse et le nom de lanalyse, aussi vous pouvez donner une description de votre analyse.

_______________________________________________________________________________________ Cliquer ensuite sur suivant, lassistant vous invite spcifier un mot de passe. Il sera utilis pour contrler laccs la base de donnes et cela pour assurer la scurit des donnes.

Cliquer sur suivant, lassistant vous invite choisir la base de donnes que vous voulez utiliser. Remarquer le grande varit de base de donnes que vous pouvez manipuler avec WINDEV de la plus forte ORACLE vers la plus faible Microsoft Access. La base de donnes la plus facile manipuler et la plus rapide et Hyper File. Choisissez HyperFileClassic.

Cliquer sur suivant, et terminer lassistant. Maintenant nous allons crer le module logique des donnes MLD, qui est limplantation et la structure de notre base de donnes. Notre MLD va contenir : Fichier des commande : #NCommande , DateCommande Fichier des client : #RC , RaisonSociale, Adresse Fichier des article : #RefArticle , dsignation , PU

_______________________________________________________________________________________ Crer ces fichiers en utilisant la suivante

Cliquez sur Crer un fichier Choisissez Crer une nouvelle description de fichier Donner le nom de votre fichier Commande Choisissez HyperFileClassic comme base de donnes Terminer lassistant Crer les champs de votre fichier commande (NCommande,dateCommande)

Faite de mme pour les fichiers Client et Article

Maintenant il faut crer les relations entre les fichiers : Un client peut faire une ou plusieurs commandes Une commande contient un ou plusieurs articles Une commande est faite par un et un seul client Un article appartient un ou plusieurs commandes

_______________________________________________________________________________________ Utiliser le bouton Crer une liaison partie de la barre doutils. Un assistant saffiche pour vous aider dans la cration de la liaison. Suivre les tapes :

Dfinissez les cardinalits en rpondant aux questions! Windev ajoute un fichier de liaison si ncessaire. Cliquez sur suivant jusqu la fin de lassistant. Ainsi la liaison entre vos fichiers commande et client est cre. Faite de mme pour dfinir les autres liaisons. Modifier le fichier de liaison entre Commande et Article et ajouter lattribue Quantit.

2 Crationdelafentreprincipale
Crer une nouvelle fentre vierge : Crer le menu principale : pour crer un menu cliquez sur fentres>Menu Principal>Ajouter le menu principale il va contenir deux menus : - Fichier : Imprimer (ctrl+I) Quiter (ctrl+X) - Gestion : Clients Articles

_______________________________________________________________________________________ Crer les lments de la fentre rapidement

3 Crationdesfentresdegestion
3.1 Interface
Pour conomiser le temps de dveloppement, nous allons utiliser la fonctionnalit RID pour la gnration des interfaces. Nous allons crer deux types dinterfaces : Fiche pour lajout et la modification des donnes, Table pour laffichage des donnes. Choisissez nouvelle fentre et puis RID

Choisissez Fiche simple : on va lutiliser pour modifier et pour ajouter de nouveaux clients. Lassistant saffiche : Choisissez la table client, slectionnez tous les champs et donnez comme nom FEN_Fiche_Client. Une fentre fiche client est cre, contenant 3 champs et 2 bouton. Crer une autre fentre du mme type pour la table article ( FEN_Fiche_Article). Crer deux autres fentres de type table pour article et pour client.

_______________________________________________________________________________________

3.2 CrationdesETATS
Un ETAT est une page de donnes imprimable ou exportable sous plusieurs formats de document (Excel, Word, PDF, XML). Il permet dimprimer les donnes prsentes dans la table sous forme personnalise. Pour crer un ETAT cliquez sur nouveau>tat lassistant va vous guider dans la cration de vote tat - Choisissez tableau comme type de ltat

Cliquez sur suivant, et choisissez comme source de donne un Champ Table

Choisissez ensuite la table de provenance de donne, nous allons crer deux tats une pour les clients et une pour les articles

Voir les autres paramtres que vous pouvez personnaliser : orientation de la feuille, format Donnez un nom significatif votre tat (exemple ETAT_Articles) et terminez lassistant. Modifier le titre de ltat : exemple Catalogue Article Enregistrer ltat.

_______________________________________________________________________________________

3.3 Programmation
Attention : Crer la base de donnes HCrationSiInexistant("*")

3.3.1 Fiche
Les fentres fiche doivent permettre soit lajout soit la modification des donnes. Donc on doit lui passer un paramtre pour quelle sache le traitement quelle va effectuer. De ce fait ouvrer son code et dans dclaration globales crer une procdure de mme nom que la fentre appeler Constructeur.

Dans initialisation de la fentre, on doit effectuer un traitement : si le paramtre est gal 1 alors la fentre est ouverte pour modifier les donnes, donc on doit afficher ces donnes dans les champs.

Lors du clique sur le bouton OK, on doit soit ajouter de nouvelle donnes, soit modifier les donnes

Lorsquon clique sur annuler, on ferme la fentre, remarquer que cest dj fait par WINDEV. Faite de mme pour la fiche client, on faisant attention aux paramtres des fonctions.

3.3.2 Table
La fonction dune fentre table est dafficher lensemble des enregistrements prsents dans la base de donnes. Et douvrir les fentres fiches pour modifier ou ajouter des donnes. Pour afficher des donnes dans la table, on doit remplir la table chaque reprise de focus de la fentre :

Quand on clique sur le bouton Nouveau, on ouvre la fiche avec le paramtre 0 : Quand on clique sur le bouton Modifier, on ouvre la fiche avec le paramtre 1.

_______________________________________________________________________________________ - Quand on clique sur le bouton supprimer, on supprimer larticle slectionn aprs confirmation de lutilisateur, pour cela :

Et enfin, quand on clique sur le bouton Imprimer, on doit imprimer la liste des articles que la socit vend ce qui veux dire on doit imprimer ltat des articles prcdemment cre.

Faite de mme pour la fiche client, on faisant attention aux paramtres des fonctions.

3.3.3 Lafentreprincipale
A chaque reprise de focus, on doit remplir la liste des clients COMBO avec leurs RC

Lajout darticle dans la commande se fasse par clique sur le bouton + On affiche la fentre de type table client, on rcupre un article (noubliez pas RENVOYER) On demande ensuite la quantit de larticle On ajoute larticle la table

Le clique sur le bouton - supprime larticle de la commande aprs confirmation ( vous ) En cliquant sur enregistrer, on doit enregistrer la commande

Je vous laisse le soin de complter les autres boutons et amliorer lapplication (historique des commandes, impression des commandes, contrle de saisie, ajout dautres champs dans la base de donnes, sous menu nouveau (article, client), librez votre imagination