Manipulation # 02.1 : Réaliser un Mini Traitement de Texte Objectifs : A travers cette manipulation, vous allez apprendre à mettre en œuvre quelques fonctionnalités relatives au traitement de texte. Vous verrez que grâce à la richesses des fonctions fournies dans Windev, il est possible de formater des contenus textuels avec la même qualité que le fameux Microsoft Word. Bien sûr, c est le cas pour beaucoup d autres environnements et outils de développement. L outil Mini traitement de texte produira des fichiers au format «RTF 1» et seront manipulables aussi par le Word. Pré-Requis : Avoir fait la série de manipulations précédente #02. Créez un nouveau projet que nommerez «MiniTraitementTexte» en respectant les mêmes étapes que celles décrites dans les précédentes manipulations. Nous allons commencer par implémenter l interface générale de l application qui devrait avoir l allure suivante : Créer une fenêtre vierge que vous nommerez «FenPrincipale» et dont le titre est «Mini Traitement de Texte». Insérer une barre d outils en cliquant sur le bouton encerclé en rouge de la barre d outils Windev. La barre devra contenir une série de boutons représentant les différentes fonctionnalités comme le montre la figure suivante 2 : 1 Pour Rich Text Format qui signifie que le texte est stocké avec sa mise en forme. La mise en forme est gérée par une série de caractères cachés que l on appelle «Jokers». 2 Nous verrons dans la suite comment placer ces boutons et les programmer. Pratique des SI(s) / Dr. Latifa MAHDAOUI 1
Nous allons commencer par expliquer le rôle de chaque élément que contient la barre d outils : Elément Nom du contrôle 3 Fonctionnalité Nouveau Créer un nouveau document. Ouvrir Enregistrer Imprimer Fermer Ouvrir un document. Enregistrer un document. Imprimer un document. Fermer le document en cours. Gras Souligné Italique Couleur Alignement Mettre le texte sélectionné en gras. Mettre le texte sélectionné en souligné. Mettre le texte sélectionné en italique. Colorer le texte sélectionné. Aligner le texte. PoliceCaractère Appliquer une police de caractère au texte sélectionné. TaillePolice Appliquer une taille en points au texte sélectionné. Quitter Quitter l application. Expliquons maintenant les étapes pour créer les boutons de la barre d outils : Double cliquez sur la barre d outils qui se trouve dans la fenêtre, vous obtiendrez la boite des propriétés suivante : 3 Vous utiliserez ces noms pour les contrôles insérés dans la barre d outils et ils seront aussi utilisés dans la programmation. Pratique des SI(s) / Dr. Latifa MAHDAOUI 2
Pour créer un bouton, cliquer sur le bouton «Créer» encerclé en rouge. Vous verrez apparaitre une série de contrôles (boutons, combos,, etc). Choisir le contrôle de type «Bouton», vous verrez alors apparaitre le nouveau bouton dans la barre d outils comme le montre l image suivante (l encerclé en rouge) : Maintenant, cliquez sur le bouton «Editer» (encerclé en rouge) pour pouvoir définir les propriétés du bouton. Vous aurez alors la boite de dialogue vous permettant de définir les dites propriétés comme le montre la figure suivante. Pratique des SI(s) / Dr. Latifa MAHDAOUI 3
Taper le nom du bouton comme vous le voyez dans le formulaire (encerclé en rouge) puis cliquez sur le bouton catalogue. Choisir l icône qui convient à la signification de la fonction du bouton «Nouveau». Afin de vous faciliter le travail, vous taperez un mot qui est proche du thème de la fonctionnalité (ici, le mot «nouveau» par exemple) puis cliquez sur le bouton «Rechercher» pour retrouver les images du catalogue qui correspondent. Sélectionnez alors l image qui vous semble la plus appropriée puis cliquez sur «OK» pour valider. Une fois sortis du catalogue, cliquez sur l onglet zone «Bulle d aide» comme le montre l image suivante : et tapez le texte dans la Pratique des SI(s) / Dr. Latifa MAHDAOUI 4
Enfin, cliquez encore sur «OK» pour valider vos choix. Vous procéderez de la même manière pour créer tous les éléments de la barre d outils en faisant attention à ce qui suit : Elément Nom du contrôle Alignement Attention Dans l onglet de la boite des propriétés vous préciserez que ce contrôle a PoliceCaractère deux colonnes. Dans l onglet de la boite des propriétés vous préciserez que ce contrôle a la TaillePolice propriété. Vous préciserez aussi dans l onglet la. Dans la zone «Contenu Initial» de l onglet vous préciserez les valeurs suivantes :. Pratique des SI(s) / Dr. Latifa MAHDAOUI 5
De même, dans l onglet vous préciserez la. Pour insérer un séparateur entre deux contrôles choisissez le contrôle de type «Forme» Enfin, pour le champ de saisi dénommé «Texte», vous veillerez à préciser ce qui suit :. Avant de programmer les boutons de la barre d outils, nous allons d abord programmer l ensemble des procédures nécessaires pour le bon fonctionnement du traitement de texte. Ces procédures vont manipuler des variables globales que bous allons déclarer dans la section «Initialisation du MiniTraitementTexte» du projet. Pour le faire, cliquer sur le menu «Projet» puis «Code du projet» dans la barre de menu Windev comme le montre la figure suivante : Pratique des SI(s) / Dr. Latifa MAHDAOUI 6
Taper le code suivant : Nous avons à programmer les procédures locales suivantes comme le montre l image qui suit : Déclarer l ensemble de ces procédures comme vous avez appris à le faire à travers les manipulations précédentes. Vous ferez attention à taper les noms comme vous les voyez afin d éviter les erreurs d exécution plus tard. Taper le code des différentes procédures en respectant le tableau suivant : Pratique des SI(s) / Dr. Latifa MAHDAOUI 7
Procédure AppliquerCouleur Taper Expliquons : Fonction SelectCouleur RTFSélection Rôle Permet d ouvrir la boite de sélection de couleur fournie dans Windows et de fournir le code de la couleur sélectionnée sous forme d un entier naturel. Permet d appliquer une mise en forme à un texte sélectionné et de type RTF. La mise en forme peut être l application d une couleur, le caractère gras ou encore l alignement centré,, etc. Cela dépend de l attribut que l on précisera (par exemple ici, l attribut est «rtfcouleur» et la couleur à appliquer en question est fournie dans la variable ncouleur). Pratique des SI(s) / Dr. Latifa MAHDAOUI 8
DésactiverEspace DétecteChangement Pratique des SI(s) / Dr. Latifa MAHDAOUI 9
EnregistrerFichier Expliquons : Fonction Dialogue fsélecteur Rôle Permet d afficher une boite de dialogue comportant une question à laquelle l utilisateur fournira une des réponses disponibles à travers les boutons affichés. Cette fonction permet d éviter des questions avec juste «Oui» ou «Non» comme réponse possible. Permet d ouvrir la boite de dialogue Windows prévue pour l enregistrement ou l ouverture de fichiers. Selon les paramètres que l on lui fournira, la boite sera soit pour enregistrer un fichier soit pour en ouvrir un. De plus, cette boite gère les filtres (ici, par exemple on a fourni comme filtre de fichier le «*.rtf»). Pratique des SI(s) / Dr. Latifa MAHDAOUI 10
ImprimerDocument Expliquons : Fonction iaperçu iimprimezonertf ifinimprime Rôle Prépare l espace d affichage à l écran d un document destiné à l impression. Cette fonction permet de préciser le type de zoom (ici, nous utilisons un zoom à 100%, i-e, normal). Permet d imprimer le contenu d une zone de type RTF. Ceci présente l avantage de garder toutes les mises en forme du texte imprimé telles qu elles ont été précisées durant l édition. Annone la fin de l impression. Cette fonction permet de déclencher l impression réelle sur le dispositif visé. Pratique des SI(s) / Dr. Latifa MAHDAOUI 11
NouveauFichier Expliquons : Fonction RTFVersTexte Rôle Convertit une chaine de type RTF vers une chaine de texte normal. Cela signifie que le texte sera nettoyé de tous les codes de mise en forme ou jokers. Pratique des SI(s) / Dr. Latifa MAHDAOUI 12
OuvrirFichier Programmer le bouton «Quitter» avec l instruction «Ferme» sous l événement «Clic sur le bouton Quitter». Enfin, nous allons programmer maintenant le reste des boutons de la barre d outils. Rappelons que pour obtenir la zone d édition d un bouton, il suffit de sélectionner celui-ci et d appuyer sur la touche F2. Le tableau suivant présente les codes à taper pour chaque bouton. Faire attention de taper le code sous l événement qui lui correspond. Contrôle Taper le code suivant Pratique des SI(s) / Dr. Latifa MAHDAOUI 13
Pratique des SI(s) / Dr. Latifa MAHDAOUI 14
DISCUSSION Nous venons de réaliser un petit traitement de texte contenant quelques fonctionnalités des plus basiques. Il est possible d aller plus loin grâce à la richesse des fonctions offertes par Windev. De plus, nous avons pu exploiter des éléments appartenant à la bibliothèque du système d exploitation Windows pour implémenter certaines fonctions comme le sélecteur de couleurs, l enregistreur de fichiers,, etc. Cela signifie que pour un programmeur, il est important qu il connaisse ce que peut lui offrir l environnement sous lequel il développe afin de réutiliser les objets de celui-ci et de les adapter aux besoins si nécessaire. Cela présente aussi une économie du temps nécessaire au développement. Pratique des SI(s) / Dr. Latifa MAHDAOUI 15
Exercice supplémentaire à faire chez vous : Exercice 1 : Réaliser un outil de dessin Comme vous venez de le voir, Windev a permis de programmer un petit traitement de texte de manière très aisée et avec une allure assez professionnelle. Le même principe reste valable pour les fonctions de dessin de windev. Comme première étape, expérimentez les différentes fonctions de dessin avec l aide du help Windev. Comme indication, sachez que les fonctions de dessin commencent avec la lettre «d», par exemple «dcercle» permet de dessiner un cercle en précisant ses dimensions et ses couleurs. Ensuite, pensez à créer un outil genre «MSPAINT» qui contiendra un sous ensemble de fonctions de dessins de différentes formes géométriques. Pratique des SI(s) / Dr. Latifa MAHDAOUI 16