0.3Découverte de l'éditeur & création d'un projet
L'essentiel en 30 secondes
- Le projet est l'unité de travail : il regroupe l'analyse, les fenêtres, les états, les requêtes et le code, dans un dossier à sauvegarder.
- L'environnement réunit le ruban, l'explorateur de projet (la boussole), la zone d'édition centrale et les volets (catalogue des champs, propriétés).
- On crée un projet via un assistant (nom, emplacement, type, charte graphique, langues) ; le réflexe F1 ouvre l'aide en français.
Mini-cas filé — Yacine crée son projet de gestion
Yacine lance l'assistant de création de projet WinDev pour sa PME de matériel électrique à Oran. Il renseigne le nom du projet, l'emplacement du dossier et le type d'application, puis choisit une charte graphique : toutes les fenêtres de sa gestion adopteront le même style sans qu'il stylise chaque champ. Une fois le projet créé, il se repère dans l'environnement : le ruban en haut pour les commandes, l'explorateur de projet comme table des matières de tous les éléments (fenêtres, états, requêtes, analyse), la zone d'édition centrale qui change selon l'élément ouvert, et les volets latéraux (catalogue des champs à déposer, propriétés organisées en onglets). Il crée une première fenêtre, y dépose un libellé et un bouton, et prend le réflexe F1 sur un élément pour ouvrir l'aide contextuelle. Réflexe : tout vit dans le dossier du projet, qu'il faut sauvegarder en entier.
Cas autonome de cette section : il revient dans le cours, le schéma, le script et le défi 48h de la section 0.3.
1. Le projet, unité de travail
La notion de projet est centrale dans WinDev. Un projet regroupe tous les éléments d'une application : l'analyse (le modèle de données), les fenêtres (l'interface), les états (les impressions), les requêtes, le code (procédures, classes) et les paramètres. Il est stocké dans un dossier sur le disque : c'est ce dossier complet qu'il faut sauvegarder et versionner. Pour Yacine, le projet « NegoceElec » est la boîte qui contient toute sa gestion.
2. L'environnement de développement
L'éditeur réunit plusieurs zones. Le ruban en haut regroupe les commandes par onglets thématiques (Accueil, Projet, Analyse, Fenêtre, Code, Test…). L'explorateur de projet liste tous les éléments — c'est la boussole. La zone d'édition centrale change selon ce qu'on édite (fenêtre, code, analyse, état). Les volets latéraux donnent accès au catalogue des champs (composants à déposer) et aux propriétés, organisées en onglets.
3. Créer un projet et la charte graphique
On crée un projet via un assistant qui pose les questions structurantes : nom, emplacement, type d'application, charte graphique (le style visuel appliqué automatiquement à toute l'application), gestion des données, langues. Chaque élément possède une fenêtre de propriétés organisée en onglets (Général, IHM, Détail, Liaison, Style…). Enfin, l'aide contextuelle F1 est un réflexe à prendre très tôt : la documentation PC SOFT est riche et en français. Yacine choisit sa charte dès la création pour rester cohérent sans effort.
🔎 Exemple concret — 🔎 Exemple concret — remplir une table à l'ouverture d'une fenêtre
Dans la fenêtre de gestion des clients de Yacine, le code d'initialisation parcourt le fichier Client :
// Initialisation de la fenêtre de la liste des clients
TableSupprimeTout(TAB_Clients)
POUR TOUT Client
TableAjouteLigne(TAB_Clients, Client.Nom, Client.Ville, Client.Telephone)
FINLecture : la fenêtre (FEN_Clients) et la table ont été créées par glisser-déposer depuis le catalogue des champs.
Leçon : l'explorateur de projet sert de boussole pour retrouver chaque élément et ouvrir son code.
Vocabulaire de la section
- Projet
- Unité de travail regroupant tous les éléments de l'application, stockée dans un dossier à sauvegarder.
Exemple simple : Yacine versionne le dossier du projet NegoceElec.
Ce que ce n'est pas : un fichier de code isolé du reste.
Réflexe : tout regrouper → projet.
- Explorateur de projet
- Volet listant tous les éléments (fenêtres, états, requêtes, code, analyse).
Exemple simple : Yacine s'y repère pour ouvrir une fenêtre.
Ce que ce n'est pas : une zone d'affichage de la licence.
Réflexe : naviguer → explorateur de projet.
- Ruban
- Barre de commandes organisée par onglets thématiques, adaptée à l'éditeur courant.
Exemple simple : Yacine y insère une nouvelle fenêtre.
Ce que ce n'est pas : le catalogue des champs à déposer.
Réflexe : trouver une commande → ruban.
- Charte graphique
- Style visuel cohérent appliqué automatiquement à toute l'application, choisi à la création.
Exemple simple : Yacine retient une charte pour ses fenêtres de gestion.
Ce que ce n'est pas : un style appliqué champ par champ à la main.
Réflexe : cohérence visuelle → charte graphique.
- Aide contextuelle (F1)
- Aide en français ouverte sur l'élément sélectionné, accessible partout dans l'éditeur.
Exemple simple : Yacine appuie sur F1 pour comprendre une propriété.
Ce que ce n'est pas : un moteur de recherche externe obligatoire.
Réflexe : comprendre vite → F1.
En pratique — En pratique — créer son premier projet
- Lancez l'assistant de création de projet : nom, emplacement, type d'application, puis choisissez une charte graphique.
- Repérez les zones de l'environnement : ruban, explorateur de projet, zone d'édition centrale, catalogue des champs.
- Créez une première fenêtre, déposez-y quelques champs (libellé, bouton) par glisser-déposer, et ouvrez leurs propriétés.
- Testez l'application (mode Test/Exécution) et prenez, comme Yacine, le réflexe F1 sur n'importe quel élément pour ouvrir l'aide contextuelle.
Script pas-à-pas — créer le projet NegoceElec (Yacine)
// Création du projet de gestion de Yacine // 1) Assistant : nom NegoceElec, emplacement D:\\Projets\\NegoceElec // 2) Type d'application : Windows // 3) Charte graphique : choisie dès le départ // 4) Explorateur de projet : ajouter analyse, fenêtres, états // 5) F1 sur un élément : l'aide contextuelle s'ouvre Info("Projet NegoceElec prêt")
Choisir la charte dès la création évite un travail de reprise fastidieux plus tard.
Modèle copier-coller — rechercher un client depuis une fenêtre
// Modèle de Yacine — bouton BTN_Rechercher de la fenêtre FEN_Clients
sNom est une chaîne
sNom = SAI_Nom
HLitRecherchePremier(Client, NomClient, sNom)
SI HTrouve(Client) ALORS
SAI_Ville = Client.Ville
SAI_Telephone = Client.Telephone
SINON
Info("Client introuvable : " + sNom)
FINAssistant de création
Yacine nomme son projet, choisit l'emplacement et le type d'application Windows.
Charte choisie tôt
Yacine fixe la charte graphique dès la création pour des fenêtres homogènes.
Explorateur boussole
Yacine retrouve chaque fenêtre, état ou requête via l'explorateur de projet.
Réflexe F1
Yacine ouvre l'aide contextuelle en français sur une propriété qu'il ne connaît pas.
✓ Bonnes pratiques
- Sauvegarder et versionner tout le dossier du projet.
- Choisir la charte graphique dès la création.
- Prendre très tôt le réflexe F1 (aide en français).
✗ Pièges fréquents
- Ne sauvegarder que le fichier principal du projet.
- Styliser chaque champ à la main puis vouloir changer de charte.
- Chercher un élément sans passer par l'explorateur de projet.
Points clés à retenir
- Le projet est l'unité de travail : il regroupe tous les éléments et vit dans un dossier à sauvegarder.
- L'environnement réunit le ruban, l'explorateur de projet, la zone d'édition et les volets.
- On crée un projet via un assistant et on choisit une charte graphique dès le départ.
- Chaque élément a des propriétés en onglets ; le réflexe F1 ouvre l'aide contextuelle en français.
Défi 48h — appliquez demain
Comme Yacine, créez un projet WinDev (nom, emplacement, type Windows) et choisissez une charte graphique. Repérez ensuite les quatre zones de l'environnement, créez une fenêtre avec un libellé et un bouton, puis appuyez sur F1 sur un élément. Notez enfin où se trouve, dans vos dossiers, le dossier complet à sauvegarder.
- Je sais qu'un projet WinDev regroupe tous les éléments dans un dossier.
- Je navigue dans l'environnement (ruban, explorateur, zone d'édition, volets).
- Je crée un projet via l'assistant et j'utilise l'aide contextuelle F1.
Questions fréquentes
Qu'est-ce qu'une charte graphique dans WinDev et pourquoi la choisir dès le départ ?
C'est le style visuel cohérent (couleurs, polices, apparence des boutons, champs, tables) appliqué automatiquement à toute l'application. Choisie à la création, elle garantit une interface homogène et professionnelle sans styliser chaque champ à la main — et la modifier dans la charte se répercute partout. Yacine la fixe donc dès le premier jour.
Que contient concrètement un projet WinDev, et que faut-il sauvegarder ?
Un projet est un dossier contenant l'analyse (le modèle de données), les fenêtres, les états, les requêtes, le code (procédures, classes), les ressources et la charte, plus éventuellement les données de test. Les éléments étant interdépendants, il faut sauvegarder — et idéalement versionner — tout le dossier, jamais un fichier isolé.
Qu'est-ce qu'un projet WinDev ?