la valeur ajoutée de ceratine fonction de windev

Embed Size (px)

DESCRIPTION

ameliorer vos compétences avec les outils de windev version 18

Citation preview

  • 7/18/2019 la valeur ajoute de ceratine fonction de windev

    1/35

    "Minilab " WinDev Crer un lecteur de pense WinDev 12

    Jean-Luc Baptiste www.btsig.org Page 1 / 1

    Cours WinDev Numro 12

    Objectifs : Crer un lecteur de pense

    Gestion de tableau 1 dimension.

    Cration de procdure.Gestion de table mmoire.Gestion des nombres alatoires.

    Pr-requis : Aucun

    Nous allons crer un nouveau projet nomm tp12.Cliquez sur Fichier puis Nouveau.

    Ensuite, dans le carrousel choisissez Projet (Limmense P jaune) :

  • 7/18/2019 la valeur ajoute de ceratine fonction de windev

    2/35

  • 7/18/2019 la valeur ajoute de ceratine fonction de windev

    3/35

  • 7/18/2019 la valeur ajoute de ceratine fonction de windev

    4/35

    "Minilab " WinDev Crer un lecteur de pense WinDev 12

    Jean-Luc Baptiste www.btsig.org Page 4 / 4

    Comme nous navons aucun document ajouter, nous pouvons cliquer sur Suivant.

  • 7/18/2019 la valeur ajoute de ceratine fonction de windev

    5/35

    "Minilab " WinDev Crer un lecteur de pense WinDev 12

    Jean-Luc Baptiste www.btsig.org Page 5 / 5

    Ici, lassistant nous demande ce que nous voulons raliser, le choix par dfaut Excutable (.exe) nous convient, cliquons sur le bouton Suivant.

  • 7/18/2019 la valeur ajoute de ceratine fonction de windev

    6/35

    "Minilab " WinDev Crer un lecteur de pense WinDev 12

    Jean-Luc Baptiste www.btsig.org Page 6 / 6

    Le choix par dfaut Plate-forme Windows nous convient, cliquons sur Suivant.

  • 7/18/2019 la valeur ajoute de ceratine fonction de windev

    7/35

    "Minilab " WinDev Crer un lecteur de pense WinDev 12

    Jean-Luc Baptiste www.btsig.org Page 7 / 7

    Ici, vu la modestie de notre projet, nous allons rien modifier cet cran et passerdirectement au suivant.

  • 7/18/2019 la valeur ajoute de ceratine fonction de windev

    8/35

    "Minilab " WinDev Crer un lecteur de pense WinDev 12

    Jean-Luc Baptiste www.btsig.org Page 8 / 8

    L non plus, nous navons rien indiquer, hop suivant !

  • 7/18/2019 la valeur ajoute de ceratine fonction de windev

    9/35

    "Minilab " WinDev Crer un lecteur de pense WinDev 12

    Jean-Luc Baptiste www.btsig.org Page 9 / 9

    Ici, indiquez que vous travaillez seul et cliquez sur Suivant.

  • 7/18/2019 la valeur ajoute de ceratine fonction de windev

    10/35

    "Minilab " WinDev Crer un lecteur de pense WinDev 12

    Jean-Luc Baptiste www.btsig.org Page 10 / 10

    Nous nallons pas utiliser le gestionnaire de sources, un clic sur Suivant.

  • 7/18/2019 la valeur ajoute de ceratine fonction de windev

    11/35

    "Minilab " WinDev Crer un lecteur de pense WinDev 12

    Jean-Luc Baptiste www.btsig.org Page 11 / 11

    Nous nallons pas demander WinDev de prfixer nos variables et autres objets,choisissez le choix Non, ne pas utiliser de charte de programmation etSuivant.

  • 7/18/2019 la valeur ajoute de ceratine fonction de windev

    12/35

    "Minilab " WinDev Crer un lecteur de pense WinDev 12

    Jean-Luc Baptiste www.btsig.org Page 12 / 12

    Ici, vous pouvez choisir une charte graphique, par exemple MediaPlayerpuis un clicsur Suivant.

  • 7/18/2019 la valeur ajoute de ceratine fonction de windev

    13/35

    "Minilab " WinDev Crer un lecteur de pense WinDev 12

    Jean-Luc Baptiste www.btsig.org Page 13 / 13

    Nous garderons le choix propos par dfaut, cliquez juste sur Suivant.

  • 7/18/2019 la valeur ajoute de ceratine fonction de windev

    14/35

    "Minilab " WinDev Crer un lecteur de pense WinDev 12

    Jean-Luc Baptiste www.btsig.org Page 14 / 14

    Notre projet ne grera aucune autre langue que le franais, vous pouvez cliquerdirectement sur le bouton Suivant.

  • 7/18/2019 la valeur ajoute de ceratine fonction de windev

    15/35

    "Minilab " WinDev Crer un lecteur de pense WinDev 12

    Jean-Luc Baptiste www.btsig.org Page 15 / 15

    Nous nutiliserons pas de base de donnes, slectionnez ce choix-l et cliquez sur lebouton Suivant.

  • 7/18/2019 la valeur ajoute de ceratine fonction de windev

    16/35

    "Minilab " WinDev Crer un lecteur de pense WinDev 12

    Jean-Luc Baptiste www.btsig.org Page 16 / 16

    Nous voici arriv la fin de lassistant vous pouvez cliquer sur le Jet vert.

  • 7/18/2019 la valeur ajoute de ceratine fonction de windev

    17/35

    "Minilab " WinDev Crer un lecteur de pense WinDev 12

    Jean-Luc Baptiste www.btsig.org Page 17 / 17

    WinDev nous demande ce que lon veut raliser, cliquez sur Aller directementdans lditeur de WinDev

    Si vous tes sous le tableau de bord :

  • 7/18/2019 la valeur ajoute de ceratine fonction de windev

    18/35

    "Minilab " WinDev Crer un lecteur de pense WinDev 12

    Jean-Luc Baptiste www.btsig.org Page 18 / 18

    Cliquez sur licne Afficher le graphe du projet:

  • 7/18/2019 la valeur ajoute de ceratine fonction de windev

    19/35

    "Minilab " WinDev Crer un lecteur de pense WinDev 12

    Jean-Luc Baptiste www.btsig.org Page 19 / 19

    Nous allons crer maintenant la seule et unique fentre du projet. Cliquez sur Fichierpuis Nouveaupuis dans le carrousel choisissez Fentre.

    Choisissez ensuite Vierge.

  • 7/18/2019 la valeur ajoute de ceratine fonction de windev

    20/35

    "Minilab " WinDev Crer un lecteur de pense WinDev 12

    Jean-Luc Baptiste www.btsig.org Page 20 / 20

    Cliquez sur le Jet vert la nouvelle fentre doit apparatre lcran. Faites un clic droit lintrieur de la fentre pour faire surgir le menu contextuel.

  • 7/18/2019 la valeur ajoute de ceratine fonction de windev

    21/35

    "Minilab " WinDev Crer un lecteur de pense WinDev 12

    Jean-Luc Baptiste www.btsig.org Page 21 / 21

    Choisissez le choix Description. Remplissez les champs comme illustrs ci-dessous :

    Ensuite, cliquez sur le Jet vert. Nous allons maintenant enregistrer cette nouvellefentre. Pour cela cliquez sur Fichierpuis Enregistrer sous

  • 7/18/2019 la valeur ajoute de ceratine fonction de windev

    22/35

    "Minilab " WinDev Crer un lecteur de pense WinDev 12

    Jean-Luc Baptiste www.btsig.org Page 22 / 22

    Validez en cliquant sur le bouton Enregistrer.

    Nous allons nous consacrer aux objets ncessaires et ensuite au code.Nous allons commencer par insrer un champ libell

    Positionnez-le comme ceci :

    Faites un clic droit dessus pour faire apparatre le menu contextuel et choisissez lemenu Description.Modifiez comme indiqu ci-dessous :

  • 7/18/2019 la valeur ajoute de ceratine fonction de windev

    23/35

    "Minilab " WinDev Crer un lecteur de pense WinDev 12

    Jean-Luc Baptiste www.btsig.org Page 23 / 23

    Validez votre saisie en cliquant sur le jet vert.

    Nous allons mettre en forme ce libell. Pour cela cliquez dessus :

    Regardez en bas et droite de votre diteur de fentre vous devriez voir ceci :

  • 7/18/2019 la valeur ajoute de ceratine fonction de windev

    24/35

    "Minilab " WinDev Crer un lecteur de pense WinDev 12

    Jean-Luc Baptiste www.btsig.org Page 24 / 24

    Nous pouvons lire le nom de notre objet libell, son positionnement lintrieur de lafentre et sa taille. Nous allons modifier les deux dernires zones de la faonsuivante :

    Voici le nouveau libell :

    Maintenant nous allons insrer une table mmoire. Cliquez sur cette icne :

    Un assistant de cration de table se dclenche :

  • 7/18/2019 la valeur ajoute de ceratine fonction de windev

    25/35

    "Minilab " WinDev Crer un lecteur de pense WinDev 12

    Jean-Luc Baptiste www.btsig.org Page 25 / 25

    ce stade, cliquez sur suivant.

  • 7/18/2019 la valeur ajoute de ceratine fonction de windev

    26/35

    "Minilab " WinDev Crer un lecteur de pense WinDev 12

    Jean-Luc Baptiste www.btsig.org Page 26 / 26

    Choisissez une table en affichage et sans bandeau de slection. Cliquez ensuite sursuivant.

    Comme ci-dessus, choisissez 10 colonnes et 10 lignes puis cliquez sur suivant.

  • 7/18/2019 la valeur ajoute de ceratine fonction de windev

    27/35

    "Minilab " WinDev Crer un lecteur de pense WinDev 12

    Jean-Luc Baptiste www.btsig.org Page 27 / 27

    Vrifiez que vous avez les mmes informations que ci-dessus et cliquez ensuite sur lejet vert.

    Voil votre table mmoire est positionne, il reste plus qu la mettre en forme.

    En premier lieu nous allons enlever laffichage des titres de colonne. Pour cela, faitesun clic droit sur la table et choisissez Description.

  • 7/18/2019 la valeur ajoute de ceratine fonction de windev

    28/35

    "Minilab " WinDev Crer un lecteur de pense WinDev 12

    Jean-Luc Baptiste www.btsig.org Page 28 / 28

    Cliquez sur longlet Style.

  • 7/18/2019 la valeur ajoute de ceratine fonction de windev

    29/35

    "Minilab " WinDev Crer un lecteur de pense WinDev 12

    Jean-Luc Baptiste www.btsig.org Page 29 / 29

    Choisissez Titre de colonnedans la combo lmentet Sans Libelldans la comboPosition. Cliquez ensuite sur le jet vert pour valider vos modifications.

    Comme le style par dfaut a t modifi, WinDev vous propose dajouter ce nouveaustyle au projet. Cliquez sur le jet vert. Si vous rencontrez un problme lenregistrement slectionnez Dissocier le champ.

  • 7/18/2019 la valeur ajoute de ceratine fonction de windev

    30/35

    "Minilab " WinDev Crer un lecteur de pense WinDev 12

    Jean-Luc Baptiste www.btsig.org Page 30 / 30

    Maintenant, nous allons rduire la largeur de chaque colonne. Pour cela, cliquez sur lapremire des dix colonnes.

    Voici ce que vous devriez voir en bas droite. Remplacez 100x186 par 50x186. Celaaura pour effet de diviser la largeur de la colonne par 2. Rpter cette manipulationpour les 9 autres colonnes.

    Voici ce que vous devriez obtenir aprs rduction des largeurs de colonne etrajustement de la largeur globale de la table.

    Nous allons faire disparatre lascenseur vertical. Pour cela, cliquez sur la table avec lebouton droit de la souris pour faire apparatre le menu contextuel et cliquez ensuitesur Description. Allez sur longlet Dtail puis dans la zone Paramtre ascenseurchoisissiez nondans la combo ascenseur horizontalet ascenseur vertical. Il nevous reste qu valider et enregistrer la fentre.

    Le dernier objet placer et un bouton.

    Crez-en un et placez-le comme ceci :

  • 7/18/2019 la valeur ajoute de ceratine fonction de windev

    31/35

    "Minilab " WinDev Crer un lecteur de pense WinDev 12

    Jean-Luc Baptiste www.btsig.org Page 31 / 31

    Nous allons lui donner un nom et un libell plus explicite. Faites un clic droit dessus etchoisissez Description.

    Modifiez le nom et le libell comme ci-dessus. Ensuite, validez.Nhsitez pas retailler la fentre pour quelle ressemble ceci :

  • 7/18/2019 la valeur ajoute de ceratine fonction de windev

    32/35

    "Minilab " WinDev Crer un lecteur de pense WinDev 12

    Jean-Luc Baptiste www.btsig.org Page 32 / 32

    Nous allons maintenant commencer la phase de codage par la cration dune variablelocale la fentre.

    Faites un clic droit sur une zone vierge de la fentre, ensuite choisissez code.Saisissez ceci dans la zone dclaration globale de la fentre Dpart:

    Maintenant nous allons crer une procdure locale que nous nommerons RemplirTable

  • 7/18/2019 la valeur ajoute de ceratine fonction de windev

    33/35

    "Minilab " WinDev Crer un lecteur de pense WinDev 12

    Jean-Luc Baptiste www.btsig.org Page 33 / 33

    Dans la zone infrieure de lditeur, cliquez sur longlet du code, puis sur Procdures locales . Enfin, faites un clic avec le bouton droit de la souris, dansla zone de droite pour faire apparatre le menu contextuel suivant.

    Saisissez RemplirTable en validant la saisie en appuyant sur la touche entre.

    Vous devriez vous retrouver ensuite sous lditeur de code.

  • 7/18/2019 la valeur ajoute de ceratine fonction de windev

    34/35

    "Minilab " WinDev Crer un lecteur de pense WinDev 12

    Jean-Luc Baptiste www.btsig.org Page 34 / 34

    Voici le code que je vous laisse saisir. Je donnerai quelques explications ensuite.

    Nous dclarons plusieurs variables, des indices (i,j) un compteur (t), une chaine(sMesValeurs) qui contiendra le contenu du tableau (MonTableau).

    Le code commence affecter la variable globale SymboleMagique un caractrechoisi au hasard parmi les codes ascii compris entre 224 et 250.

    Ensuite, la table mmoire est vide.

    Maintenant le processus de remplissage de la table commence : pour chaque ligne(de i=1 10) nous allons remplir chaque colonne (de j=1 10) de la valeur ducompteur plus le SymboleMagique si le compteur est un multiple de neuf sinon unsymbole ascii pris au hasard si compteur nest pas un multiple de 9

    A la fin du traitement de j, SmesValeurs rcupre tout les lments du tableauspars par le caractre TAB.

    Enfin, sMesValeurs est ajout la table.

    Notez que nous aurions pu changer les deux dernires lignes par ceci :

    Tableajoute(Table1,MonTableau[1]+tab+Montableau[2]+tab+...jusqua+MonTableau[10])

    Voil pour la procdure. Il nous faut programmer laffichage de la table. Pour cela,faites un clic droit dessus et choisissez Code.

  • 7/18/2019 la valeur ajoute de ceratine fonction de windev

    35/35